@charset "utf-8";

/**
 *
 * 学校生活: index
 *
 */

/*--------------------------------------------------------------------------
  overwrite スタイルの上書き
--------------------------------------------------------------------------*/
#Content{
	position: relative;
	background: #fffdf0;
}

/* .cmn_kv_img
-----------------------------------------------------------------*/
.cmn_kv_img{
	background-image: url(../images/index/kv_img.jpg);
	background-position: 50% 50%;
}
.cmn_kv._type01 .cmn_kv_cont_frame{
	background-image: url(../images/index/kv_bg_img.png);
}

/* @SP */
@media all and (max-width: 767px){
	.cmn_kv_ttl img {
		width: 227px;
	}
	.cmn_kv_img{
		background: none;
	}
	.cmn_kv._type01 .cmn_kv_cont_frame{
		background-image: url(../images/index/kv_bg_img_sp.png);
		background-size: 102px auto;
	}
}


/*----------------------------------------------------------------------
	.lead
----------------------------------------------------------------------*/
.lead {
	margin: 60px 0 55px;
}
.lead__ttl {
	margin-bottom: 25px;
}

@media all and (max-width: 767px){
	.lead {
		margin: 40px 0;
	}
	.lead__ttl {
		margin-bottom: 20px;
	}
	.lead__ttl img {
		width: 290px;
		height: auto;
	}
}

/*----------------------------------------------------------------------
	.block
----------------------------------------------------------------------*/
.block{
	padding: 5px 0 70px;
}
.cmn_cards {
	margin-top: -55px;
}
.cmn_card{
	margin-top: 55px;
}
@media all and (max-width: 767px){
	.block{
		padding: 5px 0 45px;
	}
	.cmn_cards {
		margin-top: -36px;
	}
	.cmn_card{
		margin-top: 36px;
	}
}

/*----------------------------------------------------------------------
	.sec
----------------------------------------------------------------------*/
.sec + .sec {
	margin-top: 20px;
}
.sec__hdg {
	background: #fd5c93;
	margin-bottom: 30px;
	line-height: 1;
	padding: 10px 20px;
	box-sizing: border-box;
}

.sec-hs .cmn_card {
	border-color: #fd5c93;
}
.sec-hs .cmn_card_hdg {
	background-image: url(../images/index/ico_arw_hs.png);
}
.sec-hs .cmn_card:first-child .cmn_card_description {
	white-space: nowrap;
}

.sec-jh .sec__hdg {
	background: #ff8e49;
}
.sec-jh .cmn_card_hdg {
	background-image: url(../images/index/ico_arw_jh.png);
}
.sec-jh .cmn_card {
	border-color: #ff8e49;
}

/*追記*/
.sec-hs .bnr-wrap {
	margin: 40px -39px 0 0;
}
.sec-hs .bnr {
	float: left;
	margin-right: 39px;
	position: relative;
}
.sec-hs .bnr {
	margin: 0 39px 40px 0;
	position: relative;
}
.sec-hs .bnr__item {
	position: relative;
	width: 458px;
}
.sec-hs .bnr__item + .bnr__item {
	margin-top: 30px;
}
.sec-hs .bnr a {
	display: block;
	border-radius: 5px;
	box-shadow: 2px 2px 7px rgba(0,0,0,.09);
	position: relative;
}

.sec-hs .bnr .img {
	position: absolute;
	bottom: 3px;
	left: 17px;
}
.sec-hs .bnr .num {
	position: absolute;
	top: -24px;
	right: -10px;
}
.sec-hs .bnr .deco01 {
	position: absolute;
	top: -20px;
	left: -2px;
}
.sec-hs .bnr .deco01_2 {
	position: absolute;
	top: -30px;
	left: 5px;
}
.sec-hs .bnr .deco01_3 {
	position: absolute;
	top: -11px;
	left: -6px;
}
.sec-hs .bnr .deco01_4 {
	position: absolute;
	top: -18px;
	left: -8px;
}
.sec-hs .bnr .deco02 {
	position: absolute;
	bottom: -20px;
	right: -20px;
}
/* praha */
.sec-hs .praha .timeline-hdg .deco01 {
	position: absolute;
	top: -3px;
	left: 30px;
}
.sec-hs .praha .timeline-hdg .deco02 {
	position: absolute;
	bottom: -48px;
	right: -16px;
}

/* okinawa */
.sec01 .lead-img {
	margin: 25px 0 -70px -40px;
	position: relative;
}
.sec01 .lead-img .deco {
	position: absolute;
	bottom: 30px;
	right: -100px;
}
.sec-hs .okinawa .timeline-hdg .deco01 {
	position: absolute;
	top: 30px;
	left: 25px;
}
.sec-hs .okinawa .timeline-hdg .deco02 {
	position: absolute;
	bottom: -94px;
	right: 283px;
}
.sec-hs .okinawa .timeline-hdg .deco03 {
	position: absolute;
	bottom: -40px;
	right: 52px;
}


/* hawaii */
.sec-hs .hawaii .timeline-hdg .deco01 {
	position: absolute;
	bottom: -40px;
	right: 30px;
}
.sec-jh .cmn_card_wrap {
	width: 458px;
}

/* ドイツ */
.sec-hs18 .bnr .deco01,
.sec-hs19 .bnr .deco01 {
	position: absolute;
	top: -26px;
	left: -8px;
}

.sec-hs18 .bnr .deco02,
.sec-hs19 .bnr .deco02 {
	position: absolute;
	top: -7px;
	left: -11px;
  right: auto;
  bottom: auto;
}

.sec-hs18 .bnr .deco03,
.sec-hs19 .bnr .deco03 {
	position: absolute;
	top: -11px;
	left: -6px;
}

.bnr__item--comingsoon-germany::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(158, 234, 240, 0.95) url(../images/index/bnr_cominsoon.png) no-repeat center / 100% auto;
	border-radius: 5px;
	content: '';
}

.bnr__item--comingsoon-hawaii::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(254, 142, 73, 0.95) url(../images/index/bnr_cominsoon.png) no-repeat center / 100% auto;
	border-radius: 5px;
	content: '';
}

/* @SP */
@media all and (max-width: 767px){
	.sec-hs .praha .timeline-hdg .deco01,
	.sec-hs .praha .timeline-hdg .deco02,
	.sec-hs .okinawa .timeline-hdg .deco01,
	.sec-hs .okinawa .timeline-hdg .deco02,
	.sec-hs .okinawa .timeline-hdg .deco03,
	.sec-hs .hawaii .timeline-hdg .deco01 {
		display: none;
	}
	.sec-hs .bnr-wrap {
		margin: 25px 0 0;
	}
	.sec-hs .bnr {
		margin: 0;
		float: none;
	}
	.sec-hs .bnr__item {
		width: 100%;
	}
	.sec-hs .bnr > img,
	.sec-hs .bnr__item > img {
		width: 100%;
		height: auto;
	}
	.sec-hs .bnr .img {
		width: 23%;
	}
	.sec-hs .bnr .img img {
		width: 100%;
		height: auto;
	}
	.sec-hs .bnr .num {
		transform: scale(.7);
		right: -20px;
	}
	.sec-hs .cmn_card_wrap ,
	.sec-jh .cmn_card_wrap {
		margin-bottom: 0;
	}
	.sec-hs .cmn_card_wrap-02 {
		margin-bottom: 40px;
	}
	.sec-hs .bnr .deco01,
	.sec-hs .bnr .deco02,
  .sec-hs .bnr .deco03 {
		transform: scale(.7);
	}

	.sec-hs .bnr .deco01 {
		position: absolute;
		top: -18px;
		left: -16px;
	}
	.sec-hs .bnr .deco01_2 {
		position: absolute;
		top: -18px;
		left: -12px;
	}
	.sec-hs .bnr .deco01_3 {
		position: absolute;
		top: -12px;
    	left: -4px;
	}
	.sec-hs .bnr .deco01_4 {
		position: absolute;
		top: -25px;
		left: -17px;
	}

	.sec-hs18 .bnr .deco02 {
		bottom: auto;
		right: auto;
	}

	.sec-hs .bnr a > img {
		width: 100%;
		height: auto;
	}
	.sec-hs .bnr__item + .bnr__item,
	.sec-hs .bnr + .bnr {
		margin-top: 15px;
	}


	.sec01 .lead-img {
		max-width: 335px;
		margin: 25px auto 0;
	}
	.sec01 .lead-img .deco {
		top: 0;
		bottom: auto;
		right: 50%;
		margin-right: -49%;
		width: 45.8%;
	}
	.sec01 .lead-img .deco img {
		width: 100%;
		height: auto;
	}
	.sec-jh .cmn_card_wrap {
		width: 100%;
	}
}



@media all and (max-width: 767px){
	.sec + .sec {
		margin-top: 36px;
	}
	.sec__hdg {
		margin-bottom: 20px;
		padding: 12px 10px;
	}
	.sec-hs .sec__hdg img {
		width: 276px;
		height: auto;
	}
	.sec-hs18 .sec__hdg img {
		width: 314px;
		height: auto;
	}
	.sec-hs19 .sec__hdg img {
		width: 314px;
		height: auto;
	}

	.sec-jh .sec__hdg {
		width: auto;
	}
	.sec-jh .sec__hdg img {
		width: 203px;
		height: auto;
	}
	.sec-jh18 .sec__hdg img {
		width: 204px;
		height: auto;
	}
}