@charset "utf-8";
/*
Theme Name: Painthouse
Author: NAKATA
Author URI: 
Description: ペイントハウス
*/
html,body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;vertical-align: baseline;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {color:#000;font-size:small;background:#fff;overflow:hidden;
font-family: 'Noto Sans JP',"メイリオ", sans-serif;
font-size:14px;line-height:1.7;-webkit-text-size-adjust: none;}

div.wrapper {width: 96%; padding: 0 2%;max-width:1140px;margin:0 auto;position:relative;}
div.wide_wrapper{width: 96%;padding: 0 2%;margin:0 auto;position:relative;}

img {vertical-align: top;}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*=================================
/* リンク
=================================*/
a{color:#000;text-decoration:none;}
a:hover{opacity:0.6; cursor : pointer;}

/*=================================
/* テキスト共通
=================================*/
.common_headline_two_under{font-size:30px; position: relative; display: inline-block; margin-bottom: 1em;letter-spacing: 4px;}
.common_headline_two_under:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 90px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #D65503;
}
.common_headline_three_normal{font-size:20px;letter-spacing: 2px;}

.common_hedline_sub{font-size:18px;margin:3em 0;}
.common_tb_border_title{font-size:20px;padding:0.7em 0;border-top:solid 3px #000;border-bottom:solid 3px #000;}
.common_tb_border_title_m{padding:0.3em 0;border-top:solid 3px #000;border-bottom:solid 3px #000;letter-spacing:3px;display:block;}

.common_hedline_border_left{border-left:solid 5px #000;padding-left:0.5em;display:block;}


/*=================================
/* ボタン
=================================*/
/*iosのスタイルを解除*/
input[type="submit"] {-webkit-appearance: none;border-radius: 0;}

.common_orange_btn{background:#D65503;color:#fff;text-align:center;padding:1em 0;display:block;margin:0.5em auto 0 auto;position:relative;}
.common_blue_btn{background-color:#04275E !important;color:#fff;text-align:center;padding:0.8em 0;display:block;margin:0.5em auto 0 auto;position:relative;}
.common_blue_btn a{color:#FFF;width:100%;}
.common_orange_btn::after,.common_blue_btn::after {
    position: absolute;
    right: 2em;
    top: 50%;
    display: block;
    content: "＞";
    font-size: 13px;
    transform: scaleX(0.5) translateY(-50%);
}

.common_blue_btn_midium{max-width:300px;padding:1em 0;}
.common_black_border_btn{border:solid 3px #000;border-radius:5px;padding:1.3em;}

/*Contact　Form7:ボタン*/
.common_confirm_btn_box {justify-content:center;}
.common_confirm_btn01{background:#04275E;color:#fff;text-align:center;border-radius:8px;padding:1em 6em;display:inline-block;margin:2em auto;}
.common_confirm_btn01:hover{cursor:pointer;}
.back_btn{background:#f7f7f7;color:#333;text-align:center;border-radius:4px;padding:1em 3em;display:inline-block;margin:2em auto;}
.back_btn:hover{cursor:pointer;}

/*=================================
/* パンくずリスト
=================================*/
.pankz {width: 100%;max-width:1200px;margin: 10px auto;padding-top: 10px;font-size: 13px;}
.pankz a {color: #231815;text-decoration: underline;}
.pankz a:hover {color: #bfc0c0;}
.topicpath ul li {	display: inline;list-style-type: none;line-height: 15px;}
.topicpath ul li:before {content: " > ";}
.topicpath ul li:first-child:before {content:"";}

/*=================================
/* テーブル
=================================*/
table{width:90%;border-collapse:none;border-spacing:2px;margin:5em auto 1em auto;}
table th{text-align:left;}
table td{border-collapse:collapse;text-align:left;background:#FFF;border:solid 1px #CCC;padding:1em 0.5em;vertical-align:middle;}

table td.w30{width:30%;}

table td.bg_black{background:#000;color:#FFF;}
table td.bg_orange{background:#D65503;color:#FFF;}
table td.bg_blue{background:#04275E;color:#FFF;}
table td.bg_gray{background:#F2F2F2;}
table td.pd_l{padding-left:1em;}

table.fee_table td{}
table.paint_table {width:90%;}

table.blue_type{width:90%;max-width:660px;border-collapse:none;border-spacing:2px;margin:5em auto 1em auto;}
table.blue_type tr{border-bottom:dotted 1px #CCC;}
table.blue_type tr.last{border-bottom:none;}
table.blue_type th{vertical-align:middle;width:30%;}
table.blue_type th.v_top{vertical-align:top;padding-top:1em;}
table.blue_type th span{color:#04275E;font-weight:550;border-left:solid 5px #04275E;padding-left:1em;vertical-align:middle;}
table.blue_type td{border-collapse:collapse;text-align:left;background:none;border:none;padding:1em 0.5em;vertical-align:middle;}

/*=================================
/* 全体 共通 BOX
=================================*/
.common_three_colums_box{width:100%;justify-content: space-around;margin-left:auto;margin-right:auto;}
.common_three_colums_box .box_child{width:25%;margin-bottom:3em;}

.common_two_colums_box{width:100%;justify-content: space-around;}
.common_two_colums_box .box_child{width:40%;margin-bottom:3em;}

.common_two_colums_w_box{width:100%;justify-content: space-between;}
.common_two_colums_w_box .box_child{width:48%;margin-bottom:6em;}
.common_two_colums_w_box .box_child.first{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.common_two_colums_w_box .box_child.second{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}

.common_two_colums_w_box .box_child.first_reverse{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.common_two_colums_w_box .box_child.second_reverse{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}

.common_two_colums_w_box .box_child .contents p{margin-bottom:1em;}
/*=================================
/* ヘッダー
=================================*/
.wrapper_head{max-width:1140px;margin:0 auto;width:100%;position:relative;background:#fff;}.inner{margin:0 auto;width:100%;padding:0 1%;}

#header{width:100%;height:165px;position:relative;}
#header h1{padding:0.5em 0.5em 1em 0.5em;font-size:12px;font-weight:normal;}

/* ヘッダー　ハンバーガーメニュー */
.navToggle {display: none;}

/*=================================
/* ロゴ
=================================*/
#header .logo{float: left;width: 25%;margin-right: 1%;position:absolute;top:34%;}
#header .logo img{width:350px;float:left;padding:0 5px 0px 0px;}

/*=================================
/* ヘッダー右
=================================*/
#header .info_right{float: right;text-align: right;width: 70%;}
#header .t_left{position:absolute;top:23%;left:11%;float: left;width: 57%;margin:0 0 0 3%;}
#header .t_right{float: right;width: 40%;}

#header .info{float:right;padding-right:20px;text-align:center;}
#header .t_right .open{font-size:16px;}
#header .t_right .tel{font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;padding-left:27px;font-size: 30px;font-weight: 900;letter-spacing:1px;background: url(img/common/tel_icon.png) no-repeat left 15px top 11px;background-size: 27px auto;height:39px;line-height:39px;}
#header .t_right .tel a{color:#000;}
#header .t_right div{margin:0.3em 0;display:block;padding:0;text-align:center;font-size:15px;}
#header .t_right .contact{width: 305px;height: 55px;display: table;}
#header .t_right .contact a{display:table-cell;text-align:center;vertical-align:middle;text-decoration:none;color:#fff;background:#04275E;font-size:16px;}
#header .t_right .contact a .mail{background: url(img/common/24_icon.png) no-repeat left 15px top 6px; background-size: 35px auto;}
#header .t_right .contact .hours{font-size:12px;display:block;}

/*=================================
/* メインスライド
=================================*/
#main_slide .slick-slider{position:unset;background:#f5f5f5;}
.slide_img_pc{display:block;}
.slide_img_sm{display:none !important;}
.slide_img_pc img{width:100%;}
.slide_img_sm img{width:100%;}
.slick-prev, .slick-next{display:none !important;}

/*=================================
/* トップページ
=================================*/
#top_bn_box{margin:4em auto;width:calc(100% - 2em);}
#top_bn_box .wrapper{justify-content:space-between;text-align:center;flex-wrap:nowrap;}
#top_bn_box .shikkui,#top_bn_box .snow{box-sizing:border-box;margin:0 auto;}
#top_bn_box .shikkui{margin-right:2em;}
#top_bn_box img{max-width:100%;height:auto;}

#top_box1{background:#F5F5F5;padding:5em 0;}
#top_box1 .three_zero{}
#top_box1 .three_zero img{width:100%;}
#top_box1 .tel_border_box{border:solid 10px #04275E;padding:2em 8em;}
#top_box1 .tel_border_box .mm{font-size:23px;margin-bottom:0.5em;}
#top_box1 .tel_border_box .tel_no_box{flex-wrap:nowrap;align-items:center;justify-content:space-between;}
#top_box1 .tel_border_box .tel_no_box .bubble_sm{display:none;}
#top_box1 .tel_border_box .tel_no_box .bubble{position: relative; padding: 10px;  background-color: #04275E; display: inline-block;color:#FFF;border-radius: 5px;font-size:35px;}
#top_box1 .tel_border_box .tel_no_box .bubble::before{ content: ''; position: absolute; display: block; width: 0; height: 0; right: -15px; top: 60px; border-left: 15px solid #04275E;border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
#top_box1 .tel_border_box .tel_no_box .bubble .tx1{letter-spacing:10px;white-space: nowrap;}
#top_box1 .tel_border_box .tel_no_box .bubble .tx2{font-size:42px;white-space: nowrap;}
#top_box1 .tel_border_box .tel_no_box .tel_no{margin:0 0.5em 0 1.5em;}
#top_box1 .tel_border_box .tel_no_box .tel_no img{width:100%;max-width:618px;vertical-align:middle;}
#top_box1 .tel_border_box .mail{}
#top_box1 .tel_border_box .mail img{width:100%;max-width:360px;}
#top_box1 .tel_border_box .three_pp_box{flex-wrap:nowrap;margin-top:1.5em;justify-content: space-between;}
#top_box1 .tel_border_box .three_pp_box div{background-color: #D65503; display: inline-block;color:#FFF;border-radius:3px;padding: 0.3em 1em;font-size:24px;}
#top_box1 .tel_border_box ul.extra{margin:2em 0 0 0;padding: 1em;background: #D65503;color: #fff;font-weight: bold;}

#top_box1 .off_box{flex-wrap:nowrap;border:solid 5px #000;margin:0 auto 4em auto;}
#top_box1 .off_box .left{width:80%;padding:1em;}
#top_box1 .off_box .left img{width:100%;height:auto;max-width:676px;}
#top_box1 .off_box .right{background:#04275E;color:#FFF;padding:1em;}

#top_box1 .top_bn_hd{font-size:30px;font-weight:600;}
#top_box1 .top_bn_hd .tx{position:relative;}
#top_box1 .top_bn_hd .tx:before {content: '';position: absolute;top: 50%;left:-8%;display: inline-block;width: 44px;height: 4px;background-color: #D65503;transform: rotate(60deg);}
#top_box1 .top_bn_hd .tx:after {content: '';position: absolute;top: 50%;right:-8%;display: inline-block;width: 44px;height: 4px;background-color: #D65503;transform: rotate(-60deg);}

#top_box2{margin:5em 0;}
#top_box2 h3{font-size:35px;align-items:center;justify-content: center;}
#top_box2 h3 span{padding: 32px 10px 0px 10px;}
#top_box2 .five_reasons{margin:4em 0 0 0;}
#top_box2 .five_reasons .reason{border:solid 3px #000;padding:1em;}
#top_box2 .five_reasons .reason .image{margin:1em 0;}
#top_box2 .five_reasons .reason .point_tx1{margin:1em auto;width:90%;}
#top_box2 .five_reasons .reason .point_tx2{margin:1em auto 1.3em auto;color:#FFF;background:#04275E;padding:0.5em 0;width:90%;}
#top_box2 .common_three_colums_box{justify-content:space-between;}
#top_box2 .link_box{justify-content:space-between;flex-wrap: nowrap;}
#top_box2 .link_box div.left{margin-right:10px;}
#top_box2 .link_box div.right{margin-left:10px;}
#top_box2 .link_box div img{width:100%;height:auto;}

#top_box2 h2,
#top_box3 h2{font-size:30px;font-weight:600;color:#04275E;padding-bottom:20px;}

#top_box3{background:url(img/common/goryokaku.jpg) center/cover no-repeat;background-color:rgba(255,255,255,0.85);background-blend-mode:lighten;padding:5em 0;}

#top_box3 .box_child.combine{width:90%;}
#top_box3 .box_child.combine .common_image_resize
{position:unset;transform:unset;-webkit-transform:unset;height:280px;position: relative; overflow: hidden;}
#top_box3 .box_child.combine .common_image_resize img
{position: absolute;top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;max-width:unset;}
#top_box3 .service_menu {margin:4em 0 0 0;}
#top_box3 .service_menu .image img{width:100%;border-top: solid 1mm #FFF; border-right: solid 1mm #FFF; border-left: solid 1mm #FFF; box-sizing:border-box; }
#top_box3 .white_box{background:#FFF;width:100%;}
#top_box3 .white_box h3{padding:1em 0 0 0;}
#top_box3 .white_box_inner{width:90%;margin:0 auto;padding-bottom:2em;}
#top_box3 .white_box .ex{margin:1em 0 1em 0;}
#top_box3 .white_box .common_blue_btn{width:60%;padding:0.5em 0;max-width:250px;}
#top_box3 .common_two_colums_box .box_child{box-shadow:2px 2px 4px gray;background:#fff;}
#top_box3 .common_two_colums_box .box_child .image{box-sizing:border-box;}
#top_box3 .service1_s{display:none;}

#top_box3.winter_v{background-color: rgba(255,255,255,0.9);}
#top_box3.winter_v img.shikkui,#top_box3.winter_v img.snow{height:230px;object-fit:cover;}

#top_box4{padding:5em 0;background-image:url(img/top/knowledge_bg.jpg);background-position: center;background-repeat:repeat;position: relative;}
#top_box4::after {  content: ''; background-color:#FFF;  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 40%;z-index:0;}
#top_box4 .wrapper{z-index:1;}
#top_box4 .knowlegde_list{margin:4em 0 0 0;}
#top_box4 .knowlegde_list .knowledge{border:solid 3px #000;padding:1em;box-shadow: 2px 2px 4px gray;background-color:#FFF !important;}
#top_box4 .knowlegde_list .knowledge.first{background:url(img/top/man1.png) bottom left 10px / 83px 143px no-repeat;}
#top_box4 .knowlegde_list .knowledge.third{background:url(img/top/man2.png) bottom left 3px / 110px auto no-repeat;}
#top_box4 .knowlegde_list .knowledge.forth{background:url(img/top/man3.png) bottom left 7px / 96px 145px no-repeat;}
#top_box4 .knowlegde_list .knowledge .bubble{ position: relative; padding: 0.5em 0;width:70%;margin:1em auto;border:solid 3px #000;border-radius:3px;}
#top_box4 .knowlegde_list .knowledge .bubble::before{
 content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #000;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

#top_box4 .knowlegde_list .knowledge .bubble::after{
 content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -12px;
  border-top: 15px solid #FFF;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
#top_box4 .knowlegde_list .knowledge .border{width:70%;border-top:solid 3px #000;border-bottom:solid 3px #000;margin:1em auto;padding:0.3em 0;}
#top_box4 .knowlegde_list .knowledge .knowledge_title{font-size:20px;}
#top_box4 .knowlegde_list .knowledge .ex{margin: 1em 3em 2em 7em;}
#top_box4 .knowlegde_list .knowledge .common_blue_btn{width:55%;padding:0.5em 0;}
#top_box4 .knowlegde_list .knowledge .common_blue_btn:hover{cursor:pointer;}


#top_box5{margin:5em 0;}
#top_box5 .flow{margin:4em auto 0 auto;width:70%;}
#top_box5 .flow .step_box{margin-bottom:2.5em;flex-wrap: nowrap;}
#top_box5 .flow .step_box .step{width:150px;height:150px;color:#FFF;background:#04275E;font-size:18px;position:relative;}
#top_box5 .flow .step_box .font_aw{position:absolute;top:105%;left:0;right:0;margin:auto;color:#000;}
#top_box5 .flow .step_box .step p{display:block;}
#top_box5 .flow .step_box .step .step_tx{padding-top:2em;}
#top_box5 .flow .step_box .ex{margin-left:2em;width:70%;}
#top_box5 .flow .step_box .ex .step_no{font-size:20px;color:#D65503;}

#top_box6{background:#F5F5F5;padding:5em 0;}
#top_box6 .view_tp_work_list{margin:4em auto;display:flex;flex-wrap:nowrap;justify-content:center;}
#top_box6 .view_tp_work_list li{width:32%;}
#top_box6 .view_tp_work_list li:nth-child(2){margin:0 2%;}
#top_box6 .view_tp_work_list .title_date{margin-top:1em;}
#top_box6 .view_tp_work_list .title_date .tag{background:#D65503;color:#FFF;padding:0.3em 0.5em;display:inline-block;font-size:12px;border-radius:3px;}
#top_box6 .view_tp_work_list .title_date .date{display:inline-block;margin-left:0.5em;}
#top_box6 .view_tp_work_list .title_date h3{margin-top:0.5em;}
#top_box6 .view_tp_work_list .thumbnail img{width:100%;max-width:328px;height:auto;}
#top_box7{margin:5em 0;}
#top_box7 .view_tp_voice_list{margin:4em auto;}
#top_box7 .view_tp_voice_list li{}
#top_box7 .view_tp_voice_list .thumbnail img{width:100%; height: auto;max-width:400px;}
#top_box7 .slick-slide{margin:0 2em;}


#top_box8{margin:5em 0;}
#top_box8 .about_box{align-items: center;flex-direction: row-reverse;flex-wrap:nowrap;}
#top_box8 .about_box .pic{position: relative; background-position: top center; background-size: cover !important;background-repeat:no-repeat !important; flex: 1;}
#top_box8 .about_box .pic:before { content: ""; display: block; padding-top: 600px;}
#top_box8 .about_box .pic.img1{background:url(img/top/about_pic1.jpg);}
#top_box8 .about_box .pic.img2{background:url(img/top/about_pic2.jpg);}
#top_box8 .about_box .tx{width:calc(50% - 110px);background: #04275E; color: #fff;padding: 60px 55px;}
#top_box8 .about_box .tx h2{font-size:20px;margin-bottom:30px;font-weight:600;}

#top_box8 .about_box.reverse{padding-top:80px;flex-direction:unset;}

#top_box9{background: #F5F5F5; padding: 5em 0;}
#top_box9 .hd{ font-size: 30px;font-weight: 600;margin-bottom:30px;}
#top_box9 .hd .tx{position:relative;}
#top_box9 .hd .tx:before { content: ''; position: absolute; top: 50%; left: -8%; display: inline-block; width: 44px; height: 4px; background-color: #D65503; transform: rotate(60deg);}
#top_box9 .hd .tx:after { content: ''; position: absolute;top: 50%; right: -8%; display: inline-block; width: 44px; height: 4px; background-color: #D65503; transform: rotate(-60deg);}
#top_box9 .ex{font-size:18px;margin-bottom:20px;}

#top_box9 .common_headline_two_under {margin-top:40px;}
#top_box9 .our_thought{justify-content:space-between;margin-top:30px;flex-wrap:wrap;}
#top_box9 .our_thought .child{ width:40%;border:solid 1px #04275E;padding:10px 0 10px 0;margin-bottom:20px;border-left: solid 4em #04275E;position:relative;background:#fff;}
#top_box9 .our_thought .child .tx{font-size:18px;padding-left:10px;padding-right:10px;display:block;font-weight:bold;color:#04275E;}
#top_box9 .our_thought .child .num{color:#fff;font-weight:bold;position: absolute;padding: 0em;left: -2.3em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}


/*=================================
/* SUB サブページ共通
=================================*/
.sub_top_title{position: absolute;z-index: 0;width: 100%;margin-top: 0;height: 340px;display: flex;align-items: center;background: rgba(0, 0, 0, 0.3);}
.sub_top_title h1{width: 100%;max-width: 1200px;padding: 0 2%;margin: 0 auto;font-size: 36px;color: #fff;font-weight: 600;text-align: center;}
.sub_top_title_bg{overflow: hidden;height: 340px;width: 100%;background-size: cover !important;background-repeat: no-repeat;background-position: center !important;}
.common_sub_head_1{margin:0 0 2em 0;}
.common_sub_head_2{margin:0 0 3em 0;}

/*=================================
/* SUB1 選ばれる理由
=================================*/
#sub1_title{background:url(img/reasons/title_bg.jpg);}
#sub1_box1{background:#F5F5F5;padding:5em 0;}
#sub1_box1 .reason{color:#FFF;background:#04275E;padding:1em 0;}
#sub1_box1 .reason a{color:#FFF;}
#sub1_box1 .five_reasons{max-width:920px;justify-content:center;}
#sub1_box1 .five_reasons .box_child{width:30%;margin:0 1% 2% 1%;}
#sub1_box1 .five_reasons .reason .image{margin:1em 0;}
#sub1_box1 .five_reasons .reason .image img{width:81px;height:60px;}
#sub1_box1 .link_box{margin-top: 35px;max-width:920px;justify-content:center;flex-wrap:nowrap;margin-left:auto;margin-right:auto;}
#sub1_box1 .link_box div{ margin: 0 1% 2% 1%;  width: 46%;}
#sub1_box1 .link_box div img{width:100%;height:auto;}

#sub1_box2 .reason_box{margin:10em 0 5em 0;}
#sub1_box2 .reason_h{margin:2em 0 1em 0;}
#sub1_box2 .reason_ex{margin:1em 0;}
#sub1_box2 .reason_image img{max-width:495px;height:auto;}

/*=================================
/* SUB2 外壁塗装
=================================*/
#sub2_title{background:url(img/outer_wall/title_bg.jpg);}
#sub2_box1{margin:5em 0;}
#sub2_box1 .service_box{margin:3em 0 0 0;}
#sub2_box1 .service_list{margin:3em 0 0 0;}
#sub2_box1 .service_list li {margin-bottom:1.5em;align-items:baseline;flex-wrap:nowrap;}
#sub2_box1 .service_list li .num{display:inline-block;color:#FFF;background:#04275E;padding:0.5em 0.7em;}
#sub2_box1 .service_list li .contents{width:90%;display:inline-block;margin-left:1em;}
#sub2_box1 .service_matters_box {background:#FBEEE5;padding:3em;}
#sub2_box1 .service_matters_box .matters_top{margin-bottom:2em;}
#sub2_box1 .service_matters_box .matters_top p{margin-right:3em;}
#sub2_box1 .service_matters_box .matters_mid{margin-bottom:2em;}

#sub2_box2{margin:4em 0;}
#sub2_box2 .outer_wall_service_box{margin:4em 0 0 0;}
#sub2_box2 .outer_wall_image img{width:100%;height:auto;}
#sub2_box2 .ex_list.under{margin-top:4em;line-height:2em;}
#sub2_box2 .ex_list li{margin-bottom:0.7em;align-items:baseline;flex-wrap:nowrap;}
#sub2_box2 .ex_list .num{display:inline-block;color:#FFF;background:#04275E;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;}
#sub2_box2 .ex_list li .contents{width:90%;display:inline-block;margin-left:1em;}
#sub2_box2 .large_balloon_orange_bottom{max-width:547px;}

#sub2_box3 .wall{margin:3em 0 0 0;}
#sub2_box3 .wall{margin:3em 0 0 0;}
#sub2_box3 .wall li {margin-bottom:1.5em;align-items:baseline;flex-wrap:nowrap;}
#sub2_box3 .wall li .num{display:inline-block;color:#FFF;background:#04275E;width:40px;height:40px;line-height:40px;width:8%;text-align:center;}
#sub2_box3 .wall li .sub{width:20%;display:inline-block;margin-left:4%;}
#sub2_box3 .wall li .contents{width:70%;display:inline-block;margin-left:1%;}

#sub2_box4 .service_image img{width:100%;max-width:505px;}
#sub2_box4 .other_service_box li{margin-bottom:0.7em;align-items:baseline;flex-wrap:nowrap;}
#sub2_box4 .other_service_box li .name{width:40%;margin-left:1em;}
#sub2_box4 .other_service_box li .fee{margin-left:1em;}
#sub2_box4 .normal_border_orange{padding:0.2em 1em;}
#sub2_box4 .service_matters_box {background:#FBEEE5;padding:1em;margin-top:1em;}
#sub2_box4 .large_balloon_orange_bottom{max-width:570px;padding:2em 0;display:block;}

/*=================================
/* SUB3 室内塗装
=================================*/
#sub3_title{background:url(img/inside_wall/title_bg.jpg);}
#sub3_box1{ padding: 5em 0 0 0; background: #F5F5F5;}
#sub3_box1 .color img{width:100%;max-width:460px;}
#sub3_box1 .inside_wall_service_box{margin-top:5em;}
#sub3_box1 .inside_wall_service_box h4{margin-top:2em;}
#sub3_box1 .inside_wall_service_box .contents{margin-top:1em;}
#sub3_box1 .inside_wall_image img{width:100%;max-width:505px;}

#sub3_box2{background:#F5F5F5;padding:5em 0;}

#sub3_box3{margin:5em 0;}
#sub3_box3 .other_service{margin-top:4em;}
#sub3_box3 .other_service .image{margin:1em 0;}
#sub3_box3 .other_service .image img{width:100%;max-width:215px;}

/*=================================
/* SUB4 各種塗装
=================================*/
#sub4_title{background:url(img/other_works/title_bg.jpg);}
#sub4_box1{margin:5em 0;}
#sub4_box1 .other_service_box.top{margin-top:6em;}
#sub4_box1 .other_service_box{margin-top:4em;}
#sub4_box1 .fee_box{margin-top:3em;background:#FBEEE5;padding:1em 2em;}
#sub4_box1 .fee_box .normal_border_orange{display:inline-block;margin-left:1em;}
#sub4_box1 .other_works_image img{width:100%;max-width:505px;}


/*=================================
/* SUB5 除雪・排雪
=================================*/
#sub5_box_season{background:#F5F5F5;padding:1em 0 3em 0;}
#sub5_box_season .matters{background:#000;padding:1em 3em 1em;color:#FFF;}
#sub5_box_season .period{justify-content:center;align-items:center;margin: 3em auto 2em auto;}
#sub5_box_season .period div{margin:0 0.5em;}
#sub5_box_season .period .month{background:#D65503;color:#FFF;line-height: 70px;width: 70px; height: 70px; text-align: center;}
#sub5_title{background:url(img/snow/title_bg.jpg);}
#sub5_box1{margin:5em 0;}
#sub5_box1 .snow_box{margin-top:6em;}

#sub5_box2{background:#F5F5F5;padding:5em 0;}
#sub5_box2 .snow_box{margin:5em 0;}
#sub5_box2 .fee_table{margin-top:0.5em;}
#sub5_box2 .snow_matters_box {width:90%;background:#FBEEE5;padding:2em 1em;margin:3em auto;}

#sub5_box3{margin:5em 0;}
#sub5_box1 .snow_image img,#sub5_box3 .snow_image img{width:100%;max-width:505px;}


/*=================================
/* SUB6 塗装の目的
=================================*/
#sub6_title{background:url(img/knowledge/title_bg1.jpg);}
#sub6_box1{margin:5em 0;}
#sub6_box1 .top_img{margin:0 0 2em 0;}
#sub6_box1 .top_img img{width:100%;max-width:400px;}
#sub6_box1 .link_box{justify-content:center;}
#sub6_box1 .link_box .link_child{margin:1em;width:26%;}

#sub6_box2{background:#F5F5F5;padding:5em 0;}
#sub6_box2 .image_box{ margin:4em 0; justify-content: space-around;flex-wrap:nowrap;}
#sub6_box2 .image_box .ex{margin-top:0.5em;}
#sub6_box2 .knowledge_box.top {margin-top:10em;}
#sub6_box2 .knowledge_box {margin-top:5em;}
#sub6_box2 .knowledge_image img{width:100%;max-width:505px;}
#sub6_box2 .contents p{margin-bottom:1em;}

#sub6_box3{margin:5em 0;}
#sub6_box3 .paint{justify-content: center;margin:2em 0 1em 0;}
#sub6_box3 .roof_paint{margin-top:8em;}
#sub6_box3 .roof_paint .common_three_colums_box{margin:4em 0;flex-wrap:nowrap;}
#sub6_box3 .roof_paint .common_three_colums_box img{width:100%;height:auto;max-width:215px;}
#sub6_box3 .roof_paint .ex{width:80%;margin:0 auto;}
#sub6_box3 .roof_paint .ex p{margin-bottom:1em;}

.knowledge_matters_box{background:#FBEEE5;padding:2em 1em;margin:3em auto;}
.knowledge_matters_box .paint p{margin:0 0 1em 0;}
.knowledge_matters_box .normal_border_orange{margin-left:1em !important;}

/*=================================
/* SUB7 塗装工事用語
=================================*/
#sub7_title{background:url(img/knowledge/title_bg2.jpg);}
#sub7_box1{margin:5em 0;}
#sub7_box1 .top_img{margin:0 0 2em 0;}
#sub7_box1 .top_img img{width:100%;max-width:600px;}
#sub7_box1 .link_box{justify-content:center;}
#sub7_box1 .link_box .link_child{margin:1em;width:18%;}

#sub7_box2{margin:5em 0;}
#sub7_box2 .term_box{background:#FBEEE5;padding:2em;margin:1em auto;align-items:center;flex-wrap:nowrap;}
#sub7_box2 .term_box .term_contents{margin-left:1em;}
#sub7_box2 .term_box .term_name{margin-bottom:0.5em;}
#sub7_box2 #term2,#sub7_box2 #term3,#sub7_box2 #term4{margin-top:4em;}

/*=================================
/* SUB8 価格の目安
=================================*/
#sub8_title{background:url(img/knowledge/title_bg3.jpg);}
#sub8_box1{margin:5em 0;}
#sub8_box1 .top_img{margin:0 0 2em 0;}
#sub8_box1 .top_img img{width:100%;max-width:400px;}
#sub8_box1 .ex{width:50%;margin-left:auto;margin-right:auto;}
#sub8_box1 #modal-open{width:100%;max-width:1100px;height:auto;}
#sub8_box2 {margin:5em 0;}
#sub8_box2 .common_tb_border_title{margin-top:8em;}
#sub8_box2 .matter{margin-top:4em;}
#sub8_box2 .paint_table.example{margin-top:0.5em;}
#sub8_box2 .knowledge_matters_box{padding:3em;margin-bottom:5em;}

/*=================================
/* SUB9 施工事例
=================================*/
#sub9_title{background:url(img/works/title_bg.jpg);}
#sub9_box1{margin:5em 0;}
#sub9_box1 .view_sb_work_list{margin:0 auto 4em auto;}
#sub9_box1 .view_sb_work_list .title_date{margin-top:1em;}
#sub9_box1 .view_sb_work_list .title_date .tag{background:#D65503;color:#FFF;padding:0.3em 0.5em;display:inline-block;font-size:12px;border-radius:3px;}
#sub9_box1 .view_sb_work_list .title_date .date{display:inline-block;margin-left:0.5em;}
#sub9_box1 .view_sb_work_list .title_date h3{margin-top:0.5em;}
#sub9_box1 .view_sb_work_list li {clear:both;overflow:hidden;margin-bottom:5em;}
#sub9_box1 .view_sb_work_list li .left{float:left;width:45%;}
#sub9_box1 .view_sb_work_list li .left img{width:100%;height:auto;}
#sub9_box1 .view_sb_work_list li .right{float:left;width:50%;margin-left:5%;}
#sub9_box1 .view_sb_work_list li .title{font-weight:600;}
#sub9_box1 .view_sb_work_list li .content{font-size:12px !important;margin-top:2em;}
#sub9_box1 .common_single_post .content img{height:auto;max-width:100%;width: auto;}
#sub9_box1 .common_single_post div{max-width:100%;}

/*=================================
/* SUB10 お客様の声
=================================*/
#sub10_title{background:url(img/voice/title_bg.jpg);}
#sub10_box1{margin:5em 0;}
#sub10_box1 .view_sb_voice_list li{padding-bottom:5em;}
#sub10_box1 .view_sb_voice_list li .tag{background:#D65503;color:#FFF;padding:0.3em 0.5em;display:inline-block;font-size:12px;border-radius:3px;margin-bottom:1em;}
#sub10_box1 .view_sb_voice_list li .title{font-weight:600;padding-bottom:1em;display:block;}
#sub10_box1 .view_sb_voice_list li .thumbnail img{width:100%;height:auto;max-width:670px;}
#sub10_box1 .common_single_post .thumbnail img{width:100%;height:auto;max-width:670px;}

/*=================================
/* SUB11 会社概要
=================================*/
#sub11_title{background:url(img/company/title_bg.jpg);}
#sub11_box1{margin:5em 0 4em 0;}
#sub11_box1 .greeting_box{margin-top:5em;}
#sub11_box1 .ceo_pic img{width:100%;height:auto;max-width:505px;}
#sub11_box1 .greeting_pic img{width:100%;height:auto;max-width:500px;}
#sub11_box1 .ceo_name{margin-top:2em;}
#sub11_box1 .ceo_name img{width:100%;height:auto;max-width:290px;}
#sub11_box1 .contents p{margin-bottom:20px;}
#sub11_box2{background:#F5F5F5;padding:5em 0;}

#sub11_box4{margin:5em 0;}
#sub11_box4 .link_name{margin-bottom:1em;}
#sub11_box4 .common_two_colums_box{justify-content:center;margin-top:4em;}


/*=================================
/* SUB12 お問い合わせ
=================================*/
#sub12_title{background:url(img/contact/title_bg.jpg);}
#sub12_box1{margin:5em 0 4em 0;}
#sub12_box1 .mm1{margin:0 0 2em 0;}
#sub12_box1 .mm2 p{margin-bottom:2em;}
#sub12_box1 .off_box{flex-wrap:nowrap;border:solid 5px #000;margin:4em auto;}
#sub12_box1 .off_box .left{width:80%;padding:1em;}
#sub12_box1 .off_box .left img{width:100%;height:auto;max-width:676px;}
#sub12_box1 .off_box .right{background:#04275E;color:#FFF;padding:1em;}
#sub12_box1 .common_three_colums_box {justify-content:space-between;}
#sub12_box1 .common_three_colums_box .box_child{width:28%;}
#sub12_box1 .contact_way_box .how{border:solid 3px #000;padding:1em;}
#sub12_box1 .contact_way_box .mm1{margin:0.5em 0;}
#sub12_box1 .contact_way_box .tel{
font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
    padding-left: 27px;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
    background: url(img/common/tel_icon.png) no-repeat left 0px top 13px;
    background-size: 27px auto;
    height: 39px;
    line-height: 39px;
    white-space: nowrap;
    display: inline-block;
    }
#sub12_box1 .contact_way_box .fax{position:relative;}
#sub12_box1 .contact_way_box .fax_num{
font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
    padding-left: 27px;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
    background: url(img/common/fax_icon.png) no-repeat left 0px top 13px;
    background-size: 33px auto;
    height: 45px;
    line-height: 45px;
    white-space: nowrap;
    display: inline-block;
    }
#sub12_box1 .contact_way_box .form{flex-wrap:nowrap;align-items:center;margin:1em 0;justify-content: center;}
#sub12_box1 .contact_way_box .form .right{margin-left:0.5em;}

#sub12_box2{background:#F5F5F5;padding:5em 0;}
#sub12_box2 .ex {}
#sub12_box2 ul li{list-style-type:disc;padding:0 0 1em 0;width:80%;margin:0 auto;}
#sub12_box2 .form{background:#FFF;padding:1em;width:80%;margin:3em auto;}
#sub12_box2 .form table td{border:none !important;}
#sub12_box2 .form .hissu{background:#D0171B;color:#FFF;font-size:11px !important;padding:0.2em;margin-left:1em;border-radius:3px;}

/*=================================
/* SUB13 採用情報
=================================*/
#sub13_title{background:url(img/recruit/title_bg.jpg);}
#sub13_box1{margin:5em 0 4em 0;}
#sub13_box1 img{width:100%;height:auto;max-width:800px;}
.recruit_contact{justify-content:space-around !important;}
.recruit_info{margin-bottom:3em;}

/*=================================
/* SUB14　室内塗装
=================================*/
#sub14_title{background:url(img/shikkui/title_bg.jpg);}
#sub14_box1{margin:5em 0 4em 0;}
#sub14_box1 .common_two_colums_w_box.top{margin-top:4em;}
#sub14_box1 .problem{font-size:30px;margin-top:2em;align-items:center;justify-content:center;}
#sub14_box1 .problem .icon{padding-right:0.5em;}
#sub14_box1 .large_balloon_orange_bottom span{font-size:30px;}
#sub14_box1 img{max-width:100%;height:auto;}
#sub14_box1 .pic_title{margin-top:1em;margin-bottom:1em;}
#sub14_box1 .ex_sm{margin-top:1.5em;font-size:12px;}

#sub14_box1 .link_box.shikkui{margin:2em auto 0 auto;font-size:20px;flex-wrap:nowrap;justify-content:space-between;}
#sub14_box1 .link_box.shikkui a{width:23%;}
#sub14_box1 .link_box.shikkui .common_black_border_btn{padding:1em 0.3em !important;}

#sub14_box2 {padding-top:5em;padding-bottom:6em;background:#F5F5F5;}
#sub14_box2 .tx1{margin:2em auto;font-size:20px;}
#sub14_box2 table{margin: 0.5em auto 0.5em auto;width:100% !important;}
#sub14_box2 .tx2{font-size:25px;}
#sub14_box2 .exam{margin-top:5em;}
#sub14_box2 .exam img{max-width:100%;height:auto;}

#sub14_box3{margin:6em 0;}
#sub14_box3 .atten{font-size:0.7em;margin:1em auto;}
#sub14_box3 .flex{justify-content:space-between;flex-wrap:nowrap;margin-top:4em;}
#sub14_box3 .child{width:23%;}
#sub14_box3 .child h3{font-size:18px;margin-top:1em;margin-bottom:1em;}
#sub14_box3 .child img{max-width:100%;height:auto;}
#sub14_box3 .exam{margin-top:4em;}

#sub14_box4{padding:5em 0 6em 0;background:#f5f5f5;}
#sub14_box4 h3{font-size:30px;}
#sub14_box4 .flex{justify-content:space-between;flex-wrap:nowrap;margin-top:4em;}
#sub14_box4 .flex .child{width:30%;}
#sub14_box4 .flex h4{font-size:18px;margin-bottom:1em;}
#sub14_box4 .child img{max-width:100%;height:auto;}

#sub14_box5{margin:6em 0 7em 0;}
#sub14_box5 img{max-width:100%;height:auto;}
#sub14_box5 .flex{flex-wrap:nowrap;justify-content:space-between;margin-top:5em;}
#sub14_box5 .flex .child{width:45%;}
#sub14_box5 .flex h3{font-size:25px;}
#sub14_box5 .flex h3 .name{font-size:16px;}
#sub14_box5 .flex .point{font-weight:600;display:block;margin-top:1em;margin-bottom:0.5em;}





/*=================================
/* 対応エリア
=================================*/
#common_area{background:#F5F5F5;padding:5em 0;}
#common_area .area_map_box{flex-wrap:nowrap;max-width: 925px;border:solid 3px #000;box-shadow: 2px 2px 4px grey; background-color: #FFF !important;margin:4em auto 0 auto;}
#common_area .area_map_box .left{width:50%;background: url(img/top/man1.png) bottom left 10px / 83px 143px no-repeat;}
#common_area .area_map_box .left .hk{margin:2em 0 1em 0;}
#common_area .area_map_box .left .ex{margin: 3em 5em 2em 9em;}
#common_area .area_map_box .right img{width:100%;height:auto;}
#common_area .area_map_box .bubble {
    position: relative;
    padding: 0.5em 0;
    width: 70%;
    margin: 1em auto;
    border: solid 3px #000;
    border-radius: 3px;
}
#common_area .area_map_box .bubble::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 20px;
    bottom: -15px;
    border-top: 15px solid #000;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
#common_area .area_map_box .bubble::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 20px;
    bottom: -12px;
    border-top: 15px solid #FFF;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
#common_area .footer_area_box_bg_text { margin: 4em auto; padding: 2% 2%; bottom: auto;background: #fff; max-width: 925px;box-shadow: 1px 1px 4px #7d7d7d;}
#common_area .footer_area_box_bg_text h3{display:block;margin-bottom:2em;}

/*=================================
/* フッターリンク
=================================*/
#footer_link{background: url(img/common/hakodateyama.jpg) center/cover no-repeat;padding: 5em 0;background-color:rgba(255,255,255,0.85);background-blend-mode:lighten;}
#footer_link .footer_link_box{width:100%;justify-content: space-between;}
#footer_link .footer_link_box .left,#footer_link .footer_link_box .right{width:45%;}
#footer_link .footer_link_box .left a,#footer_link .footer_link_box .right a{display: block; padding:1em 2em;background:#FFF;height:240px; }
#footer_link .footer_link_box .left a{ border: 3px solid #D65503;}
#footer_link .footer_link_box .right a{ border: 3px solid #04275E;}
#footer_link .footer_link_box h3{font-size:33px;}
#footer_link .footer_link_box .left h3{color:#D65503;}
#footer_link .footer_link_box .right h3{color:#04275E;}
#footer_link .footer_link_box .left .mm{margin:0.8em 0;}
#footer_link .footer_link_box .left .mm_s{display:none;}
#footer_link .footer_link_box .left .com{padding-left: 47px; background: url(img/common/company_icon.png) left center/34px auto no-repeat;}
#footer_link .footer_link_box .right .com{padding-left: 47px; background: url(img/common/contact_icon.png) left center/37px auto no-repeat;}
#footer_link .footer_link_box .right .tel{font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;text-align:left;padding-left:30px;font-size: 30px;font-weight: 900;letter-spacing:1px;background: url(img/common/tel_icon.png) no-repeat left 0 top 11px;background-size: 27px auto;height:39px;lihe-height:39px;}

#footer_link .footer_link_box .right .mail{background: url(img/common/24_icon.png) no-repeat left 15px top 6px; background-size: 35px auto;}
#footer_link .footer_link_box .right .hours{font-size:12px;display:block;}
#footer_link .footer_link_box .right .time{display:block;margin:0.3em 0;}

/*=================================
/* フッター
=================================*/
#footer{margin-top:3em;margin-bottom:4em;}
#footer .footer_box{width:100%;justify-content: space-between;}
#footer .footer_box .left{width:30%;}
#footer .footer_box .left .cp{display:block;margin-bottom:2em;font-size:12px;}
#footer .footer_box .open{font-size:16px;display:block;margin:0.5em 0;text-align:left;}
#footer .footer_box .tel{font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;margin-top:0.7em;text-align:left;padding-left:30px;font-size: 30px;font-weight: 900;letter-spacing:1px;background: url(img/common/tel_icon.png) no-repeat left 0 top 11px;background-size: 27px auto;height:39px;lihe-height:39px;}
#footer .footer_box .tel a{color:#000;}
#footer .footer_box .contact{width: 305px;height: 55px;display: table;}
#footer .footer_box .contact a{display:table-cell;text-align:center;vertical-align:middle;text-decoration:none;color:#fff;background:#04275E;font-size:16px;}
#footer .footer_box .contact a .mail{background: url(img/common/24_icon.png) no-repeat left 15px top 6px; background-size: 35px auto;}
#footer .footer_box .contact .hours{font-size:12px;display:block;}

#footer .footer_box .right{width:60%;justify-content: space-between;}
#footer .footer_box .right ul li{margin-bottom:0.7em;}
#footer .footer_box .right .nav_pa{position:relative;}
#footer .footer_box .right .nav_pa::before {position: absolute;top: 50%; left: -1.5em; display: block; content: "＞"; font-size: 12px; transform: scaleX(0.5) translateY(-50%);}
#footer .footer_box .right .nav_sub{position:relative;}
#footer .footer_box .right .nav_sub::before { position: absolute; top: -10%; left: -1.5em; display: block; content: "－"; font-size: 12px;}
address{clear:both;padding:20px;text-align:center;font-style:normal;font-size:12px;color:#fff;background:#04275E;}


/*下部固定*/
#moble_bottom_contact {display:block;width:100%;height:70px;position:fixed;bottom:0px;left:0px;background-color:#FFF;box-sizing:border-box;overflow:hidden;z-index:2;}
#moble_bottom_contact .re_wrap {height:100%;width:100%;position:relative;	display:flex;margin:0 auto;justify-content:space-around;align-items:center;font-size:30px;text-align:center;}
#moble_bottom_contact .mm{display:block;}
#moble_bottom_contact .yoyaku_btn {	width:33.3333333%;height:100%;text-align:center;background-color:#D65503;color:#fff;position:relative;}
#moble_bottom_contact .yoyaku_btn span {display:inline-block;	width:100%;	font-size:10px;	font-family:'Abel', sans-serif;	font-weight:400;	letter-spacing:0.1em;	display:none;}
#moble_bottom_contact .tel {width:33.3333333%;height:100%;color:#fff;font-weight:600;background:#04275E;position:relative;}
#moble_bottom_contact .line{width:33.3333333%;height:100%;color:#fff;background:#00b900;position:relative;}
.mb_bottom_mail{padding-right:8px;}
.mb_bottom_tel{padding-right:8px;}
.re_wrap a{text-decoration:none;}
#moble_bottom_contact img{max-width:100%;height:auto;position: absolute;  top: 50%;  left: 50%;  -webkit-transform : translate(-50%,-50%);  transform : translate(-50%,-50%);}
#moble_bottom_contact img.pc{display:block;}
#moble_bottom_contact img.sm{display:none !important;}
.page_top {  position: fixed;  bottom: 70px;  right: 0px;  text-decoration: none;  z-index: 100;}

/*----------------------------------------------------
	PC：インナー幅まで
----------------------------------------------------*/
@media screen and (min-width:1140px) {

	/*ヘッダー*/
	#header .t_right{width:310px;position: absolute;top: 0; right: 0;}

	/*グローバルメニュー*/
	nav#mainNav-sm{display:none;}
	nav#mainNav{width:100%;padding:0;clear:both;background:#04275E;}
	nav#mainNav .menu {position: relative;width: 100%;height: 65px;max-width: 1140px;margin: 0 auto;}
	nav#mainNav .menu > li {float: left;width: 142px;height: 64px;line-height: 64px;}
	nav#mainNav .menu > li a {display: block;color: #fff;font-size:15px;text-align: center;}
	nav#mainNav .menu > li img {vertical-align:middle;}
	nav#mainNav .menu > li a:hover {opacity:0.5;}
	nav#mainNav .menu__mega:hover{background: #072A24;-webkit-transition: .2s ease;transition: .2s ease;}
	nav#mainNav .menu:before,.menu:after { content: ""; display: table;}
	nav#mainNav .menu:after {clear: both;}
	nav#mainNav .menu {*zoom: 1;}
	nav#mainNav .menu li.last:after {content: "";width:1px;background-color:#fff;height: 30px;display: block;position: absolute;top: 18px;right:0;}
	nav#mainNav .menu li.single:before {content: "";width:1px;background-color:#fff;height: 30px;display: block;position: absolute;top: 18px;}
	nav#mainNav .menu li.menu__mega:before {content: "";width:1px;background-color:#fff;height: 30px;display: block;position: absolute;top: 18px;}
	.menu__second-level li {border-top: 1px solid #111;}
	.menu__second-level li a:hover {opacity: 0.5;}
	.menu__mega .menu__second-level {position: absolute;top: 40px;left: 0;box-sizing: border-box;width: 100%;padding: 0 2%;background: #252e33;-webkit-transition: all .2s ease;transition: all .2s ease;
	  visibility: hidden;opacity: 0;z-index: 10;}
	.menu__mega:hover .menu__second-level {top: 64px;visibility: visible;opacity: 1;}
	.menu__mega .menu__second-level > li {float: left;width: 20%;border: none;}
	.menu__mega .menu__second-level > li:nth-child(3n+2) {margin: 0 1%;}

	/* 固定 */
	.fixed { position: fixed; top: 0; padding: 0;  width: 100%; z-index: 1000;}

}

@media screen and ( max-width:1280px) {
	/*#top_box1 .tel_border_box .tel_no_box .tel_no{font-size:46px;}
	#top_box1 .tel_border_box .mail{font-size:27px;}*/
}

/*----------------------------------------------------
	タブレット ： インナーの幅から
----------------------------------------------------*/
@media screen and ( max-width:1139px) {

	#header{height:100px;}
	#header .wrapper{padding:4% 0;}
	.wrapper_head{padding:0;}
	#header .logo{clear:both;width:80%;left:0;top:17%;margin:0 0 0 1%;}
	#header .logo img{width:auto;height:70px;}
	#header .t_left{display:none;}
	#header .t_left img{max-width:300px;}
	#header .t_right {display: none;}
	#header h1{display:none;}
	
    
	/* ヘッダー　ハンバーガーメニュー */
	nav#mainNav{display:none;}

	nav#mainNav-sm {display:block;position: fixed;z-index: 2;top: 0;left: 0;background: #fff;color: #000;text-align: center;transform: translateY(-100%);transition: all 0.6s;width: 100%;overflow-y: scroll; height: 100%;}
	nav#mainNav-sm ul {background: #ccc;margin: 0 auto;padding: 0;width: 100%;}
	nav#mainNav-sm ul li {font-size: 0.9em;list-style-type: none;padding: 0;width: 100%;border-bottom: 1px dotted #333;}
	nav#mainNav-sm ul li:last-child {padding-bottom: 0;border-bottom: none;margin-bottom:60px;}
	nav#mainNav-sm ul li a {display: block;color: #000;padding: 0.9em 0;}
	nav#mainNav-sm.active {transform: translateY(0%);}
	.navToggle {display: block;position: fixed; right: 13px;top: 12px;width: 45px;height:45px;cursor: pointer;z-index: 3;background: #04275E;text-align: center;}
	.navToggle span {display: block;position: absolute;width: 30px;border-bottom: solid 1px #eee;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;left: 7px;}
	.navToggle span:nth-child(1) {top: 13px;}
	.navToggle span:nth-child(2) {top: 22px;}
	.navToggle span:nth-child(3) {top: 31px;}
	.navToggle span:nth-child(4) {border: none;color: #eee;font-size: 9px;font-weight: bold;top: 34px;}
	.navToggle.active span:nth-child(1) {top: 23px;left: 6px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
	.navToggle.active span:nth-child(2),.navToggle.active span:nth-child(3) {top: 23px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
	
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
	/*トップ*/
	#top_box1 .tel_border_box{padding:2em 5em;}
	
	#top_box1 .tel_border_box .tel_no_box .bubble{font-size:28px;}
	#top_box1 .tel_border_box .tel_no_box .bubble .tx2{font-size:33px;}
	#top_box1 .tel_border_box .tel_no_box .bubble::before{top:50px;}
	
	/*フッター*/
	#footer .footer_box .right{font-size:12px;}
	#footer .footer_logo img{height:45px;width:auto;}
	#footer .footer_box .open,#footer .footer_box .tel,#footer .footer_box .contact{display:none;}



}

/*----------------------------------------------------
	(1024px）
----------------------------------------------------*/
@media screen and (max-width:1024px) {
	/*メインビジュアル*/
	.slide_img_pc{display:none !important;}
	.slide_img_sm{display:block !important;}

	#top_box1 .off_box .right .ex{font-size:23px;}
	#top_box3.winter_v img.shikkui,#top_box3.winter_v img.snow{height:200px;}
	
	/*SUB12*/
	#sub12_box1 .off_box .right .ex{font-size:23px;}
	#sub12_box1 .common_three_colums_box .box_child{width:100%;}
	
	#sub14_box1 .link_box.shikkui{font-size:18px;}

	/*フッターリンク*/
	#footer_link .footer_link_box h3{font-size:22px;}
	#footer_link .footer_link_box .mm{font-size:13px;}
	#footer_link .footer_link_box .left .mm{font-size:13px;margin:2em 0;}
	#footer_link .footer_link_box .right .mm{font-size:13px;margin:1em 0 0 0;}
	#footer_link .footer_link_box .right .tel{font-size:25px;background-size: 22px auto;}
	#footer_link .footer_link_box .right .com{height:41px;}
	#footer_link .footer_link_box .right h3{height:41px;line-height:41px;}
	

}


/*----------------------------------------------------
	980
----------------------------------------------------*/
@media screen and (max-width:980px) {

	/*トップ*/
	#top_box1 .tel_border_box {padding: 2em 2em;}
	#top_box1 .tel_border_box .three_pp_box div{font-size:20px;}
	
	#top_box8 .about_box{display:block !important;}
	#top_box8 .about_box .tx { width: calc(100% - 30px);padding:40px 15px;}
	#top_box8 .about_box .pic{height:400px;}
	
	#common_area .area_map_box{flex-wrap:wrap;}
	#common_area .area_map_box .left{width:100%;}
	#common_area .area_map_box .right{width:100%;}
	
	/*フッターリンク*/
	#footer_link .footer_link_box .left .mm{margin:1em 0;}
	
	#moble_bottom_contact .re_wrap{font-size:22px;}

}

/*----------------------------------------------------
	スマホ ： iPad（880px）
----------------------------------------------------*/
@media screen and (max-width:880px) {
	#top_box1 .tel_border_box .tel_no_box .bubble::before{top:41px;}
	#sub14_box1 .link_box.shikkui{flex-wrap:wrap;}
	#sub14_box1 .link_box.shikkui a { width: 45%;margin-bottom: 1em;}

}

/*----------------------------------------------------
	スマホ ： iPad（840px）
----------------------------------------------------*/
@media screen and (max-width:880px) {
	#top_box1 .tel_border_box .tel_no_box .bubble{font-size:24px;}
	#top_box1 .tel_border_box .tel_no_box .bubble .tx2{font-size:29px;}
	#top_box3.winter_v img.shikkui,#top_box3.winter_v img.snow{height:150px;}
	
}


/*----------------------------------------------------
	スマホ ： iPadより小さい（767px）
----------------------------------------------------*/
@media screen and (max-width:767px) {

	/*フォント共通*/
	#top_box2 h3,
	#top_box2 h2,
	#top_box3 h2,
	#top_box1 .top_bn_hd,
	#top_box9 .hd
	{font-size:22px;}
	
	.common_headline_two_under,
	#sub14_box1 .problem,
	#sub14_box4 h3
	{font-size:20px;}
	
	#top_box1 .tel_border_box .mm,
	#top_box1 .tel_border_box .tel_no_box .bubble,
	.common_headline_three_normal,
	#sub14_box2 .tx2,
	#sub14_box5 .flex h3
	{font-size:18px;}
	
	#top_box1 .tel_border_box .three_pp_box div,
	#top_box4 .knowlegde_list .knowledge .knowledge_title,
	.common_tb_border_title,
	#top_box5 .flow .step_box .ex .step_no,
	#sub14_box2 .tx1,
	#top_box8 .about_box .tx h2,
	#top_box9 .ex,
	#top_box9 .our_thought .child .tx
	{font-size:16px;}
	
	.common_hedline_sub,
	#sub14_box4 .flex h4
	{font-size:14px;}
	
	.common_blue_btn
	{font-size:12px;}
	
	/*Flex box共通*/
	.common_three_colums_box .box_child,
	.common_two_colums_box .box_child,
	.common_two_colums_w_box .box_child,
	#top_box3 .box_child.combine
	{width:100%;}
	
	.common_two_colums_w_box .box_child.first_reverse{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
	.common_two_colums_w_box .box_child.second_reverse{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}


	.common_two_colums_w_box .box_child.left{margin-bottom:2em;}


	/*共通*/
	.common_headline_two_under:before{width:50px;}
	
	/*イメージリサイズ共通*/
	.common_image_resize
	{position:unset;transform:unset;-webkit-transform:unset;height:210px !important;position: relative !important; overflow: hidden;}
	
	.common_image_resize img,
	#top_box3 .box_child.combine .common_image_resize img
	{position: absolute;top: 70%; left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;max-width:unset;}


	
	/*トップ*/
	#top_bn_box .wrapper{flex-wrap:wrap;}
	#top_bn_box .shikkui{margin-right:0;margin-bottom:3em;}

	#top_box1 .tel_border_box .tel_no_box .bubble .tx2{font-size:20px;}
	#top_box1 .tel_border_box .tel_no_box .bubble .tx1 { letter-spacing: 5px;}
	#top_box1 .tel_border_box .tel_no_box .bubble::before{top:27px;}
	#top_box1 .off_box{flex-wrap:wrap;}
	#top_box1 .off_box .left,	#top_box1 .off_box .right{width:100%;}
	#top_box1 .off_box .right .ex{font-size:18px;}
	
	#top_box1 .top_bn_hd .tx:before,
	#top_box1 .top_bn_hd .tx:after,
	#top_box9 .hd .tx:before,
	#top_box9 .hd .tx:after{width:30px;}

	
	#top_box2 .link_box{flex-wrap:wrap;}
	#top_box2 .link_box div.left{width:100%;margin-right:unset;margin-bottom:20px;}
	#top_box2 .link_box div.right{width:100%;margin-left:unset;}
	

	#top_box2 h3 img{width:30px; height:auto;}
	#top_box3 .service1_p{display:none !important;}
	#top_box3.winter_v .service1_p{display:block !important;}
	#top_box3.winter_v img.service1_p{height:auto;}
	#top_box3 .service1_s{display:block !important;}
	#top_box3.winter_v img.shikkui,#top_box3.winter_v img.snow{height:auto;}
	
	#top_box5 .flow{width:100%;}
	#top_box5 .flow .step_box .step { width: 130px; height: 130px; font-size: 14px;}
	
	#top_box9 .our_thought .child{width:100%;}
	
	/*テーブル*/

	/*サブページ共通*/
	.sub_top_title{height: 150px;}
	.sub_top_title h1{max-width: 767px;font-size: 22px;}
	.sub_top_title_bg{height: 150px;}

	/*SUB1*/
	#sub1_box1 .five_reasons .reason .image img{width:60px;height:auto;}
	#sub1_box2 .reason_image img{max-width:767px;}

	#sub1_box1 .link_box {flex-wrap:wrap;}
	#sub1_box1 .link_box div{width:96%;}
	
	/*SUB2*/
	#sub2_box1 .service_matters_box .matters_top p { margin-right: 1em; margin-bottom: 1em;}
	#sub2_box4 .service_image img{max-width:767px;}
	
	/*SUB6*/
	#sub6_box2 .image_box .image {margin:0 0.5em;}
	#sub6_box2 .image_box .image img{width:100%;height:auto;}
	#sub6_box3 .roof_paint .ex{width:100%;}
	
	/*SUB7*/
	#sub7_box1 .arrow_down::before{left:10px;}

	
	/*SUB8*/
	#sub8_box1 .ex{width:90%;}
	table.paint_table{width:100%;}
	
	/*SUB12*/
	#sub12_box1 .off_box{flex-wrap:wrap;}
	#sub12_box1 .off_box .left,	#sub12_box1 .off_box .right{width:100%;}
	#sub12_box1 .off_box .right .ex{font-size:18px;}
	#sub12_box2 ul li{width:90%;}
	#sub12_box2 .form{width:90%;}
	#sub12_box2 .form table th{display:block;width:100%;padding:0.5em 0;}
	#sub12_box2 .form table td{display:block;width:100%;padding:0.5em 0 1.5em 0;}
	#sub12_box2 .form table tr{border-bottom:dashed 1px #333;}
	
	/*SUB14*/
	#sub14_box2 table{width:100% !important;}
	#sub14_box3 .flex,
	#sub14_box4 .flex,
	#sub14_box5 .flex{flex-wrap:wrap;}
	#sub14_box3 .child{width:45%;}
	#sub14_box4 .flex .child{width:45%;}
	#sub14_box5 .flex .child{width:100%;}


	/*フッターリンク*/
	#footer_link .footer_link_box .left, #footer_link .footer_link_box .right{width:100%;}
	#footer_link .footer_link_box .left a, #footer_link .footer_link_box .right a{height:auto;}
	#footer_link .footer_link_box .left{margin-bottom:2em;}
	#footer_link .footer_link_box .left .mm{display:none;}
	#footer_link .footer_link_box .left .mm_s{display:block;}

	
	/*フッター*/
	#footer .footer_box{display:block;}
	#footer .footer_box .left{width:100%;margin-bottom:2em;}
	#footer .footer_box .right{width: 94%;margin: 0 3%;}
	#moble_bottom_contact .re_wrap{font-size:16px;}
	#moble_bottom_contact{height:40px;}
	#moble_bottom_contact img.pc{display:none !important;}
	#moble_bottom_contact img.sm{display:block !important;}
	
	.page_top{bottom:40px;}
	
}

/*----------------------------------------------------
	スマホ ： （580px）
----------------------------------------------------*/
@media screen and (max-width:580px) {

	/*トップ*/
	
	#top_box1 .tel_border_box .three_pp_box{flex-wrap:wrap;}
	#top_box1 .tel_border_box .three_pp_box div{width:100%;margin-bottom:0.3em;text-align:center;}
	#top_box1 .tel_border_box .tel_no_box .bubble{font-size:14px;}
	#top_box1 .tel_border_box .tel_no_box .bubble .tx2{font-size:16px;}
	#top_box1 .tel_border_box .tel_no_box .bubble::before{top:21px;}
	

}

/*----------------------------------------------------
	スマホ ： （480px）
----------------------------------------------------*/
@media screen and (max-width:480px) {

	/*テーブル*/
	table.blue_type th,table.blue_type td{display:block;width:100%;}
	table.blue_type th{padding-top:0.5em;}

	/*トップ*/
	#top_box1{padding:2em 0;}
	#top_box1 .tel_border_box .tel_no_box {flex-wrap:wrap;text-align:center;}
	#top_box1 .tel_border_box .tel_no_box .bubble{display:none;}
	#top_box1 .tel_border_box .tel_no_box .bubble_sm{width:100%;position: relative; padding: 10px;  background-color: #04275E; display: inline-block;color:#FFF;border-radius: 5px;}
	#top_box1 .tel_border_box .tel_no_box .bubble_sm .tx1{display:block;}
	#top_box1 .tel_border_box .tel_no_box .bubble_sm::before{content: ''; position: absolute; display: block; width: 0; height: 0; left: 42%; bottom: -15px;
	border-top: 15px solid #04275E;  border-right: 15px solid transparent;  border-left: 15px solid transparent;}
	#top_box1 .tel_border_box .tel_no_box .tel_no{margin:2em auto 1em auto;}
	#top_box1 .tel_border_box .mm{font-size:16px;}
	#top_box1 .top_bn_hd .tx:before,
	#top_box1 .top_bn_hd .tx:after,
	#top_box9 .hd .tx:before,
	#top_box9 .hd .tx:after{display:none;}
	#top_box4{background-image:none;}
	#top_box4 .knowlegde_list .knowledge .ex{margin:1em 2em;}
	#top_box4 .knowlegde_list .knowledge{background-color: rgba(255,255,255,0.8) !important; background-blend-mode: lighten;}
	#top_box6 .view_tp_work_list{flex-wrap:wrap;}
	#top_box6 .view_tp_work_list li:nth-child(2){margin:0 0 50px 0;}
	#top_box6 .view_tp_work_list li{width:100%;margin-bottom:50px;}
	#top_box6 .view_tp_work_list .thumbnail img{max-width:unset;}
	#top_box6 .view_tp_work_list .slick-slide{margin:0 1em;}
	#top_box8 .about_box .pic{height:300px;}
	#top_box8 .about_box .pic.img1{ background-position: right top;}
	#top_box8 .about_box .pic.img2{background-position:left center;}
	
	/*SUB4*/
	#sub4_box1 .fee_box{padding:1em;}
	#sub4_box1 .fee_box .normal_border_orange{padding:0.5em;}
	
	/*SUB6*/
	#sub6_box1 .link_box .link_child{width:90%;}
	#sub6_box2 .image_box  {flex-wrap:wrap;}
	#sub6_box2 .image_box .image {margin:0 0.5em 2em 0.5em;}
	
	/*SUB12*/
	#sub12_box1 .contact_way_box .tel { padding-left: 16px; font-size: 22px;background: url(img/common/tel_icon.png) no-repeat left 0px top 11px;
    background-size: 18px auto; height: 30px;}
    #sub12_box1 .contact_way_box .fax_num { padding-left: 19px;font-size: 22px;
    background: url(img/common/fax_icon.png) no-repeat left 0px top 10px;
    background-size: 21px auto;
    height: 36px;
    }
    
    /*SUB13*/
    #sub13_box1 .font_25{font-size:16px !important;}

	/*対応エリア*/
	#common_area .area_map_box .left { background-color: rgba(255,255,255,0.8) !important; background-blend-mode: lighten;}
	#common_area .footer_area_box_bg_text p{font-size:13px;}
	#common_area .area_map_box .left .ex { margin: 2em 3em;}

	/*フッター*/
	#footer { margin-bottom: 1em;}
	#footer .footer_box .right ul{width: 40%; margin: 0 3%; margin: 0 5% 5% 5%;}
	.page_top img{width:40px;height:40px;}
}

/*----------------------------------------------------
	スマホ ： iphoneより小さい（375px）
----------------------------------------------------*/
@media screen and (max-width:375px) {
	
	/*boxのマージン*/
	#header#header .logo img{width: auto;height:50px;}
	#header{height:70px;}

	/*boxのマージン*/
	#top_box5 {margin: 0;}
	#sub1_box2 .reason_box { margin: 4em 0 1em 0;}
	#sub2_box2 { margin: 4em 0 0 0;}
	#sub2_box2 .outer_wall_service_box.top { margin: 4em 0 0 0;}
	#sub2_box2 .outer_wall_service_box { margin: 0;}
	#sub3_box1 { margin: 5em 0 0 0;}
	#sub4_box1 .other_service_box{ margin-top: 0;}
	
	#sub5_box1,
	#sub5_box3
	{margin:5em 0 1em 0;}
	 
	 #sub6_box2 .knowledge_box.top{ margin-top: 4em;}
	 #sub6_box2 .knowledge_box{ margin-top: 0em;}
	 #sub6_box2 { padding: 5em 0 0 0;}
	
	/*トップページ*/
	#top_box3 .box_child.combine .common_image_resize img{top:78%;}
	#top_box6 .view_tp_work_list { margin: 1em auto;}
	#top_box6 .view_tp_work_list .title_date{font-size:12px;}

	/*SUB1*/
	#sub1_box1 .five_reasons .box_child{width:100%;}
	
	/*SUB14*/
	#sub14_box3 .child,
	#sub14_box4 .flex .child{width:100%;margin-bottom:3em;}
	#sub14_box3 .child h3{margin-bottom:0;}
	#sub14_box1 .link_box.shikkui a{width:100%;}
	
	/*フッターリンク*/
	#footer_link .footer_link_box h3,
	#footer_link .footer_link_box .right .tel{font-size:18px;}
	#footer_link .footer_link_box .right .tel{background:url(img/common/tel_icon.png) no-repeat left 0 top 6px;background-size:19px auto !important;height:29px;}
	#footer_link .footer_link_box .left h3{height:37px;}
	
	.common_orange_btn,
	#footer_link .footer_link_box .right .mail
	{font-size:13px;}
	#footer_link .footer_link_box .right .mail{background:none;}

}



/*----------------------------------------------------
	サイドバー設定
----------------------------------------------------*/
.common_sidebar_contents { padding: 2rem 1.25rem;width:100%;max-width:1200px;margin:0 auto; box-sizing: border-box;}
.common_sidebar_contents:after { display: block;  clear: both;  content: '';}
.common_sidebar_contents .sidebar_left{  float: left;  width: 67%;  margin-right: 3%;margin-top:3em;}
.common_sidebar_contents .sidebar_right {  float: left;  width: 30%;background: #fff; /*border-top: solid 3px #04275E;*/margin-top:3em;}
.common_sidebar_contents .sidebar_right .sidebar-inner{padding:2em 1em;}
.common_sidebar_contents .sidebar_right .sidebar-inner h3{padding:0 0 1em 0;letter-spacing:0.2em;font-weight:600;}
.common_sidebar_contents .sidebar_right .sidebar-inner .widget-container li{font-size:14px;padding-bottom:0.5em;}
@media(max-width: 767px) {
  .common_sidebar_contents,
  .sidebar_left,.sidebar_right {
    float: none !important;
    width: 96% !important;
    margin-right: 0;
	padding:0 2%;
  }
}
#sidebar {background:#FAFAFA;}
.sidebar-inner ul li ul.children{margin-top:0.5em;}
.sidebar-inner ul li ul.children li {display: flex;align-items: center; }
.sidebar-inner ul li ul.children li:before {border-top: 1px solid;content: "";width:8px;margin-left:0.8em;}
.sidebar-inner ul li ul.children li:before {margin-right: 0.5rem;}
.sidebar-inner h3{color:#D65503;}


/*----------------------------------------------------
	ページャー
----------------------------------------------------*/
.pagination {  display: flex;  align-items: center;  justify-content: center;  margin: 40px 0;  position: relative;  font-size: 13px;}
.pagination span, .pagination a {  display: block;  width: auto;  margin: 4px;  padding: 8px; border: 1px solid #000; background-color: #fff; text-decoration: none; text-align: center; line-height: 16px;}
/* ページ番号 */
.pagination .pager{  width: 32px;}
/* ホバー時 & 現在のページ */
.pagination a:hover,.pagination .current  {  color: #fff;  border-color: #000;  background-color: #000;}
/* 前へ */
.pagination a.prev {  margin-right: 16px;}
/* 次へ */
.pagination a.next {  margin-left: 16px;}
/* Page x / y */
.pagination span.page_num {  display: none;}

.nav-below{margin:4em auto;}
.nav-below li{margin:0 1em;}
/*----------------------------------------------------
	投稿ページ：single.php
----------------------------------------------------*/
.common_single_post{margin:2em 0 5em 0;}
.common_single_post h1{display:block;font-size:16px;font-weight:600;margin-bottom:2em;}
.common_single_post .date{display:block;font-size:14px;font-weight:600;margin-bottom:2em;}
.common_single_post .thumbnail{display:block;margin-bottom:3em;}
.common_single_post .thumbnail img{width:100%;max-width:350px;height:auto;}
.common_single_post .content{display:block;margin-bottom:2em;font-size:14px;}
.single_post-nav-below{margin:7em auto;display:block;}
/*サイドバー*/
.archive_single_new_liset .title{padding:1em;font-weight:600;}
.archive_single_new_liset .date{font-size:12px;padding:1em 1em 0.3em 1em;color:#aaa;}
.archive_single_new_liset .contents{font-size:14px;padding:1em;border-bottom:solid 1px #f0f0f0;}

/*----------------------------------------------------
	コンタクトフォーム
----------------------------------------------------*/
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-huri"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-address"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-company"],
.wpcf7 input[name="your-subject"] {
        width: 80%;
        height: 35px !important;
}
.wpcf7 input[name="your-nen"] {
	width: 20%;
        height: 35px !important;
}
.wpcf7 input[name="your-code"] {
	width: 40%;
        height: 35px !important;
}
.wpcf7 textarea[name="your-mm"] {
        width: 80%;
        height: 150px !important;
}
.wpcf7 textarea[name="your-ex"] {
        width: 80%;
        height: 100px !important;
}
input::placeholder {color: #ccc;}
/* 確認画面のフィールド背景色や枠線を消す */
.wpcf7c-conf, .wpcf7c-conf:focus {
  background-color: transparent;
  border: none;
}
.wpcf7c-elm-step2 {
    margin: 2em;
    text-align: center;
    font-weight: 600;
}
span.wpcf7-list-item {
    display: block;
    margin: 0 0 0 1em;
}


/*----------------------------------------------------
	モーダルウィンドウ
----------------------------------------------------*/
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left:0;
	right:0;
	margin:auto;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
	width:80%;
	text-align:center;
}
.modal__content img{
	width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80vh;
}



/* 20210823追記　※お客様の声　アーカイブおよび投稿ページ変更
============================================================================================================ */
.voice-wrap1-ul li:not(:first-of-type) {
  margin-top: 100px;
}
.voice-wrap1 {
  display: flex;
  justify-content: space-between;
}
.voice-wrap1 figure {
  width: 40%;
}
.voice-wrap1 figure img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.voice-wrap1__right {
  width: 58%;
  padding-right: 10px;
  box-sizing: border-box;
}
.voice-wrap1__right--top {
  background-color: #F6F7F8;
  padding: 20px;
  box-shadow: 10px 10px 0px 0px #d65503;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.voice-wrap1__right--top > p {
  font-size: 12px;
  margin-bottom: 5px;
}
.voice-wrap1__right--top > p span {
  display: inline-block;
  background-color: #d65503;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  line-height: 2em;
  width: auto;
  padding: 0 15px;
  margin-right: 10px;
}
.voice-wrap1__right--top h2 {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
.voice-wrap1__right--top dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.voice-wrap1__right--top dl dt {
  font-size: 10px;
  width: 20%;
  line-height: 2em;
  text-align: center;
  border: 1px solid #999;
  box-sizing: border-box;
}
.voice-wrap1__right--top dl dd {
  font-size: 12px;
  width: 80%;
  padding-left: 10px;
  box-sizing: border-box;
  line-height: 2em;
}
.voice-wrap1__right--bottom {
  background-color: #F6F7F8;
  padding: 20px;
  box-shadow: 10px 10px 0px 0px #FFA500;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.voice-wrap1__right--bottom h3 {
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  position: absolute;
  left: 30px;
  top: -15px;
}
.voice-wrap1__right--bottom p {
  line-height: 1.8em;
  font-size: 13px;
}
.voice-btn {
  width: 200px;
  margin-left: auto;
}
.voice-btn a {
  display: block;
  line-height: 40px;
  background-color: #04275E;
  color: #FFF;
  text-align: center;
  font-size: 12px;
}
.voice-btn a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  font-weight: 900;
  margin-left: 10px;
}
@media screen and (max-width:767px) {
.voice-wrap1-ul li:not(:first-of-type) {
  margin-top: 100px;
}
.voice-wrap1 {
  display: block;
}
.voice-wrap1 figure {
  width: 100%;
  margin-bottom: 15px;
}
.voice-wrap1__right {
  width: 100%;
}
.voice-wrap1__right--top h2 {
  font-size: 14px;
}
.voice-btn {
  width: 250px;
  margin: 0 auto;
}
.voice-btn a {
  display: block;
  line-height: 55px;
}
}

@media screen and (min-width:768px) and (max-width: 1199px) {
.voice-wrap1 {
  display: block;
}
.voice-wrap1 figure {
  width: 100%;
  margin-bottom: 20px;
}
.voice-wrap1 figure img {
  height: 350px;
}
.voice-wrap1__right {
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
}
}

.voice-single-wrap {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  margin-bottom: 40px;
}
.voice-single-wrap figure {
  position: relative;
  width: calc(50% - 30px / 2);
  margin-right: 30px;
}
.voice-single-wrap figure:last-of-type {
  margin-right: 0;
}
.voice-single-wrap figure img {
  width: 100%;
  height: 380px;
  object-fit: cover;
}
.voice-single-wrap figcaption {
  position: absolute;
  top: -40px;
  left: 0;
  border: 1px solid #999;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  width: 100px;
}
.voice-single-wrap2 {
  margin-bottom: 40px;
}
.voice-single-wrap2 figure {
  width: 80%;
  margin: 0 auto;
}
.voice-single-wrap2 figure img {
  width: 100%;
  height: 480px;
  object-fit: cover;
}

.voice-title-wrap {
  background-color: #F6F7F8;
  padding: 40px 30px;
  box-shadow: 10px 10px 0px 0px #d65503;
  box-sizing: border-box;
  margin-bottom: 80px;
}
.voice-title-wrap > p {
  font-size: 12px;
  margin-bottom: 5px;
}
.voice-title-wrap > p span {
  display: inline-block;
  background-color: #d65503;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  line-height: 2em;
  width: auto;
  padding: 0 15px;
  margin-right: 10px;
}
.voice-title-wrap h2 {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
.voice-title-wrap dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.voice-title-wrap dl dt {
  font-size: 10px;
  width: 20%;
  line-height: 2em;
  text-align: center;
  border: 1px solid #999;
  box-sizing: border-box;
}
.voice-title-wrap dl dd {
  font-size: 12px;
  width: 80%;
  padding-left: 10px;
  box-sizing: border-box;
  line-height: 2em;
}
.voice-text-wrap {
  background-color: #F6F7F8;
  padding: 60px 30px 40px;
  box-shadow: 10px 10px 0px 0px #FFA500;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.voice-text-wrap h3 {
  font-size: 28px;
  font-weight: bold;
  color: #666666;
  position: absolute;
  left: 30px;
  top: -20px;
}
.voice-text-wrap dt {
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
.voice-text-wrap dd:not(:last-of-type) {
  margin-bottom: 100px;
}
.voice-text-wrap dd p:not(:first-of-type) {
  margin-top: 1em;
}
.voice-btn2 {
  width: 300px;
  margin: 50px auto 0;
}
.voice-btn2 a {
  display: block;
  line-height: 60px;
  background-color: #04275E;
  color: #FFF;
  text-align: center;
  font-size: 12px;
}
.voice-btn2 a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  font-weight: 900;
  margin-left: 10px;
}
@media screen and (max-width:767px) {
.voice-single-wrap {
  display: block;
}
.voice-single-wrap figure {
  width: 100%;
  margin-right: 0;
  margin-bottom: 70px;
}
.voice-single-wrap figure:last-of-type {
  margin-right: 0;
  margin-bottom: 30px;
}
.voice-single-wrap figure img {
  width: 100%;
  height: 260px;
}

.voice-single-wrap2 {
  margin-bottom: 40px;
}
.voice-single-wrap2 figure {
  width: 100%;
  margin: 0 auto;
}
.voice-single-wrap2 figure img {
  width: 100%;
  height: 300px;
}

.voice-title-wrap {
  padding: 20px;
}
.voice-title-wrap h2 {
  font-size: 14px;
}
.voice-text-wrap {
  padding: 30px 20px;
}
.voice-text-wrap h3 {
  font-size: 22px;
  left: 30px;
  top: -15px;
}
.voice-text-wrap dt {
  font-size: 14px;
  padding-bottom: 10px;
}
.voice-text-wrap dd {
  font-size: 13px;
}
.voice-text-wrap dd:not(:last-of-type) {
  margin-bottom: 50px;
}
.voice-btn2 {
  width: 100%;
  margin: 50px auto 0;
}
}

@media screen and (min-width:768px) and (max-width: 1199px) {

.voice-single-wrap figure {
  position: relative;
  width: calc(50% - 20px / 2);
  margin-right: 20px;
}
.voice-single-wrap figure img {
  width: 100%;
  height: 260px;
}
.voice-single-wrap2 figure {
  width: 100%;
  margin: 0 auto;
}
.voice-single-wrap2 figure img {
  height: 400px;
}

.voice-title-wrap {
  padding: 30px;
  margin-bottom: 50px;
}
.voice-title-wrap h2 {
  font-size: 15px;
}
.voice-text-wrap {
  padding: 30px;
}
.voice-text-wrap h3 {
  font-size: 23px;
  top: -15px;
}
.voice-text-wrap dd {
  font-size: 13px;
}
.voice-text-wrap dd:not(:last-of-type) {
  margin-bottom: 50px;
}

.voice-btn2 {
  margin: 30px auto 0;
}
}

.side-menu h3 {
	font-size: 16px;
	line-height: 55px;
	font-weight: 500;
	text-align: center;
  background-color: #333;
  color: #FFF;
}
.side-menu {
	width: 100%;
	font-size: 13px;
}
.side-menu li > a {
	padding-left: 30px;
	line-height: 55px;
	border-bottom: 1px dotted #999;
	display: block;
	width: 100%;
	color: #333;
  position: relative;
  box-sizing: border-box;
}
.side-menu li > a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 1px;
  left: 10px;
}
.side-menu li > a:hover {
	color: #333;
	background-color: #F0F0F0;
}
.side-menu li.current-page-item > a, .side-menu li.current_page_item > a, .side-menu li.current-cat > a {
	background-color: #F0F0F0;
  color: #333;
}

@media screen and (max-width:767px) {
.side-menu h3 {
	font-size: 16px;
	line-height: 55px;
	font-weight: 500;
	background-color: #333;
	text-align: center;
	color: #FFF;
/*
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
*/
}
.side-menu {
	width: 100%;
	font-size: 15px;
}
.side-menu li > a {
	padding-left: 30px;
	line-height: 65px;
	border-bottom: 1px dotted #999;
	display: block;
	width: 100%;
	color: #333;
  position: relative;
}
}

@media screen and (min-width:768px) and (max-width: 1199px) {
.side-menu h3 {
	font-size: 14px;
	line-height: 45px;
/*
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
*/
}
.side-menu {
	width: 100%;
	font-size: 13px;
}
.side-menu li > a {
	padding-left: 30px;
	line-height: 55px;
	border-bottom: 1px dotted #999;
	display: block;
	width: 100%;
	color: #333;
  position: relative;
}
.side-menu li > a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 1px;
  left: 10px;
}
.side-menu li > a:hover {
	color: #333;
	background-color: #F0F0F0;
}
.side-menu li.current-page-item > a, .side-menu li.current_page_item > a, .side-menu li.current-cat > a {
	background-color: #F0F0F0;
  color: #333;
}
}

.sidebar_left-style {
  width: 70% !important;
  margin-right: 5% !important;
}
.sidebar_right-style {
  width: 25% !important;
}
@media screen and (max-width:767px) {
.voice-style {
  padding: 0;
  margin-right: 0;
}
.sidebar_left-style {
  width: 100% !important;
  margin-right: 0 !important;
}
.sidebar_right-style {
  width: 100% !important;
}
.common_sidebar_contents.voice-style {
  width: 100% !important;
}
}
@media screen and (min-width:768px) and (max-width: 1199px) {
.voice-style {
  padding: 0;
  margin-right: 0;
}
}

/* 2021/10/26追記
========================================================= */
.banner-warap-n {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.banner-warap-n__block {
  width: calc(50% - 30px / 2);
  margin-right: 30px;
}
.banner-warap-n__block:nth-last-of-type(2n) {
  margin-right: 0;
}
.banner-warap-n__block:last-of-type {
  margin-right: 0;
}
.banner-warap-n__block img {
  width: 100%;
  height: auto;
}
@media screen and (max-width:767px) {
.banner-warap-n {
  display: block;
}
.banner-warap-n__block {
  width: 100%;
  margin-right: 0;
}
.banner-warap-n__block:not(:last-of-type) {
  margin-bottom: 20px;;
}
}