@charset "UTF-8";
/* PC ------------------------------------------------------------*/
html,body{width: 100%; position: relative; height:auto; overflow-x:hidden;}
/*common*/
.pc,.pc_tb{display:block;}.tb,.sp,.tb_sp{display:none;}
body *{font-family:'Noto Sans JP',游ゴシック体,YuGothic,游ゴシック medium,yu gothic medium,YuGothicM,yu gothic,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,Osaka,ms pゴシック,ms pgothic,sans-serif; font-weight:400; line-height:140%; font-size:16px;font-feature-settings: "palt";}
a{text-decoration:none;color:#211a16;}
img{max-width:100%;}
a img:hover{ opacity:0.7;-ms-filter: "alpha(opacity=70)"}
.contents{color:#211a16;}

.inner{ width:94%; margin:0 auto;}/*width:1170px*/
.fl{ float: left;}
.fr{ float: right;}
.fn{ float: none !important;}
.mincho{font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing: 0.05em; font-size: 95%; color:#313131;text-align: justify;text-justify: inter-ideograph;  line-height: 180%;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mt20{ margin-top: 20px;}
.mt40{ margin-top: 40px;}
.mt60{ margin-top: 60px;}
.mr10{ margin-right:10px;}
.pd5{ padding:5px;}
.pt5{ padding-top:5px;}
.pd10{ padding:10px;}
.oh{ overflow: hidden;}
.w100{ width:100%;}
.fs12{ font-size: 12px; line-height: 1.5em}
.fs14{ font-size: 14px; line-height: 1.5em}
.text-center{ text-align:center; margin-left: auto; margin-right: auto;}
.text-right{ text-align:right;}
.text-left{ text-align:left;}
.round{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;}
.col1{ width: 8.33%; float: left; overflow: hidden;}
.col2{ width: 16.66%; float: left; overflow: hidden;}
.col3{ width: 24.99%; float: left; overflow: hidden;}
.col4{ width: 33.32%; float: left; overflow: hidden;}
.col5{ width: 41.65%; float: left; overflow: hidden;}
.col6{ width: 50%; float: left; overflow: hidden;}
.col7{ width: 58.31%; float: left; overflow: hidden;}
.col8{ width: 66.64%; float: left; overflow: hidden;}
.col9{ width: 74.97%; float: left; overflow: hidden;}
.col10{ width: 83.3%; float: left; overflow: hidden;}
.col11{ width: 91.63%; float: left; overflow: hidden;}
.col12{ width: 100%; float: left; overflow: hidden;}
    
.row{margin-right:-2% !important;overflow:hidden; width: 102%;}
.row .col1{ width: 6.33%; float: left;margin-right:2%;display:inline;}
.row .col2{ width: 14.66%; float: left;margin-right:2%;display:inline;}
.row .col3{ width: 22.99%; float: left;margin-right:2%;display:inline;}
.row .col4{ width: 31.32%; float: left;margin-right:2%;display:inline;}
.row .col5{ width: 39.65%; float: left;margin-right:2%;display:inline;}
.row .col6{ width: 48%; float: left;margin-right:2%;display:inline;}
.row .col7{ width: 56.31%; float: left;margin-right:2%;display:inline;}
.row .col8{ width: 64.64%; float: left;margin-right:2%;display:inline;}
.row .col9{ width: 72.97%; float: left;margin-right:2%;display:inline;}
.row .col10{ width: 81.3%; float: left;margin-right:2%;display:inline;}
.row .col11{ width: 89.63%; float: left;margin-right:2%;display:inline;}
.row .col12{ width: 98%; float: left;margin-right:2%;display:inline;}

.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}

.fwb{ font-weight: bold;}

a{transition:0.25s;}

.flex{
		display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.footer_navi a:hover{ text-decoration: underline;}
.b_list p a:hover{ text-decoration: underline;}
.w850{width:850px;margin:0 auto;}
.fb_iframe_widget{ line-height:180%;}
/*--sp_menu--------------------------*/
.header_sp{ position: fixed; background: #fff; width: 100%; padding: 12px; border-bottom: 1px solid #ddd; z-index: 9999;}
.header_sp img{ height: 70px;}

/*-- hamburger --*/
/*.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: absolute;
  width: 50px;
  height: 44px;
  top:25px;
  right:22px;
  z-index:9999;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #1258C7;
  border-radius: 4px;

}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 20px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}

.menu-trigger span:nth-of-type(2) {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg) scale(.8);
  transform: translateY(20px) rotate(-315deg) scale(.8);
}
.menu-trigger.active span:nth-of-type(2) {
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 3px solid #1258C7;
  border-radius: 50%;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg) scale(.8);
  transform: translateY(-20px) rotate(315deg) scale(.8);
}

.sp_navi ul li a{ display: inline-block; width:50%; float: left; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:20px 5px; color:#fff; background:#211a16; text-align: center; font-size: 12px;}
.sp_navi{ display:none;position: fixed;top:93px;width: 100%;z-index:9999;}*/


/*--pc2------------------------------*/
@media screen and (max-width: 1169px) 
{
    /*common*/
    .inner{ width:980px; margin:0 auto;}
}


/*--tb------------------------------*/
@media screen and (max-width: 979px) 
{
    /*common*/
    .pc,.sp{ display:none;}.tb,.pc_tb,.tb_sp{display:block;}
    .inner{ width:720px; margin:0 auto;}
    .w850{width:90%;}
}
/*--sp------------------------------*/
@media screen and (max-width: 719px) 
{
    .pc,.tb,.pc_tb{ display:none !important;}.sp,.tb_sp{ display:block;}
    .inner{ width:96%; margin:0 auto;}
    .tel{ text-decoration: underline !important;}
    .w850{width:98%;}
    .btn_bg .row .col6{width:98%;}
    .btn_bg .row .col6{width:98%;}
    .sp_mb20{margin-bottom:20px;}
}