/*
Theme Name: 電気工事
Description: 電気工事のテーマ
Version: 1.0
Author:	GRACE
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/


@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    -webkit-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,
footer,header,menu,nav,section {
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* Reset+ */

ol li,
ul li {
	list-style: none;
	list-style-position: inside;
}

img {
	border:none;
	vertical-align: bottom;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.mt05 { margin-top: 5px !important;;}
.mt10 {	margin-top: 10px !important;;}
.mt15 {	margin-top: 15px !important;;}
.mt20 {	margin-top: 20px !important;;}
.mt25 {	margin-top: 25px !important;;}
.mt30 {	margin-top: 30px !important;;}
.mt35 {	margin-top: 35px !important;;}
.mt40 {	margin-top: 40px !important;;}
.mt45 {	margin-top: 45px !important;;}
.mt50 {	margin-top: 50px !important;;}
.mt55 {	margin-top: 55px !important;;}
.mt60 {	margin-top: 60px !important;;}
.mt65 {	margin-top: 65px !important;;}
.mt70 {	margin-top: 70px !important;;}
.mt75 {	margin-top: 75px !important;;}
.mt80 {	margin-top: 80px !important;;}
.mt85 {	margin-top: 85px !important;;}
.mt90 {	margin-top: 90px !important;;}
.mt95 {	margin-top: 95px !important;;}
.mt100 { margin-top: 100px !important;;}
.mb05 {	margin-bottom: 5px !important;;}
.mb10 {	margin-bottom: 10px !important;;}
.mb15 {	margin-bottom: 15px !important;;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;;}
.mb30 {	margin-bottom: 30px !important;;}
.mb35 {	margin-bottom: 35px !important;;}
.mb40 {	margin-bottom: 40px !important;;}
.mb45 {	margin-bottom: 45px !important;;}
.mb50 {	margin-bottom: 50px !important;;}
.mb55 {	margin-bottom: 55px !important;;}
.mb60 {	margin-bottom: 60px !important;;}
.mb65 {	margin-bottom: 65px !important;;}
.mb70 {	margin-bottom: 70px !important;;}
.mb75 {	margin-bottom: 75px !important;;}
.mb80 {	margin-bottom: 80px !important;;}
.mb85 {	margin-bottom: 85px !important;;}
.mb90 {	margin-bottom: 90px; !important;}
.mb95 {	margin-bottom: 95px; !important;}
.mb100 { margin-bottom: 100px; !important;}
.mr05 {	margin-right: 5px; !important;}
.mr10 {	margin-right: 10px; !important;}
.mr15 {	margin-right: 15px; !important;}
.mr20 {	margin-right: 20px; !important;}
.mr25 {	margin-right: 25px; !important;}
.mr30 {	margin-right: 30px; !important;}
.mr35 {	margin-right: 35px; !important;}
.mr40 {	margin-right: 40px; !important;}
.mr45 {	margin-right: 45px; !important;}
.mr50 {	margin-right: 50px; !important;}
.mr55 {	margin-right: 55px; !important;}
.mr60 {	margin-right: 60px; !important;}
.mr65 {	margin-right: 65px; !important;}
.mr70 {	margin-right: 70px; !important;}
.mr75 {	margin-right: 75px; !important;}
.mr80 {	margin-right: 80px; !important;}
.mr85 {	margin-right: 85px; !important;}
.mr90 {	margin-right: 90px; !important;}
.mr95 {	margin-right: 95px; !important;}
.mr100 {margin-right: 100px; !important;}
.ml05 {	margin-left: 5px; !important;}
.ml10 {	margin-left: 10px; !important;}
.ml15 {	margin-left: 15px; !important;}
.ml20 {	margin-left: 20px; !important;}
.ml25 {	margin-left: 25px; !important;}
.ml30 {	margin-left: 30px; !important;}
.ml35 {	margin-left: 35px; !important;}
.ml40 {	margin-left: 40px; !important;}
.ml45 {	margin-left: 45px; !important;}
.ml50 {	margin-left: 50px; !important;}
.ml55 {	margin-left: 55px; !important;}
.ml60 {	margin-left: 60px; !important;}
.ml65 {	margin-left: 65px; !important;}
.ml70 {	margin-left: 70px; !important;}
.ml75 {	margin-left: 75px; !important;}
.ml80 {	margin-left: 80px; !important;}
.ml85 {	margin-left: 85px; !important;}
.ml90 {	margin-left: 90px; !important;}
.ml95 {	margin-left: 95px; !important;}
.ml100 { margin-left: 100px; !important;}
.m_a {
    margin-right: auto;
	margin-left: auto;
}
.pt00 {	padding-top: 0 !important;}
.pt05 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt35 {	padding-top: 35px !important;}
.pt40 {	padding-top: 40px !important;}
.pt45 {	padding-top: 45px !important;}
.pt50 {	padding-top: 50px !important;}
.pt55 {	padding-top: 55px !important;}
.pt60 {	padding-top: 60px !important;}
.pt65 {	padding-top: 65px !important;}
.pt70 {	padding-top: 70px !important;}
.pt75 {	padding-top: 75px !important;}
.pt80 {	padding-top: 80px !important;}
.pt85 {	padding-top: 85px !important;}
.pt90 {	padding-top: 90px !important;}
.pt95 {	padding-top: 95px !important;}
.pt100 { padding-top: 100px !important;}
.pt150 { padding-top: 150px !important;}
.pb00 {	padding-bottom: 0 !important;}
.pb05 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb35 {	padding-bottom: 35px !important;}
.pb40 {	padding-bottom: 40px !important;}
.pb45 {	padding-bottom: 45px !important;}
.pb50 {	padding-bottom: 50px !important;}
.pb55 {	padding-bottom: 55px !important;}
.pb60 {	padding-bottom: 60px !important;}
.pb65 {	padding-bottom: 65px !important;}
.pb70 {	padding-bottom: 70px !important;}
.pb75 {	padding-bottom: 75px !important;}
.pb80 {	padding-bottom: 80px !important;}
.pb85 {	padding-bottom: 85px !important;}
.pb90 {	padding-bottom: 90px !important;}
.pb95 {	padding-bottom: 95px !important;}
.pb100 { padding-bottom: 100px !important;}
.pb150 { padding-bottom: 150px !important;}
.pr05 {	padding-right: 5px !important;;}
.pr10 {	padding-right: 10px !important;;}
.pr15 {	padding-right: 15px !important;;}
.pr20 {	padding-right: 20px !important;;}
.pr25 {	padding-right: 25px !important;;}
.pr30 {	padding-right: 30px !important;;}
.pr35 {	padding-right: 35px !important;;}
.pr40 {	padding-right: 40px !important;;}
.pr45 {	padding-right: 45px !important;;}
.pr50 {	padding-right: 50px !important;;}
.pr55 {	padding-right: 55px !important;;}
.pr60 {	padding-right: 60px !important;;}
.pr65 {	padding-right: 65px !important;;}
.pr70 {	padding-right: 70px !important;;}
.pr75 {	padding-right: 75px !important;;}
.pr80 {	padding-right: 80px !important;;}
.pr85 {	padding-right: 85px !important;;}
.pr90 {	padding-right: 90px !important;;}
.pr95 {	padding-right: 95px !important;;}
.pr100 { padding-right: 100px !important;;}
.pl05 {	padding-left: 5px !important;;}
.pl10 {	padding-left: 10px !important;;}
.pl15 {	padding-left: 15px !important;;}
.pl20 {	padding-left: 20px !important;;}
.pl25 {	padding-left: 25px !important;;}
.pl30 {	padding-left: 30px !important;;}
.pl35 {	padding-left: 35px !important;;}
.pl40 {	padding-left: 40px !important;;}
.pl45 {	padding-left: 45px !important;;}
.pl50 {	padding-left: 50px !important;;}
.pl55 {	padding-left: 55px !important;;}
.pl60 {	padding-left: 60px !important;;}
.pl65 {	padding-left: 65px !important;;}
.pl70 {	padding-left: 70px !important;;}
.pl75 {	padding-left: 75px !important;;}
.pl80 {	padding-left: 80px !important;;}
.pl85 {	padding-left: 85px !important;;}
.pl90 {	padding-left: 90px !important;;}
.pl95 {	padding-left: 95px !important;;}
.pl100 { padding-left: 100px; !important;}

.floatL{float: left;}
.floatR{float: right;}
.fw_b{font-weight: bold;}
.textC{text-align: center;}
.textR {text-align: right;}
.textL {text-align: left;}

.w95per { width: 95%;}
.w90per { width: 90%;}
.w85per { width: 85%;}
.w80per { width: 80%;}
.w75per { width: 75%;}
.w70per { width: 70%;}
.w65per { width: 65%;}
.w60per { width: 60%;}
.w55per { width: 55%;}
.w50per { width: 50%;}

/* Common */

body {
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #333;
    background: #fff;
}

.serif {
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 16px;
}
.lato{
    font-family: 'Lato', sans-serif;
}
.latoB{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

a {
  color: #000;
	text-decoration:none;
}

a:hover {
  color: #000;
  opacity: 0.6;
  -webkit-transition: all .5s;
  transition: all .5s;
}

a:hover img {
	opacity: 0.8;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.white{ color:#fff; }
.black{ color:#000; }
.red{ color:#db115c; }
.green{ color:#007564; }
.green2{ color: #32b16c;}
.brown{ color:#810021; }
.blue{ color:#114cba; }
.dblue{ color:#0a2d96; }
.water{ color: #0498e3;}
.yl{ color:#ffd200; }
.org{color:#ff9000;}

.bgRed{ background:#db115c; }
.bgPink{ background:#fff1f6; }
.bgGray{ background: #eee; }
.bgBlue{ background: #114cba; }
.bgBlack{ background: #000; }
.bgWhite{ background: #fff; }
.bgWtr{ background:#0498e3; }
.bgWtr2{ background:#cdeefc; }
.bgYl{ background: #ffd200; }
.bgOrg{ background: #ff9000; }
.bgGr2{ background-color: #32b16c;}
.bgF5{ background-color: #f5f5f5;}
.bgF1{background:url(images/background/bgF1.png);}
.bgBlue02{background: url(images/background/bgBlue02.png);}
.bgLine3{background: url(images/background/bgLine03.png);}

.yLine {
    background-image: linear-gradient(transparent 40%, #f2ea53 60%);
    display: inline;
}

.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:100%;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}
.fs32 {font-size:32px;}
.fs36 {font-size:36px;}
.fs38 {font-size:38px;}
.fs40 {font-size:40px;}
.fs42 {font-size:42px;}
.fs48 {font-size:48px;}
.bold{font-weight: bold;}

.smp{display:none;}

/*クリアフィックス*/
.cf:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.contentWrp{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.contentWrpW{
    max-width:1380px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.inner {
    margin:auto;
    position: relative;
}
.dispTb{
    display: table;
}
.vMiddle{
    display: table-cell;
    vertical-align: middle;
}
iframe{ width:100%; }
.dispnone{
    display: none;
}
.w100 img{
    width:100%;
    height: auto;
}
.brBlock{
    display: none;
}
.tit{
    text-align: center;
}
.flex50 li{
    width:49%;

}
.brNone{display: none;}
small, .small {
    font-size: 87.5%;
}
.roboto{
    font-family: 'Roboto', sans-serif;
}

/*---------------------
ヘッダー
---------------------*/
header {
	width: 100%;
    height:145px;
}
#header .upper {
    position: relative;
    padding:5px;
    font-size: 14px;
}
#header .lower {
    position: relative;
    height: 95px;
}
#header .lower .logo{
    position: absolute;
    top:15px;
    left:0;
    width: 325px;
}
#header .lower .logo span.shopname{
    display: block;
    font-size: 36px;
}
.shopname{
    font-size: 24px;
    font-weight: bold;
}
#header .lower .cardArea{
    position:absolute;
    top:20px;
    left:345px;
    width:249px;
}
#header .lower .telArea{
    position:absolute;
    top:10px;
    right:250px;
    width:276px;
    line-height: 1.1;
}
#header .lower .telArea .sodan{
    font-size: 13px;
}
#header .lower .telArea .tel{
    margin-bottom:5px;
}
#header .lower .telArea .tel .icon{
    padding-top:8px;
}
#header .lower .telArea .tel .num{
    padding-top:3px;
    font-size: 33px;
    font-weight: bold;
    white-space: nowrap;
}
#header .lower .telArea .tel span{
    /*display: inline-block;*/
    vertical-align: middle;
    margin-right: 10px;
    line-height: 1;
}
#header .lower .telArea .time{
    max-width: 260px;
    width:100%;
    margin:auto;
    padding:2px 10px;
    font-size: 13px;
    color:#009dc5;
    border:1px solid #009dc5;
}
#header .lower .contact{
    position: absolute;
    top:10px;
    right: 0;
    width:240px;
}
/* グローバルナビ */
.g_naviWrap {
    display: block;
    position: relative;
    width:100%;
    z-index: 10;
}
#gnav {
    background-color:#0498e3;

}
#gnav ul{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding:8px 0;
}
#gnav li {
    position: relative;
    float:left;
    width:auto;
    padding:0 0 5px;
    font-size:16px;
    text-align: center;
    line-height: 1;
}
#gnav li.nav3,
#gnav li.nav5,
#gnav li.nav7,
#gnav li.nav9,
#gnav li.last{
    padding:0 59px 5px;
}
#gnav li span{
    display: block;
    margin-top:5px;
    font-size: 14px;
    color:#fff;
    font-weight: 800;
    cursor: pointer;
}
#gnav li:hover{
    /*color:#be1e47;*/
}
#gnav li a {

}
#gnav .dropdown_item ul {
    position:absolute;
    display: none;
    list-style:none;
    left: 0;
    top: 34px;
    width:100%;
    margin:0;
    padding:0;
    border-top: 1px solid #fff;
}
#gnav .dropdown_item ul li{
    display: block;
    float: none;
    width:100%;
    border-bottom: 1px solid #fff;
    line-height: 1.5;
}
#gnav .dropdown_item ul li:nth-child(1),
#gnav .dropdown_item ul li:last-child{
    padding:inherit;
}
#gnav .dropdown_item ul li a {
    display:block;
    text-decoration: none;
    color: #fff;
    padding: 8px 0 5px;
    font-size: 12px;
}
#gnav ul li.tab{
    position: static;
}
#gnav ul li.tab:hover .tabbox{
    width: 100% !important;
    max-height: 100vh !important;
    border-top:1px solid #fff;
}
#gnav ul li ul.subMenu{
    max-width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#gnav ul li ul.subMenu li{

}
.tabbox {
    float: none;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    width: 100% !important;
    max-height: 0;
    margin: auto;
    text-align: left;
    transition: .3s;
    background:#114cba;
    overflow: hidden;
    z-index: 100;
}
.tabbox .inner {
    max-width: 1000px;
    width: 96%;
    margin: auto;
    padding:5px 0 0px;
}
.tabbox ul.subMenu {
    float: none;
    width: 100%;
}
#gnav ul li .tabbox ul.subMenu li {
    display: table-cell;
    width:25%;
    float:none;
    flex-wrap: wrap;
    align-items: start;
    align-content: flex-start;
    padding-left: 10px;
    margin-bottom:10px;
    font-size: 13px;
    color: #fff;
    text-align: left;
    border-left: 1px solid #fff;
}
#gnav ul li .tabbox ul.subMenu li:nth-of-type(4n) {
    border-right: 1px solid #fff;
}
/* #gnav ul li .tabbox ul.subMenu li:before{
    content:"●";
    display: inline-block;
    margin-right: 3px;
} */
.tabbox ul li a{
    color: #fff;
}
.tabbox ul li a:hover{
    text-decoration: underline;
}

/* ドロワー */
.drawer-hamburger {
    position: fixed;
    z-index: 104;
    top: 50px;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding-top: 3px;
    padding-right: .75rem;
    padding-bottom: 20px;
    padding-left: .75rem;
    -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
}
.drawer--right .drawer-hamburger{
    right:10px;
}
.drawer-hamburger {
    /*background-color: rgba(255, 255, 255, 0.8);*/
    background-color:#114ebe;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 370px;
}
.drawer-hamburger .tit{
    display: block;
    padding-bottom:3px;
    color:#fff;
    font-size: 10px;
}
.drawer-nav {
    position: fixed;
    z-index: 101;
    top: 0;
    overflow: hidden;
    /*width: 16.25rem;*/
    width:370px;
    height: 100%;
    color: #000;
    /*background-color: rgba(0,0,0,0.7);*/
    background-color:#eee;
    /*padding: 20px 0;*/
    z-index: 10000;
}
.drawer--right .drawer-nav {
    right: -370px;
    -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer-nav ul li {
	width: 100%;
	text-align: left;
	font-size: 14px;
    background:#fff;
    border-bottom: 1px solid #e6e6e6;
}
.drawer-nav ul li.white{
    background:#114fc1;
    padding: 8px;
}
.drawer-nav ul li .tit{
    display: block;
    padding-left:10px;
    text-align: left;
}
.drawer-nav ul li a {
	color: #000;
	display: block;
    padding: 8px;
}
.drawer-nav ul li .child{
    padding: 5px 10px 10px;
}
.drawer-nav ul li .child li{
    float:left;
    width:49%;
    margin:0 0.5% 1px;
    text-align: center;
    border-bottom: none;
    background: #ebebeb;
    border-radius: 5px;
}
.drawer-nav ul li .child li a{
    padding:2px 0;
}
.drawer-nav ul li:last-child{
    border-bottom: 0;
}

.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
    background-color: #fff;
}
.drawer-nav .telarea {
    padding: 10px;
}
.drawer-nav .telarea .icon,
.drawer-nav .telarea .number {
    display: inline-block;
    vertical-align: middle;
}
.drawer-nav .telarea .icon {
    margin-right: 5px;
}
.drawer-nav .telarea .number {
    text-align: center;
}
.drawer-nav .telarea .number .tel {
    font-size: 18px;
    font-weight: bold;
}
.drawer-nav .telarea .contact{
    max-width: 216px;
    width:100%;
    margin:auto;
}
.drawer-nav .telarea .a8_tel img{
    max-width: 216px;
    margin:auto;
}

/* セクション共通 */
section {
    position: relative;
}

.h2 {
    padding:13px 0;
    text-align: center;
    color:#fff:
}
.h2 span{
}
h2 span img{width:100%;}

.h3 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

h3.fs20,h4.fs20 {font-size:20px; font-weight: bold;}

.redLine {
    background-image: linear-gradient(transparent 50%, #b91c1c 90%);
    display: inline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .redLine{
        background-image: linear-gradient(transparent 50%, #b91c1c 90%);
        display: inline;
      }
}

.bdR{position: relative;}
.bdR .border{
    position: absolute;
    width:96%;
    top:20px;
    left:0;
    right: 0;
    margin:auto;
    border-bottom:13px solid #b91c1c;
    z-index: 1;
}

.flex {
    display: flex;
    display: -webkit-flex;
}
.flex1 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex2{
    justify-content: space-around;
    align-items: stretch;
}
.flex_i1{
    flex:1;
}
.flex-wrap { flex-wrap: wrap;}

.col2{
    width:49%;
}
.col3 li{
    width:32%;
}
.col4{
    width:24%;
}
.lh13{line-height: 1.3;}
.lh15{line-height: 1.5;}

/* メインビジュアル */
section#mv{
    padding:0;
}
#mv{
    position: relative;
    width:100%;
    margin:0 auto;
    border-bottom:10px solid #114fc1;
}
#mv .bgImg.pc{
    background: url(images/main/top/bgmv01.png) no-repeat;
    background-size: cover;
}
#mv .mv_wrapper{
    position: relative;
    max-width: 1142px;
    width:96%;
    margin:auto;
    padding:30px 0;
}
#mv .mv_wrapper .txt{
    position: absolute;
    top:5%;
    left:0;
    font-size: 36px;
    font-weight: bold;
    color:#024d73;
    text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
@media only screen and (max-width: 1160px){
    #mv .mv_wrapper .txt{
        font-size: 3vw;
    }
}
#mv .mv_wrapper .women{
    position: absolute;
    right:-20px;
    bottom:0;
    max-width: 699px;
    width:40%;
    z-index:1;
}
#mv .mv_wrapper .img{
    position: relative;
    z-index:2;
}
#mv img{
    width: 100%;
    height: auto;
}

/* freespace 20200508 */
#freespace {
    background: url(images/background/bgLine01.png);
}
#freespace .contentWrp {
    padding: 20px 0 ;
}
#freespace .floatL {
    width: 420px;
}
#freespace .floatR {
    width : 700px;
}

/* 共通コンテンツ */
.commonArea .h2.tit .pc{
    max-width: 1088px;
    width:96%;
    margin:auto;
    text-align: center;
}
.commonArea .tit img{
    width:100%;
    max-width: 1088px;
}
.commonArea .corresArea{
    background:url(images/background/bgLine03.png);
}
.commonArea .corresArea .bgImg{
    position: relative;
}
.commonArea .corresArea .bgImg:before{
    content: "";
    position: absolute;
    width:47%;
    height: 100%;
    background:url(images/background/bgCorresArea.png) no-repeat left;
    background-size: cover;
}
.commonArea .corresArea .contentWrp{
    padding:35px 0;
}
.commonArea .corresArea .left{
    max-width: 540px;
    width:47%;
    display: table;
}
.commonArea .corresArea .left ul{
    max-width: 490px;
    margin: auto;
}
.commonArea .corresArea .left li{
    max-width: 159px;
    width:32%;
}
.commonArea .corresArea .right{
    max-width: 630px;
    padding-left:2%;
}
.stepArea{
    padding:30px 0 50px;
    background:url(images/background/bgDot.png);
}
.stepArea .tit{
    max-width: 663px;
    margin: 0 auto 30px;
}
.stepArea .left{
    max-width:549px;
    width:40%;
}
.stepArea .left .icon{
    max-width: 549px;
    margin:0 auto 30px;
}
.stepArea .left .bottom{
    max-width: 510px;
    margin:auto;
}
.stepArea .right{
    max-width:800px;
    width:60%;
    padding-right: 5%;
}
.stepArea .right .upper{
    font-size: 36px;
    font-weight: bold;
    color:#114cba;
}
.stepArea .right .telArea{
    width: 600px;
}
.stepArea .right .tel{
    font-size: 65px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.1;
}
.stepArea .right .tel a{
    color:#124fc0;
}
.stepArea .right .fs30.bold{
    margin-top:5px;
    line-height: 1.2;
}
.top02_01 .baseprice{
    margin-bottom:20px;
}
.top02_01 .baseprice .img{
    max-width: 570px;
    width:49%;
}
.top02_01 .baseprice .right{
    max-width: 470px;
    width:49%;
    margin-left: 2%;
}
.top02_01 .baseprice .right h3{
    font-size: 48px;
    font-weight: bold;
    line-height: 1.5;
}
.top02_01 li{
    max-width: 570px;
    width:49%;
}
.top02_02 .floatL{
    width:420px;
}
.top02_02 .floatR{
    width:700px;
    line-height: 1.5;
}
.top02_03 .left{
    width:241px;
    margin-top:30px;
    margin-right: 1%;
}
.top02_03 .center{
    width:630px;
    margin-top:10px;
    font-size: 36px;
}
.top02_03 .right{
    width:126px;

    margin-right: 7%;
}

.menu_price .bgOrg.white,
#airconC02 .bgOrg.white,
#evcar02 .bgOrg.white{
    padding:10px;
    border-radius: 30px;
}
.menuArea li:nth-child(odd){
    float:left;
    max-width: 570px;
    width:49%;
}
.menuArea li:nth-child(even){
    float:right;
    max-width: 570px;
    width:49%;
}
.menuArea li{
    margin-bottom: 30px;
    padding:30px 15px 30px 30px;
    background:#fff;
    border:1px solid #0498e3;
}
.menuArea li .img{
    max-width:252px;
    width:48%;
}
.menuArea li .right{
    max-width:245px;
    width:49%;
}
.menuArea li h4{
    color:#0498e3;
    border-left:5px solid #0498e3;
    line-height: 1.3;
}
.menuArea li h4 span{
    display: inline-block;
    padding-left:5px;
    font-weight: bold;
}
.menuArea li .price{
    font-weight: bold;
    color:#ff0000;
}
.menuArea li{
    max-width: 281px;
    width:24%;
}
.top03_01.trouble{
    max-width: 1040px;
    width:100%;
    margin:auto;
}
.top03_01.trouble li{
    max-width: 312px;
    width:31%;
    text-align: center;
}
.top03_01.trouble li p.txt{
    color:#32629d;
}
.top03_01.trouble .arrow{
    max-width: 820px;
    width:90%;
    margin:auto;
}
.top03_02{
    max-width: 1000px;
    width:100%;
    margin:auto;
}
.top03_02 .box{
    position: relative;
    width:100%;
    margin-bottom:30px;
    padding:35px 40px;
    border:5px solid #eee;
    background: url(images/background/bgLine04.png);
}
.top03_02 .box .icon{
    position: absolute;
    top:-15px;
    left:-15px;
    width:167px;
}
.top03_02 .box h3{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:3px solid #eee;
}
.top03_02 .box .left{
    width: 630px;
}
.top03_02 .box h4{
    margin-bottom:10px;
}
.top03_02 .box .img{
    width:222px;
}
.strength h3{
    margin-bottom:10px;
    font-size: 72px;
    font-weight: bold;
    text-align: center;
    color:#124fc0;
}
.strength h3 span{
    font-size: 60%;
    font-weight: bold;
}
.strength .inner{
    margin-bottom:30px;
}
.strength .flex li{
    max-width: 330px;
    width:31%;
}
.strength .flex li img{
    width:100%;
    margin-bottom:20px;
}
.strength .flex li h4{
    margin-bottom:15px;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
}
.strength .flex li h4 span{
    font-size: 120%;
    color:#ff0000;
}
.top03_04{
    position: relative;
    background: url(images/toppage/bgTop03_04.png) no-repeat bottom;
    background-size: cover;
}
.top03_04 .left{
    width:50%;
    padding:40px 20px;
    background:rgba(255,255,255,0.8);
    border:1px solid #0498e3;
}
.top03_04 .left h3{
    margin-bottom:15px;
    font-size: 30px;
    color:#0498e3;
}
.top03_04 .left ul{
    margin-bottom:15px;
}
.top03_04 .left ul li{
    padding-left:1.2em;
    text-indent: -1.2em;
}
.top03_04 .left p.bottom{
    font-size: 48px;
    color:#0498e3;
}
.top03_04 p.img{
    position: absolute;
    top:-20px;
    right:-60px;
    width:630px;
}
.top04_03 li{
    max-width: 280px;
    width:24%;
}
#top06{
    padding:170px 0 180px;
    background: url(images/toppage/bgTop06.jpg) no-repeat top center;
    background-size: cover;
}
#top06 .contentWrp{
    max-width: 1100px;
}
#top06 .contentWrp .box{
    max-width: 620px;
    padding:40px 0;
    background:rgba(255,255,255,0.8);
    border:1px solid #0498e3;
}
#top06 .contentWrp .box h3{
    color:#0498e3;
    font-weight: bold;
}
#top06 .contentWrp .box ul{
    padding:15px 40px;
}
#top06 .contentWrp .box ul li{
    padding-left:1em;
    text-indent: -1.2em;
}
#top06 .contentWrp .box ul li:before{
    content:"◆";
    margin-right: 5px;
}
#topCase{
    background:#eef9ff;
}

.faq table{
    max-width: 880px;
    width:100%;
    margin: 0 auto 20px;
}
.faq th{
    padding:8px 30px;
    vertical-align: middle;
    text-align: left;
    color:#fff;
    background-color:#0d64bb;
}
.faq th span{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.faq span.icon{
    width:55px;
    margin-right: 20px;
}
.faq td{
    padding:30px;
    vertical-align: middle;
    border-right:1px solid #bec4c7;
    border-bottom:1px solid #bec4c7;
    border-left:1px solid #bec4c7;
}
.faq .linkbtn {
    max-width: 362px;
    width: 90%;
    margin: 20px auto 0;
}

/* 下層ページ共通 */
#mainImage{
    position: relative;
    width:100%;
}
#mainImage .mainTit{
    position: relative;
}
#mainImage .mainTit img{
    width:100%;
    height: auto;
}
#mainImage .mainTit .sp{
    display: none;
}

.breadcrumb{
    padding: 10px 0;
    background:#f5f5f5;
}
.breadcrumb,
.breadcrumb a{
    color:#000;
}
.breadcrumb a:hover{
    text-decoration: underline;
}
.breadcrumb li{
    display: inline;
}

.halfWrp .floatL,
.halfWrp .floatR{
    width:49%;
}
.linkbtn{
    max-width: 549px;
    width:100%;
    margin:auto;
}
.bgSky{
    background:url(images/background/bgSky.jpg) no-repeat;
    background-size: cover;
}
.bgSky2{
    background:url(images/background/bgSky2.jpg) no-repeat;
    background-size: cover;
}
.bgLine01{
    background:url(images/background/bgLine01.png);
}
.bgLine02{
    background:url(images/background/bgLine02.png);
}
section.page{
    padding:50px 0 60px;
}

/*---------------------
下層固定
---------------------*/
#electrical .flex{
    flex-wrap: wrap;
    justify-content: start;
}
#electrical .box{
    position: relative;
    max-width: 280px;
    margin-bottom:20px;
    padding:5px;
    background:#fff;
}
#electrical .box a{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#electrical .box img{
    width:100%;
}
#electrical .box h3{
    position: relative;
    width:100%;
    padding:10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color:#fff;
    background-color:#db115c;
}

#electrical .box .txt{
    padding:15px 10px;
}
#electrical .pageTop01 li{
    width:100%;
}
#electrical .box .txt li{
    padding-left:1.3em;
    text-indent: -1.3em;
    list-style-position: outside;
}
#electrical .box .txt li:before{
    margin-right: 5px;
    content:" ";
    display: inline-block;
    vertical-align: middle;
    width:10px;
    height: 2px;
    background-color:#db115c;
}
.pageTop01 li{
    position: relative;
    max-width: 368px;
    width:32%;
    background:#fff;
}
.pageTop01 li h3{
    padding:10px;
    text-align: center;
    color:#fff;
    background-color: #db115c;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
}
.pageTop01 li .inner{
    padding:15px;
}
.pageTop01 li h4,
.pageTop01 .col4 h3,
.pageTop01.col3 h3{
    padding:0;
    font-size: 24px;
    font-weight: bold;
    color:#db115c;
    line-height: 1.3;
}
.pageTop01.col3 li h3{
    text-align: left;
    background:none;
}
.pageTop01 .col4 .inner{
    padding:15px 10px;
}
.pageTop02 table{
    width:100%;
    text-align: center;
    font-size: 20px;
    border-top:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
}
.pageTop02 table th{
    color:#fff;
    background:#999999;
}
.pageTop02 table th,
.pageTop02 table td{
    padding:10px;
    border-left:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
    vertical-align: middle;
    line-height: 1.4;
}
.pageTop02 table td{
    background:#fff;
}
.pageTop02 table td.title{
    background:#e7e7e7;
}
.pageTop02 table td .red{
    font-weight: bold;
}
.pageTop02 .bgOrg.tit{
    padding:5px;
    border-radius:20px;
}
.pageTop02 .lowPrice{
    margin-bottom:30px;
    border:1px solid #d1d1d1;
}
.pageTop02 .lowPrice h3{
    position: relative;
    text-align: center;
}
.pageTop02 .lowPrice .inner{
    padding:50px 15px 30px;
}
.pageTop02 .lowPrice .price,
.pageTop02 .lowPrice .price_pic{
    max-width: 983px;
    width:100%;
    margin:0 auto 30px;
}
.pageTop02 .lowPrice .price_pic .textL{
    max-width: 303px;
    width:40%;
    margin-bottom:-50px;
    margin-left:10px;
}
.pageTop02 .lowPrice .inner .fs36.bold{
    margin-top:10px;
}
.pageTop02 h3{
    width:100%;
    margin:auto;
}
.pageTop03 .bgImg{
    background:url(images/background/bgPagetop03.png) no-repeat center;
    background-size: cover;
}
.pageTop03 .left{
    max-width: 810px;
    width:100%;
}
.pageTop03 .left h3{
    margin-bottom:20px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3;
}
.pageTop03 .left p.txt{
    margin-bottom:40px;
}
.pageTop03 .left ul{
    max-width:530px;
}
.pageTop03 .left li{
    max-width: 231px;
    width:48%;
    margin-bottom:20px;
}
.pageTop03 .left li h4{
    line-height: 1.2;
}
.pageTop03 .left li p.img{
    margin-bottom:15px;
}
.pageTop03 .left .case_img{
    max-width: 531px;
    width:100%;
}
#breaker02 .lowPrice{
    margin-bottom:40px;
}
#breaker02 .lowPrice .inner{
    padding:40px 10px 50px;
}
#breaker02 .lowPrice .inner .img{
    max-width: 693px;
    width:90%;
    margin:0 auto 40px;
}
#breaker02 .description{
    max-width: 930px;
    width:100%;
    margin:0 auto 50px;
}
#breaker02 .description .img{
    max-width: 426px;
}
#breaker02 .description .textarea{
    max-width:480px;
}
#breaker02 .bottom{
    max-width:680px;
    width:90%;
    margin:auto;
}
#camera02 .lowPrice .band01{
    max-width: 403px;
    width:45%;
    margin:0 auto 5px;
}
#camera02 .lowPrice .band02{
    max-width: 503px;
    width:50%;
    margin:0 auto 5px;
}
#camera02 .lowPrice .fs24.bold{
    display: inline-block;
    padding:5px 20px;
    background-color:#fff;
    border-radius: 20px;
}
#camera02 .lowPrice ul{
    max-width: 890px;
    width:100%;
    margin:auto;
}
.pagetop01_2 h2{
    margin-bottom:40px;
}
.pagetop01_2 .bgWhite{
    padding:30px 40px;
}
.pagetop01_2 .bgWhite .img{
    max-width: 534px;
}
.pagetop01_2 .bgWhite .right{
    max-width: 500px;
    padding-top:20px;
}
.pagetop02_2 .bgF5{
    padding:30px 10px;
    line-height: 1.5;
}
.pagetop02_2 .lowPrice .inner{
    padding:50px 15px 60px;
}
#evcar02 .lowPrice .inner .maker{
    max-width: 705px;
    width:100%;
    margin:20px auto 40px;
}
#evcar02 .lowPrice .inner .description{
    max-width: 1050px;
    width:100%;
    margin: 0 auto;
}
#evcar02 .lowPrice .inner .description .img {
    max-width: 426px;
}
#evcar02 .lowPrice .inner .description .textarea{
    max-width: 610px;
    text-align: left;
}
.pagetop02_2 .lowPrice .inner .price{
    max-width: 693px;
    width:100%;
    margin:20px auto 40px;
}
#evcar02 .lowPrice .inner .linkbtn{
    max-width: 322px;
    width:60%;
    margin:auto;
}
#fk02 .lowPrice .inner .img{
    max-width: 426px;
    margin:auto;
}

.ranking .rankicon{
    width: 120px;
    margin:0 auto 30px;
}
.ranking .box{
    padding:50px 0;
}
.ranking .box:nth-child(odd) .flex .img{
    -webkit-order: -1;
    order: -1;
}
.ranking .box .img{
    max-width: 400px;
}
.ranking .box .left{
    max-width:735px;
}
.ranking .box .left h3{
    margin-bottom:20px;
    color:#0498e3;
    line-height: 1.3;
}
.flow .box{
    position: relative;
    margin-bottom:50px;
    padding:30px;
}
.flow .box:after{
    position:absolute;
    width:0;
    height:0;
    border-color:#fff transparent transparent;
    border-width:40px;
    border-style:solid;
    bottom:-80px;
    left:45%;
    content: " ";
}
.flow .box:last-child{
    margin-bottom:0;
}
.flow .box:last-child:after{
    border:none;
}
.flow .box .step{
    position: absolute;
    top:30px;
    left:0;
}
.flow .box h3{
    margin-top:50px;
    margin-bottom:30px;
    padding-bottom:10px;
    font-size: 36px;
    font-weight: bold;
    color:#0d64bb;
    border-bottom:3px solid #dbdbdb;
    line-height: 1.3;
}
.flow .box .left{
    max-width: 580px;
}
.flow .box .img{
    max-width: 482px;
}
.flow .baseprice .img{
    max-width: 577px;
    width:50%;
    margin-right: 2%;
}
.flow .baseprice .right{
    padding-top:10px;
}
.flow .baseprice .right h3{
    margin-bottom:10px;
    font-size: 48px;
}
.flow .baseprice .right p{
    font-size: 36px;
    color:#db115c;
    line-height: 1.5;
}
.h2.tit img{
    width:100%;
}
.checkArea h2{
    width:100%;
    margin-bottom: 30px;
}
.checkArea .box{
    padding:15px;
}
.checkArea .topArea{
    margin-bottom:10px;
}
.checkArea .box .img{
    max-width: 435px;
    width:40%;
}
.checkArea .box .img img{
    border-radius: 5px;
}
.checkArea .box .right{
    max-width: 680px;
    padding-top:20px;
}
.checkArea .box .right h3{
    margin-bottom:15px;
}
.checkArea .box .right h3 span{
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
}
.checkArea .box .right h3 span.icon{
    max-width:35px;
    width:6%;
    margin-right: 1%;
}
.checkArea .box .right h3 span.icon img{
    width: 100%;
}
.checkArea .box .right h3 span.fs30{
    max-width:565px;
    width:86%;
    color:#db115c;
}
.checkArea .box .right .txt{
    margin-left:3em;
    margin-right: 2em;
}
.checkBoxS .box{
    margin-bottom:15px;
    padding:15px;
}
.checkBoxS h2{
    max-width: 1160px;
    width:96%;
    margin:auto;
}
.checkBox .box{
    margin-bottom:0;
}
.checkBox .box:first-child{
    margin-bottom:10px;
    padding:0;
}
.checkBox .box:last-child{
    border-radius: 0 0 3px 3px;
}
.info .floatR li{
    padding-left:1em;
    text-indent: -1em;
}
.info .box:nth-child(1){
    margin-bottom:40px;
}
.info .img,
.info .txt{
    max-width: 570px;
    width:49%;
}
.info02 a{
    color:#0498e3;
    text-decoration: underline;
}

#light03 .col3 li{
    max-width: 360px;
}
#light03.info .col3 li .img{
    max-width: 360px;
    width:100%;
    margin-bottom:30px;
}
#light03 .col3 li h3{
    margin-bottom:10px;
    color:#0498e3;
}

#price01 .flex li{
    max-width: 231px;
    width:19.8%;
}
#price01 .flex li img{
    width:100%;
}
.strength .inner{
    max-width: 1000px;
    width:100%;
    margin:0 auto 80px;
}
#price03{
    padding:40px 0 60px;
    background: url(images/background/bgPrice03.jpg) no-repeat;
    background-size:cover;
}
.reason .box{
    padding:40px 50px 60px;
    background:rgba(255,255,255,0.8);
}
.reason .box h3{
    max-width: 539px;
    width:90%;
    margin:auto;
}
.reason .box h4{
    max-width: 1045px;
    width:100%;
    margin:auto;
}
.reason .box .col2{
    max-width:517px;
}
.reason .box h5{
    padding:5px;
    text-align: center;
}
.reason .box .reason01 h5{
    background:#797979;
}
.reason .box .reason02 h5{
    background:#db115c;
}
.reason .box .lower{
    padding:40px 20px 50px;
    background:#f0f0f0;
}
.reason .box .lower .img{
    width:100%;
    margin-bottom:40px;
}
.reason .box .lower .txt{
    line-height: 1.3;
}
#price03 h4{
    max-width: 1053px;
    width:100%;
    margin:auto;
}
#price03 h4 img{
    width:100%;
}
#company02 .flex .img{
    max-width: 565px;
    width:48.3%;
}
#company02 .flex .img img{
    width:100%;
}
#company02 .flex .txt{
    max-width: 570px;
    width:49%;
}
#company03 .flex .left{
    width: 615px;
    margin: 0 auto;
}
#company03 .flex .left table{
    width:100%;
    border-top:1px solid #d3d3d3;
    border-left:1px solid #d3d3d3;
}
#company03 .flex .left table th,
#company03 .flex .left table td{
    padding:15px 30px;
    text-align: left;
    border-right:1px solid #d3d3d3;
    border-bottom:1px solid #d3d3d3;
}
#company03 .flex .left table th{
    background:#efefef;
}
#company03 .flex .left table td{
    background:#fff;
}
#company03 .flex .img{
    width: 539px;
}
.privacy_details h4{
    font-weight: bold;
    font-size: 20px;
}
.privacy_details li {
  margin-bottom: 2em;
}
/*業務用エアコン*/
.gyoumu02_01{
    padding-bottom:80px;
}
.gyoumu02_01 h3{
    position: relative;
    margin-bottom: 40px;
    padding:13px;
    background-color:#f5f5f5;
    line-height: 1.3;
}
.gyoumu02_01 .inner{
    max-width: 937px;
    width:90%;
    margin:auto;
}
.gyoumu02_01 h4{
    margin:0 auto 30px;
    font-weight: bold;
    line-height: 1.5;
}
.gyoumu02_01 .catch{
    max-width: 723px;
    width:80%;
    margin:auto;
}
.gyoumu02_02 .box{
    position: relative;
    max-width: 1000px;
    width:100%;
    margin:auto;
    padding:70px 30px 90px;
    border:3px solid #0498e3;
}
.gyoumu02_02 h3{
    position: absolute;
    top:-30px;
    left:0;
    right: 0;
    max-width: 730px;
    width: 90%;
    margin:auto;
    padding:10px;
    background-color:#fff;
}
.gyoumu02_02 div.inner{
    max-width: 920px;
    width:100%;
    margin:auto;
}
.gyoumu02_02 h4{
    margin-bottom:20px;
    padding:0 8px;
    display: inline-block;
    font-size: 32px;
    line-height: 1.3;
}
.gyoumu02_02 h5{
    margin:0 auto 20px;
}
.gyoumu02_02 h6{
    font-size: 28px;
}
.gyoumu02_02 p.inner{
    max-width: 840px;
    width:100%;
    margin:auto;
}
.gyoumu02_02 .flex.col2{
    max-width: 610px;
    width:100%;
    margin:auto;
}
.gyoumuimg li{
    max-width: 278px;
    text-align: center;
}
.gyoumuimg li h6{
    margin-top:5px;
    font-weight: bold;
}
.gyoumuimg.col3 li{
    width:31%;
}
.gyoumuimg.col2 li{
    width:48%;
}
#company03 .bgImg{
    background:url(images/background/bgCompany.png) no-repeat;
    background-size: cover;
}

/* 料金画像HTML化 - 赤 */
.emphasis-area {
  position: relative;
}
.emphasis-area .emphasis-price {
  position: absolute;
  top: 20%;
  left: 5%;
  font-size: 115px;
  font-weight: bold;
  font-family: arial;
  background: #F81B00; /* fallback for old browsers */
  background: -webkit-linear-gradient(bottom, #F81B00, #BB1106);
  background: linear-gradient(to bottom, #F81B00, #BB1106);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.emphasis-area .emphasis-price span {
  font-weight: bold;
  font-size: 46px;
}

/* 料金画像HTML化 - 袋文字 */
.emphasis-price-outline {
  font-weight: bold;
  background:linear-gradient(transparent 75%, #FBFD00 75%);
  width: 65%;
  margin: 0 auto 50px;
  line-height: 1;
}
.emphasis-price-outline_title {
  font-size: 50px;
  margin-right: 0.25em;
  color: #000;
}
.emphasis-price-outline_fee {
  font-size: 100px;
  color: #DB135D;
  font-family: arial;
  font-weight: 900;
  text-shadow:
    2px 5px #fff,
    2px -5px #fff,
    -2px 5px #fff,
    -2px -5px #fff,
    4px 4px #fff,
    4px -4px #fff,
    -4px 4px #fff,
    -4px -4px #fff,
    5px 2px #fff,
    5px -2px #fff,
    -5px 2px #fff,
    -5px -2px #fff;
}
.emphasis-price-outline_yen {
  font-size: 30px;
  color: #000;
  margin-left: 0.25em;
}

/* 料金画像HTML化 - 袋文字・二重価格 */
.double-price-outline {
  font-weight: bold;
  background:linear-gradient(transparent 75%, #FBFD00 75%);
  width: 85%;
  margin: 0 auto 80px;
  line-height: 1;
}
.double-price-outline_title {
  font-family: arial;
  font-size: 50px;
  color: #000;
}
.double-price-outline_fee {
  font-size: 100px;
  color: #DB135D;
  font-family: arial;
  font-weight: 900;
  text-shadow:
    2px 5px #fff,
    2px -5px #fff,
    -2px 5px #fff,
    -2px -5px #fff,
    4px 4px #fff,
    4px -4px #fff,
    -4px 4px #fff,
    -4px -4px #fff,
    5px 2px #fff,
    5px -2px #fff,
    -5px 2px #fff,
    -5px -2px #fff;
}
.double-price-outline_yen {
  font-size: 30px;
  color: #000;
  margin-left: 0.25em;
}



/*--------------------
お問い合わせ
---------------------*/
.tel .num{
    font-weight: bold;
}
#contact h2{
    max-width: 532px;
    width:90%;
    margin:0 auto 30px;
}
#contact .contact01 .img{
    width:450px;
}
#contact .contact01 .right{
    width:690px;
    padding-top:42px;
}
#contact .contact01 .right ul{
}
#contact .contact01 .right li{
    margin-left: 1em;
    line-height: 1.5;
    list-style-type: decimal;
    list-style-position: outside;
}
#contact .contactArea{
    margin-left:35px;
}
#contact .contactArea .left{
    margin-right: 20px;
}
#contact .contactArea .right span{
    display: inline-block;
    vertical-align: middle;
}
#contact .contactArea .tel{
    font-size: 40px;
    color:#124fc0;
    line-height: 1.1;
}
#contact .contactArea .tel a{
    color:#124fc0;
}
#contact .contactArea .tel .icon{
    width:41px;
    margin-right: 5px;
}
#contact .contactArea .right .txt{
    padding-left:45px;
}

#inquiryForm{
    max-width: 1000px;
    width:100%;
    margin:0 auto 40px;
    border-top:1px solid #d2d2d2;
}
#inquiryForm th{
    width:30%;
    padding:15px;
    font-weight: bold;
    text-align: left;
    border-bottom:1px solid #d2d2d2;
}
#inquiryForm th p {
    font-weight: bold;
}
#inquiryForm th span.red{
    float:right;
    font-size: 90%;
    font-weight: normal;
}
#inquiryForm tr:last-child th{
    vertical-align: top;
}
#inquiryForm td{
    width:70%;
    padding:15px 30px;
    border-bottom:1px solid #d2d2d2;
}
#inquiryForm td .mw-wp-form_image img{
    width:90%;
    max-width: 300px;
}
#inquiryForm input,
#inquiryForm textarea{

}
#inquiryForm .w80{
    width:80%;
    padding:5px;
    background: #f4f4f4;
    border: 1px solid #ccc;
}
#inquiryForm .w80::-webkit-input-placeholder {
    color: #b2b2b2;
    font-weight: normal;
}
#inquiryForm .w80:-ms-input-placeholder {
    color: #b2b2b2;
    font-weight: normal;
}
#inquiryForm .w80::-moz-placeholder {
    color: #b2b2b2;
    font-weight: normal;
}
#inquiryForm th.select-th {
    vertical-align: top;
}
#inquiryForm td.select {
    padding-left: .5em;
}
#inquiryForm td.select span{
    display: inline-block;
}
.mw_wp_form #inquiryForm .horizontal-item + .horizontal-item{
    margin-right: 10px;
    margin-left:0;
}
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"]{
    background: #f4f4f4;
    border: 1px solid #ccc;
}
#inquiryForm input[type="file"]{
    font-size:95%;
}
span.mwform-tel-field input{
    padding: 5px;
}
span.mwform-tel-field input[name="tel[data][0]"],
span.mwform-tel-field input[name="fax[data][0]"]{
    width:15%;
}

span.mwform-tel-field input[name="tel[data][1]"],
span.mwform-tel-field input[name="fax[data][1]"]{
    width:20%;
}

span.mwform-tel-field input[name="tel[data][2]"],
span.mwform-tel-field input[name="fax[data][2]"]{
    width:20%;
}
.checkPolicy{
    text-align: center;
}
.checkPolicy a{
    text-decoration:underline;
}
.checkPolicy input{
    margin-right: 10px;
}

input.btnConfirm{
    max-width:359px;
    width:60%;
    height: 50px;
    margin:auto;
    padding:10px 0;
    color:#fff;
    background:url(images/background/bgInput.png) no-repeat center;
    background-size: cover;
    text-align:center;
    font-size: 120%;
    font-weight:bold;
    cursor:pointer;
    box-shadow: 0;
    border:none;
    border-radius:8px;
}
.textC .wpcf7-spinner {
    display: none;
}
input.btn_contact_return{
    margin:0 10px;
}
#inquiry .checkPolicy{
    margin-bottom: 20px;
}
#inquiry .privacy{
    margin-bottom:30px;
}
#inquiry .privacy .title{
    margin-bottom:15px;
    font-weight: bold;
}
#inquiry .checkPolicy span.agree{
    color:#ff0000;
    text-decoration: underline;
}

input.btn_contact_return{
    margin:0 10px;
}
.checkPolicy label .mwform-checkbox-field-text{
    display:none;
}
.mwform-checkbox-field input, .mwform-radio-field input{
    display: inline-block;
}
.checkPolicy .mwform-checkbox-field{
    display: inline-block;
}
.mw_wp_form .error{
    display: inline-block;
}
.checkPolicy .textLink{
    display: inline-block;
}
.mw_wp_form_confirm .checkPolicy{
    display:none;
}

#privacy .contentWrp{
    max-width: 870px;
}
#privacy .icon{
    width: 23px;
    margin: 0 auto 10px;
}

#scrollbar1 {
    width:98%;
    height: 330px;
    margin-bottom:45px;
    padding:30px 10px 0 15px;
    clear: both;
    background: #fff;
}
#scrollbar1 .scrollbar{
    position: relative;
    float: right;
    width: 10px;
}
#scrollbar1 .viewport {
    width: 95%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
#scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb{
    background-color: #139ee5;
}
#scrollbar1 .track{
    background: #ccc;
    width: 4px;
    position: relative;
    padding: 0;
    margin:auto;
}
#scrollbar1 .thumb {
    width: 4px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
}
#scrollbar1 .thumb .end{
    overflow: hidden;
    height: 5px;
    width: 5px;
}
#scrollbar1 .disable {
    display: none;
}

/*---------------------
施工事例
---------------------*/
.case .thanks{
    padding:8px 2%;
    background-color:#ff9000;
    border-radius: 20px;
    line-height: 1;
}
.case .menuList{
    margin-bottom:35px;
}
.case .menuList li a{
    display: block;
    padding:10px 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color:#114ebe;
    border:2px solid #114ebe;
    line-height: 1;
}
.case .menuList li a:hover{
    color:#fff;
    background-color:#114ebe;
    border:1px solid #114ebe;
    opacity: 1;
}
.case .archivePost{
    position: relative;
    width:256px;
    margin-right: 48.6px;
    margin-bottom:20px;
}
.case .archivePost:nth-child(4n){
    margin-right: 0;
}
.case .archivePost a{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}
.case .archivePost h3{
    padding:10px;
    text-align: center;
    color:#fff;
    background:#0498e3;
    line-height: 1.5;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.case .archivePost img{
    width:100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
}
.case .archivePost p.txt{
    padding-top:10px;
    line-height: 1.5;
}

/* 詳細共通 */
#caseDetail h2{
    max-width: 990px;
    width:100%;
    margin:0 auto 10px;
    padding-bottom:10px;
    font-size: 28px;
    border-bottom:3px solid #0498e3;
    line-height: 1.3;
}
#caseDetail .date{
    max-width: 990px;
    width:100%;
    margin:0 auto 20px;
}
#caseDetail .inner{
    max-width:700px;
    width:100%;
    margin:0 auto 40px;
    padding:30px;
    text-align: center;
    background:#f5f5f5;
}
#caseDetail .bottom{
    max-width: 990px;
    margin:auto;
}

/*---------------------
お客様の声
---------------------*/
.voice .linkbtn{
    max-width: 549px;
    width:90%;
    margin:60px auto 0;
}
.voiceBox{
    margin-bottom:80px;
}
.voiceBox li{
    position: relative;
    max-width: 370px;
    width:31%;
}
.voiceBox li a{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.voiceBox h3{
    padding:10px;
    font-size: 20px;
    line-height: 1.5;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

#voice-detail .toptxt{
    margin-bottom:30px;
}
.voice-detail{
    max-width: 1170px;
    width:100%;
    margin:auto;
    padding:10px 10px 80px;
    border:10px solid #ccc;
}
.voice-detail h2{
    margin-bottom:20px;
    padding:10px 20px;
    color:#fff;
    background-color:#db115c;
}
.voice-detail .description{
    margin-bottom:30px;
}
.voice-detail .img{
    max-width: 474px;
}
.voice-detail .right{
    max-width: 610px;
}
.voice-detail .voice_comment{
    padding:10px 30px 30px;
}
.voice-detail .voice_comment h3{
    margin-bottom:20px;
    padding-bottom:5px;
    border-bottom:2px solid #114ebe;
}
.voice-detail .voice_comment h3 span{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.voice-detail .voice_comment h3 span.icon{
    max-width: 35px;
    margin-right: 10px;
}
.btnReturn{
    max-width: 349px;
    width:70%;
    margin:40px auto 0;
}

/*---------------------
Pager
---------------------*/
.pager::before, .pager::after {
    content: " ";
    display: table;
}
.pager::after {
    clear: both;
}
.pager::before, .pager::after {
    content: " ";
    display: table;
}
.pager {
    position: relative;
    color:#fff;
}
.pager.bottomPager{
    padding-top:40px;
}
.pager span.pageNumber{
    display: inline-block;
    vertical-align: top;
    margin-right:5px;
    padding-top:8px;
}
.pager div.pager_num {
    display:inline-block;
    text-align:center;
    margin:0 auto;
}
.pager .pager_num span,
.pager .pager_num a {
    display: block;
    float:left;
    width:30px;
    height: 30px;
    text-align: center;
    margin:0 5px;
    color:#0498e3;
    background:#fff;
    border:1px solid #0498e3;
    border-radius:20px;
}
.pager .pager_num a.next,
.pager .pager_num a.prev{
}
.pager .pager_num span.current,
.pager .pager_num a:hover{
    color:#fff;
    background: #0498e3;
    opacity: 1;
}

/* 詳細ページナビ */
.pagenav{}
.pagenav span{
    display: block;
}

/*---------------------
新着情報
---------------------*/
/* 新着情報一覧 */
#news{
    position: relative;
}
#news .menuArea{
    max-width: 480px;
    width:100%;
    margin-bottom:30px;
}
#news .menuArea li{
    position: relative;
    padding:15px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    background:#fff;
    cursor: pointer;
}
#news .menuArea li:hover{

}
#news .menuArea li a{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}
#news .menuArea li:nth-child(1){
    width:120px;
    color:#114dbb;
    border:5px solid #114dbb;
}
#news .menuArea li:nth-child(1):hover{
    color:#fff;
    background:#114dbb;
    transition: .3s;
}
#news .menuArea li:nth-child(2){
    width:130px;
    color:#ff9000;
    border:5px solid #ff9000;
}
#news .menuArea li:nth-child(2):hover{
    color:#fff;
    background:#ff9000;
    transition: .3s;
}
#news .menuArea li:nth-child(3){
    width:165px;
    color:#009234;
    border:5px solid #009234;
}
#news .menuArea li:nth-child(3):hover{
    color:#fff;
    background:#009234;
    transition: .3s;
}
#news #news_list li{
    width:100%;
    margin-bottom:20px;
    padding:20px 20px 25px;;
    background:#fff;
    border:5px solid #0498e3;
}
#news #news_list li h2{
    padding:20px;
    line-height: 1.2;
}
h2.titNews span{
    display: inline-block;
    vertical-align: middle;
}
h2.titNews span.icon{
    margin-right: 10px;
    padding:10px;
    text-align: center;
    background:#fff;
    line-height: 1;
    border-radius: 5px;
}
h2.titNews span.icon.news{
    color:#114dbb;
}
h2.titNews span.icon.topics{
    color:#ff9000;
}
h2.titNews span.icon.report{
    color:#009234;
}
#news #news_list archive .img{
    width:310px;
}
#news #news_list archive .txt{
    width:770px;
}
#news #news_list archive .btnDetail{
    max-width: 349px;
    width:90%;
    margin:auto;
}

/* ビジュアルエディタ装飾 */
.freeeditor h1 {
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 3px solid #e8e7e3;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.freeeditor h2 {
	text-align: left;
	border: none;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 2px solid #e8e7e3;
	padding-left: 0;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.freeeditor h3 {
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #e8e7e3;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.freeeditor h4 {
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.freeeditor h5 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

.freeeditor strong {
	font-weight: bold;
}

.freeeditor img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
.freeeditor img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
.freeeditor img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */


/* フッター */
#footer .footerTop {}
#footer .footerTop .bgImg{
    background: url(images/footer/bgFtTop.png) no-repeat top center;
    background-size:cover;
}
#footer .footerTop .bgImg .box{
    padding:10px;
    text-align: center;
    background:#fff;
    border:1px solid #0498e3;
}
#footer .footerTop .bgImg .box h3{
    background:#0498e3;
}
#footer .footerTop .bgImg .box .inner{
    padding:60px 0;
}
#footer .footer_wrap {
  background-color: #0D47A1;
}
#footer .footer_wrap .dp_flex {
    padding: 30px 0;
    display: flex;
}
#footer .footer_wrap .foot_info {
    max-width: 410px;
    height: auto;
    margin-bottom: 0;
    padding: 30px 40px;
    text-align: center;
    color: #333;
    background:#fff;
    border-radius:5px;
}
#footer .footer_wrap .foot_info p.shopname{
    margin-bottom:15px;
    font-size: 30px;
}
#footer .footer_wrap .foot_info .address{
    margin-bottom:30px;
}
#footer .footer_wrap .foot_info .tel{
    margin-bottom:10px;
}
#footer .footer_wrap .foot_info .tel span{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
#footer .footer_wrap .foot_info .tel span.icon{
    margin-right: 10px;
}
#footer .footer_wrap .foot_info .num{
    font-size: 33px;
    line-height: 1;
}
#footer .footer_wrap .foot_info .time{
    max-width: 260px;
    width:90%;
    margin:auto;
    padding:2px 10px;
    color:#009dc5;
    border:1px solid #009dc5;
    line-height: 1;
}
#footer .footmenu_wrap {
    max-width: 640px;
    width:64%;
    padding: 30px 0;
    color: #fff;
}
#footer .footmenu_wrap a {
    color: #fff;
}
#footer .footmenu_wrap .foot_gnav{
}
#footer .footmenu_wrap .foot_gnav > div:nth-child(1){
    width:60%;
}
#footer .footmenu_wrap .foot_gnav > div .sub-menu li{
    margin-left:1em;
}
#footer .footmenu_wrap .foot_gnav > div:nth-child(2){
    width:40%;
    margin-top:1.8em;
}
#footer a:hover{
    text-decoration: underline;
}

#copyright_wrap{
    padding:5px;
}
#copyright_wrap a{
    color:#fff;
}
/*20200410*/
#spcontact{
    display:none;
    height: 0;
}

/* プライバシーポリシー */

#privacypolicy h3 {
    font-size: 22px;
    margin: 20px 0;
    text-align: left;
    border-left: 8px solid #0090db;
    padding-left: 5px;
    line-height: 1;
}

#privacypolicy ul li {
  padding-left: 20px;
  list-style: disc;
  list-style-position: inside;
}

/* error */

.error {
	margin: 30px auto;
}

.error h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

/* gotop */
#top {
	position: relative;
    overflow: hidden;
}

.gotop {
	position: fixed;
	right: 10px;
	bottom: 50px;
    width:58px;
    height: 58px;
	z-index: 4;
    background: url(images/common/pagetop.png) no-repeat;
    background-size:100%;
}
/* リキャプチャ */
.grecaptcha-badge{
    bottom: 150px!important;
    z-index: 1000;
}

/************************************************
      PC
************************************************ */

@media only screen and (min-width: 812px){
  .sp,
  .mini {
  	display: none;
  }

}

/************************************************
レスポンシブ
************************************************ */
@media only screen and (max-width: 1380px){
    .contentWrpW{
        width: 96%;
        margin: auto;
        position: relative;
    }
    .stepArea .contentWrpW{
        max-width: 1170px;
    }
    .stepArea .left{
        max-width: 510px;
        width:42%;
    }
    .stepArea .right{
        max-width: 720px;
        width:56%;
        padding-right: 0;
    }
    .stepArea .right .upper{
        font-size: 2.5vw;
    }
    .top03_04 p.img{
        max-width: 630px;
        width:50%;
        right:-1%;
    }
}

@media only screen and (max-width: 1300px){
    #header .lower .contact{
        right:55px;
        width:21%;
    }
    #header .lower .telArea{
        width:26%;
        max-width: 260px;
        right:27%;
    }
    #header .lower .telArea .tel{
        font-size: 3vw;
    }
    #header .lower .telArea .tel .icon{
        padding-top:2px;
    }
    #header .lower .cardArea{
        max-width: 249px;
        width:20%;
        right: 0;
        left:28%;
    }
}

@media only screen and (max-width: 1170px){
    .contentWrp{
        width: 96%;
        margin: auto;
        position: relative;
    }
    header{
        height: 130px;
    }
    #header .lower .logo{
        width:29%;
    }
    #header .lower .logo span.shopname{
        font-size: 22px;
    }
    #header .lower .cardArea{
        width:19%;
    }
    #header .lower .telArea{
        padding:0 1%;
    }
    #header .lower .telArea .tel span{
    }
    #header .lower .telArea .tel .icon{
        max-width: 22px;
        width:7%;
        padding-top:0;
    }
    #header .lower .telArea .tel .num{
        padding-top:10px;
        font-size: 2.6vw;
    }
    #header .lower .telArea .sodan,
    #header .lower .telArea .time{
        font-size: 11px;
    }
    #header .lower .telArea .sodan{
        margin-bottom:-5px;
    }
    #header img{
        width:100%;
        height: auto;
    }
    .commonArea .corresArea .left{
        width:50%
    }
    .commonArea .corresArea .right{
        width:50%;
        padding-left:2%;
    }
    .commonArea .corresArea .bgImg:before{
        background:url(images/background/bgCorresAreaS.png) no-repeat center;
        background-size:auto 100%;
    }
    .top02_02 .floatL{
        margin-right: 15px;
        margin-bottom:15px;
    }
    .top02_02 .floatR{
        float:none;
        width: inherit;
    }
    .top02_03 .center{
        font-size: 2.9vw;
    }
    .top03_04 .left h3{
        font-size: 2.8vw;
    }
    .top03_04 .left p.bottom{
        font-size: 4vw;
    }
    #top04 .flex li img{
        width:100%;
    }
    #top06 .contentWrp .box{
        margin:auto;
    }
    #top06 .contentWrp .box .img{
        padding:0 10px;
    }
    .ranking .box .img{
        width:35%;
    }
    .ranking .box .right {
        width:63%;
    }
    .checkArea .box .right{
        width:58%;
    }
    .pagetop01_2 .bgWhite .img,
    .pagetop01_2 .bgWhite .right{
        width:49%;
        padding-top:0;
    }
    #evcar02 .lowPrice .inner .description .img{
        width:42%;
    }
    #evcar02 .lowPrice .inner .description .textarea{
        width:56%;
    }

    .case .menuList li{
        margin:0 1%;
    }
    .case .menuList li a{
        padding:10px;
        font-size: 100%;
    }
    .case .archivePost,
    .case .archivePost:nth-child(4){
        width:24%;
        margin:0 0.5% 20px;
    }
    .menuArea li{
        padding:30px 15px;
    }
    .voice-detail .img{
        width:43%;
    }
    .voice-detail .right{
        width:55%;
    }
    #company03 .flex .left{
        width:52.5%;
    }
    #company03 .flex .img{
        max-width: 539px;
        width:46%;
    }
    #contact .contact01 .img{
        max-width:450px;
        width:41%;
    }
    #contact .contact01 .right{
        max-width:690px;
        width:57%;
        padding-top:0;
    }
    #contact .contactArea{
        max-width: 870px;
        margin:auto;
    }

    #footer .footer_wrap .foot_info{
        width:38%;
        padding:30px;
    }
    #footer .footer_wrap .foot_info p.shopname{
        font-size: 3.2vw;
    }
    #footer .footmenu_wrap{
        width:60%;
    }

    /* 料金画像HTML化 */
    .emphasis-area .emphasis-price {
      top: 15%;
      font-size: 105px;
    }
    .emphasis-area .emphasis-price span {
      font-size: 36px;
    }
    /* 料金画像HTML化 - 袋文字 */
    .emphasis-price-outline {
      width: 80%;
    }
    /* 料金画像HTML化 - 袋文字・二重価格 */
    .double-price-outline_title {
      font-size: 40px;
    }
    .double-price-outline_fee {
      font-size: 80px;
    }
    .double-price-outline_yen {
      font-size: 20px;
    }

}
@media only screen and (max-width: 999px){
    header{
        height: 120px;
    }
    .commonArea .corresArea .bgImg:before{
        background:none;
    }
    .commonArea .corresArea .contentWrp{
        width:100%;
        padding:0;
    }
    .commonArea .corresArea .left{
        padding:50px 2%;
        background:url(images/background/bgCorresArea.png) no-repeat;
        background-size:cover;
    }
    .commonArea .corresArea .right{
        padding:30px 2%;
    }
    .commonArea .corresArea .left,
    .commonArea .corresArea .right,
    .stepArea .left,
    .stepArea .right{
        width:100%;
        max-width: inherit;
    }
    .stepArea .left{
        margin-bottom:30px;
    }
    .stepArea .right{
        text-align: center;
    }
    .stepArea .right .upper{
        font-size: 30px;
    }
    .stepArea .right .telArea{
        width:96%;
        margin:auto;
    }
    .strength h3{
        font-size:6.5vw;
    }
    .top03_02 .box .left{
        max-width: 630px;
        width:70%;
    }
    .top03_02 .box .img {
        max-width: 222px;
        width: 27%;
    }
    #breaker02 .description .img,
    #breaker02 .description .textarea{
        width:49%;
    }

    .case .menuList li a{
        padding:10px 5px;
        font-size: 14px;
    }

    /* 料金画像HTML化 */
    .emphasis-area .emphasis-price {
      top: 25%;
      font-size: 80px;
    }
    /* 料金画像HTML化 - 袋文字 */
    .emphasis-price-outline {
      width: 100%;
    }
    /* 料金画像HTML化 - 袋文字・二重価格 */
    .double-price-outline {
      width: 100%;
      margin-bottom: 40px;
    }
    .double-price-outline_title {
      font-size: 40px;
    }
    .double-price-outline_fee {
      font-size: 80px;
    }
    .double-price-outline_yen {
      font-size: 20px;
    }
}

/************************************************
        Tablet max-width: 812px
************************************************ */
@media only screen and (max-width: 812px){
    img {
      width: 100%;
      height: auto;
    }

    body {
      line-height: 1.6;
    }
    .pt30{ padding-top:20px !important;}
    .pt40,.pt60,.pt80{ padding-top:30px !important;}
    .pb40{ padding-bottom:25px !important;}
    .pb50{ padding-bottom:30px !important;}
    .pb60,.pb70,.pb80{ padding-bottom:30px !important;}
    .pb100,.pb150{ padding-bottom:50px !important;}
    .pt50{ padding-top:25px !important;}
    .pt70{ padding-top:30px !important;}
    .pt150{ padding-top:50px !important;}
    .mt40,.mt50 { margin-top: 25px !important;}
    .mb40,.mb50 { margin-bottom: 25px !important;}
    .mb60,.mb70 { margin-bottom: 30px !important;}
    .mb100 { margin-bottom: 40px !important;}
    .fs14{ font-size: 13px;}
    .fs18{ font-size: 16px;}
    .fs20{ font-size: 18px;}
    .fs24,.fs26,.fs28,.fs30{ font-size: 20px;}
    .fs32,.fs36 { font-size: 24px;}
    .fs38,.fs40,.fs42{ font-size: 30px;}

    .contentWrpW{
        width:100%;
    }

    .pc,
    .mini {
    	display: none;
    }
    .sp{display: block;}

    /* ヘッダー */
    header {
        height: auto;
    }
    #header .upper{
        padding:0;
        font-size: 10px;
        text-align: center;
        line-height: 16px;
    }
    #header .lower{
        height: auto;
    }
    #header .lower .logo{
        position: static;
        width:50%;
        max-width:295px;
        padding-top:10px;
        padding-bottom:15px;
    }
    #header .lower .logo span.shopname{
        font-size: 26px;
    }
    #header .lower .cardArea{
        width:25%;
        top:8px;
        left:inherit;
        right: 80px;
    }
    .drawer-hamburger{
        display: block !important;
        opacity: 1 !important;
        top:20px;
    }
    .drawer-nav ul li {
	    font-size: 12px;
    }

    /* メインビジュアル */
    #mv .pc{
        display: none;
    }
    #mv .bgImg.sp {
        /* padding-bottom:3%; */
        background: url(images/main/top/bgmv01s.png) no-repeat;
        background-size: cover;
    }
    #mv .mv_wrapper{
        width:100%;
        margin:auto;
        padding:0;
    }
    #mv .mv_wrapper .txt{
        position: absolute;
        top: 6.8%;
        left: 7%;
        font-size: 4.8vw;
        font-weight: bold;
        color: #024d73;
        text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
    }

    #mainImage .mainTit .sp{
        display: block;
    }

    /* グローバルナビ */
    #gnav {
      display: none;
    }

    /* セクション共通 */
    .h2 {
        font-size: 24px;
    }
    h2 img{
        /*max-width: 512px;*/
    }

    .h3 {
      font-size: 22px;
      margin-bottom: 15px;
    }

    .flex {
        /*flex-wrap: wrap;
        display: block;*/
    }
    .flex_i1{
        flex: inherit;
    }
    .flex_i1s {
        width: 49%;
    }
    .halfWrp .floatL, .halfWrp .floatR{
        float:none;
        width:100%;
        margin:0 auto 15px;
    }
    .breadcrumb{
        font-size: 10px;
    }

    /* freespace 20200508 */
    #freespace {
        padding-bottom: 20px;
    }
    #freespace .title {
        font-size: 7vw;
    }
    #freespace .floatL {
        width: auto;
        float: none;
        margin: 0 auto 15px;
    }
    #freespace .floatR {
        float: none;
        width: inherit;
    }

    /* 共通コンテンツ */
    .commonArea h2.tit img{
        max-width: 640px;
    }
    .stepArea .right .tel{
        font-size: 8vw;
    }
    .stepArea .right .upper{
        font-size: 4vw;
    }
    section.page{
        padding:30px 0;
    }
    .col4{
        width:48%;
    }
    .col4.box{
        margin-bottom:10px;
    }

    /* トップページコンテンツ */
    #top02 h2.tit img{
        max-width: 502px;
    }
    .top02_01 h3 img{
        max-width: 636px;
    }
    .top02_01 .baseprice{
        max-width: 700px;
        width:100%;
        margin:0 auto 20px;
    }
    .top02_01 .baseprice .img,
    .top02_01 .baseprice .right{
        width:100%;
        margin:auto;
        text-align: center;
    }
    .top02_01 .baseprice .img{
        margin-bottom:10px;
    }
    .top02_01 .baseprice .right h3{
        margin-bottom:15px;
        font-size: 34px;
    }
    .top02_01 ul.mb40{
        margin-bottom:0 !important;
    }
    .top02_01 li{
        width:100%;
        max-width: 700px;
        margin:0 auto 30px;
    }
    .top02_02 h3.fs48{
        font-size: 5vw;
    }
    .top02_02 h3 br.brNone{
        display: block;
    }
    .top02_02 .floatL{
        width: auto;
        max-width:420px;
        float:none;
        margin:0 auto 15px;
    }
    .top02_03 .left{
        width:20%;
    }
    .top02_03 .center{
        width:65%;
        text-align: center;
    }
    .top02_03 .right{
        width:13%;
        margin-right:0;
    }
    .top03_02 .box{
        padding:35px 20px;
    }
    .top03_04 .left{
        width:100%;
        padding:20px 15px;
    }
    .top03_04 .left h3 {
        font-size: 26px;
    }
    .top03_04 .left ul li br{
        display: none;
    }
    .top03_04 p.img{
        display: none;
    }
    .menuArea .bgOrg .brNone{
        display: block;
    }
    .menuArea li:nth-child(odd),
    .menuArea li:nth-child(even){
        float:none;
        width:100%;
        margin:0 auto 20px;
    }
    .menuArea li.flex1{
        padding:15px;
        flex-wrap: nowrap;
    }
    .menuArea li{
        max-width: inherit;
        width:49%;
    }
    .strength .inner{
        margin-bottom:15px;
    }
    .strength .flex li h4{
        margin-bottom:10px;
        font-size: 18px;
    }
    #top06{
        padding:40px 15px;
        background:url(images/toppage/bgTop06s.jpg) no-repeat center top;
        background-size: cover;
    }
    .faq th{
        padding:8px 20px;
    }
    .faq span.icon {
        width: 8%;
        margin-right: 2%;
    }
    .faq td{
        padding:20px;
    }

    .page2 .pageTop01{
        max-width: 590px;
        width:100%;
        margin:auto;
    }
    .pageTop01 li h3{
        font-size: 24px;
    }
    .pageTop01 li h4,
    .pageTop01 .col4 h3,
    .pageTop01.col3 h3{
        font-size: 20px;
    }
    .pageTop02 table{
        font-size: 100%;
    }
    .pageTop02 table th,
    .pageTop02 table td{
        padding:8px 5px;
    }
    .pageTop02 .lowPrice .inner{
        padding: 30px 15px 15px;
    }
    .pagetop02_2 .bgF5{
        padding:20px 10px;
    }
    .pageTop03 .left h3{
        font-size: 30px;
    }
    .pagetop01_2 h2{
        margin-bottom:20px;
    }
    .pagetop01_2 .bgWhite{
        padding:20px 10px;
    }
    .pagetop01_2 .bgWhite .img, .pagetop01_2 .bgWhite .right{
        width:100%;
        margin:0 auto 15px;
    }
    .pagetop02_2 .lowPrice .inner{
        padding:20px 10px 30px;
    }

    .ranking .box{
        padding:25px 0;
    }
    .ranking .box .img{
        width: 100%;
        margin:0 auto 20px;
    }
    .ranking .box .left{
        max-width: 600px;
        width:100%;
        margin:0 auto 15px;
    }
    .ranking .box:nth-child(odd) .flex .img {
        -webkit-order: inherit;
        order: inherit;
    }
    .flow .box{
        max-width: 600px;
        margin:0 auto 40px;
        padding:15px 15px 20px;
    }
    .flow .box .step{
        top:15px;
    }
    .flow .box:last-child{
        margin:auto;
    }
    .flow .box:after{
        border-width: 30px;
        bottom:-60px;
    }
    .flow .box h3{
        margin-bottom:20px;
        font-size: 30px;
    }
    .flow .box .img{
        width:100%;
        margin:auto;
    }
    .flow .box .left,
    .flow .box:nth-child(2) .left{
        margin-bottom:15px;
        padding-top:0;
    }
    .flow .baseprice .img{
        width:100%;
        margin:0 auto 15px;
    }
    .flow .baseprice .right{
        width:100%;
        padding:0;
        text-align: center;
    }
    .flow .baseprice .right h3{
        font-size: 30px;
    }
    .flow .baseprice .right p{
        font-size: 20px;
    }
    .checkArea .box .right{
        padding-top:0;
    }
    .info .img,
    .info .txt{
        width:100%;
        margin:auto;
    }
    .info .floatL,
    .info .floatR{
        float:none;
    }
    .info .img{
        margin-bottom:20px;
    }
    .info01{
        margin-bottom:20px;
    }
    .stepArea{
        padding:20px 0;
    }
    .checkArea h2{
        margin-bottom: 20px;
    }
    .checkArea .flex1{
        flex-wrap: wrap;
    }
    .checkArea .box .img{
        width:100%;
        margin:0 auto 20px;
    }
    .checkArea .box .right{
        width:100%;
        margin:auto;
    }
    .reason .flex{
        flex-wrap: wrap;
    }
    .reason .box{
        padding:0 10px 20px;
        border:10px solid #0498e3
    }
    .reason .box .col2{
        width:100%;
        margin:0 auto 15px;
    }
    .reason .box .lower{
        padding:20px 10px;
    }

    .gyoumu02_02 .box{
        padding:50px 20px 30px;
    }
    .gyoumu02_02 h4{
        font-size: 26px;
    }
    .gyoumu02_02 h6{
        font-size: 20px;
    }
    #gyoumu02 h3{
        font-size:24px;
    }
    .gyoumu02_01 h3{
        background-size: 40px;
    }
    .gyoumu02_01 .yLine{
        font-size: 5vw;
    }
    .gyoumu02_01 h4{
        margin-bottom:25px;
    }
    .gyoumu02_01 h5,
    .gyoumu02_02 h5{
        margin:0 auto 15px;
    }
    #gyoumu03 .floatL,
    #gyoumu03 .floatR{
        float:none;
        width:100%;
    }
    #gyoumu03 .floatL{
        min-height: inherit;
        margin:0 auto 20px;
        padding:15px;
    }
    #gyoumu03 .floatL h3 {
        margin-bottom: 10px;
    }
    #gyoumu03 .floatR{
        max-width: 560px;
        margin:auto;
    }
    #breaker02 .lowPrice{
        margin-bottom:20px;
    }
    #breaker02 .lowPrice .inner{
        padding:20px 10px;
    }
    #breaker02 .lowPrice .inner .img{
        margin-bottom:20px;
    }
    #breaker02 .description{
        margin-bottom:25px;
    }
    #evcar02 .lowPrice .inner .description .img,
    #evcar02 .lowPrice .inner .description .textarea{
        width:100%;
        margin:0 auto 15px;
    }
    #electrical .box h3{
        padding:5px;
        font-size: 130%;
    }
    #electrical .box .txt{
        padding:10px 5px;
    }

    /* 料金画像HTML化 */
    .emphasis-area .emphasis-price {
      font-size: 70px;
    }
    .emphasis-area .emphasis-price span {
      font-size: 26px;
    }
    /* 料金画像HTML化-ピンク */
    .emphasis-price-outline_title {
      font-size: 40px;
    }
    .emphasis-price-outline_fee {
      font-size: 70px;
    }
    /* 料金画像HTML化 - 袋文字・二重価格 */
    .pageTop02 .lowPrice .price_pic .textL {
      margin-bottom: -20px;
    }
    .double-price-outline_title {
      font-size: 30px;
    }
    .double-price-outline_fee {
      font-size: 60px;
    }
    .double-price-outline_yen {
      font-size: 16px;
    }

    /* 会社概要 */
    #company03 .flex .left,
    #company03 .flex .img{
        width:100%;
        margin:auto;
    }
    #company03 .flex .left{
        margin-bottom:15px;
    }
    #contact .contactArea .left,
    #contact .contactArea .right{
        width:100%;
        margin: 0 auto 10px;
        text-align: center;
    }

    /* 施工事例一覧 */
    #topCase ul {
        margin-bottom: 40px;
    }
    .case .archivePost,
    .case .archivePost:nth-child(4n){
        width: 48%;
        margin:0 1% 15px;
    }
    .case .menuList{
        margin-bottom:35px;
    }
    .case .menuList.flex1{
        -webkit-justify-content: inherit;
        justify-content: inherit;
    }
    .case .menuList li{
        width:32%;
        margin:0 0.6% 15px;
    }
    .case .menuList li a{
        font-size: 2vw;
    }

    /* 施工事例詳細 */
    #caseDetail h2{
        font-size: 24px;
    }
    #caseDetail .inner{
        margin-bottom:20px;
    }
    /* pagenavi */
    .pagenavi {
        margin-top:30px;
    	font-size: 100%;
    	line-height: 1.6;
    }

    /* voice */
    .voiceBox {
        margin-bottom: 30px;
    }
    .voiceBox li{
        width:100%;
        max-width: 600px;
        margin:0 auto 20px;
    }
    .voice .linkbtn{
        margin-top:10px;
    }
    .voice-detail{
        padding-bottom:30px;
    }
    .voice-detail h2{
        padding:5px 10px;
    }
    .voice-detail .voice_comment{
        padding:10px 15px;
    }
    .btnReturn{
        margin:30px auto 0;
    }

    .pager .pager_num span, .pager .pager_num a{
        padding-top:3px;
    }
    .pagenav span{
        font-size: 12px;
    }

    /* メールフォームテンプレート */
    #inquiryForm td{
        padding:15px;
    }

    textarea,
    input[type="text"] {
    	width:100%;
      font-size: 16px;
    }

    .mwform-tel-field input[type="text"] {
      width: 28%;
    }

    .policycheck {
    	margin-bottom: 10px;
    }

    #submitback {
    	display: block;
    	margin-right: 0px;
    	margin-bottom: 10px;
    }

    /* プライバシーポリシー */
    #privacypolicy h3 {
        font-size: 18px;
        line-height: 1.2;
    }

    /* フッター */
    #footer{
        margin-bottom:90px;
    }

    #footer .footerTop .bgImg .box .inner{
        padding: 30px 0;
    }
    #footer .footer_wrap .dp_flex{
        display: block;
    }
    #footer .footer_wrap .foot_info{
        width:100%;
        margin:0 auto 20px;
    }
    #footer .footer_wrap .foot_info.floatL,
    #footer .footmenu_wrap.floatR{
        float:none;
    }
    #footer .footmenu_wrap{
        width: 100%;
        margin:auto;
    }
    #footer .footer_wrap .foot_info p.shopname{
        font-size: 4.5vw;
    }
    #footer .footer_wrap .foot_info .address{
        margin-bottom:20px;
    }

    #spcontact{
        /*display: block;*/
    }
    #spcontact.flex{
        display: flex;
        flex-wrap: nowrap;
    }
    #spcontact{
        position: fixed;
        left:0;
        bottom:0;
        width:100%;
        height: 90px;
        padding:15px 0;
        background:#114fc2;
    }
    #spcontact .tel{
        width:62%;
        text-align: center;
        border-right:1px solid #fff;
    }
    #spcontact .tel img{
        max-width: 108px;
        width:90%;
    }
    #spcontact .mail{
        width:38%;
        text-align: center;
    }
    #spcontact .mail img{
        max-width: 50px;
        width:100%;
    }
    /* gotop */
    .gotop {
    	right: 10px;
    	bottom: 90px;
    	width:40px;
        height: 40px;
    }
}

/************************************************
      Smartphone max-width: 640px
************************************************ */
@media only screen and (max-width: 640px){
    .menuArea li{
        padding:15px;
    }
    .menuArea li .img{
        width:47%;
    }
    .menuArea li .right{
        max-width: 243px;
        width:49%;
    }
    /* 料金画像HTML化-赤 */
    .emphasis-area .emphasis-price {
      top: 24%;
      font-size: 60px;
    }
    .emphasis-area .emphasis-price span {
      font-size: 20px;
    }
    /* 料金画像HTML化-ピンク */
    .emphasis-price-outline {
      width: 100%;
    }
    .emphasis-price-outline_title {
      font-size: 25px;
    }
    .emphasis-price-outline_fee {
      font-size: 53px;
      text-shadow: none;
    }
    .emphasis-price-outline_yen {
      font-size: 16px;
    }
    /* 料金画像HTML化 - 袋文字・二重価格 */
    .double-price-outline_title {
      font-size: 24px;
    }
    .double-price-outline_fee {
      font-size: 50px;
      text-shadow: none;
    }
    .double-price-outline_yen {
      font-size: 16px;
    }
}
/************************************************
      Smartphone max-width: 600px
************************************************ */
@media only screen and (max-width: 600px){
    /* メールフォームテンプレート */
    #inquiryForm th,
    #inquiryForm td {
        display: block;
        width: 100%;
    }
    #inquiryForm th{
        padding-bottom:0;
        border-bottom:none;
    }
    /* 料金画像HTML化 */
    .emphasis-area .emphasis-price {
      top: 28%;
      font-size: 50px;
    }
    .emphasis-area .emphasis-price span {
      font-size: 16px;
    }
    /* 料金画像HTML化 - 袋文字・二重価格 */
    .double-price-outline_title {
      font-size: 16px;
    }
    .double-price-outline_fee {
      font-size: 25px;
    }
    .double-price-outline_yen {
      font-size: 12px;
    }
}

/************************************************
    Smartphone max-width: 414px
************************************************ */
@media only screen and (max-width: 414px){
    .pb50,.pb100,.pb150{padding-bottom: 30px !important;}
    .pt150 {padding-top: 30px !important;}
    .mb30{margin-bottom:15px !important;}
    .mb60{margin-bottom:30px !important;}
    .mb80{margin-bottom:40px !important;}
    .mini {
    	display: block;
    }
    body{font-size:13px;}
    .fs14{ font-size: 11px;}
    .fs16{ font-size: 100%;}
    .fs18{ font-size: 110%;}
    .fs20{ font-size: 16px;}
    .fs24{ font-size: 16px;}
    .fs26,.fs28,.fs30{ font-size: 18px;}
    .fs32{ font-size: 22px;}
    .fs38,.fs40,.fs42{ font-size: 24px;}
    .h2 {
        font-size: 20px;
    }
    #header .lower .logo{
        width:50%;
    }
    #header .lower .logo span.shopname{
        font-size: 5vw;
    }
    #header .lower .cardArea{
        top:25%;
    }
    .drawer-hamburger {
        padding-top: 3px;
        padding-right: .55rem;
        padding-bottom: 15px;
        padding-left: .55rem;
    }
    .drawer-hamburger-icon:before{
        top: -8px;
    }
    .drawer-hamburger-icon:after{
        top:8px;
    }
    .drawer-nav ul li .child li{
        float:none;
        width:100%;
        line-height: 2;
    }
    .drawer-nav{
        width:260px;
    }
    .drawer--right.drawer-open .drawer-hamburger{
        right: 260px;
    }
    /* top bottomコンテンツ */
    #top06 .contentWrp .box{
        padding:20px 0;
    }
    #top06 .contentWrp .box ul {
        padding: 15px;
    }
    .top02_03 .left,
    .top02_03 .right{
        display: none;
    }
    .top02_03 .center{
        width:100%;
        font-size: 120%;
    }
    .top02_01 .baseprice .right h3{
        font-size: 26px;
    }
    .top03_02 .box .icon{
        width:140px;
    }
    .top03_02 .box .left{
        width:100%;
    }
    .top03_02 .box .img{
        display: none;
    }
    .top03_04 .left h3 {
        font-size: 5.5vw;
    }
    .top04_03 li{
        width:48%;
        margin-bottom:10px;
    }

    /* 下層/共通ページ */
    .strength h3{
        font-size:30px;
    }
    .strength .flex li{
        width:100%;
        max-width: 350px;
        margin:0 auto 15px;
    }
    .strength .flex li img{
        margin-bottom:5px;
    }
    .strength .flex li h4{
        font-size: 16px;
    }
    .pageTop01 li{
        max-width: 360px;
        width:100%;
        margin:0 auto 20px;
    }
    .pageTop01 li h3{
        padding:5px;
    }
    .pageTop03 .left h3{
        font-size: 22px;
    }
    .stepArea .right .upper{
        font-size: 5vw;
    }
    .flow .box{
        margin:0 auto 30px;
    }
    .flow .box:after{
        border-width: 20px;
        bottom:-40px;
    }
    .flow .box .step{
        width:130px;
    }
    .flow .box h3{
        margin-top:35px;
        font-size: 24px;
    }
    #electrical .pageTop01 li{
        margin-bottom:5px;
    }
    .ranking .rankicon{
        max-width:90px;
        width:25%;
        margin-bottom:20px;
    }
    #light03 .col3{
        flex-wrap: wrap;
    }
    #light03 .col3 li{
        width:100%;
        margin:0 auto 15px;
    }
    #light03.info .col3 li .img{
        margin-bottom:10px;
    }
    .pageTop01 li h3{
        font-size: 20px;
    }
    .pageTop01 li h4, .pageTop01 .col4 h3, .pageTop01.col3 h3{
        font-size: 16px;
    }
    .gyoumu02_02 .box {
        padding: 30px 10px 30px;
    }
    .gyoumu02_02 h3 {
        top:-40px;
    }
    .gyoumu02_02 h4{
        margin-bottom:10px;
        font-size: 20px;
    }
    .gyoumu02_02 h6{
        margin-top:0;
        font-size: 110%;
    }
    #electrical .box h3{
        padding:5px 2px;
        font-size: 3.9vw;
    }
    #breaker02 .description .img, #breaker02 .description .textarea {
        width: 100%;
    }
    #breaker02 .description .img{
        margin-bottom:15px;
    }
    .stepArea .right .tel {
        font-size: 36px;
    }
    #company02 .flex .img,
    #company02 .flex .txt{
        width:100%;
        margin:auto;
    }
    #company02 .flex .img{
        margin-bottom:15px;
    }
    #company03 .flex .left table th, #company03 .flex .left table td{
        padding:10px;
    }
    #contact .contact01 .img,
    #contact .contact01 .right{
        width:100%;
        margin:auto;
    }
    #contact .contact01 .img{
        margin-bottom:15px;
    }
    #contact .contactArea .tel .icon {
        width: 35px;
    }
    #inquiryForm .w80{
        width:100%;
    }
    #price01 .flex1{
        -webkit-justify-content: inherit;
        justify-content: inherit;
    }
    #price01 .flex li {
        width: 32%;
        margin:0 0.6% 5px;
    }

    /* 料金画像HTML化 */
    .emphasis-area .emphasis-price {
      top: 28%;
      font-size: 36px;
    }
    .emphasis-area .emphasis-price span {
      font-size: 12px;
    }

    /* 施工事例/voice */
    .case .menuList{
        margin-bottom:10px;
    }
    .case .menuList li{
        width:48%;
        margin:0 1% 15px;
    }
    .case .archivePost,
    .case .archivePost:nth-child(4n){
        float: none;
        width:100%;
        max-width: 300px;
        margin:0 auto 15px;
    }
    #caseDetail h2{
        font-size: 20px;
    }
    .pagenav span.blogTitle{
        display: none;
    }
    .voice-detail .img,
    .voice-detail .right{
        width:100%;
        margin:auto;
    }
    .voice-detail .img{
        margin-bottom:15px;
    }
    .voice-detail .voice_comment h3{
        margin-bottom:15px;
    }
    .voice-detail .voice_comment h3 span.icon{
        max-width: 20px;
    }

    /* フッター */
    #footer{
        margin-bottom:90px;
    }

    #footer .footerTop .bgImg .box .inner{
        padding:15px 0;
    }
    #footer .footer_wrap .foot_info p.shopname{
        font-size: 26px;
    }
    #footer .footer_wrap .foot_info .address{
        margin-bottom:15px;
    }
    #footer .footer_wrap .foot_info .tel_no{
        font-size: 36px;
    }
    #footer .footmenu_wrap{
        padding:10px 0 0;
    }
    #footer .footmenu_wrap .foot_gnav > div:nth-child(1),
    #footer .footmenu_wrap .foot_gnav > div:nth-child(2){
        width:90%;
    }

    #spcontact .tel img{
        max-width: 90px;
        width: 45%;
    }
    #spcontact .mail img{
        width: 30%;
    }
}

/************************************************
  Smartphone max-width: 375px
************************************************ */
@media only screen and (max-width: 376px){
  /* 料金画像HTML化 */
  .emphasis-area .emphasis-price {
    top: 23%;
  }
  /* 料金画像HTML化-ピンク */
  .emphasis-price-outline_title {
    font-size: 22px;
  }
  .emphasis-price-outline_fee {
    font-size: 42px;
  }
}

/************************************************
  Smartphone max-width: 330px
************************************************ */
@media only screen and (max-width: 330px){
  /* 料金画像HTML化 */
  .emphasis-area .emphasis-price {
    top: 23%;
    font-size: 32px;
  }
  .emphasis-area .emphasis-price span {
    font-size: 10px;
  }
  /* 料金画像HTML化-ピンク */
  .emphasis-price-outline_title {
    font-size: 18px;
  }
  .emphasis-price-outline_fee {
    font-size: 36px;
  }
  /* 料金画像HTML化 - 袋文字・二重価格 */
  .pageTop02 .lowPrice .price_pic .textL {
    margin-bottom: -20px;
  }
  .double-price-outline {
    margin-bottom: 40px;
  }
  .double-price-outline_title {
    font-size: 14px;
  }
  .double-price-outline_fee {
    font-size: 18px;
  }
  .double-price-outline_yen {
    font-size: 12px;
  }
}