@charset "UTF-8";

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}


/* =Common
-------------------------------------------------------------- */
body {
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
input[type="submit"], input[type="reset"], button {
	appearance: none;
	cursor: pointer;
}



/* =Styles 
-------------------------------------------------------------- */
body {
	color: #00853D;
	background: #fff;
}
a {
	text-decoration: underline;
	color: #00853D;
}
.sp_container {
	max-width: 860px;
	margin: 0 auto;
}
.inner {
	padding: 0 min(11.6279vw, 100px);
}
.header {
	padding: min(3.0233vw, 13px) min(3.4884vw, 30px) min(2.7907vw, 12px);
	background-color: #00853D;
}
.header .logo {
	width: min(39.7674vw, 242px);
}

.fv {
	position: relative;
	height: min(141.8605vw, 1220px);
	background: url(../img/fv_sp.jpg) no-repeat center/cover;
}
.fv .cv {
	position: absolute;
	bottom: min(5.3488vw, 46px);
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: min(4.8837vw, 42px) 0;
	width: min(93.0233vw, 800px);
	height: min(28.3721vw, 244px);
	background: url(../img/cta.png) no-repeat center/contain;
	box-sizing: border-box;
}
.fv .cv .text_img {
	position: absolute;
	top: max(-6.9767vw, -60px);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: min(79.3023vw, 682px);
}
.fv .cv .text_img img {
	width: 100%;
}
.fv .cv .wrap {
	display: flex;
	justify-content: space-between;
	padding: 0 min(2.5581vw, 22px);
}
.fv .cv .btn {
	top: 51px;
	width: min(42.3256vw, 364px);
	height: min(13.2558vw, 114px);
}
.fv .cv .btn a {
	display: block;
}
.fv .cv .btn a img {
	width: 100%;
}
.sec1 {
	position: relative;
	color: #fff;
	padding: min(10vw, 83px) 0 min(50vw, 430px);
	background-color: #00853D;
	clip-path: polygon(50% 100%, 100% calc(100% - min(6.2791vw, 54px)), 100% 0, 0 0, 0 calc(100% - min(6.2791vw, 54px)));
}
.sec1::after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	width: min(52.5581vw, 451px);
	height: min(44.8837vw, 385px);
	background: url(../img/sec1_img_sp.png)no-repeat center/contain;
	z-index: 1;
}
.sec1 .ttl {
	margin: 0 0 min(5.814vw, 50px);
}
.sec1 .list {
	margin: 0 0 0 min(-1.74vw, -13px) ;
}
.sec1 .list li a {
	opacity: 1;
    transition: opacity .3s;
}
.sec1 .list li a:hover {
	opacity: .8;
}
.sec1 .list li:not(:first-child) {
	margin-top: min(1vw, 10px);
}
.sec1 img {
	width: 100%;
}