@charset "UTF-8";



/*********** 共通 *************/


/*********** ↑共通 *************/




.merit-wrap {
	background-image: url("../../images/merit_bg.jpg");
	background-position: center top;
	background-size: cover;
	padding: 40px 0;
}



/*********** info *************/

.info-wrap {
	color: #fff;
	background: linear-gradient(90deg, #7f7f7f, #999 35%, #626262);
	padding: 80px 0 120px;
}

.info-wrap .ttl {
	font-size: 2.0rem;
	letter-spacing: 0.2em;
	text-align: center;
}

.info02 {
	font-size: 5.0rem;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.5;
	margin-top: 50px;
	padding-bottom: 50px;
}

.info02 .s {
	font-size: 0.7em;
}

.info02 .kr {
	margin: 0 -0.2em;
}

.info01 .txt1 {
	font-size: 4.0rem;
	text-align: center;
	line-height: 1.5;
	margin-top: 50px;
}

.second .info01 .txt1 {
	margin-top: 100px;
}

.info01 .txt2 {
	text-align: center;
	margin-top: 20px;
}


nav.info_bt-wrap {
	margin-top: 40px;
}

nav.info_bt-wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

nav.info_bt-wrap ul li {
	width: 35%;
	text-align: center;
	margin: 0 10px;
}

nav.info_bt-wrap ul li a {
	width: 100%;
	color: #fff;
	font-size: 2.0rem;
	line-height: 1.4;
	padding: 20px 10px;
	border: 1px solid #fff;
	display: block;
	transition: all 0.3s ease;
	text-decoration: none;
}

nav.info_bt-wrap ul li:nth-child(1) a {
	background: linear-gradient(90deg, #537a97, #002e56);
}

nav.info_bt-wrap ul li:nth-child(1)  a:hover {
	filter: brightness(140%);
}

.second nav.info_bt-wrap ul li:nth-child(1) a {
	background: linear-gradient(90deg, #ea6b80, #521b28);
}

.info_bt-attend {
	font-size: 1.9rem;
	line-height: 1.4;
	text-align: center;
	width: 48%;
	margin: 0 auto;
	margin-top: 5px;
	padding: 7px;
	background: #a01e3c;
}


.info-attention {
	color: #fff;
	margin-top: 100px;
}

.info-attention p:nth-child(1) {
	font-size: 2.4rem;
	text-align: center;
}

.info-attention p:nth-child(2) {
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: center;
	margin-top: 20px;
}




/*********** ↑info *************/




/*********** concept *************/

.concept-wrap {
	background-image: url("../../images/concept_bg.jpg");
	background-position: center top;
	background-size: cover;
	padding: 80px 0 120px;
}

.concept-wrap .ttl {
	color: #fff;
	font-size: 2.0rem;
	letter-spacing: 0.2em;
	text-align: center;
}

.concept_01 .head {
	width: 73.92%;
	margin: 0 auto;
	margin-top: 80px;
}

.concept_01 .txt {
	font-size: 1.8rem;
	line-height: 4.0;
	text-align: center;
	margin-top: 80px;
}

/*********** ↑concept *************/





/*********** cont *************/

/*** cont-common ***/

.cont-bg {
	background-image: url("../../images/cont_bg.jpg");
	background-position: center top;
	background-size: cover;
	padding-bottom: 200px;
}

.cont-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 200px;
}

.cont-wrap.first {
	padding-top: 120px;
}

.cont_photo-wrap .photo {
	box-shadow: 50px 50px 0 0 rgba(0, 0, 0, 0.2);
}

.cont_copy-wrap .ttl {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
}

.cont_copy-wrap dl dt {
	font-size: 2.8rem;
	letter-spacing: 0.2rem;
	padding-top: 30px;
}

.cont_copy-wrap dl dd {
	line-height: 2.0;
	padding-top: 50px;
}

.cont_copy-wrap dl dt sup {
	font-size: 1.1rem;
	letter-spacing: 0;
	top: -1.5em;
}

.cont_copy-wrap .cont-bt {
	width: 50%;
	padding-top: 60px;
}

.cont_copy-wrap .cont-bt a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	padding-right: 20px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	border: 2px solid #000;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

.cont_copy-wrap .cont-bt a::before {
	content: "";
	display: block;
	background-image: url("../images/bt_triangle01.png");
	background-size: cover;
	width: 8px;
	height: 12px;
	margin-left: 10px;
	margin-right: 8px;
}

.cont_copy-wrap .cont-bt a:hover {
	background: #bbb;
}



/*** cont-right ***/

.cont-wrap.cont-right li:nth-child(1) {
	width: 52%;
}

.cont-wrap.cont-right li:nth-child(2) {
	width: 32.5%;
	margin-left: 12.5%;
}




/*** cont-left ***/

.cont-wrap.cont-left {
	justify-content: flex-end;
}

.cont-wrap.cont-left li:nth-child(1) {
	width: 52%;
	order: 2;
}

.cont-wrap.cont-left li:nth-child(2) {
	width: 32.5%;
	margin-left: 0;
	margin-right: 5%;
	order: 1;
}

.cont-left .cont_photo-wrap .photo {
	box-shadow: -50px 50px 0 0 rgba(0, 0, 0, 0.2);
}



/*** 個別 ***/


/* Firefox */
@-moz-document url-prefix() {
.cont-wrap.cont3 .kr {	margin: 0 -0.6em;}
}

/* Safari */
_::-webkit-full-page-media, _:future, :root .cont-wrap.cont3 .kr  {
    margin: 0 -0.6em;
}



@media only screen and (max-width: 1280px){
.cont-wrap dt br {
	display: none;
}
.cont-wrap.cont2 dd br {
	display: none;
}
}


@media only screen and (max-width: 1420px){
.cont-wrap.cont1 dd br {
	display: none;
}	
.cont-wrap.cont4 dt br {
	display: none;
}	
.cont-wrap.cont5 dd br {
	display: none;
}
}

/*********** ↑cont *************/






