@charset "utf-8";

/*=====================================================
inner
======================================================*/
.read {
	line-height:2;
	font-size:16px;
}
.read.l {
	font-size:17px;
}
.contents_wrap {
	padding:50px 0 0 0;
}

.menu {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.menu li {
	width:31%;
}
.menu li a {
	display:block;
	padding:7px 10px 13px;
	line-height:1.4;
	border:1px solid #00993e;
	text-align:center;
	font-size:22px;
	color:#00993e;
	transition: all 0.3s ease-in-out 0s;
}
/*.menu li:nth-child(2),
.menu li:nth-child(3) {
	position: relative;
}
.menu li:nth-child(2)::after,
.menu li:nth-child(3)::after {
	content: "";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url("../images/guide/cs.png") center center no-repeat;
}

@media screen and (max-width: 767px){
	.menu li:nth-child(2)::after,
	.menu li:nth-child(3)::after {
		background: url("../images/guide/cs@2x.png") center center no-repeat;
		background-size: auto 80%;
	}
}

.menu li:nth-child(2) a,
.menu li:nth-child(3) a {
	pointer-events: none;
	opacity: 0.2;
}*/


.menu li a span:first-child {
	font-size:1.6em;
	margin:0 5px 0 0;
}
.menu li a:hover {
	background:#00993e;
	color:#fff;
}
.menu li a.cr {
	background:#00993e;
	color:#fff;
}

.s_col {
	display:flex;
	justify-content: space-between;
}
.s_col li:nth-child(1) {
	width:57%;
}
.s_col li:nth-child(2) {
	width:39.07%;
}
.s_col .t1 {
	font-size:40px;
	color:#03b74f;
}
.s_col3 li:nth-child(1) {
	width:100%;
}

.sec_inner {
	max-width:1280px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:content-box;
}
.sec1 {
	width:100%;
	background:#f5f5f5;
	padding:50px 0 40px 0;
}
.sec1 .col {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.sec1 .col li {
	width:48.83%;
	padding:0 0 40px;
	margin:0 0 40px;
	border-bottom:1px dotted #ccc;
}
.sec1 .col li:nth-child(5) {
	padding:0 0 0 0;
	border-bottom:0px;
	margin:0 0 30px;
}
.sec1 .col li:nth-child(6) {
	padding:0 0 0 0;
	border-bottom:0px;
	margin:0 0 30px;
}
.sec1 .col dl {
	display:flex;
	justify-content: space-between;
}
.sec1 .col dl dt {
	width:32%;
}
.sec1 .col dl dd {
	width:64.32%;
}
.sec1 .t1 {
	font-size:20px;
	font-weight:bold;
}


@media screen and (max-width: 1140px){
}

@media screen and (max-width: 1080px){
	.menu li a {
		font-size:20px;
	}
	.menu li a span {
		font-size:1.4em;
	}

	.sec1 .col {
		max-width:625px;
		margin:0 auto;
	}
	.sec1 .col li {
		width:100%;
	}
	.sec1 .col li:nth-child(5) {
		padding:0 0 40px;
		margin:0 0 40px;
		border-bottom:1px dotted #ccc;
	}
}
@media screen and (max-width: 980px){
	.menu li a {
		font-size:18px;
	}
	.menu li {
		width:85%;
		margin:0 auto 15px;
	}
	.menu li:last-child {
		margin:0 auto;
	}
	.s_col .t1 {
		font-size:32px;
		color:#03b74f;
	}
}

@media screen and (max-width: 767px){
	.contents_wrap {
		padding:40px 0 0 0;
	}
	.menu li a {
		font-size:17px;
	}
	.read {
		line-height:2;
		font-size:14px;
	}
	.read.l {
		font-size:15px;
	}
	.sec1 {
		padding:30px 0 0 0;
	}
	.s_col .t1 {
		font-size:26px;
		color:#03b74f;
	}
	.s_col {
		display:block;
	}
	.s_col li:nth-child(1) {
		width:100%;
		margin:0 0 20px;
	}
	.s_col li:nth-child(2) {
		width:100%;
		text-align:center;
	}
/*	.s_col .t1,
	.s_col .read {
		text-align:center;
	}*/

	.sec1 .col dl {
		display:block;
	}
	.sec1 .col dl dt {
		width:100%;
		margin:0 0 10px;
	}
	.sec1 .col dl dt.img {
		text-align:center;
	}
	.sec1 .col dl dd {
		width:100%;
		text-align:center;
	}
	.sec1 .col li {
		padding:0 0 30px;
		margin:0 0 30px;
	}
	.sec1 .col li:nth-child(5) {
		padding:0 0 30px;
		margin:0 0 30px;
	}
}


@media screen and (max-width: 640px){
}

@media screen and (max-width: 600px){

}

@media screen and (max-width: 480px){
	.s_col .t1 {
		font-size:24px;
	}
}

.sec3 {
	width:100%;
	background:#f5f5f5;
	padding:50px 0 80px 0;
}

.sec3 .col {
	display:flex;
	justify-content: space-between;
}
.sec3 .col li:nth-child(1) {
	width:300px;
}
.sec3 .col li:nth-child(2) {
	width:calc(100% - 340px);
}
.sec3 .col dl {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.sec3 .col dl dd {
	width:47.88%;
	padding:0 0 40px;
	margin:0 0 40px;
	border-bottom:1px dotted #ccc;
}
.sec3 .col dl dd:nth-child(n+7) {
	border-bottom:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.sec3 .t1 {
	font-size:20px;
	font-weight:bold;
}

@media screen and (max-width: 900px){
	.sec3 .col {
		display:block;
	}
	.sec3 .col li:nth-child(1) {
		display:none;
	}
	.sec3 .col li:nth-child(2) {
		width:100%;
	}
}

@media screen and (max-width: 767px){
	.sec3 {
		padding:30px 0 50px 0;
	}
}
@media screen and (max-width: 600px){
	.sec3 .col dl dd {
		width:100%;
		padding:0 0 30px;
		margin:0 0 30px;
	}
	.sec3 .col dl dd:nth-child(7) {
		padding:0 0 30px;
		margin:0 0 30px;
		border-bottom:1px dotted #ccc;
	}
}


.sec_next {
	width:100%;
	/*height:100px;*/
	position:relative;
	background:#f5f5f5;
	padding-bottom: 80px;
}
.sec_next .next_btn {
	/*position:absolute;
	top:0;
	left:0;*/
	width:100%;
	height:100px;
}
.sec_next .next_btn {
	/*position:absolute;
	top:0;
	left:0;*/
	width:100%;
	height:100px;
}
.sec_next .next_btn a {
	display:flex;
	justify-content: center;
	font-size:32px;
	letter-spacing:0.1em;
	padding:30px 80px 30px 50px;
	line-height:1.2;
	max-width:780px;
	margin:0 auto;
	text-align:center;
	position:relative;
	border:10px solid #00993e;
	box-sizing:border-box;
	background:#fff;
	transition: all 0.3s ease-in-out 0s;
	font-weight: 500;
}
.sec_next .next_btn.cs a {
	pointer-events: none;
	position: relative;
	border:10px solid rgba(0,153,62, 0.2);
}
.sec_next .next_btn.cs a:after,
.sec_next .next_btn.cs a span {
	opacity: 0.2;
}
.sec_next .next_btn.cs a::before {
	content: "";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url("../images/guide/cs.png") center center no-repeat;
	
}
@media screen and (max-width: 767px){
	.sec_next .next_btn.cs a::before {
		background: url("../images/guide/cs@2x.png") center center no-repeat;
		background-size: auto 80%;
	}
}


.sec_next .next_btn a:hover {
	background:#e1ffed;
}
.sec_next .next_btn a span:nth-child(1) {
	color:#00993e;
	margin:0 10px 0 0;
}
.sec_next .next_btn a:after {
	content:"";
	position:absolute;
	top:0;
	right:30px;
	width:24px;
	height:100%;
	background:url(../images/guide/arrow.png) center center no-repeat;
	transition: all 0.5s ease-in-out 0s;
}
.sec_next .next_btn a:hover:after {
	right:20px;
}
@media screen and (max-width: 767px){

	.sec_next {
		height:auto;
		padding:15px 0 30px 0;
	}
	.sec_next .next_btn {
		position:static;
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
		height: auto;
	}
	.sec_next .next_btn a {
		font-size:24px;
		padding:20px 14% 20px 4%;
	}
	.sec_next .next_btn a:after {
		right:30px;
	}
}

@media screen and (max-width: 540px){
	.sec_next .next_btn a {
		font-size:20px;
	}	
}
@media screen and (max-width: 480px){
	.sec_next .next_btn a {
		font-size:18px;
		padding:20px 10% 20px 3%;
		letter-spacing:-0.05em;
		border:6px solid #00993e;
	}	
	.sec_next .next_btn a:after {
		right:10px;
	}
	.sec_next .next_btn a:hover:after {
		right:10px;
	}
}






.read.ex {
	min-height: 130px;
}


@media screen and (max-width: 767px){
	.read.ex {
		min-height: auto;
	}
	.ta_l_sp {
		text-align: left!important;
	}
}