@charset "utf-8";

/* #cont1 */
#cont1{
	padding-bottom:min(9%,90px);
}
#cont1 .tit2 .jp{
	font-size:min(2.3vw,30px);
}
#cont1 .sum_list{
	max-width:832px;
	margin-top:min(5.4vw,70px);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position:relative;
	z-index:1;
}
#cont1 .sum_list:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background-color:#c69a1e;
	position:absolute;
	top:50%;
	left:0;
	z-index:-1;
}
#cont1 .sum_list li{
	width:9.4em;
	height:9.4em;
	line-height:1.4;
	border-radius:50%;
	font-size:min(2.9vw,26px);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	position:relative;
}
#cont1 .sum_list li .num{
	display:block;
	width:100%;
	font-family: "Jost", sans-serif;
	font-size:min(4.3vw,38px);
	font-weight:500;
	opacity:0.3;
	position:absolute;
	top:0.6em;
}
#cont1 .sum_list li .jp{
	font-weight:700;
	letter-spacing:0.14em;
	text-indent:0.14em;
}
#cont1 .sum_list li .en{
	margin-top:0.5em;
	font-size:min(1.2vw,11px);
	letter-spacing:0.1em;
	text-indent:0.1em;
}
#cont1 .cont_list{
	margin-top:min(9.3vw,120px);
}
#cont1 .cont_list li{
	margin-top:min(6.3vw,80px);
	display: -webkit-flex;
	display: flex;
	box-shadow:0 8px 12px rgba(0,0,0,0.12);
}
#cont1 .cont_list li figure{
	width:32%;
}
#cont1 .cont_list li figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#cont1 .cont_list li section{
	width:68%;
	padding:5%;
	text-align:left;
	background-color:#fff;
}
#cont1 .cont_list li section h3{
	line-height:1.5;
	padding-left:3.5em;
	font-size:min(2.5vw,32px);
	position:relative;
}
#cont1 .cont_list li section h3 .num{
	font-family: "Jost", sans-serif;
	font-size:min(5.4vw,70px);
	font-weight:500;
	letter-spacing:-0.02em;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
#cont1 .cont_list li section h3 .jp{
	letter-spacing:0.13em;
}
#cont1 .cont_list li section h3 .en{
	display:block;
	font-size:min(1.2vw,15px);
	font-weight:500;
	letter-spacing:0.1em;
}
#cont1 .cont_list li section p{
	margin-top:2em;
	font-size:min(1.5vw,15px);
	letter-spacing:0.2em;
}

@media screen and (max-width:768px){
	#cont1{
		padding-bottom:12%;
	}
	#cont1 .tit2 .jp{
		line-height:1.7;
		font-size:4.8vw;
	}
	#cont1 .sum_list{
		margin-top:9%;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#cont1 .sum_list:after{
		content:'';
		display:block;
		width:50vw;
		height:50vw;
		background-color:transparent;
		border:1px solid #c69a1e;
		position:absolute;
		top:50%;
		left:50%;
		z-index:-1;
		transform:translate(-50%,-50%);
		border-radius:50%;
	}
	#cont1 .sum_list li{
		width:9.4em;
		height:9.4em;
		line-height:1.4;
		border-radius:50%;
		font-size:4.2vw;
	}
	#cont1 .sum_list li:first-child{
		margin-left:calc(50% - 4.7em);
		margin-right:calc(50% - 4.7em);
	}
	#cont1 .sum_list li .num{
		font-size:6.4vw;
		position:absolute;
		top:0.6em;
	}
	#cont1 .sum_list li .en{
		font-size:1.7vw;
	}
	#cont1 .cont_list{
		margin-top:15%;
	}
	#cont1 .cont_list li{
		margin-top:9%;
		display: block;
	}
	#cont1 .cont_list li figure{
		width:auto;
	}
	#cont1 .cont_list li figure img{
		width:100%;
		height:auto;
		object-fit:auto;
	}
	#cont1 .cont_list li section{
		width:auto;
		padding:9% 7%;
	}
	#cont1 .cont_list li section h3{
		line-height:1.5;
		padding-left:3.2em;
		font-size:5.3vw;
	}
	#cont1 .cont_list li section h3 .num{
		font-size:11.7vw;
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
	}
	#cont1 .cont_list li section h3 .jp{
		letter-spacing:0.07em;
	}
	#cont1 .cont_list li section h3 .en{
		display:block;
		font-size:2.4vw;
		font-weight:500;
		letter-spacing:0.1em;
	}
	#cont1 .cont_list li section p{
		margin-top:2em;
		font-size:3.2vw;
		letter-spacing:0.1em;
	}
}


/* #cont2 */
#cont2{
	margin-top:-1px;
	padding:18% 0 min(14%,140px);
	background:url(../img/attempt/cont2_bg.png)no-repeat center top;
	background-size:100% auto;
}
#cont2 .fig{
	margin-top:min(7%,70px);
}
#cont2 .lead{
	line-height:2.2;
	margin-top:min(7%,70px);
	letter-spacing:0.16em;
	text-indent:0.16em;
}
#cont2 .num{
	margin-top:min(7%,70px);
	padding:min(6%,60px) min(10%,100px);
	counter-reset: num;
	border:2px solid #c3940e;
	background:#faf9f5 url(../img/attempt/cont2_logo.png)no-repeat right bottom;
	background-size:72px auto;
}
#cont2 .num li{
	margin:0.8em 0;
	padding-left:3em;
	text-indent:-3em;
	text-align:left;
	letter-spacing:0.12em;
	counter-increment: num;
}
#cont2 .num li:before{
	margin-right:1em;
	content: counter(num,decimal-leading-zero);
	font-size:19px;
	font-family: "Jost", sans-serif;
	color:#c69a1e;
	letter-spacing:0.04em;
}

@media screen and (max-width:768px){
	#cont2{
		padding:25% 0 15%;
		background:url(../img/attempt/cont2_bg_s.png)no-repeat center top;
		background-size:100% auto;
	}
	#cont2 .fig{
		margin-top:min(7%,70px);
	}
	#cont2 .lead{
		line-height:1.9;
		margin-top:5%;
		padding:0 7%;
		letter-spacing:0.14em;
		text-indent:0;
		text-align:left;
	}
	#cont2 .lead br{
		display:none;
	}
	#cont2 .num{
		margin-top:9%;
		padding:3% 7% 18%;
		counter-reset: num;
		border:2px solid #c3940e;
		background:#faf9f5 url(../img/attempt/cont2_logo.png)no-repeat right 1em bottom 1em;
		background-size:18% auto;
	}
	#cont2 .num li{
		margin:1.8em 0;
		padding-left:3em;
		text-indent:-2.25em;
		text-align:left;
		letter-spacing:0.1em;
		counter-increment: num;
	}
	#cont2 .num li:before{
		margin-right:1em;
		font-size:3.2vw;
	}
}