@charset "utf-8";

/* #cont1 */
#cont1{
	padding-bottom:min(9%,90px);
}
#cont1 .greeting{
	margin-top:min(7%,70px);
	margin-right:calc(50% - 640px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
} 
#cont1 .greeting figure{
	flex:1;
	margin-right:-25%;
}
#cont1 .greeting .cont_wrapper{
	width:810px;
	padding:5%;
	background-color:#fff;
	box-shadow:0 8px 12px rgba(0,0,0,0.12);
	text-align:left;
}
#cont1 .greeting .cont_wrapper p{
	line-height:2.2;
	letter-spacing:0.2em;
}
#cont1 .greeting .cont_wrapper p:nth-of-type(n+2){
	margin-top:2em;
}
#cont1 .greeting .cont_wrapper p.name{
	line-height:1.5;
}
#cont1 .greeting .cont_wrapper p.name .small{
	display:block;
	font-size:12px;
	letter-spacing:0.24em;
}
#cont1 .greeting .cont_wrapper p.name .large{
	display:block;
	font-size:20px;
	letter-spacing:0;
}

#cont1 .tbl{
	margin-top:min(12%,120px);
	border:1px solid #c3940e;
}
#cont1 .tbl th,
#cont1 .tbl td{
	padding:2.5em;
	letter-spacing:0.15em;
}
#cont1 .tbl tr:nth-child(n+2) th{
	border-top:1px solid rgba(255,255,255,0.3);
}

#cont1 .tbl tr:nth-child(n+2) td{
	border-top:1px solid #e6e6e6;
}

#cont1 .tbl th{
	width:18em;
	color:#fff;
	background-color:#c3940e;
}
#cont1 .tbl td{
	text-align:left;
	background-color:#fff;
}

@media screen and (max-width:1300px){
	#cont1 .greeting{
		margin-right:1.5%;
	} 
	#cont1 .greeting figure{
		flex:1;
		margin-right:-25%;
	}
	#cont1 .greeting .cont_wrapper{
		width:65%;
	}
	#cont1 .greeting .cont_wrapper p{
		line-height:1.8;
	}
	#cont1 .greeting .cont_wrapper p:nth-of-type(n+2){
		margin-top:1.8em;
	}
	#cont1 .greeting .cont_wrapper p.name .small{
		font-size:10px;
	}
	#cont1 .greeting .cont_wrapper p.name .large{
		font-size:18px;
	}
}

@media screen and (max-width:768px){
	#cont1{
		padding-bottom:15%;
	}
	#cont1 .greeting{
		margin-top:9%;
		margin-right:0;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	} 
	#cont1 .greeting figure{
		margin-right:-86%;
	}
	#cont1 .greeting .cont_wrapper{
		width:93%;
		margin-top:42%;
		padding:9% 7%;
	}
	#cont1 .greeting .cont_wrapper p.name .small{
		font-size:2.4vw;
	}
	#cont1 .greeting .cont_wrapper p.name .large{
		font-size:4vw;
	}

	#cont1 .tbl{
		margin-top:min(12%,120px);
		border:1px solid #c3940e;
	}
	#cont1 .tbl th,
	#cont1 .tbl td{
		display:block;
		padding:1.2em 2em;
	}
	#cont1 .tbl td{
		padding:1.5em 2em;
	}
	#cont1 .tbl tr:nth-child(n+2) th{
		border-top:none;
	}

	#cont1 .tbl tr:nth-child(n+2) td{
		border-top:none;
	}
	#cont1 .tbl th{
		width:auto;
	}
}


/* #cont2 */
#cont2{
	margin-top:-1px;
	padding-top:18%;
	background:url(../img/attempt/cont2_bg.png)no-repeat center top;
	background-size:100% auto;
}
#cont2 figure{
	margin-top:min(7%,70px);
}

@media screen and (max-width:768px){
	#cont2{
		padding-top:25%;
		background:url(../img/attempt/cont2_bg_s.png)no-repeat center top;
		background-size:100% auto;
	}
	#cont2 figure{
		margin-top:9%;
	}
}


/* #cont3 */
#cont3{
}
#cont3 .expert{
	margin-top:min(5%,50px);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont3 .expert > div{
	width:48%;
	margin-top:min(5%,50px);
	background-color:#fff;
	box-shadow:0 8px 12px rgba(0,0,0,0.12);
	display: -webkit-flex;
	display: flex;
}
#cont3 .expert > div > dt{
	line-height:3.6;
	font-size:min(1.3vw,17px);
	letter-spacing:0.15em;
	color:#fff;
	background:#c3940e;
	writing-mode: vertical-rl;
}
#cont3 .expert > div > dd{
	padding:7%;
	flex:1;
	font-size:clamp(10px,1.2vw,15px);
}
#cont3 .expert > div > dd .detail{
	text-align:left;
}
#cont3 .expert > div > dd .detail dt{
	margin-bottom:5%;
	padding-bottom:5%;
	border-bottom:1px solid #c3940e;
}
#cont3 .expert > div > dd .detail dt .position{
	display:block;
	font-size:clamp(12px,1.3vw,16px);
	letter-spacing:0.1em;
}
#cont3 .expert > div > dd .detail dt .name{
	display:block;
	line-height:1.5;
	margin-top:3%;
}
#cont3 .expert > div > dd .detail dt .name .large{
	font-size:min(2.7vw,35px);
	letter-spacing:0.16em;
}
#cont3 .expert > div > dd .detail dt .name .small{
	font-size:min(2vw,26px);
	letter-spacing:0.16em;
}
#cont3 .expert > div > dd .detail dt .en{
	line-height:1.5;
	display:block;
	color:#c3940e;
	letter-spacing:0.05em;
}
#cont3 .expert > div > dd .detail dd{
	line-height:2.4;
	letter-spacing:0.12em;
}

@media screen and (max-width:768px){
	#cont3 .expert{
		margin-top:min(5%,50px);
		display: block;
	}
	#cont3 .expert > div{
		width:auto;
		margin-top:9%;
	}
	#cont3 .expert > div > dt{
		line-height:3.4;
		font-size:3vw;
	}
	#cont3 .expert > div > dd{
		padding:9% 7%;
		font-size:3.1vw;
	}
	#cont3 .expert > div > dd .detail dt .position{
		font-size:3.5vw;
	}
	#cont3 .expert > div > dd .detail dt .name .large{
		font-size:6.6vw;
	}
	#cont3 .expert > div > dd .detail dt .name .small{
		font-size:4.5vw;
	}
}