@charset "utf-8";
/* CSS Document */

/*共通*/
section.wrap{padding:5em 0;}

/*ヘッダー*/
h1.logo{
	max-width:500px;
	width:50%;
	margin:0 auto;
	padding:1%;
	}

/*メインイメージ*/
.main_bg{
	background:url(../img/main_img.webp) top center no-repeat;
	background-size:cover;
	}
	
.main_bg h2{
	font-size:3.5vw;
	line-height:1.4em;
	padding:4em 0;
	text-shadow: 2px 2px 4px #000;
	}



/*タイトル*/
h3.title{border-bottom:5px #F60 solid;}

/*業務内容*/
.gyoumu_wrap .title_btm{padding-bottom:2em;}
.cell3 .text_wrap h4 {font-size:1.4em;padding:0.2em 0;}

/*flow*/
.flow_wrap{
	background:url(../img/flow_bg.webp) center no-repeat;
	background-size:cover;
	}

.flow_wrap h3.title{
	border-bottom:5px #FF0 solid;
	}
.flow_wrap .flow{padding-bottom:1em;}

.flow_wrap .btn_wrap{padding:3em 0 1em;}
.flow_wrap .btn_wrap a{
	display:block;
	margin:0 auto;
	width:12em;
	text-align:center;
	background:#FF0;
	border-radius:1.8em;
	padding:0.8em;
	font-size:40px;
	font-weight:700;
	color:#333;
	}
.flow_wrap .btn_wrap a:hover{
	background:#Fc0;
	}



/*フッター*/
footer .ftr_contact{
	background:#1a1a1a url(../img/mail_bg.webp) top right no-repeat;
	background-size:30%;
	color:#FFF;
	}

footer .ftr_contact h3{
	font-size:5vw;
	text-align:center;
	margin-bottom:0.5em;
	line-height:1em;}
footer .ftr_contact h3 span{
	display:block;
	font-size:0.7em;
	}
footer .ftr_contact .title_btm{text-align:center;}

footer .ftr_wrap{background:#fff;color:#333;}

footer .ftr_btn_wrap li.btn_tel{border-right:1px #333 solid;}
footer .ftr_btn_wrap li.btn_tel a{}
footer .ftr_btn_wrap li.btn_tel a:hover{}
footer .ftr_btn_wrap li.btn_mail a{background:#0071bc;}
footer .ftr_btn_wrap li.btn_mail a:hover{background:#4b7dba;}

footer .ftr_btn_wrap li a img {max-width:490px;}

/*お問い合わせ*/
.contact header h1{
	max-width:500px;
	width:50%;
	margin:0 auto;
	padding:1%;
	}

.contact_thanks {border-top:none;}

/*news_wrap*/
.news_wrap{background:#333;color:#FFF;padding:1em 0;}

.news_wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.news_wrap li{width:calc(100% - 9em);}
.news_wrap li:first-child{width:8em;}
.news_wrap li a{color:#FFF;}
.news_wrap li a:hover{color:#FF0;}

.news_wrap li h3{font-size:1.4em;}

.news_wrap dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom:1px #fff dashed;
	padding:0.5em 0 0.5em 0;
	}
.news_wrap dl:first-child{padding-top:0;}
.news_wrap dl:last-child{border-bottom:none;}

.news_wrap dt{width:7em;}
.news_wrap dd{width:calc(100% - 8em);}

.news_wrap .btn_information{color:#FF0;}
.news_wrap .btn_information:hover{color:#FFF;}

.news_wrap .btn_list{font-size:0.8em;color:#FF0;}

	

@media screen and (min-width:1200px) {
/*メインイメージ*/
.main_bg h2{font-size:48px;}


}


@media screen and (max-width:760px) {
/*共通*/
section.wrap{padding:3em 0;}

/*flow*/
.flow_wrap .flow .text_wrap h4 {font-size:1.2em;}
.flow_wrap .btn_wrap a{font-size:6vw;}


/*news_wrap*/
.news_wrap{padding:2em 0;}
.news_wrap ul{display: block;}
.news_wrap li{width:100%}
.news_wrap li:first-child{width:100%;text-align:center;}
.news_wrap li h3{font-size:36px;}

.news_wrap dl{
	display: block;
	padding:0.5em 0 0.5em 0;
	font-size:18px;
	}
.news_wrap dl:first-child{padding-top:0;}
.news_wrap dl:last-child{border-bottom:none;}

.news_wrap dt{width:100%;}
.news_wrap dd{width:100%;}

.news_wrap .btn_list{padding:0.5em 0;}
.news_wrap .btn_list span{display:none;}
	
.news_wrap .btn_information{
	color:#333;
	background:#FF0;
	border-radius: 1em;
    padding: 0.2em 1em;
	}
.news_wrap .btn_information:hover{
	color:#333;
	background:#FC0;
	}

/*company_wrap*/
.company_wrap .title{margin-bottom:0;}

/*フッター*/
footer .ftr_contact{background-size:35%;}
footer .ftr_btn_wrap li.btn_tel{border-right:none;border-bottom:1px #333 solid;}


}