@charset "utf-8";

.l_main{
	margin-top: 20px;
}

.l_maintitle .is_mainsubtitle{
	color: #4653a2;
	font-size: 175%;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	padding-top: 20px;
	z-index: 99;
	position: relative;
	display: block;
}

.l_maintitle h1.is_h1page{
	padding: 0 4% 20px 4%;
}

.l_point .md_txtimg,
.l_join .md_txtimg{
	padding-top: 60px;
	padding-bottom: 0;
}

.l_join .md_txtimg.pt0{
	padding-bottom: 40px;
}

.is_btn + p.is_att{
	font-size: 86%;
	text-align: center;
	padding: 10px 0 0 0;
}

.md_accordion{
	margin: 10px 0 0 0;
}

.is_titaccordion{
	color: #4653a2;
	font-size: 112%;
	font-weight: 700;
	border-top: #4653a2 1px solid;
	width: calc(100% - 90px);
	background: none;
	padding: 20px 70px 20px 20px;
}

.is_titaccordion::before{
	display: none;
}

.l_join.l_use .md_flow .md_flownaiyo > li dl dd{
	margin-left: 0;
	display: block;
}

.l_join.l_use .md_flow .md_flownaiyo > li dl dd .md_naiyo{
	padding-top: 10px;
	clear: both;
}

.l_join.l_use .md_flow .md_flownaiyo > li dl dd .md_naiyo dt{
	font-size: 1em;
}

.l_join.l_use .md_flow .md_flownaiyo > li dl dd .md_naiyo dd img{
	float: right;
	width: 100px;
	margin-top: -40px;
	padding: 0 0 20px 20px;
}

.pt0{
	padding-top: 0 !important;
}

a.is_txtlink2::before{
	top: 5px;
	transform: rotate(135deg);
}

.md_acccont .bg_yellow{
	margin: 40px 0 0 0;
}

.md_acccont .md_cont2 .is_imgcard{
	width: 50%;
	margin: 0 auto 20px auto;
}

.md_acccont .md_cont2 h3.is_h3{
	text-align: center;
}

.l_point .md_txtimg div:nth-child(1){
	width: 16%;
}

.l_point .md_txtimg div:nth-child(2){
	width: 80%;
}

.l_footer{
	padding-bottom: 60px;
}

.l_footer .md_cont{
	padding-top: 0;
}

.l_footer .md_cont p.is_btn a{
	max-width: 160px;
	margin-bottom: 40px;
}

@media screen and (max-width:767px){
	.l_add.l_maintitle h1.is_h1page{
		padding: 20px 0 0 0;
	}
	
	.l_maintitle .is_mainsubtitle{
		font-size: 132%;
	}
	
	.l_point .md_txtimg{
		padding-top: 40px;
		padding-bottom: 0;
	}
	
	.md_txtimg div:nth-child(1) .is_txtimg{
		width: 80%;
		margin: 0 auto;
	}
	
	.l_point .md_txtimg div:nth-child(1) .is_txtimg,
	.md_acccont .md_txtimg div:nth-child(1) .is_txtimg{
		width: 50% !important;
	}
	
	.is_titaccordion{
		width: calc(100% - 40px);
		padding: 10px 40px 0 0;
	}
	
	.is_titaccordion::after{
		top: .5em;
		right: 0;
	}
	
	.md_accordion[open] .md_acccont{
		padding: 0 0 20px 0;
	}
	
	.md_accordion + .is_btn,
	.is_btnmt40{
		margin-top: 40px;
	}
	
	.l_join .md_flow .md_flownaiyo > li dl dt{
		font-size: 1.1em;
		line-height: 1.4;
	}
	
	.l_join .md_flow .md_flownaiyo > li:not(:last-child)::before{
		width: 2px;
		left: 14px;
	}
	
	.l_point .md_txtimg div:nth-child(1){
		width: 100%;
	}
	
	.l_point .md_txtimg div:nth-child(2){
		width: 100%;
	}
	
	.l_join .md_flow .md_flownaiyo > li dl dd{
		display: flex;
		justify-content: center;
	}
	
	.l_join .md_flow .md_flownaiyo > li dl dd p{
		text-align: left;
	}
	
	.l_join.l_use .md_txtimg > div:nth-child(1) {
		width: 100%;
	}
	
	.l_join.l_use .md_txtimg > div:nth-child(2) {
		width: 100%;
	}
	
	.l_join.l_use .md_flow .md_flownaiyo > li dl dd .md_naiyo dt{
		display: flex;
		justify-content: center;
	}
	
	.l_join.l_use .md_flow .md_flownaiyo > li dl dd .md_naiyo dd img{
		float: none;
		width: 100px;
		margin: 0 auto;
		padding: 0 0 10px 0;
		display: block;
	}
	
	.l_join.l_use .md_flow .md_flownaiyo > li dl dd .md_naiyo{
		padding-top: 20px;
	}
	
	.l_what .md_txtimg p{
		text-align: left;
	}
	
	.is_btn + p.is_att{
	    font-size: 78%;
		text-align: left;
	}
}