@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/

body		{ margin:0px; padding:0px; color:#000;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.1em;-webkit-text-size-adjust: 100%;-webkit-appearance: none;}
a		{ outline:0px none #fff; background-repeat:no-repeat; color:#fff; text-decoration:none; }
a span,a strong,a em,a small,a img	{ cursor:pointer; }
br		{ letter-spacing:0px; }
div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; border:0px solid #000; }
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #000; }
form		{ margin:0px; padding:0px; }
select		{ cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ margin:0px; padding:0px; display:block; list-style:none outside none; }
li img		{ vertical-align:top;margin:0px;padding:0px; }
li a img		{ vertical-align:top;margin:0px;padding:0px; }
dl		{ clear:both; float:left; display:inline; width:100%; margin:0px; padding:0px; }
dt		{ clear:both; float:left; display:block; width:25%; margin:0px; padding:0px; }
dd		{ clear:none; float:left; display:block; width:75%; margin:0px; padding:0px;  }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; }/*font: normal normal normal 11px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; */
small { line-height:1.7em; }
strong	 { font-weight:normal; }
em	 { font-style:normal; }
.SHEET	{ width:960px; margin:0 auto; text-align:left; position:relative; }
#PAGE	{ width:100%; }
#CONTENTS	{ width:100%; }
.A_LOGO{width: 200px;display: flex;margin: 0 auto;justify-content: flex-start;left: 0;right: 0;position: absolute;display: inline-block;z-index: 10;left: -77vw;}
.logo{height: 50px;width: 160px;margin: 0 auto;margin-left: 0;}
.logo:hover{opacity: 0.5;}
.logo img{width: 100%;}
.SP{display: none;}
.PC{display: block;}

/*	ヘッダー*/

#HEADER a.A_LOGO span { width:100%; float:left; clear:none; font-size:13px; }
#HEADER a.A_LOGO img {clear:none; margin-bottom:4px; }
#HEADER	{ width:100%; text-align:center;font-family: 'Noto Sans JP', sans-serif;
margin:0; padding-top:10px; background: #2F2F2F;}
#PAGE #HEADER .SHEET	{ padding-bottom:0px;}
#HEADER .navi_btn	{ display:none; }
#HEADER .intro { width:350px; float:left; margin:10px 30px 0px 0px; font-size:11px; line-height:1.4em; }
#HEADER .SHEET img.IMG_LOGO { width:200px; margin:10px 40px 0 380px; display:block; }
#HEADER .SHEET img.IMG_LOGO_SP { display:none; }
#HEADER .TEL { float:right; display:inline; margin:0px 10px 0px 0px; }
#HEADER .TEL span { float:left; margin:10px 10px 0 0; font-size:10px; line-height:1.2em; }
#HEADER .TEL strong { float:left; font-size:28px; line-height:1.5em; color:#ed8315; }
#HEADER .TEL strong img { margin-right:5px; }
#HEADER .TEL em { float:left; margin:5px 0 0 10px; padding:5px; border:1px solid #36322f; font-size:12px; line-height:1.2em; }

#HEADER ul.CONTACT {display:flex; padding:0px; margin:0px 0 0 0; background:none; border:none; width: 350px;justify-content: flex-end; position: absolute; top: 15px; right: 80px;}
#HEADER ul.CONTACT li { width:160px;margin:0px 0px 0px 10px; padding:0px; color:#fff; text-align:center;line-height:30px; background: #5AAFA5;}
#HEADER ul.CONTACT li a{display: block;}
#HEADER ul.CONTACT li a span{margin:0 auto;font-size:14px;}


#HEADER ul.CONTACT li.LONG { width:220px; background:#ff0000; color:#fff; text-align:center; line-height:1.2em; padding:5px 0; }
#HEADER ul.CONTACT li a { width:100%; height:35px; text-align:center; color:#fff; line-height:35px; align-items: center; text-decoration:none; }

#HEADER ul.CONTACT li img { width:20px; margin:0 10px; }
#HEADER ul.CONTACT li a:hover { opacity:0.7; }
#HEADER #navigation	{ width:100%; margin:5px auto; }
#HEADER ul.NAVI { width:100%; margin:0 auto; zoom:1; display:flex; justify-content:flex-end;}
#HEADER ul.NAVI li {  width :auto;height:40px; display:inline;margin: 0 15px;font-size: 12px;line-height: 30px; text-align:center; }

#HEADER ul.NAVI li.CLOSE { display:none; }

#HEADER ul.NAVI li a { width:auto; height:30px;display:inline-block; }/*
#HEADER ul.NAVI li a:link { border-bottom:3px solid #fff; text-decoration:none; }
#HEADER ul.NAVI li a:visited { border-bottom:3px solid #fff; text-decoration:none; }
#HEADER ul.NAVI li a:hover { border-bottom:3px solid #36322f; text-decoration:none; }
#HEADER ul.NAVI li a:active { border-bottom:3px solid #36322f; text-decoration:none; }*/


#HEADER ul.NAVI li.SP_CONTACT {width: 140px;margin: 0px 0px 0px 10px;padding: 0px;color: #fff;text-align: center;line-height: 30px;background: #5AAFA5;font-size: 14px;
height: 37px;}
#HEADER ul.NAVI li.SP_CONTACT a {width: 100%;height: 35px;text-align: center;color: #fff;line-height: 35px;align-items: center;text-decoration: none;}





/* #HEADER ul.NAVI li a strong { width:100%; display:inline-block; margin:5px 0px 0px 0px; font-size:12px; text-align:center; line-height: 30px;}
#HEADER ul.NAVI li a:hover strong{display: none;}
#HEADER ul.NAVI li a span{display: none;}
#HEADER ul.NAVI li a:hover span{display: block; width:100%;text-align:center;font-size:12px; line-height: 40px;} */







/*==================================================
　5-3-1 中心から外に線が伸びる（下部）
===================================*/

.NAVI li a{
    /*線の基点とするためrelativeを指定*/
	position: relative;
}

.NAVI li.current a,
.NAVI li a:hover{

}

.NAVI li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 2px;
    background:#fff;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.NAVI li.current a::after,
.NAVI li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


.NAVI li.SP_CONTACT a::after {

width: 0;

}









#HEADER ul.NAVI li.NOLINK  {height:48px; display:inline; float:left; margin:5px 0 0 0; line-height: 1.2em; display:block; }
#HEADER ul.NAVI li.NOLINK strong { margin:5px 0px 0px 0px; font-size:12px; text-align:center; color:#c6c6c6; }
#HEADER ul.NAVI li.NOLINK span {margin:5px 0px 0px 0px; font-size:9px; text-align:center; color:#c6c6c6; }
#HEADER ul.NAVI li.RE { display:none; }
#slide_menu	{ display:none; }

#HEADER .header{margin-bottom: 5px;position: relative;}
#HEADER .header .intro{position: absolute;left:0;float: inherit;}


#YOKOKU{width: 100vw;background: #fff;}
/*
#FOOTER	{ width:100%; background:#fff; text-align:center; font-size:11px; line-height:1.2em; border-top:1px solid #ccc; padding:10px 0 0 0;}
#PAGE #FOOTER .SHEET	{ padding-bottom:20px; }
#FOOTER ul { width:auto; float:left; clear:both; margin-top:15px; border-left:1px solid #eeeeee; zoom:1; }
#FOOTER ul li { width:auto; display:inline; float:left; border-right:1px solid #eeeeee; line-height: 1.2em; }
#FOOTER ul li a { width:auto; float:left; margin:0 10px; }
#FOOTER ul li a:link { text-decoration:none; }
#FOOTER ul li a:visited { text-decoration:none; }
#FOOTER ul li a:hover { text-decoration:underline; }
#FOOTER ul li a:active { text-decoration:underline; }
#FOOTER ul li.RE { display:none; }*/

ul.AREA { width:930px; float:left; margin:20px 0px 0px 10px; }
ul.AREA li { width:280px; float:left; clear:none; margin:0 28px 0 0; text-align:center; }
ul.AREA li a { width:280px; height:40px; display:block; text-decoration: none;  background:#2e6bc6; }
ul.AREA li a span { width:280px; font-size:13px; color:#fff; float:left; display:block; margin-top:10px; line-height: 24px;}
ul.AREA li a span img { margin:0 10px 0 0px; }
ul.AREA li p { float:left; font-size:10px; margin-top:0px; }
ul.AREA li a:link { text-decoration: none; }
ul.AREA li a:visited { text-decoration: none; }
ul.AREA li a:hover { text-decoration: none; background-color:#3998f7; }
ul.AREA li a:active { text-decoration: none; }

/*フッターここから*/
#FOOTER #FOOTER_BOX .F_TEL strong	{ width:auto; float:left; margin:0px; font-weight:normal; font-size:26px; line-height:1.2em; }
#FOOTER	{ width:100%; margin:0px auto; background:#2F2F2F; text-align:center; }
#FOOTER #FOOTER_BOX	{ color: #fff;width:930px; margin:20px auto; text-align:left; }
#FOOTER #FOOTER_BOX .F_TEL	{ margin:0px; width:330px;}
#FOOTER #FOOTER_BOX .F_TEL span	{ width:100%; float:right; text-align:right; margin:0px 0px 0px 0px; font-size:11px; line-height:1.3em; color:#fff; letter-spacing: 0.5px;}
#FOOTER #FOOTER_BOX .F_TEL span a{color: #fff;}
#FOOTER #FOOTER_BOX em	{ width:auto; float:left; margin: 20px 5px 0px 80px; font-style:normal; font-size:15px; line-height:1.2em; color:#fff; }
#FOOTER #FOOTER_BOX .F_TEL strong	{ color: #fff;float:right; line-height:1.6em; display: flex;align-items: center;}
#FOOTER .F_WILL { width:500px; float: left; margin: 0px 0px 0px 0px;}
#FOOTER .F_WILL span { width:500px; float: left; margin: 0px 0px 0px 0px;}
.FOOTERLINK{ float:left; width:960px; }
.FOOTERLINK a:active { text-decoration:none;}
.FOOTERLINK a:visited { text-decoration:none;}
.FOOTERLINK p { width:960px; font-size:11px; float:left; padding-top:10px; }
.FOOTERLINK ul.F_LINK { width: 960px; float: left; clear: none; margin-top: 20px;}
.FOOTERLINK ul.F_LINK li { float: left; clear: none;}
li { margin: 0px; padding: 0px; display: block; list-style: none outside none;}
.COPYRIGHT{ width:960px;}


#whole_FOOTER_BOX{ background-color::#2F2F2F;padding-bottom:10px;padding-top:10px;}
.midashi_name{ border:solid 1px; font-size:11px; width: 50px; text-align: center; float:left; margin-top:12px;}
.F_company img{ margin-left:20px;}
.F_company{ width:285px; float:left; margin-top:30px;}
.will{ margin-top:12px;}
.copylight{ font-size:11px; width:600px; float:left; margin-top:10px;line-height: 1.6em;color: #fff;}
.copylight a{color: #fff;}
.whole_F_company{ width:600px; float:left;}
/*フッターここまで*/

.pageTop{ position:fixed; bottom:20px; right:20px; width:36px; height:36px; z-index:60; }

#PAGE .SHEET	{ padding-bottom:50px; }
#PAGE .title	{ width:100%; margin:50px 0 30px 0px; z-index:100; height: 50px;}
#PAGE .title strong	{ width:100%; float:left; font-size:28px; letter-spacing:0.05em; text-align:center; line-height: 50px;}
#PAGE .title span	{ width:100%; float:left; font-size:11px; letter-spacing:0.05em; text-align:center;}


.IMG_TOP { width:100%; float:left; clear:none; }

.BUTTON a {  width: 250px;color: #000;display: inline-block;font-size: 1rem;letter-spacing: .08rem;padding: 10px 0 10px 29px;text-decoration: none;font-family: "Libre Baskerville", serif;background-repeat: no-repeat;transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;margin:0px 0 0 0;}
.BUTTON  a:hover {color: #775f54;}
.BUTTON  a:hover:before, .BUTTON a:hover:after {background-color: #775f54;}
.BUTTON  a:hover:before {right: 18px;}
.BUTTON  a:hover:after { right: 19px;width: 81px;}
.BUTTON  a:before, .BUTTON  a:after {display: block;content: "";position: absolute;top: 44%;background-color: #000;transition: all .35s;}
.BUTTON  a:before {height: 1px; width: 12px;right: 28px;transform: rotate(45deg);}
.BUTTON  a:after {height: 1px;width: 71px;right: 29px;margin-top: 4px;}
br.SP { display:none; }

/*仮アップ時
#HEADER ul.NAVI li .H_CONCEPT{opacity:0.4;}
#HEADER ul.NAVI li .H_CONCEPT:hover{ border-bottom:0px; text-decoration:none; }*/


/* 予告広告 */
#YOKOKU .SHEET { padding:0; }
#YOKOKU dl { width:960px; display:flex; margin:0 auto; text-align:left; position:relative; align-items:start; justify-content: space-between; padding:10px 0; }
#YOKOKU dl dt { width:110px; padding:5px 0; background:#000; color:#fff; text-align:center; line-height:1.2; font-size: 12px;}
#YOKOKU dl dd { width:830px; font-size:12px; line-height:1.2; }

.openbtn{display: none;}
#g-nav{display: none;}



@media screen and (max-width: 480px) {
	.openbtn{display: block;}
	#g-nav{display: block;}
body { font-size:13px; }
.SP { display:block; }
.PC{display: none;}
.SHEET	{ width:95%; margin:0 auto; text-align:left; }
#HEADER	{ height: auto;padding-top: 0px;}
#HEADER .header{margin: 10px auto;height: 35px;}
#HEADER a.A_LOGO { width:35%; margin:0px auto;clear:none; text-align:center; margin-left: 0px;}
#HEADER a.A_LOGO img { clear:none;margin-bottom:0px;  }
#HEADER a.A_LOGO span { width:100%; float:left; clear:none; font-size:12px; }
#HEADER .navi_btn	{ display:block; position:fixed; top:2.5%; right:2.5%; z-index:100; }
#HEADER .navi_btn img	{ width:28px; float:right; margin:0px 0px 0px 5px; }
#HEADER .intro { float:left; width:100%; margin:0; font:normal normal normal 10px/1.7em "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
#HEADER .TEL { display:none; }

#HEADER ul.CONTACT{display: none;}
#HEADER #navigation	{ width:100%; margin:0; }
#HEADER ul.NAVI { width:100%; float:left; margin-top:15px; zoom:1; }
#HEADER ul.NAVI li { display:none; }
#HEADER ul.NAVI li.LOGO { width:50%; height:auto; border-right:none; }
#HEADER ul.NAVI li.LOGO a { width:100%; height:auto; }
#HEADER ul.NAVI li.LOGO a img { width:100%; }

.BUTTON a { padding: 10px 0 10px 0px;}

.sidr { display:none; position:absolute; position:fixed; top:0; right:0; height:100%; z-index: 999999; width:290px; overflow-x:hidden; overflow-y:auto; background:#94afae; color:#595757; z-index:500; }
.sidr .sidr-inner { padding:0 0 15px 0; }
.sidr.right { left: auto; right: -290px; }
.sidr p { font-size:13px; margin: 0 0 12px 0; }
.sidr p a { color:rgba(51,51,51,0.9); }
.sidr>p { margin-left:15px; margin-right:15px }
.sidr + ul { display:block; padding:0; border-top:1px solid #fff }
.sidr ul li { height:50px; display:block; margin:0; border-bottom:1px solid #fff; }
.sidr ul li.sidr-class-LOGO	{ display:none; }
.sidr ul li.sidr-class-RE	{ background:#aa5f6f; }
.sidr ul li strong { font-size:15px; margin-right:10px; }
.sidr ul li em { display:none; }
.sidr ul .sidr-class-crr { background:#666; }
.sidr li a:after { display:inline-block; content:attr(data-label); line-height:50px; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top:none; }
.sidr ul li a { display:block; text-decoration:none; color:#fff; height:50px !important; line-height:50px; width:100% !important; background:url(/will/shoji/img/bgMenu.png) no-repeat 90% 50%; background-size: 11px 18px; text-align:center; }
.sidr ul li span { display:none; }
.sidr ul li a img { display:none; }
#sidr-id-close-btn { background:none; }
#sidr-id-close-btn img { width:33px; height:33px; float:left; display:block; margin:10px 0px 0px 10px; }
.sidr ul li.sidr-class-NOLINK	{ display:none; }






.pageTop{ position:fixed; bottom:20px; right:20px; width:36px; height:36px; z-index:60; }

#PAGE .SHEET h1	{ width:100%;  margin-bottom: 0; text-align:center; margin-top: 20px;}
#PAGE .SHEET h1 strong	{ width:100%;font-size:26px; letter-spacing:0.05em; text-align:center; }
#PAGE .SHEET h1 span	{ width:100%; font-size:12px; letter-spacing:0.05em; text-align:center; }





ul.CONTACT { width:100%; margin:20px auto 0 auto; float:left; clear:none; background:none; border:none; }
ul.CONTACT li { width:100%; float:left; clear:none; margin:0px 0 20px 0; }
ul.CONTACT li a { width:100%; float:left; clear:none; margin:0px 0 0 0; }
ul.CONTACT li img { width:100%; float:left; clear:none; margin:0; }

#PAGE .SHEET { padding-bottom:0; }
#FOOTER .PRIVACY { width:auto; float:right; clear:none; margin:15px 2.5% 0 2.5%; }

#PAGE .IMAGE	{ width:100%; float:left; margin:0 0 0 0px; }
#PAGE .IMAGE img { width:100%; float:left; clear:none; }
#PAGE .IMAGE small { float:left; clear:none; }

#HEADER .SHEET img.IMG_LOGO_SP { width:50%; float:left; clear:none; display:block; margin:10px 0 0 25%; }
#HEADER .SHEET img.IMG_LOGO_SP img { width:100%; float:left; clear:none; }
#HEADER .SHEET img.IMG_LOGO { display:none; }

#HEADER ul.NAVI li.NOLINK { display:none; }

div#PAGE div#CONTACTSHEET span.TEL_PC { display:none; }
div#PAGE div#CONTACTSHEET a.A_TEL { display:block; }
br.SP { display:inline-block; }
br.PC { display:none; }

#whole_FOOTER_BOX{ margin-top:0px;}
#FOOTER #FOOTER_BOX{ width:96%;}
.whole_F_company{ width:100%;}
.F_company{ margin-top:10px; width:280px; margin-left:1%; margin: 0 auto; float: none;}
.copylighht{ width:100%; line-height:15px; text-align:left;}
#FOOTER #FOOTER_BOX .F_TEL{ width:100%;}
#FOOTER #FOOTER_BOX em{margin:15px 5px 0 0;}
#FOOTER #FOOTER_BOX .F_TEL{ margin-top:10px;}
#FOOTER #FOOTER_BOX em img{ width:80%;}
#FOOTER #FOOTER_BOX .F_TEL strong{ font-size:30px; float:left;color: #fff;}
#FOOTER #FOOTER_BOX .F_TEL span{font-size:11px; text-align:left;}
.inner_F_TEL{width:100%;color: #fff;}
.FOOTERLINK ul.F_LINK{ display:none;}
.FOOTERLINK{ width:100%;}
.FOOTERLINK p{ width:100%; text-align:left;}
.COPYRIGHT{ width:100%;}
}




@media screen and (max-width: 896px) {
#PAGE .SHEET	{ width:80%; margin:0 3%; text-align:left; position:relative; }
#PAGE .confirm{width: 92%;margin:0 4%;}
#HEADER #navigation	{ width:100%; float:left; clear:none; margin:10px 0 0 0; }
#HEADER ul.NAVI { width:100%; margin:0 auto; zoom:1; display:flex; justify-content: space-between;}
#PAGE .MAIN ul { width:100%; display:flex; justify-content: space-between; margin:0 auto 0 auto; }
.SP { display:block; }
.PC{display: none;}


/* 予告広告 */
#YOKOKU dl { width:100%; display:block; padding: 15px 0;}
#YOKOKU dl dd { margin:5px 0 0 0; width: 100%;letter-spacing: 0.8px;
text-align: justify;
font-size: 11px;}

.logo {height: initial;margin-left: 19px;}
.logo img{width: 100%;}

.copylight{ font-size:11px; width:600px; float:left; margin-top:10px;line-height: 1.6em;color: #fff;}
.copylight a{color: #fff;}

#FOOTER #FOOTER_BOX .F_TEL strong{color: #fff;}
.logo{width: 118px;}
.A_LOGO{left: 0;}
}

#willproduce .nakanokita{display: none;}