/*!
Theme Name: customize_theme
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600&display=swap');
bbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.clearfix::after {content: "";display: block;clear: both;}

html{
	font-size:62.5%;
}

*{
	max-height:99999px;
}

body{
	font-family: "Noto Sans JP",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size:1.6rem;
	color: #333333;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 2px;
	font-feature-settings: "palt";
}
img,video{
	vertical-align:bottom;
	max-width: 100%;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	opacity:0.6;
}
.min {
	font-family: "Shippori Mincho", serif;
}
#wrap{
	overflow:hidden;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.inline{
	display:inline-block;
}
.left{
	float:left;
}
.right{
	float:right;
}
.pc{
	display:block;
}
.sp{
	display:none;
}
.tab{
	display:none;
}
.in{
	width:1200px;
	margin:0 auto;
	position: relative;
	z-index: 3;
}
.in_in{
	width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.flex{
	display: flex;
}
.flex_w{
	flex-wrap: wrap;
}
.flex_jc_c{
	justify-content: center;
}
.palt{
	font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
	body{
		font-size: 1.4rem;
	}
	#wrap{
		width: 100vw;
		overflow: hidden !important;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.tab{
		display:none;
	}
	.in,.in_in{
	width: 90%;
	margin: 0 auto;
	}
	.flex_w_sp{
		flex-wrap: wrap;
	}
}

.cor_w{
	color: #fff;
}
.cor_b{
	color: #451d01;
}
.cor_red {
	color: #c41d1d;
}
.cor_g {
	color: #cea741;
}
.cor_g_02{
	color: #987723;
}
.bg_w{
	background: #fff;
}
.bg_b{
	background: #451d01;
}
.bg_b_02{
	background: #f5f0ec;
}
.bg_g {
	background: #a9831f;
}
.bg_blue {
	background: #08476b;
}
.bg_red {
	background: #c41d1d;
}
.bg_gray{
	background:#fafafa
}
.bg_city{
	background: url(images/common/cith_bg@x2.jpg);
	background-size: cover;
	background-position: center;
}
.bg_city_02 {
	background: url(images/common/city_bg_02@x2.jpg);
	background-size: cover;
	background-position: center;
}
#header{

}
#header .site_logo img{
	width: 350px;
}
#header .header_t{
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
}
#header .header_t_r{
	align-items: center;
}
#header .header_t_r a{
	margin-left: 10px;
}
#header .contact_btn {
	margin-left: 20px;
	padding: 12px 10px;
	width: 330px;
	box-sizing: border-box;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header .contact_btn img{
	margin-right: 10px;
}
#header .contact_btn:after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	display: flex;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
}
#header .gnav{
}
#header .gnav ul{
	padding: 10px 0;
}
#header .gnav ul li{
	width: 16.66666%;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.1);
}
#header .gnav ul li:nth-last-child(1){
	border-right: 0px solid #fff;
}
#header .gnav ul li a{
	display: block;
	text-align: center;
	font-size: 1.6rem;
}
@media screen and (max-width: 750px) {
	#header{
	}
	#header .site_logo{
		width: 75%;
	}
	#header .header_t_r{
		display: none;
	}
	#header .hum_btn{
		width: 50px;
	}
	#header .sp_nav_w{
		background: #fff;
		position: fixed;
		height: 100vh;
		width: 80%;
		z-index: 999;
		top:0;
		right: -100%;
		box-sizing:border-box;
		padding: 20px;
		transition: 0.5s;
		opacity: 0;
		filter: blur(5px);
	}
	#header .sp_nav_w.show{
		right: 0;
		opacity: 1;
	    filter: blur(0px);
	}
	#header .sp_nav_w .close_hum_btn{
		text-align: right;
		margin-bottom: 20px;
	}
	#header .sp_nav_w .close_hum_btn img{
		width: 50px;
	}
	#header .sp_nav_w .sp_nav{
		margin-bottom: 30px;
	}
	#header .sp_nav_w .sp_nav ul li{
		width: 100%;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #e2e2e2;
	}
	#header .sp_nav_w .sp_nav ul li:nth-last-of-type(1){
		border-bottom: 1px solid #e2e2e2;
	}
	#header .sp_nav_w .sp_nav ul li a{
		padding: 15px 0;
		display: block;
	}
	.sp_nav_btn{
		margin-bottom: 10px;
	}
	.sp_nav_btn a{
		display: block;
		margin-bottom: 10px;
	}
	#header .contact_btn {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
}

#footer{
	padding: 50px 0 50px;
}
#footer .footer_site_logo{
	text-align: center;
	margin-bottom: 40px;
}
#footer .footer_site_logo img{
	width: 350px;
}
#footer .gnav{
	margin-bottom: 30px;
}
#footer .gnav:nth-of-type(1){
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#footer .gnav > .flex{
	justify-content: center;
}
#footer .gnav li {
	width: 16.66666%;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
#footer .gnav li:nth-last-of-type(1){
	border-right: 0px solid rgba(255, 255, 255, 0.1);
}
#footer .gnav li a{
	display: block;
    text-align: center;
}
#footer .footer_sub_menu{
	margin-bottom: 30px;
}
#footer .footer_sub_menu .flex{
	justify-content: center;
}
#footer .footer_sub_menu .flex li{
	margin:0 40px;
}
#footer .footer_sub_menu .flex li a{
	font-size: 1.4rem;
}
#footer .copy{
	text-align: center;
	font-size: 1.2rem;
}
@media screen and (max-width: 750px) {
	#footer .gnav li,
	#footer .gnav li:nth-last-of-type(1){
		width: 100%;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #e2e2e2;
	}
	#footer .gnav li a{
		padding: 15px 0;
		display: block;
	}
}


.section_w{
	padding: 80px 0;
}
.sec_ttl_w{
	margin-bottom: 50px;
	text-align: center;
}
.sec_ttl_w .sec_ttl{
	font-size: 3.4rem;
	line-height: 1.25;
	font-weight: 400;
}
.sec_ttl_w .sec_ttl .s_txt{
	font-size: 2.4rem;
	display: block;
	line-height: 1.25;
}
.sec_ttl_w .ttl_u_txt{
	font-size: 2.4rem;
	margin-top: 10px;
}
@media screen and (max-width: 750px) {
	.section_w{
		padding: 60px 0;
	}
	.sec_ttl_w{
		margin-bottom: 30px;
		text-align: center;
	}
	.sec_ttl_w .sec_ttl{
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 1.25;
		letter-spacing: 2px;
	}
	.sec_ttl_w .sec_ttl .s_txt{
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.sec_ttl_w .ttl_u_txt{
		font-size: 1.8rem;
		line-height: 1.25;
	}
}


.cta{}
.cta .lead_txt{
	margin-bottom: 50px;
	text-align: center;
}
.cta .contact_btn {
	padding: 25px 10px;
	box-sizing: border-box;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	margin-bottom: 30px;
}
.cta .contact_btn img{
	margin-right: 10px;
}
.cta .contact_btn:after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	display: flex;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
}
.cta .document_dl_bnr{
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
	display: block;
}
@media screen and (max-width: 750px) {
	.cta .lead_txt{
		margin-bottom: 30px;
		text-align: left;
	}
	.cta .contact_btn{
		font-size: 1.4rem;
	}
	
}

.more_btn_w{
	text-align: center;
}
.more_btn_w a{
	border: 1px solid #451d01;
	width: 350px;
	padding: 25px 30px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}
.more_btn_w a:after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid #451d01;
	border-right: 1px solid #451d01;
	display: flex;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
}
.more_btn_ww a{
	border: 1px solid #fff;
}
.more_btn_ww a:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media screen and (max-width: 750px) {
	.more_btn_w a{
		width: 100%;
		padding: 15px 30px;
	}
}