@charset "UTF-8";

/* common */
span.wght-extralight{font-weight:200;}
span.wght-regular{font-weight:400;}
br{display:inline;}
br.mobile{display:none;}
img{display:block; width:100%; max-width:fit-content; margin:0 auto;}
i.ico{display:inline-block; position:relative; vertical-align:middle; transition:all .3s ease, background-position 0s;}

/* mainVisual */
#mainVisual{padding:calc(3.125em + 70px) 0 3.125em; background:linear-gradient(180deg, #00B2FF 0%, #380099 100%);}
#mainVisual .imgW{margin:0 auto 1.625em;}
#mainVisual .imgW img{max-width:9.375em;}
#mainVisual .txtW{color:#fff; text-align:center;}
#mainVisual .txtW h2{font-size:5.25em; font-weight:700;}
#mainVisual .txtW p.ti-info{margin-top:1.5em; font-size:1.25em; font-weight:700;}
#mainVisual .txtW p.ti-info strong{color:#B5FAFF;}

/* mainContents */
#mainContents{clear:both; width:100%; margin:0 auto; padding:0; background:transparent; color:#000; z-index:1;}
#mainContents .inner{width:1280px; padding:0 85px;}
#mainContents h3{line-height:1.5; margin:0 auto 1.15em; font-size:2.375em; font-weight:700; text-align:center; word-break:keep-all;}
#mainContents p.result{line-height:1.5; font-size:1.375em; font-weight:700; text-align:center; word-break:keep-all;}
#mainContents p.point{position:relative; line-height:1.5; padding-left:1.125em; color:#df2d2d; word-break:keep-all;}
#mainContents p.point.black{color:#000;}
#mainContents p.point:before{content:'※'; position:absolute; line-height:1.313; top:-.15em; left:0; font-size:1.375em;}
#mainContents ul.list,
#mainContents ol.number{clear:both; width:100%; margin:0 auto; font-size:1em;}
#mainContents ul.list > li,
#mainContents ol.number > li{position:relative; margin:0 auto .25em; line-height:1.5; word-break:keep-all;}
#mainContents ul.list > li{padding-left:.75em;}
#mainContents ul.list > li:before{content:''; display:block; position:absolute; left:0;}
#mainContents ul.list.circle > li:before{width:5px; height:5px; top:.625em; background:#000; border-radius:50%;}
#mainContents ul.list.check > li{padding-left:1.375em;}
#mainContents ul.list.check > li:before{width:21px; height:24px; top:-.125em; background:url('../images/ico_bullet_check.png') no-repeat left center / cover;}
#mainContents ol.number{counter-reset:item;}
#mainContents ol.number > li{padding-left:1.25em;}
#mainContents ol.number > li:before{display:block; position:absolute; top:0; left:0; font-size:1em; font-weight:500; counter-increment:item;}
#mainContents ol.number.basic > li:before{content:counter(item)'.';}
#mainContents ol.number.basic > li:nth-child(9) ~ li{padding-left:1.625em;}
#mainContents ul:last-child,
#mainContents ol:last-child,
#mainContents ul.list > li:last-child,
#mainContents ol.number > li:last-child{margin-bottom:0;}
#mainContents .btn{display:inline-block; margin:0 auto; padding:1.5em 1.75em; background:#000; border:1px solid transparent; border-radius:9px; color:#fff; text-align:center;}
/*#mainContents .btn:focus,
#mainContents .btn:hover{opacity:.6;}*/
#mainContents .btn .wrapper{display:inline-block; position:relative;}
#mainContents .btn p.ti{font-size:1.875em; font-weight:700;}
#mainContents .arrowW{display:block; margin:5.9375em auto 5.25em; text-align:center;}
#mainContents .arrowW i.ico.arrow-down{width:8px; height:48px; background:url('../images/deco_arrow_bottom.png') no-repeat center / 100%;}
#mainContents i.ico.arrow-right{font-size:0; vertical-align:top; transform:translateY(-2px);}
#mainContents i.ico.arrow-right:before{content:'>'; font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:1.875rem; font-weight:200;}
#mainContents i.ico.review{width:59px; height:55px; background:url('../images/ico_review.png') no-repeat center / 100%;}
#mainContents i.ico.benefit{width:57px; height:55px; background:url('../images/ico_benefit.png') no-repeat center / 100%;}
#mainContents i.ico.note{width:56px; height:56px; background:url('../images/ico_note.png') no-repeat center / 100%;}

#mainContents .area01,
#mainContents .area02,
#mainContents .area03,
#mainContents .area04,
#mainContents .area05,
#mainContents .area06{clear:both; width:100%; margin:0 auto; padding:9em 0; overflow:hidden;}

#mainContents .area01 .sloganW{text-align:center;}
#mainContents .area01 .sloganW h3{}
#mainContents .area01 .sloganW h3 br.mobile{}
#mainContents .area01 .sloganW .btnBox{}
#mainContents .area01 .sloganW .btnBox a.btn.apply{background:#4900DE;}
#mainContents .area01 .sloganW .btnBox a.btn.apply .wrapper{}
#mainContents .area01 .sloganW .btnBox a.btn.apply .wrapper p.ti{margin:0 auto .8em; padding:0 .8em .8em 1.133em; border-bottom:1px dashed #fff; transition:border .3s;}
#mainContents .area01 .sloganW .btnBox a.btn.apply .wrapper p.ti i.ico.arrow-right{}
#mainContents .area01 .sloganW .btnBox a.btn.apply .wrapper p.date{font-size:1.125em; font-weight:700;}
#mainContents .area01 .sloganW .btnBox a.btn.apply .wrapper p.date span.wght-regular{}
#mainContents .area01 .sloganW .btnBox a.btn.apply:focus,
#mainContents .area01 .sloganW .btnBox a.btn.apply:hover{background:#fff; border-color:#4900DE; color:#4900DE;}
#mainContents .area01 .sloganW .btnBox a.btn.apply:focus p.ti,
#mainContents .area01 .sloganW .btnBox a.btn.apply:hover p.ti{border-bottom-color:#4900DE;}
#mainContents .area01 .arrowW{}
#mainContents .area01 .checklistW{}
#mainContents .area01 .checklistW h3{}
#mainContents .area01 .checklistW ul.list.check{width:100%; max-width:fit-content; margin:0 auto 3.25em;}
#mainContents .area01 .checklistW ul.list.check li{font-size:1.125em;}
#mainContents .area01 .checklistW ul.list.check li p{}
#mainContents .area01 .checklistW p.result{text-align:center;}
#mainContents .area01 .checklistW p.result strong{position:relative;}
#mainContents .area01 .checklistW p.result strong:after{content:''; display:block; position:absolute; width:11.4em; height:8px; bottom:-.5em; left:-.375em; background:url('../images/deco_draw_line_bottom.png') no-repeat center / 100%;}

#mainContents .area02{background:#DDF0FF;}
#mainContents .area02 h3{}
#mainContents .area02 .tableW{width:100%; margin:0 auto 6.25em; overflow-x:auto;}
#mainContents .area02 .tableW table{width:100%; max-width:835px; margin:0 auto; background:rgba(255,255,255,.3); border:none; text-align:center;}
#mainContents .area02 .tableW table .default{width:50%; border-left-color:transparent;}
#mainContents .area02 .tableW table .coaching{width:50%; border-right-color:transparent; color:#4900DE;}
#mainContents .area02 .tableW table thead{}
#mainContents .area02 .tableW table thead tr{}
#mainContents .area02 .tableW table thead tr th{padding:.58823em 1.125em; border:1px solid #fff; border-top-color:transparent; font-size:2.125em; font-weight:600;}
#mainContents .area02 .tableW table thead tr th.default{}
#mainContents .area02 .tableW table thead tr th.coaching{}
#mainContents .area02 .tableW table tbody{}
#mainContents .area02 .tableW table tbody tr{}
#mainContents .area02 .tableW table tbody tr td{line-height:1.25; padding:.8333em 1.625em; border:1px solid #fff; font-size:1.5em; word-break:keep-all; vertical-align:middle;}
#mainContents .area02 .tableW table tbody tr:last-child td{border-bottom-color:transparent;}
#mainContents .area02 .tableW table tbody tr td.default{}
#mainContents .area02 .tableW table tbody tr td.coaching{}
#mainContents .area02 p.result{}

#mainContents .area03 .getW{}
#mainContents .area03 .getW .imgW{margin:0 auto 4.5em;}
#mainContents .area03 .getW .imgW img{max-width:17.625em;}
#mainContents .area03 .getW .txtW{}
#mainContents .area03 .getW .txtW h3{}
#mainContents .area03 .getW .txtW ol.number.basic{max-width:fit-content;}
#mainContents .area03 .getW .txtW ol.number.basic li{font-size:1.5em;}
#mainContents .area03 .getW .txtW ol.number.basic li p{}
#mainContents .area03 .getW .txtW ol.number.basic li p strong{font-weight:600;}
#mainContents .area03 .getW .txtW ol.number.basic li p span.wght-regular{}
#mainContents .area03 .arrowW{}
#mainContents .area03 .recommendW{}
#mainContents .area03 .recommendW h3{}
#mainContents .area03 .recommendW > div{margin:0 auto; text-align:center;}
#mainContents .area03 .recommendW > div .wrapper{display:inline-block; width:100%;}
#mainContents .area03 .recommendW > div .imgW{}
#mainContents .area03 .recommendW > div .imgW img{}
#mainContents .area03 .recommendW > div .txtW{text-align:left;}
#mainContents .area03 .recommendW > div .txtW p{line-height:1.5; word-break:keep-all;}
#mainContents .area03 .recommendW > div .txtW p.ti{margin:0 auto 2em; font-size:1.875em; font-weight:600;}
#mainContents .area03 .recommendW > div .txtW p.detail{line-height:1.5416;font-size:1.5em;}
#mainContents .area03 .recommendW > div .txtW p.detail span.highlight{margin:-.05em -.125em; padding:.05em .125em; background:#83FF87;}
#mainContents .area03 .recommendW > div .txtW p.detail strong{font-weight:600;}
#mainContents .area03 .recommendW > div.person1{max-width:642px; margin:6.75em auto 5.5em;}
#mainContents .area03 .recommendW > div.person1 .imgW{float:left; max-width:135px; margin-right:1.875em;}
#mainContents .area03 .recommendW > div.person1 .txtW{float:right; width:calc(100% - 135px - 1.875em);}
#mainContents .area03 .recommendW > div.person2{max-width:666px; padding-right:5.5em;}
#mainContents .area03 .recommendW > div.person2 .imgW{float:right; max-width:298px; margin-left:3.375em;}
#mainContents .area03 .recommendW > div.person2 .txtW{margin-top:16.5em;}

#mainContents .area04{background:#4B42FE;}
#mainContents .area04 h3{color:#fff;}
#mainContents .area04 h3 i.ico.review{margin-right:.313em;}
#mainContents .area04 ul.reviewW{max-width:798px; margin:6.75em auto 6.25em;}
#mainContents .area04 ul.reviewW li{position:relative; margin:0 auto 3.75em;}
#mainContents .area04 ul.reviewW li:last-child{margin:0 auto;}
#mainContents .area04 ul.reviewW li .txtW{display:flex; flex-wrap:wrap;}
#mainContents .area04 ul.reviewW li .txtW p{flex:1 1 100%; line-height:1.5; color:#fff;}
#mainContents .area04 ul.reviewW li .txtW p.ti{font-size:1.875em; font-weight:600;}
#mainContents .area04 ul.reviewW li .txtW p.detail{line-height:1.54166; margin:1.666em 0; font-size:1.5em;}
#mainContents .area04 ul.reviewW li .txtW p.speaker{font-size:1.125em;}
#mainContents .area04 ul.reviewW li.review1:before{content:''; display:inline-block; position:absolute; width:15.3125em; height:15.3125em; top:0; right:-4.125em; background:url('../images/bg_ico_search.png') no-repeat center / 100%;}
#mainContents .area04 ul.reviewW li.review1 .txtW{justify-content:flex-start; text-align:left;}
#mainContents .area04 ul.reviewW li.review1 .txtW p.ti{max-width:480px;}
#mainContents .area04 ul.reviewW li.review1 .txtW p.detail{max-width:456px;}
#mainContents .area04 ul.reviewW li.review2 .txtW{justify-content:flex-end; text-align:right;}
#mainContents .area04 ul.reviewW li.review2 .txtW p.ti{max-width:440px;}
#mainContents .area04 ul.reviewW li.review2 .txtW p.detail{max-width:743px;}
#mainContents .area04 .btnBox{width:100%; max-width:835px; margin:0 auto;}
#mainContents .area04 .btnBox a.btn.golink{display:block; padding:1em 1.75em; background:rgba(255,255,255,.1); border-radius:0;}
#mainContents .area04 .btnBox a.btn.golink .wrapper{}
#mainContents .area04 .btnBox a.btn.golink .wrapper p.ti{font-weight:500;}
#mainContents .area04 .btnBox a.btn.golink .wrapper p.ti i.ico.arrow-right{}
#mainContents .area04 .btnBox a.btn.golink:focus,
#mainContents .area04 .btnBox a.btn.golink:hover{background:#fff; color:#4B42FE; opacity:1;}

#mainContents .area05 h3{}
#mainContents .area05 h3 i.ico.benefit{margin-right:.25em;}
#mainContents .area05 ul.benefitW{display:flex; flex-wrap:wrap; justify-content:center; gap:3em; margin:5em auto 4em;}
#mainContents .area05 ul.benefitW li{flex:1; position:relative; max-width:531px; padding:4em; background:#83FF87; border-radius:21px; text-align:center;}
#mainContents .area05 ul.benefitW li:after{content:''; display:inline-block; position:absolute; width:2.875em; height:2.875em; bottom:1.75em; right:1.75em; background:url('../images/ico_badge.png') no-repeat center / 100%;}
#mainContents .area05 ul.benefitW li .wrapper{}
#mainContents .area05 ul.benefitW li .wrapper p{word-break:keep-all;}
#mainContents .area05 ul.benefitW li .wrapper p.ti{margin:0 auto 1.5em; font-size:1.875em; font-weight:600;}
#mainContents .area05 ul.benefitW li .wrapper p.ti strong{color:#FF0004; font-size:1.866em; font-weight:700;}
#mainContents .area05 ul.benefitW li .wrapper p.detail{line-height:1.5416; font-size:1.5em;}
#mainContents .area05 ul.benefitW li .wrapper p.detail strong{font-weight:600;}
#mainContents .area05 p.point.black{max-width:fit-content; margin:0 auto; font-size:1.5em;}
#mainContents .area05 p.point.black strong{font-weight:600;}

#mainContents .area06{padding-top:0;}
#mainContents .area06 .imgW{margin:0 auto 9em;}
#mainContents .area06 .imgW img{max-width:1280px;}
#mainContents .area06 .txtW{text-align:center;}
#mainContents .area06 .txtW h3{}
#mainContents .area06 .txtW h3 i.ico.note{margin-right:.125em;}
#mainContents .area06 .txtW ul.infoW{margin:4.5em auto;}
#mainContents .area06 .txtW ul.infoW li{margin:0 auto 2em;}
#mainContents .area06 .txtW ul.infoW li:last-child{margin:0 auto;}
#mainContents .area06 .txtW ul.infoW li p{font-size:1.875em;}
#mainContents .area06 .txtW ul.infoW li p strong{font-weight:600;}
#mainContents .area06 .txtW ul.infoW li.date{}
#mainContents .area06 .txtW ul.infoW li.host{}
#mainContents .area06 .btnBox{width:100%; max-width:702px; margin:0 auto;}
#mainContents .area06 .btnBox a.btn{width:100%;}
#mainContents .area06 .btnBox a.btn.apply{margin:0 auto 2em; background:#4900DE;}
#mainContents .area06 .btnBox a.btn.apply .wrapper{width:100%;}
#mainContents .area06 .btnBox a.btn.apply .wrapper p.ti{width:100%; margin:0 auto .8em; padding:0 .8em .8em 1.133em; border-bottom:1px dashed #fff; transition:border .3s;}
#mainContents .area06 .btnBox a.btn.apply .wrapper p.ti i.ico.arrow-right{}
#mainContents .area06 .btnBox a.btn.apply .wrapper p.memo{line-height:1.25; font-size:1.125em; word-break:keep-all;}
#mainContents .area06 .btnBox a.btn.apply:focus,
#mainContents .area06 .btnBox a.btn.apply:hover{background:#fff; border-color:#4900DE; color:#4900DE;}
#mainContents .area06 .btnBox a.btn.apply:focus p.ti,
#mainContents .area06 .btnBox a.btn.apply:hover p.ti{border-bottom-color:#4900DE;}
#mainContents .area06 .btnBox a.btn.golink{background:#25A1FF;}
#mainContents .area06 .btnBox a.btn.golink .wrapper{}
#mainContents .area06 .btnBox a.btn.golink .wrapper p.ti{}
#mainContents .area06 .btnBox a.btn.golink .wrapper p.ti i.ico.arrow-right{}
#mainContents .area06 .btnBox a.btn.golink:focus,
#mainContents .area06 .btnBox a.btn.golink:hover{background:#fff; border-color:#25A1FF; color:#25A1FF;}
#mainContents .area06 .logoW{margin:8.625em auto .625em; text-align:center;}
#mainContents .area06 .logoW p{display:inline-block; margin-top:.5em; margin-right:.6em; font-size:1.875em; vertical-align:middle;}
#mainContents .area06 .logoW img{display:inline-block; max-width:5.875em;vertical-align:middle;}

#mainContents .area07{background:#D8D8D8;}
#mainContents .area07 .inner{padding:3em 3.75em 3.375em;}
#mainContents .area07 p.point.black{margin:0 auto .75em; font-size:1.5em; font-weight:600;}
#mainContents .area07 p.point.black strong{}
#mainContents .area07 ul.list.circle{padding:0 1em;}
#mainContents .area07 ul.list.circle li{font-size:1.5em;}
#mainContents .area07 ul.list.circle li p{}


@media all and (max-width:1599px){
}

@media all and (max-width:1440px){
}

@media all and (max-width:1279px){
	#mainContents .inner{padding:0 4em;}
}

@media all and (max-width:1023px){
	#mainContents .area01 .sloganW h3 br.mobile{display:inline;}

	#mainContents .area02 .tableW table tbody tr td{font-size:1.438em;}

	#mainContents .area03 .getW .txtW ol.number.basic li{font-size:1.438em;}
	#mainContents .area03 .recommendW > div .txtW p.ti{font-size:1.75em;}
	#mainContents .area03 .recommendW > div .txtW p.detail{font-size:1.438em;}
	#mainContents .area03 .recommendW > div.person2 .imgW{max-width:260px;}
	#mainContents .area03 .recommendW > div.person2 .txtW{margin-top:14.5em;}

	#mainContents .area04 ul.reviewW li .txtW p.detail{font-size:1.438em;}

	#mainContents .area05 ul.benefitW{gap:1.75em;}
	#mainContents .area05 ul.benefitW li{flex:1 1 100%;}
	#mainContents .area05 ul.benefitW li .wrapper p.detail{font-size:1.438em;}

	#mainContents .area06 .txtW ul.infoW li p{font-size:1.625em;}
}

@media all and (max-width:768px){
	br.mobile{display:inline;}

	#mainVisual .txtW h2{font-size:4.875em;}
	#mainVisual .txtW p.ti-info{line-height:1.5;}
	#mainVisual .txtW p.ti-info br.mobile{display:none;}

	#mainContents .inner{padding:0 3em;}

	#mainContents h3{font-size:2em;}
	#mainContents p.result{font-size:1.25em;}
	#mainContents .arrowW{margin:3.9375em auto 3.25em;}
	#mainContents .btn p.ti{font-size:1.75em;}

	#mainContents .area01,
	#mainContents .area02,
	#mainContents .area03,
	#mainContents .area04,
	#mainContents .area05,
	#mainContents .area06{padding:4.5em 0;}

	#mainContents .area02 .tableW{margin:0 auto 3.25em;}
	#mainContents .area02 .tableW table thead tr th{font-size:1.5em;}
	#mainContents .area02 .tableW table tbody tr td{font-size:1.25em;}

	#mainContents .area03 .getW .txtW ol.number.basic li{font-size:1.25em;}
	#mainContents .area03 .recommendW > div .txtW p.ti{margin:0 auto 1.75em;}
	#mainContents .area03 .recommendW > div .txtW p.detail{font-size:1.25em;}
	#mainContents .area03 .recommendW > div.person2{padding-right:1.5em;}
	#mainContents .area03 .recommendW > div.person2 .imgW{max-width:200px;}
	#mainContents .area03 .recommendW > div.person2 .txtW{margin-top:12em;}

	#mainContents .area04 ul.reviewW li .txtW p.ti{font-size:1.75em;}
	#mainContents .area04 ul.reviewW li .txtW p.detail{font-size:1.25em;}
	#mainContents .area04 ul.reviewW li .txtW p.speaker{font-size:1em;}

	#mainContents .area05 ul.benefitW li{padding:3.5em;}
	#mainContents .area05 ul.benefitW li .wrapper p.ti{margin:0 auto 1.25em; font-size:1.75em;}
	#mainContents .area05 ul.benefitW li .wrapper p.detail{font-size:1.25em;}

	#mainContents .area06 .txtW ul.infoW li p{line-height:1.5; font-size:1.5em;}
	#mainContents .area06 .logoW{margin:4.625em auto .625em;}
	#mainContents .area06 .logoW p{font-size:1.75em;}

	#mainContents .area07 p.point.black,
	#mainContents .area07 ul.list.circle li{font-size:1.25em;}
}

@media all and (max-width:580px){
	#mainVisual .txtW h2{font-size:3.25em;}
	#mainVisual .txtW p.ti-info br.mobile{display:inline;}

	#mainContents .inner{padding:0 2em;}
	#mainContents h3{font-size:1.875em;}
	#mainContents p.result{font-size:1em;}
	#mainContents .arrowW{margin:2.9375em auto 2.25em;}
	#mainContents .btn p.ti{font-size:1.5em;}
	#mainContents i.ico.arrow-right{transform:translateY(-4px);}

	#mainContents .area02 .tableW{margin:0 auto 2.75em;}
	#mainContents .area02 .tableW table thead tr th{font-size:1.25em;}
	#mainContents .area02 .tableW table tbody tr td{font-size:1em;}

	#mainContents .area03 .getW .imgW{max-width:50%; margin:0 auto 2.5em;}
	#mainContents .area03 .getW .txtW ol.number.basic li{font-size:1em;}
	#mainContents .area03 .recommendW > div .txtW p{text-align:center;}
	#mainContents .area03 .recommendW > div .txtW p.ti{margin:0 auto .75em; font-size:1.5em;}
	#mainContents .area03 .recommendW > div .txtW p.detail{font-size:1em;}
	#mainContents .area03 .recommendW > div.person1{max-width:100%; margin:4.75em auto 3.5em;}
	#mainContents .area03 .recommendW > div.person1 .imgW,
	#mainContents .area03 .recommendW > div.person2 .imgW{float:none; margin:0 auto 1.75em;}
	#mainContents .area03 .recommendW > div.person1 .txtW,
	#mainContents .area03 .recommendW > div.person2 .txtW{float:none; width:100%; margin:0 auto;}
	#mainContents .area03 .recommendW > div.person2{padding-right:0;}

	#mainContents .area04 ul.reviewW{margin:3.75em auto 3.25em;}
	#mainContents .area04 ul.reviewW li .txtW p.ti{font-size:1.5em;}
	#mainContents .area04 ul.reviewW li .txtW p.detail{font-size:1em;}
	#mainContents .area04 ul.reviewW li .txtW p.speaker{font-size:.875em;}

	#mainContents .area05 ul.benefitW li{padding:2.25em;}
	#mainContents .area05 ul.benefitW li .wrapper p.ti{font-size:1.5em;}
	#mainContents .area05 ul.benefitW li .wrapper p.detail{font-size:1em;}
	#mainContents .area05 p.point.black{font-size:1.25em;}

	#mainContents .area06 .txtW ul.infoW li p{font-size:1.25em;}
	#mainContents .area06 .logoW{margin:2.875em auto .625em;}
	#mainContents .area06 .logoW p{font-size:1.5em;}

	#mainContents .area07 p.point.black,
	#mainContents .area07 ul.list.circle li{font-size:1em;}
}

@media all and (max-width:480px){
	#mainVisual .txtW h2{font-size:2.875em;}
	#mainVisual .txtW p.ti-info{margin-top:1em;}

	#mainContents .inner{padding:0 1em;}
	#mainContents h3{font-size:1.313em;}
	#mainContents ul.list.check > li{padding-left:1.5em;}
	#mainContents .arrowW{margin:1.9375em auto 1.25em;}
	#mainContents .btn{padding:1.25em 1.5em;}
	#mainContents .btn p.ti{font-size:1.25em;}
	#mainContents i.ico.arrow-right:before{font-size:1.5rem;}
	#mainContents i.ico.review{width:30px; height:32px;}
	#mainContents i.ico.benefit{width:30px; height:32px;}
	#mainContents i.ico.note{width:30px; height:30px;}

	#mainContents .area01 .sloganW .btnBox a.btn.apply .wrapper p.date{font-size:.875em;}
	#mainContents .area01 .checklistW ul.list.check li{margin:0 auto .5em; font-size:1em;}
	#mainContents .area01 .checklistW ul.list.check li p{padding-top:.25em;}

	#mainContents .area02 .tableW{margin:0 auto 2.25em;}
	#mainContents .area02 .tableW table thead tr th{font-size:1em;}
	#mainContents .area02 .tableW table tbody tr td{font-size:.875em;}

	#mainContents .area03 .getW .txtW ol.number.basic li{font-size:1em;}
	#mainContents .area03 .recommendW > div .txtW p.ti{font-size:1.125em;}
	#mainContents .area03 .recommendW > div .txtW p.detail{font-size:.875em;}
	#mainContents .area03 .recommendW > div.person1{margin:2.5em auto;}

	#mainContents .area04 ul.reviewW{margin:2.75em auto 2.25em;}
	#mainContents .area04 ul.reviewW li{margin:0 auto 2.5em;}
	#mainContents .area04 ul.reviewW li .txtW p.ti{font-size:1.25em;}
	#mainContents .area04 ul.reviewW li .txtW p.detail{margin:1.313em 0; font-size:.938em;}
	#mainContents .area04 ul.reviewW li .txtW p.speaker{font-size:.75em;}

	#mainContents .area05 h3{line-height:1.25;}
	#mainContents .area05 ul.benefitW{margin:2.5em auto 2em;}
	#mainContents .area05 ul.benefitW li{padding:1.5em 2em;}
	#mainContents .area05 ul.benefitW li:after{width:1.875em; height:1.875em; bottom:1em; right:1em;}
	#mainContents .area05 ul.benefitW li .wrapper p.ti{margin:0 auto .75em; font-size:1.25em;}
	#mainContents .area05 ul.benefitW li .wrapper p.detail{font-size:.938em;}
	#mainContents .area05 p.point.black{font-size:1em;}

	#mainContents .area06 .txtW ul.infoW{margin:2.5em auto;}
	#mainContents .area06 .txtW ul.infoW li{margin:0 auto 1em;}
	#mainContents .area06 .txtW ul.infoW li p{font-size:1.125em;}
	#mainContents .area06 .btnBox a.btn.apply .wrapper p.memo{font-size:.875em;}
	#mainContents .area06 .logoW p{font-size:1.25em;}
	#mainContents .area06 .logoW img{width:3.875em;}

	#mainContents .area07 .inner{padding:1.25em;}
}

@media all and (max-width:319px){
}

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
}