body{letter-spacing: 0}

.pc{display: none}
.sp{display: block}
.block{width: 96%;margin:0 2%;position: relative;}
.box{padding: 50px 0}
.sha{box-shadow: 0 0 5px rgb(0 0 0 / 50%);}

.anshin h3,
.title2,
.tl{font-size: 20px;}
.tl{padding-bottom: 30px;}
.tl_copy{margin:-10px 0 0;padding-bottom: 30px;line-height: 160%}
.subtl02,
.subtl{font-size: 18px;}

body,
.btn input, .btn a,
.tl_copy{font-size: 16px;}
.btn input, .btn a{width: 96%;transition:none;background: url(./img/arw.svg) no-repeat 97% center #cc0000;background-size: 5%;background-position: 95%;}
.btn a:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: shiny-btn2 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn2 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}




/*　ハンバーガーボタン　*/
.hamburger {display : block;position: fixed;z-index : 1000;right : 2vw;top   : 6vw;width : 50px;height: 50px;cursor: pointer;text-align: center;background :#555;border-radius: 5px;font-size: 10px}
.hamburger p{position: absolute;bottom: 2px;text-align: center;color:#fff;width: 100%;}
.hamburger span {display : block;position: absolute;width   : 30px;height  : 2px ;left    : 10px;background : #fff;-webkit-transition: 0.3s ease-in-out;-moz-transition   : 0.3s ease-in-out;transition        : 0.3s ease-in-out;}
.hamburger span:nth-child(1) {top: 10px;}
.hamburger span:nth-child(2) {top: 20px;}
.hamburger span:nth-child(3) {top: 30px;}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {top : 20px;left: 10px;-webkit-transform: rotate(-45deg);-moz-transform   : rotate(-45deg);transform        : rotate(-45deg);}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {top: 20px;-webkit-transform: rotate(45deg);-moz-transform   : rotate(45deg);transform        : rotate(45deg);}

.globalMenuSp {text-align: center;width: 100%;position: fixed;top:0;left: 0;background: #fff;z-index: 999;height: 100%;letter-spacing: 0;padding-top:22vw;display: none;overflow: scroll;}

.globalMenuSp ul {margin: 0 auto;padding: 0;width: 100%;font-size: 3.5vw;display: flex;flex-wrap: wrap;border-top: dotted 1px #ccc;}

.globalMenuSp ul li {list-style-type: none;padding: 0;transition: .4s all;border-bottom: dotted 1px #ccc;width:50%;font-weight: bold; }
.globalMenuSp ul li.w100 {width:100%; padding-top:2vw;}
.globalMenuSp ul li.pt0 {width:100%; padding-top:1%;}
.globalMenuSp ul li:last-child {padding-bottom: 0;}
.globalMenuSp ul li:hover{background :#ddd;}
#head .globalMenuSp li li{border:none;font-weight: normal;width: 33%;margin:0;padding:0}
#head .globalMenuSp li li:nth-child(1){background: none;}
#head .globalMenuSp li li:nth-child(4){padding-top:0;}
#head .globalMenuSp li li.showroom{display: none!important}
#head .globalMenuSp li li a{padding: 5px;height: auto;width: 100%;}
#head .globalMenuSp li li.tel a{padding-bottom: 13px}
#head .globalMenuSp li li.line {display: block;}

.globalMenuSp ul li a {display: block;padding: 2.5vw 0;text-decoration :none;}
.globalMenuSp ul li.jirei {width: 100%;padding: 1% 2% }
.globalMenuSp ul li.jirei a{text-align: center;background: rgba(0,160,233,1);color:#fff;border-radius: 5px;padding:4vw 5vw; display: block; }
.globalMenuSp ul li.jirei a span{line-height: 100%;padding-bottom: 1vw;display: block; }
.globalMenuSp ul li.jirei a strong{font-size:5vw;display: block;font-weight: bold;line-height: 100%; }


#head_top{display: flex;align-items: center;}
#head #logo{width: 30vw;position: relative;z-index: 9}
.page-template-page-reform #head #logo{width: 35vw}
#head .block{margin: 2% 2% }
#head dl.pickup{width: 33vw;left: 32vw;position: relative;left: 3vw}
#head dl.pickup dt{padding-bottom: 0.5em;line-height: 150%;font-size: 2.5vw}
#head dl.pickup dd{width: 16vw;height: 16vw;line-height: 120%;padding-top: 2.5vw;letter-spacing: 0;font-size: 2.5vw;}
#head dl.pickup dd span{padding-bottom: 1vw}
#head dl.pickup dd strong{font-size: 4.5vw;letter-spacing: -0.05em}

#head .dropdwn_menu{position: inherit;padding:2.5vw;display: flex;flex-wrap: wrap;text-align: center;border:none;}
#head .dropdwn_menu {border: solid 1px #ccc;border-radius: 5px;margin:2vw 2%  ;width: 96%}
#head .dropdwn_menu li{width: 50%;text-align: center;padding:0 2vw;}
#head .dropdwn_menu:before,
#head .dropdwn_menu:after{display: none;}
#head .dropdwn_menu a{padding:1.5vw 0;}



#mainview{margin:0 2% }
.meinview_bnr{justify-content: space-between;align-items: flex-end;padding: 0 0 0}
.meinview_bnr li{line-height: 0;text-align: center;padding-bottom: 50px;}
.meinview_bnr li a{display: block;line-height: 0}
.meinview_bnr li img{width: 80%}
#pickup .bk_img01{width: 30vw;top:0;}
#pickup .bk_img02{width: 30vw;top: auto;bottom: 80px}

.bottom_bnr.top_nav02{padding: 1%;}
.bottom_bnr{z-index: 998;}
.bottom_bnr .flex{justify-content: space-between;}
.bottom_bnr.top_nav02 li.showroom,
.bottom_bnr.top_nav02 li{font-size: 12px;margin: 0;width: 33%}
.bottom_bnr.top_nav02 dl,
.bottom_bnr.top_nav02 li.quo{display: none;}
.bottom_bnr.top_nav02 li a{padding:12px 0;text-align: center;background: rgba(37,157,206,1);display: block;height: auto;letter-spacing: 0;line-height: 120%;color:#fff}
.bottom_bnr.top_nav02 li a:before{content: "";display: block;background: url(./img/i_mitsumori1.svg)center center no-repeat;width: 25px;height: 25px;top:auto;left:auto;position: relative;margin:0 auto 2px}
.bottom_bnr.top_nav02 li.tel a{background: rgba(243,152,0,1);}
.bottom_bnr.top_nav02 li.line a{background: rgba(27,188,20,1)}
.bottom_bnr.top_nav02 li.line a:before{background: url(./img/i_phone1.svg)center center no-repeat;}
.bottom_bnr.top_nav02 li.tel a:before{background: url(./img/i_phone1.svg)center center no-repeat;margin-bottom: 8px;}
.bottom_bnr.top_nav02 li.tel a{padding-bottom: 20px}

.sp_nemu{position: static !important;box-shadow: none !important;display: block !important;opacity: 1 !important;}
.sp_nemu ul{border:none !important;padding: 10px 0 0}
.sp_nemu ul li{border:none !important;}
.bottom_bnr.top_nav02.sp_nemu{padding:0 2%;}
.bottom_bnr.top_nav02.sp_nemu ul{padding:0 0 1%;}
.bottom_bnr.top_nav02.sp_nemu ul a{height: 50px}

.f_fix{width: 80%;right: 10%;bottom: 75px;}
.f_fix a{display: block;margin:0 2% !important}

#mainview h2{letter-spacing: 0;font-size: 4vw;top:5vw;left: 0}
#mainview h3{letter-spacing: 0;font-size: 3vw;top:19vw;left: 0}

.banner{padding-top: 30px;padding-bottom: 0}
.banner a.lp{width: 80%}
.banner{display: block;}
.banner ul{width: 80%;margin:0 auto}
.banner ul li{margin-top: 10px;}
.banner ul li a {padding:6px;line-height: 120%;font-size: 14px;}
.banner ul li a img{width:50px;height: 50px;margin-right: 8px;}
.banner ul li:nth-child(2) a{margin-top: 0}

.f_bnr{width: 80%;margin:0 auto;display: block;}
.f_bnr li{width: 100% !important;}
.f_bnr .jusho {padding-top: 35px;}

.page-template-page-index .tl_copy{padding-bottom: 20px;}

#pickup .flex li a{display: block;height: 100%;font-size: 3.8vw;font-weight: bold;}
#pickup .flex li dl{display: block;}
#pickup .flex li dl dt{display: block;width: 100%;padding: 0 0 10px;}
#pickup .flex li dl dd{text-align: center;display: block;line-height: 140%;height: 100%}
#pickup .flex li:nth-child(5) a,
#pickup .flex li:nth-child(6) a{padding:20px ;letter-spacing: 0}
#pickup .flex li:nth-child(5) a br,
#pickup .flex li:nth-child(6) a br{display: none;}

#pickup .flex li a.flex{display: block;}
#pickup .flex li a.flex .img{width:80%;margin:0 auto;margin-bottom: 10px;display: block;}
#pickup .flex li a.flex .copy{width:100%;}
#pickup .flex li:nth-child(5) a,
#pickup .flex li:nth-child(6) a{padding:10px;}

.anshin{padding: 15px 0}
.anshin h3{padding-bottom: 15px;}
.anshin ul.anshin_list{padding: 0}
.anshin ul.anshin_list li{padding: 0 15px;}
.anshin ul.anshin_list li h4 {height: 3.5em;line-height: 140%;font-size: 3.2vw}
.anshin ul.anshin_list li h4 br{display: none;}
.anshin ul.anshin_list li h4:after{top: 15px}

#pickup .chara01{left: -5vw;bottom: 10px}
#pickup .chara01 img{width: 30vw}

.form .tl{font-size: 18px;}
.form .flex{display: block;}
.form dl{font-size: 14px;}
.form .right,
.form .left{width: 100%;}
.form dl dt {width:9.5em;}
.form dl dt span{font-size: 10px;margin-top: 3px}
.form dl dd label{padding-bottom: 5px}
.form dl dd input,
.form dl dd textarea{font-size: 14px;}
.form .right dl dd .mwform-tel-field input{width: 28%}
.form .right dl dd input, .form .right dl dd textarea{font-size: 18px;}

.senshu{padding:10px 20px;width: 100%;border:solid 3px #7d7321;background: rgba(125,115,33,0.1);margin: 10px auto 15px}
.senshu h3{color:#000;font-weight: bold;padding: 5px 0 10px}
.jyosei{border:solid 3px rgba(193,39,45,1);background: rgba(193,39,45,0.1);margin: 0 auto 15px}


#index_works ul li span{font-size: 14px;line-height: 140%}
#index_works p.chara{width: 20vw;left: 3vw}
#index_works{background-size: 200%;padding-bottom: 0}
#index_works .btn{padding-top: 10px}
#index_news p.chara{width: 20vw;right: 3vw}

#index_news .news_area .scroll{margin: 0 5vw;height: 50vh}
#index_news .news_area dl{font-size: 14px;width: 100%;}


#index_bnr .flex {display: block;}
#index_bnr .flex li{width: 90%;margin:0 auto 15px;}
#index_bnr .flex li:last-child{margin:0 auto 0;}

#foot #shikaku .box dl{width: 48%}
#foot #shikaku .box dl dt,
#foot #shikaku .box dl dd{display: block;width: 100%;}
#foot #shikaku .box dl dd h3{font-size: 14px;}
#foot #shikaku .box dl dt{text-align: center;margin-bottom: 8px;}
#foot #shikaku .box dl dt img{height: 20vw;width: auto;}
#foot #shikaku .box dl dd{padding:0;font-size: 14px;}

#foot #f_nav .box{padding: 30px 2%;}
#foot #f_nav .box.flex{display: block;}
#foot #f_nav #f_logo{width: 30vw;text-align: center;margin: 0 auto}
#foot #f_nav .copy{font-size: 14px;text-align: center;}
#foot #f_nav .tel{width: 80vw;text-align: center;margin:0 auto;padding-bottom: 30px}
#foot #f_nav .tel span{font-size: 12px;}
#foot .top_nav02{display: none;}
#foot .f_menu{width: 100%;border-bottom: dotted 1px #ccc;}
#foot .f_menu li{font-size: 3.2vw;width:48%;border-top: dotted 1px #ccc;margin-right: 4%}
#foot .f_menu li:nth-child(2n) {margin-right: 0}
#foot .f_menu li a{display: block;padding: 10px 0;background: url(./img/arw-b.svg) right center no-repeat;background-size: 6%;}
#foot .f_menu li a:before{display: none;}
#foot #f_nav .flex{display: block;}
#foot .f_sns{display: flex;justify-content: center;padding-top: 20px}
#foot .f_sns li{margin: 0 5px}
#foot #maps div.left, #foot #maps div.right{padding: 0;width: 100%;}
#foot #maps .flex{width: 100%;display: block;}
#foot #maps div h3{font-size: 18px;}
#foot #maps div p{font-size: 14px;}
#foot #maps div.left{margin-bottom: 30px}

#foot #copyright{font-size: 12px;padding: 30px 0 100px;}

p.f-bnr{margin-top: -70px;}


#second #mainview .title,
#second #mainview h1{font-size: 20px;border-radius: 2vw;}

.page-template-page-reason #r_reason .reason_list{width: 96%;margin:0 2%;}
.page-template-page-reason #r_reason .reason_list li{margin-bottom: 20px}
.page-template-page-reason #r_reason .reason_list li .thum{width: 100%;}
.page-template-page-reason #r_reason .reason_list li .copy{position: relative;width: 94%;padding:15px;height: auto;margin:-30px auto 0;z-index: 2}
.page-template-page-reason #r_reason .reason_list li .copy h3{font-size: 18px;padding-bottom: 10px}

.page-template-page-reason #r_reason .reason_list li.subreason{padding: 15px;height: auto;flex-direction: row-reverse;margin-bottom: 10px !important}
.page-template-page-reason #r_reason .reason_list li.subreason .copy{width: 60vw;margin: 0;padding-left: 15px}
.page-template-page-reason #r_reason .reason_list li.subreason .copy h3{font-size: 16px;padding-bottom: 5px}
.page-template-page-reason #r_reason .reason_list li.subreason .thum{width: 30vw;position: static;}

.column_nav dt, .column_nav dd{font-size: 12px;vertical-align: middle;}
.column_nav dd a{padding: 10px ;line-height: 120%}
.column_nav_sc {  overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */}

.example_nav{width: 100%;display: block;border-top: 1px solid #ccc;border-bottom: solid 1px #ccc;padding: 15px 0;text-align: center;}
.example_nav dt,
.example_nav dd{width: 100%;}
.example_nav dt{margin-bottom: 10px;display: block;}
.example_nav2 {margin:0 0 50px;border-top: none;}

.e_list li{width: 48.5%;margin-right: 3%;margin-bottom: 5%}
.e_list li:nth-child(3n){margin-right: 3%}
.e_list li:nth-child(2n){margin-right:0 !important}
.e_list li .cat a{font-size: 2.2vw;margin: 8px 3px 5px 0}

.single-post_work #slideshow div{height: 100vw}
.single-post_work #slideshow div div{display: flex;justify-content: center;align-items: center;}
.single-post_work #slideshow div img{max-height: 100vw;height: auto}

.workdes {display: block;}
.workdes .left{width: 100%;}

.workdes .left dl:last-child{padding: 0 0 15px}

.workdes .right{width: 100%;padding: 15px;}

.single-post_work .btl{font-size: 20px;padding: 10px}


#cotent.blog .entrylist ul.flex li{width: 48.5%;margin-right: 3%;margin-bottom: 5%}
#cotent.blog .entrylist ul.flex li:nth-child(3n){margin-right: 3%}
#cotent.blog .entrylist ul.flex li:nth-child(2n){margin-right:0 !important}
#cotent.blog .entrylist ul.flex li span.thum{height: 47vw}
#cotent.blog .entrylist ul.flex li .day{padding: 5px 0}

#cotent.blog .entrysingle h1{font-size: 20px;}

table th, table td{padding: 12px;}
.page-template-page-siding table td dl{margin: 0;font-size: 12px;}
.page-template-page-siding table th{width: auto}
.page-template-page-siding table th:nth-child(2){width: 30%}
.page-template-page-siding table td:nth-child(2){padding-left: 0;padding-right: 0}
.page-template-page-siding table td{font-size: 14px;line-height: 140%;width: auto;}
.page-template-page-siding table td dl dt {width: 50%;}
.page-template-page-siding table td dl dd{white-space: nowrap}
.page-template-page-siding table td strong{font-size: 20px}

.page-template-page-siding .note{font-size: 12px}

#s_toryo .block .img{width: 100%;}
#s_toryo .block li a{padding: 10px;height: 100%;}
#s_toryo .block .flex li{width: 48.5%;margin-right: 3%;margin-bottom: 3%}
#s_toryo .block .flex li:nth-child(3n){margin-right: 3%}
#s_toryo .block .flex li:nth-child(2n){margin-right:0 !important}

#s_flowarea li{width: 90%;float: none !important;margin:0 0 10px 10% !important;padding:15px;}
#s_flowarea li h3{font-size: 20px;padding-bottom: 5px;}
#s_flowarea li p{font-size: 14px;}
#s_flowarea li:before{left: auto !important;right: 105% !important}
#s_flowarea li:after{left: -10% !important;width: 10%;}
#s_flowarea ol{background-position:5px top;padding-bottom: 30px }

#s_flowarea .fin{font-size: 20px;}

#index_voice ul {display: block;border-top: dotted 1px #ccc;}
#index_voice ul li {width: 100%;margin:2vw 0 2vw;border-bottom: dotted 1px #ccc;}
#index_voice ul li a{display: flex;margin:0;align-items: center;}
#index_voice ul li a img{width: 20vw;margin-right: 2vw}

.page-template-page-roof table td dl{margin: 0;font-size: 12px;}
.page-template-page-roof table th{width: auto}
.page-template-page-roof table th:nth-child(2){width: 30%}
.page-template-page-roof table td:nth-child(2){padding-left: 0;padding-right: 0}
.page-template-page-roof table td{font-size: 14px;line-height: 140%;width: auto;}
.page-template-page-roof table td dl dt {width: 50%;}
.page-template-page-roof table td dl dd{white-space: nowrap}
.page-template-page-roof table td strong{font-size: 20px}

.page-template-page-reform #mainview{margin:0;width: 100%;}

.page-template-page-reform #mainview h2 img{width: 20vw}
.page-template-page-reform #mainview h2{font-size: 20px;letter-spacing: 0;line-height: 60%;}
.page-template-page-reform .rtl{font-size: 20px;}
#r2_about h3{width: 68%;margin-left: 32%}
#r2_about .pickup{width: 30%;top: 90px}

#r2_about .flex li{width: 100%;margin:0;padding-top: 20px;}
#r2_about .flex li h4{font-size: 20px;}
#r2_about .flex li p{font-size: 25px;padding-top: 10px;}
#r2_about{background-size: 200%}
#r2_about .box{padding-bottom: 150px;}
#r2_check{margin-top: -50px}
#r2_check .block{padding: 15px;}
#r2_check .block ul li{font-size: 18px;background-size:18px 16px;padding-left: 25px;background-position: left 5px; }

.block .otoiawase{display: block;}
.block .otoiawase h3{width: 100%;height: auto;padding:5px  0 10px;font-size: 18px;}
.block .otoiawase h3 br{display: none;}
.block .otoiawase dl{width: 100%;margin:  0;padding: 15px 15px 0;font-size: 14px;}
.block .otoiawase dl dd.chu{font-size: 14px;text-align: center;}
.block .otoiawase p{width: 100%;padding:15px;}
.block .otoiawase p a{height: auto;padding:15px 0;}

#con_form .note{margin:-20px 0 30px;}

#r2_riyu .r2_arw{width: 100%;}

#r2_riyu .r2_riyu2 {display: block;}
#r2_riyu .r2_riyu2 li{width: 100%;padding: 15px;}
#r2_riyu .r2_riyu2 li h3{font-size: 20px;margin: 0 0 10px}

#r2_shojo .flex{flex-wrap: wrap;margin-top: 30px}
#r2_shojo .flex li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
#r2_shojo .flex li:nth-child(2n){margin-right:0 !important}

#r2_shojo .r2_arw2{background-position: center 50px}
#r2_shojo .r2_arw2 strong{font-size: 20px;}
#r2_shojo .r2_arw2 p.copy br{display: none;}

#r2_shojo .chara2{width: 20vw;left:-20px;top:550px;}

#r2_shojo .r2_arw2 h3{width: 75vw;padding: 0}
#r2_shojo .chara1{width: 20vw;bottom: 320px}
#r2_shojo .flex{margin-top: 20px}

#messege .ph{width: 100%;text-align: center;float: none;display: block;margin: 0}
#messege .ph img{width: 80%}
#messege .ph span{display: block;padding: 0 0 15px}

.page-template-page-antibacterial .ales_box{padding: 15px;}
.page-template-page-antibacterial .ales_box div.flex{display: block;}
.page-template-page-antibacterial .ales_box .img{width: 100%;text-align: center;}
.page-template-page-antibacterial .ales_box .img img{width: 60%;}
.page-template-page-antibacterial .ales_box .flex div{width: 100%;padding-top:15px}
.page-template-page-antibacterial .ales_box .flex div .copy{padding: 0 0 15px}
.page-template-page-antibacterial .ales_box ul.flex{width: 100%;display: block;}
.page-template-page-antibacterial .ales_box ul.flex li{width: 100%;padding-top: 15px;margin:0;}

.page-template-page-antibacterial .ales_table table th,
.page-template-page-antibacterial .ales_table table td{padding:15px 0;}
.page-template-page-antibacterial .ales_table .note{font-size: 12px}

.dami{width: 100% !important}

.voice_list .flex p.thum{width: 40%}
.voice_list .flex div{width: 55%}

.voice_list .flex div h3{font-size: 18px;}
.voice_list .flex div dl{display: block;width: 100%;}
.voice_list .flex div dl dt, .voice_list .flex div dl dd{font-size: 14px;display: block;width: 100%;}
.voice_list .flex div dl dt{padding:3px ;background: rgba(0,0,0,0.1);text-align: center;}
.voice_list .flex div dl dd{padding:5px 0 10px;line-height: 160%;}
.voice_list .flex div dl:last-child dd{padding:5px 0 0;}

.page-template-page-showroom .tel_box{display: block;padding:30px;}
.page-template-page-showroom .tel_box .tel_num{width: 100%;text-align: center;}
.page-template-page-showroom .tel_box .tel_dis{padding-top: 10px;text-align: center;}
.page-template-page-showroom .tel_box .tel_dis br{display: none;}

.page-template-page-showroom .contact_form .flex{display: block;}
.page-template-page-showroom .contact_form .left,
.page-template-page-showroom .contact_form .right{width: 100%;}
.page-template-page-showroom .contact_form dl  {font-size: 14px;}
.page-template-page-showroom .contact_form dl dt {width: 9em;}
.page-template-page-showroom .contact_form dl dd .mwform-tel-field input{width: 29%;}
.page-template-page-showroom .contact_form dl dd select,
.page-template-page-showroom .contact_form dl dd input,
.page-template-page-showroom .contact_form textarea{font-size: 18px;}
.page-template-page-showroom .contact_form dt span{margin-top:2px;}
.page-template-page-showroom .contact_form .textarea strong span{font-size: 12px;    width: 36px;text-align: center;}
#sh_katsu li h3 span{font-size: 14px;}
#sh_katsu li h3 {font-size: 20px;}
#sh_katsu .katsu02 li{padding: 15px 0;margin-top: 20px;}
#sh_point .flex li h3 br{display: none;}

#sh_point .flex li{width:48.5%;margin-right: 3%;margin-bottom: 5%}
#sh_point .flex li:nth-child(3n){margin-right: 3%}
#sh_point .flex li:nth-child(2n){margin-right:0 !important}
#sh_point .flex li h3 a{display: block;}
#sh_outline table th{padding-left:0;width: 5em;}
#sh_outline table td{padding-left:0;padding-right:0;}

.page-template-page-staff .st_list .flex{align-items: flex-start;}
.page-template-page-staff .st_list .flex p{width: 40%}
.page-template-page-staff .st_list .flex div{width: 55%}

.page-template-page-staff .st_list .flex div h3{font-size: 20px;}
.page-template-page-staff .st_list .flex div h3 span{display: block;margin:0 0 5px;}
.page-template-page-staff .st_list .flex div dl{display: block;width: 100%;}
.page-template-page-staff .st_list .flex div dl dt, .page-template-page-staff .st_list .flex div dl dd{font-size: 14px;display: block;width: 100%;}
.page-template-page-staff .st_list .flex div dl dt{padding:3px ;background: rgba(0,0,0,0.1);text-align: center;}
.page-template-page-staff .st_list .flex div dl dd{padding:5px 0 10px;line-height: 160%;}
.page-template-page-staff .st_list .flex div dl:last-child dd{padding:5px 0 0;}

.page-template-page-company .kenshu h3 br{display: none;}

#co_outline table th,
#co_outline table td{display: block;width: 100%;}
#co_outline table th{text-align: center;border-bottom: none;background: rgba(21,138,174,0.2);border-top: none;padding: 5px 0}
#co_outline table td{border-top: none;border-bottom: none;padding-left: 0;padding-right: 0}

#recruit table th,
#recruit table td{display: block;width: 100%;}
#recruit table th{text-align: center;border-bottom: none;background: rgba(21,138,174,0.2);border-top: none;padding: 5px 0}
#recruit table td{border-top: none;border-bottom: none;padding-left: 0;padding-right: 0}

#mw_wp_form_mw-wp-form-247 table{margin-bottom: 20px;}
#mw_wp_form_mw-wp-form-247 table th,
#mw_wp_form_mw-wp-form-247 table td{display: block;width: 100%;}
#mw_wp_form_mw-wp-form-247 table th{text-align: center;border-bottom: none;background: rgba(21,138,174,0.2);border-top: none;padding: 5px 0}
#mw_wp_form_mw-wp-form-247 table td{border-top: none;border-bottom: none;padding-left: 0;padding-right: 0}

.mw_wp_form .btn input{margin:10px 0 ;}

#recruit .tel_box p{width: 100%;    padding: 5px 0;}
#recruit .tel_box{padding: 20px;}

#tel_line .flex{display: block;}
#tel_line .flex li{width: 100%;margin-bottom: 15px;padding:20px;}
#tel_line .flex li.left img{margin-bottom: 10px;}
#tel_line .flex li.right a img{margin-top: 15px;}
#mw_wp_form_mw-wp-form-247 table th span{margin-top: 3px}
#mw_wp_form_mw-wp-form-247 table .mwform-tel-field input{width: 30% !important}


#remote ol li{padding: 15px;}
#remote ol li dl dt, #remote ol li dl dd,
#remote ol li dl{display: block;}
#remote .yakusoku h3,
#remote ol li dl dt{font-size: 20px;line-height: 140%}
#remote ol li dl dt br{display: none;}
#remote ol li dl dd.inline{width: 100%;text-align: center;}
#remote ol li dl dd.inline span{margin:10px 0 0;}
#remote ol li dl dt span{font-size: 12px;padding: 10px 0 0 ;line-height: 140%}
#remote ol li dl dd{width: 100%;padding-top: 10px;}


.news .left{width: 100%;}
.blogsingle .thum_info{width: 35%;}
.blogsingle .entrybody{width: 63%;}
.blogsingle .entrybody h2 a{font-size: 20px;}
.blogsingle .entrybody .btn a{width: 100%;}

.news #sidebar{width: 100%;margin-top: 20px;}
.news #sidebar li.widget{padding-bottom: 15px;}
.single.news .entrysingle h1{font-size: 20px}


.post_column h4{font-size: 18px;}

.step3_form dl{display: block;width:100%;}
.step3_form dl dt{margin-bottom: 10px}
.step3_form dl dt,
.step3_form dl dd{display: block;}
.step3_form dl dd{width:100%;}
.step3_form dl dd .mwform-checkbox-field input{width:auto;}
.step3_form dl dd input{width:100%;}
.step3_form dl dd .mwform-tel-field input{width:24%;}
.step3_form dl dt span{margin: 5px 0 0 0;}

p.cl-btn{
  margin: 0 auto;
  text-align: center;
}

p.cl-btn a{
  border-radius: 30px;
  width: 98%;
  text-align: center;
  padding: 20px 0;
  font-size: 12px;
}

#hi_tokutyo .flex {display: block;}
#hi_tokutyo .flex li{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px}
#hi_tokutyo .flex li img{width: 40%;height: auto}
#hi_tokutyo .flex li div{width: 57%;text-align: left;}
#hi_tokutyo .flex li div h3{text-align: left;padding: 0 0 5px}

#hi_tokutyo .hi_margin{padding:15px;}
#hi_tokutyo .hi_margin h3{letter-spacing: 0;font-size: 110%;margin-bottom: 15px}
#hi_tokutyo .hi_margin img{margin-bottom: 20px;}

#hi_tokutyo .hi_margin dl{width: 100%;margin-bottom: 15px;}
#hi_tokutyo .hi_margin dl:last-child{margin-bottom: 0;}
#hi_tokutyo .hi_margin dl dt{padding-bottom: 5px;}
.page-template-page-business .tl_copy br{display: none;}
#hi_service .flex li h3{font-size: 110%;}
#hi_flow .flex{display: block;}
#hi_flow .flex li{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 4vw}
#hi_flow .flex li:after{transform: rotate(90deg);left: 13%;right: auto;bottom: -4vw;top:auto;width: 3vw;height: 4vw;}
#hi_flow .flex li img{width: 30%;margin:0}
#hi_flow .flex li p{width: 68%;}

/* コラムの表 */
/* 全体のテーブルデザイン */
div.everysingle div.table-responsive{width: 100%;margin-bottom: 20px;overflow-x: auto;}

div.everysingle div.table-custom{width: 100%;border-collapse: collapse;border-spacing: 0;font-family: Arial, sans-serif;background-color: #f9f9f9;}

/* 表の見出しデザイン */
div.everysingle div.table-custom th{background-color: #4CAF50;color: white;text-align: left;padding: 12px;border: 1px solid #ddd;font-weight: bold;}

/* 表のセルデザイン */
div.everysingle div.table-custom td{padding: 12px;border: 1px solid #ddd;text-align: left;vertical-align: top;color: #333;}

/* 奇数行と偶数行の色を変える */
div.everysingle div.table-custom tr:nth-child(even){background-color: #f2f2f2;}

/* ホバー時の効果 */
div.everysingle div.table-custom tr:hover{background-color: #ddd;}

/* 表をレスポンシブにする */
div.post_column div.table-responsive table.table-custom th, .table-custom td{padding: 8px;}

.post_column h5{font-size: 18px;}
div.post_column ul.common-list{margin-top: 15px;}
div.post_column ul.common-list li{margin-bottom: 10px;}
div.post_column ul.common-list li strong{color: #c00;}

div#recruit div.box div.rec01{margin-bottom: 40px;}
div#recruit div.box div.rec01 h3.ocp{color: #fff;background-color: #171b61;text-align: center;font-size: 1.4rem;padding: 12px 0;margin-bottom: 20px;}

#tel_line .res{margin-top: 15px}

#tel_line .res a{font-size: 5vw;padding:8vw 0;background-size: 12vw 15vw;color:#fff}