@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; background:#f0f0f0;font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "小塚明朝 Pro EL", "Kozuka Mincho Pro", Century, "Times New Roman", Times, "ＭＳ 明朝", serif; }
a		{ outline:0px none #fff; background-repeat:no-repeat; color:#4A4645; 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; /*font-family: 'Noto Sans JP', sans-serif;*/}
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:15%; margin:0px; padding:0px; }
dd		{ clear:none; float:left; display:block; width:85%; 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%;  background: #D6D6D6;}
#CONTENTS	{ width:100%; }
.SP{display: none;}
.PC{display: block;}


/*	ヘッダー*/
#HEADER a.A_LOGO {  margin:0 auto; text-align:center; color: #011D3B;}
#HEADER a.A_LOGO span { width:100%; clear:none; font-size:13px; color: black;}
#HEADER a.A_LOGO img {clear:none; margin-bottom:8px; width:55px;margin: 0 auto;}
#HEADER	{ width:100%; background:#fff; text-align:center; margin:0;}
#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;text-align: left; }
#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;}
#HEADER ul.CONTACT li { width: 130px;float: left;margin: 0px 0px 0px 10px;padding: 0px;color: #fff;text-align: center;line-height: 30px;background: #7E1717;font-size: 17px;padding: 5px 0px 10px 0px;height: 27px; letter-spacing: 0.1em;}
#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:100px; height:35px; background:#36322f; text-align:center; color:#fff; line-height:35px; display:flex; align-items: center; display: flex;justify-content: center;margin: 0 auto;justify-content: space-around;align-items: center; }
#HEADER ul.CONTACT li a:link { background:#7E1717; text-decoration:none; }
#HEADER ul.CONTACT li img { width:20px; margin:0; }
#HEADER ul.CONTACT li a:visited { background:#7E1717; text-decoration:none; }
#HEADER ul.CONTACT li a:hover { opacity:0.7; }
#HEADER ul.CONTACT li a:active { background:#7E1717; text-decoration:none; }
#HEADER #navigation {width: 100%;float: left;clear: none;margin: 5px 0 0 0;background: #333;padding: 3px 0;}
#HEADER ul.NAVI { width:960px; margin:0 auto; zoom:1; display:flex; justify-content: space-between;margin-top: 30px;margin-top: 10px;margin-top: 5px;
padding-bottom: 10px;
background: #333;}
#HEADER ul.NAVI li {  width : calc(100% / 5) ;height: initial; display:inline; float:left; margin:5px 0 0 0; line-height: 1.2em; text-align:center; border-left: 1px solid;border-left: 1px solid white;}
#HEADER ul.NAVI li.CLOSE { display:none; }
#HEADER ul.NAVI li.BORDER_R {
border-right: 1px solid white;
}
#HEADER ul.NAVI li a { width:100%; float:left; display:inline-block; }
#HEADER ul.NAVI li a:link { border-bottom:0px solid #fff; text-decoration:none; }
#HEADER ul.NAVI li a:visited { border-bottom:0px solid #fff; text-decoration:none; }
/* #HEADER ul.NAVI li a:hover { border-bottom:2px solid #011D3B; text-decoration:none; } */
#HEADER ul.NAVI li a:active { 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;color: #011D3B;}
#HEADER ul.NAVI li a span {  width:100%; color: #fff;display:inline-block; margin:5px 0px 0px 0px; font-size:10.5px; text-align:center; font-size: 14px;
letter-spacing: 1px;font-weight: 300;}
#HEADER ul.NAVI li a:hover {  opacity: 0.5;}

#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{display: flex;justify-content: space-between;height: 70px;margin-top: 15px;
margin: 0 auto;margin-top: 15px;width: 100%;width: 960px;}
.logo{width: 220px;line-height: 15px;}
.logo img{width: 100%;}
/*
#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:28px; line-height:1.2em; }
#FOOTER	{ width:100%; margin:0px auto; background:#fff; text-align:center; }
#FOOTER #FOOTER_BOX	{ width:930px; margin:10px auto; text-align:left; }
#FOOTER #FOOTER_BOX .F_TEL	{ margin:-30px 0px 0px 0px; float:right; 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:#000; }
#FOOTER #FOOTER_BOX em	{ width:auto; float:left; margin: 20px 5px 0px 80px; font-style:normal; font-size:15px; line-height:1.2em; color:#000; }
#FOOTER #FOOTER_BOX .F_TEL strong	{ float:right; line-height:1.6em; }
#FOOTER .F_WILL { width:500px; float: left; margin: 20px 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: #F5F5F5;padding-bottom: 10px;padding-top: 10px;border-top: none;}
.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;}
.copylighht{ font-size:11px; width:600px; float:left; margin-top:10px;line-height: 1.6em;}
.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 h1	{ width:100%; margin:50px 0 30px 0px; z-index:100; height: 50px;}
#PAGE h1 strong	{ width:100%; float:left; font-size:28px; letter-spacing:0.05em; text-align:center; font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
#PAGE h1 span	{ width:100%; float:left; font-size:11px; letter-spacing:0.05em; text-align:center;}


.IMG_TOP { width:100%; float:left; clear:none;margin-top: 0px; }

.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; }


/*追従ボタン*/
.fix-btn{
  position:fixed;
  z-index:1;
  background:#7f1718;
  width:250px;
  border-radius:0px;
  text-decoration:none;
  font-size:25px;
  text-align:center;
  color:#fff;
  padding:20px 0;
  right:60px;
  bottom:30px;
  box-shadow:1px 1px 5px #000;
}

#HEADER ul.NAVI li .mada{opacity:0.4;}
#HEADER ul.NAVI li .mada:hover{ border-bottom:0px; text-decoration:none; }


#PAGE h2 {
width: 100%;
float: left;
margin: 0px 0 30px 0px;
font-size: 25px;
text-align: center;
letter-spacing: 1px;
line-height: 36px;
}

/* 予告広告 */
#YOKOKU{background: white;width: 100%;margin: 0 auto;}
#YOKOKU div{width: 960px;margin: 0 auto;}
#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;flex-direction: column;width: 90vw;padding: 5px 0 5px 7px;flex-direction: row;justify-content: flex-start;}
#YOKOKU dl dt { width:80px; padding:5px 0; background:#333; color:#fff; text-align:center; line-height:1.2; margin-right: 10px;}
#YOKOKU dl dd { width:860px; font-size:12px; line-height:1.2; }


@media screen and (max-width: 480px) {
  #PAGE h2{font-size: 22px;}
body { font-size:13px; }
.SP { display:block; }
.pclogo { display: none;}
.PC{display: none;}
.SHEET	{ width:95%; margin:0 auto; text-align:left; }
#HEADER	{ padding-bottom:0px;}
#HEADER a.A_LOGO { width:100%; margin:0px auto;clear:none; text-align:center; }
#HEADER a.A_LOGO img { width:20%; clear:none;margin-bottom:0px; height: -webkit-fill-available;margin-right: 15px; margin-left: 0;}
#HEADER a.A_LOGO span { width:auto; clear:none; font-size:12px; font-size: 13px;letter-spacing: 0px;margin-top: 10px;color: white;}
#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 { }
#HEADER ul.CONTACT li{width: 80px;font-size: 15px;height: auto;padding: 0;}
#HEADER ul.CONTACT li.LI_KANBAI { width:100%; padding:10px; background:#ed8315; color:#fff; test-align:center; }
#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%; }
#YOKOKU dl dd {font-size: 10px;width: 90vw;padding-top: 5px;}
.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:#9dbfb2; color:#595757; z-index:500; }
.sidr .sidr-inner { padding:0 0 15px 0; }
.sidr.right { left: auto; right: -290px; background: #333333;}
.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:#A88C09; }
.sidr ul li strong { display:none; }
.sidr ul li strong.sidr-class-disp { display:block; font-size:15px; background: #7E1717;;}
.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: block; font-size:15px; margin-right:10px; }
.sidr ul li span.sidr-class-none { 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; }


/*.sidr ul li a.sidr-class-H_EQUIPMENT {opacity: 0.5;}*/



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

#PAGE .SHEET h1	{ width:100%; float:left; margin:20px 0; text-align:center; margin-top: 35px;}
#PAGE .SHEET h1 strong	{ width:100%; float:left; font-size:25px; letter-spacing:0.05em; text-align:center;margin-top:0; }
#PAGE .SHEET h1 span	{ width:100%; float:left; font-size:11px; letter-spacing:0.05em; text-align:center; }
.fix-btn {display:none;}





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; }
#HEADER	{ background: #333;}


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: center;}
#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:none;display: flex;justify-content: center;width: 100%;}
#FOOTER #FOOTER_BOX .F_TEL span{font-size:11px; text-align:center;}
.inner_F_TEL{width:100%;}
.FOOTERLINK ul.F_LINK{ display:none;}
.FOOTERLINK{ width:100%;}
.FOOTERLINK p{ width:100%; text-align:left;}
.COPYRIGHT{ width:100%;}

.sidr-class-H_PLAN a{opacity: 0.5;}


#FOOTER .F_WILL{width: 60%;margin: 20px 20% 0px 20%;}
#FOOTER .F_WILL img{width: 100%;}

/*予告広告*/
#YOKOKU dl {width: 960px;display: flex;margin: 0 auto;text-align: left;position: relative;align-items: start;justify-content: space-between;padding: 10px 0;flex-direction: column;width: 90vw;padding: 5px 0 5px 7px;}


}




@media screen and (max-width: 896px) {
#PAGE .SHEET	{ width:90%; margin:0 5%; text-align:left; position:relative; }
#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; }

.logo{width: 90vw;display: flex;align-items: center;width: 56vw;margin: 0 auto;}
#HEADER .header {height: 40px;margin-top: 10px;height: 30px;margin-bottom: 5px;width: 82%;margin-left: 5%;}
.SHEET_MENU{height: 55px;}
#HEADER ul.NAVI li.BORDER_R {border-right: 1px solid white;}
.fix-btn {display:none;}
}