@charset "utf-8";

/* ===================================================================
CSS information

 file name  :sp.css
 author     :pcbrain
 style info :スマートフォン用
=================================================================== */

/*縦向き・横向きの文字サイズ自動調整機能を停止*/

* {
    -webkit-text-size-adjust: 100%;
}


/*入力エリアフォーカス時の自動ズームを停止*/

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    font-size: 16px;
    -webkit-appearance: none;
}

input[type="submit"],
input[type="image"] {
    -webkit-appearance: none;
}

.spcut {
    display: none;
}

.spblock {
    display: block !important;
}

.spinline {
    display: inline;
}

.sptr {
    display: table-row;
}

img {
    max-width: 100%;
    height: auto !important;
}

body {
    min-width: 0px;
}

.tel span {
    font-weight: bold;
}

.bg02 {
    padding: 0 ;
}


.btn {
    display: block !important;
    float: none !important;

    padding: 0;
    text-decoration: none !important;

}
.btn:before {
    left: 7px;
}

.btnC a, .btn a {
	font-size: 16px !important;
    font-size: 4.2vmin !important;
    padding: 8px;
    margin: 0 0 10px;
}
.btn a:last-child, .btnC a:last-child {
    margin-bottom: 0;
}
.btnC a:before,
.btn:before {
    left: 5px;
}
.btnC a:after,
.btn:after {
    left: 10px !important;
}

.notice-l {
	font-size:20px;
    font-size: 5.6vmin;
}

/* -----------------------------------------------------------
#header
ヘッダー
----------------------------------------------------------- */

header {
    position: relative;
    margin-bottom: 0;
}

header h1,
header p.htxt  {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    font-size: 3vmin;
    padding: 0 10px;
    margin-bottom: 0;
}

header .floatR {
    display: none;
}

header .inner {
    display: block;
    padding: 0 0 5px 5px;
    margin: 0;
    background-size: contain;
    width:100%;
}


header .hdrLogo {
    float: none;
    display: inline-block;
    width: 43%;
    vertical-align: middle;
    margin: 6px 0 3px 0;
}

header .hdrLogo a {
    margin-top: 0;
}
header .hdrLogo a img{
    margin-bottom: 0;
}
header .hdrLogo .corpNumber {
    display: inline-block;
    font-size:10px;
}


header .hdrLogo > img {
    display: none;
}

header .hdrLogo .logoTxt {
    display: none;
}

header .cntBtn,
header .telBtn {
    z-index: 1005;
    position: absolute;
    top: 20px;
    right: 55px;
    color: #fff;
    font-weight: bold;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
}
header .cntBtn {
    right: 105px;
}

header .cntBtn a,
header .telBtn a {
display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 49px;
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #ffffff;
    margin-top: 0;
    text-decoration: none;
    padding: 0;
    border: none !important;
    border-radius: 50%;
    background: #21a937;
    box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.3) inset;

}
header .cntBtn a{
    background: #673a1c;
}
.hdrBnr {
    position: relative;
    overflow: hidden;
    float: none;
    margin: 0 0 10px;
     display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-box-align:baseline;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:baseline;/*--- IE10 ---*/
    -webkit-align-items:baseline;/*--- safari（PC）用 ---*/
    align-items:baseline;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between
}

.hdrBnr li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:48%;
    width: calc( 50% - 5px);
    font-weight: bold;
    line-height: 1.3;
    padding: 0 !important;
}

.hdrBnr li:first-child {
    margin-left: 0;
}

.hdrBnr li a {
    text-decoration: none;
}
.hdrBnr li:before,
.hdrBnr li:after{
    content: none !important;
}


.hdrBnr li img{
    width: 100%;
}


.hdrBnr li span {
    border-radius: 3px;
    background: #0e57aa;
    display: block;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
}


.hdrBnr li.srBtn p {
    font-size: 13px;
    font-size: 4vmin;
    color: #333;
}

.hdrBnr li.srBtn p strong {
    color: #d0004e;
}

.hdrBnr li.dgBtn {
}

.hdrBnr li.dgBtn p {
    font-size: 13px;
    font-size: 4vmin;
    color: #fff;
}

.hdrBnr li.dgBtn p strong {
    color: #fffc00;
}


.hdrBnr li:hover,
.hdrBnr li a:hover {
    opacity: 0.8;
    transition: 0.7s;
}



/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
footer {
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
    border: none;
}
footer .ftrScroll {
    padding: 0;
    background: rgba(102, 102, 102, 0.7);
}

footer .ftrScroll .inner {
    margin: 0;
}

footer .ftrScroll .ftrCont {
    display: block;
    margin-right: 0px;
    float: none;
    background-color: transparent;
    padding: 0;
    min-width: auto;
}

footer .ftrScroll .tel {
    display: none;
}

footer .ftrScroll .tel span {
    font-size: 20px;
}

footer .ftrScroll .ftrCont ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: stretch;
    align-items: stretch;
}

footer .ftrScroll .ftrCont ul li {
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin: 0 1px 0px 0;
    
}
footer .ftrScroll .ftrCont ul li a {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 15px;
    font-size: 5.4vmin;
}
footer .ftrScroll .ftrCont ul li:last-child {
    margin-right: 0;
}

footer .ftrScroll .telTime {
    display: none;
}


footer .ftrScroll .ftrCont ul li.ftrTel {
    display: block;
    border-color: #e26a0f  ;
        background: #e26a0f  url(../img/common/ico_tel_w.png) no-repeat center 10px !important;
    background-size: auto 30% !important;
    flex-basis: 20%;
}
footer .ftrScroll .ftrCont ul li.ftrTel a {
    padding: 31% 5px 0 !important;
    padding: calc(30% + 10px) 5px 3px !important;
    color:#fff;

    font-weight: bold;
    background: none;
    font-size: 15px;
    font-size: 4.6vmin;
    text-align: center;
    box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #e26a0f inset, 0 7px 0 rgb(255 255 255 / 30%) inset;
}

footer .ftrScroll .ftrCont ul li.ftrTel a:before {
    content:none;
}
footer .ftrScroll .ftrCont ul li span {
font-size: 10px;
    font-size: 3.3vmin;
    font-weight: normal;
}
footer .ftrScroll .ftrCont ul li a span.hdrBnrTxtS {
    font-size: 10px;
    font-size: 2.8vmin;
    top: 0;
    bottom: 0;
    height: 2em;
    margin: auto;
}
footer .ftrScroll .ftrCont ul li.ftrShowroom span img{
    width: 25px;
    height: auto;
}

footer .ftrScroll .ftrCont ul li.ftrTel span img{
    height: 25px !important;
    width: auto;
}
footer .ftrScroll .pageTop {
    display: none;
}

footer .inner {
    padding: 20px 0 30px;
    text-align: center;
}
footer .inner .floatL{
    float: none !important;
}

footer .ftrBnr {
    padding-top: 10px;
}

footer .totop {
    margin: 0 0 0;
}

footer .totop a {
    background: #5daa11;
    display: block;
    font-size: 4.5vmin;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    color: #fff;
}

footer .totop a span {
    background: url(../img/common/arrow_totop.png) no-repeat left center;
    display: inline-block;
    padding-left: 35px;
}

footer .sp-menu {
    margin: 20px 0 0;
}

footer .ftrScroll .ftrCont h3{
    display: none;
}

#main .footerArea {
    padding: 10px;
}
#main .footerArea p {
    font-size: 14px;
}
footer .copyRight {
    text-align: center;
    padding-top: 10px;
    position: relative;
    bottom: auto;
    right: auto;
}


#snavi select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    margin: 0 auto;
    display: block;
    padding: 10px;
    border: solid 3px rgba(255, 255, 255, 0.46);
    border-radius: 8px;
    width: 95%;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    background: #e26a0f !important;
    background-size: 18px !important;
    color: #FFFFFF;
}


/* -----------------------------------------------------------
#gNavSp
----------------------------------------------------------- */
nav {
    background: none;
    display: none;
    position: fixed;
    top: 75px;
    width: 100%;
    z-index: 1001;
    height: 87%;
    height: calc( 100% - 74px);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: auto;
}

nav #gNavSp {
    font-weight: bold;
    display: block;
    width: auto !important;
    padding: 0;
    border-left: none;
}

nav #gNavSp>li {
    background: #e26a0f;
    color: #fff;
    border: none;/*
    border-bottom: #fff dotted 1px;*/
    font-size: 18px;
    font-size: 4.3vmin;
    float:  none;
    margin-bottom: 0;
    padding:  5px 5px 0;
}

header nav li:first-child {
    border: none;
}
nav #gNavSp li a {
    color: #333;
    padding: 10px 10px 10px 30px;
    display: block;
    position: relative;
    box-sizing: border-box;
    text-decoration: none !important;
    background: #fff;
    margin-bottom: 0;
    width: auto;
    border-radius: 8px;
}

header nav li li a:before, header nav li li a:after{
    content:'' ;
}

nav #gNavSp li.close {
    text-align: center;
    padding: 10px;
}

nav #gNavSp li.close a {
    background: #333;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
}
nav #gNavSp li a:before,
nav #gNavSp li a:after{
    left: 5px;
    right: inherit;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    border: none;
    content: '';
}

nav #gNavSp li a:before{
    background: #e26a0f;
    position: absolute;
    border-radius: 50%;
}

nav #gNavSp li a:after{
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border: none;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top:#fff 2px solid ;
    border-right:#fff  2px solid ;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
nav #gNavSp li.close a:before{
    background: #fff;
}
nav #gNavSp li.close a:after {
    left: 10px;
    width: 10px;
    height: 10px;
    background: url(../img/common/ico_close.png) no-repeat center center;
    background-size: contain;
    border-top: none;
    border-right: none;
    -webkit-transform: none;
    transform: none;
}

nav #gNavSp li.sizeS {
    margin-right: 1px;
    width: 49.8%;
    width: calc(50% - 3px);
}

nav #gNavSp li.sizeS:nth-child(2n){
    float: right;
}

nav #gNavSp li ul {
    /*border-top: #fff dotted 1px;
    background: rgba(218, 204, 177, 0.9);*/
    position: relative;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0;
}
nav #gNavSp li li{
    margin: 0 0 5px;
    float: left;
    text-align: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav #gNavSp li li a {
    text-align: left;
}



nav #gNavSp li.icoNav{
    display: block;
    text-align: center;
}

nav #gNavSp li.icoNav ul li{
    width: 100px;
    height: 100px;
    display: inline-flex;
    float: none;
    margin: 5px 0 0 0;
    line-height: 1.2;
}
nav #gNavSp li.icoNav ul li:nth-child(-n+3){
    margin-top: 0;
}

nav #gNavSp li.icoNav ul li a {
    padding: 52px 0 5px 0;
    display: block;
    position: relative;
    text-align: center;
    line-height: 1.1;
    font-size: 15px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
nav #gNavSp li.icoNav ul li a:before,
nav #gNavSp li.icoNav ul li a:after{
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0 !important;
    right: 0;
}
nav #gNavSp li.icoNav ul li a:before {
    top: 5px;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #fff;
    content: '' !important;
}

nav #gNavSp li.icoNav ul li a:after {
    border: none;
    -webkit-transform:none;
    transform:none;
    left: inherit;
    width: 50px;
    height: 50px;
    top: 5px;
}

nav ul>li.gnav01 a:after {
    background: url(../img/common/gnav_ico_first_c.png) no-repeat center center;
}

nav ul>li.gnav02 a:after {
    background: url(../img/common/gnav_ico_corporate_c.png) no-repeat center center;
}
nav ul>li.gnav03 a:after {
    background: url(../img/common/gnav_ico_voice_c.png) no-repeat center center;
}
nav ul>li.gnav04 a:after {
    background: url(../img/common/gnav_ico_menu_c.png) no-repeat center center;
}
nav ul>li.gnav05 a:after {
    background: url(../img/common/gnav_ico_reason_c.png) no-repeat center center;
}
nav ul>li.gnav06 a:after {
    background: url(../img/common/gnav_ico_works_c.png) no-repeat center center;
}


.spmenubtn {
    width: auto;
    position: fixed;
    right: 5px;
    top: 20px;
    z-index: 99999;
    text-align: center;
    font-weight: bold;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: #e26a0f;
    display: inline-block;
    height: 49px;
    width: 48px;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   /* border: #00633d solid 3px;*/
    box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.3) inset;
}

.spmenubtn a {
    display: block;
    padding: 7px 7px 8px 4px;
    text-decoration: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 49px;
    width: 48px;
    border-radius: 5px 0 0 5px;
}

.spmenubtn a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.spmenubtn span {
    display: block;
height: 3px;
    width: auto;
    background-color: #fff;
    margin: 4px 4px 4px 6px;
}

.spmenubtn span:last-child {
    display: block;
    height: auto;
    width: auto;
    background: none;
    border-radius: 0;
    margin: 0;
    color: #fff;
    font-size: 11px;
}

/* -----------------------------------------------------------
#side
サイドバー、サブ
----------------------------------------------------------- */

#side {
    width: auto;
    float: none;
}

/* -----------------------------------------------------------
#pagePath
----------------------------------------------------------- */

#pagePath {
    padding: 5px 10px;
}

#pagePath p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
}

#pageTitle {
    height: auto;
    border-radius: 0;
    background-size: cover !important;
}

#pageTitle .inner {
    padding: 0 10px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#pageTitle h1 {
    margin: 20px 0;
    padding: 10px;
    font-size: 18px;
    font-size: 6vmin;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
}
#pageTitle h1 img {
    display:none;
}

#pageTitle h1 small {
    font-size: 14px;
    font-size: 3.8vmin;
    width:auto;
}
#pageTitle h1 span {
    font-size: 15px;
    font-size: 4.8vmin;
    width:auto;
}
#pageTitle h1 span small{
    font-size: 12px;
    font-size: 3vmin;
}

#pageTitle h1 span.subttl {
    font-size: 14px;
}

/* -----------------------------------------------------------
#common
共通
----------------------------------------------------------- */

.inner {
    width: auto;
    margin: 0 10px;
    padding: 15px 0;
}

#main .inner {
    margin-left: 10px;
    margin-right: 10px;
}

#main .btn {
    font-size: 4.1vmin;
    margin-bottom:5px;
}

#main .inner .inner {
/*    margin-left: 0px;
    margin-right: 0px;*/
    padding: 15px 0;
    margin: 0 ;
}


.bg01 .inner {
    padding: 15px 0 !important;
    margin: 0 10px !important;
}

#main iframe{
    width: 100%;
}
#main h2 {
    width: auto;
    line-height: 1.3;
    font-size: 21px !important;
    font-size: 5.6vmin !important;

    padding: 25px 0 0;
    margin: 0 0 20px;
}
#main h2:before {
    border-width: 16px 50px 0 50px;
}
#main h2.dwnF{
    font-size: 21px !important;
    font-size: 5.6vmin !important;
}
#main h2.smpl{
    font-size: 23px !important;
    font-size: 7vmin !important;
}
#main h2.hOfMainV, #main h2.normalH2 {
    font-size: 20px !important;
    font-size: 5.2vmin !important;
    width: auto;
}
#main h2.hOfMainV{
    margin: 0;
}
#main h2.normalH2 {
    margin: 0 10px 20px 10px;
}
#main .inner h2.normalH2 {
    margin: 0 auto 20px;
}
#main h2.showroomTtl {
    border-bottom: #0c6387 solid 5px;
    padding: 0 0 10px 0;
    font-size: 21px !important;
    font-size: 5.6vmin !important;
}
#main h2.headLine {
    font-size: 21px !important;
    font-size: 5.6vmin !important;
}


#main .leadTxt {
    display: block;
    position: relative;
	font-size: 18px;
    font-size: 4.8vmin;
}
#main .leadTxt .leadTtl {
    padding: 3px 5px;
    display: table;
	font-size: 16px;
    font-size: 4.2vmin;
    margin-bottom: 3px;
}
#main .leadTxt .leadCnt {
    display: block;
    padding: 5px 10px;
}

#main h3 {
    font-size: 18px;
    font-size: 5vmin;
    margin-top:5px;
    text-align: center;
}
#main h3:after {
    right: 0;
    display: block;
    margin: 0 auto;
}
#main h3.showroomCttl {
    font-size: 18px;
    font-size: 5vmin;
}
#main h4,
#main h4.normal {
    font-size: 18px;
    font-size: 5.1vmin;
    margin-bottom: 15px;
    padding: 0 0 0 40px;
}

#main h4:before,
#main h4:after,
#main h4.normal:before,
#main h4.normal:after {
    top: 5px;
    width: 16px;
    height: 16px;
}

#main h4:before,
#main h4.normal:before {}

#main h4:after,
#main h4.normal:after {
    left: 18px;
}
#main h5 {
    font-size: 18px;
    font-size: 5.1vmin;
    display: block;
    text-align: center;
}
#main h5:after {
    right: 0;
    margin: 0 auto;
}
#main h6 {
    font-size: 18px;
    font-size: 5.1vmin;
}

body#top #contents {
}

#contents {
    margin: 0 auto;
}

#main .combnrList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#main .combnrList li {
    display: inline-block;
    width: 48%;
    width: calc(50% - 5px);
    float: none;
    margin: 0 0 10px;
}

#main .combnrList li:last-child {
    margin-bottom: 0;
}

#main .combnrList li a span {
    display: block;
    padding: 3px 3px 3px 10px;
}
#main .combnrList li a span:before{
    width: 14px;
    height: 14px;
    right: 5px;
}

#main .combnrList li a span:after {
    right: 9px;
}
#main .combnrList li:nth-child(2n) {
    float: none;
}


#main .combnrListOtr li {
    width: auto;
    float: none;
    margin: 0 0 20px;
}

#main .combnrListOtr li:last-child {
    margin-bottom: 0;
}

#main .profileBox {
    padding: 0 10px;
}

#main .profileBox .groupPhoto {
    background: url(../img/common/group_photo01.png) no-repeat center bottom;
    background-size: contain;
    width: auto;
    float: none;
    margin-right: 0px;
    padding: 65vmin 0 0;
}

#main .profileBox .groupPhoto p {
    font-size: 20px;
    line-height: 1.3;
    margin-top: -63vmin;
    margin-top: calc( 15px - 65vmin);
    font-size: 6.0vmin;
}

.shopInfo {}

.shopInfo ul {
    float: none;
}

.shopInfo ul li,
#main .shopInfo ul li {
    float: none;
    margin: 0 0px 30px 0 !important;
    width: 100%;
    text-align: center;
}

.shopInfo ul li:last-child,
#main .shopInfo ul li:last-child {
    margin-bottom: 0 !important;
}

.shopInfo ul li h4,
#main .shopInfo ul li h4 {
    position: relative;
    padding: 20px 10px;
    text-align: center;
    height: auto;
    writing-mode: inherit;
    font-size: 28px;
}

.shopInfo ul li .shopPict {
    width: 50%;
    height: 100px;
    position: relative;
}

.shopInfo ul li .shopPict img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shopInfo ul li .tel span,
#main .shopInfo ul li .tel span {
    display: inline-block;
    font-family: "Verdana-Bold", "HiraKakuProN-W6", sans-serif;
    font-weight: bold;
    font-size: 28px;
}

.shopInfo ul li .tel span a {
    color: #fff !important;
}

.shopInfo .groupPhoto {
    background: url(../img/common/group_photo02.png) no-repeat center bottom;
    background-size: contain;
    height: auto;
    width: auto;
    position: static;
    padding: 50vmin 0 0 0;
}

.shopInfo .groupPhoto p {
    margin-top: -50vmin;
    font-size: 4.5vmin;
}

#main .profileBox ul li a {
    padding: 10px 10px 10px 30px;
}

#main .profileBox ul li:before {
    left: 5px;
}

#main .profileBox ul li:after {
    left: 9px;
}

#main table {
    margin-bottom: 20px;
    padding: 15px;
}

#main table th,
#main table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}
#main table td {
    border-top: none;
}
#main table tr:last-of-type th {
    border-bottom: none;
}
#main table th {}

#main table td a.mapLink {
    background: #e26a0f;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    padding: 0 15px;

    position: inherit;
    display: inline-block;
    float: right;
    right: inherit;
    top: inherit;
}

#main table td a {
    background: none;
    color: #333;
    position: inherit;
    padding: 0;
    float: none;
}
#main .catchTxtP {
    font-size: 18px;
    font-size: 6.0vmin;
}

#main .warryList{
    margin-top: 0;
}

#main .meritList {
    margin-top: 10px;
}

#main .warryList li,
#main .meritList li {
    font-size: 18px;
    font-size: 6vmin;
}

#main .warryList li strong,
#main .meritList li strong {
    display: inline;
}
#main .meritList li span{
	padding:0 5px;
	margin-right:5px;
}
#main .meritBox .diagnosisP {
    font-size: 20px;
    font-size: 5vmin;
    padding:5px;
}

#main .photoUL {
    text-align: center;
}

#main .photoUL li {
    width: auto;
    margin: 0 auto 10px !important;
    float: none;
    text-align: center;
    display: block;
}
#main .photoULLtl li {
    width: 48%;
    width: calc(50% - 5px);
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
    background: none;
    font-size: 15px;
}

#main .photoULLtl li:nth-child(2n),
#main .photoULLtl li:nth-child(4n) {
    float: right;
    margin: 0 0 10px 0;
}
#main .photoULLtl li:nth-child(2n + 1) {
    clear: left;
}
#main .awdSec .photoUlpa {
    width: auto;
    float: none;
    margin-right: 0;
}



#main h2 .subTtl {
    padding: 5px;
	font-size: 18px;
    font-size: 4.8vmin;
}
#main h2.sbT {
    font-size: 28px;
    font-size: 6.4vmin;
    padding:0;
    margin-bottom: 5px;
}
#main h2.sbT span{
    font-size: 20px;
    font-size: 5.2vmin;
    padding: 10px 25px;
    margin:0 0 10px 0;
}

/*---理由 メニューバナー--*/
#main .reaBnrList {
	margin:0;
}
#main .reaBnrList li {
    font-size: 16px;
    font-size: 5vmin;
    width: 100%;
    float: none;
	margin-bottom:10px;
}
#main .reaBnrList li a span {
    height: auto;
}
/*--吹き出し大テキスト--*/

#main .balloonBox {
    padding: 10px;
}
#main .balloonBox,
#main .balloonBox p {
    font-size: 18px;
    font-size: 5vmin;
}
#main .balloonBox:after {}

#main .balloonBox p {
    font-size: 24px !important;
    font-size: 7vmin !important;
}

#main .catchCBox {
	font-size:28px;
    font-size: 8vmin;
}

/*----comLawpriceWhy-----*/

#main .lawpriceWhy {}

#main .lawpriceWhy .catchTtl {
    font-size: 23px !important;
    text-align: left;
}

#main .lawpriceWhy .catchTtl br {
    display: none;
}

#main .lawpriceWhy .highCost {
}

#main .lawpriceWhy .highCost h3 {
    font-size: 29px;
    font-size: 8.5vmin;
    margin-bottom: 15px;
}

#main .lawpriceWhy .highCost h3 strong {
    font-weight: normal;
}

#main .lawpriceWhy .highCost ul {
    position: relative;
}

#main .lawpriceWhy .highCost ul li {
    padding: 10px;
    width: auto;
    float: none;
    margin: 0 0 20px;
    position: relative;
}

#main .lawpriceWhy .highCost ul li:last-child {
    margin-bottom: 0;
}

#main .lawpriceWhy .highCost ul li img {
    display: block;
    margin: 0 auto;
    border-radius: 5px;
}

#main .lawpriceWhy .highCost ul li p {
    margin-top: 10px;
    font-size: 18px;
    font-size: 5vmin;
    border-radius: 5px;
}

/*----comLawpriceReason-----*/

#main .lowpriceReason .lowcost ul {}

#main .lowpriceReason .lowcost ul li {
    padding: 15px;
    width: auto;
    float: none;
    margin: 0 0 20px 0;
}

#main .lowpriceReason .lowcost ul li.fullW {}

#main .lowpriceReason .lowcost ul li h4 {
    font-size: 22px;
    font-size: 5.7vmin;
    margin: 0 0 30px;
}

#main .lowpriceReason .lowcost ul li h4:before {
    display: none;
}

#main .lowpriceReason .lowcost ul li.fullW h4 {
    padding: 10px;
}

#main .lowpriceReason .lowcost ul li.fullW span {
    display: block;
}

#main .lowpriceReason .lowcost ul li h4 > span {}

#main .lowpriceReason .lowcost ul li h4 span.reasonIco {
    background-size: contain;
    color: #fff;
    width: 80px;
    height: 80px;
    font-size: 20px;
  padding: 10px 0 0;
    margin: -10px 10px 5px -5px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main .lowpriceReason .lowcost ul li.fullW span.reasonIco {
    margin: -5px 10px 5px -5px;
}

#main .lowpriceReason .lowcost ul li h4 span strong {
    display: block;
    font-size:12px;
}
#main .lowpriceReason .lowcost ul li h4 span strong br{
    display: none;
}

#main .lowpriceReason .lowcost ul li p {
    font-size: 24px;
    font-size: 6vmin;
}

#main .lowpriceReason .lowcost ul li .compareBox {
    padding: 10px;
}

#main .lowpriceReason .lowcost ul li .compareBox h6 {
    margin: 0 0 10px;
}


/*----comQuality-----*/

#main .qualityBox .catchTtl {
    font-size: 20px !important;
    font-size: 5.6vmin !important;
    line-height: 1.2 !important;
    padding-top: 10px;
}

#main .qualityBox .catchTtl img.catchIco {
    width: 30%;
    height: auto;
    float: left;
    margin-top: -10px;
}

#main .qualityBox .catchTtl .txtL {
    font-size: 36px;
    font-size: 10vmin;
    line-height: 1.2;
    text-align: center;
    display: block;
    clear: both;
}

#main .qualityBox .catchTtl .imgLayer {
    right: 0;
    top: 100%;
    width: 110px;
}

#main .qualityBox h3 {
    font-size: 20px;
    font-size: 6vmin;
    display: block;
    padding-bottom: 10px;
}

#main .qualityBox h3 span.commitment {
    font-size: 18px;
    float: none;
    display: block;
    margin: 15px 0 5px;
    padding: 3px 10px;
}
#main .qualityBox p.ribbonP {
    border-radius: 5px;
}
#main .qualityBox p.ribbonP:before,#main .qualityBox p.ribbonP:after {
    content: none;
}
#main .qualityBox .qualityCommitment li .imgL30 {
    float: none;
    margin: 0 auto 10px;
}

#main .qualityBox .qualityCommitment li img {
    float: none;
    display: block;
    margin: 0 auto 10px;
}

#main .qualityBox .catchTxt {
    font-size: 20px;
    line-height: 1.5;
}

#main .qualityBox .flowList ul li.here {
    background: #d0004e;
    color: #fff;
}

#main .qualityBox .imgR20,
#main .qualityBox .imgR30 {
    float: none;
    margin: 0 auto 20px;
    display: block;
}

#main .commitFlow li {
    width: auto;
    margin: 0;
    float: none;
    padding: 0;
}

#main .commitFlow li img {
    display: block;
    margin: 0 auto;
}

#main .commitFlow li h4 {}

#main .commitFlow li:nth-child(2) {
    width: auto;
    margin: 0 0 50px;
}

#main .commitFlow li:nth-child(3) {
    width: auto;
}

#main .commitFlow li:nth-child(2):before {
    border: 60px solid transparent;
    border-top: #0eaa8e solid 48px;
    left: 50%;
    top: 110%;
    margin-left: -60px;
}

#main .commitFlow li:nth-child(2):after {
    left: 50%;
    top: 90%;
    width: 80px;
    padding: 15px 0 0;
    text-align: center;
    margin-left: -40px;
}


/*--comCorpSelect--*/

#main .selectPoint {}

#main .selectPoint > li {
    margin-bottom: 20px;
}

#main .selectPoint li img {
    float: none;
    margin: 0 0 10px 0;
}

#main .selectPoint li .pointIco {
    float: none;
    position: absolute;
    left: -90px;
    width: 100px;
}

#main .selectPoint li .pointSummery {
    clear: both;
}

#main .selectPoint li .pointSummery h3 {
    font-size: 26px;
}

#main .selectPoint li .pointSummery ul {
    margin: 0;
}

#main .selectPoint li .pointSummery li {
    font-size: 22px;
}

#main .selectPoint li .pointSummery li strong {
    display: inline;
}

/*---Flexバナー--*/
#main .combnrListFlx {
    width: auto;
    margin: 15px auto;
}
#main .combnrListFlx li {
    font-size: 12px;
	font-size:3vmin;
}
#main .combnrListFlx li:first-child {
    border-left:none;
}
#main .combnrListFlx li:last-child {
    border-right:none;
}
/*--comComparePaint--*/

#main .comparePaint {
    padding: 5px 10px 0 !important;
    margin: 0 auto !important;
}
#main .inner .comparePaint {
    padding: 20px 0 0 !important;
}


#main .compareTable {
    width: 100%;
    table-layout: fixed;
    background: none;
}

#main .compareTable thead {
    display: none;
}

#main .compareTable tr {
    margin-bottom: 20px;
    display: block;
}

#main .compareTable th {
    display: block;
    width: 100% !important;
    text-align: left;
    background: none;
    position: relative;
    color: #333;
    padding: 0 10px 0 40px;
    font-size: 18px;
    margin-bottom: 5px;
}
#main .compareTable th br{
    display: none;
}
#main .compareTable th:before,
#main .compareTable th:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
    background: #6fa800;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

#main .compareTable th:before {
    left: 0px;
    opacity: 0.5;
}

#main .compareTable th:after {
    left: 18px;
}

#main .compareTable td {
    display: block;
    position: relative;
    padding: 5px 10px 5px 42%;
    font-size: 14px;
    font-size: 4vmin;
    border-bottom: #fff solid 1px;
    height: auto;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    min-height: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/common/bg01.png) repeat;
}

#main .compareTable td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    background-image: url(../img/common/bg_packttl01.png);
    color: #fff;
    border-left: rgba(255, 255, 255, 0.3) solid 1px;
    padding: 10px 2px;
    position: absolute;
    left: 0;
    top: 0;
    width: 28%;
    text-align: center;
    font-size: 12px;
    font-size: 3.2vmin;
    line-height: 1.2;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main .compareTable td span {
    font-size: 28px;
    display: block;
    left: 28%;
    padding-right: 3px;
    margin-right: 3px;
    position: absolute;
}
#main .compareTable td.ourCompany span {
    font-size: 28px;
}
#main .compareTable tbody tr:last-child td{
    border-bottom: #fff solid 1px;
        padding: 5px 10px 5px 30%;
}

/*----comScore-----*/

#main .scoreBox {}

#main .scoreBox .catchTtl {
    font-size: 23px !important;
}

#main .scoreBox .catchTtl span {
    display: block;
    font-size: 10vmin;
    margin-top: 20px;
}

#main .scoreBox .catchTtl img {
    width: 100px;
}

#main .scoreBox .scoreList {}

#main .scoreBox .scoreList li {
    width: auto;
    float: none;
    padding: 0;
    margin: 0 0 20px;
}

#main .scoreBox .scoreList li:nth-child(2n) {
    margin-right: 0;
}

#main .scoreBox .scoreList li p {
    padding: 10px;
    height: auto;
    font-size: 20px;
}
/*---reasonList--*/

#main .reasonList h2 {
    width: auto;
    margin: 0 -20px 50px !important;
    font-size: 22px;
    font-size: 6vmin; 
    line-height: 1.2;
    position: relative;
    border-bottom: #f29700 solid 12px;
    background: none;
    padding: 10px 0 30px;
    text-align: center;
    border-top: none;
    box-shadow: none;
}
#main .reasonList li img.stars01,
#main .reasonList li img.stars02 {
    display: none;
}
#main .reasonList h2 img {
    width: 215px;
    height: auto;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

#main .reasonList h2:after {
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    border: 140px solid transparent;
    border-top: 45px solid #f29700;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

#main .reasonList h2 strong {
    color: #248784;
    font-weight: normal;
    display: block;
}
#main .reasonList {
    text-align: center;

    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
}

#main .reasonList li {
    color: #fff;
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    padding: 0;
    /*background-color: #FF7E00;*/
    border-radius: 10px;
    width: 100%;
    margin: 0 0 10px;
}

#main .reasonList li:last-child {
    margin-right: 0;
}

#main .reasonList li a {
    color: #333;
    text-decoration: none;
    display: block;
    border-radius: 5px;
    width: 100%;
    padding: 10px 55px 10px 5px;
}

#main .reasonList li a:hover {
    opacity: 0.8;
}

#main .reasonList li:before,
#main .reasonList li:after {
    content: none;
}

#main .reasonList li:hover {
    opacity: 0.8;
    transition: 0.7s;
}

#main .reasonList li h4 {
    padding: 5px !important;
	font-size: 16px !important;
    font-size: 4.2vmin!important;
    line-height: 1.2;
    color: #fff;
    text-align: left;
}

#main .reasonList li h4:before,
#main .reasonList li h4:after {
    display: none;
}

#main .reasonList li h4 strong {
    font-size: 33px !important;
    display: block !important;
}
#main .reasonList li .reasonIco {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}
#main .reasonList li .reasonIco img{
    height: 80% !important;
    width: auto;
}
#main .reasonList li p {
    border-radius: 5px;
    background: #fff;
    display: block;
    margin: 10px 5px 5px;
    font-size: 12px;
    text-align: left;
    padding: 5px;
    color: #333;
}

#main .reasonList li p strong {
    color: #d00;
    font-weight: normal;
}
/*---施工事例紹介--*/
#main .worksS {
    padding: 0 0 30px;
    display: block;
}
#main ul.worksTxtList li {
    padding: 0 10px;
}
#main ul.works-menu01 {
    width: auto;
    flex-shrink: 0;
}
#main ul.works-menu01 li {
    width: 48%;
    width: calc(50% - 5px);
    margin-bottom: 20px;
}
#main ul.works-menu01 li a {
    height: 130px;
    width: 100%;
}
#main ul.works-menu01 li a span {
    font-size: 14px;
	font-size: 3.2vmin;
    padding: 5px;
}
#main ul.works-menu01 li a span:after {
    right: 10px;
}
#main ul.works-menu01 li a span:before {
    right: 5px;
}

/*--showroomFeature--*/
#main .prsCnt {
    font-size: 15px;
    width: auto;
    flex-wrap: wrap;
}
#main .prsCnt .squareB {
    width: 30%;
    padding: 10px 0;
    font-size: 12px;
}
#main .prsCnt .resultB {
    width: 90%;
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.2;
}
#main .prsCnt .resultB img {
    width: 94%;
}
/*--showroomFeature--*/
#main .showroomBox iframe{
    width: 100%;
    height: auto;
}

#main h3.showroomH {
	font-size:22px;
	font-size:6.5vmin;
    margin: 5px 0;
}
#main ul.featureImg li{
    float:none;
    margin:0 auto 10px auto;
    text-align:center;
    width:100%;
    height:auto;
    min-height:200px;
}
#main ul.featureImg li:last-child {
    float: none;
}
#main .showroomBox iframe {
    width: 100%;
    height: auto;
}
/*--comEnquete--*/

#main .enqueteBox {}

#main .enqueteBox ul {}

#main .enqueteBox ul li {
    width: 48%;
    width: calc( 50% - 5px);
}

#main .enqueteBox ul li a {}

#main .enqueteBox ul li img {}

#main .enqueteBox ul li h3 {
    font-size: 15px;
}

#main .enqueteBox ul li .contTxt {
    font-size: 15px;
}

#main .enqueteBox p {
    font-size: 16px;
    line-height: 1.6;
}

/*----attention-----*/
#main .bgAt .inner {
    padding-top: 0;
    padding-bottom: 0;
}
#main .bgAt h3{
	font-size:22px;
	font-size:6.5vmin;
    margin: 0 0 20px 0 ;
}
#main .bgAt p.imgBAt img{
	float:none;
	margin:0 auto 10px auto;
	display:block;
}
#main .bgAt p.imgBAt img:last-child{
	margin-right:auto;
}
#main .bgAt p.catchPAt{
    font-size: 18px;
	font-size:6vmin;
}
#diagnosis #main .bgAt p.catchPAt{
    font-size: 18px;
    font-size: 6.0vmin;
	padding-top:0;
}
#diagnosis #main .bgAt p.catchPAt br{
	display:none;
}
#main .bgAt p.catchPAt span{
    font-size: 18px;
	font-size: 6vmin;
	display:block;
}
#main .bgAt p.catchPAt span.txtCas{
    font-size: 18px;
    font-size: 6.0vmin;
	margin-top:10px;
}
#main .bgAt p.catchPAt span.txtClr{
    font-size: 20px;
    font-size: 6.4vmin;
	clear:Both;
}
#main .bgAt p.catchPAt img{
	margin-right:10px;
	width:20%;
}
#main .bgAt p {
    font-size: 18px;
    font-size: 6.0vmin;
}

#diagnosis #main .bgAt p.catchPAt img{
	margin-top:0;
	margin-bottom:4em;
}
#main .diagnosisCtcP {
    font-size: 20px;
    font-size: 5.4vmin;
    padding: 10px;
}


/*--ブログ形式ページ--*/

#main .taxList,
#main .areaList,
#main .colorList{
    margin-bottom: 5px;
}
#blog #main .taxList {
    margin-bottom: 10px;
}
#main .cat a,
#main .taxList li a,
#main .areaList li a,
#main .colorList li a{
    font-size: 13px;
	font-size:3.4vmin;
}
#blog #main .taxList li .children li a{
    font-size: 2.5vmin;
}


#main .picBox .photo,
#main .picBox .btmPhoto,
#main .picBox02 .photo,
#main .picBox02 .btmPhoto {
    float: none;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}

#main .picBox .photo img,
#main .picBox .btmPhoto img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: auto;
}

/* -----------------------------------------------------------
#works,#voice,#blog
----------------------------------------------------------- */

/*--お客様の声・現場ブログ--*/
#main .voiceList {
    margin-bottom: 30px;
}
#main .voiceList article {
    margin: 0;
    padding:0;
}
#main .voiceList a {
    padding: 20px 0;
    display: block;
    text-decoration: none !important;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;    
}
#main .voiceList .worksExp {
    width: 60%;
    width: calc(65% - 10px);
}
#main .voiceList .mainThumb {
    width: 35%;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin: 0 10px 0 0;
    border: #ccc solid 1px;
}
#main .voiceList h3 {
	font-size: 16px;
    font-size: 4.2vmin;
    width: auto;
    margin-bottom: 3px;
    text-align: left;
}
#main .voiceList .contTxt {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    display: block;
}
#main .voiceList .more {
    bottom: 0;
    right: 0;
}
#main .voiceList .mainThumb 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;
    display: inline-block;
}

/*--施工事例--*/




#works #main .photoUL {}

#works #main .photoUL li,
#voice #main .photoUL li {
    width: 48%;
    width: calc( 50% - 5px);
    margin-right: 10px !important;
    text-align: left;
    font-size: 12px;
    float: left;
}

#works #main .photoUL li:nth-child(2n),
#voice #main .photoUL li:nth-child(2n) {
    margin-right: 0 !important;
}

#works #main .photoUL li:nth-child(3n + 1),
#voice #main .photoUL li:nth-child(3n + 1) {
    clear: none;
}

#main .photoUL .otherPhoto {
    width: 100%;
    height: auto;
}

#main .photoUL .otherPhoto img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: auto;
}

#main .worksSummary,
#main .voiceOverview {
    overflow: hidden;
    line-height: 1.2;
}

#voice #main #archiveList .cat {
    top: 90px;
}

#main .voicephotList {
    float: none;
    width: auto;
    margin: 0 auto 10px;
}

#main .voicephotList li {
    text-align: center;
    width: auto;
    height: auto;
}

#main .voicephotList li img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#main .voiceSummary .enqImg .imgLayer{
    right: 5px;
}

#main .voiceSummary .enqImg{
    width: 100%;
    height: auto;
    text-align: center;
}

#main .voiceSummary .enqImg a>img{
    height: auto;
    width: 100%;
}

#main .voiceData {
    float: none;
    width: auto;
}

#works #main #archiveList .detail{
    margin-top: 30px;
}


#blog #main #voiceList h3 {
    overflow: hidden;
    clear: none !important;
    margin: 25px 0 0 !important;
}

#blog #main #voiceList .archiveTumb {
    max-width: 30%;
    height: auto;
    margin-right: 10px;
}

#blog #main #voiceList .archiveTumb img {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#blog #main #voiceList .cat {
    left: 34%;
    left: calc( 30% + 15px);
    top: 5px;
    height: 24px;
}


#blog #main #voiceList .contTxt {
    clear: both;
}

#blog #voiceList .detail {
    margin-top: 0;
}
#blog #main #voiceList article{
    border-bottom: #ccc solid 1px;
    padding-bottom:10px;
    margin-bottom: 10px;
}

/* -----------------------------------------------------------
#top
トップページ
----------------------------------------------------------- */
#top #mainv {
    height: 210px;
    padding-bottom: 60px;
}
#top #main .worriesS {
    background: url(../img/common/checkbox_bg.png) center center , url(../img/common/pack_bg.jpg) no-repeat bottom center / auto 100%;
}
#top #mainv .mainBtnList {
    bottom: 0;
    right: 0;
    left: 0;
    width: auto;
    margin: auto;
    padding: 5px 5px 0;

    background: #f2eee7;
}
#top #mainv .mainBtnList li {
    width: 24%;
}
#top #mainv .mainBtnList li.mainBtnListCnt {
    display: none;
}

#top #mainv .imgLayer {
    top: 85px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    display: block;
    width: 60%;
}
#top .mainCatch {
    padding: 0px;
    margin: 0 0;
    width: auto;
    padding: 0 10px;
}
#main .topMedal {
    width: auto;
    display: block;
    text-align: center;
    margin: 0;
}
#main .topMedal li {
    float: none;
    display: inline-block;
    width: 32%;
    width: calc( 33% - 5px );
    margin: 0;
}
/*---3カラムバナー--*/

#main .combnrList3col {
    margin: 0;
}

#main .combnrList3col li {
    font-size: 20px !important;
    font-size: 5vmin !important;
    width: auto;
    margin-right: 0;
    float: none;
    margin-bottom: 10px;
}
#main .combnrList3col li img{
    width: 100%;
    height: auto;
}
#main .combnrList3col li:nth-child(3n) {
    float: none;
}
#main .combnrList3col li a span {
    padding: 3px 0 3px 20px;
}

#main .combnrList3col li a span:after {
    left: 21px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#top #main .worksS h2 img,
#top #main .voiceS h2 img{
	width:18%;
    margin-right:5px;
    margin-top:-5px;
}

#top #main .worksS h2 span,
#top #main .voiceS h2 span{
	font-size:13px;
	font-size:4.5vmin;
}

#main h2.topH {
	background:none;
	font-size:20px;
    font-size: 5.2vmin;
	line-height:1.3;
	padding:0;
	margin:10px 10px 10px 10px;
	width:auto;
}
#main .inner h2.topH {
	margin:10px 0;
}
#main h2.topH span{
	position:relative;
	display:block;
	top:0;
	left:0;
    padding-bottom:5px;
    padding-left: 0;
	margin-bottom:5px;

    font-size: 4vmin;
	background:url(../img/common/bg_sph2t.png) repeat-x bottom left;
}

#main .deteriorationChk .checkLegend span img{
    display:none;
}

#main .bnrSsec li{
	width:49%;
	width:calc(50% - 5px);
}
#main .bnrSsec li:first-child{
	margin-right:0;
}
#main .bnrSsec li:last-child{
	float:right;
}

#top #main .tmp .inner {
    padding: 20px 0;
}
#main .newsBox {
    width: auto;
    float: none;
    margin-bottom: 30px;
    padding-bottom:0;
}
#top #main .tmp .inner .newsBox h3 {
	font-size: 18px;
    font-size: 4.8vmin;
    padding: 5px;
}
#main .newsBox .inBox{
    padding: 10px;
    border-width:5px;
}
#main .newsBox .newsList {
    margin-bottom: 0;
}
#main .newsBox .inBox li {
    width: 48%;
    width: calc(50% - 5px);
    margin: 0 0 15px 0;
    float: left;
}
#main .newsBox .inBox li:nth-child(2n) {
    float: right;
}

#main .newsBox .inBox li .newsTumb {
    height: 90px;
    margin-right: 10px;
}

#main .newsBox .inBox li img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#main .newsBox .inBox li h5 {
    overflow: hidden;
    clear: none !important;
}
#main .newsBox .inBox .cat {
    right:0;
}

#main .newsBox .inBox li .contTxt {
    clear: both;
}

#main .newsBox .btn {
    clear: both;
    position: relative !important;
    width: 100%;
    box-sizing:border-box;
    margin: 0 auto 10px;
    text-align: center;
}
#main .newsBox .btn a {
    font-size: 14px;
	font-size:4vmin;
}

.tmp .floatR {
    float: none !important;
}
#main .bnrArea .estimatesBox ,
#main .estimatesBox {
    width: 100%;
    margin-bottom: 20px;
}
#main .bnrArea .estimatesBox {
    margin-bottom: 10px;
}

#main .estimatesBox a{
    text-decoration: none;
    color: #333;
}
#main .estimatesBox .inBox .tel {
	font-size:13px !important;
	font-size:3.4vmin !important;
}
#main .estimatesBox .inBox .tel span {
    font-size: 38px !important;
    font-size: 12vmin !important;
    padding: 0 0 0 36px;
    background-position:left 0 bottom 0;
    background-size: 36px auto;
}
#main .estimatesBox .inBox .btn a{
	font-size: 14px !important;
    font-size: 3.6vmin !important;
}


#main .estimatesBox h4 {
    border-bottom: none !important;
    line-height: 1.2;
    font-size: 18px !important;
    font-size: 4.8vmin !important;
}

#main .estimatesBox h4{
    border-left: solid 10px #0e4894;
    padding: 0 0 0 8px !important;
}

#main .estimatesBox h4:after,
#main .estimatesBox h4:before {
    content: none;
}
#main .estimatesBox h3 .imgLayer {
    display: none;
}
#main .bnrArea .estimatesBox h3 {
    font-size: 30px !important;
}
#main .estimatesBox h3{
    padding: 5px;
    line-height: 1.3 !important;
    font-size: 28px !important;
    font-size: 7vmin !important;
    padding: 5px !important;
    text-align: left !important;
}
#main .estimatesBox h3 span {
    font-size: 14px;
	font-size:4vmin;    
}
#main .estimatesBox .inBox .telBox h5 {
	font-size:12px !important;
    font-size: 3vmin !important;
}
#main .estimatesBox .inBox .telBox .number {
    display: block;
}
#main .bnrArea .contactsList ,
#main .contactsList {
    width: 100%;
    margin-bottom: 20px;
}
#main .bnrArea .contactsList li,
#main .contactsList li{
    margin-bottom: 10px !important;
}
#main .contactsList li a {
	font-size: 18px !important;
    font-size: 4.8vmin !important;

    padding: 8px 10px 10px 50px;
}
#main .contactsList li a:before {
    content: "";
    background-image: url(../img/common/ico_forfree.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -2px;
    left: -4px;
    width: 50px;
    height: 50px;
}
#main .bnrArea .floatL{
    float: none !important;
}
#main .bnrArea .downloadBtn {
    width: auto;
    margin-bottom: 10px !important;
}
#main .bnrArea .downloadBtn a{
    font-size: 18px;
    font-size: 4.8vmin;
    padding-left:40px;
    background-size: 30px auto;
    background-position: 5px center;
}
#main .bnrArea .downloadBtn a span {
    font-size: 13px;
	font-size: 3.2vmin;
}



#main .comContactLBox h3,
#main .contactScrollBox h3{
    padding: 5px 10px!important;
    line-height: 1.3 !important;
    font-size: 18px!important;
    font-size: 5vmin !important;
}

#main .estimatesBox .inBox .telBox .tel,
#main .contactBox .telBox .tel,
#main .comContactLBox .inBox .telBox .tel,
#main .contactScrollBox .inBox .telBox .tel{
    text-align: center;
    display: block;
    font-size: 14px !important;
    font-size:3.8vmin !important;
    line-height: 1.3;
    padding:0;
}

.estimatesBox .inBox .telBox .tel span,
#main .contactBox .telBox .tel span,
#main .comContactLBox .inBox .telBox .tel span,
#main .contactScrollBox .inBox .telBox .tel span{
    font-size: 38px;
    font-size: 11vmin;
    background-size: 35px auto;
    background-position: left bottom;

    padding: 0 0 0 35px;
    width:6.2em;
    margin: 0 auto;
}


.estimatesBox .inBox .telBox .tel span a,
#main .contactBox .telBox .tel span a,
#main .comContactLBox .inBox .telBox .tel span a,
#main .contactScrollBox .inBox .telBox .tel span a {
    text-decoration: none !important;
}



.estimatesBox .inBox{
    padding: 10px;
}

.estimatesBox .inBox p.spLady span,
#main .comContactLBox .inBox p span{
    display: inline-block;
    margin-bottom: 3px;
    font-size: 15px !important;
    font-size: 4.2vmin !important;
    line-height: 1;
    vertical-align: middle;
}

.estimatesBox .inBox .spLady,
#main .estimatesBox .inBox .spLady {
    
    font-size: 16px !important;
    margin-top: 0;
}

#main .comContactLBox .inBox .spLady{
    font-size: 16px !important;
    margin-top: 0;
}


.contactBox,
#main .contactBox {
    width: auto;
    margin: 15px 10px;
}
#main .inner .contactBox{
    margin: 20px 0;

}
#main .contactBox .inBox{
    padding: 10px;
}
#main .contactBox .overflowH{
    width: auto;
}
#main .contactBox p{
    font-size: 6vmin;
    margin-bottom:10px;
}
#main .contactBox .telBox .btn {
    font-size: 20px !important;
	font-size:6vmin !important;
	padding:15px 8px 10px 30px;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#main .contactBox p.catchTxt{
    margin-bottom:0;
}
#main .contactBox p.btmCatch {
    font-size: 15px;
    font-size: 4.8vmin;
    padding: 5px 15px;
}

#main .contactBox p br{
    display:none;
}
#main .contactBox .telBox .tel {
    margin:0 auto 10px auto !important;
    display:inline-block;
    float: none;
}
#main .contactBox .telBox .btn:before{
  left: 8px;
}
#main .contactBox .telBox .btn:after{
  left: 12px;
}
#main .contactBox .telBox .tel span {
	float:none;
}
#main .contactBox .telBox .tel .miT {
    font-size: 15px;
    font-size: 4.8vmin;
    padding: 5px;
    width: auto;
    margin-bottom: 5px;
}

#main .contactBox .telBox .tel span.tel-time {
	text-align:center;
    width: auto;
}

#main .contactBox p.catchTxt span {
    padding: 0 7px; 
    font-size: 5vmin;
}
.contactBox > div {
    float: none;
}

#main .contactBox .telBox .btnAr{
    width:100%;
    margin:0;
}
#main .contactBox .telBox .btnAr a{
    width:48%;
    width:calc(50% - 3px);
    margin-right:6px;
    display:block;
    float:left;
}
#main .contactBox .telBox .btnAr a:last-child{
    margin-right:0;
    float:right;
}
#main .contactBox .telBox .btnAr a img{
    width:100%;
}
#main .contactBox .inBox p.btmCatch {
    font-size: 15px;
    font-size: 4.2vmin;
    padding:5px 5px;
}

#main .bgCB .contactBox{
    margin: 15px 10px;
}

#main .bgCB .contactBox .inBox{
    padding: 10px;
}
#main .bgCB .contactBox .inBox p.btmCatch {
    padding:5px 10px;
}
#main .contactBox p.catchTxt{
    font-size: 22px;
    font-size: 5.2vmin;
    line-height:1.5;
    width:auto;
/*    width:calc(100% + 20px);*/
    text-align:center;
    margin:0 0 10px;
}
#main .contactBox p.catchTxt img{
    display: block;
    margin: 0 auto 5px;
}

#main .contactBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify;
    /*--- IE10 ---*/
    -webkit-justify-content: space-between;
    /*--- safari（PC）用 ---*/
    justify-content: space-between;
}

#main .contactBox ul li {
    font-size: 14px;
    font-size: 4vmin;
    padding: 5px 10px;
    margin-right: 5px;
}

#main .contactBox .floatL p {
    font-size: 18px;
    margin-bottom: 10px !important;
    text-align: center;
}

#main .contactBox .telBox,
#main .comContactLBox .inBox .telBox,
#main .contactScrollBox .inBox .telBox {
    padding: 0;
    margin: 0px 0 10px;
    float: none;
    width: auto;
    text-align:center;
}
#main .comContactLBox .inBox .telBox{
    margin-bottom: 0;
}



#main .contactBox .imgLayer,
#main .contactScrollBox .imgLayer {
    display: none !important;
}

#main .contactScrollBox .inBox .btn{
    margin: 0;
    background: #f30;
    padding: 0;
    width: auto;
    display: block;
}
#main .contactScrollBox .inBox .btn:before,
#main .contactScrollBox .inBox .btn:after{
    content: none;
}

#main .contactScrollBox .inBox .btn a{
    display: block;
    color: #fff !important;
}

#main .comContactLBox .imgLayer{
    width: 40%;
    right: 11px;
    left: inherit;
    top: 42px;
}
#main .comContactLBox .floatL{
    float: none;
}

#main .comContactLBox h4{
padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 5px;
    padding-right: 30%;
    z-index: 10;
}

#main .comContactLBox .inBox .telBox h5{
    text-align: left;
}


#main .comContactLBox .inBox .catchTxt{
    font-size: 16px;
    font-size: 5vmin;
    text-align: left;
    padding: 5px;
}
/*---contactScroll---*/

#main .ContactScrollBox {
    padding: 0 10px 10px;
    margin:15px auto 25px;
    width: auto;
    text-align: center;
}

#main .ContactScrollBox .freeDiagnosis {
    width: auto;
    font-size: 28px;
    font-size: 8vmin;
    padding: 10px;
    text-align: center;
    position: inherit;
    margin:  0 -10px 10px;
}

#main .ContactScrollBox .tel {
}

#main .ContactScrollBox .tel span {
    font-size: 38px;
    font-size: 11.5vmin;
    display: inline-block;
}

#main .ContactScrollBox .tel a{
    text-decoration: none;
}

#main .ContactScrollBox .tel span.timeS {
    display: inline-block;
    width: auto;
    padding-left: 0;
}

#main .ContactScrollBox .telPlease {
    margin-bottom: 10px;
    font-size: 16px;
    
}

#main .ContactScrollBox .toForm{
    position: inherit;
    width: auto;
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: inherit;
}

/*----comArea-----*/
#main .comAreaBox {
    padding: 0 !important;
    margin-bottom: 10px;
}
#main .comAreaBox img {
    float: none;
    display: block;
    margin: 0 auto 10px;
}

#main .comAreaBox .catchTtl {
    font-size: 20px;
    font-size: 6vmin;
}
#main .comAreaBox p{
    line-height: 1.5;
}
#main .comAreaBox p:last-child{
    margin-bottom: 0;
}

/*----comMessage-----*/
#contents #main .msgSct h2 {
    font-size: 22px;
    font-size: 6vmin;
    margin: 0 0 20px 0;
}
#main .msgTxt {
    width: auto;
    float: none;
    clear:both;
}

#main .msgTxt h3 span{
    font-size: 18px !important;
    font-size: 6.0vmin !important;
    display: block;
    margin:0 0 10px 24% !important;
    overflow: hidden;
}
#main .msgTxt h5 span, #main .msgPhoto h5 span {
    margin: 0 auto;
}


#main .msgPhoto{
    margin: 0 auto 0;
    float: none;
    text-align: center;
}

#main .msgTxt h5, #main .msgPhoto h5{
    text-align: center;
    margin-bottom: 10px;
}
#main .msgTxt h4 {
	font-size:18px;
	font-size:5vmin;
}

/*----service-----*/
#main .serviceContents {
padding: 10px ;
}

#main .serviceContents h2 {
    margin: 0 0 10px;
	font-size:20px;
    font-size: 5.6vmin;
}
#main .serviceContents .serviceList li .menuPhoto {
    float: none;
    width: auto;
    position: relative;
    height: 200px;
    margin: 10px;
}
#main .serviceContents .serviceList li .menuPhoto img{
}
#main .serviceContents .serviceList li h3 {
    font-size: 22px;
    font-size: 6vmin;
    line-height: 1.2;
}

#main .serviceContents .serviceList li .menuOverview {
    float: none;
    margin: 10px;
    width: auto;
}
#main .serviceContents .serviceList li .priceTxt {
    font-size: 42px;
    font-size: 13.6vmin;
    margin-bottom: 10px;
    text-align: right;
}
#main .serviceContents .serviceList li .priceTxt span.unitTxt {
    font-size: 28px;
    font-size: 7vmin;
    padding-bottom: 0;
}
#main .serviceContents .serviceList li .constructionArea {
    font-size: 14px;
	font-size: 3.8vmin;
    padding: 2px 5px;
    margin-bottom: 3px;
}
#main .serviceContents .serviceList li .annotationTxt {
    font-size: 14px;
	font-size: 3.8vmin;
}
#main .serviceContents .serviceList li .basicC {
	font-size: 18px;
    font-size: 4.8vmin;
    padding: 5px;
    line-height: 1.3;
}
#main .serviceContents .serviceList li .basicC span {
	font-size: 17px;
    font-size: 4.4vmin;
    margin-right: 18px;
    border-radius: 3px;
    padding: 2px 3px 3px;
}
#main .serviceContents .serviceList li .basicC span:first-of-type {
    margin-left: 0;
}
#main .serviceContents .serviceList li .basicC span::after {
    width: 15px;
    height: 15px;
}
#main .serviceContents .btnC a {
	font-size: 16px !important;
    font-size: 4.2vmin !important;
    padding: 5px 10px;
}
#main .serviceContents ul.otherMenuU{
    display: block;
    position: relative;
    overflow: hidden;
}

#main .serviceContents ul.otherMenuU li{
	font-size:13px;
	font-size:4vmin;
	margin:0 0 20px 0;
    float: left;

    width: 50%;
    text-align: center;
}
#main .serviceContents ul.otherMenuU li:nth-child(2n){
	margin-right:0;
    float: right;
}

#main .serviceContents ul.otherMenuU li img{
    width: 90%;
    height: auto;
    margin: 0 auto 5px;
}

#main .serviceContents h3{
font-size: 26px;
    font-size: 8vmin;
    padding-bottom: 10px;
}

#main .serviceContents h3:after {
    width: 80%;
}
#main .serviceContents h3.oMH{
    font-size: 18px;
    font-size: 6.0vmin;
}
#main .serviceContents .packSsy li h3.packTtl {
	font-size:20px;
    font-size: 5.6vmin;
    text-align: left;
}
#main .serviceContents .packSsy li {
    padding: 10px;
}
#main .serviceContents .packSsy li .menuPhoto {
    margin: 0 0 10px 0;
}
#main .serviceContents .packSsy li .menuOverview {
    margin: 0 0 10px 0;
}
#main .serviceContents .packSsy li .basicC {
	font-size: 16px;
    font-size: 4.2vmin;
}
#main .serviceContents .packSsy li .basicC span {
	font-size: 16px;
    font-size: 3.6vmin;
}
#main .serviceContents .packSsy li .itemPhoto {
    float: none;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
#main .serviceContents .packSsy li .itemPhoto img {
    width: auto !important;
    height: auto !important;
}
#main .serviceContents .packSsy li .itemData {
    float: none;
    width: auto;
}
#main .serviceContents .itemData .itemWarranty {
    display: block;
}
#main .serviceContents .itemData .itemWarranty li {
    padding: 0;
    margin: 0 0 10px 0;
    width: auto;
	font-size: 18px;
    font-size: 4.8vmin;
}
#main .serviceContents .itemData .itemWarranty li h5 {
	font-size: 18px;
    font-size: 4.8vmin;
}
#main .serviceContents .itemData .itemDataUl {
    display: block;
    margin-bottom: 0;
}
#main .serviceContents .itemData .itemDataUl li {
    padding: 5px;
    margin-bottom: 10px;
    width: auto;
}
#main .serviceContents .itemData .itemDataUl li:last-child {
    margin-bottom: 0;
}
#main .serviceContents .dlBox {
    float: none;
    margin-left: 0;
}
#main .serviceContents .dlBox {
    float: none;
    width: auto;
    margin-left: 0;
    text-align: center;
}
#main .serviceContents .dlBox h6 {
    background:none;
    padding: 0;
    margin-bottom: 10px;
    position: relative;
    width: auto;
	font-size: 16px;
    font-size: 4.2vmin;
    color: #333;
}
#main .serviceContents .dlBox a.dlPhoto {
    width: auto;
    height: auto;
    text-align: center;
}
#main .serviceContents .dlBox a img {
    position: relative;
    top:auto;
    left: auto;
    transform: translate(0, 0);
    width: auto;
    height: auto;
}

#main .worksBox,
#main .voiceBox {
}
#main h2 span.attentionTxt {
    display: none;
}

#main span.attentionTxt:after {
    content: none;
}


#main .worksBox h2,
#main .voiceBox h2,
#main .profileBox h2,
#main .reasonBox h2,
#main .medalCatch {
    overflow: inherit;
    font-size: 22px;
    font-size: 6vmin;
    display: block;
    width: auto;
}
#main .voiceBox h2{
    margin: 0 10px;
}

#main .worksBox h2 img,
#main .voiceBox h2 img,
#main .medalCatch img{
    float: left;
    margin: -5px 5px 0 0;
    width: 65px;
}

#main .worksBox h2 span.txtL,
#main .voiceBox h2 span.txtL,
#main .profileBox h2 span.txtL,
#main .reasonBox h2 span.txtL,
#main .medalCatch span.txtL {
    clear: both;
    font-size: 27px;
    font-size: 8vmin;
}

#main .worksBox .btnWb li {
    margin: 0 0 15px;
    font-size: 20px;
    font-size: 6vmin;
    width: 100%;
}

#main .worksBox .btnWb li a {
    padding: 15px 15px 15px 60px;
    background-size: 40px auto !important;
}

#main .worksBox .btnWb li:last-child {
    margin-bottom: 0;
}

#main .worksList,
#main .voiceList {
}

#main .worksList article {
    width: 48%;
    width: calc( 50% - 5px);
    margin: 0 10px 20px 0;
    padding: 0;
}

#main .worksList article:nth-child(2n+1){
    clear: both;
}
#main .worksList article:nth-child(2n){
    float: right;
}

#main .worksList.column3 article {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    position: relative;
    overflow: hidden;
}

#main .worksList.column3 article a {
    overflow: hidden;
    position: relative;
}

#main .mainThumb {
    width: 100%;
    height: 120px;
}

#main .worksList.column3 .mainThumb {
    width: 40%;
    height: auto;
    float: left;
    margin-right: 10px;
}


#main .mainThumb img {
}

#main .worksList article:nth-child(2n) {
    margin-right: 0;
}

#main .worksList.column3 h3 {
    margin: 0 0 5px;
}

#main .worksList.column3 .price {
    margin-bottom: 5px;
}

#main .worksList .time {
    font-size: 12px;
}

#main .reasonBox h2 img {
    width: 70px;
    margin: -10px 10px 0 0;
}


#main .resonList {
    display: block;
    margin-bottom:10px;
}

#main .resonList li {
    float: none;
    margin: 0 0 10px 0;
}

#main .resonList li a {
    width: auto;
    text-align: left;
    overflow: hidden;
    padding-top: 10px;
}

#main .resonList li img {
    width: 32px;
    float: left;
    vertical-align: middle;
    margin-bottom: 5px;
}

#main .resonList li h4 {
    display: inline-block;
    margin: 3px 0 2px 5px !important;
    font-size: 19px !important;
    font-size: 6.5vmin !important;
}
#main .resonList li h4 small{
	font-size:13px !important;
	font-size:4.5vmin !important;
    font-weight: normal;
    display:inline;
}

#main .resonList li h4 strong {
    display: inline !important;
    font-size: 20px;
    font-size: 5.8vmin !important;
    font-weight: bold;
}
#main .resonList li h4 strong.transF {
	display:block !important;
	width:auto;
	transform:none;
}

#main .resonList li p {
    clear: both;
    margin-top: 5px;
}

#main .worksList.column3 .btnDetail {
    margin: 0 !important;
    padding: 2px 0;
}

#main .worksList .price li{
    display: block;
    margin-top: 2px;
    font-size: 14px;font-size: 4.5vmin;
}

#main .worksList .cat {
    top: 130px;
}
#main .worksList .cat {
    top: 130px;
}
#main .worksList .area {
    top: 34px;
}


#main .basicKnow h2 {
    width: auto;
    float:none;margin: 0 0 15px;
    text-align: center;
}


#main .basicKnow h2 span {
    width: 22%;
    text-align: center;
    padding: 5px 0;
    margin-right: 5px;
}

#main .basicKnow h2 span:nth-child(4),
#main .basicKnow h2 span:nth-child(8) {
    margin-right: 0;
}

#main .basicKnow h3{
    font-size: 18px;
    font-size: 5vmin;
}

#main .basicKnow .catchTtl {
    font-size: 27px;
    font-size: 8vmin;
    clear:both;
}

#main .basicKnow .catchTtl br {
    display: none;
}

#main .basicKnow .catchTtl strong {
    font-size: 30px;
    font-size: 8.2vmin;
}
#main .basicKnow .catchTtl strong.txtL {
    font-size: 36px;
    font-size: 9.4vmin;
}



#main .basicKnow .pointTxt .imgL20 {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
}
#main .basicKnow .pointList li {
    margin-bottom: 20px !important;
}
#main .basicKnow .pointList li h4{
    font-size: 17px !important;
    font-size: 5.5vmin !important;
}

/*#main .basicKnow .pointList li:before {
    transform: none;
    z-index: 10;
    background: #f8b500;
    top: 0;
    left: 0;
    padding: 5px;
    content: 'POINT\A'counter(point, decimal-leading-zero) !important;
  white-space: pre;
    line-height: 1.4;
}
*/
#main .basicKnow .pointList li .pointImg {
    text-align: center;
}

#main .basicKnow .pointList li .pointImg img {
    display: inline;
}

#main .basicKnow .pointList li h6 strong {
    display: inline;
}

#main .basicKnow .pointList li ul {
    text-align: left;
}

#main .basicKnow .pointList li ul li,
#main .basicKnow .pointList li p{
    text-align: left;
    font-size: 18px;
    font-size: 4.5vmin;
    margin: 0;
}
/*----contentBnrList-----*/
#main .contentBnrList {
    margin-top: 0 !important;
}

#main .contentBnrList li {
    float: none !important;
    margin: 20px 0 0 0 !important;
    background: none;
    padding: 0;
}

#main .contentBnrList li:first-child {
    margin-top: 0 !important;
}

/*----こんなお悩み-----*/
#main .checkPointT {
    width: auto;
    margin: 3px;
    outline: 3px solid rgba(0,0,0,0.2);
    border: 3px solid #fff;
}
#main .checkPointT h3 {
	font-size: 20px !important;
    font-size: 5.6vmin !important;
    padding: 3px !important;
    line-height: 1.3;
    text-align: left;
}
#main .checkPointT h3 img {
    margin-right: 0;
    width: 16% !important;
    display: block;
    float: left;
}
#main .checkPointT ul {
    padding: 5px;
}
#main .checkPointT ul li {
    width:48%;
    width: calc(50% - 3px);
    margin: 10px 0 0 0;
    float: left;
}
#main .checkPointT ul li:nth-child(2n) {
    float: right;
}
#main .checkPointT ul li:nth-child(2n+1) {
    clear: both;
}
#main .checkPointT ul li h4 {
    background-size: 15px auto;
    padding: 0 0 0 17px !important;
	font-size:20px !important;
    font-size: 5.6vmin !important;
}
#main .checkPointT ul li p {
    font-size: 14px !important;
	font-size: 3.8vmin !important;
    padding: 6px;
    line-height: 1.3;
}
#main .checkPointT p.warriesCtc {
	font-size:20px;
    font-size: 5.6vmin;
    line-height: 1.5;
    padding: 5px;
}
/*----劣化度チェック-----*/

#main .deteriorationChk {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}

#main .deteriorationChk .checkPoint {
    width: auto;
    float: none;
    position: relative;
    overflow: hidden;margin-bottom: 20px;
}

#main .deteriorationChk .checkPoint h3{
    font-size: 18px !important;
    font-size: 5vmin !important;
}

#main .deteriorationChk .checkPoint h3 span{
    display: table-cell;
}

#main .deteriorationChk .checkPoint ul {
    padding: 10px;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin: 0;
}


#main .deteriorationChk .checkPoint ul li {
    width: 100%;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    float: none;
    position: relative;
    overflow: hidden;
}

#main .deteriorationChk .checkPoint ul li:nth-child(2n) {
    margin-right: 0;
    float: right;
}

#main .deteriorationChk .checkPoint ul li:nth-child(2n + 1) {
    clear: left;
}

#main .deteriorationChk .checkPoint ul li:last-child {
    margin-bottom: 0;
}

#main .deteriorationChk .checkPoint ul li .checkpointThumb {
    width: 45%;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    height: 85px;
}


#main .deteriorationChk .checkPoint ul li .checkpointThumb img {
    margin-bottom: 0;
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    right: 0;
}

#main .deteriorationChk .checkPoint ul li .checkTtl {
    padding: 0;
    bottom: 0;
    background: none;
    top: inherit;
    position: absolute;
    width: 100%;
    margin-bottom: 0;
}

#main .deteriorationChk .checkPoint ul li h4 {
    background: #d90a0a !important;
    color: #fff !important;
    display: block !important;
    padding: 5px !important;
    font-size: 14px !important;
    margin: 0 0 10px;
    text-align: center;
    border-top: none;
}
#main .deteriorationChk .checkPoint ul li .ttl {
    background: #d90a0a !important;
    color: #fff !important;
    display: block !important;
    padding: 5px !important;
    font-size: 14px !important;
    margin: 0 0 10px;
    text-align: center;
    border-top: none;
}

#main .deteriorationChk .checkPoint ul li h4:before,
#main .deteriorationChk .checkPoint ul li h4:after {
    content: none;
}


#main .deteriorationChk .checkPoint ul li .checkTtl p {
    border-radius: 0;
    background: rgba(255, 255, 255, 0.4);
    font-size: 16px;
}

#main .deteriorationChk .checkPoint ul li p {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    overflow: hidden;
}



#main .deteriorationChk .checkLegend {
    width: auto;
    float: none;
    text-align: center;
    margin-top: 0px;
    display: block;
    padding: 0;
}

#main .deteriorationChk .checkLegend h3 {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block;
    margin: 15px 0 15px !important;
}

#main .deteriorationChk .checkLegend h3 .imgLayer {
    bottom: inherit;
    top: -15px;
    width: 45px;
}

#main .deteriorationChk .checkLegend h3 br {
    display: none;
}

#main .deteriorationChk .checkPoint .checkLegend ul {
    background: none;
}

#main .deteriorationChk .checkPoint .checkLegend li {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    display: inline-block;
    margin-bottom: 20px;
}

#main .deteriorationChk .checkLegend ul li h4 {
    margin-bottom: 0;
}

#main .deteriorationChk .checkLegend p {
	margin-top:0;
}

#main .deteriorationChk .checkLegend span {
    border-radius: 10px;
    display: block;
    width: 100%;
    height: auto;
}

#main .deteriorationChk .checkLegend span strong{
    font-size: 48px;
    font-size: 10vmin;
}
#main .deteriorationChk .checkLegend span strong br{
    display: none;
}
/*----comWait-----*/

#main .comWaitBox {
}

#main .comWaitBox h3 {
    font-size: 22px;
    font-size: 6vmin;
}

#main .comWaitBox img {
    float: none;
    padding-bottom: 0;
}

/* -----------------------------------------------------------
#corporate
----------------------------------------------------------- */
#corporate #main table.historyT th {
    width: auto;
}


#corporateMap iframe {
    width: 100%;
}

/* -----------------------------------------------------------
#showroom
----------------------------------------------------------- */
#showroom .imgR30{
    float: none;
    margin-right: auto;
    margin-left: auto;
}
#showroom .imgR30 img{
    display: block;
    margin: 0 auto;
    float: none;
    
}


#main .featureBox {
    margin: 20px 0;
}

#main .featureBox .floatL {
    float: none !important;
}

#main .featureBox ul {
    float: none;
    width: auto;
    box-sizing: border-box;
}

#main .featureBox ul li {
    line-height: 1.5;
    font-size: 14px;
    font-size: 4.4vmin;
}

.shopAccess ul li .shopMain {
    float: none;
    width: auto;
    margin-right: 0px;
    text-align: center;
    padding-top: 10px;
}


.shopAccess ul li .shopMain .tel span {
    display: block;
    width: 280px;
    box-sizing: border-box;
    margin: 0 auto;
    font-family: "Verdana-Bold", "HiraKakuProN-W6", sans-serif;
}

#main .shopAccess ul li .shopMain .tel span a {
    color: #fff;
    text-decoration: none;
}

#main .shopAccess iframe {
    width: 100%;
}


#main h1.showroomTtl {
    font-size: 8vmin;
    padding: 5px 10px 5px 10px;
    margin: 20px auto 0;
    width: auto;
}


#main #form .tel span {
    font-size:12vmin;
}

#main h3.gHb,
#main h3.formH,
#main #form h3 {
    padding: 0;
    line-height: 1.3 ;
    font-size: 20px;
    font-size: 6vmin ;
    margin: 0 0 5px 0 ;
}


#main #form h4 {
    font-size:5vmin;
}

#main #form ul.formStep li {
    width: auto;
    float: none;
    height: auto;
    min-height: 50px;
    padding: 0 10px 0 70px !important;
    margin-bottom: 15px !important;
}

#main #form ul.formStep li span {
    left: 2px;
}

#main .formBox table {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main .formBox th,
#main .formBox td {
    padding: 5px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
}
#main .formBox th {
    border-bottom: none;
}
#main .formBox td {
    border-top: none;
    padding-bottom: 8px;
}
#main .formBox tr:last-of-type th {
    border-bottom: none;
}

#main .formBox td span {
}
#main .formBox td span.your-shop,
#main .formBox td span.your-date,
#main .formBox td span.your-time {
    display: inline-block;
}
#main .formBox td input[type="text"],
#main .formBox td input[type="tel"],
#main .formBox td input[type="email"] {
    width: 100%;
    box-sizing: border-box;
}

#main .formBox td input[type="file"] {
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main .formBox td select,
#main .formBox td input[type="date"] {
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 16px;
    box-sizing: border-box;
}

#main .formBox td textarea {
    width: 100%;
}

#main .formBox .submit input {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 5px 15px;
    margin-bottom:5px;
}


/* -----------------------------------------------------------
#menu
----------------------------------------------------------- */

#packmenu #main .formBox {
    padding: 20px;
}
#packmenu #main .formBox td label {
    display: inline-block;
}
#main .flowListP .pointB {
display: none;
}
#main .flowList {
    border-radius: 18px;
    display: block;
    height: auto;
}

#main .flowList h3 {
    float: none;
    margin: 0 0 5px 0;
    text-align: center;
}
#main .flowList h3 br{
    display:none;
}
#main .flowList ul {
    display: block;
}

#main .flowList ul li {
    font-size: 18px;
    width: 18.5%;
    width: calc( 20% - 4px);
    margin: 5px 5px 0 0;
    padding: 0;
    box-sizing: border-box;
    height: 50px;
    float: left;
}

#main .flowList ul li:nth-child(-n+5) {
    margin-top: 0;
}

#main .flowList ul li:nth-child(5n) {
    margin-right: 0;
}

#main .flowList ul li.stxt {
    font-size: 13px;
}

#main .textComS {
	text-align:left;
}
#main .flowList.flowRoof ul li {
    width: 24%;
    width: calc( 24% - 4px);
    margin: 5px 5px 0 0 !important;
}

#main .flowList.flowRoof ul li:nth-child(4n) {
    margin-right: 0 !important;
}

#main .notice-txt {
    font-size: 11px;
    font-size: 3.8vmin;
    line-height: 1.2;
}

#main .textRight.notice-txt {
    text-align: inherit!important;
}



#main .wallPartsBox .floatL {
    width: auto;
    float: none;
}

#main .wallPartsBox .floatR {
    width: auto;
}

#main .wallPartsBox .catchTtl {
    font-size: 26px;
    font-size: 7vmin;
}

#main .wallPartsBox .catchTtl span {
    width: 85px;
    height: 85px;
    width: 23vmin;
    height: 23vmin;
    font-size: 50px;
    font-size: 14vmin;
    padding-top: 0;
}

#main .wallPartsBox .flowList {
    height: auto;
}

#main .wallPartsBox .flowList ul li {
    /*    font-size: 20px;
    width: 24%;
    margin: 0 0 5px 0;
    padding: 0;
    box-sizing: border-box;
    height: 50px;*/
}

#main .scrollBox {
    overflow: auto;
}

.scrollBox::-webkit-scrollbar {
    height: 5px;
}

.scrollBox::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.scrollBox::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

#main .scrollBox table {
    width: auto;
}

.scrollMsg {
    margin-bottom: -10px;
    color: #d0004e;
    font-size: 12px;
    font-weight: bold;
}

#main .scrollBox th {
    white-space: nowrap;
    display: table-cell;
}

#main .scrollBox td {
    display: table-cell;
    width: inherit;
}

#main .wallPartsBox h4 {
    margin: 0 0 10px;
    font-size: 24px;
    font-size: 6vmin;
}
#main .wallPartsBox h4:before {
    top:auto;
    width: auto;
    height: auto;
}
#main .comFamilyBox .imgLayer {
    display: none !important;
}

#main .comFamilyBox p {
    color: #fff;
    font-size: 20px;
    margin: 10px 10px 5px;
}

.comFamilyBox img {
    display: block;
    text-align: center;
    width: 217px;
    margin: 0 auto 5px;
}

#main .comFamilyBox p.catchTtl {
    font-size: 22px !important;
    padding: 5px;
}

#main .comFamilyBox p span.txtM {
    font-size: 5vmin;
}


/* -----------------------------------------------------------
#rainleaking
#diagnosis
----------------------------------------------------------- */
#diagnosis #main .troubleBox h2{
    padding: 0;
    margin: 0 auto 10px;
    font-size: 24px;
    font-size: 6.5vmin;

}
#diagnosis #main .troubleBox h2 span.txtL{
    font-size: 24px;
    font-size: 6.5vmin;
    padding: 5px 0;
}}
#diagnosis #main .troubleBox h2 span br{
    display:none;
}
#diagnosis #main .troubleBox ol li h3 {
    font-size: 18px;
    font-size: 6.0vmin;
}
#diagnosis #main .troubleBox ol li p {
    margin-left:-30px;
}
#diagnosis #main .troubleBox p.trblP {
    font-size: 22px;
    font-size: 6.2vmin;
    padding-left: 0;
}
#diagnosis #main h3.gHb br{
	display:none;
}

#main .worksExpBox {
	margin:0 0 10px 0;
}
#main .worksExpBox p.expP {
	padding:10px;
	margin-bottom:10px;
    font-size: 16px !important;
    font-size: 5vmin !important;
}
#main .worksExpBox p.expP span{
	background:#ff6600;
	border-radius:5px;
	position:relative;
	height:auto;
	width:auto;
    font-size: 18px;
    font-size: 6.0vmin;
	top:auto;
	left:auto;
	padding:5px 0;
	margin-bottom:5px;
}
#main .worksExpBox p.expP span strong{
	display:inline;
	font-size:36px;
    font-size: 8.4vmin;
}

#main .worksExpBox p.expP span::before{
  content: none;
}
#main .worksExpBox p.expP img{
  display: none;
}

#main .diagnosisAttention{
	margin:10px 0 30px 0;
}
#main .diagnosisAttention .formH{
	text-align:left;
	margin-bottom:2px;
}
#main .diagnosisAttention p{
    font-size: 16px !important;
    font-size: 5vmin !important;
}

#main .diagnosisAttention span{
	height:50px;
	width:50px;
    font-size: 13px;
	padding-top:10px;
    float:left;
    margin:0 5px 0 0 ;
}
#main .diagnosisAttention span strong{
	font-size:20px;
	line-height:0.6;
}
#main .reasonUlAm li img{
	float:none;
	margin:0 auto 20px auto;
	display:block;

}
#rainleaking img.alignleft,
#diagnosis #main .inner .imgL30,
#diagnosis #main .inner .imgR30,
#rainleaking #main .inner .imgR30,
#rainleaking #main .inner .imgL30 ,
#thermalbarrier #main .inner .imgR30,
#thermalbarrier #main .inner .imgL30{
    float: none;
    margin: 0 auto 10px;
    display: block;
}
#main .diagnosisPoint img{
    width: auto;
}
/*-------------------#thermalbarrier-----------------*/
#main .meritThermal .imgL30{
    overflow: hidden;
}
#main .meritThermal .imgL30 img{
    width: 48%;
    width: calc(50% - 5px);
    float: left;
}
#main .meritThermal .imgL30 img:nth-child(2n){
    float: right;
}
#main .effectB {
    padding: 15px;
    margin-bottom: 20px;
}
#main .effectB h4 {
    font-size: 22px;
    font-size: 6vmin;
    margin: 0 0 15px;
}
#main .effectB p {
	font-size:20px;
    font-size: 5.6vmin;
    padding: 10px;
}
#thermalbarrier #main .btn{
    text-align: center;
}
/*-------------------#rainleaking-----------------*/

#rainleaking #main .troubleBox h5 {
    font-size: 20px;
    font-size: 6.4vmin;
    text-align: center;
}
#rainleaking #main .ranking li {
    font-size: 20px;
    font-size: 6.4vmin;
}
#rainleaking #main .emergencyC p{
    margin-bottom: 0;
}

#rainleaking #main .emergencyC img{
    float: none;
    margin: 0;
}

#rainleaking #main .emergencyC .tel span {
    font-size: 38px;
    font-size: 10.2vmin;
    background-position:3px 5px;
    background-size:36px auto;
    padding-left:42px;
    display:block;
    margin:0 auto;
    width:6.6em;
}
#rainleaking #main .emergencyC .tel {
	padding:10px;
    margin: 0;
    text-align:center;
}
#rainleaking #main .priceList li {
	font-size: 6vmin;
	margin-bottom: 10px;
	padding: 7px 5px 0 5px;



	position: relative;
	line-height: 1.2;
}

#rainleaking #main .priceList li span {
	padding: 3px 5px 0;
	float: right;
	display: block;
	position: relative;
	margin-bottom: 5px;
}
#main .warryBox{
    padding: 0;
}

#main .warryBox img {
    /*float: none;
    margin: 0px auto 0;
    width: 126px;
    display: block;*/
    display: none;
}

#main .warryBox p {
    text-align: center;
}

#main .troubleBox h2 {
    width: auto;
    overflow: visible;
    font-size: 18px;
    font-size: 6vmin;
    margin-top:10px;
}

#main .troubleBox h2 img {
    width: 70px;
    margin: -10px 10px 0 0;
}

#main .troubleBox {
}

#main .troubleBox h2 span.txtL {
    font-size: 24px;
    font-size: 6.4vmin;
    clear: both;
}

#main .troubleBox img,
#main .troubleBox .imgL{
    float: none;
    margin-right: auto;
    margin-left: auto;
}
#main .meritBox{
    padding: 10px;
}

#main .meritBox .imgR20{
	float:none;
	display:block;
	margin:0 auto 10px auto;
}
#main .meritBox img {
    display: block;
    margin: 0 auto;
    float: none;
    position: inherit;
}

#main .meritBox .meritTxt {
    margin-left: 0;
}

#main .meritBox .diagnosisList {
    display: block;
}

#main .meritBox .diagnosisList li {
    float: left;
    width: 48%;
    width: calc( 50% - 5px);
    margin: 10px 10px  0 0;
    font-size: 24px;
    font-size: 5vmin;
}

#main .meritBox .diagnosisList li:nth-child(2n) {
    margin-right: 0;
}
#main .meritBox .diagnosisList li:nth-child(-n+2){
    margin-top: 0;
}

#main .warningChk {
    padding: 0 10px 20px;
}

#main .warningChk h3 {
    font-size: 21px;
    font-size: 5.6vmin;
    padding: 10px 20px;
    margin-bottom: 20px;
    text-align: left;
}

#main .warningChk ul li {
    line-height: 1.3;
    margin-bottom: 10px;
}

#main .warningChk ul li:last-child {
    margin-bottom: 0;
}
#main .warningChk ul li:after {
    top: 10px;
    bottom: auto;
}

#main .warningChk ul li:before {
    top: 5px;
    bottom: auto;
}

#main .warningChk img {
    float: none;
    margin: 0 auto 10px;
    display: block;
}



#main .rainAnswer h3 {
    padding: 10px;
    font-size: 22px;
    font-size: 6vmin;
}

#main .rainAnswer h3 span {
    display: table;
    margin: 0 0 10px;
}

#main .rainAnswer .answerUl{
    display: block;
    width: auto;
    background: none;
    padding: 0;
}

#main .rainAnswer .answerUl li {
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#rainleaking #main .catchTtl {
    font-size: 20px;
}


#main .rainCts{
    margin: 20px 10px 30px;
    text-align: center;
    display: block;
}
#main .rainCts h3{
    text-align: center;
}

#main .rainCts ul {
    float: none;
    margin-bottom: 0;
    display: block;
    width: auto;
}
#main .rainCts ul li{
    width: auto;
    text-align: center;
    margin-bottom: 10px;
}

#main .rainCts ul li:last-child{
    margin-bottom: 0;
}
#main .comMember p {
    font-size: 14px;
    margin: 10px auto 0 !important;
    width: auto;
}

#main .comMember .inner {
    height: auto;
    margin: 0;
    background-size: cover;
    padding: 0px 10px 102px;
    background-position: center bottom;
    width: auto;
}




#main .diagnosisPoint {
    padding-left: 0;
}


#main .diagnosisPoint h2{
        width: auto;
    overflow: visible;
    font-size: 18px;
    font-size: 6vmin;
}

#main .diagnosisPoint h2 span.txtL{
    font-size: 30px;
    clear: both;
}


#main .diagnosisPoint li h3,
#rainleaking #main .diagnosisPoint li h3 {
    font-size: 22px;
    font-size: 6vmin;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
}

#main .diagnosisPoint li h3 span,
#rainleaking #main .diagnosisPoint li h3 span{
    box-shadow: inset rgba(255, 255, 255, 0.33) 0px 0 0px 3px;
    background: #6fa800;
    border-radius: 5px;
    width: auto;
    height: auto;
    font-size: 15px;
    font-size: 5vmin;
    margin: 0 0 10px;
    float: none;
    padding: 3px 10px;
    z-index: -1;
    position: relative;
    display: block;
}
#main .diagnosisPoint li h3 span br,
#rainleaking #main .diagnosisPoint li h3 span br{
    display: none;
}

#main .diagnosisPoint li h3 img {
    width: 20%;
    margin-top: -10px;
	margin-right:10px;
}

#main .diagnosisPoint li .alignleft {
    float: none;
    display: block;
    margin: 0 auto 10px;
}

#main .diagnosisPoint p img {
    margin: 0 auto 10px;
    display: block;
    float: none;
}


#main .diagnosisPoint h4{
    margin-top: 0;
}
#main .diagnosisPoint li h4 {
	font-size:18px;
	font-size:5.1vmin;
}

#diagnosis #main .balloonBox{
    margin: 20px 10px 30px ;
}

#diagnosis #main .troubleBox .imgL{
    position: relative;
    overflow: hidden;
    margin: 0 auto 10px;
}
#diagnosis #main .troubleBox img.imgL{
        margin: 0;
    width: 48%;
    width: calc(50% - 5px);
    display: inline;
    margin-right: 10px;
}
#diagnosis #main .troubleBox img.imgL:nth-child(2n){
    margin-right: 0;
}

#diagnosis #main .cautionBox {}

#diagnosis #main .cautionBox h4 {
    font-size: 26px;
    font-size: 6vmin;
    margin: 0 0 15px;
    display: inline-block;
}

#diagnosis #main .cautionBox p {
    font-size: 16px;
}

#diagnosis #main .cautionBox ul {
    float: none;
    margin: 0 0 10px;
}

#diagnosis #main .cautionBox ul li {
    margin: 0 10px 10px 0;
    width: 48%;
    width: calc( 50% - 5px);
}

#diagnosis #main .cautionBox ul li:nth-child(2n) {
    margin-right: 0;
}



#main .pagenavi {
    height: auto;
}

#main .pagenavi li {
    width: 35%;
    margin-bottom: 10px !important;
    display: inline-block;
    font-size: 15px;
    font-size: 4vmin;
}

#main .pagenavi li:before {
    right: 5px;
}

#main .pagenavi li:after {
    right: 10px;
}

#main .pagenavi .prev {}

#main .pagenavi a {
    display: block;
    width: auto;
    padding: 5px 10px;
}

#main .pagenavi li.list {
    left: 0;
    right: 0;
    margin: auto !important;
    width: 20%;
}

#main .pagenavi .next {}

#main .pagenavi li.next:before {
    left: 5px;
}

#main .pagenavi li.next:after {
    left: 10px;
}

.picBox .arrowImg {
    display: none;
}


/* -----------------------------------------------------------
#contact
----------------------------------------------------------- */
#contact #main{
    padding-top: 15px;
}
#main .contactMsg {
    padding-bottom: 5px;
}
#main .contactMsg .catchTxt {
    font-size: 20px !important;
    font-size: 6.5vmin !important;
}
#main .contactMsg .tel {
    margin-bottom: 0;
}
#main .contactMsg .catchTxt span {
    font-size: 18px;
    font-size: 4.4vmin;
    margin-bottom: 5px;
}
#contact #main .contactMsg h4 {
    font-size: 17px;
    font-size: 4.8vmin;
}
#main .contactMsg .tel span {
    font-size: 40px;
    font-size: 12.5vmin;
    background-size: 50px auto !important;
    padding: 0 0 0 55px;
    background-position: left center;
}
#contact #main h2.catchTtl {
    background:none;
    font-size: 20px !important;
    font-size: 6.5vmin !important;
    margin-bottom: 5px;
    padding: 0;
}
#contact #main .msgTxt{
    clear:both;
}
#contact #main .msgTxt h3{
    margin-top:0 ;
}
#contact #main .msgTxt h4 {
    font-size: 17px;
    font-size: 4.8vmin;
}

#main .msgTxt .catchTxt,
#main .msgTxtOvr .catchTxt {
    font-size: 20px !important;
    font-size: 6.5vmin !important;
}
#main .msgTxt .catchTxt span,
#main .msgTxtOvr .catchTxt span {
    border-radius: 5px;
    font-size: 16px;
    font-size: 5vmin;
}
#main .msgTxtOvr .floatL{
    float: none !important;
}
#main .msgTxt .tel {
    font-size: 14px;
}

#main .msgTxt .tel span,
#main .msgTxtOvr .tel span {
    font-size: 40px;
    font-size: 12.5vmin;
    display: block;
    padding: 7px 0 7px 40px;
    background: url(../img/common/ico_freedial02.png) no-repeat left center;
    background-size: 50px auto !important;
    padding: 0 0 0 55px;
}

#main .msgTxt .tel span a {
    text-decoration: none;
    color: #d0004e;
}

#main .msgTxt .catchTxt{
    font-size: 18px;
    font-size: 4.4vmin;
}
#main .msgTxt .catchTxt span {
    font-size: 18px;
    font-size: 4.4vmin;
    margin-bottom:5px;
}
#main .formBox td .wpcf7c-elm-step1 a {
    background: none;
    padding: 0;
}

#main .formBox {
    padding: 15px;
}

/*-------------------#staff-----------------*/

#staff #main h2:first-of-type {}

#staff #main #tabMenu {}

#staff #main #tabMenu li {
    width: 48%;
    width: calc( 50% - 5px);
    font-size: 16px !important;
    font-size: 5vmin !important;
}
#staff #main .staffShop {
    margin-bottom: 20px;
}
#staff #main .staffShop li {
	font-size: 18px;
    font-size: 4.8vmin;
}
#staff #main .staffList {
    width: auto;
}

#staff #main .staffList li {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
    border-bottom: #333333 dotted 1px;
}


#staff #main .staffList li a {
    display: block;
    position: relative;
    overflow: hidden;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: start;
    align-items: start;
    justify-content: space-between;
}

#staff #main .staffList li .btnDetail {
    margin: 0 !important;
    padding: 3px 10px;

    font-size: 12px !important;
    margin: 5px 10px 0 !important;
    width:auto !important;
}
#staff #main .staffList li .staffSummary {
    width: 200px;
    width: calc(100% - 120px);
}
#staff #main .staffList li .staffPict {
    width: 100px;
    height: 120px;
    float: left;
    margin-right: 10px;
}

#staff #main .staffList li .staffPict img {
    max-width: max-content;
    width: auto;
    height: 100% !important;
}

#staff #main .staffList li .positionTxt {
    margin-top: 0;
    line-height: 1.2;
}

#staff #main .staffList li .staffName,
#staff #main .staffProf .profileDetail .staffName {
    font-size: 18px;
    font-size: 6vmin;
    margin: 5px 0 10px;
}

#staff #main .staffProf {
    padding: 5px;
}

#staff #main .staffProf .staffPictBox {
    float: none;
    margin: 0 auto 10px;
    height: auto;
}
#staff #main .staffProf .staffPict{
    width: auto;
    height: auto;
}
#staff #main .staffProf .staffPict img {
    display: block;
    position: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: auto;
    top: inherit;
    left: inherit;
}

#staff #main .staffProf .profileDetail .positionTxt {
    margin-bottom: 5px;
}
#staff #main .staffProf .profileDetail .staffName span {
    display: block;
    margin-left: 0;
    padding-left: 0;
}

/*-------------------#reason-----------------*/
#reason #main .reasonMsg{
    padding-top: 0;
}
    #reason #main .reasonMsg h3 {
    font-size: 22px;
    font-size: 6.2vmin;
    padding: 0;
    margin: 0 0 10px 0;
}
#main .reasonMsg h3 img {
    width: 22%;
    float: left;
    margin-right: 2px;
}
#reason #main .reasonMsg h3 span {
    border-radius: 5px;
    font-size: 22px;
    font-size: 6.2vmin;
    padding: 5px;
    margin-left: 0;
    float: left;
    margin-bottom: 10px;
}
#main .reasonMsg h3 span:before,
#main .reasonMsg h3 span:after {
    content: none;
}
#main .reasonMsg h3 br{
    clear: both;
}

#reason #main .msgTxtOvr h3{
    font-size: 18px;
    font-size: 5vmin;
    padding:0;
    margin:0 0 10px 0;
    text-align: left;
}
#reason #main .msgTxtOvr h3 strong{
    font-size: 24px;
    font-size: 6.5vmin;
}
#reason #main .msgTxtOvr h3 img{
	/*display:none;*/
        bottom: inherit;
    top: 0;
    top: 0;
    right: 0;
    width: 25%;
    position: absolute;
}

#reason #main .balloonBox{
    margin: 20px 10px 30px ;
}

#reason .catchTtl,
#reason .catchTtls {
    font-size: 22px;
    font-size: 6.2vmin;
    text-align: left;
    margin:0 0 10px;
}
#reason .catchTtls .imgL,
#reason .catchTtl .imgL{
	width:25%;
	margin-top:-10px;
}
#reason .catchTtl br,
#reason .catchTtls br{
    display: none;
}

#reason .catchTtl.floatL {
    float: none;
    margin-top: 0;
}

#reason .catchTtl > span {
    background: url(../img/common/bg_nav.png);
    float: none;
    width: auto;
    height: auto;
    border-radius: 5px;
    font-size: 18px;
    display: block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px;
}
#reason .catchTtl strong {
    font-size:7vmin;
}
#reason .catchTtl span.txtFree {
    font-size: 28px;
}

#reason #main h3 {
    font-size: 20px;
    font-size: 6vmin;
    display: block;
}

#reason #main h3 span {
    font-size: 18px;
    float: none;
    display: block;
    margin: 15px 5px 15px 0;
}

#reason #main h4 {
    font-size: 5vmin;
    margin: 0 0 15px;
}

#reason #main h4 strong {
    font-size: 6vmin;
}

#reason #main .reasonBox {
    padding: 0;
    background-size: auto auto,auto 100% !important;
}
#reason #main .reasonBox .inner {
    display: block;
    padding: 10px 0;
}
#reason #main .reasonBox .reasonNo {
    width: auto;
    font-size: 28px;
    font-size: 7vmin;
    line-height: 1.1;
}
#reason #main .reasonBox .reasonNo span {
    display: inline;
    font-size: 28px;
    font-size: 7vmin;
}
#reason #main .reasonBox .reasonCxt {
    border-left: none;
    padding: 0;
}
#reason #main .reasonBox p,
#reason #main .reasonBox ol li {
    font-size: 14px;
}
#reason #main .reasonBox h2 {
    font-size: 28px;
    font-size: 7vmin;
    margin: 0 0 20px;
}
/*-------------------#first-----------------*/
#main .menuImg {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
}
#main .menuImg img {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    bottom: auto;
    margin: 0 auto;
    display: block;
}


/*-------------------#menu-----------------*/

#main .catchMenu {
    font-size: 22px;
    font-size: 6vmin;
    padding: 5px 10px;
    line-height: 1.4;
}


#main h2.menuCatch {
    font-size: 23px;
}

#main h2.menuCatch:after {
    width: 100%;
    left: inherit;
    margin: 0 auto;
}

#main .itemBox .imgR20 {
    float: none;
    margin: 0 auto;
    display: block;
}

#main .itemBox h3 {
    float: none;
    width: auto;
    font-size: 24px;
    font-size: 6.5vmin;padding: 0;
}
#main .itemBox h3.itemTi {
    font-size: 20px;
    font-size: 5.6vmin;
}
#main .itemPhotoBox {
    float: none;
    width: auto;
}
#main .itemPhoto {
    width: 50%;
    float: none;
    margin: 0 auto 30px;
}


#main .itemSummery {
    width: auto;
    float: none;
}
#main .itemSummery p {
    font-size: 16px;
    font-size: 4.8vmin;
}

#main .itemSummery ul.isL {
    display: block;
}
#main .itemSummery ul.isL li {
    margin: 0 0 15px 0;
}
#main .itemSummery ul.isL li h5,
#main .itemSummery ul.isL li p{
    height: auto;
    width: 50%;
    font-size: 17px;
    font-size: 5.1vmin;
    padding:10px;
    line-height:2;
}

#main .itemSummery ul.isL li p{
    border: none;
    text-align: center;
}

#main .itemSummery .leadTxt {
    padding: 0;
}

#main .itemSummery .leadTxt .imgIco {
    right: inherit;
    bottom: 100%;
    top: inherit;
    margin-bottom:5px;
}

#main .itemSummery .leadTxt p {
    font-size: 18px;
}

#main .itemSummery ul {
    display: block;
}

#main .itemSummery ul li {
    width: auto;
    margin: 0 0 10px;
}

#main .itemSummery ul li.itemFeature p {
    padding: 10px;
}

#main .itemData {
}

#main .itemData h4 {
    font-size: 22px;
    font-size: 6.5vmin;
    margin-bottom: 15px;
}

#main .itemData ul li {
    width: auto;
    float: none;
    margin: 0 0 10px;
    padding: 10px 10px 70px;
    text-align: center;
}

#main .itemData ul li img {
    margin-left: -5px;
}

#main .itemData ul li:nth-child(3n) {
    margin-right: 0;
}


/*--comIdeal--*/

#main .iDeal {}

#main .iDeal .catchTtl {
    font-size: 7vmin;
    line-height: 1.3;
    margin-top: 0;
}

/*---comIdea---*/

#main .comIdea {
    margin-bottom: 0;
}

#main .comIdea ul {
    display: block;
}

#menu #main .comIdea ul,
#harikae #main .comIdea ul,
#apartment #main .comIdea ul {
    padding: 0;
}

#main .comIdea li {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

#main .comIdea li img {
    width: 32%;
    display: inline-block;
}

#main .comIdea li span {
    font-size: 16px;
    font-size: 5vmin;
    display: block;
    margin: 0 15px 0 0;
    float: left;
    width: 55%;
}

#main .comIdea li span:after {
    border: 10px solid transparent;
    border-left-color: #e26a0f;
    top: 0;
    bottom: 0;
    left: 100%;
    right: inherit;
    margin: auto;
}

#main .comIdea li:nth-child(2n) span {
    float: right;
    margin: 0 0 0 15px;
}

#main .comIdea li:nth-child(2n) span:after {
    right: 100%;
    left: inherit;
    margin: auto;
    border: 10px solid transparent;
    border-right-color: #e26a0f;
}


/*-------------------#apartment-----------------*/
#apartment .catchLtl {
    font-size: 6vmin;
}
#apartment .catchLrg {
    font-size: 5vmin;
    margin-bottom: 20px;
}
#apartment .catchLrg img{
	float:left;
	width:60px;
	height:auto;
	margin:-8px 5px 5px 0;
}

#apartment #main .priceUl li{
    width: auto;
    float: none !important;
    margin-bottom: 20px;
}

#apartment #main .priceUl li:last-child{
    margin-bottom: 0;
}

#apartment #main .priceUl li .title03{
    padding: 5px;
    font-size: 20px;
    font-size: 5vmin;
    margin-bottom: 10px;
}

#apartment #main .priceUl li .priceDl dt {
    float: none;
    width: auto;
    display: inline-block;
    font-size: 18px;
    font-size: 5vmin;
    margin-bottom: 10px;
    padding: 5px 15px;
}
#apartment #main .priceUl li .priceDl dt br{
    display: none;
}


#apartment #main .priceUl li .priceDl dd{
    padding: 0;
    font-size:3.5vmin;
    margin-bottom: 10px;
}
#apartment #main .priceUl li .priceDl dd .txtTtl {
    font-size:4.5vmin;
}

#apartment #main .priceUl li .priceDl dd .num {
	font-size: 1.7em;
}

/*-------------------#amadoi-----------------*/
#amadoi #main .inner .imgL30{
	float:none;
	display:block;
	margin:0 auto 20px auto;

}
#amadoi .catchLrg {
	font-size:5vmin;
}
#amadoi .catchLrg br{
	display:none;
}
#amadoi .catchLrg strong{
	font-size:1.4em;
	letter-spacing: 0;
}
#amadoi .catchLrg img{
	width:35%;
	margin:-25px 0 20px 10px;
}

#amadoi .attentionB {
    margin-top:20px;
}
#amadoi .attentionB .catchImg{
	margin:0 10px;
}
#amadoi .attentionB ul {
    padding:10px ;
}
#amadoi .attentionB ul li{
    padding: 10px;
    width: auto;
    float: none;
    margin: 0;
}
#amadoi .attentionB ul li br{
	display:none;
}
#amadoi .attentionB ul li img{
	float:none;
	display:block;
	margin:0 auto 10px auto;
}
#amadoi .attentionB ul li h4 {
    font-size: 5vmin;
}

#amadoi #main ul.amadoiFUl li p.attentionP{
    position:static;
    margin:30px auto 10px auto;

}
#amadoi ul.amadoiFUl li .bgBo{
    width:auto;
    padding:10px;
}
#amadoi ul.amadoiFUl li .bgBo:before{
	content: "";
	position: absolute;
	top: 103%;
	top: calc(100% + 15px);
	left: 50%;
 	margin-left: -30px;
	border: 30px solid transparent;
	border-top: 15px solid #0b3e9b;


    background:none;
  height:0;
  width:0;
}

#amadoi ul.amadoiFUl .bgBo:after {
  position:absolute;
  content:"";
  width:30px;
  height:15px;
  border:none;
	left: 50%;
 	margin-left: -15px;
  top:100%;
  background:#0b3e9b;
}
#amadoi ul.amadoiFUl li .bgBo h3{

    font-size: 30px;
    padding: 5px;
    margin: 0 ;

    background:#fff;
    padding:10px;
    border:none;
}
#amadoi ul.amadoiFUl li .bgBo h3 span{
    text-align:center;
    background:#d73d33;
    color: #fff;
    display:block;
    margin-bottom:10px;
}
#amadoi ul.amadoiFUl li .bgBo h3 img{
    margin:0 auto;
    display:block;
}
#amadoi ul.amadoiFUl li .bgBo h3 img:last-child{
	float:none;
	margin-top:10px;
}
#amadoi .insuranceH {
    font-size:6.2vmin;
    margin:20px 0;
}


/*------------- tmp -------------*/
#main p.wp-caption {
    font-size: 0.7em;
}


/*---------- calendar -----------*/



.business-calendar-box>div {
    width: 100% !important;
    float: none;
    box-sizing: border-box;
}


#main .business-calendar-box table th,
#main .business-calendar-box table td {
    display: table-cell;
    box-sizing: border-box;
padding: 0;
width: auto;
}
#main .corpAbout {
    padding: 20px 0;
    border: none;
}

#main .corpAbout .inner {
    padding: 0;
    width: auto;
}
#main .corpAbout img{
    float: none;
    margin: 0 0 20px;
}

#main .corpAbout ul li a {
    padding: 5px 20px 5px 5px;
    line-height: 1.4;
    font-size: 5vmin;
}


/*------- 屋根カバー追加 20190610--------*/
#main ul.itemList3 li {
    box-sizing: border-box;
    float: none;
    width: 100%;
    margin-right: 0;
}
#main .bnrMainte p{
    font-size: 20px;
    padding: 0 10px 0;
}
#main .bnrMainte p:nth-of-type(1){
    padding: 0;
}
#main .bnrMainte img{
    float: none;
}

footer .ftrTosoBnr,
footer .ftrMakerBnr{
    text-align: center;
}

footer .ftrTosoBnr li,
footer .ftrMakerBnr li{
    margin:0 0 10px;
}
/* ========== 2020522追記分 ========== */
#main .worksList .cat {
    height: 6vmin;
}
#main .worksList .cat a {
    font-size: 3.8vmin;
}
#main .worksList .cat.tax {
    top: 10px;
}
.imgL30 {
    float: none;
    margin: 0 auto 20px;
}
#works #main #archiveList .worksArchiveBox h3 {
    margin-top: 42px;
}
#works #main #archiveList .cat.tax {
    top: 130px;
}
#works #main #archiveList .cat.area {
    top: 107px;
}

/*------------- faq -------------*/

#main .faqList dt{
    font-size: 18px;
    font-size: 6.0vmin;
}

#main .attBox p {
    font-size: 120%;
}

#main .attBox img{
    float: none;
    margin: 0 auto 10px;
    display: block;
}

#main .packMerit .catchTtl{
    font-size: 33px;
    font-size: 7vmin;
}

/*------------- download -------------*/
#download #main .mainThumb {
    height: 200px;
    margin-bottom: 5px;
}
#download #main .worksList .more {
	font-size:10px !important;
	font-size:2.4vmin !important;
    padding: 0 15px 0 3px;
    text-align: left;
    position: relative;
    bottom: 0;
    right: 0;
    margin: auto;
}
#main .downloadT {
    float: none;
    margin: 0 auto 10px;
}

/*------------- estimate -------------*/
#estimate #main form#formID {
    width: auto;
    float: none;
    padding: 10px;
    margin-bottom: 15px;
}
#estimate #main form#formID td input[type="text"] {
    width: 90%;
}
#estimate #main .resultS {
    width: auto;
    float: none;
}
#estimate #main .resultS form {
    padding: 10px;
}
#estimate #main form input#form_total {
    margin: 0 auto;
    display: block;
}
#estimate .resultS .btn a {
	font-size: 20px !important;
    font-size: 5.4vmin !important;
}


#main .smallWorkBox{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#main .smallWorkBox article{
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 47%;
    width: calc( 50% - 10px );
    margin: 0 0 20px 0;
}

#main .smallWorkBox h3{
    padding: 5px;
    margin-bottom: 15px;
}

#main .smallWorkS article:nth-child(2n+1){
    clear: both;
}
#main article.smallWorkL {
    width: 100%;
    float: none;
    margin: 0 0 20px;
}
#main .smallWorkBox .swThumb{
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
    height: 20vh;
    position: relative;
    overflow: hidden;
}
#main .smallWorkBox .swThumb 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;
}

#main .smallWorkBox .swPricetext{
    font-family: Oswald, Gadget, 'Anton', sans-serif , "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 24px;
    font-size: 7vmin;
    font-weight: 900;
    color: #c34444;
    line-height: 0.9;
    margin-bottom: 15px;
    text-align: right;
}

#main .smallWorkBox .smallWorkL .swThumb{
    float: none;
    margin:0 0 20px;
    width: 100%;
    height: 35vh;
}

#main .smallWorkBox .smallWorkL .swPricetext{
    font-size: 60px;
    font-size: 10vmin;
}

#main .smallWorkBox .swPricetext .txtL{
    font-size: 120%;
}
#main .smallWorkBox .swPricetext small{
    font-size: 70%;
    display: block;
}
#main .smallWorkBox .smallWorkL .swPricetext small{
    display: inline;
}


/*------------- subsidy_works -------------*/
#main .subsidyWorksCl{
    width: auto;
    display: block;
}
#main .subsidyWorksCl li{
    width: auto;
}
#main .subsidyWorksCl li.subsidyBtn a {
    padding-left: 20px;
}

#top #main .menuPriceArea{
	padding: 20px 0;
}
#packmenu #main .menuPriceArea{
	padding: 20px 0 0;
}
#top #main .menuPriceArea h2,
#packmenu #main .menuPriceArea h2{
	margin-bottom: 20px;
}
#top #main .menuPriceArea h3,
#packmenu #main .menuPriceArea h3{
	display: inline-block;
    background: #DB1918;
    color: #FFF;
    padding: 5px 40px 5px 20px;
	font-size:20px;
    font-size: 5.6vmin;
	position: relative;
}
#top #main .menuPriceArea h3::after,
#packmenu #main .menuPriceArea h3::after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 20px solid #FFF;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
#top #main .menuPriceArea li::after,
#top #main .menuPriceArea li::before,
#packmenu #main .menuPriceArea li::after,
#packmenu #main .menuPriceArea li::before{
	content: none;
}
#top #main .menuSmall .menuPriceArea ul,
#packmenu #main .menuSmall .menuPriceArea ul {
    display: block;
    flex-wrap: wrap;
}
#top #main .menuPriceArea ul,
#packmenu #main .menuPriceArea ul{
	border-bottom: dotted 1px #000;
	margin-bottom: 20px;
}
#top #main .menuSmall .menuPriceArea li,
#packmenu #main .menuSmall .menuPriceArea li {
    width: 100%;
    box-sizing: border-box;
}
#top #main .menuPriceArea li,
#packmenu #main .menuPriceArea li{
	display: flex;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 auto;
	border: dotted 1px #000;
	border-bottom: none;
	gap: 15px;
	align-items: center;
	margin: 0;
}
#top #main .menuSmall .menuPriceArea li:nth-child(2n),
#packmenu #main .menuSmall .menuPriceArea li:nth-child(2n){
    border-left: dotted 1px #000;
}
#top #main .menuPriceArea li .photoBox,
#packmenu #main .menuPriceArea li .photoBox{
	width: 40% !important;
}
#top #main .menuPriceArea li .outline,
#packmenu #main .menuPriceArea li .outline{
	width: 60%;
}
#top #main .menuPriceArea li .photoBox img,
#packmenu #main .menuPriceArea li .photoBox img{
	width: 100%;
	height: 140px !important;
	object-fit: cover;
}
#top #main .menuSmall .menuPriceArea li .item,
#packmenu #main .menuSmall .menuPriceArea li .item {
    font-size: 5.6vmin;
}
#top #main .menuPriceArea li .outline p,
#packmenu #main .menuPriceArea li .outline p{
	width: 100%;
    margin-bottom: 5px;
	line-height: 1.2;
}
#top #main .menuPriceArea li .maker,
#packmenu #main .menuPriceArea li .maker{
    font-weight: 700;
    font-size: 20px;
}
#top #main .menuPriceArea li .maker img,
#packmenu #main .menuPriceArea li .maker img{
	height: 40px;
	object-fit: contain;
	object-position: left;
}
#top #main .menuPriceArea li .item,
#packmenu #main .menuPriceArea li .item{
    font-weight: 700;
	font-size:20px;
    font-size: 5.6vmin;
}
#top #main .menuSmall .menuPriceArea li p.price,
#packmenu #main .menuSmall .menuPriceArea li p.price {
    font-size: 10vmin;
}
#top #main .menuPriceArea li p.price,
#packmenu #main .menuPriceArea li p.price{
    font-family: 'Poppins','Noto Sans JP', sans-serif;
	font-weight: 600;
	color: #e73f3f;
    font-size: 36px;
    font-size: 10vmin;
    margin-bottom: 0;
}
#top #main .menuPriceArea li .price .unit,
#packmenu #main .menuPriceArea li .price .unit{
    font-size: 17px;
}