/*
Theme Name: theme
Author: Sanyo Fast inc.
Author URI: http://sanyo-fast.com
Description: This is original theme.
Version: 1.0
*/
/* CSS Document */
/*
@import url("./css/sanitize.css");
@import url("./css/font-awesome.css");
*/
/*reset*/
body,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,hr,header,aside,section,article,form,input,strong,textarea{margin:0px;padding:0px;list-style:none;border:0px;box-sizing: border-box}
img{border:0px;vertical-align: middle;max-width: 100%}
ul,ol{padding: 0;margin: 0;}
li{list-style: none;}
div,li,ul,ol,p,a,img,tr,td,th{box-sizing: border-box}
video{border:0px;vertical-align: bottom;}
input{vertical-align:middle;}
table {border-collapse: collapse;border-spacing: 0;}
body{text-align:center;overflow-x:hidden;box-sizing: border-box}
body div{box-sizing: border-box}
body a{text-decoration: none;color: inherit;}
body a:hover{opacity: 0.7;}
input[type=text]:focus {outline:none;}
select:focus{outline:none;}
textarea{outline:none;}
input,select,textarea,button {vertical-align:middle;}
input[type="submit"]{-webkit-appearance: none;}
input:focus,select:focus,textarea:focus,button:focus {outline:none}
img{max-width: 100%}
/*reset*/


body{backface-visibility:hidden;font-size:16px;font-weight: 300; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ ゴシック','Trebuchet MS',sans-serif;line-height: 1.5;color:#111;}

.eigo{font-family:'Trebuchet MS',sans-serif;}
header{position: relative;z-index: 9999;}
.tukusi-r{font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 400;font-style: normal;}
.tukusi-b{font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 700;font-style: normal;}
.notosans{font-family: 'Noto Sans JP', sans-serif;font-weight: 400;}
.notosans.bold{font-family: 'Noto Sans JP', sans-serif;font-weight: 700;}

/*下絵*/
/*@media screen and (min-width: 768px){body{background: url("./img/shitae.jpg") top center / auto no-repeat;padding-bottom: 4000px;}main,header,footer{opacity: 0.8;}}@media screen and (max-width: 767px){body{background: url("./img/shitae_sp.jpg") top center / auto no-repeat;padding-bottom: 500px;}main,header,footer{opacity: 0.8;}}*/


.wrapper{max-width:1030px;margin:0px auto;/*text-align:left;*/padding-left: 15px;padding-right: 15px;}



/*nav*/
/*ハンバーガーボタン*/
.nav input {display: none;}
@media screen and (max-width: 767px){
.nav{position: fixed;top: 0px;right: 0px;width: 100%;}
.nav_show {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;background-color: rgba(255,255,255,0.80)}
.nav input:checked ~ .nav_show {padding: 10px 0;height: auto;opacity: 1;}
.ham {position: relative;width: 60px;height: 60px;cursor: pointer;margin-right: 0px;margin-left: auto;margin-top: 5px;}
.ham_line {position: absolute;left: 10px;width: 40px;height: 3px;background-color: #333333;transition: all 0.3s;} 
.ham_line1 {top: 15px;}
.ham_line2 {top: 28px;}
.ham_line3 {top: 41px;}
    
.nav input:checked ~ label .ham_line1{transform: rotate(45deg);top: 25px;}
.nav input:checked ~ label .ham_line2{width: 0px;}
.nav input:checked ~ label .ham_line3{transform: rotate(-45deg);top: 25px;}
    
.nav .nav-item{font-size: 18px;padding: 15px;}
    
}

.nav .nav-item{font-size: 18px;font-weight: bold;}

.nav .nav-item a{padding-bottom: 3px;}

.menu-wrapper{background-color: #FFFFFF}

/*ナビを固定する場合*/
#global-nav.m_fixed {left: 0;position: fixed;top: 0;z-index: 99999;width: 100%;}



body#top .nav-item.home a{border-bottom: solid #005ba3 3px;}
body#about .nav-item.about a{border-bottom: solid #005ba3 3px;}
body#product .nav-item.product a{border-bottom: solid #005ba3 3px;}
body#price .nav-item.price a{border-bottom: solid #005ba3 3px;}
body.blog .nav-item.report a,body.single .nav-item.report a{border-bottom: solid #005ba3 3px;}
body#contact .nav-item.contact a{border-bottom: solid #005ba3 3px;}



@media screen and (min-width: 768px){
    .nav{width: 100%;}
    .nav_show{display: flex;flex-wrap: wrap;}
    .menu-wrapper{max-width: 1700px;margin: auto;}
    .nav-item{margin-right: 30px;padding: 10px 5px;}
}
@media screen and (max-width: 767px){
    #global-nav{position: fixed;top: 0;left: 0;padding: 5px 15px;width: 100%;z-index: 9999;}
    body{padding-top: 70px;}
    .box{width: 100%!important;}
    .text_box{margin: 0 20px;}
}




/*ページトップボタン 四角*/
.scroll_top{z-index:1000;display:block;background-color:#cdcdcd;height:55px;width:55px;position:fixed;right:0px;bottom:0px;outline:none;border: 0;}
.scroll_top:before{content:'';background-image: url(img/top-back.png);background-size: contain;width: 29px;height: 15px;background-repeat: no-repeat;display: block;margin: auto;}
/*@media (min-width: 768px) {.scroll_top{right:50px;bottom:50px;}}*/

/*トップページメイン画像*/
.topimg-wrapper{background: url(img/topbg_pc.png) center / cover;}
.topimg-inner{display: block;margin: auto;}
@media (min-width: 768px) {
    .topimg-inner{/*max-width: 1472px;*/ padding: 40px 15px 40px}
}
@media (max-width: 767px) {
    .topimg-wrapper{background: url(img/topbg_sp.png) center / cover;}
    .topimg-inner{padding: 20px;}
}


.box{
    text-align: left;
    width: 60%;
    margin:0 auto;
}


@media (min-width: 768px) {#mainbar{width: 65%;}#sidebar{width: 30%;}}

/*ブログ*/
.blog-wrapper {padding-top: 30px;padding-bottom: 30px;}
.blog-inner{padding:10px 0 30px;margin-bottom: 20px;border-bottom: dotted 1px #c2c2c2;}
.blog-ttl{line-height: 1;letter-spacing: -1px;}
.blog-date{font-size: 13px;padding: 10px 0 27px;text-align: left;}
.blog-text{color: #808080;text-align: left;}
.blog-wrapper #sidebar h4{background-color: #005ba3;color: #fff;line-height: 46px;}
.blog-wrapper #sidebar ul{border: 1px solid #005ba3;margin-bottom: 50px;}
.blog-wrapper #sidebar ul li{border-top: 1px solid #005ba3;line-height: 46px;background-color: #fff;}
.blog-wrapper #sidebar ul li a{display: block;color: #005ba3;}
.blog-wrapper #sidebar ul li a:hover{background-color: #e5eff6;}
.single-title {font-size: 28px;text-align: left;}
.single-thumb img{width: 100%;padding-bottom: 40px;}
.blog-wrapper .pagination{margin: 90px auto 15px;}
@media (min-width: 768px) {
    .blog-wrapper {display: flex;padding-top: 80px;padding-bottom: 80px; justify-content: space-between;}
    .blog-inner{display: flex;}
    .blog-thumb{margin-right: 18px;flex-shrink: 0;}
}
@media (max-width: 767px) {
    .blog-thumb{padding-bottom: 15px;}
    .blog-date{padding: 5px 0 15px;}
    .blog #sidebar ul{margin-bottom: 30px;}
    .single-title {font-size: 20px;}
}


/*ページャー*/
.navigation {display: block;text-align: center;margin-top: 30px;font-size:1em;margin-bottom: 30px;}
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;padding: 0px 10px;margin: 2px;display: inline-block;border: 0;font-size: 13px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#11488e;border:0}
.wp-pagenavi span.current {font-weight:bold;}
.wp-pagenavi .pages {display: none;}


/* モーダルCSS */
.modalArea {display: none;position: fixed;z-index: 10000;top: 0;left: 0;width: 100%;height: 100%;}
.modalBg {width: 100%;height: 100%;background-color: rgba(30,30,30,0.9);}
.modalWrapper {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 70%;padding: 10px 10px;background-color: #fff;}
@media screen and (max-width: 767px) {.modalWrapper{width: 98%;}}
.closeModal {position: absolute;top: 0.5rem;right: 1rem;cursor: pointer;}
.openModal {cursor: pointer;}
.openModal:hover{opacity: 0.8;}
video{width: 100%;}



/*IEのみ*/
@media all and (-ms-high-contrast: none) {
    body{font-weight: 500;}
    .regular{font-weight: 600}
    .medium{font-weight: 700}
    .bold{font-weight: 800}
}/*IEのみ*/





/*塗り壁css*/
.t-blue{color: #005ba3;}
.t-red{color: #a8272d;}
.t-pink{color: #ed7b9b;}
.t-orange{color: #f7931e;}
.t-green{color: #008045;}


.bg-gray{background-color: #d9d9d9;}
.bg-gray2{background-color: #cdcdcd;}
.bg-blue{background-color: #005ba3;}
.bg-beige{background-color: #af9759;}
.bg-red{background-color: #a8272d;}
.bg-red2{background-color: #e5bec0;}
.bg-pink{background-color: #ed7b9b;}
.bg-pink2{background-color: #fad7e1;}
.bg-orange{background-color: #f7931e;}
.bg-orange2{background-color: #fddfbb;}
.bg-green{background-color: #008045;}
.bg-green2{background-color: #b2d9c7;}
.bg-kabe1{background: url(img/bg-kabe1.jpg)center /cover}
.bg-kabe2{background: url(img/bg-kabe2.jpg) top center /cover}
.bg-bn1{background: url(img/bg-bn1.png)center /cover}

.b-blue{border-color: #005ba3!important;}

.tikusi{font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 400;font-style: normal;}
.tikusi-bold{font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 700;font-style: normal;}



/*フロントページ*/
.about-img{background: url(img/about-img.png)center /cover}
.price-img{background: url(img/price-img.png)center /cover}

/*下層ページ*/
ul.link-btn{display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 40px 0;}
ul.link-btn > li{width: 23.5%;margin-right: 2%;margin-top:12px;margin-bottom: 10px;border: 1px solid #005ba3;border-radius: 8px;position: relative;display: flex;min-height: 51px;}
ul.link-btn > li:hover{background-color: #e5eff6;}
ul.link-btn > li:nth-child(4n) {margin-right: 0;}
ul.link-btn > li a{color: #005ba3;display: block;/*padding: 13px 0;*/display: flex;justify-content: center;align-items: center;width: 100%;}
@media screen and (min-width: 768px) {
    ul.link-btn > li:before{content: url(img/arrow.png);position: absolute;right:20px;bottom:50%;-webkit-transform: translate(0, 50%);transform: translate(0, 50%);}
}
@media screen and (max-width: 767px) {
    ul.link-btn{padding: 15px 0}
    ul.link-btn > li{width: 48%;margin-right: 2%;min-height: 41px;margin-top:5px;margin-bottom: 5px;}
    ul.link-btn > li:nth-child(2n) {margin-right: 0;}
    ul.link-btn > li:before{right: 10px;}
    ul.link-btn > li a{font-size: 12px;}
}

.bg-ttl{background:url(img/bg-kabe1.jpg) center/cover;padding: 100px 15px;}
.bg-ttl .absolute{transform: translate(-50%,-50%);left: 50%;top: 50%;}
.ttl1{background-color: #005ba3;color: #fff;font-weight: bold;padding: 25px 0;text-align: center;font-size: 30px;}
.ttl2{background-color: #e5eff6;color: #005ba3;font-weight: bold;padding: 10px 0;text-align: center;font-size: 24px;border: 1px solid;border-radius: 50px;}
@media screen and (max-width: 767px) {
    .ttl1{font-size: 18px;}
    .ttl2{font-size: 18px;}
    .bg-ttl{padding: 100px 15px;}
    .bg-ttl .absolute{width: 100%; padding-left: 15px;padding-right: 15px;padding-top: 15px;}
    .bg-ttl .absolute img{height: 30px;}
    .bg-ttl .absolute h2{font-size: 16px;padding-top: 10px}
}

.btn1{text-align: center;display: block;margin-left: auto;margin-right: auto;}
.btn1 a{text-decoration : none;display : block;color : #fff;border-radius: 8px;background-color: #005ba3;box-shadow: 0px 4px 0 #80add1;padding : 17px 0;transition: 0.2s all ease 0s;font-size: 18px;    letter-spacing: 1.5px;}
.btn1 a:before{content: url(img/btn1.png);padding-right: 15px;}
.btn1 a:hover{background-color: #80add1;box-shadow: none;transform: translate3d(0, 3px, 0);}

.btn2{text-align: center;display: block;margin-left: auto;margin-right: auto;}
.btn2 a{text-decoration : none;display : block;color : #fff;border-radius: 8px;background-color: #c4302b;box-shadow: 0px 4px 0 #e99d9b;padding : 17px 0;transition: 0.2s all ease 0s;font-size: 18px;    letter-spacing: 1.5px;}
.btn2 a:hover{background-color: #e99d9b;box-shadow: none;transform: translate3d(0, 3px, 0);}
 
/*テーブル*/
table.table-blue {width: 100%;border-collapse: collapse;border: solid 1px #11488e;}
.table-blue th {background: #e7edf4;border: solid 1px #11488e;color: #11488e;font-weight: normal;}
.table-blue td {border: solid 1px #11488e;background-color: #fff;}

@media screen and (max-width: 640px) {
  .last td:last-child {width: 100%;}
  .table-blue {width: 80%;}
  .table-blue th,.table-blue td {display: block;width: 100%;}
}

table.table1 {border-collapse: collapse;padding: 0;table-layout: fixed;}
table.table1 tr {background-color: #fff;border: 1px solid #11488e;padding: .35em;}
table.table1 th,table.table1 td {padding: 1em 10px 1em 1em;border-right: 1px solid #11488e;}
table.table1 th {font-size: .85em;background-color: #e7edf4;color: #11488e;}
table.table1 thead tr{background-color: #e7edf4;color: #11488e;}
@media screen and (max-width: 600px) {
  table.table1 {border: 0;width:100%}
  table.table1 th{background-color: #e7edf4;display: block;border-right: none;}
  table.table1 thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  table.table1 tr {display: block;margin-bottom: .625em;}
  table.table1 td {border-bottom: 1px solid #11488e; display: block;font-size: .8em;text-align: right;position: relative;padding: .625em .625em .625em 4em;border-right: none;} 
  table.table1 td::before {content: attr(data-label);font-weight: bold;position: absolute;left: 10px;}
  table.table1 td:last-child { border-bottom: 0;}
}


/*商品説明*/
#about tr.kanto td{background-color: #a6ce5e;}
#about tr.hokuriku td{background-color: #6aafe0;}
#about tr.tokai td{background-color: #C69C6D;}
#about tr.kinki td{background-color: #f7b748;}
#about tr.kyusyu td{background-color: #ef908f;}


/*ラジオボタン 装飾*/
/*.radio{display: flex;justify-content: center;}*/
.radio-input{display: none;}
.radio-input + label{padding-left: 20px;position:relative;margin: 0 15px;font-size: 20px;line-height: 18px;}
.radio-input + label::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 18px;height: 18px;border: 1px solid #999;border-radius: 50%;}
.radio-input:checked + label{color: #d01137;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;top: 3px;left: 3px;width: 14px;height: 14px;background: #d01137;border-radius: 50%;}
@media screen and (min-width: 768px) {
/*    .radio-input + label{margin: 0 70px;}*/
}

/*料金シュミレーション*/
.kabe-cm{position: relative;}
.kabe-cm input {padding: 17px 30px;font-size: 24px;width: 100%;background-color: inherit;}
.kabe-cm:after {content: "cm";color: #005ba3;position: absolute;top:25%;right: 8%;font-size:20px;z-index: -1;}
.big_text{font-size:30px;}

/*コンタクトフォーム*/
.table-contact {border: 0;width: 100%;}
/*.wpcf7 .table tbody {width: 100%;}*/
.table-contact tr{border-bottom: 1px solid #000;width: 100%;}
.table-contact td,.table-contact th{vertical-align:middle;text-align: left;border: 0;}
.table-contact .hissu{background-color: #de1c24;padding: 1px 10px;color: #fff;font-size: 14px;border-radius: 3px;float: right}
.table-contact input.wpcf7-text{width: 100%;background: #e1e1e1;}
.table-contact input{padding: 10px;border: none;box-sizing: border-box;font-size: 18px;}
.table-contact select{background: #e1e1e1;border: none;box-sizing: border-box;font-weight: bold;vertical-align: middle;height: 3em;font-size: 18px;}
/*.contact-form input.half{width: 23%}*/
.table-contact textarea {padding: 10px; background: #e1e1e1; height: 10em;font-size: 18px;border: none;box-sizing: border-box;width: 100%;}
.submit{margin: 50px auto;display: block;text-align: center;width: 190px;line-height: 45px; background-color: #005ba3;color: #fff;border-radius: 4px;font-size: 18px;}

/*
.wp-block-image img {
    max-width: 100%;
    height: auto;
}
*/

@media (min-width: 768px) {
	.table-contact td,.table-contact th{padding: 15px 0;}
	.table-contact td{padding-left: 15px}
	.table-contact th{padding-right: 15px;width: 24%;}
	.table-contact textarea{width: 100%;}
}/*PC*/
@media (max-width: 767px) {
    .table-contact {display: block;}
    .table-contact tbody {width: 100%;display: block;}
    .table-contact tr{display: block;padding: 15px 0}
	.table-contact td,.table-contact th{display: block;}
	.table-contact th{border: 0;display: block;padding-bottom: 0;}
    .btn2{margin-top:20px;}
}/*sp*/
.wpcf7 input[type="file"]{font-size: 16px;}
/*reCAPTCHA*/
.grecaptcha-badge{
	position:fixed;
	bottom:70px!important;
}

.ptb80, .pb80 {
    padding-bottom: 40px!important; 
}

@media screen and (min-width: 768px){
    
.ptb130_pc, .pb130_pc {
     padding-bottom: 30px!important; 
    }
.mb60_pc, .mtb60_pc {
    margin-bottom: 10px!important;
    }
}

@media screen and (max-width:1363px) and (min-width:1324px){
    .plr60, .pr60 {
    padding-right: 20px!important;
}
}
@media screen and (max-width:1323px) and (min-width:1075px){
    .nav-item {
    margin-right: 10px;
    padding: 10px 3px;
    font-size: 15px!important;
    margin-top: 10px;
    }
}


@media screen and (max-width:1074px) and (min-width:982px){
    .nav-item {
    margin-right: 8px;
    padding: 10px 5px;
    font-size: 16px!important;
    margin-top: 10px;
    }
    .small_logo{
    padding-right: 10px!important;
    width: 170px;
    }
}


@media screen and (max-width:981px) and (min-width:768px){
    .nav-item {
    margin-right: 0px;
    padding: 10px 5px;
    font-size: 12px!important;
    margin-top: 10px;
    }
    .small_logo{
    padding-right: 10px!important;
    width: 170px;
    }
}

@media screen and (max-width: 768px){
    .lh39_pc, .lh33_pc {
    line-height: 2.2!important;
}
}



@media screen and (max-width: 1078px)and(min-width:768px){
.plr15_pc, .pr15_pc {
    padding-right: 0!important;
}
}