/*!
 * css
 */

html {
    height: 100%;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #fff;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #333;
    font-weight: 400;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    -webkit-text-size-adjust: none;
    min-width: 1000px;
}

a.link {
    color: #f07997 !important;
    text-decoration: underline !important;
}

a.link02 {
    text-decoration: underline !important;
}

a.link03 {
    color: #f40000 !important;
    text-decoration: underline !important;
}

a.link04 {}

a.link04:before {
    content: ">";
    font-size: 1.1rem;
    padding-right: 2px;
}

header #pagetop a:hover img,
#top a:hover img,
#sub a:hover img,
.contactList a:hover img,
.footer_inner a:hover img {
    opacity: 0.7;
}

.sp {
    display: none;
}

.campBnr {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

.campBnr li {
    display: inline-block;
    width: 48%;
    margin: 0 .75% 1em;
}

.campBnr li img {
    width: 100%;
}

/* header */
header {
    border-top: 3px solid #f07997;
    /* padding-top:15px; */
    position: relative;
    z-index: 1;
}

header #h1txt {
    font-size: 12px;
    margin: 0;
    padding: 4px 0;
    background: #f3f3f3;
    text-align: center;
}

header #pagetop {
    max-width: 1000px;
    margin: auto;
}

#c_pagetop .logo,
#pagetop #logo {
    float: left;
    margin: 15px 0 0;
}

#c_pagetop .pull-right ul,
#pagetop .pull-right ul {
    float: right;
    margin-left: 15px;
}

#c_pagetop .pull-right ul li,
#pagetop .pull-right ul li {
    display: inline;
    margin-left: 10px;
}

#c_pagetop .pull-right div,
#pagetop .pull-right div {
    float: right;
}

#c_pagetop .pull-right ul.submenu,
#pagetop .pull-right ul.submenu,
#change #c_pagetop .pull-right ul.submenu {
    float: none;
    text-align: right;
}

#c_pagetop .pull-right ul.submenu li,
#pagetop .pull-right ul.submenu li {
    display: inline-block;
    width: auto;
}

#c_pagetop .pull-right ul.submenu li a,
#pagetop .pull-right ul.submenu li a {
    color: #333;
    padding: 8px 0 8px 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
}

#c_pagetop .pull-right ul.submenu li.subnav01 a,
#pagetop .pull-right ul.submenu li.subnav01 a {
    background-image: url(../images/common/subnav01.png);
}

#c_pagetop .pull-right ul.submenu li.subnav02 a,
#pagetop .pull-right ul.submenu li.subnav02 a {
    background-image: url(../images/common/subnav02.png);
}

header nav {
    width: 1000px;
    height: 85px;
    margin: 2em auto 0;
}

header nav > ul {
    width: 100%;
}

header nav > ul > li {
    float: left;
    height: 86px;
    text-align: center;
}

header nav > ul > li > a {
    display: block;
    position: relative;
    width: 100%;
    height: 85px;
    outline: none;
}

header nav > ul > li > a:focus {
    outline: none;
}

header nav > ul > li > a > span {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
}

header nav > ul > li.nav01 {
    width: 110px;
    height: 85px;
}

header nav > ul > li.nav01 a {
    background: url(../images/common/nav01_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav01 a:hover,
header nav > ul > li.nav01.on a {
    background: url(../images/common/nav01_on.jpg);
}

header nav > ul > li.nav01 a:hover span,
header nav > ul > li.nav01.on a span {
    color: #fff;
}

header nav > ul > li.nav02 {
    width: 152px;
    height: 85px;
}

header nav > ul > li.nav02 > a {
    background: url(../images/common/nav02_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav02 > a:hover,
header nav > ul > li.nav02.on > a {
    background: url(../images/common/nav02_on.jpg);
}

header nav > ul > li.nav02 > a:hover span,
header nav > ul > li.nav02.on > a span {
    color: #fff;
}

header nav > ul > li.nav03 {
    width: 160px;
    height: 85px;
}

header nav > ul > li.nav03 > a {
    background: url(../images/common/nav03_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav03 > a:hover,
header nav > ul > li.nav03.on > a {
    background: url(../images/common/nav03_on.jpg);
}

header nav > ul > li.nav03 > a:hover span,
header nav > ul > li.nav03.on > a span {
    color: #fff;
}

header nav > ul > li.nav04 {
    width: 143px;
    height: 85px;
}

header nav > ul > li.nav04 > a {
    background: url(../images/common/nav04_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav04 > a:hover,
header nav > ul > li.nav04.on > a {
    background: url(../images/common/nav04_on.jpg);
}

header nav > ul > li.nav04 > a:hover span,
header nav > ul > li.nav04.on > a span {
    color: #fff;
}

header nav > ul > li.nav05 {
    width: 130px;
    height: 85px;
}

header nav > ul > li.nav05 a {
    background: url(../images/common/nav05_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav05 a:hover,
header nav > ul > li.nav05.on a {
    background: url(../images/common/nav05_on.jpg);
}

header nav > ul > li.nav05 a:hover span,
header nav > ul > li.nav05.on a span {
    color: #fff;
}

header nav > ul > li.nav06 {
    width: 162px;
    height: 85px;
}

header nav > ul > li.nav06 a {
    background: url(../images/common/nav06_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav06 a:hover,
header nav > ul > li.nav06.on a {
    background: url(../images/common/nav06_on.jpg);
}

header nav > ul > li.nav06 a:hover span,
header nav > ul > li.nav06.on a span {
    color: #fff;
}

header nav > ul > li.nav07 {
    width: 143px;
    height: 85px;
}

header nav > ul > li.nav07 a {
    background: url(../images/common/nav07_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav07 a:hover,
header nav > ul > li.nav07.on a {
    background: url(../images/common/nav07_on.jpg);
}

header nav > ul > li.nav07 a:hover span,
header nav > ul > li.nav07.on a span {
    color: #fff;
}

header nav > ul > li.nav08 {
    width: 143px;
    height: 85px;
}

header nav > ul > li.nav08 a {
    background: url(../images/common/nav08_off.jpg) no-repeat left bottom;
    background-size: contain;
}

header nav > ul > li.nav08 a:hover,
header nav > ul > li.nav08.on a {
    background: url(../images/common/nav08_on.jpg);
}

header nav > ul > li.nav08 a:hover span,
header nav > ul > li.nav08.on a span {
    color: #fff;
}

/* header-layout */
.header-layout {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 14px 0 5px 0;
}

#head_inner {
    display: flex;
    width: 507px;
    height: 95px;
}

.head_beginer {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 1rem;
    box-sizing: border-box;
    margin-left: 0.7rem;
    display: block;
}

.head_btn {
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
    row-gap: 8px;
    justify-content: space-between;
    align-items: center;
}

.head_btn .col {
    width: 50%;
}

@media (max-width: 767px) {
    #head_inner.sn {
        display: none;
    }
}

/* スティッキー */
#change {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    z-index: 9999;
    background-color: #fff;
    border-bottom: 2px solid #eee;
}

#change #c_pagetop {
    max-width: 1000px;
    margin: auto;
    padding-top: 10px;
}

#change #c_pagetop h1 img {
    width: 70%;
    padding-top: 5px;
}

#change #c_pagetop .pull-right {
    margin-top: 0;
    width: 60%;
}

#change #c_pagetop .pull-right ul {
    float: right;
    margin-left: 0;
}

#c_pagetop .pull-right ul li {
    display: inline-block;
    width: 137px;
}

/*#c_pagetop .pull-right ul li img {width:100%;}*/
#change nav {
    width: 1000px;
    margin: 1em auto .5em;
}

#change nav > ul {
    width: 100%;
}

#change nav > ul > li {
    float: left;
    width: 14.27%;
    padding: 0 2px;
    text-align: center;
    border-left: 1px solid #ddd;
    letter-spacing: -0.1;
    font-weight: 600;
    font-size: 1.3rem;
}

#change nav > ul > li:last-child {
    border-right: 1px solid #ddd;
}

#change nav > ul > li a,
nav#nav > ul > li > ul > li > a,
nav#nav > ul > li > ul > li > ul > li > a {
    display: block;
    padding: .5em 0;
    border-radius: 4px;
    color: #313131;
}

#change nav > ul > li a:hover,
nav#nav > ul > li > ul > li > a:hover,
nav#nav > ul > li > ul > li > ul > li > a:hover,
#change nav > ul > li > a.on {
    text-decoration: none;
    background-color: #ee587e;
    color: #fff;
}

/*-------flexslider--------*/
.keyVisual {
    position: absolute;
    width: 100%;
    margin: -40px auto 0;
    overflow: hidden;
    text-align: center;
    background-color: #f3f3f3;
    padding: 60px 0 0;
    z-index: 0;
}

.keyVisual .image {
    width: 1000px;
    margin: 0 auto;
}


/* footer */
footer {
    background-color: #f3f3f3;
    padding: 0;
}

footer .footer_inner {
    max-width: 1000px;
    margin: auto;
    padding: 20px 0;
}

.footer_inner .flogo {
    float: left;
    margin-top: 20px;
}

.footer_inner .line {
    float: right;
    position: relative;
}

.footer_inner .line .lineBtn {
    position: absolute;
    top: 30px;
    right: 15px;
}

.fnav a {
    color: #333;
}

.fnav > li {
    background: url(../images/common/foot_arw.jpg) no-repeat left 3px;
    padding-left: 15px;
    margin-bottom: 1.5em;
}

.fnav > li.arwnon {
    background: none;
    padding: 0;
}

.fnav > li.arwnon > ul {
    margin-top: 30px;
}

.fnav > li > ul > li {
    background: url(../images/common/arw.png) no-repeat left 5px;
    padding-left: 10px;
    margin-top: 8px;
    font-size: .95em;
}

.fnav > li > ul > li > ul > li {
    background: url(../images/common/arw.png) no-repeat left 5px;
    padding-left: 10px;
    margin-top: 8px;
    margin-left: 10px;
    font-size: .95em;
}

footer .copy {
    background-color: #fff;
    padding: 20px 0 10px;
    text-align: center;
}

.copy small,
.copy small a {
    color: #333;
}

/*----- QUO -----*/
.quo {
    max-width: 850px;
    width: 100%;
    margin: 3em auto 1em;
    padding: 25px 25px 20px;
    border: 4px solid #014da1;
    background: url(../images/common/quo.jpg) no-repeat 95% 15px;
}

.quo .ttl_quo {
    font-size: 3rem;
    font-weight: 600;
}

.quo .left {
    width: 60%;
    float: left;
}

.quo figure.right {
    width: 30%;
    float: right;
}

.quo figure img {
    width: 100%;
}

.quo p {
    font-size: 1.1em;
    margin-bottom: 0;
}

.quo p.mb1 {
    margin-bottom: .5em;
}

.quo p span.pink_bdr {
    font-size: 1.8em;
    font-weight: 600;
    margin: 0 5px;
}

/*----- AMA -----*/
.ama {
    max-width: 850px;
    width: 100%;
    margin: 3em auto 1em;
    padding: 25px 25px 20px;
    border: 4px solid #014da1;
}

@media (min-width: 767px) {
.ama {
    background: url(../images/common/ama.jpg) no-repeat 95% 15px;
  	}
}

.ama .ttl_ama {
    font-size: 3rem;
    font-weight: 600;
}

.ama .left {
    width: 100%;
    float: left;
}

.ama figure.right {
    width: 30%;
    float: right;
}

.ama figure img {
    width: 100%;
}

.ama p {
    font-size: 1.1em;
    margin-bottom: 0;
}

.ama p.mb1 {
    margin-bottom: .5em;
}

.ama p span.pink_bdr {
    font-size: 1.8em;
    font-weight: 600;
    margin: 0 5px;
}

/*----- button -----*/
a.button {
    position: relative;
    display: inline-block;
    padding: .75em 0 .5em;
    width: 340px;
    color: #fff !important;
    background-color: #ffa200;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    font-size: 2rem;
    font-weight: 600;
    border-radius: 6px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.button::before {
    position: absolute;
    top: 50%;
    left: 1.5em;
    content: '';
    margin-top: -5px;
    border: 8px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #fff;
    transition: all .2s;
}

.button:hover::before {
    left: 2.5em;
    border-left-color: #f37200;
}

.button:hover,
.button.on {
    background: #f37200;
    text-decoration: none;
}

a.button.button_long {
    width: auto;
    padding: .65em 3em .5em 3.5em;
}

a.button.button_long02 {
    width: 500px;
    padding: .65em 3em .5em 3.5em;
}

a.button.button_long02::before {
    top: 58%;
    transform: rotate(90deg);
}

a.button02 {
    position: relative;
    display: inline-block;
    padding: .5em 0 .5em;
    width: 100%;
    max-width: 600px;
    margin: auto;
    color: #fff !important;
    background-color: #ffa200;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 20px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.button02::before {
    position: absolute;
    top: 50%;
    left: 1.5em;
    content: '';
    margin-top: -5px;
    border: 8px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #fff;
    transition: all .2s;
}

.button02:hover::before {
    left: 2em;
    border-left-color: #f37200;
}

.button02:hover,
.button.on {
    background: #f37200;
    text-decoration: none;
}

a.button04 {
    position: relative;
    display: inline-block;
    padding: .5em 3em .5em;
    width: 100%;
    max-width: 600px;
    margin: auto;
    color: #fff !important;
    background-color: #ffa200;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 999px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.button04::before {
    position: absolute;
    top: 50%;
    left: 1.5em;
    content: '';
    margin-top: -5px;
    border: 8px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #fff;
    transition: all .2s;
}

.button04:hover::before {
    left: 2em;
    border-left-color: #f37200;
}

.button04:hover,
.button.on {
    background: #f37200;
    text-decoration: none;
}


/* common */
.inner {
    max-width: 1000px;
    margin: auto;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.text-center {
    text-align: center;
}


h2 {
    margin-bottom: 1em;
}

.midashi {
    background-color: #fff;
    border-bottom: 3px solid #f07997;
    padding: 10px 0 5px;
    margin-bottom: 2.5em;
    box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.1);
}

#plan03 .midashi,
.emergency #submain .midashi,
.housekeeper .midashi {
    border-color: #4ac5ec;
}

.midashi h2,
.midashi .midashiTxt {
    max-width: 1000px;
    margin: 0 auto;
    font-weight: 600;
    color: #333;
    padding: 10px 5px 5px 45px;
    position: relative;
	font-size: 24px;
	line-height: 1.1;
	font-family: inherit;
	display: block;
}

@media (max-width: 767px) {
    .midashi h2,
	.midashi .midashiTxt {
        font-size: 20px;
	}
}

.midashi.iconnon h2 {
    padding-left: 5px;
}

.midashi02 {
    background: #fff url(../images/common/bdr.jpg) repeat-x center bottom;
    padding: 30px 0;
    margin-bottom: 2.5em;
    box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.15);
}

.midashi02 h2 {
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 3rem;
    max-width: 1000px;
    margin: auto;
}

.midashi03 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
}

.midashi03 .small {
    font-size: 1.4rem;
    margin-left: 20px;
}

.midashi03 .small-7 {
    font-size: 1.4rem;
    font-weight: normal;
}

/* table */
table.def {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 1.4rem;
}

table.def th,
table.def td {
    padding: 20px 25px;
}

table.def th {
    background-color: #f8f8f8;
    border-bottom: 1px solid #bbb;
    color: #333;
    vertical-align: top;
}

table.def td {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

table.def02 {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 1.4rem;
}

table.def02 th,
table.def02 td {
    padding: 20px 25px;
}

table.def02 th {
    background-color: #fff;
    border-bottom: 3px solid #ec7696;
    border-right: 1px solid #ddd;
    color: #333;
    vertical-align: top;
}

table.def02 td {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.def02 tr:nth-child(even) th,
table.def02 tr:nth-child(even) td {
    background-color: #ffebf0;
}

table.def02 td span {
    font-size: 3.4rem;
    color: #f00;
    line-height: 1;
}

.tbl-base {
    width: 980px;
    box-shadow: 1px 1px 2px 2px #eee;
    margin: 30px auto;
    border-radius: 6px;
    font-size: 14px;
    line-height: 140%;
    border-collapse: collapse;
}

.tbl-base th,
.tbl-base td {
    background-color: #fff;
    border: 1px solid #d7d7d7;

    text-align: left;
    vertical-align: top;
    line-height: 160%;
    padding: 20px 20px 20px 20px;
}

.tbl-base th {
    background-color: #fff5f8;
    text-align: left;
    border-right: none;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #f17897;
    width: 150px;
}

.tbl-base td {
    border-left: none;
}

.tabTable {
    border: 1px solid #ddd;
    background-color: #fff;
    width: 600px;
    float: left;
}

.tabTable table {
    width: 100%;
}

.tabTable table th {
    padding: 10px;
    text-align: center;
    background-color: #68bb2b;
    border-bottom: 1px solid #ddd;
    color: #fff;
    font-size: 1.5rem;
}

.tabTable table th.w20 {
    width: 17%;
    border-right: 1px solid #ddd;
}

@media screen and (max-width:767px) {
  .tabTable table th.w20 {
      width: 14%;
  }
}

.tabTable table th.w20:first-child {
    border-right: 1px solid #ddd;
}

.tabTable table th.w30 {
    width: 24.5%;
    background-color: #49ad00;
}

#sub .tabTable table th.w30 a {
    color: #fff;
}

.tabTable table th.w30:last-child {
    border-left: 1px solid #ddd;
    background-color: #3f9500;
}

.tabTable ul.w40 {
    float: left;
    width: 51%;
    border-right: 1px solid #fff;
    background-color: #f7f9e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    zoom: 1;
}

.tabTable ul.w30 {
    float: left;
    width: 24.5%;
    background-color: #FFEBD7;
    background-color: #e2efbc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tabTable ul.w30.bdrL {
    border-left: 1px solid #fff;
    background-color: #ddefaa;
}

.tabTable ul.w40 li,
.tabTable ul.w30 li {
    height: 93.5px;
    padding: 15px 1%;
    border-bottom: 1px solid #fff;
}

.tabTable ul.w40 li {
    float: left;
    width: 33.3%;
    text-align: center;
}

.tabTable ul.w40 li:nth-child(2),
.tabTable ul.w40 li:nth-child(5),
.tabTable ul.w40 li:nth-child(8),
.tabTable ul.w40 li:nth-child(11),
.tabTable ul.w40 li:nth-child(14),
.tabTable ul.w40 li:nth-child(17) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.tabTable ul.w30 li {
    height: 93.5px;
    padding: 15px 10%;
    font-size: 16px;
    text-align: center;
}

.txt-right {
    float: right;
    width: 380px;
}

/*menu*/
.mm-listview > li.sp-banner img {
    width: 100%;
    height: auto;
    max-width: 300px;
    display: block;
    margin: 0 auto;
}

.mm-listview > li.sp-banner a {
    padding: 10px;
    box-sizing: border-box;
}

/* Bread_crumb_List */
.bread_crumbBox {
    width: 100%;
    margin-top: -40px;
    padding: 55px 0 15px;
    background-color: #f3f3f3;
}

.bread_crumbBox ul {
    max-width: 1000px;
    margin: auto;
    text-align: right;
}

.bread_crumbBox li {
    display: inline;
}

.bread_crumbBox li:after {
    content: '>';
    padding: 0 10px;
}

.bread_crumbBox li:last-child:after {
    content: '';
}

.bread_crumbBox li a {
    font-weight: bold;
    text-decoration: underline;
    color: #333;
}

/* font */
.ltit {
    font-size: 1.8em;
    font-weight: 600;
}

.stit {
    font-size: 1.2em;
    font-weight: 600;
}

.top_txt {
    font-size: 1.3em;
}

.l_txt {
    font-size: 1.6em;
}

.m_txt {
    font-size: 1.1em;
    line-height: 1.7;
}

.m_txt02 {
    font-size: 1.4em;
    line-height: 1.7;
}

.small {
    font-size: 1em;
}

.blue {
    color: #1b3893;
}

.blue02 {
    color: #4ac5ec;
}

.pink {
    color: #f17897;
}

.pink_bdr {
    color: #e3268e;
    padding: 0 4px;
    background: linear-gradient(transparent 50%, #fed3d9 0%);
}


/* margin */
.mt1 {
    margin-top: 1em;
}

.mt2 {
    margin-top: 2em;
}

.mt3 {
    margin-top: 3em;
}

.mt4 {
    margin-top: 4em;
}

.mt5 {
    margin-top: 5em;
}

.mt6 {
    margin-top: 6em;
}

.mb1 {
    margin-bottom: 1em;
}

.mb2 {
    margin-bottom: 2em;
}

.mb3 {
    margin-bottom: 3em;
}

.mb4 {
    margin-bottom: 4em;
}

.mb5 {
    margin-bottom: 5em;
}

.mb6 {
    margin-bottom: 6em;
}

.mb0 {
    margin-bottom: 0 !important;
}

.ml1 {
    margin-left: 1em;
}

/* padding */
.pb0 {
    padding-bottom: 0 !important;
}

.posprice {
    background: url(../images/common/price.jpg) no-repeat;
    background-size: cover;
    width: 229px;
    height: 55px;
    padding: 7px 10px 0 80px;
    position: absolute;
    right: -2px;
    bottom: 5px;
    text-align: right;
    color: #fff;
    font-weight: 600;
    font-size: 1.8rem;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    line-height: 1;
}
.setposprice {
    background: url(../images/common/price_set.jpg) no-repeat;
    background-size: cover;
    width: 229px;
    height: 82px;
    padding: 34px 10px 0 80px;
    position: absolute;
    right: -2px;
    bottom: 5px;
    text-align: right;
    color: #fff;
    font-weight: 600;
    font-size: 1.7rem;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    line-height: 1;
}

.posprice span,.setposprice span {
    font-size: 2.2rem;
}

.posprice span:before,.setposprice span:before {
    content: "￥";
    font-size: 1.8rem;
}

#plan03 .posprice,
.posprice.smprice {
    width: 181px;
    height: 49px;
    padding-top: 7px;
    font-size: 1.5rem;
    background: url(../images/common/price02.jpg) no-repeat;
}

#plan03 .posprice span,
.posprice.smprice span {
    font-size: 2rem;
}

small.tax-inc {
    font-size: 70% !important;
}

.tbl ul li.big .price .red small.tax-inc {
    font-size: 50% !important;
    /*float: right;*/
}

/*----------- index style -----------*/
#top {
    /*background-color:#f3f3f3; 20161003FB 背景色白変更指示 */
    background-color: #fff;
    padding: 400px 0 40px;
}

#top a {
    color: #333;
    text-decoration: none;
}

#top .inner {
    padding-bottom: 2.5em;
}

#plan01 h2 {
    background: url(../images/common/plan_ico01.jpg) no-repeat left 50%;
}

#plan01 h2 {
    background: url(../images/common/plan_ico01.jpg) no-repeat left 50%;
}

#top #plan01 h2:after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

#plan02 h2 {
    background: url(../images/common/plan_ico02.jpg) no-repeat left 50%;
}

#top #plan02 h2:after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

@media (max-width: 767px) {
    #top #plan02 h2:after {
        background: none;
    }
}

#plan03 h2 {
    background: url(../images/common/plan_ico03.jpg) no-repeat left 50%;
}

#top #plan03 h2:after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

#rank h2 {
    background: url(../images/common/rank_ico.jpg) no-repeat left 50%;
}

#rank h2 {
    background: url(../images/common/rank_ico.jpg) no-repeat left 50%;
}

#top #rank h2:after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

@media (max-width: 767px) {
    #top #rank h2:after {
        background: none;
    }
}

#colum h2 {
    background: url(../images/common/column_ico.jpg) no-repeat left 50%;
}

#colum h2 {
    background: url(../images/common/column_ico.jpg) no-repeat left 50%;
}

#top #colum h2:after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

@media (max-width: 767px) {
    #top #colum h2:after {
        background: none;
    }
}

#enquete h2 {
    background: url(../images/common/enquete_icon.jpg) no-repeat left 50%;
}

#enquete h2 {
    background: url(../images/common/enquete_icon.jpg) no-repeat left 50%;
}

#top #enquete h2:after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

#plan01 .ps-area img {
    max-width: 98%;
    height: auto;
}

#sub .ps-area {
    margin-bottom: 30px;
}

#top .textarea {
    padding: 20px 12px 75px;
    background: url(../images/common/top_arw.jpg) no-repeat left top;
}

#top #plan03 .textarea {
    background: url(../images/common/top_arw02.jpg) no-repeat left top;
}

#plan01 h3,
#rank h3 {
    color: #df256c;
    font-size: 17px;
    line-height: 1.3;
}

#plan02 .col2 h3 {
    color: #df256c;
    font-size: 16px;
    line-height: 1.3;
}

#plan02 .col4 h3 {
    color: #df256c;
    font-size: 17px;
    line-height: 1.3;
}

#plan01 .hk-link h3,
#plan03 h3 {
    color: #1394bd;
    font-size: 20px;
    line-height: 1.3;
}

#plan01 h3.min {
    font-size: 14px;
}

#plan01 .col4 {
    display: flex;
	flex-wrap: wrap;
}
#plan01 .col4 li {
    float: none;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#plan01 .col4 li:nth-child(4n+4) {
    margin-right: 0;
}

#plan01 .col4 li figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

#plan01 .col4 li figure img {
    width: 100%;
}
#plan02 .col4 {
    display: flex;
	flex-wrap: wrap;
}
#plan02 .col2 li {
    float: left;
    width: 49%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#plan02 .col2 li:first-child {
    margin-right: 2%;
}

/*#plan03 .col2 li:nth-child(odd) {
		margin-right:2%;
	}*/
#plan02 .col2 li figure {
    float: left;
    width: 44%;
    height: 175px;
    overflow: hidden;
}

#plan02 .col2 li figure img {
    height: 100%;
    width: auto;
}

#plan02 .col2 li .textarea {
    width: 55%;
    float: right;
}

#plan02 .col4 li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#plan02 .col4 li:nth-child(4n+4) {
    margin-right: 0;
}

#plan02 .col4 li figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

#plan02 .col4 li figure img {
    width: 100%;
}


#plan03 .col2 li {
    float: left;
    width: 49%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#plan03 .col2 li:first-child {
    height: 370px;
    margin-right: 2%;
}

/*#plan03 .col2 li:nth-child(odd) {
		margin-right:2%;
	}*/
#plan03 .col2 li figure {
    float: left;
    width: 44%;
    height: 175px;
    overflow: hidden;
}

#plan03 .col2 li figure img {
    height: 100%;
    width: auto;
}

#plan03 .col2 li .textarea {
    width: 55%;
    float: right;
}

#plan03 .col2 li:first-child figure {
    float: none;
    width: 100%;
    height: 190px;
}

#plan03 .col2 li:first-child figure img {
    width: 100%;
    height: auto;
}

#plan03 .col2 li:first-child .textarea {
    width: 100%;
    float: none;
}

#plan03 .col2 li:first-child .textarea .text-center {
    text-align: left;
}

#rank .col3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#rank .col3 li {
    box-sizing: border-box;
    width: calc((100% - 40px) / 3);
    margin: 0 10px 20px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#rank .col3 li:nth-child(1) {
    margin: 0 10px 20px 0;
}

#rank .col3 li:nth-child(3) {
    margin: 0 0 20px 10px;
}

#rank .col3 li figure {
    width: 100%;
    height: 130px;
    overflow: hidden;
}

#rank .col3 li figure img {
    width: 100%;
}

#rank .col3 li .textarea {
    position: relative;
    padding-top: 40px;
}

#rank .col3 li:nth-child(1) .textarea:before {
    content: url(../images/top/rank01.png);
    width: 64px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

#rank .col3 li:nth-child(2) .textarea:before {
    content: url(../images/top/rank02.png);
    width: 64px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

#rank .col3 li:nth-child(3) .textarea:before {
    content: url(../images/top/rank03.png);
    width: 64px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

#rank .col3 li:nth-child(4) .textarea:before {
    content: url(../images/top/rank04.png);
    width: 64px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

#rank .col3 li:nth-child(5) .textarea:before {
    content: url(../images/top/rank05.png);
    width: 64px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}



#colum .col2 li {
    float: left;
    width: 49%;
    margin-bottom: 4%;
}

#colum .col2 li:nth-child(odd) {
    margin-right: 2%;
}

#colum .col2 li figure {
    float: left;
    width: 35%;
    height: 120px;
    overflow: hidden;
}

#colum .col2 li figure img {
    width: 100%;
    height: auto;
}

#plan03 .col2 li figure img {
    height: 100%;
    width: auto;
}

#colum .col2 li .textarea02 {
    width: 63%;
    padding: 10px;
    float: right;
}

#colum .col2 li .textarea02 h3 {
    color: #333;
}

#colum .col2 li .textarea02 .more {
    text-align: right;
    margin-bottom: 0;
}

/*----------- pageFooter style -----------*/
.pageFooter .col4 {
    padding: 2em 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.pageFooter .col4 li {
    float: left;
    width: 230px;
    margin: 10px;
}

.pageFooter .col4 li div {
    padding: 20px;
    background: url(../images/common/bottom_arw.jpg) no-repeat 95% 95%;

    border: 2px solid #fff;
    box-sizing: border-box;
}

.pageFooter .col4 li div p {
    height: 80px;
}

.pageFooter .col4 li a div {
    color: #333;
}

.pageFooter .col4 li a:hover div {
    border-color: #f07997;
    border-radius: 6px;
}

.pageFooter .col4 li i {
    display: block;
    width: 160px;
    margin: 0 auto 1em;
}

.pageFooter .contactList {
    width: 100%;
    margin: 3em 0;
    display: table;
    table-layout: fixed;
}

.pageFooter .contactList li {
    display: table-cell;
    vertical-align: middle;
}

.pageFooter .contactList li:first-child {
    width: 300px;
    text-align: left;
}

.pageFooter .contactList li:nth-child(2) {
    width: 320px;
}

.pageFooter .contactList li:nth-child(2) img {
    width: 90%;
}

/*.pageFooter .contactList li:nth-child(3) {text-align:right;}*/
/*.pageFooter .contactList li {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:20%;
	}
	.pageFooter .contactList li:first-child {
		width:56%;
		text-align:left;
		}*/

.pageFooter .serviceLink {
    margin-bottom: 3em;
}

.pageFooter .serviceLink ul {
    width: 100%;
    border-top: 1px solid #f07997;
    text-align: center;
}

.pageFooter .serviceLink ul li {
    width: 32.5%;
    height: 150px;
    float: left;
    margin-top: 20px;
    margin-right: 1%;
    text-align: left;
    overflow: hidden;
    vertical-align: top;
}

.pageFooter .serviceLink ul li:nth-child(3n+3) {
    margin-right: 0;
}

.pageFooter .serviceLink ul li figure {
    float: left;
    width: 135px;
    height: 120px;
    overflow: hidden;
    position: relative;
}

.pageFooter .serviceLink ul li figure img {
    position: absolute;
    height: 100%;
    width: 110%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pageFooter .serviceLink ul li .service-txt {
    margin-left: 145px;
    font-size: 1.1rem;
}

.pageFooter .serviceLink ul li .service-txt h4 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 5px;
}

.pageFooter .serviceLink ul li .service-txt h4 span {
    font-size: 1.3rem;
    display: block;
}

/*----------- sub style -----------*/
#sub {
    /*background-color:#f3f3f3; 20161003FB 背景色白変更指示 */
    background-color: #fff;
    padding: 0;
}

#sub a {
    color: #333;
}

#sub a:hover,
#sub a:focus {
    text-decoration: none;
}

#sub .inner {
    padding-bottom: 4em;
}

#sub .midashi {
    margin-bottom: 3.5em;
}

#sub h3.l_tit {
    color: #f07997;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1em;
}

#sub h4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

#sub .inner {
    max-width: 1000px;
}

.secFrame {
    border: 1px solid #ddd;
    padding: 20px 20px 5px;
    box-sizing: border-box;
    background-color: #fff;
}

.secFrame02 {
    border: 1px solid #ddd;
    padding: 20px 30px 0;
    box-sizing: border-box;
    background-color: #F9F9F9;
}

.parent .w40 {
    width: 465px;
    margin-left: 420px;
}

.parent .w40-right {
    width: 465px;
    margin-right: 420px;
}

.parent .w40 h3,
.parent .w40-right h3 {
    padding-top: 15px;
    line-height: 1.4;
    color: #333;
}

.parent .w40 p,
.parent .w40-right p {
    width: 465px;
}

.time strong {
    background: url(../images/common/time.png) no-repeat left 50%;
    padding: 5px 0 0px 30px;
}

/* list style */
.list01 {
    margin: 0 20px;
}

.list01 li {
    list-style: decimal outside;
    margin-bottom: 1em;
}

.list02 li {
    margin-bottom: 1em;
    font-size: 0.95em;
}

.col2_list {
    width: 100%;
}

.col2_list li {
    float: left;
    width: 49%;
    padding: 15px 2px;
    border-bottom: 1px dashed #ddd;
}

.col2_list li:nth-child(odd) {
    margin-right: 2%;
}

.cleanmap .col2_list figure {
    width: 150px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

.col2_list figure img {
    width: 100%;
}

#sub .col2_list li h3 {
    padding-top: 20px;
    color: #333;
}

#sub .col2_list li h3 span {
    margin-left: 30px;
}

.col3_list li {
    float: left;
    width: 32%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 15px 20px;
    position: relative;
}

.col3_list li:nth-child(even) {
    margin: 0 2% 2%;
}

.col3_list li .postag {
    position: absolute;
    top: 20px;
    left: -3px;
}

.col3_list li h3 {
    margin-left: 100px;
    font-size: 3rem;
    color: #333;
}

.col3_list li h3 span {
    font-size: 1.8rem;
}

.col3_2 li {
    float: left;
    width: 32.5%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    padding: 20px 15px 15px;
}

.col3_2 li:nth-child(even) {
    margin: 0 1% 2%;
}

.col3_2 li figure {
    width: 110px;
    height: 90px;
    overflow: hidden;
    float: left;
}

.col3_2 li figure img {
    height: 90px;
}

.col3_2 li p {
    margin-left: 125px;
}

.linkList li {
    width: 49%;
    margin-bottom: 1.5%;
    font-size: 1.25em;
    float: left;
    background: url(../images/common/bottom_arw.jpg) no-repeat 99% 90%;
    border: 1px solid #ccc;
}

.linkList li:nth-child(odd) {
    margin-right: 2%;
}

.linkList li a {
    display: block;
    padding: 4%;
}


.dlList {
    margin-right: 20px;
}

.dlList dt {
    margin-bottom: .5em;
}

.dlList dd {
    margin-bottom: 2em;
}

.cleanmap figure {
    width: 50%;
}

.cleanmap figcaption {
    word-wrap: break-word;
    padding-top: 1em;
}

.cleanmap figure img {
    width: 100%;
}

.cleanmap .pull-right {
    width: 45%;
}

.dlList02 {
    width: 100%;
}

.dlList02 dt {
    font-size: 1.8rem;
    padding-top: .75em;
    margin-bottom: .5em;
    position: relative;
}

.dlList02 dt span {
    font-size: 1.6rem;
    color: #f50100;
    position: absolute;
    right: 0;
    bottom: 4px;
    line-height: 1;
}

.dlList02 dd {
    font-size: 1.4rem;
    padding-bottom: .75em;
    border-bottom: 1px dashed #ccc;
}


.dlList02_v1 dl {
    border-bottom: 1px dashed #ccc;
    margin: 15px 0;
    padding: 0 0 5px;
}

.dlList02_v1 dl:first-child {
    margin: 0 0 15px;
}

.dlList02_v1 dt {
    margin-bottom: .5em;
    /* min-height: 42px; */
    padding: 0;
}

.dlList02_v1 dt span {
    bottom: auto;
    top: 0;
}

.dlList02_v1 .pro-times {
    width: auto;
    font-size: 1.2rem;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: 0;
}

.dlList02_v1 .accBox {
    border-bottom: none;
    padding-top: 0;
    font-size: 13px;
}

@media (max-width: 767px) {
    .dlList02_v1 {
        margin: 20px 0 0;
    }

    .dlList02_v1 dt {
        font-size: 1.7rem !important;
        min-height: 55px;
    }
}


.checkList li {
    background: url(../images/common/check.png) no-repeat left center;
    padding-left: 35px;
    margin-top: 1em;
}

.gift .checkList {
    float: right;
    width: 70%;
}

.gift .checkList li {
    font-size: 1.1em;
}

.gift .checkList li .red {
    font-size: 1.15em;
}

#sub .textarea {
    padding: 20px 15px 60px;
    background: url(../images/common/top_arw.jpg) no-repeat left top;
}

#sub #plan03 .textarea,
#sub .hk-link .textarea {
    background: url(../images/common/top_arw02.jpg) no-repeat left top;
}

.parent {
    zoom: 1;
    /* float解除 for IE6/7  */
    margin-top: 3em;
}

.parent:after,
.parent:before {
    content: "";
    clear: both;
    display: block;
}

ul.btn_col2 {
    text-align: center;
    margin: 3em auto;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 3em;
}

ul.btn_col2 li {
    display: inline-block;
    width: 360px;
    margin: 0 20px;
}

#sub ul.btn_col2 li a.btnst {
    background-color: #f17897;
    transition: all 0.3s;
    border: #f17897 2px solid;
    color: #FFF;
    font-size: 2.4rem;
    width: 360px;
    padding: 12px 0;
    display: block;
    border-radius: 10px;
    position: relative;
}

#sub ul.btn_col2 li a.btnst i {
    margin-right: 10px;
    width: 20px;
}

#sub ul.btn_col2 li a.btnst i img {
    width: 30px;
}

#sub ul.btn_col2 li a.btnst:hover {
    background-color: #e44c73;
    transition: all 0.3s;
    border: #e44c73 2px solid;
}

ul.btn_col3 {
    text-align: center;
    margin: 0 auto 2em;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 2em;
}

ul.btn_col3 ul li.menu-item {
    display: inline-block;
    width: 290px;
    margin: 10px 20px;
}

#sub ul.btn_col3 ul li.menu-item a {
    background-color: #f17897;
    transition: all 0.3s;
    color: #FFF;
    font-size: 2rem;
    width: 290px;
    padding: 10px 0;
    display: block;
    border-radius: 10px;
}

#sub ul.btn_col3 ul li.menu-item a:hover {
    background-color: #e44c73;
    transition: all 0.3s;
}

/*----------- midashi style -----------*/
.houseCleaning #submain h2:before {
    content: "\e032";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2.2rem;
    position: absolute;
    top: 8px;
    left: 10px;
}

.area .midashi h2:before {
    content: "\e062";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2rem;
    position: absolute;
    top: 9px;
    left: 10px;
}

.office .page-ttl .midashi h2:before {
    content: "\e034";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2rem;
    position: absolute;
    top: 9px;
    left: 10px;
}

.faq .midashi h2:before {
    content: "\e085";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2.6rem;
    position: absolute;
    top: 6px;
    left: 10px;
}

.voice02 .midashi h2:before {
    content: "\e111";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2.2rem;
    position: absolute;
    top: 8px;
    left: 10px;
}

.price .midashi h2:before {
    content: "\00a5";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2.4rem;
    position: absolute;
    top: 5px;
    left: 10px;
}

.column .midashi h2:before,
.column .midashi .midashiTxt:before {
    content: "\270f";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2.4rem;
    position: absolute;
    top: 5px;
    left: 10px;
}

.enquete h2,
.enquete .midashiTxt {
    background: url(../images/common/enquete_icon.jpg) no-repeat left 50%;
}

.enquete .midashi.iconnon h2 {
    padding: 10px 5px 5px 45px;
}

.place #submain h2 {
    background: url(../images/common/plan_ico01.jpg) no-repeat left 50%;
}

.packaged #submain h2 {
    background: url(../images/common/plan_ico02.jpg) no-repeat left 50%;
}

.beginner .midashi h2 {
    background: url(../images/beginner/beginner_ico.jpg) no-repeat left 50%;
}

.initiatives .midashi h2 {
    background: url(../images/common/plan_ico02.jpg) no-repeat left 50%;
}

.overview h2 {
    background: url(../images/company/ov_ico.jpg) no-repeat left 50%;
}

.aircon #submain h2 {
    background: url(../images/house-cleaning/aircon_ico.jpg) no-repeat left 50%;
}

.set_bathroom #submain h2,
.bathroom #submain h2,
.bathroom #submain .midashiTxt {
    background: url(../images/house-cleaning/bathroom_ico.jpg) no-repeat left 50%;
}

.entrance #submain h2,
.entrance #submain .midashiTxt {
    background: url(../images/house-cleaning/entrance_ico.jpg) no-repeat left 50%;
}

.floorcoating #submain h2,
.floorcoating #submain .midashiTxt {
    background: url(../images/house-cleaning/floorcoating_ico.jpg) no-repeat left 50%;
}

.garage #submain h2,
.garage #submain .midashiTxt {
    background: url(../images/house-cleaning/garage_ico.jpg) no-repeat left 50%;
}

.flooring #submain h2,
.flooring #submain .midashiTxt {
    background: url(../images/house-cleaning/flooring_ico.jpg) no-repeat left 50%;
}

.set_kitchen #submain h2,
.kitchen #submain h2,
.kitchen #submain .midashiTxt {
    background: url(../images/house-cleaning/kitchen_ico.jpg) no-repeat left 50%;
}

.set_laundryclean #submain h2,
.laundryclean #submain h2,
.laundryclean #submain .midashiTxt {
    background: url(../images/house-cleaning/laundryclean_ico.jpg) no-repeat left 50%;
}

.fangas #submain h2,
.range_hood #submain h2,
.range_hood #submain .midashiTxt {
    background: url(../images/house-cleaning/range_hood_ico.jpg) no-repeat left 50%;
}

.restroom #submain h2,
.restroom #submain .midashiTxt {
    background: url(../images/house-cleaning/restroom_ico.jpg) no-repeat left 50%;
}

.veranda #submain h2,
.veranda #submain .midashiTxt {
    background: url(../images/house-cleaning/veranda_ico.jpg) no-repeat left 50%;
}

.washroom #submain h2,
.washroom #submain .midashiTxt {
    background: url(../images/house-cleaning/washroom_ico.jpg) no-repeat left 50%;
}

.set_window #submain h2,
.window #submain h2,
.window #submain .midashiTxt {
    background: url(../images/house-cleaning/window_ico.jpg) no-repeat left 50%;
}

.regular #submain h2 {
    background: url(../images/house-cleaning/regular_ico.jpg) no-repeat left 50%;
}

.set_water #submain h2 {
    background: url(../images/house-cleaning/packaged/set_water_ico.jpg) no-repeat left 50%;
}

.birth #submain h2 {
    background: url(../images/house-cleaning/packaged/birth_ico.jpg) no-repeat left 50%;
}

.mold #submain h2 {
    background: url(../images/house-cleaning/packaged/mold_ico.jpg) no-repeat left 50%;
}

.moving #submain h2 {
    background: url(../images/house-cleaning/packaged/moving_ico.jpg) no-repeat left 50%;
}

.highplace #submain h2 {
    background: url(../images/house-cleaning/packaged/highplace_ico.jpg) no-repeat left 50%;
}

.gift #submain h2 {
    background: url(../images/house-cleaning/packaged/gift_ico.jpg) no-repeat left 50%;
}

.housekeeper #submain h2 {
    background: url(../images/common/plan_ico03.jpg) no-repeat left 50%;
}

.emergency #submain h2 {
    background: url(../images/housekeeper/emergency_ico.jpg) no-repeat left 50%;
}

.campaign #submain h2 {
    background: url(../images/campaign/camp-ico.jpg) no-repeat left 50%;
}

.cleanup-camp #submain h2 {
    background: url(../images/house-cleaning/cleanup-camp_ico.jpg) no-repeat left 50%;
}

.miwakekata #submain h2 {
    background: url(../images/house-cleaning/miwake-ico.jpg) no-repeat left 50%;
}

.tv_movie .midashi h2 {
    background: url(../images/tv_movie/tv_ico.jpg) no-repeat left 50%;
}

.company h2:before {
    content: "\e043";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2rem;
    position: absolute;
    top: 9px;
    left: 10px;
}

.privacy h2:before,
.specific h2:before {
    content: "\e044";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2rem;
    position: absolute;
    top: 9px;
    left: 10px;
}

.inquiry h2:before {
    content: "\2709";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2rem;
    position: absolute;
    top: 9px;
    left: 10px;
}

.sitemap .midashi h2:before {
    content: "\e011";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 2.2rem;
    position: absolute;
    top: 7px;
    left: 10px;
}

.ttl-lv00 {
    background-color: #5BC3EA;
    max-width: 1000px;
    margin: 0 auto 2em;
}

#sub .ttl-lv00 h3,
#sub .ttl-lv00 .ttl-lv00Txt {
    font-size: 26px;
    padding: 15px 25px 10px;
    color: #fff;
    margin-bottom: 0;
}
#sub .ttl-lv00 .ttl-lv00Txt {
	line-height: 1.1;
	font-family: inherit;
	display: block;
	font-weight: 600;
}
@media (max-width: 767px) {
    #sub .ttl-lv00 .ttl-lv00Txt {
		font-size: 22px;
		padding: 10px 15px 6px;
    }
}

.ttl-lv01 {
    position: relative;
    font-weight: 500;
    max-width: 1000px;
    margin: 0 auto 2em;
}

.ttl-lv01:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    background: #EFEFEF;
}

.ttl-lv01:after {
    content: "";
    display: block;
    position: absolute;
    width: 210px;
    height: 2px;
    bottom: 0;
    background: #5BC3EA;
}

#sub .ttl-lv01 h3 {
    font-size: 26px;
    padding-bottom: 12px;
    font-size: 26px;
    color: #333;
    margin-bottom: 0;
}


.ttl-lv02 {
    position: relative;
    font-weight: 500;
    margin-bottom: 1em;
}

.ttl-lv02:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 26px;
    top: 0;
    left: 0;
    background: #5BC3EA;
}

#sub .ttl-lv02 h4 {
    padding: 0 0 0 20px;
    border-bottom: none;
    font-size: 22px;
    margin-bottom: 0;
}

/*----------- price -----------*/
.price .midashi02 {
    box-shadow: none;
}

.price .midashi02 h2 {
    font-size: 4rem;
}

.priceList02 {
    margin-bottom: 3em;
}

.price .w80 {
    width: 80%;
    margin: auto;
}

.price .ttl-lv00 {
    margin-top: 5em;
}

.price .pageLink {
    padding: 5px 0 0;
    border-radius: 10px;
    border: dotted 2px #5BC3EA;
    margin-bottom: 3em;
    text-align: center;
}

.price .pageLink li {
    display: inline-block;
    width: 15%;
    margin: 2% 1%;
    text-align: center;
    font-size: 1.6rem;
}

.price .pageLink.w33 li {
    width: 25%;
}

.price .pageLink li a {
    text-decoration: underline;
}

.price .pageLink li a:hover {
    color: #888 !important;
}

.price .pageLink li i {
    display: none;
}

.price .w50 {
    width: 50%;
    margin: auto;
}

#sub .priceList02 h3 {
    color: #333;
    font-size: 3.4rem;
    margin: .5em auto;
    text-align: center;
    color: #444;
}

#sub .priceList02 .pricesub-text {
    color: #333;
    font-size: 1.6rem;
    margin: 1em auto;
    text-align: center;
    color: #444;
}

@media screen and (max-width:767px) {
  #sub .priceList02 .pricesub-text {
      color: #333;
      font-size: 1.4rem;
      margin: .75em auto;
      text-align: left;
      color: #444;
  }
}

#sub.price .priceBox {
    padding: 20px 40px;
    margin-bottom: 30px;
    border: 3px solid #ddd;
}

#sub.price .inner {
    margin: 0 auto 2em;
}

#sub.price #price01 ul.col2_list,
#sub.price #price02 ul.col2_list,
#sub.price #price03 ul.col2_list {
    padding: 5px 0 25px;
    border-top: 3px solid #ddd;
}

#sub.price ul.col2_list li {
    width: 100%;
    float: none;
    padding: 18px 0 18px;
    margin-bottom: 0;
}

#sub.price ul.col2_list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#sub.price ul.col2_list dl {
    margin-bottom: 0;
}

#sub.price ul.col2_list dt {
    font-size: 1.8rem;
    width: 500px;
    float: left;
}

#sub.price ul.col2_list dd {
    margin-left: 530px;
}

#sub.price ul.col2_list dd p {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.3;
}

#sub.price ul.col2_list dd p.normal {
    font-size: 1.6rem;
    margin-right: 10px;
    width: 164px;
}

#sub.price ul.col2_list dd p.normal span.red {
    font-size: 2rem;
}

#sub.price ul.col2_list dd p.sale {
    font-size: 1.6rem;
    font-weight: 600;
}

#sub.price ul.col2_list dd p.sale span.red {
    font-size: 2.6rem;
}

#sub.price ul.col2_list dd p.normal span.red:before,
#sub.price ul.col2_list dd p.sale span.red:before {
    content: "￥";
    font-size: 0.8em;
}

/*----------- price option -----------*/
#sub.price ul.col2_list dd p.normal-op {
    font-size: 1.6rem;
    margin-right: 25px;
    width: 150px;
}

#sub.price ul.col2_list dd p.normal-op span.red {
    font-size: 2rem;
}

#sub.price ul.col2_list dd p.sale-op {
    font-size: 1.6rem;
    font-weight: 600;
}

#sub.price ul.col2_list dd p.sale-op span.red {
    font-size: 2.6rem;
}

#sub.price ul.col2_list dd p.-op span.red:before,
#sub.price ul.col2_list dd p.sale-op span.red:before {
    content: "￥";
    font-size: 0.8em;
}

@media (max-width: 767px) {
    #sub.price ul.col2_list dd p.sale-op span.red {
        font-size: 1.8rem;
    }

    #sub.price #price03 ul.col2_list dd p {
        /* display: block; */
    }
}

/*----------- voice02 -----------*/
.voiceBox {
    padding: 0 20px 4em;
    margin-bottom: 5em;
    border-bottom: 1px dashed #ccc;
}

.voiceBox .userdata {
    margin-bottom: 2em;
}

.voiceBox .userdata figure {
    float: left;
    max-width: 280px;
    max-height: 195px;
    overflow: hidden;
}

.voiceBox .userdata figure img {
    width: 100%;
}

.voiceBox .userdata ul {
    float: right;
    width: 620px;
    font-size: 1.5rem;
}

.voiceBox .userdata ul li {
    padding: 10px 10px;
    border-bottom: 1px dashed #ddd;
}

.voiceBox .userdata ul li span {
    display: inline-block;
    width: 150px;
    text-align: center;
    padding: 10px 0;
    margin-right: 15px;
    background-color: #eee;
    font-weight: 600;
}

#sub .voiceBox .userdata ul li a {
    color: #0099ff;
    text-decoration: underline;
}


.voiceBox .comment p {
    font-size: 1.7rem;
}

p.comment {
    font-size: 1.7rem;
    padding-bottom: 20px;
}

.voiceBox2 {
    padding: 0 20px 4em;
    margin-bottom: 5em;
    border-bottom: 1px dashed #ccc;
}

.voiceBox2 h3,
.voiceBox2 .pink_title {
    font-size: 2.0rem;
	font-weight: 600;
	color: #f07997;
	margin: 0 0 10px;
	font-family: inherit;
	line-height: 1.1;
	background: none;
}

.voiceBox2 .userdata {
    margin-bottom: 2em;
}

.voiceBox2 .userdata figure {
    float: right;
    max-width: 280px;
    overflow: hidden;
    padding-left: 20px;
}

.voiceBox2 .userdata figure img {
    width: 100%;
}

.voiceBox2 .userdata ul {
    float: left;
    width: 400px;
    font-size: 1.5rem;
}

.voiceBox2 .userdata ul li {
    padding: 10px 10px;
    border-bottom: 1px dashed #ddd;
}

.voiceBox2 .userdata ul li span {
    display: inline-block;
    width: 150px;
    text-align: center;
    padding: 10px 0;
    margin-right: 15px;
    background-color: #eee;
    font-weight: 600;
}

#sub .voiceBox2 .userdata ul li a {
    color: #0099ff;
    text-decoration: underline;
}

#sub .voiceBox2 a {
    color: #0099ff;
    text-decoration: underline;
}

.voiceBox2 p {
    font-size: 1.7rem;
}

.aborder {
    border-top: 1px dashed #ccc;
    padding-top: 4em;
}

.col2area {
    width: 480px;
    float: left;
    padding: 0 0px 2em;
    margin: 1em 10px;
}

.col2area .userdata figure {
    max-width: 190px;
}

.col2area h3 {
    font-size: 1.6rem;
}

.col2area p {
    font-size: 1.2rem;
    margin: 0 0 5px;
}

.col2area .userdata {
    margin-bottom: 0;
}

.col2area .userdata ul {
    width: 270px;
    font-size: 1.3rem;
}

.col2area .userdata ul li {
    padding: 5px 0
}

.col2area .userdata ul li span {
    width: 35%;
    padding: 2px 0;
    margin-right: 10px;
}

.text-right {
    clear: both;
}

@media (max-width: 767px) {

    /* padding */
    .posprice {
        background: url(../images/common/price_smp.jpg) no-repeat;
        background-size: cover;
        width: 235px;
        height: 45px;
        padding: 5px 10px 0 92px;
        position: absolute;
        right: -2px;
        bottom: 5px;
        text-align: right;
        color: #fff;
        font-weight: 600;
        font-size: 1.8rem;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    }
    .setposprice {
        background: url(../images/common/price_set_smp.jpg) no-repeat;
        background-size: cover;
        width: 143px;
        height: 72px;
        padding: 27px 10px 0 16px;
        position: absolute;
        right: -2px;
        bottom: 5px;
        text-align: right;
        color: #fff;
        font-weight: 600;
        font-size: 1.2rem;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    }

    .inner .comment {
        width: 100%;
        padding: 0 20px 10px 20px;
        box-sizing: border-box;
    }

    p.comment {
        font-size: 1.4rem;
    }

    .voiceBox2 {
        padding: 0 20px 2em;
        margin: 0 0 2em 0;
    }

    .voiceBox2 h3,
	.voiceBox2 .pink_title {
        font-size: 18px;
        line-height: 1.4;
        margin-top: 20px;
    }

    .voiceBox2 p {
        font-size: 1.3rem;
    }

    .voiceBox2 .userdata ul {
        float: none;
        width: 100%;
        font-size: 1.4rem;
    }

    .voiceBox2 .userdata ul li span {
        display: inline-block;
        width: 100px;
        text-align: center;
        padding: 5px 0;
        background-color: #eee;
        font-weight: 600;
    }

    .aborder {
        padding-top: 2em;
    }

    .col2area {
        width: 100%;
        float: none;
    }
}

/*----------- beginner -----------*/
.beginner .keyVisualSub {
    background: url(../images/beginner/key_img.jpg) no-repeat;
    height: 400px;
    padding-top: 100px;
}

.beginner .keyVisualSub p {
    width: 70%;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 1.6rem;
    font-weight: 600;
    padding: 4%;
    margin: 0 auto;
}

.beginnerList li {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #ddd;
}

.beginnerList li h3 {
    color: #333;
    font-size: 2rem;
    padding-top: 10px;
}

.beginnerList li .parent {
    margin-top: 0;
}

.beginnerList li .parent figure {
    overflow: hidden;
    width: 160px;
    height: 120px;
    position: relative;
    margin-right: 50px;
    float: left;
}

.beginnerList li .parent figure 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;
}

#sub .beginnerList li .parent div {
    padding-top: 20px;
}

#sub .beginnerList li .parent div p {
    font-size: 1.4rem;
    margin-bottom: 0;
}

#sub .beginnerList li .parent div p.text-right {
    margin-top: 2em;
}

.beginner table.def02 th {
    text-align: center;
}

/* promises */
.promises .key {
    width: 100%;
    margin: auto;
}

.promises .key figure {
    float: right;
}

.promises .key p {
    margin: 15px 0 0;
    font-size: 1.9rem;
}

.promises ul.promisesList li {
    width: 49%;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 3%;
    margin-bottom: 2%;
    float: left;
    height: 380px;
}

.promises ul.promisesList li:nth-child(odd) {
    margin-right: 2%;
}

.promises ul.promisesList li h3 {
    padding-left: 60px;
    position: relative;
    height: 50px;
    margin-bottom: 1em;
    color: #df256c;
    display: table-cell;
    vertical-align: middle;
}

.promises ul.promisesList li h3 span {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: url(../images/common/tag.png) no-repeat center center;
    background-size: 50px 50px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.promises ul.promisesList li p {
    font-size: 1.1em;
    margin-top: 1em;
}

.promises .box {
    background-color: #fff;
    padding: 25px 25px 10px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}


/* menuList */
#menuList ul {
    background-color: #fff;
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 20px 0;
}

#menuList ul.sp {
    display: none;
}

#menuList ul li {
    display: table-cell;
    font-size: 1.25em;
    width: 20%;
    padding: 10px 20px;
    text-align: center;
}

#menuList ul li a:hover {
    text-decoration: underline;
}

#menuList ul li i {
    margin-right: 5px;
}

/* flow */
.bflow .key {
    width: 80%;
    margin: auto;
}

.bflow .key figure {
    float: right;
}

.bflow .key p {
    margin: 40px 0 0;
    font-size: 2.6rem;
}

ul.bflowList li {
    background-color: #fff;
    border: 5px solid #eee;
    box-sizing: border-box;
    padding: 35px 35px 15px;
    width: 94%;
    margin: 0 auto 50px;
    position: relative;
}

ul.bflowList li:after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    color: #f17897;
    font-size: 5rem;
    text-align: center;
    position: absolute;
    bottom: -70px;
    left: 45%;
    margin: auto;
}

ul.bflowList li:first-child .inline_b {
    display: inline-block;
    margin-right: 30px;
    zoom: .75;
}

ul.bflowList li:last-child {
    margin-bottom: 0;
}

ul.bflowList li:last-child:after {
    display: none;
}

ul.bflowList li h3 {
    padding-left: 75px;
    font-size: 2.2rem;
}

ul.bflowList li h3 span {
    background: url(../images/beginner/flow/tag.png) no-repeat left top;
    position: absolute;
    top: 25px;
    left: -9px;
    width: 100px;
    height: 42px;
    padding: 10px 10px 0 10px;
    font-size: 2rem;
    color: #fff;
}

ul.bflowList li.bflow01 {
    background: url(../images/beginner/flow/1.png) no-repeat 95% 50%;
    background-size: auto 60%;
}

ul.bflowList li.bflow02 {
    background: url(../images/beginner/flow/2.png) no-repeat 95% 50%;
    background-size: auto 70%;
}

ul.bflowList li.bflow03 {
    background: url(../images/beginner/flow/3.png) no-repeat 95% 50%;
    background-size: auto 70%;
}

ul.bflowList li.bflow04 {
    background: url(../images/beginner/flow/4.png) no-repeat 95% 50%;
    background-size: auto 80%;
}

ul.bflowList li.bflow05 {
    background: url(../images/beginner/flow/5.png) no-repeat 95% 50%;
    background-size: auto 80%;
}

ul.bflowList li p {
    width: 650px;
    padding-top: 10px;
    font-size: 1.1em;
}

.bflow .w90 {
    width: 90%;
    margin: 1em auto 0;
}

/* difference */
.difference table.def02 td {
    text-align: center;
}


/* movie */
ul.movieList li {
    width: 49%;
    float: left;
    padding: 20px;
}

ul.movieList li:nth-child(odd) {
    margin-right: 2%;
}

#sub.movie ul.movieList li h3 {
    background: url(../images/beginner/movie/tit_bg.png) left top;
    height: 80px;
    line-height: 80px;
    font-size: 2.2rem;
    text-align: center;
    color: #333;
}

/* LINE */
#sub .line_ttl h3 {
    background-color: #5cb52f;
    padding: 15px 0 10px 20px;
    font-size: 2.2rem;
    color: #fff;
    margin: 3em auto 1em;
    border-radius: 6px;
}

#sub .line_ttl h3 .l_tit {
    font-size: 2.6rem;
    margin: 0 10px;
}

#sub .lineList li {
    width: 31%;
    float: left;
}

#sub .lineList li figure {
    width: 100%;
    text-align: center;
}

#sub .lineList li:nth-child(2) {
    margin: 0 3%;
}

#sub .lineList li p {
    font-size: 1.1em;
}

#sub .lineList li p span.red {
    font-size: 2.2rem;
}

/*----------- area -----------*/
#sub.area .bgarea {
    width: 100%;
    height: 522px;
    position: relative;
    margin-bottom: 3em;
}

#sub.area .bgarea .text {
    width: 520px;
    position: absolute;
    top: 20px;
    left: 0;
}

#sub.area .bgarea .text h3 {
    font-size: 3.2rem;
}

#sub.area .bgarea .text p {
    font-size: 2rem;
}

#sub.area .bgarea figure {
    position: absolute;
    top: 10px;
    right: 0;
}

area {
    border: none;
    outline: none;
}

ul.areaList > li {
    float: left;
    width: 48%;
    margin-bottom: 2em;
}

ul.areaList > li:nth-child(odd) {
    margin-right: 4%;
}

ul.areaList > li > ol {
    background-color: #fff;
    padding: 15px 0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

ul.areaList > li > ol > li {
    display: inline-block;
    width: 22%;
    margin: 2% 1%;
    text-align: center;
    font-size: 1.5rem;
}

ul.areaList > li > ol > li a {
    text-decoration: underline;
}

ul.areaList > li > ol > li a:hover {
    color: #888 !important;
}

ul.areaList02 > li {
    width: 100%;
    margin-bottom: 60px;
}

ul.areaList02 > li figure {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

ul.areaList02 > li figure img {
    width: 100%;
}

#sub ul.areaList02 > li h4 {
    font-size: 2.2rem;
    border-left: 5px solid #ee587e;
    border-bottom: none;
    padding: 3px 0 0 13px;
    line-height: 1;
}

ul.areaList02 > li > div.area_city {
    margin-bottom: 2em;
}

ul.areaList02 > li > div.area_city h5 {
    padding: 12px 20px 10px;
    font-size: 1.8rem;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    line-height: 1;
}

ul.areaList02 > li#tohoku > div.area_city h5 {
    background-color: #4dc8f0;
}

ul.areaList02 > li#kanto > div.area_city h5 {
    background-color: #84dbd4;
}

ul.areaList02 > li#koshinetsu > div.area_city h5 {
    background-color: #5eac60;
}

ul.areaList02 > li#tokai > div.area_city h5 {
    background-color: #84bf85;
}

ul.areaList02 > li#kinki > div.area_city h5 {
    background-color: #83b54c;
}

ul.areaList02 > li#chugoku > div.area_city h5 {
    background-color: #c4cf41;
}

ul.areaList02 > li#shikoku > div.area_city h5 {
    background-color: #f89d5a;
}

ul.areaList02 > li#kyushu > div.area_city h5 {
    background-color: #f68732;
}

ul.areaList02 > li > div.area_city > ol {
    width: 100%;
}

ul.areaList02 > li > div.area_city > ol > li {
    display: inline-block;
    width: 11%;
    margin: .5% 0 0 .5%;
    text-align: left;
    font-size: 1.3rem;
}

ul.areaList02 > li > div.area_city > ol > li a {
    text-decoration: underline;
}

ul.areaList02 > li > div.area_city > ol > li a:hover {
    color: #888 !important;
}

ul.areaList02 > li > div.area_city h6 {
    color: #1394bd;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

#sub ul.areaList li h4 {
    background-color: #569c9c;
    color: #fff;
    padding: 10px 15px 7px;
    margin: 0 auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}

#sub ul.areaList li#tohoku h4 {
    background-color: #4dc8f0;
}

#sub ul.areaList li#kanto h4 {
    background-color: #84dbd4;
}

#sub ul.areaList li#tokai h4 {
    background-color: #84bf85;
}

#sub ul.areaList li#kinki h4 {
    background-color: #83b54c;
}

#sub ul.areaList li#chugoku h4 {
    background-color: #c4cf41;
}

.area .whiteBox {
    padding: 30px 15px 10px;
}

ul.simpleFlow li {
    width: 160px;
    margin-right: 50px;
    float: left;
    font-size: 1.2rem;
    position: relative;
}

ul.simpleFlow li:after {
    content: "";
    background: url(../images/area/arw.png) no-repeat right center;
    background-size: contain;
    width: 38px;
    height: 226px;
    position: absolute;
    top: 0;
    right: -40px;
}

ul.simpleFlow li:last-child {
    margin-right: 0;
}

ul.simpleFlow li:last-child:after {
    display: none;
}

.simpleFlow .tag02 {
    background: url(../images/area/tag.png) no-repeat left 0;
    padding: 2px 0 0 20px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.simpleFlow .tag02 span {
    font-size: 1.6rem;
    margin-left: 5px;
}

ul.simpleFlow li h5 {
    font-size: 1.6rem;
    font-weight: 600;
    height: 40px;
}

ul.simpleFlow li figure {
    margin: 0 auto .75em;
    text-align: center;
    width: 80%;
}

ul.simpleFlow li figure img {
    width: 100%;
}

/*----------- office -----------*/
.keyoffice {
    background-color: #f3f3f3;
    padding: 10px 0 35px;
    text-align: center;
}

.keyoffice figure {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    position: relative;
}

.keyoffice figure figcaption {
    position: absolute;
    top: 85px;
    left: 50px;
    font-size: 4rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
}

.keyoffice figure figcaption span {
    font-size: 2rem;
    font-weight: 500;
}

.office figure.office_thumbnail {
    width: 250px;
    height: 180px;
    overflow: hidden;
}

.office figure.office_thumbnail img {
    width: 100%;
}

.office .rightarea {
    width: 700px;
    float: right;
    font-size: 1.7rem;
    padding-top: 15px;
}

.ggmap {
    position: relative;
    padding-bottom: 36.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.office table.def02 th {
    font-size: 2rem;
    padding: 15px 0 10px;
    text-align: center;
}

.office table.def02 td:first-child {
    width: 25%;
}

.area_table {
    width: 100%;
}

.area_table dt {
    background-color: #f3f3f3;
    font-size: 1.8rem;
    padding: 10px 20px;
}

.area_table dd {
    padding: 20px 0;
}

.area_table dd ul li {
    display: inline-block;
    width: 16%;
    margin: auto;
    padding: 1%;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
}

#sub .area_table dd a {
    text-decoration: underline;
}


/*----------- faq -----------*/
.faq .ttl-lv00 {
    background-color: #fff;
    border: 3px solid #ddd;
    border-radius: 6px;
}

#sub.faq .ttl-lv00 h3 {
    color: #333;
}

ul.faqList > li {
    width: 47%;
    float: left;
}

ul.faqList > li:nth-child(odd) {
    margin-right: 6%;
}

ul.faqList > li dt {
    background: url(../images/common/q_ico.png) no-repeat left 8px;
    background-size: 25px auto;
    padding: 10px 0 10px 35px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    border-bottom: 1px dashed #ddd;
    line-height: 1.7;
}

ul.faqList > li dd {
    background: url(../images/common/a_ico.png) no-repeat left top;
    background-size: 25px auto;
    padding: 0 0 25px 35px;
    line-height: 1.7;
}

#sub ul.faqList > li dd a {
    text-decoration: underline;
}

ul.faqList > li > dl > dd > ul > li {
    list-style: outside disc !important;
    margin-left: 15px;
}

/*----------- house-cleaning -----------*/
#submain .keyVisualSub {
    position: relative;
    z-index: 0;
    margin-bottom: 3em;
    background-color: #fff;
}

#submain .keyVisualSub.clearfix {
    border: 1px solid #ddd;
}



#submain .keyVisualSub_temp {
    position: relative;
    z-index: 0;
    background-color: #fff;
	margin-bottom: 3em;
	border: solid 5px #F17997;
}
#submain .keyVisualSub_temp figure img {
    width: 100%;
}
#submain .keyVisualSub_title {
	background: #F17997;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	padding: 11px 20px 5px;
}
#submain .keyVisualSub_title .sign{
	margin: 0 8px;
}
@media (max-width: 767px){
#submain .keyVisualSub_temp {
    margin-bottom: 2em;
}
#submain .keyVisualSub_title {
	font-size: 18px;
	padding: 10px 10px 5px;
}
#submain .keyVisualSub_title .sign{
	margin: 0 5px;
}
}


.aircon #submain .keyVisualSub figure {
    position: relative;
}

.aircon #submain .keyVisualSub figcaption {
    position: absolute;
    left: 33%;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 1.1;
}

.aircon #submain .keyVisualSub figcaption span {
    font-size: 1.6rem;
    margin-left: 90px;
}

.keyVisualSub .mainCatch {
    color: #f47797;
    font-weight: bold;
    font-size: 47px;
    letter-spacing: -0.01em;
    line-height: 1.3;
    position: absolute;
    top: 95px;
    left: 212px;
    text-shadow:
        3px 3px 0px #ffffff,
        -3px 3px 0px #ffffff,
        3px -3px 0px #ffffff,
        -3px -3px 0px #ffffff,
        3px 0px 0px #ffffff,
        0px 3px 0px #ffffff,
        -3px 0px 0px #ffffff,
        0px -3px 0px #ffffff;
}

.keyVisualSub .txt {
    font-size: 15px;
    position: absolute;
    bottom: 130px;
    left: 212px;
    line-height: 1.7;
}

@media (max-width: 767px) {
    .keyVisualSub .mainCatch {
        font-size: 30px;
        top: 121px;
        left: 14px;
        display: none;
    }

    .keyVisualSub .txt {
        display: none;
    }
}







/* youtube */
.youtube {
    text-align: center;
}

/*----------- aircon -----------*/
.priceContainer {
    position: relative;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #ddd;
}

.priceContainer figure.trim01 {
    width: 400px;
    height: 265px;
    margin: 0;
    overflow: hidden;
    background-color: #888;
    float: left;
}

.priceContainer figure.trim01 img {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.priceContainer .area dl.listPrice {
    position: absolute;
    width: 300px;
    top: 30px;
    left: 250px;
}

.priceContainer .area dl.listPrice dt {
    text-align: left;
    margin-bottom: 1em;
}

.priceContainer .area dl.listPrice dt span.boxpink {
    display: block;
    background-color: #f17897;
    padding: 15px 0 10px 20px;
    line-height: 1.2;
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff;
}

.priceContainer .area dl.listPrice dd {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: right;
    overflow: hidden;
    line-height: 1.25;
}

.priceContainer .area dl.listPrice dd span.red {
    font-size: 2.2rem;
    margin: 0;
}

.priceContainer .area dl.listPrice dd span.red:before {
    content: "￥";
    font-size: 1.8rem;
}

/* ★disPrice */
dl.pricedl {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    margin: 0;
}

.aircon .area dl.pricedl {
    max-width: 400px;
    float: right;
    margin-right: 20px;
    margin-bottom: 15px;
}

dl.pricedl dt {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

dl.pricedl dt span.boxyellow {
    padding: 10px 0 5px;
    line-height: 1;
    font-size: 1.5rem;
    font-weight: 600;
    color: #222;
    border: 2px solid #e8403f;
    border-radius: 20px;
    display: block;
    white-space: nowrap;
}

dl.pricedl dt span.boxyellow span.red {
    font-size: 2.8rem;
    margin: 0 .25em;
}

dl.pricedl dd {
    font-size: 3rem;
    font-weight: 600;
    text-align: right;
    letter-spacing: -0.01em;
    white-space: nowrap;
    line-height: 1;
}

dl.pricedl dd span.red {
    font-size: 5rem;
    margin: 0;
}

dl.pricedl dd span.red:before {
    content: "￥";
    font-size: 0.8em;
}

dl.pricedl dd em {
    font-size: 2rem;
    font-style: normal;
    margin-left: 5px;
}

/* aircon */
.aircon dl.pricedl.pt1 dt {
    width: 30%;
}

.aircon dl.pricedl.pt2 dt {
    width: 30%;
}

.aircon .bgred {
    background: #e8403f !important;
    color: #fff !important;
}

.aircon dl.pricedl dt span.boxyellow.bgred {
    font-size: 1.8rem;
}

.aircon dl.pricedl.pt1 dd span.red {
    font-size: 4rem;
}

.aircon dl.pricedl.pt2 dd span.red {
    font-size: 4rem;
}

/* gift */
.gift .priceContainer {
    padding: 25px 40px;
}

#sub.gift .priceContainer p {
    margin-bottom: 0;
}

.gift dl.pricedl dt span.boxyellow {
    font-size: 2rem;
}

/*----------- keyVisualSub figure.trim -----------*/
#submain .keyVisualSub figure.trim01 {
    width: 400px;
    height: 277px;
    margin: 0;
    overflow: hidden;
    background-color: #888;
    float: left;
}

#submain .keyVisualSub figure.trim01 img {
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#submain .keyVisualSub figure.trim02 {
    width: 400px;
    height: 400px;
    margin: 0;
    overflow: hidden;
    background-color: #888;
    float: left;
}

#submain .keyVisualSub figure.trim02 img {
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*----------- keyVisualSub .area -----------*/
#submain .keyVisualSub .area {
    width: 595px;
    float: right;
    margin-top: 120px;
}

#submain .keyVisualSub .area.bdrTop {
    margin-top: 15px !important;
    padding-top: 25px;
    border-top: 1px dashed #ddd;
}

#submain .keyVisualSub .area dl dd {
    line-height: 1;
}

/* ★listPrice */
#submain .keyVisualSub .area dl.listPrice {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    margin: 0 10px 22px 29px;
}

@media (max-width: 767px) {
#submain .keyVisualSub .area dl.listPrice {
        margin: 0 auto 50px;
    }
    }

/* #submain .keyVisualSub .area dl.listPrice:after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 60px;
    position: absolute;
    right: 25%;
    bottom: -75px;
} */

#submain .keyVisualSub .area dl.listPrice dt {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 22%;
    white-space: nowrap;
}

#submain .keyVisualSub .area dl.listPrice dt span.boxpink {
    background-color: #f17897;
    padding: 15px 20px 10px;
    margin-left: 0px;
    line-height: 1;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

#submain .keyVisualSub .area dl.listPrice dt span.boxpink span.small {
    font-size: 1.5rem;
}

#submain .keyVisualSub .area dl.listPrice dd {
    display: table-cell;
    vertical-align: middle;
    width: 55%;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    white-space: nowrap;
}

#submain .keyVisualSub .area dl.listPrice dd span.red {
    font-size: 3rem;
    margin: 0 .25em;
}

#submain .keyVisualSub .area dl.listPrice dd span.red:before {
    content: "￥";
    font-size: 2rem;
}

/* ★disPrice */
#submain .keyVisualSub .area dl.disPrice {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 98%;
    margin: 0 auto 20;
}

#submain .keyVisualSub .area dl.disPrice dt {
    display: table-cell;
    vertical-align: middle;
    /* padding-right:30px; */
    text-align: center;
    white-space: nowrap;
}

#submain .keyVisualSub .area dl.disPrice dt span.boxyellow {
    background-color: #f4d723;
    border: 4px solid #f40000;
    padding: 13px 10px 8px;
    line-height: 1;
    letter-spacing: -0.01em;
    font-size: 2rem;
    font-weight: 600;
    color: #222;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15);
    display: inline-block;
}

#submain .keyVisualSub .area dl.disPrice dt span.boxyellow span.red {
    font-size: 3rem;
    margin: 0;
}

#submain .keyVisualSub .area dl.disPrice dd {
    display: table-cell;
    font-size: 3.4rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

#submain .keyVisualSub .area dl.disPrice dd span.red {
    font-size: 5.4rem;
    margin: 0 .1em;
}

#submain .keyVisualSub .area dl.disPrice dd span.red:before {
    content: "￥";
    font-size: 3.4rem;
}

/*----------- priceContainer02 -----------*/
.priceContainer02 {
    position: relative;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 25px 30px 15px;
}

/* ★listPrice */
p.listPrice02 {
    float: left;
    position: relative;
    font-size: 2.4rem;
    font-weight: 600;
    padding: 20px 60px 0 0;
    line-height: 1;
}

p.listPrice02:after {
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #f17897;
    font-size: 45px;
    position: absolute;
    top: 25px;
    right: -10px;
}

p.listPrice02 span.red {
    font-size: 3.2rem;
    margin: 0 .25em;
}

p.listPrice02 span.red:before {
    content: "￥";
    font-size: 2.4rem;
    text-decoration: none !important;
}

/* ★disPrice */
dl.disPrice02 {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 600px;
    float: right;
    margin: 0;
}

dl.disPrice02 dt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 45%;
    white-space: nowrap;
}

dl.disPrice02 dt span.boxyellow {
    background-color: #f4d723;
    border: 4px solid #f40000;
    padding: 13px 10px 8px;
    line-height: 1;
    letter-spacing: -0.01em;
    font-size: 2rem;
    font-weight: 600;
    color: #222;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15);
    display: inline-block;
}

dl.disPrice02 dt span.boxyellow span.red {
    font-size: 3rem;
    margin: 0;
}

dl.disPrice02 dd {
    display: table-cell;
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

dl.disPrice02 dd span.red {
    font-size: 5.5rem;
    margin: 0 5px 0 0;
    line-height: 1;
}

dl.disPrice02 dd span.red:before {
    content: "￥";
    font-size: 4rem;
}

dl.disPrice02 dd span.red small.tax-inc {
    font-size: 50% !important;
}

/* ★disPrice */
dl.disPrice04 {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    clear: both;
    margin: 0;
}

dl.disPrice04 dt {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 65%;
    font-size: 2rem;
    font-weight: 600;
    white-space: nowrap;
}

dl.disPrice04 dt span {
    font-size: 1.6rem;
}

dl.disPrice04 dd {
    display: table-cell;
    font-size: 3.4rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

dl.disPrice04 dd span.red {
    font-size: 5rem;
    margin: 0 5px 0 0;
}

dl.disPrice04 dd span.red:before {
    content: "￥";
    font-size: 3.4rem;
}

/*----------- priceContainer03 -----------*/
.priceContainer03 {
    position: relative;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 25px 30px 20px;
}

/* ★disPrice */
dl.disPrice03 {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 500px;
    float: left;
    margin: 0;
}

dl.disPrice03 dt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 30%;
    white-space: nowrap;
}

dl.disPrice03 dt span.boxpink {
    background-color: #f17897;
    padding: 15px 20px 10px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

dl.disPrice03 dt span.boxblue {
    background-color: #78d4f1;
    padding: 15px 20px 10px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

dl.disPrice03 dd {
    display: table-cell;
    font-size: 2.8rem;
    font-weight: 600;
    text-align: right;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

dl.disPrice03 dd span.red {
    font-size: 5.6rem;
    margin: 0;
    line-height: 1;
}

dl.disPrice03 dd span.red:before {
    content: "￥";
    font-size: 4rem;
}

.priceContainer03 ul {
    width: 400px;
    float: right;
}

.priceContainer03 ul li {
    font-weight: 600;
    margin-top: 5px;
}

/*----------- nonprice -----------*/
.nonprice {
    width: 100%;
}

.nonpriceBox {
    width: 42%;
    float: left;
    padding: 20px 25px 10px;
}

.nonpriceBox.before {
    border: 1px solid #ddd;
    position: relative;
    margin-right: 16%;
}

.nonpriceBox.before:after {
    content: "";
    background: url(../images/common/arw03.png) no-repeat left 50%;
    background-size: contain;
    width: 122px;
    height: 146px;
    position: absolute;
    top: 20%;
    right: -122px;
}

.nonpriceBox.after {
    border: 2px solid #f00;
}

.nonpriceBox .ttl {
    font-size: 1.1em;
    font-weight: 600;
}

.nonpriceBox .total {
    border-top: 1px dashed #ddd;
    padding-top: .5em;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
}

.nonpriceBox .total .red {
    font-size: 2.5rem;
}

.nonpriceBox .total .red:before {
    content: "￥";
    font-size: 1.8rem;
}

.nonpriceBox.after dl {
    margin-top: 20px;
}

.nonpriceBox.after dl dt {
    white-space: nowrap;
    margin-bottom: 25px;
}

.nonpriceBox.after dl dt span.boxyellow {
    background-color: #f4d723;
    padding: 8px 15px 5px;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 600;
    color: #222;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15);
    display: inline-block;
}

.nonpriceBox.after dl dd {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.01em;
    white-space: nowrap;
    line-height: 1;
}

.nonpriceBox.after dl dd span.red {
    font-size: 4.5rem;
    margin: 0;
}

.nonpriceBox.after dl dd span.red:before {
    content: "￥";
    font-size: 3rem;
}

p.huki {
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 3px 15px 1px;
    width: auto;
    min-width: 115px;
    text-align: center;
    background: #f17897;
    border: 3px solid #f17897;
    z-index: 0;
}

p.huki:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #f17897 transparent;
    z-index: 0;
}

p.huki:after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f17897 transparent;
    z-index: -1;
}

p.huki .l_txt {
    color: #e4ff00;
}

.regular .list_regular ul {
    text-align: center;
}

.regular .list_regular ul li {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 40px;
}

.regular .list_regular ul li img {
    width: 200px;
    margin: 0 auto 1em;
}

.regular .list_regular ul li h3 {
    font-size: 16px;
}

/*----------- .keyVisualSub ul -----------*/
.kitchen #submain .keyVisualSub ul,
.laundryclean #submain .keyVisualSub ul,
.range_hood #submain .keyVisualSub ul,
.restroom #submain .keyVisualSub ul,
.washroom #submain .keyVisualSub ul,
.window #submain .keyVisualSub ul,
.bathroom #submain .keyVisualSub ul {
    position: absolute;
    top: 15px;
    right: 140px;
    z-index: 1;
}

.flooring #submain .keyVisualSub ul,
.entrance #submain .keyVisualSub ul,
.garage #submain .keyVisualSub ul,
.veranda #submain .keyVisualSub ul {
    position: absolute;
    top: 10px;
    right: 140px;
    z-index: 1;
}

.garage .spbr {
    display: none;
}

@media (max-width: 767px) {
    .garage .spbr {
        display: inherit;
    }
}

.aircon #submain .keyVisualSub ul {
    position: absolute;
    right: 20px;
    bottom: 70px;
    z-index: 1;
}

#submain .keyVisualSub ul li {
    display: inline-block;
    margin-left: 15px;
    width: 75px;
    height: 75px;
    padding: 10px;
    border-radius: 75px;
    background-color: #eee;
}

#submain .keyVisualSub ul li img {
    width: 100%;
}

#sub #sign .inner {
    padding-bottom: 0;
}

#sign .parent .w40 {
    width: 465px;
    margin-left: 420px;
}

#sign .parent .w40 h3 {
    padding-top: 15px;
    line-height: 1.4;
    color: #333;
}

#sign .parent .w40 p {
    width: 465px;
}

#point .box02 {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px;
}

#point .parent .w50 {
    width: 55%;
    padding: 40px 10px 0;
    float: right;
    position: relative;
}

#point .parent .w50:before {
    content: url(../images/house-cleaning/aircon/point_tag.png);
    position: absolute;
    top: -50px;
    left: 45%;
}

#point .parent .w50 h3 {
    font-size: 2rem;
}

#bfaf .v_ico h2 {
    background: url(../images/common/video.png) no-repeat 240px 50%;
    background-size: 45px auto;
}

#bfaf ul {
    display: table;
    margin: 0 auto 40px;
}

#bfaf li {
    width: 250px;
    float: left;
    position: relative;
    margin: 0 50px 0 0;
}

#bfaf li:last-child {
    margin: 0;
}

#bfaf li:after {
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    color: #f17897;
    font-size: 3rem;
    position: absolute;
    top: 50%;
    right: -40px;
    margin: auto;
}

#bfaf li:last-child:after {
    content: none;
}

#bfaf li p {
    margin-bottom: 0;
    font-size: 2rem;
}

#bfaf li img {
    width: 100%;
}

#bfaf .textarea02 {
    display: table;
    text-align: center;
    margin: 40px auto 0;
}

#cleanflow .text-right {
    font-size: 1.2em;
}

#cleanflow li {
    position: relative;
    display: inline-block;
    padding: 15px;
    width: 23%;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 0;
    margin-right: 2.5%;
    height: 370px;
}

#cleanflow li:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -19px;
    margin-top: -14px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
}

#cleanflow li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -15px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 0 16px 21px;
    border-color: transparent transparent transparent #ddd;
    z-index: -1;
}

#cleanflow li:last-child {
    margin-right: 0;
}

#cleanflow li:last-child:after,
#cleanflow li:last-child:before {
    content: ;
    display: none;
}

#cleanflow li figure {
    width: 170px;
    margin: auto;
}

#sub #cleanflow li h4 {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 50px;
    line-height: 1.3;
}

#cleanflow li h4 {
    border-bottom: none;
    font-weight: 600;
    position: relative;
    padding-left: 40px;
}

#cleanflow li h4 span {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #f17897;
    color: #fff;
    position: absolute;
    left: 0;
}

.cleanflow02 .text-right {
    font-size: 1.2em;
}

.cleanflow02 li {
    position: relative;
    display: inline-block;
    padding: 15px;
    width: 23%;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 0;
    margin-right: 2.5%;
}

.cleanflow02 li:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -19px;
    margin-top: -14px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
}

.cleanflow02 li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -15px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 0 16px 21px;
    border-color: transparent transparent transparent #ddd;
    z-index: -1;
}

.cleanflow02 li:last-child {
    margin-right: 0;
}

.cleanflow02 li:last-child:after,
.cleanflow02 li:last-child:before {
    content: ;
    display: none;
}

#sub .cleanflow02 li h4 {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 50px;
    line-height: 1.3;
    border-bottom: none;
}

.cleanflow02 li h4 {
    border-bottom: none;
    font-weight: 600;
    position: relative;
    padding-left: 40px;
}

.cleanflow02 li h4 span {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #f17897;
    color: #fff;
    position: absolute;
    left: 0;
}

.cleanflow02 li .inline_b img {
    width: 100%;
    margin-top: 1.5em;
}

.cleanflow02 .h325 li {
    height: 325px;
}

.cleanflow02 .h285 li {
    height: 285px;
}

#menulist .box02 {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 30px 30px 20px;
    position: relative;
}

#menulist .box02 figure {
    float: left;
    margin-right: 30px;
}

#menulist .box02 .textarea02 {
    width: 500px;
    float: left;
}

#menulist .box02 .textarea02 h3 {
    font-size: 3rem;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: .25em;
    margin-bottom: .25em;
}

#menulist .box02 .textarea02 h3 span.small {
    color: #333;
}

.box02 .textarea02 h3 .pink_text {
    color: #ee587e;
}

.box02 .sec01 .sp .pink_text {
    color: #ee587e;
}

.box02 .textarea02 h3 .blue_text {
    font-size: 2rem;
    color: #1e80c2;
}

.box02 .sec01 .sp .blue_text {
    color: #1e80c2;
}


.tbl {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.tbl .tbcell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.6rem;
    width: 30%;
}

.tbl ul {
    display: table-cell;
    vertical-align: middle;
    font-size: 2rem;
    width: 70%;
}

.tbl ul li {
    margin-top: 15px;
    line-height: 1;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.tbl ul li .tag {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.tbl ul li.big .tag {
    width: 45%;
    background: #e8403f !important;
    color: #fff !important;
    font-size: 1.6rem;
}

.tbl ul li .price {
    font-weight: 600;
    font-size: 2.2rem;
    display: inline-block;
    vertical-align: middle;
    width: 55%;
}

.tbl ul li.big .price .red {
    font-size: 3.2rem;
}

.strike {
    text-decoration: line-through;
}

.listpricestrike {
    font-size: 5.4rem;
}


.red {
    color: #f40000;
}

.sec01 .red,
.sec02 .red {
    font-size: 1.1em;
    display: inline-block;
    margin-left: 15px;
}

.sec01 .red:before,
.sec02 .red:before {
    content: "￥";
}

.sec01 .tax-inc.red:before,
.sec02 .tax-inc.red:before {
    content: "";
}

.tag {
    padding: 0;
    width: 145px;
    text-align: center;
    border: 2px solid #e8403f;
    line-height: 1;
    padding: 5px 0 3px;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 20px;
    display: table-cell;
    vertical-align: middle;
}

.sendbtn {
    position: absolute;
    top: 85px;
    right: 30px;
}

.sec02 {
    clear: both;
    padding: 15px 0 0;
}

.sec02 .box03 {
    border: 1px solid #eee;
    background-color: #f3f3f3;
    padding: 15px;
}

.sec02 .box03 .tit {
    /* float:left; */
    margin-right: 20px;
    font-size: 2.4rem;
}

.sec02 .box03 .tagPink {
    margin-bottom: 15px;
}

.sec02 .box03 .tagPink li {
    display: inline-block;
    padding: 2px 10px;
    background-color: #f17897;
    color: #fff;
    margin: 5px 10px 0 0;
}

.sec02 .box03 .priceList {
    clear: left;
    border-top: 1px solid #ddd;
    padding-top: 1em;
    display: table-cell;
    width: 95%;
}

@media screen and (min-width:768px) {
    .p50 {
        padding: 10px 50px;
    }

    .p250 {
        padding: 10px 256px;
    }
}
@media screen and (max-width:767px) {
	.listpricestrike {
		font-size: 2.8rem;
	}
}
.sec02 .box03 .priceList li {
    display: inline-block;
    width: 300px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.25;
    overflow: hidden;
}

.sec02 .box03 .priceList li:first-child {
    width: 180px;
}

.sec02 .box03 .priceList li.big {
    width: 350px;
}

.sec02 .box03 .priceList li .tag,
.sec02 .box03 .priceList li .price {
    display: table-cell;
    vertical-align: middle;
}

.sec02 .box03 .priceList li.big .tag {
    background: #e8403f !important;
    color: #fff !important;
    font-size: 1.8rem;
}

.sec02 .box03 .priceList li .price {
    font-size: 2rem;
}

.sec02 .box03 .priceList li .red {
    font-size: 1.4em;
    font-weight: 600;
}

.sec02 .box03 .priceList li.big .red {
    font-size: 2em;
}

.sec02 .box03 .priceList li .onlyOne {
    display: table-cell;
    padding: 0 0 0 30%;
}

.tbl ul li span .red:before,
.tbl ul li.big .price .red:before,
.sec02 .box03 .priceList li .price .red:before,
.sec02 .box03 .priceList li.big .red:before {
    font-size: 0.8em;
}

.sec03 {
    clear: both;
    padding-top: 15px;
}

/* table */
.opMenu {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-bottom: 1em;
}

.opMenu th,
.opMenu td {
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.opMenu th {
    width: 25%;
    background-color: #f7f7f7;
    font-size: 1.8rem;
    text-align: center;
}

.flooring .opMenu th {
    width: 35%;
}

.opMenu th p {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.opMenu th p span.strike {
    font-size: 1.2em;
}

.opMenu th p span.price {
    font-size: 1.4em;
}

.opMenu td {
    background-color: #fff;
    font-size: 1.4rem;
}

.opMenu td.pink {
    font-weight: 600;
    color: #f50100;
    font-size: 2.6rem;
    width: 25%;
    text-align: center;
    line-height: 1;
}

.opMenu td.tag02 {
    padding: 15px;
    white-space: nowrap;
}

.opMenu td.tag02 span {
    padding: 2px 4px;
    background-color: #f40000;
    color: #fff;
}

.col3_list.first li {
    float: left;
    width: 48%;
    margin-bottom: 2%;
    padding-top: 30px;
    padding-left: 120px;
}

.col3_list.first li:nth-child(2) {
    margin: 0 4% 2% 0;
}

.col3_list.first li:first-child {
    float: none;
    width: 100%;
    margin-bottom: 1em;
}

.col3_list.first li h3 {
    margin-left: 0;
    font-size: 3rem;
    color: #333;
}

.col3_list.first li h3 span {
    font-size: 1.6rem;
    display: block;
}

.col3_list.first li:first-child h3 span {
    display: inline;
}

ul.col3_list.first.fixHeight {
    overflow: auto;
}

.col2_2 li {
    width: 46%;
    margin: 0 2%;
    padding: 20px;
    float: left;
}

.col2_2 li figure img {
    width: 100%;
}

.col2_2 li .Num {
    padding: 0 10px;
    background-color: #f17897;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    margin-right: 10px;
}

.pt1 {
    padding-top: 1em;
}

.pt2 {
    padding-top: 2em;
}

.pt3 {
    padding-top: 3em;
}

.m0 {
    margin: 0 auto;
}

/* house-cleaning-index */
.houseCleaning .col2box .left {
    float: left;
    width: 480px;
}

.houseCleaning .col2box .right {
    float: right;
    width: 480px;
}

.houseCleaning .col2box .box04 {
    background-color: #fff;
    padding-bottom: 20px;
    margin-bottom: 1.5em;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    height: 585px;
    position: relative;
}

.houseCleaning ul.icoList {
    width: 90%;
    margin: 1em auto 0;
}

.houseCleaning .right ul.icoList {
    padding: 32px 0;
}

.houseCleaning ul.icoList li {
    border: 2px solid #f17897;
    padding: 13px;
    margin: 10px 13px 0;
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 4px;
}

.houseCleaning .col2box .box04 .text-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
}

#sub.houseCleaning .col2box .left h3,
#sub.houseCleaning .col2box .right h3 {
    color: #fff;
    text-align: center;
    padding: 15px 0 8px;
    margin: 0;
    font-size: 2.2rem;
}

#sub.houseCleaning .col2box .left h3 {
    background-color: #49ad00;
}

#sub.houseCleaning .col2box .right h3 {
    background-color: #0050ff;
}

.houseCleaning .col2box .left p,
.houseCleaning .col2box .right p {
    width: 92%;
    margin: 1.5em auto;
    font-size: 1.1em;
}

.houseCleaning .col2box .right .sn img {
    display: block;
    max-width: 100%;
    height: auto;
}

.houseCleaning ul.promisesList li {
    width: 49%;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 2%;
    margin-top: 2%;
    float: left;
}

.houseCleaning ul.promisesList li:nth-child(odd) {
    margin-right: 2%;
}

.houseCleaning ul.promisesList li h3 {
    padding: 10px 0 0 60px;
    position: relative;
}

.houseCleaning ul.promisesList li h3 span {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: url(../images/common/tag.png) no-repeat center top;
    background-size: 50px 50px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.houseCleaning ul.promisesList li p {
    font-size: 1.1em;
}


/* stains */
#sub.stains .inner.spb {
    padding-bottom: 0;
}

.stains .bgarea {
    background-color: #FFFFFF;
    padding: 25px;
    border-radius: 20px;
}

.stains .bgarea ul {
    width: 100%;
}

.stains .bgarea ul li {
    float: left;
    width: 49%;
    padding: 15px 2px;
}

.stains .bgarea ul li:nth-child(odd) {
    margin-right: 2%;
}

.stains .bgarea ul figure {
    width: 150px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    float: right;
    margin-left: 15px;
}

.stains .bgarea ul li img {
    width: auto;
    height: 120px;
}

.stains .bgarea ul li h3:before {
    content: "POINT";
    color: #fff;
    background-color: #f17897;
    padding: 2px 6px;
    margin-right: 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 1.2rem;
}

/* saving */
.saving .box {
    background-color: #EBEBEB;
    padding: 20px;
}

/* business */
.business .w40 {
    margin-left: 450px;
    font-size: 2rem;
    padding-top: 4em;
}

.business .bgarea {
    background-color: #FFFFFF;
    padding: 25px;
    border-radius: 20px;
}

.business .bgarea ul {
    width: 100%;
}

.business .bgarea ul li {
    float: left;
    width: 49%;
    padding: 15px 2px;
}

.business .bgarea ul li:nth-child(odd) {
    margin-right: 2%;
}

.business .bgarea ul figure {
    width: 160px;
    height: 145px;
    overflow: hidden;
    float: right;
    margin-left: 15px;
}

.business .bgarea ul li img {
    width: 100%;
    height: auto;
}

.business .bgarea ul li h3 span {
    color: #fff;
    background-color: #f17897;
    padding: 4px 6px;
    margin-bottom: 5px;
    width: 90px;
    text-align: center;
    border-radius: 4px;
    font-weight: 600;
    font-size: 1.2rem;
    display: block;
}

#menulist02 .parent {
    margin-top: 0;
}

#menulist02 .box02 {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px 20px 10px;
    position: relative;
}

#menulist02 .box02:nth-child(3n+3) {
    border-right: 1px solid #ddd;
}

#menulist02 .box02 p img {
    height: 46px;
}

#menulist02 .box02 figure {
    width: 100%;
    height: 180px;
    text-align: center;
}

#menulist02 .box02 figure img {
    width: auto;
    height: 177px;
}

#menulist02 .box02 .textarea02 {
    text-align: center;
    margin-top: 1em;
    position: relative;
}

#menulist02 .box02 .textarea02 .postag {
    width: 80px;
    position: absolute;
    right: -20px;
    bottom: 0;
}

#menulist02 .box02 .textarea02 .postag img {
    width: 100%;
}

#menulist02 .box02 .textarea02 h3 {
    font-size: 3rem;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: .25em;
    margin-bottom: .25em;
}

#menulist02 .box02 .textarea02 h3 span.small {
    color: #333;
}

#menulist02 .box02 dt {
    font-size: 1.6rem;
}

#menulist02 .box02 dt:after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    color: #f17897;
    font-size: 3rem;
    display: block;
    text-align: center;
    line-height: 1;
}

#menulist02 .box02 dt span.red {
    font-size: 2rem;
    margin-left: 10px;
}

#menulist02 .box02 dt span.red:before {
    content: "￥";
    font-size: 1.6rem;
}

#menulist02 .box02 dd {
    font-size: 1.6rem;
    font-weight: 600;
}

#menulist02 .box02 dd span.red {
    font-size: 3rem;
}

#menulist02 .box02 dd span.red:before {
    content: "￥";
    font-size: 2rem;
}

.business .opMenu td {
    padding: 15px 20px;
}

/* moldproofing */
.moldproofing #submain h2 span.pink {
    font-size: 1.4rem;
    margin-right: 10px;
}

/* flow */
.aircon.flow .box03 {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 25px;
}

.aircon.flow .box03 .ttl {
    background: #333 url(../images/common/time02.png) no-repeat 20px 50%;
    max-width: 660px;
    color: #fff;
    font-size: 2rem;
    margin: auto;
    padding: 10px 20px 5px 50px;
    border-radius: 30px;
    display: block;
}

.aircon.flow .box03 .button02 {
    max-width: 400px;
}

/* technique */
.ttl_b {
    background-color: #f17897;
    color: #fff;
    font-size: 1.6rem;
    padding: 15px 40px 10px;
}

.ttl_b strong {
    font-size: 2rem;
}

.campBox .ttl {
    background-color: #f17897;
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff;
    height: 50px;
    position: relative;
}

.campBox .ttl:before {
    content: url(../images/house-cleaning/aircon/flow/tag.png);
    position: absolute;
    top: -25px;
    left: 3%;
}

.campBox .ttl p {
    position: absolute;
    top: 10px;
    right: 5%;
    margin-bottom: 0;
}

#tec_point #tec02 {
    padding-top: 3em;
}

#sub #tec_point h3 {
    font-size: 2.6rem;
    color: #333;
    padding: 3px 0 0 95px;
    position: relative;
}

#sub #tec_point h3:before {
    content: "Point!";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 8px 15px 5px;
    background-color: #f17897;
    border-radius: 6px;
    font-size: 1.6rem;
    color: #fff;
}

/* deodorization */
.grayBox {
    background-color: #F3F3F3;
    padding: 20px 25px 5px;
    font-size: 1.25em;
}

.grayBox .botLink {
    padding: 0 0 20px;
    text-align: right;
}

.grayBox .botLink a {
    font-size: .9em;
    text-decoration: underline;
}


.whiteBox {
    background-color: #fff;
    padding: 20px 25px 5px;
    font-size: 1.25em;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.whiteBox .l_tit {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: .25em;
}

.col2sec ul li .postag {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
}

.col2sec ul li .postag img {
    width: 100%;
}

.col2sec ul li {
    width: 49%;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
    padding: 20px 20px 10px;
    margin-bottom: 2%;
    float: left;
    position: relative;
}

.col2sec ul li:nth-child(odd) {
    margin-right: 2%;
}

.col2sec ul li h3 {
    font-size: 1.6rem;
}

.col2sec.point ul li h3:before {
    content: "";
    background: url(../images/house-cleaning/aircon/point_tag.png);
    background-size: contain;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -15px;
    left: -15px;
}

.col2sec ul li figure {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 1em auto;
}

.col2sec ul li figure img {
    width: 100%;
}

.col2sec ul li .w50 {
    margin-left: 170px;
    padding-top: 10px;
}

.col3sec ul li {
    width: 31%;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
    padding: 20px 20px 10px;
    float: left;
    position: relative;
}

.col3sec ul li:nth-child(2) {
    margin: 0 3%;
}

.col3sec ul li h3 {
    text-align: center;
    font-size: 1.8rem;
}

.col3sec.point ul li h3:before {
    content: "";
    background: url(../images/house-cleaning/aircon/point_tag.png);
    background-size: contain;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -15px;
    left: -15px;
}

.col3sec ul li figure {
    width: 215px;
    height: 165px;
    overflow: hidden;
    margin: 1em auto;
}

.col3sec ul li figure img {
    width: 100%;
}

/* voice */
.voice #submain .parent {
    background: url(../images/house-cleaning/aircon/voice/bg.jpg);
    padding: 35px 30px 20px;
    border: 10px solid #efefef;
}

.voice #submain .parent h3 {
    font-size: 2.6rem;
    margin-bottom: .5em;
}

.voice #submain .parent .ttl {
    font-size: 2.2rem;
    font-weight: 600;
    position: relative;
    padding-left: 130px;
    margin-bottom: 1em;
    padding-bottom: .5em;
    border-bottom: 2px dashed #ccc;
}

.voice #submain .parent .ttl:before {
    content: "おそうじ内容";
    background-color: #f00;
    padding: 5px 0;
    margin-right: 10px;
    width: 120px;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

#sub.voice #submain .parent .textarea {
    margin-left: 320px;
    font-size: 1.5rem;
    background: none;
    padding: 0;
    margin-bottom: 3em;
}

.voice .box02 {
    position: relative;
}

.voice .box02 .pos_ttl {
    position: absolute;
    top: -25px;
    right: 10px;
}

#sub.voice .box02 h4 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: .5em;
    font-size: 2rem;
    font-weight: 600;
}

.voice #bfaf li {
    width: 150px;
    float: left;
    position: relative;
}

.voice #bfaf li:first-child {
    margin-right: 50px;
}

.voice #bfaf li:first-child:after {
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    color: #f17897;
    font-size: 3rem;
    position: absolute;
    top: 50%;
    right: -40px;
    margin: auto;
}

.voice #bfaf li p {
    margin-bottom: 0;
    font-size: 2rem;
}

/* list */
#sub.list .box03 {
    border: 4px solid #20B6EE;
    padding: 5px 20px 20px;
    position: relative;
}

#sub.list .box03 h4 {
    border-bottom: none;
    font-size: 2.8rem;
    font-weight: 600;
    padding: 0;
}

#sub.list .box03 h4 span {
    margin-right: 10px;
}

#sub.list .box03 figure {
    width: 200px;
    text-align: center;
}

#sub.list .box03 .right {
    width: 620px;
    float: right;
    font-size: 1.1em;
}

#sub.list .box03 .right ul {
    display: table;
    table-layout: fixed;
}

#sub.list .box03 .right li {
    padding: 10px 10px 20px 0;
    display: table-cell;
}

#sub.list .box03 .right li span {
    background-color: #20B6EE;
    color: #fff;
    padding: 5px 40px;
    text-align: center;
    border-radius: 6px;
}

#sub.list .col2_list > li > figure {
    width: 35%;
}

#sub.list .col2_list > li > figure img {
    width: 100%;
}

#sub.list .col2_list > li > ul {
    width: 55%;
    float: right;
}

#sub.list .col2_list > li > ul > li {
    border-bottom: 0;
    float: none;
    list-style: disc outside;
    margin-left: 20px;
    position: relative;
}

#sub.list .col2_list > li > ul > li:first-child:before {
    content: "(例)";
    position: absolute;
    left: -50px;
}

/* contactBox */
.contactBox.topArw {
    padding-top: 120px;
    background: url(../images/common/arw02.png) no-repeat center top;
}

.contactBox {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 4em;
}

.contactBox .ttl {
    background-color: #f17897;
    font-size: 3.4rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0 1px;
}

.contactBox .box04 {
    border: 4px solid #f17897;
    background-color: #fff;
    padding: 25px 25px 10px;
}

.contactBox .left {
    float: left;
    margin-top: 10px;
}

.contactBox .right {
    float: right;
}

.contactBox .right p a {
    background-color: #49ad00;
    display: block;
    text-align: center;
    border-radius: 6px;
    margin-top: 1em;
}

.cv-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1000px;
    /* FN 20220309 710px */
    margin: 0 auto;
}

.est2_btn {
    width: 100%;
}

.contactBox .right .cv-flex {
    max-width: 340px;
}

@media (max-width: 767px) {
    .contactBox .right .cv-flex {
        max-width: inherit;
        flex-direction: column;
    }

    .contactBox .right .cv-flex a {
        margin: 0.5rem 0;
    }
}

/*----------- housekeeper -----------*/
.housekeeper p.ttl_p {
    background-color: #fff;
    padding: 20px 0 5px;
    font-size: 2.8rem;
    color: #333;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
    border-bottom: 4px solid #4ac5ec;
}

.housekeeper .box03 {
    width: 100%;
    padding: 2%;
    background-color: #fff;
    margin-bottom: 4em;
}

.housekeeper .box03 .left {
    width: 48%;
    float: left;
}

.housekeeper .box03 left img {
    width: 100%;
}

.housekeeper .box03 .right {
    width: 50%;
    float: right;
}

.housekeeper .box03 .col4 {
    width: 100%;
    text-align: center;
}

.housekeeper .box03 .col4 li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding: 1.5%;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
}

.housekeeper .box03 .col4 li:nth-child(4n+4) {
    margin-right: 0;
}

.housekeeper .box03 .col4 li figure {
    width: 100%;
    margin-bottom: .5em;
    overflow: hidden;
    height: 105px;
}

.housekeeper .box03 .col4 li figure img {
    width: 100%;
}

.housekeeper .box03 .col4 li h3 {
    font-size: 1.4rem;
}

.housekeeper .box03 .plan3_col {
    width: 100%;
    text-align: center;
}

.housekeeper .box03 .plan3_col li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 1.5%;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
}

.housekeeper .box03 .plan3_col li:nth-child(4n+4) {
    margin-right: 0;
}

.housekeeper .box03 .plan3_col li figure {
    width: 80%;
    margin: 0 auto .5em;
    overflow: hidden;
    height: 115px;
}

.housekeeper .box03 .plan3_col li figure img {
    width: 100%;
}

.housekeeper .box03 .plan3_col li h3 {
    font-size: 1.4rem;
}

.housekeeper .box03 p.text-center .button02 {
    max-width: 400px;
    margin: 1.5em auto 0;
}

.housekeeper .col2box .left {
    float: left;
    width: 480px;
}

.housekeeper .col2box .right {
    float: right;
    width: 480px;
}

.housekeeper .col2box .box05 {
    background-color: #fff;
    padding-bottom: 20px;
    margin-bottom: 1.5em;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

#sub.housekeeper .col2box .left h3,
#sub.housekeeper .col2box .right h3 {
    color: #fff;
    text-align: center;
    padding: 15px 0 8px;
    margin: 0;
    font-size: 2.2rem;
}

#sub.housekeeper .col2box .left h3 {
    background-color: #49ad00;
}

#sub.housekeeper .col2box .right h3 {
    background-color: #0050ff;
}

.housekeeper .col2box .left p,
.housekeeper .col2box .right p {
    width: 92%;
    margin: 1.5em auto;
    font-size: 1.1em;
}

.housekeeper .col2box .left p {
    margin-bottom: 43px;
}

.emergency .def02 tr th:nth-child(2),
.emergency .def02 tr th:nth-child(3) {
    width: 38%;
}

.emergency .def02 th {
    text-align: center;
}

/* service */
#service .list_basic,
#service .list_whole,
#service .list_eme {
    text-align: center;
}

#service .list_basic li,
#service .list_whole li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    padding: 2%;
    margin-bottom: 2%;
    position: relative;
    text-align: center;
}

#service .list_basic li figure,
#service .list_whole li figure,
#service .list_eme li figure {
    width: 100%;
    margin-bottom: .5em;
    overflow: hidden;
    height: 130px;
}

#service .list_eme li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    padding: 2%;
    margin-bottom: 2%;
    position: relative;
    text-align: center;
}

#difference .l_tit {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1em;
}

#case .pull-left {
    width: 45%;
}

#case .pull-left .sn {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: 1em;
    padding: 15px;
}

#case .pull-left h3 {
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid #ddd;
}

/*----------- company -----------*/
/*.company ul li {
	width:32%;
	float:left;
	position:relative;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	}
	.company ul li:nth-child(2) {margin:0 1.5%;}
.company ul li figure {
	width:100%;
	height:185px;
	overflow:hidden;
	}
	.company ul li figure img {width:100%;}
.company .textarea02 {
	background-color:#fff;
	padding:20px 15px;
	height:240px;
	}
	.company ul li h3 {text-align:center;}
	.company ul li:nth-child(1) h3, .company ul li:nth-child(2) h3 {font-size:2.2rem; line-height:1.4;}
	.company ul li:nth-child(3) h3 {line-height:1.4;}
	.company ul li p.text-center.sn {
		width:65%;
		position:absolute;
		left:0;
		right:0;
		bottom:20px;
		margin:auto;
		}*/

.company ul.companyList li {
    width: 32%;
    height: 250px;
    padding: 15px;
    float: left;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.company ul.companyList li:nth-child(2) {
    margin: 0 1.5%;
}

.company ul.companyList li h3 {
    font-size: 1.8rem;
    margin-bottom: .5em;
}

.company ul.companyList li figure {
    width: 90px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.company ul.companyList li figure img {
    width: 120px;
}

.company ul.companyList li .text-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    width: 80%;
    margin: auto;
}


.privacy .list01 {
    margin-bottom: 2em;
}

.privacy .secFrame02 {
    font-size: 1.1em;
    width: 90%;
    margin: 2em auto;
}

.privacy .secFrame02 .pull-left,
.privacy .secFrame02 .pull-right {
    width: 50%;
}

.privacy .secFrame02 strong {
    margin-bottom: .5em;
}

.privacy .secFrame02 p {
    border-top: 1px solid #ddd;
    padding-top: 1em;
}

.specific th {
    width: 25%;
}


/*----------- inquiry -----------*/
.inquiry .inner h3:before {
    content: "\270f";
    font-family: 'Glyphicons Halflings';
    margin-right: 10px;
}

.inquiry .err {
    color: #f43b38;
}

.inquiry th {
    width: 30%;
}

.inquiry label span.req {
    background-color: #f43b38;
    color: #fff;
    margin-left: 10px;
    padding: 2px 0;
    line-height: 1;
    width: 50px;
    text-align: center;
    font-size: 1.1rem;
    display: inline-block;
}

.inquiry label span.small {
    display: block;
    font-size: 1.1rem;
    color: #888;
    line-height: 1.4;
}

.inquiry .mb2 label,
#contactForm .mb1 label {
    margin-right: 20px;
}

.inquiry input[type="text"],
.inquiry input[type="email"],
.inquiry input[type="tel"],
#contactForm textarea {
    padding: 2px;
}

.inquiry .btn {
    width: 240px;
    margin: 10px 15px
}

.inquiry .secFrame {
    margin-bottom: 2em;
    padding-bottom: 20px;
}

.inquiry .secFrame .link {
    color: #ff0000;
    text-decoration: underline;
}

.ws {
    width: 50%;
}

.wm {
    width: 70%;
}

.wl {
    width: 96%;
}

/*----------- column -----------*/
.leftColum {
    width: 750px;
    float: left;
}

.leftColum .mt0 {
    margin-top: 0 !important;
}

.btn_column {
    width: 100%;
    text-align: center;
}

.btn_column li {
    width: 45%;
    display: inline-block;
    margin: 0 2%;
}

#sub .btn_column li a.btnst {
    background-color: #4dc4f7;
    transition: all 0.3s;
    border: #4dc4f7 2px solid;
    color: #FFF;
    font-size: 1.6rem;
    padding: 12px 0;
    display: block;
    border-radius: 10px;
    position: relative;
}

#sub .btn_column li a.btnst i {
    margin-right: 10px;
    width: 20px;
}

#sub .btn_column li a.btnst i img {
    width: 30px;
}

#sub .btn_column li a.btnst:hover {
    background-color: #059adb;
    transition: all 0.3s;
    border: #059adb 2px solid;
}

/* columnBox */
.columnBox {
    border: 1px solid #ddd;
    padding: 30px 25px 10px;
    margin-top: 3em;
    zoom: 1;
    position: relative;
    width: 100%;
}

.columnBox:after,
.columnBox:before {
    content: "";
    clear: both;
    display: block;
}

.columnBox figure {
    float: left;
    margin: 0 20px 20px 0;
    width: 200px;
}

.columnBox figure img {
    width: 100%;
}

.columnBox .midBox {
    border-top: 1px solid #eee;
    padding: 10px 0 0;
    margin-bottom: 1.5em;
}

.columnBox .panel-series {
    /*display:table;*/
    table-layout: fixed;
    /*width:100%;*/
    /*background-color:#f5f5f5;
		padding:10px 20px 6px;
		border-radius:6px;
		border:1px solid #eee;*/
    float: left;
}

.columnBox .panel-series li {
    display: table-cell;
    font-size: 1.2rem;
}

.columnBox .panel-series li.cat {
    width: 80%;
}

.columnBox .panel-series li.cat span {
    background-color: #68c9f3;
    color: #fff;
    padding: 5px 10px 3px;
    margin: 0 5px 5px 0;
    display: inline-block;
    border-radius: 6px;
}

#sub .columnBox .panel-series li.cat span a {
    color: #fff;
}

.columnBox .dateBox {
    float: right;
}

.columnBox .dateBox li.date {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
}

.columnBox .panel-series li.update {}

#sub .columnBox .columnTit {
    font-size: 2.2rem;
    color: #333;
    margin-bottom: .5em;
    font-weight: 600;
	line-height: 1.3;
}

#sub .columnBox .comment {
    margin-top: 1.5em;
}

#sub .columnBox .comment p.text-right {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

#sub .columnBox .comment h2 {
    margin: -150px 0 15px;
    padding: 190px 0 15px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-weight: 600;
}

#sub .columnBox .comment h3 {
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #f07997;
}

#sub .columnBox .comment .mokuji li {
    margin: 4px 0;
}

#sub .columnBox .comment .mokuji li a {
    color: #f07997;
    text-decoration: underline;
}

#sub .columnBox .comment .upDate {
    margin: -20px 0 10px;
    text-align: right;
}








/* aside */
aside.blogmenu {
    width: 210px;
    float: right;
}

.aside_ttl {
    background-color: #eee;
    padding: 10px 10px 7px 10px;
    font-size: 1.6rem;
}

aside.blogmenu > ul {
    margin-bottom: 2em;
}

aside.blogmenu > ul > li {
    background: url(../images/common/arw01.png) no-repeat left 18px;
    padding: 13px 5px 10px 15px;
    border-bottom: 1px dotted #ccc;
    font-size: 1.3rem;
}

#sub aside.blogmenu > ul > li a {
    color: #0099FF;
    text-decoration: underline;
    display: block;
}

/*----------- sitemap -----------*/
#sub.sitemap a {
    font-size: 1.4rem;
    color: #444;
}

#sub.sitemap .fnav > li {
    background-position: left 7px;
}

#sub.sitemap .fnav > li > a {
    font-size: 1.8rem;
    color: #111;
}

#sub.sitemap .fnav > li > ul.officeLink > li {
    display: inline-block;
    width: 22%;
}

#sub.sitemap .fnav > li > ul > li > ul {
    margin-bottom: 2em;
}

#sub.sitemap .fnav > li > ul > li > ul > li {
    display: inline-block;
    width: 47%;
}

#sub.sitemap .fnav > li > ul > li > ul > li.w100 {
    width: 100%;
}

#sub.sitemap a:hover {
    color: #888 !important;
    text-decoration: underline;
}

#sub.sitemap .fnav > li > ul > li > ul > li > ul {
    margin-left: 10px;
}

#sub.sitemap .fnav > li > ul > li > ul > li > ul > li {
    display: inline-block;
    width: 47%;
    background: url(../images/common/arw.png) no-repeat left 5px;
    padding-left: 10px;
    margin-top: 8px;
}

#sub.sitemap .fnav > li > ul > li > ul > li > ul > li a {
    font-size: 1.3rem;
}

/*=============================
	wp-pagenavi
===============================*/
.wp-pagenavi {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    display: block;
    clear: both;
    padding: 20px 10px 20px 10px;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #C8C8C2 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    color: #999 !important;
}

.wp-pagenavi a:hover {
    border: 1px solid #a7a7a3 !important;
    color: #444 !important;
}

.wp-pagenavi span.pages {
    padding: 4px 8px !important;
    margin: 3px !important;
    font-family: Georgia, serif !important;
    color: #999 !important;
}

.wp-pagenavi span.current {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #a7a7a3 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    font-weight: bold !important;
    color: #444 !important;
}

.wp-pagenavi span.extend {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #C8C8C2 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
}

/*------------------------------
airconditioner-campaign
-------------------------------*/
.ecamp-area {
    margin-bottom: 4%;
    overflow: hidden;
}

.ecamp-area li {
    width: 49%;
    margin-bottom: 1.5%;
    font-size: 1.25em;
    float: left;
    border: 1px solid #959595;
}

#sub .ecamp-area li a {
    display: block;
    padding: 4%;
    color: #03a2d9;
    text-align: center;
}

.ecamp-area li:nth-child(1) {
    background: url(../images/house-cleaning/aircon/cicon01.png) no-repeat 9% 50%;
}

.ecamp-area li:nth-child(2) {
    background: url(../images/house-cleaning/aircon/cicon02.png) no-repeat 9% 50%;
}

.ecamp-area li:nth-child(3) {
    background: url(../images/house-cleaning/aircon/cicon03.png) no-repeat 9% 50%;
}

.ecamp-area li:nth-child(4) {
    background: url(../images/house-cleaning/aircon/cicon04.png) no-repeat 7% 50%;
}

.ecamp-area li:nth-child(odd) {
    margin-right: 2%;
}

/*global-menu*/
.menu li.spacer {
    margin-right: 33% !important;
}
@media (min-width: 768px) {
	br.sp-none{
		display: none;
	}
}
@media (max-width: 767px) {
    .inner .ecamp-area li {
        width: 100%;
        margin: 0 auto 2%;
        float: none;
    }

    .ecamp-area li:nth-child(odd) {
        margin-right: auto;
    }

    #sub .ecamp-area li a {
        padding: 4% 4% 4% 20%;
    }
}

@media (max-width: 414px) {
    #sub .ecamp-area li a {
        font-size: 0.80em;
    }
}

/*------------------------------
airconditioner-campaign-top
-------------------------------*/
#campmain img {
    max-width: 100%;
    height: auto;
}

#campmain img.alignleft {
    float: left;
    padding: 0 15px 45px 0;
}

#campmain img.alignright {
    float: right;
    padding: 0 0 45px 15px;
}

#campmain img.aligncenter {
    margin: 0 auto;
    display: block;
}

@media (max-width: 767px) {
    #sub #campmain img {
        width: inherit;
        display: block !important;
        max-width: 100%;
        float: none !important;
        margin: 0 auto;
    }

    #campmain img.alignleft,
    #campmain img.alignright {
        padding: 15px 0;
    }
}

.kvImg h2 {
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

.kvImg h2 img {
    max-width: 100%;
    height: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .kvImg h2 {
        padding: 15px 0;
    }
}

#campmain h3 {
    background: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac_hl_bg.png");
    padding: 18px;
    margin: 30px 0 20px 0;
    font-size: 30px;
}

.act-cat01ans {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #686567;
    line-height: 1.2em;
    position: relative;
    margin: 35px 0;
}

.act-cat01ans .des {
    font-size: 48px;
    letter-spacing: -0.05em;
}

.act-cat01ans:before {
    position: absolute;
    content: '';
    display: block;
    background: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/exticon.png") no-repeat left center;
    width: 100%;
    height: 92px;
    top: 0;
    left: 0;
    background-size: 9%;
}

.act-cat01ans:after {
    position: absolute;
    content: '';
    display: block;
    background: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/lamp.png") no-repeat right center;
    right: 0;
    top: 0;
    width: 100%;
    height: 85px;
    background-size: 11%;
}

.act-cat01ans .sign {
    font-size: 60px;
    letter-spacing: -0.05em;
    color: #e7403e;
}

@media (max-width: 880px) {
    .act-cat01ans {
        font-size: 4.0vw;
        margin: 35px 0 0 0;
    }

    .act-cat01ans .des {
        font-size: 5.5vw;
    }

    .act-cat01ans .sign {
        font-size: 6.1vw;
    }

    #campmain h3 {
        font-size: 2rem;
        padding: 18px 10px;
        margin: 10px 0 20px 0;
    }
}

@media (max-width: 560px) {
    .act-cat01ans:before {
        height: 35px;
    }

    .act-cat01ans:after {
        height: 30px;
    }
}

.airconditioner .area dl.pricedl {
    max-width: 400px;
    float: right;
    margin-right: 20px;
    margin-bottom: 15px;
}

.airconditioner dl.pricedl.pt1 dt {
    width: 30%;
}

.airconditioner dl.pricedl.pt2 dt {
    width: 30%;
}

.airconditioner .bgred {
    background: #e8403f !important;
    color: #fff !important;
}

.airconditioner dl.pricedl dt span.boxyellow.bgred {}

.airconditioner dl.pricedl.pt1 dd span.red {
    font-size: 4rem;
}

.airconditioner dl.pricedl.pt2 dd span.red {
    font-size: 4rem;
}

.Ccloseinner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.Ccloseinner img {
    max-width: 100%;
    height: auto;
}

.merit-area {
    width: 100%;
    background: #f4f7ff;
    border: 3px solid #ced9f1;
    padding: 3%;
    font-size: 15px;
}

#campmain .merit-area h3 {
    color: #706e6f;
    font-size: 220%;
    background: none;
    padding: 0 0 0 90px;
    position: relative;
    clear: both;
}

#campmain span.orange {
    color: #f59625;
    font-size: 140%;
}

@media (max-width: 880px) {
    #campmain .merit-area h3 {
        font-size: 3.6vw;
    }
}

#campmain .merit-area h3.merit1:before {
    content: '';
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act_meriticon1.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 83px;
    height: 83px;
    vertical-align: middle;
}

#campmain .merit-area h3.merit2:before {
    content: '';
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act_meriticon2.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 83px;
    height: 83px;
    vertical-align: middle;
}

#campmain .merit-area h3.merit3:before {
    content: '';
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act_meriticon3.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 83px;
    height: 83px;
    vertical-align: middle;
}

.sugoi-area {
    width: 100%;
    background: #dfebfd;
    padding: 3%;
    font-size: 15px;
}

#campmain .sugoi-area h2 {
    margin: 0;
}

#campmain .sugoi-area .caption {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    overflow: hidden;
}

#campmain .sugoi-area .caption img.alignright {
    padding: 0 0 15px 15px;
}

#campmain .sugoi-area h3 {
    background: none;
    padding: 0;
    color: #706e6f;
    margin: 0 0 15px 0;
}

@media (max-width: 880px) {
    #campmain .sugoi-area h3 {
        font-size: 5.0vw;
        margin: 15px 0;
    }

    #campmain .sugoi-area .caption img.alignright {
        padding: 15px 0;
    }
}

@media (max-width: 414px) {

    #campmain .merit-area h3.merit1:before,
    #campmain .merit-area h3.merit2:before,
    #campmain .merit-area h3.merit3:before {
        margin-top: -24px;
        width: 45px;
        height: 45px;
        background-size: 100%;
    }

    #campmain .merit-area h3 {
        padding: 0 0 0 50px;
    }
}

.mise-area {
    font-size: 15px;
}

.mise-area h2 {
    color: #706e6f;
    font-size: 240%;
    font-weight: 600;
    position: relative;
    padding: 25px 0 0 290px;
}

#campmain .mise-area h2:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/act-dHdbefore.png");
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
}

.mise-area h2 span.blue-l {
    color: #607fc5;
    font-size: 150%;
}

.mise-area h2 span.blue-s {
    color: #607fc5;
}

.mise-area h2 span.green-l {
    color: #5ebf9b;
    font-size: 150%;
    padding: 0 0 0 25%;
}

.mise-area h2 span.green {
    color: #5ebf9b;
    font-size: 150%;
}

#campmain .mise-area h3 {
    background: none;
    padding: 0;
    color: #706e6f;
    font-size: 220%;
}

#campmain .mise-area h3 span.blue-l {
    color: #607fc5;
    font-size: 150%;
}

#campmain .mise-area h3 span.borderline {
    border-bottom: 3px solid #607fc5;
}

@media (max-width: 880px) {
    #campmain .mise-area h2 {
        font-size: 5.0vw;
        padding: 10px 0;
        text-align: center;
    }

    #campmain .mise-area h2:before {
        content: '';
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act-dHdbefore.png) no-repeat;
        width: 287px;
        height: 80px;
        background-size: 80%;
        display: block;
        position: inherit;
        text-align: center;
        margin: 0 auto;
    }

    #campmain .mise-area h3 {
        font-size: 5.2vw;
        margin: 15px 0 25px 0;
    }
}

.itsu-area {
    width: 100%;
    font-size: 15px;
}

.itsu-area h2 {
    margin-bottom: -15px;
    z-index: 10;
    position: relative;
}

#campmain .itsu-area h3 {
    background: #73c8a8;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 220%;
    padding: 20px 0 16px 0;
    position: relative;
    clear: both;
    margin: 0;
}

.itsu-area .caption {
    width: 100%;
    background: #ffffff;
    border: 3px solid #73c8a8;
    padding: 3%;
}

#campmain .itsu-area .orange {
    color: #f59625;
    font-size: 220%;
    font-weight: 600;
}

#campmain .itsu-area .orange span {
    font-size: 140%;
}

@media (max-width: 880px) {
    #campmain .itsu-area h3 {
        font-size: 5.0vw;
        padding-top: 25px;
    }

    #campmain .itsu-area .orange {
        font-size: 5.2vw;
    }

    .itsu-area {
        overflow: hidden;
    }

    #sub #campmain .itsu-area h2 img {
        transform: scale(1.7);
        padding: 15px 0;
    }
}

.flow-area {
    padding: 40px 0;
}

.flow-area .col4 {
    width: 23.9%;
    margin: 0 1% 0 0;
    display: inline-block;
    background: #ebf8fe;
}

.flow-area .col4:last-child {
    margin: 0;
}

.flow-area .numbers {
    text-align: center;
    background: #afdced;
    padding: 5px 0;
    position: relative
}

.flow-area .numbers:after {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/act-cat08-arrow.png");
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -11px;
    z-index: 100;
}

.flow-area .col4:last-child .numbers:after {
    content: '';
}

.flow-area .col4 p {
    padding: 4%;
}

@media (max-width: 767px) {
    .flow-area {
        padding: 40px 0 10px 0;
    }

    .flow-area .col4 {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }

    .flow-area .col4 img {
        max-width: 100% !important;
        width: auto !important;
        padding: 15px 0;
    }

    .flow-area .col4 .numbers img {
        padding: 5px 0;
    }

    .flow-area .numbers:after {
        content: '';
    }

    .flow-area .col4 p {
        padding: 2%;
    }

    #sub #campmain .flow-area h2 img {
        transform: scale(1.55) translate(18%);
    }

    #sub #campmain .flow-area {
        overflow: hidden;
    }

    .flow-area .numbers img {
        width: 13px !important;
    }
}

.voice-area img {
    max-width: 100%;
    height: auto;
}

.voice-area .voiceBox {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}

.voice-area .voiceBox .userdata ul li span {
    width: 100px;
}

.voice-area .voiceBox .userdata figure {
    max-width: 34%;
}

.voice-area .voiceBox .userdata ul {
    width: 65%;
}

.voice-area .voiceBox2 {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}

.voice-area .voiceBox2 .userdata ul li span {
    width: 100px;
}

.voice-area .voiceBox2 .userdata figure {
    max-width: 34%;
    float: inherit;
    margin: 0 auto 10px auto;
    text-align: center;
}

.voice-area .voiceBox2 .userdata ul {
    width: 65%;
}

@media (max-width: 767px) {
    .voice-area .voiceBox {
        width: 100%;
        display: inherit;
        vertical-align: top;
    }

    .voiceBox2 .userdata figure {
        max-width: 240px;
        float: inherit;
        margin: 0 auto 10px auto;
        text-align: center;
        padding: 0;
    }

    .voice-area .voiceBox .userdata figure {
        max-width: inherit;
    }

    .voice-area .voiceBox .userdata ul {
        width: inherit;
    }

    .voice-area .voiceBox2 {
        width: 100%;
        display: inherit;
        vertical-align: top;
    }

    .voice-area .voiceBox2 .userdata figure {
        max-width: inherit;
    }

    .voice-area .voiceBox2 .userdata ul {
        width: inherit;
    }

    #sub .voice-area figure img {
        width: 200px !important;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .voice-area {
        overflow: hidden;
    }

    .voice-area h2 img {
        transform: scale(1.3);
        padding: 10px 0 0 0;
    }
}

.kirei-area img {
    max-width: 100%;
    height: auto;
}

.kirei-area p {
    padding: 20px 0;
    font-size: 15px;
}

.colum-area h2 {
    background: #f6f6f6;
    border-left: 25px solid #607fc5;
    font-size: 220%;
    padding: 20px 15px 15px 15px;
    font-weight: 600;
    color: #706e6f;
}

.colum-area h2 span.blue {
    color: #607fc5;
}

.colum-area h2 span.blue-l {
    color: #607fc5;
    font-size: 150%;
}

.colum-area .columnBox {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    border: none;
    padding: 0 20px;
}

.columnBox figure {
    width: 35%;
}

.colum-area .columnBox h3 {
    font-size: 140% !important;
}

.colum-area .columnBox .comment {
    margin-top: 0.5em !important;
}

.colum-area .columnBox .comment p.text-right {
    position: inherit !important;
}

@media (max-width: 767px) {
    .colum-area .columnBox {
        width: 100%;
        display: inherit;
        padding: 0 0 15px 0;
    }

    .kirei-area p {
        padding: 20px 0 0 0;
        margin: 0;
    }

    .columnBox .panel-series {
        margin-bottom: 0 !important;
    }

    .columnBox .dateBox li.date {
        font-size: 1.2rem;
    }
}

@media (max-width: 880px) {
    .colum-area h2 {
        font-size: 5.0vw;
        padding: 3%;
    }
}

.iconnon img {
    max-width: 100%;
    height: auto;
}

#menulist h2.arhead {
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac_hl_bg.png);
    padding: 18px;
    margin: 30px 0 20px 0;
    font-size: 30px;
    font-weight: 600;
    color: #f07997;
}

@media (max-width: 880px) {
    #menulist h2.arhead {
        font-size: 5.0vw;
    }

    .iconnon {
        overflow: hidden;
    }

    .iconnon h2 img {
        transform: scale(1.7);
        padding: 10px 0 0 0;
    }
}

/*------------------------------
airconditioner-oilspot
-------------------------------*/
.yani1-area {
    width: 100%;
    border: 5px solid #97a9bf;
    padding: 3%;
    font-size: 15px;
    overflow: hidden;
}

#campmain .yani1-area p.key {
    color: #706e6f;
    font-size: 240%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
}

#campmain span.orange0 {
    color: #f59625;
    font-size: 160%;
    padding-left: 8%;
}

#campmain span.orange {
    color: #f59625;
    font-size: 161%;
    padding-left: 8%;
}

#campmain span.blue {
    color: #607fc5;
}

#campmain .yani1-area img.alignright {
    padding: 0 0 5px 15px;
}

#campmain .yani1-area img.alignleft {
    padding: 0 15px 0 0;
}

.yani1-area h2 {
    text-align: center;
    font-weight: 600;
    font-size: 270%;
    color: #706e6f;
}

.yani1-area h2 span {
    font-size: 130%;
    color: #e8403f;
    border-bottom: 2px dashed #e8403f;
    display: inline-block;
}

.spacer {
    padding: 15px 0;
}

@media (max-width: 880px) {
    #campmain .yani1-area p.key {
        font-size: 5.0vw;
        text-align: center;
    }

    .yani1-area h2 {
        font-size: 4.5vw;
    }
}

.yani2-area {
    width: 100%;
    background: #e7f6ed;
    padding: 3%;
    font-size: 15px;
}

#campmain .yani2-area p.key {
    color: #706e6f;
    font-size: 240%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
}

#campmain span.green {
    color: #6ec560;
    font-size: 120%;
}

.yani3-area .col2 {
    border: 4px solid #8ba2d6;
    width: 47.5%;
    margin: 0 4% 20px 0;
    display: inline-block;
    padding: 0 2.5% 2.5% 2.5%;
}

.yani3-area .col2:nth-of-type(2n) {
    margin: 0 0 20px 0;
}

#campmain .yani3-area h3 {
    background: none;
    text-align: center;
    color: #f59625;
    margin: 10px 0 0 0;
}

#campmain .yani3-area img.alignleft {
    padding: 0 15px 5px 0;
}

.yani4-area {
    width: 100%;
    background: #d5e6f9;
    padding: 3%;
    font-size: 15px;
}

#campmain .yani4-area .caption {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    overflow: hidden;
}

#campmain .yani4-area .caption img.alignright {
    padding: 0 0 15px 15px;
}

#campmain .yani5-area h3 {
    color: #706e6f;
    font-size: 240%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
    border-bottom: 4px solid #f59625;
    display: inline-block;
}

#campmain span.orange1 {
    color: #f59625;
    font-size: 160%;
}

@media (max-width: 767px) {
    .contactBox img {
        max-width: 100%;
        height: auto;
    }

    .yani3-area .col2 {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }

    .yani3-area .col2:nth-of-type(2n) {
        margin: 0 0 15px 0;
        text-align: left;
    }

    .yani2-area h2 {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

@media (max-width: 880px) {
    #campmain .yani2-area p.key {
        font-size: 5.0vw;
        text-align: center;
    }

    #campmain .yani5-area h3 {
        font-size: 4.1vw;
        text-align: center;
    }

    .yani2-area {
        overflow: hidden;
    }

    .yani2-area h2 img {
        transform: scale(1.2);
        padding-bottom: 10px;
    }

    .yani2-area h2 img.tops {
        transform: scale(1.7);
    }

    #sub #campmain .col2 {
        text-align: left;
    }

    #campmain .yani3-area h3 {
        margin: 0;
    }

    #sub #campmain .yani3-area .col2 img {
        float: left !important;
        max-width: 45%;
    }

    #campmain .yani3-area h2 img {
        transform: scale(1.15) translate(-5%);
    }
}

@media (max-width: 375px) {
    #sub #campmain .yani3-area .col2 img {
        padding-bottom: 25px;
    }
}

@media (max-width: 352px) {
    #sub #campmain .yani3-area .col2 img {
        padding-bottom: 50px;
    }
}

@media (max-width: 324px) {
    #sub #campmain .yani3-area .col2 img {
        padding-bottom: 80px;
    }
}

/*------------------------------
airconditioner-autocleaning
-------------------------------*/
.sou1-area {
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.sou1-area h2 {
    color: #706e6f;
    font-size: 250%;
    font-weight: 600;
    position: relative;
}

.sou1-area h2 span.green-m {
    color: #5ebf9b;
    font-size: 120%;
}

.sou1-area h2 span.blue-l {
    color: #607fc5;
    font-size: 180%;
}

.sou1-area h2 span.red-l {
    color: #e8403f;
    font-size: 180%;
}

.pdl8 {
    padding: 0 0 0 8%;
}

@media (max-width: 880px) {
    .sou1-area h2 {
        font-size: 6.0vw;
        text-align: center;
    }

    #sub #campmain .sou1-area h2 img {
        display: none !important;
    }

    .sou1-area {
        overflow: hidden;
    }

    .sou1-area img.itemsp {
        transform: scale(1.328);
        padding: 5px 0 0 0;
    }
}

.sou2-area {
    width: 100%;
    background: #e3f0f2;
    padding: 3%;
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.sou3-area {
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.sou4-area {
    width: 100%;
    background: #dcedf9;
    padding: 3%;
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.sou4-area p {
    padding: 15px 0;
}

.sou4-area h2 {
    text-align: center;
    color: #706e6f;
    font-size: 235%;
    font-weight: 600;
    position: relative;
}

.sou4-area h2 span.blue {
    color: #607fc5;
}

.sou4-area h2 span.blue-l {
    color: #607fc5;
    font-size: 120%;
}

.sou4-area h2 span.orange-l {
    color: #f59625;
    font-size: 120%;
}

#campmain .sou4-area .caption {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    overflow: hidden;
}

#campmain .sou4-area h3 {
    color: #f59625;
    font-size: 200%;
    background: none;
    padding: 0 0 0 90px;
    position: relative;
    clear: both;
}

#campmain .sou4-area h3:before {
    content: '';
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-sou-areaicon1.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -38.5px;
    width: 77px;
    height: 77px;
    vertical-align: middle;
}

@media (max-width: 880px) {
    .sou3-area h2 img {
        transform: scale(1.3) translate(23px);
        padding-top: 8px;
    }

    .sou4-area h2 {
        font-size: 6.0vw;
        margin: 10px 0;
    }

    #campmain .sou4-area h3 {
        font-size: 6.0vw;
    }
}

.sou5-area {
    width: 100%;
    font-size: 15px;
    overflow: hidden;
    clear: both;
    border: 5px solid #cce4f6;
}

.sou5-area .exp {
    position: relative;
    margin: 60px 0;
}

.sou5-area .exp:after {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-sou-areaimg08.png");
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -115px;
}

.sou5-area .exp p {
    border: 3px solid #f8cbde;
    border-radius: 5px;
    padding: 3% 12% 3% 3%;
    margin: 3%;
    position: relative;
    width: 80%;
}

.sou5-area p.kirei {
    color: #5ebf9b;
    text-align: center;
    font-size: 200%;
    font-weight: 600;
    position: relative;
    line-height: 1.2em;
    margin: 50px 0;
}

.sou5-area p.kirei:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-sou-areaicon2.png");
    position: absolute;
    top: 50%;
    left: 13%;
    margin-top: -32px;
}

.sou5-area p.kirei:after {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-sou-areaicon3.png");
    position: absolute;
    top: 50%;
    right: 13%;
    margin-top: -32px;
}

@media (max-width: 880px) {
    .sou5-area img.sp {
        padding: 0 3%;
    }

    .sou5-area .exp {
        margin: 0 0 50px 0;
    }

    .sou5-area .exp p {
        width: 94%;
        padding: 3%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .sou5-area .exp:after {
        position: absolute;
        content: '';
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-sou-areaimg08.png) no-repeat;
        bottom: -55px;
        width: 110px;
        height: 100px;
        background-size: 105px;
        top: inherit;
        text-align: left;
    }

    .sou5-area p.kirei {
        font-size: 4.0vw;
        margin: 30px 0;
        z-index: 10;
        display: block;
    }

    .sou5-area p.kirei:before {
        left: 0%;
        z-index: -1;
    }

    .sou5-area p.kirei:after {
        right: 0%;
        z-index: -1;
    }

    #sub #campmain .sou5-area h2 img {
        transform: scale(1.2);
    }
}

/*------------------------------
airconditioner-waterdrop
-------------------------------*/
.kabi1-area {
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.kabi1-area .appeal {
    position: relative;
    background: #ffffff;
    border: 4px solid #ced9f1;
    margin-bottom: 50px;
    padding: 3%;
}

.kabi1-area .appeal:after,
.kabi1-area .appeal:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.kabi1-area .appeal:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 50px;
    margin-left: -50px;
}

.kabi1-area .appeal:before {
    border-color: rgba(206, 217, 241, 0);
    border-top-color: #ced9f1;
    border-width: 56px;
    margin-left: -56px;
}

.kabi1-area .appeal p.key {
    color: #706e6f;
    font-size: 240%;
    font-weight: 600;
    position: relative;
    line-height: 1.6em;
}

.kabi1-area .appeal p.key span.green {
    color: #5ebf9b !important;
    font-size: 110%;
}

.kabi1-area .appeal p.key span.green-l {
    color: #5ebf9b !important;
    font-size: 150%;
}

#campmain .kabi1-area .appeal img.alignleft {
    padding: 0 15px 0 0;
}

.kabi1-area .appeal p.key2 {
    color: #f59625;
    font-size: 200%;
    font-weight: 600;
    position: relative;
    padding: 30px 0 0 0;
    line-height: 1.3em;
}

@media (max-width: 880px) {
    .kabi1-area .appeal p.key {
        font-size: 4.5vw;
        line-height: 1.2em;
        text-align: center;
        padding: 10px 0;
    }

    .kabi1-area .appeal p.key2 {
        font-size: 4.5vw;
        text-align: center;
        padding: 0;
    }

    .kabi1-area .appeal .key img {
        width: 200px !important;
        margin-bottom: 10px !important;
    }

    .kabi1-area img.bottoms {
        transform: scale(1.61);
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.kabi2-area {
    width: 100%;
    background: #eff4fa;
    border-radius: 15px;
    padding: 3%;
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.kabi2-area h3 {
    color: #706e6f;
    font-size: 220%;
    font-weight: 600;
    position: relative;
    background: none !important;
    padding: 15px 0 !important;
    margin: 0 !important;
}

.kabi2-area span.orange-l {
    color: #f59625;
    font-size: 130%;
}

#campmain .kabi2-area img.alignright {
    padding: 0 0 15px 15px;
}

@media (max-width: 880px) {
    #campmain .kabi2-area h3 {
        font-size: 5.0vw;
    }
}

.kabi3-area {
    width: 100%;
    font-size: 15px;
}

.kabi3-area h2 {
    margin-bottom: 0px;
    z-index: 10;
    position: relative;
}

#campmain .kabi3-area h3 {
    background: #7ea6d7;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 220%;
    padding: 20px 0 14px 0;
    position: relative;
    clear: both;
    margin: 0;
}

.kabi3-area .caption {
    width: 100%;
    background: #ffffff;
    border: 3px solid #7ea6d7;
    padding: 3%;
}

#campmain .kabi3-area .key {
    color: #706e6f;
    font-size: 220%;
    font-weight: 600;
}

#campmain .kabi3-area .key span {
    font-size: 140%;
    color: #f59625;
}

#campmain .kabi3-area .cl {
    clear: both;
}

@media (max-width: 880px) {
    #campmain .kabi3-area h3 {
        font-size: 5.0vw;
        padding: 10px 0 5px 0;
    }

    #campmain .kabi3-area .key {
        font-size: 3.6vw;
    }
}

.kabi4-area {
    width: 100%;
    background: #f4fbfd;
    border-radius: 15px;
    padding: 3%;
    font-size: 15px;
    overflow: hidden;
    clear: both;
}

.kabi4-area h3 {
    color: #706e6f;
    font-size: 220%;
    font-weight: 600;
    position: relative;
    background: none !important;
    padding: 15px 0 !important;
    margin: 0 !important;
}

.kabi4-area h3 span.orange-l {
    color: #f59625;
    font-size: 130%;
}

#campmain .kabi4-area .cl {
    clear: both;
}

.kabi5-area {
    width: 100%;
    font-size: 15px;
}

#campmain .kabi5-area h3 {
    color: #607fc5;
    font-size: 300%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
    border-bottom: 4px solid #607fc5;
    display: inline-block;
}

h2 img.wres1 {
    margin-top: -10rem !important;
}

@media (max-width: 880px) {
    .inner h2 img.itemsp1 {
        transform: scale(1.2) translate(25px);
    }

    #campmain .kabi5-area h3 {
        font-size: 6.7vw;
    }

    h2 img.wres1 {
        margin-top: -2rem !important;
        z-index: 1;
        position: relative;
    }

    h2 img.wres0 {
        transform: scale(1.7);
        padding: 2rem 0 0 0;
    }
}

/*------------------------------
airconditioner-powersaving
-------------------------------*/
.se1-area {
    width: 100%;
    background: #e9fafc;
    border: 3px solid #bee5f3;
    padding: 2%;
    font-size: 15px;
    margin: 10px 0;
    position: relative;
}

#campmain .se1-area li {
    color: #706e6f;
    font-size: 220%;
    background: none;
    padding: 0 0 0 40%;
    position: relative;
    clear: both;
    font-weight: 600;
}

#campmain .se1-area ul:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaimg1.png");
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 7%;
    margin-bottom: -10px;
}

#campmain .se1-area li:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaicon1.png");
    position: absolute;
    top: 50%;
    left: 35%;
    margin-top: -20.5px;
}

#campmain .se1-area li .orange-l {
    color: #f59625;
    font-size: 130%;
}

@media (max-width: 880px) {
    #campmain .se1-area ul:before {
        position: absolute;
        content: '';
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaimg1.png) no-repeat;
        top: inherit;
        bottom: 0;
        left: inherit;
        right: 0;
        width: 270px;
        height: 235px;
        background-size: 83%;
    }

    #campmain .se1-area li {
        font-size: 5.0vw;
        padding: 0 0 0 10%;
        display: block;
        z-index: 10;
    }

    #campmain .se1-area li:before {
        left: 3%;
    }
}

@media (max-width: 767px) {
    #campmain .se1-area ul:before {
        width: 155px;
        height: 164px;
        background-size: 100%;
        display: block;
    }
}

@media (max-width: 600px) {
    #campmain .se1-area li:before {
        position: absolute;
        content: '';
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaicon1.png) no-repeat;
        top: inherit;
        bottom: 50%;
        left: 0;
        width: 100%;
        height: 30px;
        background-size: 6%;
        margin-bottom: -17.5px;
    }

    #campmain .se1-area ul:before {
        width: 100px;
        height: 108px;
        background-size: 100%;
        display: block;
    }

}

@media (max-width: 414px) {
    #campmain .se1-area li:before {
        height: 26px;
    }

    #campmain .se1-area ul:before {
        background: none;
    }
}

.se2-area {
    font-size: 15px;
    position: relative;
    clear: both;
}

.se2-area h3 {
    color: #706e6f;
    font-size: 220%;
    font-weight: 600;
    position: relative;
    background: none !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    line-height: 1.6em;
}

.se2-area h3 span.blue-l {
    color: #607fc5;
    font-size: 130%;
    border-bottom: 3px solid #607fc5;
}

.se3-area {
    font-size: 15px;
    position: relative;
    clear: both;
}

.se4-area {
    font-size: 15px;
    position: relative;
    clear: both;
    background: #e7f6ed;
    padding: 3%;
}

.se4-area .col2 {
    width: 47.5%;
    margin: 0 4% 20px 0;
    display: inline-block;
    padding: 2.5% 0;
    vertical-align: top;
}

.se4-area .col2:nth-of-type(2n) {
    margin: 0 0 20px 0;
}

@media (max-width: 767px) {
    .se4-area .col2 {
        width: 100%;
        margin: 0 0 0 0;
        text-align: left;
        padding: 0;
    }

    .se4-area .col2:nth-of-type(2n) {
        margin: 0 0 0 0;
        text-align: left;
        padding: 0;
    }
}

.se4-area h3 {
    color: #f59625;
    font-size: 220%;
    background: none !important;
    padding: 0 0 0 70px !important;
    position: relative;
    clear: both;
}

.se4-area h3 span {
    font-size: 80%;
}

@media (max-width: 880px) {
    .se4-area h3 {
        font-size: 6.0vw !important;
    }

    .se4-area h3.tops {
        margin: 30px 0 20px 0 !important;
    }
}

.se4-area h3:before {
    content: '';
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaicon2.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    vertical-align: middle;
}

.se5-area {
    font-size: 15px;
}

.se5-area .col2 {
    border: 4px solid #8ba2d6;
    width: 47.5%;
    margin: 0 4% 20px 0;
    display: inline-block;
    padding: 0 2.5% 2.5% 2.5%;
    vertical-align: top;
    min-height: 495px;
}

.se5-area .col2:nth-of-type(2n) {
    margin: 0 0 20px 0;
}

.se5-area h3 {
    color: #f59625;
    font-size: 200% !important;
    background: none !important;
    padding: 0 0 0 0 !important;
    position: relative;
    clear: both;
    text-align: center;
    margin: 20px 0 10px 0 !important;
}

.se5-area h3 span {
    font-size: 70%;
}

.se5-area p {
    padding: 10px 0;
}

.se5-area h2 img.res1 {
    margin-top: -20px !important;
}

@media (max-width: 767px) {
    .se5-area .col2 {
        width: 100%;
        margin: 0 0 15px 0;
        min-height: auto;
    }

    .se5-area .col2:nth-of-type(2n) {
        margin: 0 0 15px 0;
        text-align: left;
    }

    .se5-area .col2 h3 {
        text-align: left;
    }

    .se5-area h2 img.res0 {
        transform: scale(1.7);
        padding-bottom: 22px;
        padding-top: 14px;
    }

}

@media (max-width: 880px) {
    .se5-area h3 {
        font-size: 6.0vw !important;
    }

    .contactBox .ttl {
        font-size: 4.0vw !important;
    }
}

@media (max-width: 880px) {
    ul.list02 {
        width: 94%;
        margin: 0 auto;
    }
}

/*adjust*/
p.text-right.mt1 a {
    text-decoration: underline !important;
}

section#menulist {
    margin-top: -123px;
    padding-top: 123px;
}

@media (max-width: 880px) {
    section#menulist {
        margin-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 414px) {
    .airconditioner .area dl.pricedl {
        margin-right: 0;
    }
}

/*aircon-menu*/
@media (max-width: 320px) {
    .priceContainer .area dl.listPrice dt {
        width: 65% !important;
    }

    .priceContainer .area dl.listPrice dd {
        padding-left: 0.5rem !important;
    }

    dl.pricedl dt span.boxyellow {
        padding: 5px !important;
    }

    .small {
        font-size: .7em !important;
    }
}

@media (max-width: 414px) {

    /*closing^banner-sp*/
    .Ccloseinner {
        overflow: hidden;
    }

    .Ccloseinner img:first-child {
        transform: scale(1.3);
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .airconditioner .inner {
        padding-bottom: 1.0em !important;
        overflow: hidden;
    }
}

h2 img.cause1 {
    margin-bottom: -1rem !important;
}

/*shortcode-list*/
table.list {
    border: #dcdddd 1px solid;
    color: #333333;
    border-collapse: collapse;
    width: 100%;
    font-size: 93%;
    margin: 30px 0;
}

table.list th {
    border: #dcdddd 1px solid;
    background-color: #efefef;
    text-align: left;
    padding: 10px;
}

table.list td {
    border: #dcdddd 1px solid;
    background-color: #ffffff;
    text-align: center;
    padding: 10px;
    vertical-align: top;
}

h2.listheadline {
    padding: 30px 0 0 0;
    text-align: center;
}

h3.listheadline {
    padding: 30px 0 0 0;
    text-align: center;
}

/*partnership*/
.partnership img.aligncenter {
    margin: 0 auto;
    display: block;
}

.partnership h2 span.pink {
    color: #f17897;
}

.partnership h3 {
    font-size: 38px;
    color: #333333;
    text-align: center;
    margin: 20px 0;
}

.partnership h3 span.blue {
    color: #3f69c9;
}

.partnership .txt-area {
    font-size: 18px;
}

.partnership .osusume-area ul {
    text-align: center;
}

.partnership .osusume-area .target {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

.partnership .osusume-area .target li {
    box-shadow: 0px 3px 8px -2px #d6d6d6;
    -moz-box-shadow: 0px 3px 8px -2px #d6d6d6;
    -webkit-box-shadow: 0px 3px 8px -2px #d6d6d6;
    display: inline-block;
    margin: 15px 10px;
    background: #e1ebf8;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1%;
    position: relative;
    width: 29%;
    color: #29427b;
    border: 1px solid #c4d5eb;
}

.partnership .osusume-area .merit {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    box-sizing: border-box;
    margin: 0 auto 30px;
    background: url(../images/house-cleaning/partnership/osusume-bg.png) no-repeat top;
    background-size: cover;
}

.partnership .osusume-area .merit li {
    display: inline-grid;
    margin: 15px 10px;
    box-sizing: border-box;
    padding: 1%;
    position: relative;
    /*    font-size: 20px;
    color: #333333;
    font-weight: bold;
    border: 3px solid #f17897;
    background: rgba(255,255,255,0.8);
		width: 230px;
		height: 230px;
		border-radius: 50%;
		line-height: 1.8em;*/
}

/*.partnership .osusume-area .merit li p{
		position:relative;
		top:50%;
	  transform: translateY(-27%);
	  -ms-transform: translateY(-27%);
	  -webkit-transform: translateY(-27%);
}
.partnership .osusume-area .merit li p.adjust{
		padding-top:15px;
	}
.partnership .osusume-area .merit span.pink{
    font-size: 34px;
		color:#f17897;
	}
.partnership .osusume-area .merit span.pink-small{
    font-size: 28px;
		color:#f17897;
	}*/
.partnership .contactBox .ttl {
    background-color: #29427b;
    text-align: left;
    padding: 10px 0 1px 7%;
    font-size: 2.9rem;
}

.partnership .contactBox .box04 {
    border: 4px solid #29427b;
    padding: 30px 9% 0 9%;
    position: relative;
}

.partnership .contactBox img.staff {
    margin-top: -100px;
}

.partnership .Box2 {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.partnership p.caption {
    text-align: center;
    font-size: 18px;
}

ul.gflowList li {
    background-color: #fff;
    border: 5px solid #d7e1fb;
    box-sizing: border-box;
    padding: 15px 20px;
    width: 96%;
    margin: 0 auto 50px;
    position: relative;
    border-radius: 10px;
    max-height: 210px;
}

ul.gflowList li:after {
    position: absolute;
    content: url(../images/house-cleaning/partnership/flow_arrow.png);
    bottom: -50px;
    left: 13.5%;
}

ul.gflowList li.last:after {
    position: relative;
    content: none;
}

ul.gflowList li .left-b {
    width: 30%;
    margin: 0 4% 0 0;
    display: inline-block;
    vertical-align: top;
}

ul.gflowList li .right-b {
    width: 65%;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}

ul.gflowList li h3 {
    font-size: 3.2rem;
    color: #3f69c9;
    margin: 0;
}

ul.gflowList li h3 span {
    font-size: 18px;
    color: #333333;
    display: block;
    border-bottom: 2px solid #d7e1fb;
    margin-bottom: 15px;
}

ul.gflowList li h3 span b {
    font-size: 3.2rem;
}

ul.gflowList li p {
    font-size: 17px;
}

ul.gflowList li p.point {
    font-size: 26px;
    font-weight: bold;
    padding-left: 120px;
}

ul.gflowList li p.point:before {
    content: '';
    background: url(/clutch/wp-content/themes/cleancrew/images/house-cleaning/partnership/point.png) no-repeat;
    width: 102px;
    position: absolute;
    background-size: 102px;
    height: 30px;
    top: 5px;
    left: 0;
}

ul.gflowList li:first-child .inline_b {
    display: inline-block;
    margin-right: 30px;
    zoom: .75;
}

.partnership .r-area {
    text-align: left;
    font-size: 15px;
    width: 450px;
    margin: 40px 25px 25px 25px;
}

.partnership .r-area h3 {
    color: #3f69c9;
    font-size: 26px;
}

.partnership .jirei-area h3 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #3f69c9;
    margin: 0;
}

.partnership .jirei-area ul {
    text-align: center;
}

.partnership .jirei-area .target {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

.partnership .jirei-area .target li {
    color: #333333;
    text-align: left;
    display: inline-block;
    margin: 15px 25px 15px 0;
    background: #eaf0ff;
    border-radius: 15px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 2%;
    position: relative;
    width: 31%;
}

.partnership .jirei-area .target li:nth-child(3n) {
    margin: 15px 0;
}

.partnership .jirei-area .target li img {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
}

/*------------------------
Price times
-------------------------*/
/*price*/
.priceBox .times {
    text-align: right;
    font-size: 1.6rem;
    padding-right: 2.8rem;
}

#sub .priceBox .times img {
    width: auto;
}

.priceBox .times {
    text-align: right;
    font-size: 1.4rem;
    padding-right: 2.8rem;
    margin: 5px 0 0;
}

#sub .priceBox .times img {
    width: auto;
}

/*air_conditioner*/
.aircon .area .pricedltime {
    margin-right: 20px;
    text-align: right;
    position: absolute;
    bottom: -9px;
    right: 0;
    font-size: 1.6rem;
}

.airconditioner .area .pricedltime {
    margin-right: 20px;
    text-align: right;
    position: absolute;
    top: 215px;
    right: 0;
    font-size: 1.6rem;
}

#sub .area .pricedltime img {
    width: auto;
}

#sub #campmain .area .pricedltime img {
    width: auto;
    display: inline-block !important;
}

.ar-times {
    position: absolute;
    top: 40px;
    right: 3%;
    font-size: 1.6rem;
}

.ar-subtimes {
    position: absolute;
    top: 7%;
    right: 3%;
    font-size: 1.6rem;
}

#sub .ar-times img {
    width: auto;
}

#sub .ar-subtimes img {
    width: auto;
}

.sec02 .box03 {
    position: relative;
}

/*biz*/
.biz-times {
    margin-top: -20px;
}

#sub .biz-times img {
    width: auto;
}

/*Prod*/
.pro-times {
    width: 90%;
    margin: auto;
    text-align: right;
    font-size: 1.6rem;
}

#sub .pro-times img {
    width: auto;
}

@media (max-width: 767px) {

    /*price*/
    .priceBox .times {
        text-align: left;
        padding-right: 0rem;
    }

    /*air_conditioner*/
    .aircon .area .pricedltime {
        margin-right: 3%;
        bottom: 0px;
    }

    .airconditioner .area .pricedltime {
        top: inherit;
        bottom: 25px;
    }

    .ar-times {
        position: relative;
        text-align: right;
        top: inherit;
    }

    .ar-subtimes {
        position: relative;
        text-align: right;
    }

    .partnership .contactBox .box04 {
        padding: 30px 3% 0 3%;
    }

    .partnership br.pc {
        display: none;
    }

    #sub img.arrows {
        width: 30%;
    }

    .partnership h3 {
        font-size: 4.8vw;
    }

    .partnership .txt-area {
        width: 96%;
        margin: 0 auto;
        font-size: 14px;
    }

    .partnership .osusume-area .target {
        border-spacing: 0;
    }

    .partnership .osusume-area .target li {
        width: 48%;
        font-size: 3.0vw;
        margin: 5px;
        box-shadow: none;
        border: none;
    }

    .partnership .contactBox .ttl {
        text-align: center;
        padding: 10px 0 1px;
    }

    .partnership .contactBox img.staff {
        margin-top: 0px;
        display: none;
    }

    .partnership .contactBox img.sp-staff {
        width: 120px !important;
        height: auto;
        position: absolute;
        top: -109px;
        right: 8%;
    }

    ul.gflowList li img {
        width: auto !important;
        margin: 0 auto;
    }

    ul.gflowList li p.point {
        font-size: 4.2vw;
        padding-left: 0;
        padding-top: 35px;
    }

    ul.gflowList li p.point:before {
        top: 0px;
    }

    ul.gflowList li {
        max-height: inherit;
    }

    ul.gflowList li .left-b,
    ul.gflowList li .right-b {
        width: 100%;
        margin: 0 auto 20px auto;
        display: block;
        vertical-align: top;
    }

    ul.gflowList li:after {
        bottom: -45px;
        left: 50%;
        margin-left: -29px;
    }

    .partnership .r-area {
        width: 96%;
        margin: 0 auto 6.0rem auto;
    }

    .partnership .r-area h3 {
        font-size: 2rem;
    }

    .partnership .Box2 {
        width: 96%;
        display: inherit;
        vertical-align: top;
        text-align: center;
        margin: 0 auto 2.0rem auto;
    }

    .partnership .jirei-area h3 {
        margin: 15px 0 0 0;
    }

    .partnership .jirei-area .target li {
        width: 46%;
        min-height: 400px;
        display: inline-grid;
    }

    .partnership .jirei-area .target li:nth-child(2n) {
        margin: 15px 0;
    }

    .partnership .jirei-area .target li:nth-child(3n) {
        margin: 15px 25px 15px 0;
    }

    .partnership .jirei-area .target li:nth-child(6) {
        margin: 15px 0;
    }

    .partnership .osusume-area .merit li {
        width: 45%;
        padding: 0;
    }
}

@media (max-width: 646px) {
    .partnership .osusume-area .merit {
        border-spacing: 0;
    }

    /*.partnership .osusume-area .merit li{
	width: 200px;
	height: 200px;
	font-size: 2.9vw;
	}
.partnership .osusume-area .merit span.pink{
	font-size: 5.0vw;
	}
	.partnership .osusume-area .merit span.pink-small{
		font-size: 4.8vw;
	}*/
    .partnership .jirei-area .target li {
        width: 100%;
        margin: 5px 0;
        padding: 15px;
    }

    .partnership .jirei-area .target li img {
        width: auto !important;
        margin: 0 auto;
    }

    .partnership .contactBox img.sp-staff {
        right: 5%;
        width: 20% !important;
        top: -39%;
    }
}

@media (max-width: 530px) {
    .partnership .osusume-area .target li {
        width: 47%;
    }

    /*.partnership .osusume-area .merit li{
	width: 180px;
	height: 180px;
	}*/
}

@media (max-width: 425px) {
    .partnership .osusume-area .merit li {
        width: 43%;
        margin: 5px;
    }
}

@media (max-width: 354px) {
    .partnership .osusume-area .target li {
        width: 46%;
    }

    /*.partnership .osusume-area .merit li {
    width: 115px;
    height: 115px;
}*/
}


/* floorcoating */
#PriceInfo {
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
}

#PriceInfo dd,
#PriceInfo dt {
    display: inline-block;
    vertical-align: top;
}

#PriceInfo dl {
    width: 100%;
    max-width: 1000px;
    /*margin: 15px auto;*/
    margin: 0 0 15px 0;
}

#PriceInfo dl:last-child {
    margin: 0;
}

#PriceInfo dt {
    background: #EE587E;
    color: #fff;
    padding: 5px;
    font-size: 150%;
    width: 150px;
    line-height: 3.0rem;
    vertical-align: top;
    margin-top: 3px;
}

#PriceInfo .red {
    font-size: 1.1em;
    display: inline-block;
    margin-left: 15px;
}

#PriceInfo .red:before {
    content: "￥";
    font-size: 30px;
}

#PriceInfo .camp {
    font-size: 35px;
    font-weight: bold;
}

#PriceInfo .caption {
    width: 370px;
    text-align: left;
    padding-left: 20px;
}

.floorcoating .about {
    margin: 30px 0;
    overflow: hidden;
}

.floorcoating .about h3 {
    text-align: center;
    margin-bottom: 30px;
}

.floorcoating .about p {
    font-size: 140%;
}

.floorcoating #point ul li {
    display: inline-block;
    width: 30%;
    margin: 0 1.5%;
    vertical-align: top;
}

.floorcoating #point ul li p {
    padding: 15px 0;
}

.floorcoating img {
    max-width: 100%;
    height: auto;
}

.floorcoating img.alignleft {
    float: left;
    padding: 0 15px 45px 0;
}

.floorcoating img.alignright {
    float: right;
    padding: 0 0 45px 15px;
}

.floorcoating img.aligncenter {
    margin: 0 auto;
    display: block;
}

.floorcoating #sign {
    clear: both;
}

.floorcoating #cleanflow li {
    position: relative;
    display: inline-block;
    padding: 15px;
    width: 22%;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 0;
    margin-right: 2.5%;
    height: 65px;
    margin-bottom: 2.5%;
}

#sub #cleanflow .generals li h4 {
    font-size: 15px;
}

.floorcoating #cleanflow li h4 {
    margin-top: 0 !important;
    padding-top: 6px;
    padding-left: 50px;
    color: #656565;
}

.floorcoating #cleanflow .coatings li {
    height: 110px;
}

.floorcoating #cleanflow .coatings li.cflow01 {
    background: url(../images/house-cleaning/floorcoating/1flooring.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow02 {
    background: url(../images/house-cleaning/floorcoating/2yojo.png) no-repeat 90% 20%;
    background-size: auto 26%;
}

.floorcoating #cleanflow .coatings li.cflow03 {
    background: url(../images/house-cleaning/floorcoating/3hakuri.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow04 {
    background: url(../images/house-cleaning/floorcoating/4baketsu.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow05 {
    background: url(../images/house-cleaning/floorcoating/5susugi.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow06 {
    background: url(../images/house-cleaning/floorcoating/6hakurishiage.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow07 {
    background: url(../images/house-cleaning/floorcoating/7kanso.png) no-repeat 90% 17%;
    background-size: auto 30%;
}

.floorcoating #cleanflow .coatings li.cflow08 {
    background: url(../images/house-cleaning/floorcoating/8dust.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow09 {
    background: url(../images/house-cleaning/floorcoating/9shitaji.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow10 {
    background: url(../images/house-cleaning/floorcoating/10tofu.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow11 {
    background: url(../images/house-cleaning/floorcoating/1flooring.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li.cflow12 {
    background: url(../images/house-cleaning/floorcoating/12saishukakunin.png) no-repeat 90% 14%;
    background-size: auto 37%;
}

.floorcoating #cleanflow .coatings li h4 {
    padding-left: 0;
    font-size: 2.0rem;
    padding-top: 50px;
    text-align: center;
}

.floorcoating #cleanflow .coatings li h4 span {
    background: url(../images/house-cleaning/floorcoating/tag.png) no-repeat left top;
    position: absolute;
    top: -6px;
    left: -19px;
    width: 100px;
    height: 42px;
    padding: 9px 10px 0 3px;
    font-size: 1.8rem;
    color: #fff;
}

.floorcoating #cleanflow li h4 .lv90 {
    font-size: 90%;
}

.floorcoating #cleanflow li h4 .lv901 {
    font-size: 90%;
    top: -1px;
    position: absolute;
}

.floorcoating span.p150 {
    font-size: 150%;
}

.floorcoating .mt-14 {
    margin-top: -14px;
}

.floorcoating .generals h3 {
    color: #656565;
}

.floorcoating #cleanflow .generals li h4 span {
    background-color: #656565;
    top: 0;
}

.floorcoating #cleanflow .generals li:before {
    border-color: transparent transparent transparent #656565;
}

.floorcoating .pull-left {
    width: 65%;
}

.floorcoating .pull-right {
    width: 35%;
}

.floorcoating .pull-right img {
    width: auto !important;
    display: block;
    margin: 0 auto;
}

@media (max-width: 767px) {
    #sub #cleanflow .generals li h4 {
        font-size: 14px;
        padding-top: 11px;
    }

    .floorcoating #cleanflow .coatings li h4 {
        margin-bottom: 0 !important;
        font-size: 1.7rem;
    }

    .floorcoating #cleanflow .generals li h4 span {
        top: 5px;
    }

    .floorcoating .mt-14 {
        margin-top: -12px;
    }

    .floorcoating #cleanflow li h4 .lv901 {
        top: 4px;
    }

    .floorcoating #cleanflow .coatings li.cflow01 {
        background: url(../images/house-cleaning/floorcoating/1flooring.png) no-repeat 92% 14%;
        background-size: auto 35%;
        padding: 18px 15px 5px 15px;
    }

    .floorcoating #cleanflow .coatings li.cflow01 h4 span {
        top: -10px;
    }

    .floorcoating #cleanflow .coatings li h4 span {
        font-size: 1.5rem;
    }

    .floorcoating #cleanflow .coatings li.cflow02 {
        background: url(../images/house-cleaning/floorcoating/2yojo.png) no-repeat 93% 20%;
        background-size: auto 23%;
    }

    .floorcoating #cleanflow .coatings li.cflow03 {
        background: url(../images/house-cleaning/floorcoating/3hakuri.png) no-repeat 90% 15%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow04 {
        background: url(../images/house-cleaning/floorcoating/4baketsu.png) no-repeat93% 46%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow05 {
        background: url(../images/house-cleaning/floorcoating/5susugi.png) no-repeat 91% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow06 {
        background: url(../images/house-cleaning/floorcoating/6hakurishiage.png) no-repeat 91% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow07 {
        background: url(../images/house-cleaning/floorcoating/7kanso.png) no-repeat 91% 20%;
        background-size: auto 30%;
    }

    .floorcoating #cleanflow .coatings li.cflow08 {
        background: url(../images/house-cleaning/floorcoating/8dust.png) no-repeat 90% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow09 {
        background: url(../images/house-cleaning/floorcoating/9shitaji.png) no-repeat 91% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow10 {
        background: url(../images/house-cleaning/floorcoating/10tofu.png) no-repeat 91% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow11 {
        background: url(../images/house-cleaning/floorcoating/1flooring.png) no-repeat 91% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .coatings li.cflow12 {
        background: url(../images/house-cleaning/floorcoating/12saishukakunin.png) no-repeat 91% 20%;
        background-size: auto 35%;
    }

    .floorcoating #cleanflow .generals li {
        width: 96%;
        padding: 5px;
        height: 51px;
    }

    .floorcoating #point ul li {
        display: inherit;
        width: 96%;
        margin: 0 auto;
    }

    #sub .floorcoating img {
        width: inherit;
        display: block !important;
        max-width: 100%;
        float: none !important;
        margin: 0 auto;
    }

    .floorcoating img.alignleft,
    .floorcoating img.alignright {
        padding: 15px 0;
        width: auto !important;
    }

    .floorcoating #cleanflow li {
        width: 100%;
    }

    .floorcoating h3 {
        text-align: center;
    }

    .floorcoating h3 {
        text-align: center;
    }

    .floorcoating span.p150 {
        font-size: 100%;
    }

    .generals {
        width: 43.0%;
        display: inline-block;
    }

    .coatings {
        width: 55.0%;
        display: inline-block;
    }

    .floorcoating #cleanflow li h4,
    .floorcoating #cleanflow li p {
        margin-left: 0;
    }

    .floorcoating .pull-left {
        width: 100%;
        float: none;
    }

    .floorcoating .pull-right {
        width: 100%;
        float: none;
    }
}

@media (max-width: 590px) {

    .floorcoating img.alignleft,
    .floorcoating img.alignright {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .floorcoating .about p {
        font-size: 100%;
    }

    .floorcoating #cleanflow li h4 {
        font-size: 3.5vw;
        padding-left: 30%;
        padding-top: 4%;
    }

}

@media (max-width: 456px) {
    #PriceInfo {
        padding: 10px;
    }

    #PriceInfo dt {
        padding: 0px 2%;
        font-size: 1.4rem;
        width: auto;
        vertical-align: top;
        margin-top: 3px;
        line-height: 3rem;
    }

    #PriceInfo .red {
        margin-left: 5px;
        font-size: 3rem;
    }

    #PriceInfo .red:before {
        content: "￥";
        font-size: 1.8rem;
    }

    #PriceInfo .camp {
        font-size: 1.6rem;
    }

    #PriceInfo .caption {
        width: auto;
        padding-left: 0;
    }
}

/*add-selectplan*/
#plan-select h2 {
    background: url(../images/common/plan_ico02.jpg) no-repeat left 50%;
}

#plan-select .col2 h3 {
    color: #df256c;
    font-size: 16px;
}

#plan-select .col4 h3 {
    color: #df256c;
    font-size: 18px;
}

#plan-select .text-center {
    text-align: center;
    clear: both;
}

#plan-select .col4 li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#plan-select .col4 li:nth-child(4n+4) {
    margin-right: 0;
}

#plan-select .col4 li figure {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

#plan-select .col4 li figure img {
    width: auto;
}

#sub #plan-select .textarea01 {
    padding: 20px 15px 20px;
    background: url(../images/common/top_arw.jpg) no-repeat left top;
}

#sub #plan-select .textarea01 p {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding-left: 40px;
}

#sub #plan-select .textarea02 {
    padding: 9px 15px 9px;
    background: url(../images/common/top_arw.jpg) no-repeat left top;
    font-size: 14px;
    font-weight: bold;
}

#sub #plan-select .textarea02 p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-left: 40px;
}

@media (max-width: 767px) {
    #plan-select .col4 li {
        display: inline-block;
        font-size: 1em;
        width: 33.3%;
        padding: 0;
        text-align: center;
        margin: 0;
        box-shadow: none;
        height: 100px;
    }

    #plan-select .col4 li figure {
        padding-top: 15px;
        position: inherit;
        display: block;
    }

    #plan-select .col4 li:nth-child(3n+3) {
        margin-right: 0;
    }

    #plan-select .col4 li:nth-child(4n+4) {
        margin-right: 0;
    }

    #sub #plan-select .textarea01 {
        background: none;
    }

    #sub #plan-select .textarea01 p {
        padding: 0;
        font-size: 2.5vw;
    }

    #sub #plan-select .textarea02 {
        background: none;
    }

    #sub #plan-select .textarea02 p {
        padding: 0;
        font-size: 2.0vw;
    }
}

@media (max-width: 414px) {
    #plan-select .col4 li {
        height: 75px;
    }

    #sub #plan-select .textarea01,
    #sub #plan-select .textarea02 {
        padding: 0;
    }
}

a.button03 {
    position: relative;
    display: inline-block;
    padding: .6em 0 .6em;
    width: 100%;
    max-width: 600px;
    margin: auto;
    color: #fff !important;
    background-color: #ffa200;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    font-size: 2.0rem;
    font-weight: 600;
    border-radius: 20px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.button03::before {
    position: absolute;
    top: 50%;
    left: 1.5em;
    content: '';
    margin-top: -5px;
    border: 8px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #fff;
    transition: all .2s;
}

.button03:hover::before {
    left: 2em;
    border-left-color: #f37200;
}

.button03:hover,
.button.on {
    background: #f37200;
    text-decoration: none;
}

/*select*/
.select #submain h3 {
    font-size: 26px;
    color: #333333;
    text-align: center;
    margin: 20px 0;
}

.select #submain h3 span.red {
    color: #e12826;
    font-size: 36px;
}

.select .txt-area {}

.select .txt-area p {
    text-align: center;
    font-size: 18px;
}

.select .col3 {
    display: inline-block;
    width: 33%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.select .col3 p {
    color: #ee587e;
    padding: 4px 0;
    font-size: 15px;
    font-weight: bold;
}

#pricetable {
    border: 1px solid #ddd;
    margin: 10px 0;
    box-sizing: border-box;
    text-align: center;
}

#pricetable dd,
#pricetable dt {
    display: inline-block;
}

#pricetable dl {
    width: 100%;
    max-width: 1000px;
    /*margin: 15px auto;*/
    margin: 0;
    /*border-bottom: 1px solid #ddd;*/
    padding: 10px 30px 10px 30px;
    text-align: left;
}

#pricetable dl:last-child {
    border-bottom: none;
}

#pricetable dt {
    background: #EE587E;
    color: #fff;
    padding: 5px;
    font-size: 130%;
    width: 165px;
    line-height: 3.0rem;
    vertical-align: top;
    margin-top: 6px;
    text-align: center;
}

#pricetable .camp {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

#pricetable .caption {
    width: auto;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
    vertical-align: top;
}

#pricetable .red {
    font-size: 2.1em;
    display: inline-block;
    margin-left: 15px;
}

#pricetable .tax-inc.red {
    line-height: 1;
}

#pricetable .large {
    font-size: 1.4em;
}

#pricetable .red:before {
    content: "￥";
    font-size: 30px;
}

#pricetable .tax-inc.red:before {
    content: "";
    display: none;
}

p.playout {
    text-align: center;
}

.select h4 {
    font-weight: bold;
    font-size: 1.6em;
}

.select h5 {
    padding-top: 25px;
    font-weight: bold;
    font-size: 1.2em;
}

.select #submain h3.alignleft {
    text-align: left !important;
}

.select .col2-l {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    position: relative;
}

.select .col2-r {
    display: inline-block;
    width: 52%;
    margin-left: 1.5%;
    padding: 2.5%;
    box-sizing: border-box;
    border: 3px solid #d2d2d2;
    position: relative;
}

.select .col2-l:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    border-right: 30px solid #d2d2d2;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    right: -22px;
    z-index: 99;
    margin-top: -20px;
}

.select .col2-l:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    border-right: 24px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    right: -22px;
    z-index: 100;
    margin-top: -16px;
}

.select .col2-r:after {
    content: url(../images/house-cleaning/select/jirei_icon_voice.png);
    position: absolute;
    top: -3px;
    right: -3px;
}

.select .col2-r h4 {
    color: #f07997;
    border-bottom: 0px !important;
}

.select .col2-r p {
    font-size: 130%;
}

.select .jirei-area {
    background: #e8f7fd;
    margin: 20px 0;
    overflow: hidden;
}

.select .jirei-area h3 {
    color: #766255;
    padding-top: 30px;
    padding-left: 3.5%;
    margin: 0;
    text-align: left !important;
}

.select .jirei-areaimg {
    padding: 0 4% 4% 4%;
    overflow: hidden;
}

.select .jirei-area ul {
    text-align: center;
}

.select .jirei-area .target {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

.select .jirei-area .target li {
    box-shadow: 0px 3px 8px -2px #c1e3f0;
    -moz-box-shadow: 0px 3px 8px -2px #c1e3f0;
    -webkit-box-shadow: 0px 3px 8px -2px #c1e3f0;
    display: inline-block;
    margin: 10px 7px;
    background: #fff;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 7px 5px 4px 5px;
    position: relative;
    width: 23%;
    color: #4e4845;
}

.select .jirei-area img.alignright {
    float: right;
}

.select .jirei-area img.alignleft {
    float: left;
}

.select img.aligncenter {
    display: block;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .select #submain h3 {
        font-size: 17px;
    }

    .select #submain h3 span.red {
        font-size: 20px;
    }

    .select .col3 {
        width: 32%;
    }

    #sub .col3 img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .select .col2-r,
    .select .col2-l {
        width: 100%;
        margin: 0;
    }

    .select .col2-l:before {
        top: inherit;
        bottom: -3px;
        left: 50%;
        margin-left: -15px;
        border-right: 20px solid transparent;
        border-bottom: 30px solid #d2d2d2;
        border-left: 20px solid transparent;
    }

    .select .col2-l:after {
        top: inherit;
        bottom: -8px;
        left: 50%;
        border-right: 20px solid transparent;
        border-bottom: 30px solid #fff;
        border-left: 20px solid transparent;
        margin-left: -15px;
    }

    .select .col2-r p {
        font-size: 110%;
    }

    .select .txt-area p {
        font-size: 14px;
        text-align: left;
    }

    .select .jirei-area .target {
        border-spacing: 0;
    }

    .select .jirei-area .target li {
        width: 46%;
        font-size: 3.0vw;
        margin: 5px;
    }

    #sub .jirei-area img {
        width: auto;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .select .jirei-area img.alignright {
        float: none;
        padding-bottom: 20px;
    }

    .select .jirei-area img.alignleft {
        float: none;
        padding-bottom: 20px;
    }

    p.playout {
        text-align: left;
    }

}

@media (max-width: 456px) {
    .select .col3 p {
        font-size: 13px;
    }

    #pricetable {
        padding: 10px;
    }

    #pricetable dt {
        padding: 0px 2%;
        font-size: 1.4rem;
        width: auto;
        vertical-align: top;
        margin-top: 3px;
        line-height: 3rem;
        margin-bottom: 10px;
    }

    #pricetable .red {
        margin-left: 5px;
        font-size: 3rem;
    }

    #pricetable .red:before {
        content: "¥";
        font-size: 1.8rem;
    }

    #pricetable .camp {
        font-size: 1.6rem;
    }

    #pricetable .caption {
        width: auto;
        padding-left: 0;
    }

    #submain {
        overflow: hidden;
    }

    .select img.spsize {
        transform: scale(1.15);
        padding: 25px 0;
    }

    .select #submain h3 {
        font-size: 4.5vw;
    }

    .select #submain h3 span.red {
        font-size: 5.3vw;
    }

    .select .col3 p {
        font-size: 3.5vw;
    }

    #sub h4 {
        margin-bottom: 0;
    }

    .select .jirei-area h3 {
        padding-top: 10px !important;
        font-size: 5.0vw !important;
    }
}

/*campaign*/

/*campaign-top*/
.campaign h3 {
    font-size: 25px;
}

.camp-block {
    padding-bottom: 3rem;
    border-bottom: 2px dotted;
    border-color: #cccccc;
}

.camp-block:last-child {
    border-bottom: none;
}

.camp-block figure.left {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
}

.camp-block figure.left img {
    width: 100%;
    height: auto;
    max-width: 420px;
}

.camp-block .right {
    display: inline-block;
    width: 54%;
    padding: 5px 20px;
    box-sizing: border-box;
}

#sub .camp-block h4 {
    border-bottom: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.camp-block a.button {
    padding: 0.25em 0;
    font-size: 1.7rem;
    width: 240px;
}

p.camp-period {
    font-size: 16px;
    font-weight: bold;
    color: #f3839f;
    border-bottom: 1px solid #cccccc;
    padding: 5px 0 15px 0;
}

p.camp-period span {
    background: #f3839f;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 14px;
    margin-right: 10px;
}

p.camp-off span {
    font-weight: bold;
    background: #d74e47;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 14px;
    margin-right: 10px;
    display: block;
}

p.camp-offs span {
    font-weight: bold;
    background: #d74e47;
    color: #ffffff;
    padding: 2px 25px;
    border-radius: 12px;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
}

p.camp-offs2 span {
    font-weight: bold;
    background: #d74e47;
    color: #ffffff;
    padding: 2px 45px;
    border-radius: 12px;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
}

p.benefits span {
    color: #e3268e;
    font-size: 24px;
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffddec 0%);
}

.bene-area {
    background: #eeeeee;
    padding: 15px;
    box-sizing: border-box;
}

.bene-area span {
    color: #ff0000;
}

@media (max-width: 555px) {
    .camp-block figure.left {
        display: block;
        width: 100%;
        padding: 10px 0px;
    }

    .camp-block figure.left img {
        max-width: 555px;
    }

    .camp-block .right {
        display: block;
        width: 100%;
        padding: 5px 0px;
    }
}

.opencamp img {
    max-width: 100%;
    height: auto;
}

.opencamp img.aligncenter {
    margin: 0 auto;
    display: block;
}

.opencamp p.ttl_cautions {
    text-align: center;
    font-size: 2rem;
    padding-top: 1em;
}

.opencamp .ttl-otoku {
    margin: 15px 0 45px 0;
}

.opencamp .ttl_kumiawase {
    margin: 15px 0 45px 0;
}

.opencamp .ttl-campprice {
    margin: 15px 0;
}

@media (max-width: 767px) {
    .opencamp {
        overflow: hidden;
    }

    .opencamp h2 img.scales {
        transform: scale(1.3);
        padding: 10px 0 0 0;
    }

    .opencamp p.ttl_cautions {
        font-size: 2.5vw;
    }

    .opencamp .ttl-otoku {
        margin: 5px 0 20px 0;
    }

    .opencamp .ttl_kumiawase {
        margin: 15px 0 20px 0;
    }
}

#plan01 .col3 h3 {
    margin: 0;
}

#plan01 .col3 li {
    float: left;
    width: 32.0%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

#plan01 .col3 li:first-child {
    width: 49.0%;
}

#plan01 .col3 li:nth-child(6n+2) {
    width: 49.0%;
    margin-right: 0;
}

#plan01 .col3 li:nth-child(6n+5) {
    margin-right: 0;
}

#plan01 .col3 li figure {
    width: 100%;
    height: 128px;
    overflow: hidden;
}

#plan01 .col3 li figure img {
    width: 100%;
}

#plan01 .col3 li figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}

#sub #plan01 .col3 li .textarea {
    display: inline-block;
    vertical-align: top;
    background: url(../images/common/top_arw.jpg) no-repeat left 2px;
    padding: 20px 5px 0;
    position: relative;
    width: 100%;
    min-height: 110px;
}

#plan01 .col3 li .price-tag {
    color: #e8403f;
    font-size: 27px;
    font-weight: bold;
    margin: 0;
    text-align: right;
}

#plan01 .col3 li .price-tag span.teika {
    color: #4d4d4d;
    border: 1px solid #4d4d4d;
    font-weight: normal;
    padding: 0px 20px;
    font-size: 16px;
    vertical-align: middle;
}

#plan01 .col3 li .price-tag span.prices {
    padding-left: 20px;
}

#plan01 .col3 li .price-tag span.sm-yen {
    font-size: 23px;
}

#plan01 .col3 li .time-req,
#plan01 .col3 li .time-req2 {
    font-size: 14px;
    text-align: right;
}

#plan01 .col3 li figure:before {
    position: absolute;
    top: 3%;
    left: 3%;
    content: '';
    width: 52px;
    height: 52px;
}

#plan01 .col3 li figure.pta:before {
    background: url(../images/campaign/miyagi/p-a.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#plan01 .col3 li figure.ptb:before {
    background: url(../images/campaign/miyagi/p-b.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#plan01 .col3 li figure.ptc:before {
    background: url(../images/campaign/miyagi/p-c.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#plan01 .col3 li figure.ptd:before {
    background: url(../images/campaign/miyagi/p-d.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#plan01 .col3 li figure.pte:before {
    background: url(../images/campaign/miyagi/p-e.png);
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {

    #plan01 .col3 li:first-child figure,
    #plan01 .col3 li:nth-child(6n+2) figure {
        width: 46.5%;
        display: inline-block;
        height: 157px;
        vertical-align: middle;
    }

    #sub #plan01 .col3 li:first-child .textarea,
    #sub #plan01 .col3 li:nth-child(6n+2) .textarea {
        width: 52.0%;
    }

    #plan01 .col3 li .time-req2 {
        font-size: 14px;
        position: absolute;
        top: 13%;
        right: 3%;
    }

    #plan01 .col3 li:first-child .price-tag,
    #plan01 .col3 li:nth-child(6n+2) .price-tag {
        padding: 15px 0;
    }
}

@media (max-width: 768px) {
    #plan01 .col3 li {
        width: 49.0%;
    }

    #plan01 .col3 li:nth-child(2n) {
        margin-right: 0;
    }

    #plan01 .col3 li:nth-child(6n+5) {
        margin-right: 2%;
        min-height: 250px;
    }

    #plan01 .col3 li figure:before {
        width: 35px;
        height: 35px;
    }

    #plan01 .col3 li .price-tag {
        font-size: 6.5vw;
    }

    #plan01 .col3 li .price-tag span.teika {
        font-size: 2.0vw;
        padding: 0 1.8vw;
    }

    #plan01 .col3 li .price-tag span.sm-yen {
        font-size: 3.0vw;
    }

    #plan01 .col3 li .price-tag span.prices {
        padding-left: 0.5vw;
    }

    #plan01 .col3 li .time-req,
    #plan01 .col3 li .time-req2 {
        font-size: 2.5vw;
    }

    #sub .col3 li .caution {
        font-size: 2.2vw;
    }
}

#c-price .col2 li {
    float: left;
    width: 49.0%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    border: 1px solid #ccc;
    padding: 1px;
    text-align: center;
}

#c-price .col2 li:nth-child(2n) {
    margin-right: 0;
}

#c-price .col2 li figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

#c-price .col2 li figure img {
    width: 100%;
}

#c-price .ttl-waku {
    position: relative;
    display: inline-block;
    margin: 0 0 0.5em 0;
    padding: 7px 0;
    color: #555;
    font-size: 28px;
    background: #7eb8ed;
    width: 100%;
    color: #fff;
}

#c-price .ttl-waku p span {
    font-size: 79%;
}

#c-price .ttl-waku:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #7eb8ed;
}

#c-price .ttl-waku p {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
}

#c-price .ttl-waku1 {
    position: relative;
    display: inline-block;
    margin: 0 0 0.2em 0;
    padding: 7px 0;
    font-size: 33px;
    background: #6cbcef;
    width: 100%;
    color: #fff;
}

#c-price .ttl-waku1 p span {
    font-size: 79%;
}

#c-price .ttl-waku1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 12px solid #6cbcef;
}

#c-price .ttl-waku1 p {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
}

#c-price .ttl-waku2 {
    position: relative;
    display: inline-block;
    margin: 0 0 0.2em 0;
    padding: 7px 0;
    font-size: 33px;
    background: #6dcd7c;
    width: 100%;
    color: #fff;
}

#c-price .ttl-waku2 p span {
    font-size: 79%;
}

#c-price .ttl-waku2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 12px solid #6dcd7c;
}

#c-price .ttl-waku2 p {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
}

#c-price .ttl-waku3 {
    position: relative;
    display: inline-block;
    margin: 0 0 0.2em 0;
    padding: 7px 0;
    font-size: 33px;
    background: #f4a60d;
    width: 100%;
    color: #fff;
}

#c-price .ttl-waku3 p span {
    font-size: 79%;
}

#c-price .ttl-waku3:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 12px solid #f4a60d;
}

#c-price .ttl-waku3 p {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
}

#c-price .ttl-waku4 {
    position: relative;
    display: inline-block;
    margin: 0 0 0.2em 0;
    padding: 7px 0;
    font-size: 33px;
    background: #ff6060;
    width: 100%;
    color: #fff;
}

#c-price .ttl-waku4 p span {
    font-size: 79%;
}

#c-price .ttl-waku4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 12px solid #ff6060;
}

#c-price .ttl-waku4 p {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
}

#c-price .cprices {
    color: #ea2929;
    font-size: 7rem;
    font-weight: bold;
}

#c-price .cprices span {
    font-size: 70%;
    padding-right: 5px;
}

#c-price .offrate {
    background: #f17897;
    font-size: 2.3rem;
    color: #fff;
    padding: 2px 0;
}

#c-price .offrate strong {
    font-size: 2.7rem;
}

@media (max-width: 767px) {
    #sub .cprices img {
        width: auto;
    }

    #c-price .col2 li {
        float: left;
        width: 98%;
        margin: 1%;
        background-color: #fff;
        position: relative;
    }

    #c-price .col2 li:nth-child(2n) {
        margin: 1%;
    }

    #c-price .col2 li figure {
        width: 100%;
        height: 110px;
        overflow: hidden;
    }

    #c-price .col2 li figure img {
        width: 100%;
    }

    #c-price .ttl-waku,
    #c-price .ttl-waku1,
    #c-price .ttl-waku2,
    #c-price .ttl-waku3,
    #c-price .ttl-waku4 {
        font-size: 7.0vw;
    }

    #c-price .cprices {
        font-size: 10.0vw;
    }

    #c-price .offrate {
        font-size: 4.9vw;
    }
}

@media (max-width: 500px) {
    #plan01 .col3 li figure {
        height: auto;
    }

    #sub .cprices img.alignright {
        max-width: 100px;
    }
}

/*jquery colorbox*/
#cboxLoadedContent img {
    width: 800px !important;
    height: auto !important;
}

#cboxTitle {
    display: none !important;
}

@media print,
screen and (max-width: 959px) {
    #cboxLoadedContent img {
        width: 420px !important;
        height: auto !important;
    }
}

@media print,
screen and (max-width: 799px) {
    #cboxLoadedContent img {
        width: 350px !important;
        height: auto !important;
    }
}

@media print,
screen and (max-width: 640px) {
    #cboxLoadedContent img {
        width: 280px !important;
    }
}

/*set/highplace*/
#submain #menulist .box02 .textarea02 {
    width: 80.5%;
}

#submain #menulist dl.disPrice02 {
    width: 59%;
    padding: 13px 0px 0 0;
}

#submain #menulist p.listPrice02 {
    padding: 20px 30px 0 0;
}

#submain #menulist dl.disPrice02 dd span.red {
    font-size: 4.5rem;
}

#submain #menulist dl.disPrice02 dt span.boxyellow {
    font-size: 1.6rem;
    padding: 10px 10px 3px;
}

#submain #menulist .listPrice01 {
    font-weight: bold;
    font-size: 1.8rem;
}

#submain #menulist .sec02 .box03 .priceList li {
    width: 300px;
}

#submain #menulist .sec02 .box03 .priceList li:first-child {
    padding-top: 10px;
}

#submain #menulist .sec02 .box03 .priceList li .tag {
    background: #e8403f !important;
    color: #fff !important;
    font-size: 1.8rem;
    width: 200px;
}

#submain #menulist .sec02 .box03 .priceList li .price {
    font-size: 4rem;
    font-weight: bold;
}

#submain #menulist .sec02 .box03 .priceList li.big .red {
    font-size: 1em;
    /* padding-left: 40px; */
}

#submain #menulist .sec02 .box03 .tit {
    width: 108px;
    font-size: 1.3em;
}

@media (max-width: 767px) {
    #submain #menulist p.listPrice02:after {
        bottom: -50px;
    }

    #submain #menulist .box02 .textarea02 {
        width: 100%;
    }

    #submain #menulist dl.disPrice02 {
        width: 100%;
        padding: 40px 0px 0 0;
    }

    #submain #menulist .sec02 .box03 .priceList {
        display: inline-block;
        width: 100%;
    }

    #submain #menulist .sec02 .box03 .priceList li {
        width: 100%;
    }

    #submain #menulist .sec02 .box03 .priceList li.big .red {
        padding-left: 0;
    }

    #submain #menulist .sec02 .box03 .tit {
        width: 100%;
        font-size: 2rem;
    }
}

@media (max-width: 450px) {

    #submain #menulist dl.disPrice02 dt,
    #submain #menulist dl.disPrice02 dd {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
}

/*miwake*/

.miwakekata {
    font-size: 16px;
}

.miwake-block {
    /*display: table;*/
}

.miwake-block h3 {
    font-size: 45px;
    text-align: center;
}

#sub .miwake-block h4 {
    border-bottom: 0px;
    margin-bottom: .5em;
}

.miwake-block span.large {
    font-size: 60px;
}

.miwake-block span.darks {
    color: #686567;
}

.miwake-block img.alignright {
    float: right;
    padding: 0 0 45px 15px;
}

.miwake-block img.aligncenter {
    margin: 0 auto;
    display: block;
}

.miwake-block .col2 {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0 0 30px 15px;
    box-sizing: border-box;
}

.miwake-block .col2:nth-child(2n-1) {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0 15px 30px 0;
    box-sizing: border-box;
}

.miwake-block .col3:nth-child(3n-2) {
    display: inline-block;
    width: 32.5%;
    vertical-align: top;
    padding: 0 10px 0 0;
    box-sizing: border-box;
}

.miwake-block .col3:nth-child(3n-1) {
    display: inline-block;
    width: 32.5%;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
}

.miwake-block .col3 {
    display: inline-block;
    width: 32.5%;
    vertical-align: top;
    padding: 0 0 20px 10px;
    box-sizing: border-box;
}

.miwake-block p {
    margin-bottom: 25px;
}

.s-accord {
    margin: 2em 0;
    padding: 0;
}

.s-accord label {
    display: block;
    margin: 1.5px 0;
    padding: 11px 12px;
    color: #ffffff;
    font-weight: bold;
    background: #f29ec2;
    cursor: pointer;
    transition: all 0.5s;
    border-radius: 5px;
    position: relative;
    text-align: center;
}

.s-accord label .triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    position: absolute;
    top: 18px;
    right: 15px;
}

.s-accord label:hover {
    background: #f29ec2;
}

.s-accord input {
    display: none;
}

.s-accord .accshow {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    padding: 3px;
    box-sizing: border-box;
    background: #ffffff;
}

.cssacc:checked + .accshow {
    height: auto;
    opacity: 1;
}

.miwake_box1 {
    position: relative;
    background: #dafcee;
    color: #252525;
    border-radius: 15px;
    padding: 25px;
    box-sizing: border-box;
    margin-top: 35px;
}

.miwake_box1:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(218, 252, 238, 0);
    border-bottom-color: #dafcee;
    border-width: 30px;
    margin-left: -30px;
}

.miwake_box2 {
    position: relative;
    background: #d0ddfd;
    border-radius: 15px;
    padding: 25px;
    box-sizing: border-box;
    margin-top: 35px;
}

.miwake-block .miwake_box1 p,
.miwake-block .miwake_box2 p {
    margin-bottom: 0;
}

.cel-table {
    display: table;
    width: 100%;
}

.miwake_box2:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(208, 221, 253, 0);
    border-bottom-color: #d0ddfd;
    border-width: 30px;
    margin-left: -30px;
}

@media (max-width: 767px) {
    .miwake-table.pc {
        display: none;
    }

    .miwake-block .col2,
    .miwake-block .col2:nth-child(2n-1),
    .miwake-block .col3,
    .miwake-block .col3:nth-child(3n-1),
    .miwake-block .col3:nth-child(3n-2) {
        display: block;
        width: 100%;
        padding: 15px 0;
    }
}

table.def04 {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 1.4rem;
}

table.def04 th,
table.def04 td {
    padding: 20px 25px;
}

table.def04 th {
    background-color: #fdceda;
    border: 1px solid #bbb;
    color: #333;
    text-align: center;
    vertical-align: top;
}

table.def04 td {
    background-color: #fff;
    border: 1px solid #ddd;
}

table.def04 td.row {
    background-color: #fceaef;
}

table.def04 span.red {
    color: #ED0000;
}

table.def04s {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 1.4rem;
}

table.def04s th,
table.def04s td {
    padding: 10px 15px;
}

table.def04s th {
    background-color: #fdceda;
    border: 1px solid #bbb;
    color: #333;
    text-align: center;
    vertical-align: top;
}

table.def04s td {
    background-color: #fff;
    border: 1px solid #ddd;
}

table.def04s td.row {
    background-color: #fceaef;
}

table.def04s span.red {
    color: #ED0000;
}

/*campaign-pricelist*/
.camp-listprice {
    margin: 0;
}

dl.camp1dl {
    table-layout: fixed;
    position: relative;
    width: 100%;
    margin: 10px 0;
}

dl.camp1dl dt {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

dl.camp1dl dt span.boxyellow {
    padding: 0 14px;
    font-size: 14px;
    font-weight: bold;
    color: #e8403f;
    border: 1px solid #e8403f;
    border-radius: 12px;
    display: block;
    white-space: nowrap;
    box-sizing: border-box;
}

dl.camp1dl dd {
    font-size: 3rem;
    font-weight: 600;
    text-align: right;
    letter-spacing: -0.01em;
    white-space: nowrap;
    display: inline-block;
}

dl.camp1dl dd span.red {
    font-size: 2.3rem;
    margin: 0;
    padding-right: 10px;
}

dl.camp1dl dd span.Lred {
    font-size: 3.3rem;
    margin: 0;
    color: #f40000;
}

.camp-block .spbr {
    display: none;
}

@media (max-width: 767px) {
    dl.camp1dl dt p {
        padding-bottom: 0;
    }

    dl.camp1dl dd.sp-width {
        width: 50%;
        text-align: left !important;
        padding-left: 10px;
    }

    dl.camp1dl dt.sp-width {
        width: 100%;
        display: block;
        text-align: left !important;
        padding-left: 10px;
    }

    p.camp-period {
        line-height: 1.9em;
    }
}

@media (max-width: 555px) {
    .camp-block .text-right {
        text-align: center;
    }

    .camp-block .spbr {
        display: inherit;
    }
}

@media (max-width: 414px) {
    p.camp-off span {
        font-size: 11px;
    }
}

/*top-sp*/
@media (max-width: 767px) {
    .sp-mb2 {
        margin-bottom: 2rem !important;
    }
}

.footer_inner .line img {
    max-width: 620px;
    width: 100%;
    height: auto;
}

/* sterilization */
span.fc-p {
    color: #f17897;
}

.sterilization dl.disPrice03 dt {
    width: 40%;
}

.sterilization .priceContainer03.mb5 {
    margin-bottom: 2em;
}

.contents-box h3 {
    font-size: 25px;
    text-align: center;
    color: #333;
    margin: 3em 0 2em;
}

.wrap-box {
    display: flex;
}

.wrap-box > div:nth-child(odd) {
    margin-right: 2%;
}

.wrap-box.box02 {
    flex-wrap: wrap;
}

.inner-box {
    margin-bottom: 3.5em;
}

.inner-box p {
    font-weight: bold;
    font-size: 1.25em;
    margin: 10px 0;
}

.wrap-box.box02 .inner-box {
    width: 49%;
}

.text-box p {
    line-height: 2;
    text-align: left;
    /* font-weight: bold; */
}

@media (max-width: 767px) {
    .wrap-box {
        flex-direction: column;
    }

    .wrap-box > div:nth-child(odd) {
        margin-right: 0;
    }

    .wrap-box.box02 .inner-box {
        width: 100%;
    }

    .img-box {
        margin-bottom: 1.5em;
    }

    .contents-box h3 {
        font-size: 2rem;
    }
}

#sterilization-service .contents-box h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin: 0 0 0.75em;
    text-align: left;
    display: flex;
    align-items: center;
}

.contents-box h3 .h3-icon {
    margin-right: 0.5em;
}

#sterilization-service .wrap-box > div:nth-child(odd) {
    margin-right: 4%;
}

@media (max-width: 767px) {
    #sub .contents-box h3 .h3-icon {
        width: 26px;
    }
}

@media (min-width: 768px) {

    .sterilization .priceContainer03 ul {
        width: 350px;
    }

    .sterilization #cleanflow li {
        padding: 25px;
        width: 30%;
        margin-right: 5%;
    }

    .sterilization #cleanflow li figure {
        width: 100%;
    }

    .sterilization #cleanflow li:last-child {
        margin-right: 0;
    }
}


.question-wrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: 2.5em;
}

.question-wrap .q-a {
    margin-bottom: 2em;
}

.question-wrap .q-a dt {
    margin-bottom: 1.5em;
}

.question-wrap .q-a .q-icon,
.question-wrap .q-a .a-icon {
    padding-right: 1em;
}

@media (max-width: 767px) {

    #sub .question-wrap .q-a .q-icon,
    #sub .question-wrap .q-a .a-icon {
        width: auto;
    }

    .question-wrap .q-a dt,
    .question-wrap .q-a dd {
        display: flex;
        align-items: flex-start;
        line-height: 1.5em;
    }
}

/*news-archive*/
.newslist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newslist .columnBox {
    width: 31%;
    padding: 0;
    border: none;
}

.newslist .columnBox:nth-child(3n+2):last-child {
    margin-right: calc(31% + (((100% - (31% * 3)) / 2) * 1));
}

.newslist .columnBox img {
    width: 100%;
    height: auto;
    max-width: 233px;
    margin-bottom: 2rem;
}

#sub .newslist .columnBox h3 {
    font-size: 1.7rem;
    min-height: 36px;
}

#sub .news_btn a {
    display: block;
    padding: 1rem 0;
    text-align: center;
    background: #f07997;
    color: #ffffff;
    border-radius: 50vh;
    border: 1px solid #f07997;
    box-sizing: border-box;
}

#sub .news_btn a:hover {
    color: #f07997;
    background: none;
}

ul.news_catlist {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#sub ul.news_catlist li {
    margin-bottom: 1.5rem;
}

#sub ul.news_catlist li a {
    padding: .5rem 2rem;
    box-sizing: border-box;
    margin-left: 1rem;
    background: #58b8f1;
    color: #fff;
}

#sub ul.news_catlist li:first-child a {
    margin-left: 0;
}

#sub ul.news_catlist li a:hover {
    text-decoration: underline;
}

.thumb_img {
    margin-bottom: 20px;
    background: #f4f4f4;
    text-align: center;
    height: 155px;
    position: relative;
}

.thumb_img img {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .newslist .columnBox {
        width: 48.5%;
    }

    .newslist .columnBox img {
        max-width: 300px;
    }

    .inner .newslist .comment {
        padding: 0 0 10px 0;
    }

    .thumb_img {
        height: 200px;
    }

    #sub .columnBox .comment p {
        min-height: 40px;
    }
}

/*news-single*/
.news-detail img {
    width: 100%;
    max-width: 698px;
    margin-bottom: 3rem;
    height: auto;
}

.news-detail .sup_img {
    margin: 3rem 0;
}

.news-detail p.link_name {
    margin: 0;
}

.news-detail .sup_movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 50px;
}

.news-detail .sup_movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pagenation_nav {
    display: flex;
    justify-content: space-around;
    max-width: 695px;
    margin: 0 auto;
    align-items: center;
}

.pagenation_nav a {
    padding: 1rem 2rem;
    display: block;
    margin: 2rem .5rem;
    border: 1px solid #ddd;
    border-radius: 50vh;
}

.pagenation_nav a:hover {
    background: #f07997;
    color: #ffffff !important;
    border-color: #f07997;
}

p.link_blacs a {
    color: #58b8f1 !important;
    text-decoration: underline;
}

p.link_blacs a:hover {
    color: #58b8f1 !important;
    text-decoration: none;
}

@media (max-width: 414px) {
    #sub .newslist .columnBox h3 {
        min-height: 54px;
    }

    #sub .columnBox .comment p {
        min-height: 60px;
    }
}

/*front*/
.newslist.front {
    margin-bottom: 5rem;
}

.newslist.front .columnBox:last-child {
    display: none;
}

@media (max-width: 768px) {
    .newslist.front {
        width: 95%;
        margin: 0 auto;
    }

    .newslist.front .columnBox:last-child {
        display: block;
    }
}

/* footerSNS  */
.sp-sns.sp {
    display: flex;
    align-items: flex-start;
    margin: 2% 0 0;
}

.sp-sns.sp li {
    align-self: flex-start;
    width: 32%;
    margin-right: 2%;
}

.sp-sns.sp li:last-child {
    margin-right: 0;
}

.sp-sns.sp li img {
    width: 100%;
}

.sns_link li a img {
    width: 1em;
    margin-right: .25em;
}

/*planlist-off*/
p.offprice {
    font-weight: bold;
    line-height: 1.5;
}

p.cp_price {
    font-weight: bold;
    line-height: 1.5;
    text-align: right;
    margin-bottom: 0px;
    color: #e2748f;
    font-size: 1.5rem;
}

p.offprice span.small_txt {
    font-size: 1.2rem;
}

p.offprice span.set_title {
    color:#fff;
    background-color:#e2748f;
    padding: 0px 6px;
    margin-bottom: 14px;
}


p.offprice .strike {
    /*text-decoration-color: #ff0000;*/
    text-decoration: none;
    font-size: 1.3rem;
}

p.offprice .red_txt {
    color: #ff0000;
    font-size: 1.8rem;
}

p.offprice .red_txt .small_txt {
    font-size: 1.6rem;
}

@media (max-width: 414px) {
    p.offprice {
        font-size: 1.1rem;
    }

    p.cp_price {
        font-size: 1.3rem;
    }

    p.offprice span.small_txt {
        font-size: 1.0rem;
    }

    p.offprice .strike {
        font-size: 1.2rem;
    }

    p.offprice .red_txt {
        font-size: 1.7rem;
    }

    p.offprice .red_txt .small_txt {
        font-size: 1.5rem;
    }
}


/* エアコン分解クリーニング エアコンクリーニング特設ページ情報移管 */
.campmain img {
    max-width: 100%;
    height: auto;
}

.campmain img.alignleft {
    float: left;
    padding: 0 15px 45px 0;
}

.campmain img.alignright {
    float: right;
    padding: 0 0 45px 15px;
}

.campmain img.aligncenter {
    margin: 0 auto;
    display: block;
}

@media (max-width: 767px) {
    #sub .campmain img {
        width: inherit;
        display: block !important;
        max-width: 100%;
        float: none !important;
        margin: 0 auto;
    }

    .campmain img.alignleft,
    .campmain img.alignright {
        padding: 15px 0;
    }
}




.campmain h3 {
    background: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac_hl_bg.png");
    padding: 18px;
    margin: 30px 0 20px 0;
    font-size: 30px;
}

@media (max-width: 880px) {
    .campmain h3 {
        font-size: 2rem;
        padding: 18px 10px;
        margin: 10px 0 20px 0;
    }
}

.campmain .merit-area h3 {
    color: #706e6f;
    font-size: 220%;
    background: none;
    padding: 0 0 0 90px;
    position: relative;
    clear: both;
}

.campmain span.orange {
    color: #f59625;
    font-size: 140%;
}

@media (max-width: 880px) {
    .campmain .merit-area h3 {
        font-size: 3.6vw;
    }
}

.campmain .merit-area h3.merit1:before {
    content: "";
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act_meriticon1.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 83px;
    height: 83px;
    vertical-align: middle;
}

.campmain .merit-area h3.merit2:before {
    content: "";
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act_meriticon2.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 83px;
    height: 83px;
    vertical-align: middle;
}

.campmain .merit-area h3.merit3:before {
    content: "";
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act_meriticon3.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 83px;
    height: 83px;
    vertical-align: middle;
}

.campmain .sugoi-area h2 {
    margin: 0;
}

.campmain .sugoi-area .caption {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    overflow: hidden;
}

.campmain .sugoi-area .caption img.alignright {
    padding: 0 0 15px 15px;
}

.campmain .sugoi-area h3 {
    background: none;
    padding: 0;
    color: #706e6f;
    margin: 0 0 15px 0;
}

@media (max-width: 880px) {
    .campmain .sugoi-area h3 {
        font-size: 5vw;
        margin: 15px 0;
    }

    .campmain .sugoi-area .caption img.alignright {
        padding: 15px 0;
    }
}

@media (max-width: 414px) {

    .campmain .merit-area h3.merit1:before,
    .campmain .merit-area h3.merit2:before,
    .campmain .merit-area h3.merit3:before {
        margin-top: -24px;
        width: 45px;
        height: 45px;
        background-size: 100%;
    }

    .campmain .merit-area h3 {
        padding: 0 0 0 50px;
    }
}

.campmain .mise-area h2:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/act-dHdbefore.png");
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
}

.campmain .mise-area h3 {
    background: none;
    padding: 0;
    color: #706e6f;
    font-size: 220%;
}

.campmain .mise-area h3 span.blue-l {
    color: #607fc5;
    font-size: 150%;
}

.campmain .mise-area h3 span.borderline {
    border-bottom: 3px solid #607fc5;
}

@media (max-width: 880px) {
    .campmain .mise-area h2 {
        font-size: 5vw;
        padding: 10px 0;
        text-align: center;
    }

    .campmain .mise-area h2:before {
        content: "";
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/act-dHdbefore.png) no-repeat;
        width: 287px;
        height: 80px;
        background-size: 80%;
        display: block;
        position: inherit;
        text-align: center;
        margin: 0 auto;
    }

    .campmain .mise-area h3 {
        font-size: 5.2vw;
        margin: 15px 0 25px 0;
    }
}

.campmain .itsu-area h3 {
    background: #73c8a8;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 220%;
    padding: 20px 0 16px 0;
    position: relative;
    clear: both;
    margin: 0;
}

.campmain .itsu-area .orange {
    color: #f59625;
    font-size: 220%;
    font-weight: 600;
}

.campmain .itsu-area .orange span {
    font-size: 140%;
}

@media (max-width: 880px) {
    .campmain .itsu-area h3 {
        font-size: 5vw;
        padding-top: 25px;
    }

    .campmain .itsu-area .orange {
        font-size: 5.2vw;
    }

    #sub .campmain .itsu-area h2 img {
        transform: scale(1.7);
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    #sub .campmain .flow-area h2 img {
        transform: scale(1.55) translate(18%);
    }

    #sub .campmain .flow-area {
        overflow: hidden;
    }
}

.campmain .yani1-area p.key {
    color: #706e6f;
    font-size: 240%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
}

.campmain span.orange0 {
    color: #f59625;
    font-size: 160%;
    padding-left: 8%;
}

.campmain span.orange {
    color: #f59625;
    font-size: 161%;
    padding-left: 8%;
}

.campmain span.blue {
    color: #607fc5;
}

.campmain .yani1-area img.alignright {
    padding: 0 0 5px 15px;
}

.campmain .yani1-area img.alignleft {
    padding: 0 15px 0 0;
}

@media (max-width: 880px) {
    .campmain .yani1-area p.key {
        font-size: 5vw;
        text-align: center;
    }
}

.campmain .yani2-area p.key {
    color: #706e6f;
    font-size: 240%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
}

.campmain span.green {
    color: #6ec560;
    font-size: 120%;
}

.campmain .yani3-area h3 {
    background: none;
    text-align: center;
    color: #f59625;
    margin: 10px 0 0 0;
}

.campmain .yani3-area img.alignleft {
    padding: 0 15px 5px 0;
}

.campmain .yani4-area .caption {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    overflow: hidden;
}

.campmain .yani4-area .caption img.alignright {
    padding: 0 0 15px 15px;
}

.campmain .yani5-area h3 {
    color: #706e6f;
    font-size: 240%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
    border-bottom: 4px solid #f59625;
    display: inline-block;
}

.campmain span.orange1 {
    color: #f59625;
    font-size: 160%;
}

@media (max-width: 880px) {
    .campmain .yani2-area p.key {
        font-size: 5vw;
        text-align: center;
    }

    .campmain .yani5-area h3 {
        font-size: 4.1vw;
        text-align: center;
    }

    #sub .campmain .col2 {
        text-align: left;
    }

    .campmain .yani3-area h3 {
        margin: 0;
    }

    #sub .campmain .yani3-area .col2 img {
        float: left !important;
        max-width: 45%;
    }

    .campmain .yani3-area h2 img {
        transform: scale(1.15) translate(-5%);
    }
}

@media (max-width: 375px) {
    #sub .campmain .yani3-area .col2 img {
        padding-bottom: 25px;
    }
}

@media (max-width: 352px) {
    #sub .campmain .yani3-area .col2 img {
        padding-bottom: 50px;
    }
}

@media (max-width: 324px) {
    #sub .campmain .yani3-area .col2 img {
        padding-bottom: 80px;
    }
}

@media (max-width: 880px) {
    #sub .campmain .sou1-area h2 img {
        display: none !important;
    }
}

.campmain .sou4-area .caption {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    overflow: hidden;
}

.campmain .sou4-area h3 {
    color: #f59625;
    font-size: 200%;
    background: none;
    padding: 0 0 0 90px;
    position: relative;
    clear: both;
}

.campmain .sou4-area h3:before {
    content: "";
    background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-sou-areaicon1.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -38.5px;
    width: 77px;
    height: 77px;
    vertical-align: middle;
}

@media (max-width: 880px) {
    .campmain .sou4-area h3 {
        font-size: 6vw;
    }
}

@media (max-width: 880px) {
    #sub .campmain .sou5-area h2 img {
        transform: scale(1.2);
    }
}

.campmain .kabi1-area .appeal img.alignleft {
    padding: 0 15px 0 0;
}

.campmain .kabi2-area img.alignright {
    padding: 0 0 15px 15px;
}

@media (max-width: 880px) {
    .campmain .kabi2-area h3 {
        font-size: 5vw;
    }
}

.campmain .kabi3-area h3 {
    background: #7ea6d7;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 220%;
    padding: 20px 0 14px 0;
    position: relative;
    clear: both;
    margin: 0;
}

.campmain .kabi3-area .key {
    color: #706e6f;
    font-size: 220%;
    font-weight: 600;
}

.campmain .kabi3-area .key span {
    font-size: 140%;
    color: #f59625;
}

.campmain .kabi3-area .cl {
    clear: both;
}

@media (max-width: 880px) {
    .campmain .kabi3-area h3 {
        font-size: 5vw;
        padding: 10px 0 5px 0;
    }

    .campmain .kabi3-area .key {
        font-size: 3.6vw;
    }
}

.campmain .kabi4-area .cl {
    clear: both;
}

.campmain .kabi5-area h3 {
    color: #607fc5;
    font-size: 300%;
    background: none;
    padding: 0 0 0 0px;
    position: relative;
    clear: both;
    font-weight: 600;
    line-height: 1.35em;
    border-bottom: 4px solid #607fc5;
    display: inline-block;
}

@media (max-width: 880px) {
    .campmain .kabi5-area h3 {
        font-size: 6.7vw;
    }

    h2 img.wres1 {
        margin-top: -2rem !important;
        z-index: 1;
        position: relative;
    }

    h2 img.wres0 {
        transform: scale(1.7);
        padding: 2rem 0 0 0;
    }
}

.campmain .se1-area li {
    color: #706e6f;
    font-size: 220%;
    background: none;
    padding: 0 0 0 40%;
    position: relative;
    clear: both;
    font-weight: 600;
}

.campmain .se1-area ul:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaimg1.png");
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 7%;
    margin-bottom: -10px;
}

.campmain .se1-area li:before {
    content: url("/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaicon1.png");
    position: absolute;
    top: 50%;
    left: 35%;
    margin-top: -20.5px;
}

.campmain .se1-area li .orange-l {
    color: #f59625;
    font-size: 130%;
}

@media (max-width: 880px) {
    .campmain .se1-area ul:before {
        position: absolute;
        content: "";
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaimg1.png) no-repeat;
        top: inherit;
        bottom: 0;
        left: inherit;
        right: 0;
        width: 270px;
        height: 235px;
        background-size: 83%;
    }

    .campmain .se1-area li {
        font-size: 5vw;
        padding: 0 0 0 10%;
        display: block;
        z-index: 10;
    }

    .campmain .se1-area li:before {
        left: 3%;
    }
}

@media (max-width: 767px) {
    .campmain .se1-area ul:before {
        width: 155px;
        height: 164px;
        background-size: 100%;
        display: block;
    }
}

@media (max-width: 600px) {
    .campmain .se1-area li:before {
        position: absolute;
        content: "";
        background: url(/clutch/wp-content/themes/cleancrew/images/aircon-camp/ac-se-areaicon1.png) no-repeat;
        top: inherit;
        bottom: 50%;
        left: 0;
        width: 100%;
        height: 30px;
        background-size: 6%;
        margin-bottom: -17.5px;
    }

    .campmain .se1-area ul:before {
        width: 100px;
        height: 108px;
        background-size: 100%;
        display: block;
    }
}

@media (max-width: 414px) {
    .campmain .se1-area li:before {
        height: 26px;
    }

    .campmain .se1-area ul:before {
        background: none;
    }
}

#sub .campmain .area .pricedltime img {
    width: auto;
    display: inline-block !important;
}

/* エアコン分解クリーニング 2020.12.23 Add */
.aircon .topRecommend h2 {
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 3rem;
    background: none !important;
}

#pay li {
    text-indent: -1em;
    padding: 0 0 0 1em;
}

#pay li:before {
    content: "・";
}

@media (max-width: 767px) {
    .aircon .topRecommend h2 {
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.4;
        font-size: 2rem;
        background: none !important;
    }

    #pay li {
        margin: 0 0 0.5em 0;
    }
}


/* TOP 2021.3.19 Add */
.topTxt {
    width: 1000px;
    margin: 50px auto 40px;
    padding: 30px 25px 15px;
    background: #f07997;
    border: 5px solid #eeeeee;
    color: #fff;
    text-align: center;
}

.topTxt h2 {
    position: relative;
    display: inline-block;
    padding: 0 42px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.topTxt h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 31px;
    background: url(../images/top/toptxt_deco01.png) 0 0 no-repeat;
    background-size: 24px auto;
}

.topTxt h2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 31px;
    background: url(../images/top/toptxt_deco02.png) 0 0 no-repeat;
    background-size: 24px auto;
}

.topTxt p {
    text-align: left;
}

@media (max-width: 767px) {
    .topTxt {
        width: 100%;
        margin: 0 0 20px;
    }

    .topTxt h2 {
        padding: 0 30px;
        font-size: 18px;
    }
}





/* TOP 2021.4.2 Add */
#areas h2 {
    padding: 10px 5px 5px 0;
}

#areas h2::after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/common/plan_clean.jpg) top right no-repeat;
    top: 12%;
    width: 45px;
    height: 30px;
}

#areas .inner {
    display: flex;
    flex-wrap: wrap;
}

#areas dl {
    width: calc((100% - 40px) / 2);
    margin: 0 40px 30px 0;
    background-color: #fff;
    padding: 15px 0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

#areas dl:nth-child(2n) {
    margin: 0 0 30px;
}

#areas dt a {
    display: block;
    background: #f07997;
    border-radius: 6px 6px 0 0;
    padding: 10px 15px 7px;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

#areas dt a:hover {
    text-decoration: none;
    opacity: 0.7;
}

#areas dd {
    background-color: #fff;
    padding: 10px 20px 5px;
}

#areas dd a {
    display: inline-block;
    width: 17%;
    margin: 2% 1%;
    font-size: 15px;
    text-decoration: underline;
    color: #333;
}

#areas dd a:hover {
    text-decoration: none;
    opacity: 0.7;
}



@media (max-width: 767px) {

    #areas h2::after {
        background: none;
        width: 0;
        height: 0;
    }

    #areas .inner {
        display: block;
        width: 94%;
        margin: 0 auto;
    }

    #areas dl,
    #areas dl:nth-child(2n) {
        width: 100%;
        margin: 0 0 1em;
    }

    #areas dt a:hover {
        opacity: 1;
    }

    #areas dd a {
        display: inline-block;
        width: auto;
        margin: 2% 2%;
        font-size: 14px;
    }

    #areas dd a:hover {
        text-decoration: underline;
        opacity: 1;
    }

}

/* 2021.4.6 Add */
.otherSect p a {
    color: #f07997 !important;
    text-decoration: underline !important;
}

/* 2021.4.27 Add */
.otherSect .col2 li {
    float: left;
    width: 480px;
    margin-bottom: 4%;
}

.otherSect .col2 li:nth-child(2n) {
    float: right;
}

.otherSect .col2 li figure {}

.otherSect .col2 li figure img {
    width: 100%;
    height: auto;
}

/* 2021.5 Add */

#sub .intro .inner {
    padding: 2em 0 1em;
}





/* 202106 Add */

/* エアコン分解クリーニングのメリット */
.campmain .merit-area h2#ach2_01 {
    margin: 10px 0 0;
    font-size: 44px;
    color: #60b1c5;
    font-weight: 600;
    text-align: center;
}

.campmain .merit-area h2#ach2_01 .fontS {
    font-size: 38px;
    color: #686567;
}

.campmain .merit-area h2#ach2_01 .deco1 {
    display: inline-block;
    margin: 0 4px;
    padding: 4px 6px 0;
    background: #5ebf9b;
    border-radius: 4px;
    font-size: 70px;
    color: #fff;
}

@media (max-width: 880px) {
    .campmain .merit-area h2#ach2_01 {
        font-size: 2.5rem;
    }

    .campmain .merit-area h2#ach2_01 .fontS {
        font-size: 2.0rem;
    }

    .campmain .merit-area h2#ach2_01 .deco1 {
        margin: 10px 4px;
        padding: 4px 6px 0;
        font-size: 4.5rem;
    }
}

/* プロのエアコンクリーニングはココがすごい！ */
.campmain .sugoi-area h2#ach2_02 {
    padding: 30px 0 0 280px;
    min-height: 184px;
    background: url(../images/aircon-camp/act-grheadline2.png) 0 0% no-repeat;
    font-size: 44px;
    font-weight: 600;
    color: #686567;
    text-align: center;
}

.campmain .sugoi-area h2#ach2_02 .deco1 {
    font-size: 65px;
    color: #607fc5;
    text-shadow:
        -4px -4px 0px #fff,
        4px -4px 0px #fff,
        4px 4px 0px #fff,
        -4px 4px 0px #fff;
}

.campmain .sugoi-area h2#ach2_02 .deco2 {
    color: #6c67cc;
}

@media (max-width: 880px) {
    .campmain .sugoi-area h2#ach2_02 {
        padding: 10px 0 10px 80px;
        min-height: 0;
        background: url(../images/aircon-camp/act-grheadline2.png) -10px 100% no-repeat;
        background-size: 400px auto;
        font-weight: 600;
        color: #686567;
        text-align: center;
        font-size: 2.0rem;
    }

    .campmain .sugoi-area h2#ach2_02 .deco1 {
        text-shadow:
            -2px -2px 0px #fff,
            2px -2px 0px #fff,
            2px 2px 0px #fff,
            -2px 2px 0px #fff;
        font-size: 2.5rem;
    }
}


/* エアコンクリーニングいつすればいいの？ */
.campmain .itsu-area h2#ach2_03 {
    position: relative;
    background: #fcf8db;
    margin: 0 0 6px;
    padding: 14px 20px 10px;
    font-size: 38px;
    color: #706e6f;
    font-weight: 600;
    text-align: center;
}

.campmain .itsu-area h2#ach2_03:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #fcf8db;
}

.campmain .itsu-area h2#ach2_03 .deco1 {
    display: block;
    font-size: 44px;
    color: #5ebf9b;
    text-shadow:
        -4px -4px 0px #fff,
        4px -4px 0px #fff,
        4px 4px 0px #fff,
        -4px 4px 0px #fff;
}

.campmain .itsu-area h2#ach2_03 .deco1 span {
    font-size: 60px;
}

@media (max-width: 880px) {
    .campmain .itsu-area h2#ach2_03 {
        font-size: 2.0rem;
    }

    .campmain .itsu-area h2#ach2_03 .deco1 {
        text-shadow:
            -2px -2px 0px #fff,
            2px -2px 0px #fff,
            2px 2px 0px #fff,
            -2px 2px 0px #fff;
        font-size: 2.5rem;
    }

    .campmain .itsu-area h2#ach2_03 .deco1 span {
        font-size: 3.5rem;
    }
}


/* エアコンクリーニングでこんなにキレイに！ */

.campmain .kirei-area h2#ach2_04 {
    box-sizing: border-box;
    padding: 30px 0 0 220px;
    min-height: 168px;
    background: url(../images/aircon-camp/act-kirei-h1_2.png) 0 0% no-repeat;
    font-size: 38px;
    font-weight: 600;
    color: #706e6f;
}

.campmain .kirei-area h2#ach2_04 .deco1 {
    box-sizing: border-box;
    background: #607fc5;
    border-radius: 8px;
    margin: 0 5px 0 0;
    padding: 8px 20px 6px;
    color: #fff;
    font-size: 44px;
    text-shadow:
        -2px -2px 0px #819bd7,
        2px -2px 0px #819bd7,
        2px 2px 0px #819bd7,
        -2px 2px 0px #819bd7;
}

.campmain .kirei-area h2#ach2_04 .deco2 {
    display: block;
    margin: 10px 0 0 160px;
}

.campmain .kirei-area h2#ach2_04 .deco3 {
    margin: 0 5px;
    font-size: 65px;
    color: #60c5ae;
}

@media (max-width: 880px) {
    .campmain .kirei-area h2#ach2_04 {
        padding: 50px 0 0;
        min-height: 0;
        background: url(../images/aircon-camp/act-kirei-h1_2.png) 0 0% no-repeat;
        background-size: 100% auto;
        font-size: 2.0rem;
        text-align: center;
    }

    .campmain .kirei-area h2#ach2_04 .deco1 {
        margin: 0 5px 0 0;
        padding: 8px 20px 6px;
        font-size: 2.5rem;
    }

    .campmain .kirei-area h2#ach2_04 .deco2 {
        margin: 10px 0 0 0;
    }

    .campmain .kirei-area h2#ach2_04 .deco3 {
        font-size: 3.5rem;
    }

}



#sub .enquete .inner,
#enquete .inner2 {
    display: flex;
    flex-wrap: wrap;
}

#sub .enquete .voiceBox2,
#enquete .voiceBox2 {
    float: none;
    width: calc((100% - 40px) / 2);
    margin: 0 40px 1em 0;
}

#sub .enquete .voiceBox2:nth-child(2n),
#enquete .voiceBox2:nth-child(2n) {
    margin: 0 0 1em;
}

@media (max-width: 767px) {

    #sub .enquete .inner,
    #enquete .inner2 {
        display: block;
    }

    #sub .enquete .voiceBox2,
    #sub .enquete .voiceBox2:nth-child(2n),
    #enquete .voiceBox2,
    #enquete .voiceBox2:nth-child(2n) {
        width: auto;
        margin: 0 0 2em;
    }

}




/* TOP 2022.8.23 Add */
.banner_oricon {
    background: #414b97;
    background: linear-gradient(90deg, rgba(3, 23, 101, 1) 0%, rgba(6, 25, 103, 1) 25%, rgba(21, 38, 116, 1) 50%, rgba(65, 75, 151, 1) 100%);
    display: block;
    height: 180px;
    position: relative;
    padding: 28px 0 0 170px;
    margin: 0 0 10px;
}

.banner_oricon:before {
    content: "";
    background: url("../images/top/icon_oricon.jpg") no-repeat;
    background-size: 100%;
    width: 136px;
    height: 145px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.banner_oricon p {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
    margin: 0;
    line-height: 1.6;
    font-weight: 600;
    filter: drop-shadow(0 0 10px rgba(5, 17, 78, 1));
}

.banner_oricon .txt01 {
    font-size: 40px;
}

.banner_oricon .txt01 .r {
    font-size: 30px;
    vertical-align: super;
}

.banner_oricon .txt02 {
    font-size: 35px;
}

.banner_oricon .txt_grad {
    color: #f1e17c;
    background: -webkit-linear-gradient(-90deg, #ffffdb, #f1e17c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner_oricon .txt_big {
    font-size: 60px;
    font-style: italic;
    letter-spacing: -0.2em;
    line-height: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 190px;
}

_::-webkit-full-page-media,
_:future,
:root .banner_oricon .txt_big {
    bottom: 15%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    ::i-block-chrome,
    .banner_oricon .txt_big {
        bottom: 15%;
    }
}

_:-ms-lang(x)::-ms-backdrop,
.banner_oricon .txt_big {
    bottom: 20px;
}

.banner_oricon .txt_big span {
    color: #f1e17c;
    background: -webkit-linear-gradient(-90deg, rgba(219, 158, 11, 1) 0%, rgba(253, 232, 49, 1) 30%, rgba(252, 243, 199, 1) 80%, rgba(254, 238, 92, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 20px 0 0;
    margin: 0 0 0 -20px;
}

.banner_oricon .txt_big .crown {
    margin: 0 0 0 -8px;
}

.banner_oricon .txt_big .num {
    color: #f1e17c;
    background: -webkit-linear-gradient(-90deg, rgba(254, 238, 92, 1) 0%, rgba(252, 243, 201, 1) 10%, rgba(255, 243, 104, 1) 30%, rgba(212, 143, 6, 1) 50%, rgba(255, 243, 104, 1) 70%, rgba(252, 243, 201, 1) 90%, rgba(254, 239, 116, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 140px;
    position: relative;
    top: 8px;
    padding: 0 10px 0 0;
}

_:-ms-lang(x)::-ms-backdrop,
.banner_oricon .txt_big .num {
    padding: 0 30px 0 0;
}


@media (max-width: 767px) {
    .banner_oricon {
        height: auto;
        padding: 3% 0 3% 16%;
    }

    .banner_oricon:before {
        width: 13.5vw;
        height: 14vw;
        top: 11%;
        left: 1.6%;
    }

    .banner_oricon p {}

    .banner_oricon .txt01 {
        font-size: 4vw;
        font-weight: normal;
    }

    .banner_oricon .txt01 .r {
        font-size: 3vw;
    }

    .banner_oricon .txt02 {
        font-size: 3.5vw;
        font-weight: normal;
    }

    .banner_oricon .txt_grad {}

    .banner_oricon .txt_big {
        font-size: 6.5vw;
        bottom: -10%;
        right: 2%;
        width: auto;
    }

    .banner_oricon .txt_big span {
        padding: 0 10% 0 0;
        margin: 0 0 0 -10%;
    }

    .banner_oricon .txt_big .crown {
        margin: 0 0 0 -3%;
    }

    .banner_oricon .txt_big .num {
        font-size: 16vw;
        position: relative;
        top: 3px;
        padding: 0 2% 0 0;
    }
}

.inline-block {
    display: inline-block;
}

.font16 {
    font-size: 16px;
}

@media (min-width: 768px) {

    .pc-mr30 {
        margin-right: 30px;
    }

    .sp {
        display: none !important;
    }
    .onClick-box {
        font-size: 20px;
        max-width: 500px;
    }

    .onClick-box .inline-block {
        width:500px;
    }

    .cv-area {
        display: flex;
        align-items: center;
    }

    .tel_onClick_main {
        display: flex;
        max-width: 500px;
    }

    a#tel_onClick_main:hover,
    a#tel_onClick_main:focus {
        text-decoration: none;
        outline: none;
    }

    a#tel_onClick_main:hover img {
        opacity: 1;
    }

    .tel-icon {
        display: flex;
        align-items: center;
        width: 12%;
    }

    .tel-icon img {
        width: 100%;
    }

    .tel-main {
        width: 88%;
        padding-left: 3%;
        font-weight: bold;
    }

    .tel-main div {
        width: 100%;
        padding: 0 0 0 0;
        margin: auto;
        color: #333;
    }

    .tel-catch,
    .tel-time {
        font-size: 90%;
    }

    #tel_onClick_main div.tel-num {
        color: #f03d39;
        font-size: 230%;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .pc {
        display: none !important;
    }
    .inline-block {
        width: 100%;
    }
    .onClick-box {
        max-width:100%;
    }

    .tel_onClick_main {
        display: block;
        width: 100%;
        padding: 0 0.3em 0;
        margin: 0 0 1em;
        font-weight: bold;
    }

    .tel-catch {
        text-align: center;
        font-size: 3.2vw;
    }

    .tel-main {
        width: 100%;
        padding: 4% 6% 1% 7%;
        background: linear-gradient(180deg, #eb433e 0%, #eb433e 50%, #e81e19 50%, #e81e19 100%);
        border: solid 2px #fff;
        border-radius: 5px;
        box-shadow: -3px 6px 0px 0px rgb(208 214 203), 3px 6px 0px 0px rgb(208 214 203);
        display: block;
    }

    #tel_onClick_main a:hover {
        text-decoration: none;
        outline: none;
    }

    #tel_onClick_main a.tel-main:hover img {
        opacity: 1;
    }

    .tel-main-wrap {
        display: flex;
        align-items: center;
        margin: 0 0 0.5em;
    }

    #tel_onClick_main div.tel-num {
        color: #fff;
        font-size: 7.1vw;
        line-height: 1em;
        width: 83%;
        text-align: left;
    }

    .tel-icon {
        width: 12.5%;
        margin-right: 4.5%;
    }

    .tel-time {
        color: #fff;
        text-align: center;
        font-size: 2.9vw;
    }
}

.tel_onClick_head {
    max-width: 188px;
}

a.tel_onClick_head:hover {
    text-decoration: none;
}

.tel-head-top {
    display: flex;
    align-items: center;
}

.tel-head-icon {
    width: 9%;
}

.tel-head-num {
    font-size: 120%;
    width: 90%;
    font-weight: bold;
    color: #d90010;
    padding-left: 4%;
    line-height: 100%;
}

.tel-head-time {
    font-size: 80%;
    color: #434343;
}



/* 22.12.22 コラム詳細ページpager 改修 */
.navigation {
    margin: 80px 0 0;
}
.navigation .cat_paging {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.navigation dl {
    border-right: 1px solid #ddd;
}
.navigation dl:last-child {
    border-right: none;
}
.navigation dl {
    width: 50%;
    margin: 0;
    padding: 20px 20px 20px 0;
}
.navigation .alignright {
    padding: 20px 0 20px 20px;
}
.navigation .alignright a {
    flex-direction: row-reverse;
}
#sub .navigation dl a {
    display: flex;
    cursor: pointer;
    /*color: #0099FF;
    text-decoration: underline;*/
}
.navigation .art {
    font-weight: bold;
    padding: 0 0 10px;
    margin: 0;
}
.navigation .alignright .art {
    text-align: right;
}
.navigation .thumb {
    width: 90px;
    height: 90px;
    margin: 0 20px 0 0;
}
.navigation .alignright .thumb {
    margin: 0 0 0 20px;
}
.navigation .thumb img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}
.navigation .title {
    line-height: 1.5;
    flex: 1;
    color: #0099FF;
    text-decoration: underline;
}
@media (max-width: 767px){
	.navigation {
        margin: 30px 0 0;
    }
    .navigation .cat_paging {
        display: block;
    }
	.navigation dl {
        border-right: none;
		border-bottom: 1px solid #ddd;
    }
	.navigation dl:last-child {
        border-bottom: none;
    }
    .navigation dl {
        width: 100%;
		padding: 15px;
    }
    .navigation .alignright {
		padding: 15px;
    }
	#sub .navigation dl a {
        display: flex;
    }
	.navigation .art {
		padding: 0 0 10px;
    }
	.navigation .thumb {
        width: 80px;
		height: 80px;
		margin: 0 15px 0 0;
    }
	.navigation .alignright .thumb {
		margin: 0 0 0 15px;
    }
    .navigation .thumb img {
        width: 80px;
		height: 80px;
    }
    .navigation .title {
    }
}






/* 230810修正（エリアページ出張費） */
.tripBox {
    padding: 5px 0 0;
    margin: 10px 0 0;
}
.areaLP .tripBox {
    padding: 5px 0 15px;
}
.tripBox p {
    margin: 0;
    text-align: right;
}
.tripBox p a {
    text-decoration: underline;
    margin: 0;
    font-size: 100%;
}
.tripBox p a:hover {
    opacity: 0.7;
}
.trip {
    background: rgba(254, 211, 217,0.9);
    padding: 2px;
}
@media (max-width: 767px){
	.areaLP .tripBox {
        padding: 5px 20px 15px;
    }
    .tripBox p {
        text-align: left;
    }
}



/* 240529修正（エリアページお客様の声：スライダー） */

.slick-arrow {
    border: none;
    border-radius: 0;
    text-indent: -9999px;
    background-color: #f07997;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 45% auto;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    width: 35px;
    height: 60px;
    z-index: 1;
    transform: translateY(-50%);
}
.slick-arrow:hover {
    opacity: 0.8;
}
.slick-prev {
	background-image: url("../images/common/arrow_slider_prev.png");
    left: -20px;
    border-radius: 5px 0 0 5px;
}
.slick-next {
	background-image: url("../images/common/arrow_slider_next.png");
    right: -20px;
    border-radius: 0 5px 5px 0;
}

/*お客様の声スライダー*/
#sub .enquete .enquete_slider {
	background: rgba(254, 211, 217,0.4);
	padding: 20px;
	margin: 0 auto;
}
#sub .enquete .enquete_slider .slick-list {
	width: 900px;
}
#sub .enquete .enquete_slider .voiceBox2{
	width: 900px;
	margin: 0;
	float: left;
	padding: 30px;
	background: #fff;
	border-bottom: none;
}
#sub .enquete .enquete_slider .voiceBox2 .userdata {
	margin-bottom: 0;
}
#sub .enquete .enquete_slider .userdata figure {
	max-width: 200px;
}
#sub .enquete .slick-prev {
  left: -35px;
}
#sub .enquete .slick-next {
  right: -35px;
}
.slick-track {
  display: flex !important;
}
.slick-slide {
  height: auto !important;
}
@media (max-width: 767px) {
.slick-arrow {
    width: 30px;
	height: 50px;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}

/*お客様の声スライダー*/
#sub .enquete .enquete_slider {
	padding: 15px;
}
#sub .enquete .enquete_slider .slick-list {
	width: 323px;
	margin: 0 auto;
}
#sub .enquete .enquete_slider .voiceBox2{
	width: 323px;
	padding: 15px;
}
#sub .enquete .slick-prev {
  left: -5px;
}
#sub .enquete .slick-next {
  right: -5px;
}
}


@media (max-width: 767px) {
#top .textarea {
    padding: 20px 12px 60px;
}
}