@charset "utf-8";
body{min-width: 1300px;}
.view_btn{transition: 0.5s; opacity: 1;}
.view_btn.thumb-hover{transition: 0.5s; opacity: 0.7;}

#bread{padding: 21px 0 0;}
#bread ol{}
#bread ol li{display: inline-block; font-size: 14px; line-height: 197%;font-family: 'Noto-Sans-JP-Regular'; position: relative; }
#bread ol li:not(:last-child){padding: 0 48px 0 0;}
#bread ol li:not(:last-child):before{content: ""; display: block; width: 20px; height: 1px; background: #000; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);}
#bread ol li a{font-size: 14px; line-height: 197%;font-family: 'Noto-Sans-JP-Regular'; color: #4461B1;}

/* ------------------------------------------------------------ header ------------------------------------------------------------ */
header{position: fixed; width: 100%; background: #fff; z-index: 10000; min-width: 1300px;}
header .header_box{padding: 21px 17px 21px 41px; }
header h1{float: left; padding: 12px 0 0;}
header .hamburger_box{float: right;}
header .hamburger_box ul li{display: inline-block;}
header .hamburger_box ul li:not(:last-child){margin: 0 71px 0 0 ;}
header .hamburger_box ul li a{font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal; font-size: 22px; letter-spacing: 0.03em;}
header .hamburger_box ul li a.contact_btn{width: 194px; height: auto; background: #000; color: #fff; display: block; text-align: center; font-size: 19px; padding: 20px 0 19px;}

/* ------------------------------------------------------------ footer ------------------------------------------------------------ */
footer{background: #000; padding: 67px 0 38px; color: #fff;}
footer .footer_box{border-bottom: 1px solid #fff; justify-content: space-between; padding:  0 0 51px;}
footer .footer_box .left_box{width: 292px; height: auto;}
footer .footer_box .left_box h3 a{color: #fff; text-align: right; display: inline-block;}
footer .footer_box .left_box .footer-maison{ margin: 10px 15px 0 0; width: 75%; height: auto; }

footer .footer_box .left_box p{font-family: 'Noto-Sans-JP-Medium';font-size: 14px; line-height: 172%; padding: 17px 0 0;}
footer .footer_box .right_box{width: 504px; height: auto;}
footer .footer_box .right_box ul li{display: inline-block;}
footer .footer_box .right_box ul li:not(:last-child){margin: 0 60px 0 0 ;}
footer .footer_box .right_box ul li a{font-family: 'Noto-Sans-JP-Medium';font-size: 16px; line-height: 172%; color: #fff;}
footer .footer_box .right_box .sns_box{padding: 51px 0 0;}
footer .footer_box .right_box .sns_box a.line{display: inline-block; width: 263px; height: auto; background: #00C755; border-radius: 1000px; color: #fff; font-size: 16px; line-height: 150%; padding: 12px 0 14px 76px; position: relative; margin: 0 25px 0 0;} 
footer .footer_box .right_box .sns_box a.line:before{content: ""; display: block; width: 50px; height: 50px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: url(../images/common/line_icn.svg) no-repeat center center; background-size: 100%;}
footer .footer_box .right_box .sns_box a.instr{display: inline-block;}
footer .mini{text-align: right; padding: 24px 0 0; font-size: 12px; line-height: 142%; }

@media only screen and (max-width: 768px) {
	
	body{min-width: auto;}
	body.stop{overflow: hidden;}
	img{width: 100%; height: auto; display: block;}
	
	#bread ol li{font-size: 12px; }
	#bread ol li a{font-size: 12px; }
	/* ------------------------------------------------------------ header ------------------------------------------------------------ */
	header{min-width: auto;}
	header .header_box{padding: 17px 19px; }
	header h1{padding: 5px 0 0; width: 138px; height: 16px; position: relative;; z-index: 100;}
	header h1 a{display: block; width: 100%; height: auto;}
	header .hamburger_box{float: none; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100vh; background: #fff; padding: 100px 0 0;}
	header .hamburger_box p{text-align: center; padding: 50px 0 0;  font-size: 12px; line-height: 142%; }
	header .hamburger_box ul{width: 90%; margin: 0 auto;}
	header .hamburger_box ul li{display: block; width: 100%; text-align: left;}
	header .hamburger_box ul li:not(:last-child){margin: 0; border-bottom: 1px solid #000;}
	header .hamburger_box ul li a{font-size: 18px; padding: 20px 0; display: block; position: relative;}
	header .hamburger_box ul li:not(:last-child) a:before{content: ""; display: block; width: 10px; height: 10px; transform: translateY(-50%) rotateZ(-45deg); top: 50%; right: 0px; border-bottom: 1px solid #000; border-right: 1px solid #000; position: absolute; }
	header .hamburger_box ul li a.contact_btn{width: 90%; font-size: 19px; padding: 20px 0 19px; margin:  30px auto 0;}
	
	header .hamburger_btn{width: 31px; height: 24px; position: relative; float: right; z-index: 100;}
	header .hamburger_btn .border{position: absolute; width: 100%; height: 2px; background: #000; display: block; transition: 0.5s;}
	header .hamburger_btn .border.top{top: 0px;}
	header .hamburger_btn .border.center{transform: translateY(-50%); top: 50%;}
	header .hamburger_btn .border.bottom{bottom: 0px;}
	header .hamburger_btn.is_open .border{transition: 0.5s;}
	header .hamburger_btn.is_open .border.top{transform: translate(-50%,-50%) rotateZ(45deg); top: 50%; left: 50%;}
	header .hamburger_btn.is_open .border.center{opacity: 0;}
	header .hamburger_btn.is_open .border.bottom{transform: translate(-50%,-50%) rotateZ(-45deg); top: 50%; left: 50%;}
	/* ------------------------------------------------------------ footer ------------------------------------------------------------ */
	footer{padding: 38px 0 10px; }
	footer .footer_box{ padding: 0 0 73px;}
	footer .footer_box .left_box{width: 100%; height: auto;}
	footer .footer_box .left_box h3 a img{width: 208px; height: auto;}
	footer .footer_box .left_box .footer-maison{ margin: 10px 0 0 44px; width: 160px; }
	
	footer .footer_box .left_box p{font-size: 14px; line-height: 179%; padding: 17px 0 0;}
	footer .footer_box .right_box{width: 100%; height: auto; padding: 30px 0 0;}
	footer .footer_box .right_box ul li{display: inline-block;}
	footer .footer_box .right_box ul li:not(:last-child){margin: 0 20px 0 0 ;}
	footer .footer_box .right_box ul li a{font-size: 14px; line-height: 143%; }
	footer .footer_box .right_box .sns_box{padding: 20px 0 0;display: flex;}
	footer .footer_box .right_box .sns_box a.line{width: 205px; font-size: 14px; line-height: 150%; padding: 10px 0 10px 59px; margin: 0 18px 0 0;} 
	footer .footer_box .right_box .sns_box a.line:before{width: 36px; height: 36px; left: 18px; }
	footer .footer_box .right_box .sns_box a.instr{width: 40px; height: auto;}

	footer .mini{text-align: center; padding: 62px 0 0;}
}