@charset "utf-8";
/* Theme Name: pl */
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:500,700&display=swap');
/* ==========================================================================
   Base
   ========================================================================== */
html {width:100%; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{ margin:0; padding:0; width:100%; background:#fff; font-family:Arial,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif"; color:#000; text-align:center; font-size: 16px; line-height:1.8;}
ol,ul,li,dt,dl,dd,p{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0; font-size: 16px; line-height:1.8; margin: auto;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0; max-width: 100%; height:auto;}
a,a:visited,a:active,a:hover{color:#000; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;}
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}.cf{ /min-height:1px; /display:inline-block;}.cBoth{clear:both;}
.t8{ font-size:8px; line-height:14px;}.t10{ font-size:10px; line-height:14px;}.t11{ font-size:11px; line-height:14px;}.t12{ font-size:12px;}.t14{ font-size:14px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t20{ font-size:20px;}.t21{ font-size:21px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t34{ font-size:34px;}.t36{ font-size:36px;}.t38{ font-size:38px;}.t40{ font-size:40px; }.t44{ font-size:44px; }.t46{ font-size:46px;}.t48{ font-size:48px;}.t50{ font-size:50px;}.tS{font-size: 70%;}
.tls{letter-spacing: 0.05em;}
.gray{ color:#999;}.darkGray{ color:#666;}.wht{color: #fff;}.pink{color: #e46377;}.gold{color: #cfb520;}.red{color:#FF0004;}
.tJ1,.tJ2,.tJ3{font-family: 'Noto Sans JP', sans-serif;}
.tJ1{font-weight:400;}.tJ2{font-weight:700;}.tJ3{font-weight:900;}
.tM1,.tM2,.tM3{font-family: 'Noto Serif JP', serif;}
.tM1{font-weight:400;}.tM2{font-weight:600;}.tM3{font-weight:900;}
.tE1,.tE1i,.tE2,.tE2i{font-family: 'EB Garamond', serif;}
.tE1,.tE1i{font-weight:500;}.tE1i{font-style: italic;}.tE2,.tE2i{font-weight: 700;}.tE2i{font-style: italic;}
h1,h2,h3,h4,h5{ font-family:'Noto Sans Japanese', sans-serif; margin:0; font-weight:500;}h1,h2{ line-height: 1.4;}h3,h4,h5{ line-height: 1.6;}
.alignright{float:right;margin:0 0 20px 20px;}.alignleft{float:left;margin:0 20px 20px 0;}.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
div.aligncenter{ width: 100%; text-align:center;}
.taLeft{text-align: left;}.taRight{text-align: right;}
.wrap{ width:900px;}.wrapN{ width:750px;}.wrap,.wrapN{ margin:auto; box-sizing: border-box;}
section{display: inline-block; margin:auto;}
.fade{ display:none;}
.pc{}.sp{ display:none;}
p.dot{display: block; margin-bottom: 5px; padding-left:1em; text-indent: -1em; line-height: 1.5; }
p.dot:before{ content: "●"; margin-right: 5px;}
ul.dot li{list-style: disc; line-height: 1.5; margin:0 0 5px 20px;}

form.post-password-form input{background:#999; }

/* ==========================================================================
   common
   ========================================================================== */
footer{ padding: 30px; background: none;}
footer a,footer a:visited{color: #e46377;}
footer .tE1{margin-top: 15px;}
#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999; }
#page-top a{display: block; background:#000; color:#fff; padding:20px; font-size:30px;}
#page-top a:hover{background:#666;}
.pd{padding: 60px 0;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.bg_pt{background-image: url(/asset/cnt/themes/jwia/img/pw_lp/common/bg_pt.png); background-attachment: fixed;}
.bg_pt2{background-image:url(/asset/cnt/themes/jwia/img/pw_lp/common/bg_pt2.png); background-attachment: fixed;}
.bg0{background-image: url(../img/bg0.jpg); background-attachment: fixed;}
.bg1{background-image:url(../img/bg.png);background-attachment: fixed;}
.bg2{background-image:url(.../img/bgB.png);background-attachment: fixed;}
.bg_rose{background-image:url(/asset/cnt/themes/jwia/img/pw_lp/common/bg_rose.jpg); background-repeat: none; background-size:100% auto; background-attachment: fixed;}
.ttl{margin-bottom:30px; width: 100%; text-align: center;}
/* page */
#page .wrapN{background: #fff; padding: 50px; font-size: 14px;}
#page .wrapN h2{margin-bottom: 15px;}
#page .wrapN p{display: inline-block; margin-left:25px;}
#page .wrapN table th,#page .wrapN table td{padding:20px 5px; border-bottom:1px solid #faedd5; line-height: 1.4;}
#page .wrapN table th{text-align: right; color: #e46377; }
/* opt */
header{ padding:0; position: static; z-index: none; width: 100%; box-sizing: border-box; background:none; }
header div:first-child,#mov header div:first-child{background: linear-gradient(#e46377, #cc9c97);  padding: 15px;}
header div:last-child{background: url(../img/thanks/header_main_bg.jpg) no-repeat top center;}
header.lp01 div.h2{background: url(/asset/cnt/themes/jwia/img/pw_lp/opt/lp01_header2_bg.png)}
header.lp01 div.h3{background: url(/asset/cnt/themes/jwia/img/pw_lp/opt/lp01_header3_bg.jpg) no-repeat top center;}
header.lp02{background: url(/asset/cnt/themes/jwia/img/pw_lp/opt/lp02_header_bg.jpg) no-repeat top center;}

#opt #entrymm{background: linear-gradient(#cc9c97, #e0c6c3);  padding-bottom: 40px;}
#opt #entrymm:before{ content: "▼"; color: #fff; font-size: 70px; line-height:0;}
#opt #entrymm h1{color: #fff; margin: 20px auto 10px auto;}
#opt iframe.cd{border: 0; width: 100%; height:40px;}
#opt #entrymm h2{display: none;}
#opt #entrymm section{background: #fff; padding: 25px 40px 15px 40px;}
#opt #entrymm section label{display: none;}
#opt #entrymm h4{ text-align: left; line-height: 1.4; margin: 15px 20px 10px 20px; padding-left:1em; text-indent: -1em;}
input:not([type=image]){font-family:Arial,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif"; font-size: 20px; text-align: center; font-weight: bold;  color:#000; background: #fff; border: none; padding:30px; margin:5px 0px; box-sizing: border-box; width: 100%;}

#opt #entrymm.end:before{color: #000;}
#opt .mov div{margin-bottom: 20px;}

.mirai .miria_pw{background: url("../img/mirai_bg.png") repeat-x top center; } 
.mirai .mark{padding: 20px 0;} 

.present{}
.present .wrapN{text-align: left;}
.present .wrapN .btn{margin: 15px 0 0 103px;}
.present2 ul{margin-top: 30px;}
.present2 ul li{float: left; width: 50%;text-align: left; background: #fff; padding: 20px ; box-sizing: border-box;}
.present2 ul li .ttl{margin-bottom: 20px;}
.present2 section{display: block; background: #fff; padding: 40px 50px; margin-top: 30px;}
.present2 section p{text-align: left;}
#opt .mov div{margin-bottom: 20px;}
#opt .corona{background: url(/asset/cnt/themes/jwia/img/pw_lp/opt/corona_bg.jpg) no-repeat top center #696267; }
#opt .corona div{text-align: left; margin: 20px auto 0 auto; padding-right: 50px;}
#opt .trouble .wrapN{background: #fff; padding:40px 30px;}
.trouble_list{background:#696267; padding:40px 50px; display: inline-block;}
.trouble_list ul li{line-height: 1.3; margin-bottom: 12px; text-align: left; color: #fff; padding-left:1.8em; text-indent: -1.8em;}
.trouble_list ul li:before{ content: url(/asset/cnt/themes/jwia/img/pw_lp/common/check.png); color: #fff; margin-right: 10px; vertical-align: middle;}
ul.voice_list li{background: #fff; padding:40px 50px; text-align: left; }
ul.voice_list li:not(:last-child){ margin-bottom: 10px;}
ul.w_voice_list li{float: left; width: 33.33%; padding: 0 20px 30px 20px; box-sizing: border-box; text-align: left;}
ul.w_voice_list li h3{line-height: 1.4; margin: 20px auto 10px auto; text-align: center;}
.w_voice.me{border-top: 2px solid #cc9c97;}
.w_voice.me li p{line-height: 1.4;}
#opt ul.voice_list li:last-child{display: none;}
.fmov section{margin-top:20px;padding:40px 30px;box-shadow:0 0 20px #cc9c97;}
.fmov section .mark,.intro .num{background: linear-gradient(#e46377, #cc9c97); color: #fff; padding: 15px 30px; border-radius: 30px; margin-bottom: 15px; display: inline-block; box-sizing: border-box;}
.fmov section ul li{border-top:1px solid #cc9c97; padding-top: 30px; margin-top: 30px;}
.fmov section ul li:first-child{margin-top: 0;}
.fmov section ul li .ph{float: left; width: 40%;}
.fmov section ul li .txt{float: right; width:56%; text-align: left;}
.fmov section ul li .txt h2{margin-bottom: 10px;}
.lecturer{background: #060709; color: #fff;}
.lecturer .ph{float: left; width: 40%;}
.lecturer .txt{float: right; width:56%; text-align: left; }
.lecturer .wrapN{text-align: left;}
.lecturer ul.media li{width: 33.33%; float: left; padding: 10px; box-sizing: border-box; font-size: 14px; line-height: 1.4;}
.lecturer ul.media li div{margin-bottom: 15px;}

/* thanks */
#thanks .header_thanks{background:#e46377; padding: 10px 0;}
#thanks header{background: url(/asset/cnt/themes/jwia/img/pw_lp/opt/header_main_bg.jpg) no-repeat top center;}

#entry {background: #e46377; padding-top: 0;}
#entry:before{ content: "▼"; color: #fff; font-size: 70px; line-height:0;}
#entry:last-child:before{ color: #cfb520;}
#entry h1{margin-top: 15px;}
#entry h3{margin: 20px auto;}
.step4{padding-top: 60px;}
.step4 .bg_pt .wrapN{background: url(/asset/cnt/themes/jwia/img/pw_lp/common/trouble_bg.png) repeat-x top #cdb322; padding: 40px 50px;}
.step4 .bg_pt .wrapN ul li:not(:last-child){border-bottom: 1px dotted #fff; margin-bottom: 20px; padding-bottom: 20px;}
.step4 .bg_pt .wrapN ul li .mark{float: left; width:17%; color: #cfb520; font-size: 20px; background: #fff; padding:20px; border-radius: 100px;box-sizing: border-box; }
.step4 .bg_pt .wrapN ul li h3{float: right; width: 80%; text-align:left; display: inline-block; color: #fff; line-height: 1.4;}
.schedule .wrap{background: #fff;}
.schedule .ttl span{padding: 20px 0; display: block; }
.schedule table tbody{border-top: 2px solid #d3b71c; }
.schedule table th{background:#cfb520; color: #fff; padding: 10px;}
.schedule table th:not(:last-child){ border-right: 1px solid #fff;}
.schedule table td{border-top: 1px solid #cfb520; padding: 10px;}
.schedule table td:not(:last-child){ border-right: 1px solid #cfb520;}
.schedule table td.full{color: #e46377; text-decoration: line-through}
.schedule section.benefits ul li:not(:last-child){border-bottom: 1px dotted #cfb520; padding-bottom:30px; margin-bottom:30px;}
.schedule section.benefits ul li .ph{float: left; width: 30%;}
.schedule section.benefits ul li .ph img{ border-radius: 10px; }
.schedule section.benefits ul li .txt{float: right; width: 65%; text-align: left; }
.schedule section.benefits ul li .txt h1{line-height: 1.4; margin-bottom: 15px;}
.schedule section.benefits ul li .txt .point{background: #e46377; color: #fff; padding:5px 20px; box-sizing: border-box; margin:5px 0; display: inline-block;}
.schedule section.free h1{line-height: 1.3; margin: 10px auto;}
.schedule section.free h3{margin-top: 10px;}
.schedule .present2 ul{padding: 0 30px;}

.pi .header{background:url(../img/thanks/pi_bg.jpg) no-repeat top center; background-size: cover;}
.pi .header .wrapN{ width: 600px; text-align: left;}
.pi .bg_pt{padding: 60px 0;}
.pi section{background:#fff; padding: 50px; margin-bottom: 30px; width: 100%; box-sizing: border-box;}
ul.pi_point li:not(:last-child){border-bottom: 1px dotted #cfb520; margin-bottom: 20px; padding-bottom: 20px;}
ul.pi_point .mark{float: left; width:17%; color: #fff; font-size: 20px; background: #cfb520; padding:20px; border-radius: 100px; box-sizing: border-box; }
ul.pi_point li h3{float: right; width: 80%; text-align:left; display: inline-block; line-height: 1.4;}
.omoi section{background:#fff; padding: 50px 70px; box-sizing: border-box;}
.omoi section span{text-align: left; display: inline-block;}
/* mov */
#mov{margin-bottom: 40px;}
#mov .num{background: linear-gradient(#cc9c97, #cc9c97); color: #fff; padding: 30px; border-radius: 30px; display: inline-block; margin-bottom:30px;}
#mov .release ul li{display: inline-block; margin: 0 8px; }
#mov .release ul li a{display: block; background:url(/asset/cnt/themes/jwia/img/pw_lp/common/bg_pink.jpg) repeat-x; color: #fff; padding: 30px 30px 20px 30px; border-radius: 30px; box-sizing: border-box;}
#mov .release ul li a h1{margin-bottom: 10px;}
#mov .release ul li.cs{}
#mov .release ul li div{display: block; background:#999; color: #fff; padding: 30px 30px 20px 30px; border-radius: 30px; box-sizing: border-box;}
.line{background:url(/asset/cnt/themes/jwia/img/pw_lp/mov/line_bg.jpg) no-repeat center top #e4e9f0; padding:40px 30px;}
.line .wrapN{text-align: left;}
.line .wrapN h3{margin: 20px auto;}
#mov header.intro div:first-child{background:none;}
#mov .prev .prev_btn{margin-top: 20px;}
#mov .prev .prev_btn a{background:#e46377; color: #fff; font-size:30px; line-height: 1.2; padding: 20px 50px; border-radius: 50px; display: inline-block;}
#mov .prev .prev_btn a:before{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}
 .story section{display: block; }
.story section:not(:last-child){margin-bottom:50px;}
 .story section .ph{width: 100%; height: 300px; margin-bottom: 30px;}
 .story section .wrapN{text-align: left;}
.story section h3{margin-bottom: 20px;}
.story section.story3_3{padding: 50px 0;}
 .story section.story3_3 .wrapN{background: #fff; padding: 30px 50px;}


/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:768px) {
input{-webkit-appearance: none;border-radius: 0;}
.pc{display:none;}.sp{ display:inline-block;}
.wrap,.wrapN{ width:100%;}.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}.wps80{width:80%; margin: auto;}
iframe{width: 100%;}
.tbTleft{text-align: left;}
footer{font-size: 12px;}
#page-top a{padding:15px; font-size:20px;}
#page .wrapN{padding: 30px 20px;}
#page .wrapN table th,#page .wrapN table td{display: block; padding:20px 0; }
#page .wrapN table th{text-align: left; border-bottom: 0; padding-bottom: 0;}
#page .wrapN table td{padding-top: 5px;}
#opt #entrymm h1{font-size: 28px;}
#opt #entrymm section{padding: 25px 15px 15px 15px;}
#opt #entrymm table{width:90%;}
#opt #entrymm table th,#opt #entrymm table td{display: block; width: 100%; text-align: left;}
input:not([type=image]){font-size: 16px; padding:20px;}
input[type=image]{width:100%;}
.present{background:url(/asset/cnt/themes/jwia/img/pw_lp/opt/present_bg_sp.jpg) no-repeat top center; background-size: cover; padding:80px 20px 20px 20px;}
.present .wrapN .btn{margin-left:0; text-align: center;}
#opt .corona{background: url(/asset/cnt/themes/jwia/img/pw_lp/opt/corona_bg_sp.jpg) no-repeat top center #696267; padding-top:150px;}
#opt .corona div h1{font-size:30px;}
#opt .corona div{padding-right:0px;}
#opt .trouble .wrapN{background: #fff; padding:40px 20px;}
.present2 ul li{width: 100%; float: none;}
.present2 section{padding: 30px 20px;}
.trouble_list{ padding:20px;}
.trouble_list ul{font-size: 18px;}
ul.voice_list li{padding:30px 20px;}
ul.voice_list li .alignright{float: none; clear: both;display: block; margin: 0 auto 15px auto;}
ul.voice_list li h1{font-size: 34px;}
ul.voice_list li h2{font-size: 24px;}
ul.w_voice_list li{float: none; width: 100%; padding: 0 0 30px 0;}
.fmov section h1{ line-height: 1.4; text-align: left;}
.fmov section ul li{border-top:none; padding-top: 0; margin-top: 30px;}
.fmov section ul li .ph{float: none; width: 100%; margin-bottom: 20px;}
.fmov section ul li .txt{float: none; width:100%; }
.lecturer .ph{float: none; width: 100%;}
.lecturer .txt{float: none; width:100%; margin: auto;}
.lecturer ul.media li{width: 46%; padding:15px 0 0 0;}
.lecturer ul.media li:nth-child(even){float: right;}
#thanks .header_thanks h1{font-size:22px; line-height: 1.2; margin-bottom: 5px;}
#thanks .header_thanks h2{font-size:14px;line-height: 1.2; }

.mirai .miria_pw{background:none; } 

.intro h3{font-size: 16px; }
.intro h1.t40{font-size: 30px; }
.intro h1.t20{font-size: 16px; line-height: 1.3;   margin: 10px auto 7px auto;}
.intro h1.t34{font-size: 20px; line-height: 1.3;}
　
#entry h3{font-size:16px; line-height: 1.3;}
.step4 .bg_pt .wrapN{padding: 40px 30px;}
.step4 .bg_pt .wrapN ul li .mark{float: none;width: auto; padding:10px 20px; display: inline-block; margin-bottom: 15px; box-sizing: border-box;}
.step4 .bg_pt .wrapN ul li h3{float: none; width: 100%;line-height: 1.3;}
.schedule h3{font-size:16px; line-height: 1.3;}
.schedule section.benefits ul li .ph{float: none; width: 100%; margin-bottom: 20px;}
.schedule section.benefits ul li .txt{float: none; width: 100%; text-align: left;}
.schedule table td{padding: 15px 10px; line-height: 1.4;}
ul.pi_point .mark{float: none; width:auto; padding:10px 20px; display: inline-block; margin-bottom: 15px; box-sizing: border-box;}
ul.pi_point li h3{float: none; width: 100%; }
.pi .header{background:url(/asset/cnt/themes/jwia/img/pw_lp/thanks/pi_bg_sp.jpg) no-repeat top center; }
.pi .header .wrapN{ width: 90%; margin: auto;}
.pi section{padding: 40px 20px; }
.omoi section{padding: 50px 30px;}
.omoi section .alignright{float: none; clear: both;display: block; margin: 0 auto 15px auto;}
#mov .release ul li{margin-bottom: 8px;}
#mov .release ul li h1{font-size: 30px; margin-bottom: 0px;}
#mov .release ul li h2{font-size: 18px;}
#mov .release ul li h3{font-size: 14px;}
#mov .story section .ph{height: 200px; }
.line{background: #e4e9f0; padding-top:0;}
.line .wrapN{margin-top: 15px;}
}
@media screen and (max-width:640px) {
.sptleft{text-align: left;}
}