@import url("sub.css");




/* AGENCY */
.agency_cont{}
.agency_cont article{padding:0 0 100px;}
.agency_cont article.agency_in{padding:0;}
.agency_cont article:last-child{padding:0;}
.agency_cont article .fs32{padding: 0 0 25px;}
	.agency_in{}
	.agency_in .fs38{padding:0 0 15px;}
	.agency_in .fs23{color:var(--black); padding:0 0 5px;}

	.agency_schedule{}
	.agency_schedule .process_list{grid-template-columns: repeat(3, 1fr); gap:30px;}
	.agency_schedule .process_list li{padding: 60px 20px 70px; background:var(--white); border:1px solid var(--border);}
	.agency_schedule .process_list li:nth-child(4n):after{display: block;}
	.agency_schedule .process_list li:nth-child(3n):after{display: none;}
	.agency_schedule .process_list li .tit{display: block; width: 54px; height:54px; line-height:54px; border-radius:50%; background:rgba(16,16,16,.8); text-align:center; font-size:14px; font-weight: 500; letter-spacing: 0; color:var(--white); margin: 0 auto 20px;}
	.agency_schedule .process_list li .fs16{padding: 18px 0 0; color:var(--black);}
	.agency_schedule .process_list li .fs19{padding: 3px 0 0; font-weight: 700;}
	.agency_schedule .process_list li img{width: auto; height: 92px;}

	.agency_list{display: grid; grid-template-columns: repeat(4, 1fr); gap:30px;}
	.agency_list li{background:var(--grayBg); box-sizing:border-box; padding:55px 20px;} 
	.agency_list li img{width: auto; height:94px; margin:0 auto 18px;} 

	.agency_document{}
	.agency_document dl{max-width:650px; display:flex; align-items:center; margin:0 auto;}
	.agency_document dl dt{width:137px;}
	.agency_document dl dt img{width:100%; height:auto;}
	.agency_document dl dd{width:calc(100% - 137px); box-sizing:border-box; padding:0 0 0 100px;}
	.agency_document dl dd .check_list{display: flex; flex-wrap:wrap;}
	.agency_document dl dd .check_list > li{width: 50%; padding-right: 20px;}
	

	.agency_form{background:url("../images/agency_form.jpg") no-repeat center/cover;}
	.agency_form .agency_form_in{background:var(--white); box-sizing:border-box; padding:60px 55px;}





/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){


/* AGENCY */
.agency_cont{}
.agency_cont article{padding:0 0 80px;}

}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* AGENCY */
.agency_cont{}
.agency_cont article{padding:0 0 60px;}
.agency_cont article .fs32{padding: 0 0 20px;}
	.agency_in{}
	.agency_in .fs38{padding:0 0 12px;}


	.agency_schedule{}
	.agency_schedule .process_list{grid-template-columns: repeat(3, 1fr); gap:20px;}
	.agency_schedule .process_list li{padding: 40px 20px 50px;}
	.agency_schedule .process_list li:nth-child(4n):after{display: block;}
	.agency_schedule .process_list li:nth-child(2n):after{display: block;}
	.agency_schedule .process_list li:nth-child(3n):after{display: none;}
	.agency_schedule .process_list li img{width: auto; height: 70px;}


	.agency_list{gap:20px;}
	.agency_list li{padding:40px 20px;} 
	.agency_list li img{width: auto; height:70px;} 

	.agency_document{}
	.agency_document dl{}
	.agency_document dl dt{width:100px;}
	.agency_document dl dd{width:calc(100% - 100px); padding:0 0 0 50px;}


	.agency_form .agency_form_in{padding:40px 35px;}
	



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* AGENCY */
.agency_cont{}
.agency_cont article{padding:0 0 40px;}
.agency_cont article .fs32{padding: 0 0 15px;}
	.agency_in{}
	.agency_in .fs38{padding:0 0 8px;}
	.agency_in .fs23{padding:0 0 3px;}


	.agency_schedule{}
	.agency_schedule .process_list{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.agency_schedule .process_list li{padding: 20px 10px 30px;}
	.agency_schedule .process_list li:nth-child(4n):after{display: block;}
	.agency_schedule .process_list li:nth-child(2n):after{display: block;}
	.agency_schedule .process_list li:nth-child(3n):after{display: block;}
	.agency_schedule .process_list li .tit{width: 44px; height:44px; line-height:44px; font-size:10px; margin: 0 auto 15px;}
	.agency_schedule .process_list li .fs16{padding: 10px 0 0;}
	.agency_schedule .process_list li img{width: auto; height: 50px;}


	.agency_list{grid-template-columns: repeat(2, 1fr); gap:5px;}
	.agency_list li{padding:30px 10px;} 
	.agency_list li img{width: auto; height:50px; margin:0 auto 10px;} 

	.agency_document{}
	.agency_document dl{max-width:300px;}
	.agency_document dl dd{padding:0 0 0 30px;}
	.agency_document dl dd .check_list{}
	.agency_document dl dd .check_list > li{width: 100%; padding-right: 0;}
	

	.agency_form .agency_form_in{padding:25px 15px;}

}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}