@charset "utf-8";
/* CSS Document */

#content-wrap{
	font-family: 'Lusitana', 'Noto Serif JP', serif!important;
	transform: rotate(0.001deg);
}

.ff-hirakaku{
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
}

/*----- mv-area ------*/
.mv-area{
	background: url("../img/explorer_bg01.png") no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	padding: 100px 0;
	text-align: center;
	width: 100%;
}

.mv-area .mv-copy{
	font-size: 27px;
	letter-spacing: 0.2em;
	margin-top: 80px;
}

.mv-area .mv-lead{
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-top: 35px;
}

/*----- /mv-area ------*/



/*----- mv-area02 ------*/
.mv-area02{
	background: url("../img/explorer_bg02.png") no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	padding: 100px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.mv-area02 .mv02-stamp{
	position: absolute;
	top: 10%;
	right: 18%;
	z-index: 0;
}

.mv-area02 .mv02-lead{
	font-size: 20px;
	letter-spacing: 0.2em;
	line-height: 2;
	border: solid 1px #868686;
	margin: 0 auto;
	outline: solid 2px #868686;
	outline-offset: 5px;
	padding: 70px 20px;
	width: 870px;
}
/*----- /mv-area02 ------*/


/*----- menu-area -----*/

.menu-area{
	background-color: #27241e;
	color: #fff;
	padding: 100px 0 135px;
	text-align: center;
	width: 100%;
}

.menu-area-inner{
	margin: 0 auto;
	width: 950px;
}

.menu-area-inner .menu-lead{
	font-size: 20px;
	letter-spacing: 0.2em;
	line-height: 2;
}

.menu-area-inner .menu-ttl{
	font-size: 40px;
	letter-spacing: 0.2em;
	margin-top: 60px;
}

.anchor-wrap{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

/*----- /menu-area -----*/


/*----- sec01-area -----*/

.sec01-area{
	position: relative;
	background: #fff;
	color: #000;
}



.sec01-hd-inner{
	position: relative;
	top: -50px;
	min-height: 650px;
}

.sec01-hd-inner img{
	width: 100%;
	height: auto;
	z-index: -1;
}

.sec01-hd{
	position: relative;
    margin: 0 auto;
    width: 950px;
}


.sec01-txt{
	text-align: left;
	position: absolute;
	left: 0;
	top: -16vw;
}

.sec01-inner{
	padding: 0 0 150px;
	width: 950px;
	margin: 0 auto;
}


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

.sec01-hd-inner{
	position: relative;
	background: url("../img/explorer_sec01.png") no-repeat;
	background-position: center top;
	top: -50px;
	height: 650px;
}

.sec01-hd-inner img{
	display: none;
}

.sec01-txt{
	text-align: left;
	position: absolute;
	left: 0;
	top: 404px;
}

}

/*----- /sec01-area -----*/


/*----- sec02-area -----*/

.sec02-area{
	position: relative;
	background: #27241e;
	color: #fff;

}


.sec02-hd-inner{
	position: relative;
	top: -50px;
	min-height: 758px;
}
.sec02-hd-inner img{
	width: 100%;
	height: auto;
	z-index: -1;
}

.sec02-hd{
	position: relative;
    margin: 0 auto;
    width: 950px;
}

.sec02-txt{
	background-color: #27241e;
	text-align: left;
	position: absolute;
	right: 0;
	top: -16vw;
}

.sec02-inner{
	padding: 20px 0 150px;
	width: 950px;
	margin: 0 auto;
}


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


.sec02-hd-inner{
	position: relative;
	background: url("../img/explorer_sec02.png") no-repeat;
	background-position: center top;
}
.sec02-hd-inner img{
	display: none;
}

.sec02-txt{
	top: 404px;
}


}
/*----- /sec02-area -----*/


/*----- sec03-area -----*/

.sec03-area{
	background-color: #fff;
	color: #000;
	text-align: center;
}

.sec03-hd-inner img{
	width: 100%;
	height: auto;
}

.sec03-hd-inner .sec03-hd{
    width: 950px;
    margin: 60px auto;

}

.sec03-inner{
	padding: 0 0 120px;
}

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


.sec03-hd-inner{
	background: url("../img/explorer_sec03.png") no-repeat;
	background-position: center top;
    padding-top:502px;
}
.sec03-hd-inner img{
	display: none;
}
}

/*----- /sec03-area -----*/


/*----- sec04-area -----*/

.sec04-area{
	background-color: #fff;
	color: #000;
	text-align: center;
    background-size: cover;
}


.sec04-hd-inner img{
	width: 100%;
	height: auto;
}

.sec04-hd-inner .sec04-hd{
    width: 950px;
    margin: 60px auto;
}



.sec04-inner{
	padding: 0 0 120px;
}

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


.sec04-hd-inner{
	background: url("../img/explorer_sec04.png") no-repeat;
	background-position: center top;
    padding-top:505px;
}
.sec04-hd-inner img{
	display: none;
}
}

/*----- /sec04-area -----*/


/*----- admission-detail-area -----*/



.admission-detail-area{
    background: #f5f5f5;
    padding: 100px 0 80px;
}

.admission-detail-area img{
    width: 100%;
}

.admission-inner{
    position: relative;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	width: 950px;
}


.admission-txt{
    position: absolute;
    top:-48vw;
	width: 45%;
    left: 55%;
}

.admission-detail{
	margin-top: 100px;
}

.admission-detail dt{
	font-size: 18px;
	letter-spacing: 0.1em;
	position: relative;
}

.admission-detail dt:nth-of-type(2){
	margin-top: 50px;
}

.admission-detail dt:before{
  content: '';
  position: absolute;
  top: 50%;
  left:0;
  display: inline-block;
  width: 9px;
  height: 1px;
  background-color: black;
}

.admission-detail dd{
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-top: 25px;
}

.admission-detail dt,.admission-detail dd{
	padding-left: 20px;
}

.admission-detail > dd > span{
	text-decoration: underline;
}


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

.admission-detail-area{
	background: #f5f5f5 url("../img/explorer_device.png") no-repeat ;
	background-position: center center;
	padding: 100px 0 80px;
    background-size: 1440px;
}


.admission-txt{
    position:static;
    top: 0;

}

.admission-detail-area img{
    display: none;
}

}

/*----- /admission-detail-area -----*/



/*----- agreement-area -----*/

.agreement-area{
	padding: 100px 0 0;
	margin: 0 auto;
	width: 950px;
}

.agreement-area-txt{
	border: solid 1px #cccccc;
	color: #5f5f5f;
	font-size: 14px;
	height: 300px;
	line-height: 2;
	overflow: auto;
	padding: 40px;
}

.agreement-area > .btn-area > .entryList{
	margin-top: 100px;
}

.btn-area .agreementCheck{
	font-size: 18px;
	width: 200px;
    margin: 0 auto;
}
/*----- /agreement-area -----*/



/*----- セクション1,2,3,4　ヘッドテキスト共通 -----*/

.sec01-txt .sec01-ttl,
.sec02-txt .sec02-ttl,
.sec03-txt .sec03-ttl,
.sec04-txt .sec04-ttl,
.admission-txt .admission-ttl{
	font-size: 20px;
	letter-spacing: 0.1em;
}

.sec01-txt .sec01-ttl > span,
.sec02-txt .sec02-ttl > span,
.sec03-txt .sec03-ttl > span,
.sec04-txt .sec04-ttl > span,
.admission-txt .admission-ttl > span{
	font-size: 35px;
	letter-spacing: 0.2em;
}

.sec01-txt .sec01-lead,
.sec02-txt .sec02-lead,
.sec03-txt .sec03-lead{
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-top: 40px;
}

.sec04-txt .sec04-lead{
	font-size: 16px;
	letter-spacing: 0.1em;
	margin-top: 40px;
}

.sec01-txt .sec01-lead > span,
.sec02-txt .sec02-lead > span{
	font-size: 12px;
}

/*----- /セクション1,2,3,4　ヘッドテキスト共通 -----*/


/*----- セクション1,2,3,4　インナー・カード共通 -----*/

.sec01-inner,
.sec02-inner,
.sec03-inner,
.sec04-inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 950px;
}

.sec01-inner > .card-item,
.sec02-inner > .card-item,
.sec03-inner > .card-item,
.sec04-inner > .card-item{
	margin-right: 25px;
	width: 300px;
}

.sec01-inner > .card-item:nth-child(3n),
.sec02-inner > .card-item:nth-child(3n),
.sec03-inner > .card-item:nth-child(3n),
.sec04-inner > .card-item:nth-child(3n){
	margin-right: 0;
}

.sec01-inner > .card-item > .card-item-txt,
.sec02-inner > .card-item > .card-item-txt{
	padding: 30px 10px 50px;
}

.sec03-inner > .card-item > .card-item-txt,
.sec04-inner > .card-item > .card-item-txt{
	padding: 30px 0 50px;
}

.sec01-inner > .card-item > .card-item-txt > .ttl,
.sec02-inner > .card-item > .card-item-txt > .ttl,
.sec04-inner > .card-item > .card-item-txt > .ttl{
	font-size: 18px;
	letter-spacing: 0.05em;
}

.sec01-inner > .card-item > .card-item-txt > .ttl,
.sec02-inner > .card-item > .card-item-txt > .ttl{
	line-height: 1.5;
	min-height: 1.5em;
}

.sec01-inner > .card-item:nth-child(-n + 3) > .card-item-txt > .ttl,
.sec02-inner > .card-item:nth-child(-n + 3) > .card-item-txt > .ttl{
	line-height: 1.5;
	min-height: 3em;
}


.sec03-inner > .card-item > .card-item-txt > .ttl{
	font-size: 17px;
	letter-spacing: 0.1em;
}

.sec04-inner > .card-item > .card-item-txt > .ttl{
	font-size: 18px;
	letter-spacing: 0.1em;
}

.sec01-inner > .card-item > .card-item-txt > .lead,
.sec02-inner > .card-item > .card-item-txt > .lead{
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 20px;
	letter-spacing: 0.02em;
}

.sec03-inner > .card-item > .card-item-txt > .lead,
.sec04-inner > .card-item > .card-item-txt > .lead{
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-top: 20px;
}

.and-more{
	font-size: 24px;
	letter-spacing: 0.1em;
	margin: 0 auto;
}

/*----- /セクション1,2,3,4　インナー・カード共通 -----*/


/*----- btn共通 -----*/
.agreementCheck:hover, .agreementCheck label:hover{
	cursor: pointer;
}

.btn-area{
	padding: 100px 0;
	text-align: center;
}

.btn-area > a:hover{
	text-decoration: none;
	opacity: 0.7;
}

.entry-anchor{
	background-color: #cc0000;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
	font-size: 24px;
	letter-spacing: 0.1em;
	padding: 20px 0;
	transition: all 0.14s ease;
	margin: 0 auto;
	width: 460px;
}

.entryList button{
	border: 0px;
	border-radius: 30px;
	color: #fff;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
	font-size: 24px;
	letter-spacing: 0.1em;
	padding: 15px 0!important;
	transition: all 0.14s ease;
	width: 460px;
}

.btn-area .list{
    font-size: 14px;
    margin-top: 25px;
}

.entryList button span{
	background-position: 0 10px !important;
	vertical-align: baseline!important;
}

.entryList button > span > img{
	padding: 0 10px;
}

.entryList button:hover span{
	text-decoration: none;
}

.disabled{
	cursor: default!important;
}

.disabled:hover{
	text-decoration: none;
	opacity: 1;
}

.entryBtn{
	background-color: #ad8787;
}

.entryBtn:hover{
	background-color: #ad8787;
}

.hov-pointer:hover{
	cursor: pointer;
	opacity: 0.7;
}

/*----- /btn -----*/


/*----- input[type="checkbox"] ------*/

input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: none;
  }
  
label{
	display: inline-block;
	padding-left: 25px;
	position: relative;
}

label:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: solid 1px #ccc;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 3px;
	transition: 0.2s ease-in-out;
}

input[type="checkbox"]:checked + label:before{
	transform: rotate(45deg);
	border-top: 0;
	border-left: 0;
	width: 10px;
	left: 5px;
	top: 0px;
	border-color: #000;
}

/*----- /input[type="checkbox"] ------*/

.resetfont{
font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
}