@charset "utf-8";
/*////////////// impressoCSS Document //////////////*/

/* ===============================================
 headerArea（ヘッダーエリア）
=============================================== */
/* headerArea（MV部分）------------------*/
#headerArea {
	margin: 0;
}
#headerArea .titleArea.main {
	padding-bottom: 1rem;
}
/* ===============================================
 mainArea（メインエリア）
=============================================== */
#mainArea section {
	margin: 0;
}
/* titleArea（タイトル）------------------*/
#mainArea .titleArea {
	width: auto;
	margin: 0;
}
/* phTitle（タイトル/画像）------------------*/
.titleArea.phTitle {
	padding: 3rem 3.1% 1.5rem;
}
/* descText（テキスト）------------------*/
.descText {
	padding: 0 3.1% 1rem;
}
/* attnText（注意テキスト）------------------*/
.attnText {
	font-size: 90%;
	padding: 1rem 3.1% 1rem;
	text-align: right;
}
/* .linkArea.btn（リンクボタン）------------------*/
.linkArea.btn {
	background-color: #FF6600;
}
/* phArea（画像）------------------*/
.phArea {
	padding: 0 3.1% 1rem;
}
/* bg02（背景）------------------*/
.bg02 {
	background-image: url("/cmn/img/kanto/student/2017/beginners/res_bg_001.png");
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 20px;
	padding-bottom: 10px;
}
/* ===============================================
 goodArea（impressoはここがイイネ！エリア）
=============================================== */
/* #goodArea（背景部分）------------------*/
#mainArea #goodArea {
	background-image: url("/cmn/img/kanto/student/2017/impresso/bg_001.png");
	background-position: 0 12px;
	background-repeat: repeat;
	background-size: 7%;
}
/* .queBox（Question部分）------------------*/
.queBox > dt {
	margin-bottom: 1rem;
}
.queBox > dd .descText {
	padding-left: 3.5rem;
	background-image: url("/cmn/img/kanto/student/2017/impresso/good_que_ans_icon.png");
	background-position: 0.8rem 0.2rem;
	background-repeat: no-repeat;
	background-size: 2rem;
}
#goodArea .linkArea.btn {
	margin: 3% 10% 10%;
}
/* .hmnBox（ベテラン直伝ツアーの良さ部分）------------------*/
.hmnBox > .descText {
	background-color: #E6F8FF;
	padding: 6%;
	padding-left: 35%;
	position: relative;
}
.hmnBox > .descText .bluText {
	font-weight: bold;
	font-size: 120%;
	color: #014099;
	display: block;
	margin-bottom: 0.5rem;
}
.hmnBox > .descText:before {
	content: "";
	position: absolute;
	width: 25%;
	height: 140%;
	top: -1rem;
	left: 5%;
	background-image: url("/cmn/img/kanto/student/2017/impresso/good_que_ph_001.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* ===============================================
 amazingArea（impressoはここがスゴイ！エリア）
=============================================== */
/* .amazingList（黄色枠コンテンツ部分）------------------*/
.amazingList > li {
	margin: 0 3.1%;
	border: solid 3px #FFF147;
	background-color: #FFF;
}
.amazingList > li+li {
	margin-top: 1.5rem;
}
.titleArea.textTitle+.descText {
	margin-top: 1.5rem;
}
.amazingList > li .descText {
	padding: 0 6.2% 1rem;
}
.amazingList > li .phText {
	padding: 0 6.2%;
}
/* .amazingList（黄色枠コンテンツ/タイトル）------------------*/
#mainArea .amazingList > li .titleArea.textTitle {
	margin: 0;
	background-color: #FFF147;
	padding: 0 5px 0 9.3rem;
	position: relative;
	font-weight: bold;
	font-size: 1.5rem;
}
#mainArea .amazingList > li .titleArea.textTitle.noIcon, #mainArea .amazingList > li .titleArea.textTitle.moreIcon {
	text-align: center;
	padding: .8333333333333333rem;/*10*/
}
/*
#mainArea .amazingList > li .titleArea.textTitle.noIcon {
	padding: .8333333333333333rem;
}
#mainArea .amazingList > li .titleArea.textTitle.moreIcon {
	padding: .8333333333333333rem 6.916666666666667rem;
}
*//*10 83*/
#mainArea .amazingList > li .titleArea.textTitle.moreIcon span {
	position: relative;
	display: inline-block;
}
#mainArea .amazingList > li .titleArea.textTitle:not(.noIcon):not(.moreIcon) span {
	vertical-align: middle;
	height: 5rem;
	display: table-cell;
}
.amazingList > li .titleArea.textTitle:not(.noIcon):not(.moreIcon):before {
	content: "";
	position: absolute;
	width: 40%;
	height: 7.5rem;
	top: -1.5rem;
	left: -4%;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.amazingList > li .titleArea.textTitle.dealIcon:before {
	background-image: url("/cmn/img/kanto/student/2017/impresso/amazing_deal_icon_001.png");
}
.amazingList > li .titleArea.textTitle.freeIcon:before {
	background-image: url("/cmn/img/kanto/student/2017/impresso/amazing_free_icon_001.png");
}
.amazingList > li .titleArea.textTitle.onlyIcon:before {
	background-image: url("/cmn/img/kanto/student/2017/impresso/amazing_only_icon_001.png");
}
.amazingList > li .titleArea.textTitle.moreIcon span:before {
	content: "";
	position: absolute;
	width: 4.458333333333333rem;/*53.5*/
	height: 4.458333333333333rem;/*53.5*/
	top: 0;
	bottom: 0;
	left: -5.333333333333333rem;/*64*/
	margin: auto 0;
	background: url("/cmn/img/kanto/student/2017/impresso/amazing_special_more_icon_001.png") no-repeat 0 0;
	background-size: contain;
}
/* .priceTabel（黄色枠コンテンツ/料金表）------------------*/
.amazingList > li .priceTabel {
	margin: 0 6.2%;
	font-size: 87%;
	line-height: 1.3rem;
	width: 87.6%;
}
.amazingList > li .priceTabel tr {
	border-top: dotted 1px #D9F5FF;
}
.amazingList > li .priceTabel th {
	font-weight: normal;
	padding-bottom: 0.3rem;
}
.amazingList > li .priceTabel td {
	width: 4.9rem;
	text-align: right;
	vertical-align: middle;
}
.amazingList > li .priceTabel .redText {
	color: #D40000;
}
.amazingList > li .priceTabel tr+tr th {
	padding-top: 0.3rem;
}
.amazingList > li .priceTabel tr:last-child {
	border-top: solid 3px #D9F5FF;
}
.amazingList > li .priceTabel tr:last-child td {
	padding-bottom: 5rem;
	width: auto;
	background-image: url("/cmn/img/kanto/student/2017/impresso/amazing_deal_text_002.png");
	background-position: 17% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-top: 0.3rem;
}
.amazingList > li .priceTabel tr:first-child {
	border: none;
}
/* .corsList（黄色枠コンテンツ/コースリスト）------------------*/
.corsList {
	padding: 0 6.2% 1rem;
	overflow: hidden;
	clear: both;
	font-size: 83%;
	margin-top: 0.3rem;
	letter-spacing: -1px;
}
.corsList > li {
	width: 32%;
	float: left;
	display: block;
}
.corsList > li+li {
	margin-left: 2%;
}
.corsList > li .phArea {
	padding: 0 0 0.5rem;
}
.corsList > li > p span {
	color: #014099;
	display: block;
}
.corsList+.corsList {
	margin: 0;
}
.corsList+.corsList > li {
	width: 44%;
	margin-right: 3%;
}
.corsList+.corsList > li:last-child {
	float: none;
	width: auto;
	margin-right: 0;
}
.corsList > li > p span.rightText {
	color: #000;
	display: inline-block;
	text-indent: 3rem;
}
/* .pointBox（黄色枠コンテンツ/料金割引）------------------*/
.amazingList .priceBox {
	text-align: center;
	font-size: 1.166666666666667rem;/*14*/
	padding: .625rem .8333333333333333rem .8333333333333333rem;/*7.5 10*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.amazingList .priceBox > * {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.amazingList .priceBox .big {
	line-height: 1;
	padding-right: 2px;
}
.amazingList .priceBox .lead {
	margin-bottom: .4166666666666667rem;/*5*/
	font-weight: normal;
}
.amazingList .priceBox .lead .big {
	font-size: 1.666666666666667rem;/*20*/
	font-weight: bold;
}
.amazingList .priceBox .price {
	font-weight: bold;
	font-size: 1.25rem;/*15*/
}
.amazingList .priceBox .price .red {
	color: #d40000;
	padding-left: .5rem;/*6*/
	font-size: 1.666666666666667rem;/*20*/
}
.amazingList .priceBox .red .big {
	font-size: 3.333333333333333rem;/*40*/
}
/* ===============================================
 sprtArea（トリプルサポート！エリア）
=============================================== */
/* .bluBox（青枠コンテンツ部分）------------------*/
.bluBox {
	background-color: #D9F5FF;
	margin: 0 3.1% 1rem;
	padding: 2rem 5.5%;
}
.bluBox > li+li {
	margin-top: 1.5rem;
}
.bluBox > li p span {
	color: #013D97;
	display: block;
	margin-bottom: 0.3rem;
	font-size: 110%;
	font-weight: bold;
}
.bluBox > li p .attnText {
	color: #000;
	font-size: 90%;
	padding: 0.5rem 0 0;
	text-align: left;
	font-weight: normal;
}
/* ===============================================
 specialArea（特典エリア）
=============================================== */
#specialArea .notesList + .ttl {
	margin-top: 1.666666666666667em;
}
#specialArea .notesList li {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
/* .cpBox（キャンペーン枠）------------------*/
#specialArea .cpBox {
	border: 2px solid #013d97;
	padding: 2% 5.6%;/*15 42*/
	background: #fff;
	margin: 4.666666666666667% 3.1% 0;/*35*/
	line-height: 1.4;
}
#specialArea .cpBox .ttl {/*w699.5*/
	border-bottom: 2px solid #013d97;
	padding-bottom: 2.573266619013581%;/*18*/
	margin-bottom: 2.573266619013581%;/*18*/
}
#specialArea .cpBox .listDetail .detailBox + .detailBox {
	border-top: 1px dashed #013d97;
	margin-top: 5.718370264474625%;/*40*/
	padding-top: 4.288777698355969%;/*30*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail02 {
	background: url(/cmn/img/kanto/student/2017/impresso/amazing_special_cp_img_001.png) no-repeat right bottom;
	background-size: 4.083333333333333rem;/*49*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail03 .toptxt {
	background: url(/cmn/img/kanto/student/2017/impresso/amazing_special_cp_img_002.png) no-repeat 95.60260586319218% bottom;
	background-size: 7.666666666666667rem;/*92*/
}
#specialArea .cpBox .listDetail .detailBox:not(.cpDetail01) .toptxt .subttl {
	margin-bottom: 2.28734810578985%;/*16*/
}
#specialArea .cpBox .listDetail .detailBox .toptxt .subttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#specialArea .cpBox .listDetail .detailBox .toptxt .subttl .marker {
	background: #fff147;
	padding: 1.302931596091205% 1.628664495114007%;/*8 10*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 0;
}
#specialArea .cpBox .listDetail .detailBox.cpDetail01 .marker {/*w614*/
	width: 42.01954397394137%;/*258*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail02 .marker {
	width: 59.93485342019544%;/*368*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail03 .marker {
	width: 68.24104234527687%;/*419*/
}
#specialArea .cpBox .listDetail .detailBox .toptxt .subttl .txt {
	font-weight: normal;
	margin-left: .5833333333333333rem;/*7*/
}
#specialArea .cpBox .listDetail .detailBox .toptxt .subttl .txt.small {
	font-size: 1.1rem;/*11/10*/
}
#specialArea .cpBox .listDetail .detailBox .toptxt .desc {
	padding-top: .6666666666666667rem;/*8*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail02 .toptxt .desc {
	padding-right: 4.166666666666667rem;/*50*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail03 .toptxt .desc {
	padding-right: 6.666666666666667rem;/*80*/
}
#specialArea .cpBox .listDetail .detailBox.cpDetail03 .fig01 img {
	width: 34.31022158684775%;
}
#specialArea .cpBox .listDetail .detailBox .priceList {
	margin-top: 1rem;/*12*/
}
#specialArea .cpBox .listDetail .detailBox .priceList .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1;
}
#specialArea .cpBox .listDetail .detailBox .priceList .list + .list {
	margin-top: 1.083333333333333rem;/*13*/
}
#specialArea .cpBox .listDetail .detailBox .priceList .list > span {
	display: inline-block;
}
#specialArea .cpBox .listDetail .detailBox .priceList .list > span + span {
	margin-left: 1.166666666666667rem;/*14*/
}
#specialArea .cpBox .listDetail .detailBox .priceList .list .day {
	background: #013d97;
	border-radius: 1.5px;
	color: #fff;
	padding: .25rem 1.083333333333333rem;/*3 0*/
	padding: .25rem 0;
	width: 6.166666666666667rem;/*74*/
	text-align: center;
}
#specialArea .cpBox .listDetail .detailBox .priceList .list .day .big {
	font-size: 1.416666666666667rem;/*17*/
}
#specialArea .cpBox .listDetail .detailBox .priceList .list .num {
	color: #013d97;
}
#specialArea .cpBox .listDetail .detailBox .priceList .list .price {
	font-size: 1.1rem;/*11/10*/
	color: #d40000;
	font-weight: bold;
}
#specialArea .cpBox .listDetail .detailBox .priceList .list .price .big {
	font-size: 2.5rem;/*30*/
	padding-right: 2px;
}
#specialArea .cpBox .listDetail .detailBox .target {
	overflow: hidden;
	border: 1px solid #013d97;
	border-radius: 1.5px;
	margin-top: .7083333333333333rem;/*8.5*/
}
#specialArea .cpBox .listDetail .detailBox .target dt {
	background: #013d97;
	color: #fff;
	padding: .3333333333333333rem .75rem;/*4 9*/
	line-height: 1;
}
#specialArea .cpBox .listDetail .detailBox .target dd {
	color: #013d97;
	font-weight: bold;
	padding: .5rem .75rem 0.4166666666666667rem;/*6 9 5*/
}
#specialArea .cpBox .listDetail .detailBox .notesList {
	margin-top: .8333333333333333rem;/*10*/
}
#specialArea .cpBox .notesList {
	font-size: 1.1rem;/*11/10*/
}
/* .notesArea（注釈枠）------------------*/
#specialArea .notesArea {
	margin: 5.333333333333333% 3.1%;/*20*/
}
/* ===============================================
 tourArea（おすすめツアーエリア）
=============================================== */
#mainArea #seeArea {
	padding-bottom: 1rem;
}
#tourArea {
	background-color: #FFF;
}
.seeList > li+li {
	padding-top: 1rem;
}
