@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Montserrat:500,600';
@import 'http://fonts.googleapis.com/earlyaccess/notosansjapanese.css';
/*--------------------------------------------------------------------------------
* common
--------------------------------------------------------------------------------*/
html{font-size: 62.5%;background-color: #d2cec6}
body{
background-color: #fff;
min-width: 1260px;
max-width: 1600px;color: #333;font-size: 1.6rem;line-height: 1.7;word-wrap: break-word;margin: auto;
font-family: "Montserrat",'Noto Sans Japanese','ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
-webkit-font-smoothing: antialiased;
}
.mincho{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
h1{font-size: 3.2rem;line-height: 1.7;font-weight: 900}
h2{font-size: 2.6rem;line-height: 1.7;font-weight: 900}
h3{font-size: 2rem;line-height: 1.7;font-weight: bold}
h4{font-size: 1.7rem;}
p{color: #222;line-height: 2;font-size: 1.8rem;}
ul,ol{margin:0;padding: 0;}
*{word-break: break-all;word-wrap: break-word;box-sizing: border-box;}
img{max-width: 100%;height: auto;}
a,a img{transition: all 0.2s linear;opacity: 1;}
a:hover{cursor: pointer;text-decoration: none;opacity: 0.8}
a img:hover{opacity: 0.8}
section{padding: 80px 0;}
@font-face {
font-family: 'icon-cc';
src: url('./font/icon-cc.eot?11473761');
src: url('./font/icon-cc.eot?11473761#iefix') format('embedded-opentype'),
url('./font/icon-cc.woff?11473761') format('woff'),
url('./font/icon-cc.ttf?11473761') format('truetype'),
url('./font/icon-cc.svg?11473761#icon-cc') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-cc{font-family: "icon-cc";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.hidden-xs{display: block!important;;}
.visible-xs{display: none!important;;}
@media screen and (max-width:768px){
.hidden-xs{display: none!important;;}
.visible-xs{display: block!important;;}
}
/*----------------------------------------
アイコン
カラーコード
#f6a700 - オレンジ（明）
#0e8fd1 - 青（明）
#9a9372 - 黄土色
----------------------------------------*/
/*----------------------------------------
container & section
----------------------------------------*/
.container{margin:auto;max-width: 960px;width: auto;}
.container.middle{margin:auto;max-width: 1200px;}
main.wrapper{background-color: white;}
main.wrapper.cats{padding: 100px 0;}
/*----------------------------------------
header
----------------------------------------*/
header{background-color: #fff;}
header.border{border-bottom: solid 3px #c8c5b7}
header.border.pansy{border-bottom: solid 3px #727dcd}
header.border.ajisai{border-bottom: solid 3px #3bacc8}
.wrap-nav{border-top: solid 1px #eee;}
.header-container{position: relative;}
.header-top{display: flex;justify-content: space-between;padding: 20px 0;}
.sitelogo.head{display: flex;align-items: center;position: relative;}
.sitelogo.head a{position: absolute;height: 100%;width: 100%;display: block;}
.sitelogo.head img{display: block;max-width: 180px;margin-right: 10px;}
.sitelogo.head .sitename{color:#666666;font-size: 1.4rem;font-weight: 800;}
.header-bottom nav ul{display: flex;justify-content: center;}
.header-bottom nav ul li a{display: block;text-align: center;padding:30px 20px;color: #666;font-weight: 500;font-size: 1.6rem}
.header-bottom nav ul li a:hover{text-decoration: none;}
.btns-contact{display: flex;width: 300px;justify-content: right}
.btns-contact .tel{color:#f6a700;text-align: right;display: block;flex-basis: 50%;padding: 10px 0;font-weight: 600;}
.btns-contact .tel i{margin-right: 7px;}
.btns-contact .mail{color:#0e8fd1;text-align: right;display: block;flex-basis: 50%;padding: 10px 0;font-weight: 600;}
.btns-contact .mail i{margin-right: 7px;}
/*============= #header =============*/
#header {position: fixed;top: 0;left: 0;z-index: 10000;width: 100%;background-color: #fff;}
.headerNavi{background: white;border-top: solid 1px #eee;}
.headerNavi nav ul{justify-content:center;display: flex;}
.headerNavi li a{padding: 20px 20px;display: inline-block;}
@media screen and (min-width: 768px) {#header {min-width: 1024px;}}
.header-in {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;padding: 0 0 0 35px;}
.hlogo {display: flex;justify-content: flex-start;align-items: center;}
@media screen and (max-width: 1200px) {.hlogo {width: 300px;flex-wrap: wrap;align-items: flex-start;padding: 10px 0;}}
.hlogo__wrap{display: flex;align-items: center;}
.hlogo img{height: 36px;width: auto;margin:0 20px;}
.hlogo img.one{height: 30px;margin-left:0px;}
.hlogo span{font-size:18px;}
.logo__link {
}
/*------------ hnav-list ------------*/
.header-item {display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
.header-item-tel {display: flex;align-items: flex-start;flex-wrap: wrap;flex-direction: column;margin-right: 30px;}
.header-item-tel > a {font-weight: bold;color: #014b9e;font-size: 36px;letter-spacing: 0.03em;line-height: 1;margin-bottom: 5px;}
.header-item-tel > a::before {width: 21px;height: 28px;content: "";background: url(../../img/solar-maintenance/common/ico_01.png) center / 100%no-repeat;display: inline-block;position: relative;margin-right: 3px;}
.header-item-tel > span {line-height: 1;display: block;font-size: 14px;}
.header-contact {background-color: #99d900;width: 280px;height: 85px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;font-size: 26px;color: #fff;font-weight: bold;}
.header-contact > .fas {margin-right: 5px;}
@media screen and (min-width: 768px) {
span.header-item-company{display: none;}
}
/*------------ sp-header__menu-wrap ------------*/
.headerNavi nav{border-bottom: 1px solid #ccc;}
.headerNavi nav ul li{border-right: 1px solid #ccc;width: 17%;text-align: center;}
.headerNavi nav ul li:first-child{border-left: 1px solid #ccc;}
.headerNavi nav ul li a{color: #aaa;text-decoration: none;}
.headerNavi nav ul li.current a{color: #00B0F0;}
.headerNavi nav ul li.current {border-bottom: 5px solid #00B0F0;}
.headerNavi nav ul li:hover{background-color:#F8E750;font-weight: bold;}
.headerNavi nav ul li.current{font-weight: bold;}
/*----------------------------------------
footer
----------------------------------------*/
footer{background-color: #fff;position: relative;}
footer .to-top{position: absolute;top:-50px;left:calc(50% - 35px);}
.wrap-to-top{text-align: center;padding: 30px 0;border-bottom:solid 1px #eee;}
.to-top a{color: #c4c0ab;}
.to-top i{margin-left: 5px;}
.footer-top{padding:50px 0px 40px;}
.footer-top-box{display: flex;justify-content: space-between;}
.sitelogo.foot{flex-basis: 50%;}
.sitelogo.foot .inner{display: flex;justify-content: left;align-items: center;}
.sitelogo.foot img{max-width: 200px;margin-right: 20px;}
.sitelogo.foot .sitename{color:#666;font-size: 1.6rem;font-weight: 800;}
.sitelogo.foot .sitename span{display: block;font-weight: normal;font-size: 1.2rem;line-height: 1;}
.sitelogo.foot .address{font-size: 1.4rem;margin-top: 10px;}
.lists-btn{display: flex;justify-content: space-between;width: 540px;}
.lists-btn a{flex-basis: 50%;}
.lists-btn a.mail{border-left: solid 1px #eee;border-right: solid 1px #eee;}
.lists-btn a.tel{border-left: solid 1px #eee;}
.lists-btn a.mail .text02{color:#0e8fd1;}
.lists-btn a.tel .text02{color: #f6a700;font-size: 2.4rem;}
.lists-btn a span{color: #666;font-weight: normal;display: block;text-align: center;}
.lists-btn a span i{margin-right: 10px;}
.lists-btn a span.text01{font-size: 1.4rem;font-weight: 600;}
.lists-btn a span.text02{font-size: 2.2rem;font-weight: 900;margin:5px 0;}
.lists-btn a span.text03{font-size: 1.4rem;}
.footer-bottom{padding: 40px 0 40px;border-top: solid 1px #eee;border-bottom: solid 1px #eee;}
.footer-bottom nav ul{display: flex;justify-content: center;}
.footer-bottom nav ul a{color: #666;font-size: 1.4rem;border-left: solid 1px #666;padding: 0 15px;}
.footer-bottom nav ul li:last-child a{border-right: solid 1px #666;}
.copyright{padding: 40px 0;font-size: 1.2rem;text-align: center;color:#999;}
.footer-bottom nav .list-logo li a{border:none!important;margin-top: 40px;padding:0 30px;display: block;}
/*----------------------------------------
breadcrumbs
----------------------------------------*/
.producs-hero-area{position: relative;}
.producs-hero-area #breadcrumbs{position: absolute;left:20%;top:30px;}
#breadcrumbs{background:url(img/top/bg-breadcrumbs.png) no-repeat center top;}
#breadcrumbs ol{padding:0;margin: 0;word-wrap: break-word;}
#breadcrumbs li{padding:5px 0 10px;line-height: 0;float:left;display: inline-block;}
#breadcrumbs ol li:first-child a::before{display: none;}
#breadcrumbs li a::before{content: '>';padding:0 5px;color:#333;}
#breadcrumbs a{font-size:12px;color:#333;display: inline-block;}
@media screen and (max-width:980px){
#breadcrumbs li{padding:5px 0;}
}
/*----------------------------------------
top
----------------------------------------*/
.hero-area{background:url(img/top/bg-texture.png) no-repeat center top;background-size: cover;padding: 60px 0}
.hero-area .copy01{font-size:4.6rem;text-align: center;color:#777053;line-height: 1;letter-spacing: 3px;}
.hero-area .copy02{font-size:2.4rem;text-align: center;color:#3e3e3e;line-height: 1;margin-top: 20px;letter-spacing: 3px;}
.products{margin-top: 40px;}
.products .inner{padding:0 20px;}
.products .tit{font-size: 2.2rem;text-align: center;padding:10px 0;border-top:1px solid #d1cbaf;border-bottom:1px solid #d1cbaf;line-height: 1;letter-spacing: 3px;color:#777053;font-weight: 500;}
/*lists-blog*/
.article-box{padding:0 20px;}
.article-box .title{justify-content: space-between;display: flex;margin-bottom: 15px;}
.article-box .title h3{font-size: 2rem;position: relative;padding-left: 15px;}
.article-box .title h3::before{content:"";width: 5px;height: 20px;background-color: #f6a700;position: absolute;left:0;top: calc(50% - 10px);}
.article-box.news .title h3::before{background-color: #0e8fd1;}
.article-box .title .to-list{border:solid 1px #dedede;font-size: 1.4rem;display: inline-block;padding: 5px 10px;color:#797979;}
.lists-blog li{border-bottom: solid 1px #dedede;padding-bottom: 15px;margin-bottom: 15px;position: relative;}
.lists-blog li:first-child{border-top: solid 1px #dedede;padding-top: 15px;}
.lists-blog li a{position: absolute;display: block;width: 100%;height: 100%;top:0;left:0;}
.lists-blog li img{width: auto;height: auto;max-width: initial;}
.lists-blog li .tit{color: #000;font-size: 1.6rem;font-weight: 500}
.lists-blog li time{color: #f6a700;margin-bottom: 10px;font-size: 1.4rem;}
.article-box.news .lists-blog li time{color: #0e8fd1;}
.lists-blog li .text{padding-left: 10px;line-height: 1}
.lists-blog li .read-more{display: inline-block;margin-left: 5px;color: #7abe3e;}
.lists-blog li .read-more i{margin-left: 5px;}
.lists-blog .trimming {width: 70px;height: 70px;overflow: hidden;position: relative;background-color: #eee;border: solid 2px #eee;}
.lists-blog .trimming img {width:100%;/*position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);*/}
/*concept*/
.concept {display: flex;align-items: center;background:url(img/top/bg-concept.png) no-repeat center top;background-size: cover;justify-content: left;}
.concept .inner{width: 960px;margin:auto;}
.concept .box{width: 520px;}
.concept .box p{margin-top: 10px;font-size: 1.4rem;}
.concept .copy{font-size: 3.4rem;color:#ad8a5a;margin-bottom: 30px;}
.concept a{font-size:2rem;color:#666;}
.concept a i{font-weight: normal;font-size: 80%;line-height: 2;margin-left: 5px;}
/*youtube*/
.youtube{text-align: center;padding:40px 0 0;}
.youtube.page{margin-top: 40px;padding: 0;}
.youtube iframe{max-width: 100%;}
#main.indexMain{margin-top: 146px;}
/*----------------------------------------
page
----------------------------------------*/
/*himawari*/
.h-type01{position: relative;padding: 15px 10px;text-align: center;color:#9a9372;font-size: 2.4rem;}
.h-type01 .num{font-size: 2em;line-height: 1;margin-left: 10px;}
.h-type01::before,.h-type01::after {position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
.h-type01::before{top: 0;border-top: 2px solid #d1cbaf;border-bottom: 1px solid #d1cbaf;}
.h-type01::after {bottom: 0;border-top: 1px solid #d1cbaf;}
.h-type02{color:#9a9372;font-size: 2.6rem;font-weight: bold;position: relative;padding-left: 15px;margin-bottom: 20px;}
.h-type02::before{content:"";width: 5px;height: 20px;background-color: #f6a700;position: absolute;left:0;top: calc(50% - 10px);}
.h-type03{font-size: 4.2rem;position: relative;text-align: center;color:#9a9372;}
.h-type03{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;padding-bottom: 20px;margin-bottom: 70px;}
.h-type03 span {position: relative;z-index: 2;display: inline-block;margin: 0 2.5em;padding: 0 1em;background-color: #faf8ef;text-align: left;}
.h-type03::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #9a9372;}
.h-type03::after{content:"";position: absolute;bottom:0;left:calc(50% - 25px);width: 50px;height: 5px;background-color: #f6a700;z-index: 2;}
.bg-voice .h-type03 span{background-color: #fff;}
.h-type04{background:#fff;color:#9a9372;font-size: 2.6rem;font-weight: bold;position: relative;padding:5px 10px 5px 35px;margin-bottom: 20px;border:solid 2px #d1cbaf;}
.h-type04::before{content:"";width: 20px;height: 20px;background-color: #f6a700;position: absolute;left:10px;top: calc(50% - 10px);}
.container .point:first-child{margin-top: 0;}
.point{margin-top: 60px;}
.point .lead{font-size: 4.2rem;text-align: center;color:#f6a700;margin: 50px 0;}
.point .description p{padding-right: 20px;}
.bg-use{background:#faf8ef}
.parts-name span{font-weight: bold;}
.parts-name.-b{margin-bottom: 20px;}
.flows{margin-bottom: 50px;}
.flows .flow-box:last-child{border-bottom:dashed 1px #9a9372;}
.flow-box{padding:20px 0;border-top:dashed 1px #9a9372;}
.flow-box .des{padding-left: 20px;font-weight: 600;}
.flow-box .des span{display: block;color:#f6a700;font-size:3rem;font-weight: bold;}
.bg-voice{background:url(img/bg-voice.png) no-repeat center;background-size: cover;}
.voice{padding:70px;position: relative;z-index: 0;border: solid 3px #ffd8a4;background-color: #fffaf6;margin-bottom: 50px;}
.voice:before{content: "";display: block;position: absolute;top: 4px;left: 4px;width: calc(100% + -8px);min-height: calc(100% + -8px);border: 1px solid #ffd8a4;padding-bottom: 2px;z-index: 1;}
.voice .text .top-text{padding-right: 10px;}
.voice.pink{border: solid 3px #ffb4b4;margin-bottom: 0}
.voice.pink:before{border: solid 1px #ffb4b4;}
.voice.pink .h-type02::before{background-color: #fa819e;}
.bg-contact{background:#faf8ef}
.bg-contact .headline{text-align:center;font-size: 4rem;color:#9a9372;font-weight: 600;margin-bottom: 20px;}
.bg-contact .headline span{display: block;font-size: 3.4rem;line-height: 1;}
.bg-contact .label-hoken{font-size:2.2rem;max-width: 450px;margin:auto;text-align: center;background:#f6a700;border:solid 3px #f6a700;position: relative;color:white;padding:5px 0;margin-bottom: 30px;}
.bg-contact .label-hoken::before{content: "";display: block;position: absolute;top: 2px;left: 2px;width: calc(100% + -4px);min-height: calc(100% + -4px);border: 1px solid #fff;padding-bottom: 2px;z-index: 1;}
.bg-contact .des img{width: 220px;}
.bg-contact .des p{padding-left: 20px;}
.bg-contact .lists-btn{width: 100%;margin-top: 30px;}
.bg-contact .lists-btn a{background:white;border:solid 2px #d1cbaf;padding:40px 0;flex-basis: 48%;position: relative;}
.bg-contact .lists-btn a::before{content: "";display: block;position: absolute;top: 2px;left: 2px;width: calc(100% + -4px);min-height: calc(100% + -4px);border: 1px solid #d1cbaf;padding-bottom: 2px;z-index: 1;}
.bg-contact .lists-btn a span.text01{font-size: 2rem;color:#000;}
.bg-contact .lists-btn a span.text02{font-size: 4rem;}
.bg-contact .lists-btn a span.text03{font-size: 1.6rem;color:#000;}
/*----------------------------------------
category
----------------------------------------*/
.page-hero-area{margin-top: 154px;}
.category .page-hero-area,.page .page-hero-area{background: url(img/blog/bg-title.png) no-repeat center top;background-size:cover;position: relative;}
.category .page-hero-area .title,.page .page-hero-area .title{padding:80px 0;color:#777053;font-size: 3.6rem;}
.category .page-hero-area #breadcrumbs,.page .page-hero-area #breadcrumbs{position: absolute;top:20px; }
.category .lists-blog li{padding: 20px 0;margin-right: 60px;}
.category .lists-blog .cat{position: relative;display: inline-block;width: auto;height: auto;color: #f6a700;font-size: 1.4rem;}
.category .lists-blog time{color: #000;margin-right:10px;font-size: 1.4rem;}
.category .lists-blog .tit{color:#9a9372;font-size: 2rem;margin-top: 10px;font-weight: bold}
.category .lists-blog .excerpt{font-size: 1.4rem;}
.category .lists-blog .read-more{color: #f6a700;font-weight: 500;}
.category .lists-blog .trimming{width: 110px;height: 110px;}
.sidebar .box{margin-bottom: 40px;}
.sidebar .box ul li{padding: 10px 0;border-bottom: dashed 1px #ececec;}
.sidebar .box ul li a{color:#000;}
.sidebar .box.cats ul li{text-align: center;}
.sidebar .tit{background: #f8f7f2;font-size: 1.6rem;color: #000;text-align: center;padding:20px 0;border-top:solid 2px #f6a700;font-weight: 500;}
.wpp-thumbnail{border: solid 2px #eee;}
.wpp-post-title{font-size: 1.4rem;line-height: 1.6;}
.wpp-list li{line-height: 1;padding: 10px 0;border-bottom: dashed 1px #ececec;}
.wpp-list li:first-child{border-top: dashed 1px #ececec;}
.wpp-list li a{color:#000;}
/*----------------------------------------
single
----------------------------------------*/
#breadcrumbs.single{padding: 20px 0 40px}
.singleMargin{margin-top: 154px;}
.page #post{margin-right: 0;}
#post{margin-right: 60px;}
#post .info{padding: 10px 0;border-bottom: 1px solid #d1cbaf;border-top: 1px solid #d1cbaf;}
#post .info .cat{color:#f6a700;font-weight: 500;margin-left: 10px;}
#post h1{position: relative;padding: 15px 0px;text-align: left;color:#9a9372;font-size: 3.2rem;}
#post h1::before,#post h1::after{position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
#post h1::before{top: 0;border-top: 2px solid #d1cbaf;border-bottom: 1px solid #d1cbaf;}
#post img{display: block;margin-top: 20px;}
#post p{margin-top: 20px;font-size: 1.6rem;}
#post h2{font-size: 2rem;background:#f8f7f2;border:solid 1px #d1cbaf;padding:20px 10px 20px 25px;position: relative;margin-top: 50px;}
#post h2::before{content:"";width: 15px;height: 5px;position: absolute;background: #f6a700;left:0;top:calc(50% - 2.5px);}
#post h3{font-size: 1.8rem;position: relative;border-top:solid 3px #d1cbaf;border-bottom:solid 1px #d1cbaf;padding: 20px 0 20px 20px;margin-top: 20px;margin-top: 35px;}
#post h3::before{content:"";width: 20%;height: 3px;position: absolute;background: #f6a700;left:0;top:-3px;}
#post h4{font-size: 1.8rem;color: #f6a700;font-weight: bold;margin-top: 35px;}
#post ul{margin-top: 20px;}
#post ul li{padding: 5px 0 5px 20px;position: relative;}
#post ul li::before{content:"";width:10px;height: 10px;background: #f6a700;position: absolute;left: 0;top:calc(50% - 5px);}
#post ol{margin-top: 20px;counter-reset: number;}
#post ol li{padding: 5px 0 5px 0px;position: relative;}
#post ol li:before{counter-increment:number;content: counter(number);color: #f6a700;font-size: 1.6rem;display: inline-block;width: 20px;height: 20px;padding: 0px;text-align: center;line-height: 22px;font-weight: bold;}
#post table{width: 100%;margin-top: 20px;}
#post th{background: #fffef8;border:solid 1px #d1cbaf;padding: 10px;vertical-align: middle;}
#post td{border:solid 1px #d1cbaf;padding: 10px;vertical-align: middle;}
#post .link-text{font-family: "icon-cc";border:solid 1px #d1cbaf;padding: 10px;position: relative;display: block;font-weight: 600;color:#000;}
#post .link-text i{color:#f6a700;}
#post #toc_container{border:none;border-bottom: solid 2px #d1cbaf;border-top: solid 2px #d1cbaf;width: 100%;margin-top: 40px;}
#post #toc_container p.toc_title{color:#f6a700;font-size: 2rem;text-align: left;}
#post #toc_container p.toc_title+ul.toc_list{margin:0;}
#post #toc_container.no_bullets li{padding: 0;}
#post #toc_container.no_bullets li::before{display: none;}
#post #toc_container.no_bullets li a{color:#9a9372;font-size: 1.8rem;font-weight: 500;padding: 5px 0;display: block;}
#post .staff-voice{border:solid 1px #f6a700;margin-top: 20px;padding: 20px;}
#post .staff-voice .tit{color:#f6a700;font-weight: bold;margin-top: 0;}
#post .staff-voice p{margin-top: 10px;}
.relation-tit{font-size: 1.8rem;color:#000;font-weight: bold;text-align: center;padding:20px;border-top:solid 1px #f6a700;border-bottom:solid 1px #d1cbaf;}
.relation-post .lists-blog li{padding: 20px 0;margin-right: 60px;}
.relation-post .lists-blog .cat{position: relative;display: inline-block;width: auto;height: auto;color: #f6a700;font-size: 1.4rem;}
.relation-post .lists-blog time{color: #000;margin-right:10px;font-size: 1.4rem;}
.relation-post .lists-blog .tit{color:#9a9372;font-size: 2rem;margin-top: 10px;font-weight: bold}
.relation-post .lists-blog .excerpt{font-size: 1.4rem;}
.relation-post .lists-blog .read-more{color: #f6a700;font-weight: 500;}
.relation-post .lists-blog .trimming{width: 110px;height: 110px;}
/*----------------------------------------
contact-form
----------------------------------------*/
.contact-headline{text-align: center;background: #00abb4;color:white;padding:50px 0;margin-bottom: 60px;}
.contact-form{max-width: 560px;margin:auto;padding: 60px 0 0}
.contact-form p{margin: 0px;}
.contact-form dl{padding:10px 0;}
.contact-form dt{font-weight: 500;font-size: 17px;margin-bottom: 10px;}
.contact-form dt span{color: #fff;background: #ffa400;padding: 2px 10px;font-size: 1.4rem;line-height: 1.75;margin-right: 10px;}
.contact-form dt span.nini{background: #aaa;}
.contact-form input{font-size: 17px;padding: 15px 10px;border:solid 1px #ccc;}
.contact-form input[type="text"],.contact-form input[type="tel"],.contact-form input[type="email"]{width: 100%;}
.contact-form textarea{width: 100%;padding:20px;font-size: 17px;border:solid 1px #ccc;}
.contact-form input[type="radio"],.contact-form input[type="checkbox"]{display: none;}
.contact-form input[type="radio"]+.wpcf7-list-item-label {margin-right: 20px;position: relative;padding-left: 30px;}
.contact-form input[type="radio"]+.wpcf7-list-item-label::before {content: "";display: block;position: absolute;top: 0px;left: 0;width: 20px;height: 20px;border: 2px solid #e7e4d4;border-radius: 50%;}
.contact-form input[type="radio"]:checked + .wpcf7-list-item-label::after {content: "";display: block;position: absolute;top: 4px;left: 4px;width: 12px;height: 12px;background: #7abe3e;border-radius: 50%;}
.contact-form input[type="checkbox"]+.wpcf7-list-item-label{margin-right: 10px;position: relative;padding-left: 25px;}
.contact-form input[type="checkbox"]+.wpcf7-list-item-label::before {content: "";display: block;position: absolute;top: 0px;left: 2;width: 18px;height: 18px;border: 2px solid #e7e4d4;}
.contact-form input[type="checkbox"]:checked + .wpcf7-list-item-label::after {display: block;content: '';position: absolute;top: 2px;left: 2px;width: 15px;height: 9px;border-left: 3px solid #7abe3e;border-bottom: 3px solid #7abe3e;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.contact-form .wpcf7-checkbox .wpcf7-list-item{margin-bottom: 5px}
.contact-form input[type="submit"]{font-size: 20px;padding: 20px 10px;background: #ffa400;border: none;border-radius: 30px;width: 320px;display: block;margin:40px auto 0;color: white;font-weight: bold;}
.contact-form .wpcf7-list-item label{font-weight: normal;}
@media screen and (max-width: 768px){
.wpcf7-list-item-label{font-size: 16px;}
.contact-form p{margin:0 0 20px;}
.contact-form input[type="submit"]{margin:20px auto;}
}
/*----------------------------------------
responsive
----------------------------------------*/
/* ---------------------------------------------------------------- SP ---- */
@media screen and (max-width: 767px) {
/*============= #wrapper =============*/
#wrapper {
}
/*============= #header =============*/
#header {
height: 60px;
}
.header-in {
padding: 0 0 0 6px;
}
.hlogo {
width: 118px;
padding: 0;
align-items: center;
}
.hlogo img{
margin:0;
height: 28px;
}
.hlogo img.one{
display: none;
}
.hlogo span{
display: none;
}
.header-item {
width: calc(100% - 118px);
}
.header-item-tel {
margin-right: 5px;
}
.header-item-tel > a {
font-size: 20px;
letter-spacing: 0;
margin-bottom: 2px;
}
.header-item-company{
margin: 3px 0 0;
}
.header-contact {
width: 60px;
height: 60px;
font-size: 12px;
flex-direction: column;
}
.header-contact .text{
display: none;
}
.header-contact i{
font-size: 20px;
}
.header-item-tel > span {
font-size: 10px;
}
.header-item-tel{
text-align: right;
align-items: flex-end;
position: relative;
bottom: 6px;
}
nav ul li{width: auto;}
#main.indexMain{margin-top:110px;}
}
@media screen and (max-width:768px){
/*container*/
html{font-size:58.5%;}
body{min-width: auto;max-width: auto;}
.container{padding: 0 20px;}
/*header*/
header{height: 103px;position: relative;left: 0;right: 0;}
.wrap-nav{border:none;}
.header-top{display: block;padding-top: 30px;}
.btns-contact{display: block;}
.btns-contact a{width: 50px;height: 50px;}
.btns-contact .tel i{margin:0;font-size: 2rem;}
.btns-contact .mail i{margin:0;font-size: 2rem;}
.header-right nav ul{display: block;}
.header-right nav ul li{display: block;text-align: center;}
.header-right nav ul li a{padding: 10px 0;display: block;color:#666;}
#mobile-nav .drawer-hamburger{padding: 0;position: absolute;width: 50px;}
.sitelogo.head{box-shadow: none;padding: 0;}
.sitelogo.head img{margin-right: 10px;}
.btns-contact{width: 100%;}
.btns-contact .tel {color: #fff;background: #f6a700;text-align: center;}
.btns-contact .mail {color: #fff;background: #0e8fd1;text-align: center;}
.headerNavi li a{padding: 8px 4px;font-size: 14px;}
/*footer*/
.footer-top{padding:20px;}
.lists-btn{width: 100%;align-items: center;}
.sitelogo.foot{padding:10px;}
.sitelogo.foot img{margin-bottom: 0;margin-right: 0px;max-width: 75px;}
.sitelogo.foot .sitename{padding-left: 5px;font-size: 1.4rem;}
.footer-bottom nav ul{justify-content: space-between;}
.footer-bottom nav ul li{text-align: center;}
.footer-bottom nav ul li a{padding: 5px 0;display: block;border:none;}
.footer-bottom nav ul li:last-child a{border:none;}
.footer-bottom nav ul:nth-child(1){margin-bottom: 0;}
.footer-bottom small{margin-top: 20px;}
/*breadcrumbs*/
#breadcrumbs li{line-height: 1.6;padding: 0;}
.producs-hero-area #breadcrumbs{position: absolute;left: 50px;top: 30px;}
/*top*/
.concept{background-position: right;}
.concept .inner{width: 100%;}
.concept .box{padding-left: 20px;}
.lists-blog li .text{padding-left: 30px;}
/*category*/
.category .lists-blog .trimming{width: 100px;height: 100px;}
.category .lists-blog li{margin-right: 0;}
/*single*/
#breadcrumbs.single{padding: 20px 0}
}
@media screen and (max-width:480px){
section{padding:60px 0;}
.producs-hero-area #breadcrumbs {position: absolute;left: 20px;top: 10px;}
.point .lead{margin:30px 0;font-size: 3.4rem;text-align: left;}
.point .description p{padding-right: 0;margin-bottom: 10px;}
.h-type03{font-size: 3.4rem;margin-bottom: 40px;}
.h-type03 span{margin:0;padding:0;background:none;text-align: center;}
.h-type03::before{display: none;}
.h-type04{padding-left: 40px;font-size: 2.4rem;}
.flow-box .des{padding-left: 0;margin-top: 10px;}
.flow-box .des span{display: inline-block;line-height: 1;margin-right: 5px;}
.voice{padding:10px 15px;}
.voice .h-type02{margin:0;}
.voice .text img{margin:10px auto;display: block;width: 50%;}
.lists-btn{flex-direction: column;}
.lists-btn .tel{margin-bottom: 10px;}
.bg-contact .headline span{font-size: 3.4rem;line-height: 1.4;}
.bg-contact .headline{font-size: 3.4rem;line-height: 1.4;}
.bg-contact .label-hoken{margin-bottom: 20px;}
.bg-contact .des p{padding:0;}
.bg-contact .des img{display: block;margin:0px auto 10px;}
.bg-contact .lists-btn{margin-top:10px;}
.bg-contact .lists-btn a{width: 100%;}
/*footer*/
.footer-top-box{display: block;}
.footer-top{padding: 20px 20px 0;}
.sitelogo.foot{padding:0;margin-bottom: 20px;}
.sitelogo.foot .inner{justify-content: space-between;}
.sitelogo.foot img{max-width: 130px;}
.sitelogo.foot .sitename{font-size: 1.4rem;padding-left: 0}
.footer-top-box .lists-btn a{width: 100%;padding:20px;border-top:solid 1px #eee;}
.footer-top-box .lists-btn .tel{margin-bottom: 0;}
.footer-top-box .lists-btn a.tel,.footer-top-box .lists-btn a.mail{border-left:none;border-right:none;}
.bg-contact .lists-btn a span.text02{font-size: 3.6rem;}
.footer-bottom{padding:20px 0;}
.footer-bottom nav ul{display: block;}
.footer-bottom nav ul li{text-align: center;}
.copyright{padding:20px 0;}
/*top*/
.hero-area{padding:40px 0;}
.products{margin-top: 20px}
.products .inner{padding:0 40px;margin-bottom: 30px;}
.products .inner.last{margin-bottom: 0;}
.hero-area .copy01{line-height: 1.4;font-size: 3.2rem;font-weight: 500;}
.hero-area .copy02{line-height: 1.4;font-size: 2rem;margin-top: 5px;}
.article-box{padding:0;}
.lists-blog li .text{padding-left: 0px;}
.lists-blog li .tit{margin-top: 5px;}
.concept{background:url(img/top/bg-concept-sp.png) no-repeat center bottom;background-size: 100%;padding: 20px 0 260px;}
.concept .copy{font-size: 2.8rem;margin-bottom: 10px;}
.concept .box{width: 100%;padding: 10px;}
.youtube{text-align: center;padding:40px 10px 0;}
.youtube.page{margin-top: 20px;padding:0 20px;}
.youtube iframe{max-width: 100%;height: 200px;}
/*category*/
.category .lists-blog .trimming{width: 80px;height: 80px;}
/*single*/
#post{margin-right:0;}
.singleMargin{margin-top: 100px;}
#post td,#post th{padding: 10px 5px;}
.relation-post .lists-blog li{margin-right: 0;}
.relation-post .lists-blog .trimming{width: 70px;height: 70px;}
.headerNavi li a{padding: 8px 4px;font-size: 10px;}
}
@media screen and (max-width:320px){
html{font-size:50.5%;}
.hero-area .copy01{font-size: 3rem;}
.hero-area .copy02{font-size: 1.8rem;}
.lists-blog li .text{padding-left: 10px;}
.concept{padding: 20px 0 200px;}
.category .lists-blog .trimming{width: 70px;height: 70px;}
}