@charset "utf-8";
.intro {
	margin: -70px 0 0 ;
	position: relative;
	width: 100%;
	z-index: 1;
}
.intro ul:first-child {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 0 155px;
}

.intro ul:first-child li:first-child {
	width: 43%;
	background: url("../img/introgoen.jpg") no-repeat top center;
	background-size: cover;
	height: 473px;
}
.intro ul:first-child .asoko_lead {
	background: url("../img/introasoko.jpg") no-repeat top center !important;
}
.intro > ul li:last-child {
	width: 57%;
	background: #f4f7f9;
}
html body .intro > ul .asoko_leadt {
	width: 57%;
	background: rgba(255,235,235,0.1);
}

.intro ul li h1 {
	padding: 155px 0 0 120px;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
	line-height: 1;
}

.intro ul li h1 span {
	font-size: 6.2rem;
	color: #3c92be;
}

.intro ul li h1 span:first-child {
	font-size: 4.2rem;
	padding-right: 8px;
}

.intro ul li p {
	padding: 32px 20px 0 120px;
	max-width: 640px;
	line-height: 1.8;
	color: #484848;
	font-size: 1.8rem;
}

.intro h2 {
	font-size: 3.2rem;
	padding: 0 18px;
}

.intro p {
	font-size: 1.8rem;
	padding: 8px 0 ;
}

.intro .t01 {
	text-align: center;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
	color: #323232;
}

.intro .goenmokuteki .goen_img {
	width: 100%;
	text-align: center;
	padding: 72px 0;
}

.goenmokuteki {
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
}

.goenmokuteki h2 {
	font-size: 3.2rem;
	text-align: center;
}

.goenmokuteki ul {
	display: flex;
	justify-content: center;
	padding: 40px 0 ;
	flex-wrap: wrap;
}

.goenmokuteki ul li {
	max-width: 300px;
}

body section .goenmokuteki ul li {
	padding: 18px 25px 0 0;
	background: none;
	max-width: 350px;
}


.goenmokuteki h3 {
	font-size: 2.2rem;
	text-align: center;
	padding: 0 16px;
}

.goenmokuteki h3 span {
	color: #3c92be;
}

.dekirukoto {
	padding: 175px 0 0;
}

.dekirukoto h2 {
	font-size: 4.6rem;
	color: #563f2e;
	text-align: center;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
}

.dekirukoto ul {
	padding: 55px 0 0;
}

.dekirukoto > ul > li {
	padding: 80px 0 80px;
}

.dekirukoto > ul > li:nth-child(odd) {
	background: rgba(219,148,58,0.10);
}

.dekirukoto > ul > li:nth-child(even) {
}
.dekimg {
	display: flex;
	justify-content:space-between;
	max-width: 1020px;
	margin: 0 auto;
	width: 100%;
}
.dekimg p {
	padding: 20px;
	max-width: 470px;
}
.dekimg img {
	box-shadow: 5px 5px 10px rgba(20,20,20,0.2);
	padding: 0;
}
.dekimg li {
	max-width: 470px;
}

.dekirukoto dl {
	margin: 0 auto;
	max-width:1000px;
	padding: 32px 20px 0;
}
.dekirukoto dt {
	padding: 0 0 6px;
	font-size: 2rem;
	color: #3c92be;
}
.dekirukoto dl dd {
	padding: 0 10px 8px 8px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.dekirukoto dl dd:before {
	content: "●";
	font-size:1.6rem;
	display: block;
	color: #3c92be;
	margin-right: 10px;
}
.linetitle {
	background: url("../img/underarrow.png") no-repeat center bottom;
	padding: 0 0 18px;
}
.linetitle h2 {
	background: #3c92be;
	width: 100%;
	height: 110px;
	color: #fff;
	font-size: 3.4rem;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
	text-align: center;
	line-height: 110px;
}
.lintitle_a {
	background: url("../img/underarrowPink2.png") no-repeat center bottom;
}
.lintitle_a h2 {
	background: #f6a3ba;
}
#goen_sch > ul {
	padding:  0;
	margin: 160px auto 0;
	max-width: 920px;
	position: relative;
} 
#goen_sch > ul > li {
	position: relative;
	padding: 0 0 50px;
	background: url("../img/timebg.png") repeat-y left 87px top;
}
.asokotime > ul > li {
	position: relative;
	padding: 0 0 50px;
	background: url("../img/timebg3.png") repeat-y left 87px top !important;
}

#goen_sch > ul > li:last-child {
	background: none;
}
.asokotime > ul > li:last-child {
	background: none !important;
}
#goen_sch > ul > li h3 {
	padding: 0 0 0 240px;
	margin: 62px 0 0 10px;
	z-index: 20;
	position: relative;
	background: #195573;
	width: 100%;
	color: #fff;
	font-size: 2.8rem;
	border-radius: 0 0 55px 0;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
}
#goen_sch > ul > li h3 span {
	line-height: 58px;
	vertical-align: middle;
	padding-left: 40px;
}
#goen_sch > ul > li h3::before {
	content: url("../img/rightarro.png");
	display: inline-block;
	padding: 10px;
	position: absolute;
}
#goen_sch > ul > li .circletime {
	width: 182px;
	height: 182px;
	border-radius: 50% 50%;
	background: #bf853d;
	color: #fff;
	z-index: 30;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	font-size: 3.4rem;
	line-height: 1;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
	margin: -64px 0 0;
}
body .asokotime > ul > li .circletime {
	background: #754D59 !important;
}
body .asokotime > ul > li h3 {
	background: rgba(246,163,186,.5) !important;
	color: #362329 !important;
}
#goen_sch > ul > li div {
	padding: 50px 25px 0 290px;
	font-size: 1.8rem;
	display: flex;
	align-items: flex-start;
	line-height: 1.8;
}
#goen_sch > ul > li div img {
	padding-right: 18px;
}
.syokujilink {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 2;
	border: 1px solid #195573;
	color: #195573;
	margin: 18px 0 0;
}
body .asoko_dekiru > ul > li:nth-child(odd)  {
	background: rgba(234,158,217,0.10);
}
.asoko_c {
	color: #f695c2 !important;
}


@media screen and (max-width: 960px) {
.intro ul li h1 {
	padding: 32px 0 0 32px;
	font-family: 'Lato','Shippori Mincho B1','Noto Sans JP', serif;
	line-height: 1;
}
.intro ul li p {
	padding: 32px 20px 0 32px;
	max-width: 640px;
	line-height: 1.8;
	color: #484848;
	font-size: 1.8rem;
}
	
	#goen_sch > ul > li div {
		flex-wrap: wrap;
	}
	#goen_sch > ul > li h3 {
		max-width: 90%;
	}
}
@media screen and (max-width: 600px) {
	.intro ul:first-child li:first-child {
		display: none;
	}
	.intro ul:first-child li:last-child {
		width: 100%;
		padding: 32px 10px ;
	}
	.intro ul li h1 {
		padding: 0;
		text-align: center;
	}
	.intro ul li h1 span {
		font-size: 5rem;
	}
	.intro ul li h1 span:first-child {
		font-size: 3.2rem;
	}
	.intro ul li p {
		padding: 16px 25px 0;
	}
	.intro h2 {
		font-size: 2.2rem;
	}
	#goen_sch > ul > li .circletime {
		width: 150px;
		height: 150px;
		border-radius: 75px 75px;
		margin: -50px 0 0;
	}
	#goen_sch > ul > li {
		margin: -15px 0 0;
	}
	#goen_sch {
		max-width: 100%;
		overflow: hidden;
	}
#goen_sch > ul > li div {
	padding: 50px 25px 0 150px;
	font-size: 1.6rem;
	display: flex;
	align-items: flex-start;
	line-height: 1.6;
}
	#goen_sch > ul > li h3 {
		padding-left: 130px;
		line-height: 1.2;
		font-size: 2.0rem;
		max-width: 100%;
	}
	.dekimg {
		justify-content: center;
		flex-wrap: wrap;
	}
	.dekimg p {
		padding: 35px 20px 0;
	}
	.linetitle h2 {
		height: auto;
		padding: 16px;
		line-height: 1.4;
		font-size: 2.2rem;
	}
	.intro {
		margin: 0 ;
	}
.intro ul:first-child {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 0 25px;
}

}