/*!
 * media css
 */
@media screen and (min-width: 767px) {

    #dl-menu {
        display: none;
    }

    .bx-wrapper .bx-pager {
        display: none;
    }

}

@media (max-width: 767px) {

    .sn {
        display: none;
    }

    .sp {
        display: block;
    }

    .bx-controls-direction {
        display: none;
    }

    .img80 {
        width: 80%;
        margin: auto;
    }

    .img60 {
        width: 60%;
        margin: auto;
    }

    body {
        min-width: 0;
    }

    .campBnr li {
        display: block;
        width: 80%;
        margin: 0 auto 1em;
    }

    #sub .telBtn {
        display: block;
        width: 100%;
        padding: 8px 0 5px;
        margin-bottom: .5em;
        color: #fff;
        font-size: 2.4rem;
        font-weight: 600;
        text-align: center;
        box-sizing: border-box;
        border: 2px solid #fff;
        box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.15);
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e71f19+0,ff3f3f+50,e51814+51,e50f0b+100 */
        background: #e71f19;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e71f19 0%, #ff3f3f 50%, #e51814 51%, #e50f0b 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e71f19 0%, #ff3f3f 50%, #e51814 51%, #e50f0b 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e71f19 0%, #ff3f3f 50%, #e51814 51%, #e50f0b 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e71f19', endColorstr='#e50f0b', GradientType=0);
        /* IE6-9 */
        border-radius: 6px;
    }

    #sub .telBtn a {
        color: #fff;
        font-size: 2.4rem;
        font-weight: 600;
    }

    #plan01 h3,
    #plan02 h3,
    #plan03 h3,
    #rank h3 {
        font-size: 1.8rem !important;
    }

    /*  MENU  */
    #menu {
        text-align: left;
    }

    #menubtn {
        cursor: pointer;
        position: fixed !important;
        z-index: 1 !important;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        background: #f07997;
        cursor: pointer;
        text-align: center;
        color: #fff;
    }

    html:not(.mm-opening):not(.mm-opened) #menubtn {
        transition: top 0.3s ease;
    }

    #menubtn:before,
    #menubtn:after,
    #menubtn span.mbdr {
        background: #fff;
        content: '';
        display: block;
        width: 40px;
        height: 4px;
        position: absolute;
        left: 10px;
    }

    #menubtn:before {
        top: 10px;
    }

    #menubtn span.mbdr {
        top: 20px;
    }

    #menubtn:after {
        top: 30px;
    }

    #menubtn span.moji {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 5px;
        font-size: 0.9em;
    }

    .mm-vertical .mm-panel {
        z-index: 300;
    }

    /* header */
    header {
        border-top: none;
        padding-top: 0;
    }

    #c_pagetop .logo,
    #pagetop #logo {
        float: none;
        width: 63%;
        margin: auto;
        padding: 10px 0 9px;
    }

    #c_pagetop .logo img,
    #pagetop #logo img {
        width: 100%;
    }

    /*-------flexslider--------*/
    .keyVisual {
        position: static;
        width: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0 0 0;
    }

    .keyVisual .image {
        width: 100%;
    }

    .keyVisual #slider li img {
        width: 100%;
    }

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

    footer .footer_inner {
        width: 100%;
        margin: auto;
        padding: 5%;
        position: relative;
    }

    .footer_inner .mb3 {
        margin-bottom: 0;
    }

    .footer_inner .line {
        float: none;
        width: 100%;
    }

    .footer_inner .line .lineBtn {
        position: static;
        margin: 1em auto;
        width: 60%;
    }

    .footer_inner .switch {
        width: 100%;
    }

    .footer_inner .pagetop {
        text-align: right;
        margin-top: 1.5em;
    }

    .footer_inner .pagetop img {
        zoom: .5;
    }

    /*----- floatingmenu -----*/
    #floatingmenu {
        bottom: 0;
        z-index: 100;
        width: 100%;
    }

    #floatingmenu ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    }

    #floatingmenu ul li {
        display: table-cell;
        padding: 1%;
    }

    #floatingmenu ul li a {
        display: block;
        /*background-color: #ed7994;*/
        text-align: center;
    }

    #floatingmenu ul li img {
        max-width: 150px;
        width: 100%;
        margin: auto;
        text-align: center;
        display: inherit;
    }

    #floatingmenu ul li div.tel-btn {
        width: 100%;
        /*background-color: #ed7994;*/
    }

    #floatingmenu.btn4 ul {
        display: flex;
        flex-wrap: wrap;
        background: transparent;
    }

    #floatingmenu.btn4 ul li {
        width: 50%;
    }

    #floatingmenu.btn4 ul li img {
        max-width: inherit;
    }

    /*----- QUO -----*/
    .quo {
        max-width: 94%;
        width: 94%;
        margin: 0 auto 1em;
        padding: 5%;
        border: 4px solid #014da1;
        background-image: none;
    }

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

    .quo .left,
    .quo figure.right {
        width: 100%;
        float: none;
    }

    .quo figure.right {
        margin-top: 1em;
    }

    .quo p {
        font-size: 1.4rem;
        margin-bottom: 0;
    }

    .quo p strong {
        font-size: 1.1em;
    }

    .quo p span.red em {
        font-style: normal;
        font-size: 1.3em;
    }

    .quo p span.pink_bdr {
        display: block;
        text-align: center;
    }

    .quo p a.sp {
        display: inline-block;
    }

    /*----- button -----*/
    a.button {
        padding: .75em 0 .5em;
        width: 75%;
        font-size: 1.4rem;
    }

    .button:hover::before {
        left: 2em;
    }

    a.button.button_long02 {
        width: 100%;
        padding: 1em 3em 1em 3.5em;
    }

    /* common */
    #sub .midashi {
        margin-bottom: 2em;
    }

    .midashi {
        padding-left: 10px;
        border-top: 3px solid #f07997;
        border-bottom: none;
    }

    .midashi02 {
        padding: 20px 0;
    }

    .midashi02 h2 {
        font-weight: 600;
        color: #333;
        text-align: center;
        margin-bottom: 0;
        line-height: 1.4;
        font-size: 2rem;
    }

    .midashi03 {
        font-size: 2.2rem;
    }

    .midashi03 .small {
        margin: .5em 0 0;
        display: block;
    }

    /* table */
    table.def {
        width: 100%;
        border: none;
        border-top: 1px solid #f07997;
    }

    table.def th {
        display: block;
        width: 100%;
    }

    table.def td {
        display: block;
        width: 100%;
    }

    table.def tr:last-child td {
        border-bottom: none;
    }

    table.def02 {
        font-size: 1.3rem;
    }

    table.def02 th,
    table.def02 td {
        padding: 2%;
    }

    table.def02 td span {
        font-size: 2.6rem;
    }

    .tbl-base {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 30px 5%;
        padding: 0px;
    }

    .tbl-base td,
    .tbl-base th {
        border: none;
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tbl-base th {
        font-size: 20px;
        border-top: 1px solid #f17897;
    }

    .tbl-base td {
        font-size: 16px;
        border-top: 1px solid #f17897;
    }

    .tabTable,
    .txt-right {
        width: 100%;
        float: none;
    }

    .tabTable table th {
        font-size: 1.3rem;
        padding: 2%;
    }

    .tabTable .tab-index a,
        {
        display: block;
        width: 100%;
    }

    .tabTable .tab-index li:not(:last-child) {
        border-right: 1px solid #ccc;
    }

    .tabTable .tab-index .active {
        background-color: #ff9 !important;
    }

    #sub .tabTable .tab-index .active a {
        color: #333;
    }

    .tabTable .tab-contents {
        display: none;
    }

    .tabTable .tab-contents.active {
        display: block;
    }

    .tabTable ul.w40,
    .tabTable table th.w40 {
        width: 50%;
    }

    .tabTable table th.w30 {
        width: 20%;
    }

    .tabTable table th.w30 a {
        font-size: 1.2rem;
    }

    .tabTable ul.w30 {
        width: 50%;
    }

    .tabTable ul.w40 li {
        line-height: 1;
        height: 84px;
        padding: 10% 1% 0;
    }

    .tabTable ul.w30 li {
        line-height: 1;
        height: 84px;
        padding: 10% 10% 0;
    }

    /* Bread_crumb_List */
    .bread_crumbBox {
        display: none;
    }

    /* font */
    .top_txt {
        font-size: 1.15em;
    }

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

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

    .posprice {
        width: 150px;
        height: 51px;
        padding: 5px 0 0 15px;
        font-size: 1.6rem;
    }

    .posprice span {
        font-size: 1.9rem;
    }

    #plan03 .posprice {
        padding-top: 8px;
        font-size: 1.4rem;
    }

    .posprice.smprice {
        width: 166px;
        height: 45px;
        padding-top: 7px;
        font-size: 1.2rem;
    }

    #plan03 .posprice span {
        font-size: 1.9rem;
    }

    .posprice.smprice span {
        font-size: 1.7rem;
    }

    /*------- sp-main --------*/
    ul.sp-main li {
        width: 100%;
        margin: 0 auto 10px;
    }

    ul.sp-main li img {
        width: 100%;
    }

    #camp {
        width: 96%;
        padding: 0 2%;
        margin: 20px auto 1em;
        background: #fff;
    }

    #camp figure {
        width: 35%;
        float: left;
    }

    #camp figure img {
        width: 100%;
    }

    #camp .textarea02 {
        width: 100%;
    }

    #camp .textarea02 h3 {
        font-size: 1.6rem;
    }

    #camp span.tag {
        padding: 2% 0;
        width: 70px;
        background-color: #333;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1;
        border: none;
        border-radius: 0px;
        display: inline-block;
        margin-right: 5px;
    }

    #camp .text-center {
        clear: both;
        padding-top: 1em;
    }

    #plan01 .col4 li {
        float: left;
        width: 48%;
        margin: 1%;
        background-color: #fff;
        position: relative;
    }

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

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

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

    #plan02 div.box {
        width: 94%;
        height: auto;
        float: none;
        margin: 0 auto 1em;
    }

    #plan02 .col2 {
        width: 100%;
        float: none;
        margin: 0 auto 1em;
    }

    #plan02 .col2 li {
        width: 94%;
        margin: 4% auto;
        float: none;
    }

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

    #plan02 .col2 li figure {
        float: none;
        width: 100%;
        height: 160px;
        overflow: hidden;
        position: relative;
    }

    #plan02 .col2 li 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;
    }

    #plan02 .col2 li .textarea {
        width: 100%;
        float: none;
    }

    #plan02 .col4 li {
        /* display:none; */
    }

    .packaged #plan02 .col4 li,
    .office #plan02 .col4 li {
        display: block;
    }

    #plan02 .col4 li {
        float: left;
        width: 48%;
        margin: 1%;
        background-color: #fff;
        position: relative;
    }

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

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

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


    #plan03 .col2 li {
        width: 94%;
        margin: 4% auto;
        float: none;
    }

    #plan03 .col2 li:first-child {
        margin: auto;
        height: auto;
    }

    #plan03 .col2 li:first-child figure,
    #plan03 .col2 li figure {
        float: none;
        width: 100%;
        height: 130px;
        overflow: hidden;
        position: relative;
    }

    #plan03 .col2 li:first-child figure img,
    #plan03 .col2 li 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;
    }

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

    .lineBnr {
        width: 90%;
        margin: 0 auto 3em;
        box-shadow: 0px 1px 2px 2px #eee;
    }

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

    .lineBnr img {
        width: 100%;
    }

    #rank .col3 li {
        float: none;
        width: 94%;
        margin: 0 auto 1em;
    }

    #rank .col3 li:nth-child(1) {
        margin: 0 auto 1em;
    }

    #rank .col3 li:nth-child(3) {
        margin: 0 auto 1em;
    }

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

    #rank .col3 li .sp img {
        zoom: .75;
        width: auto;
    }

    #rank .col3 li .textarea {
        padding-top: 10px;
    }

    #rank .col3 li:nth-child(1) .textarea:before,
    #rank .col3 li:nth-child(2) .textarea:before,
    #rank .col3 li:nth-child(3) .textarea:before,
    #rank .col3 li:nth-child(4) .textarea:before,
    #rank .col3 li:nth-child(5) .textarea:before {
        display: none;
    }

    #colum .col2 {
        margin-bottom: 2em;
    }

    #colum .col2 li {
        float: none;
        width: 94%;
        margin: 0 auto;
        padding: 5% 0 0;
        border-bottom: 1px solid #ddd;
        zoom: 100%;
        position: relative;
    }

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

    #colum .col2 li:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    #colum .col2 li .textarea02 {
        padding-right: 10%;
    }

    #colum .col2 li .textarea02:after {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: 50%;
        right: 0;
        color: #f07997;
        font-size: 1.8rem;
    }

    /* #colum .col2 li .textarea02 .more { display:none;} */

    .cleanmap .pull-left,
    .cleanmap .pull-right {
        float: none !important;
    }

    .cleanmap figure {
        width: 100%;
    }

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

    .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: 0;
    }

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

    .gift .checkList {
        float: none;
        width: 100%;
    }

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

    /*----------- pageFooter style -----------*/
    .pageFooter .col4 {
        padding: 1em 0 3em;
        border-bottom: none;
    }

    .pageFooter .col4 li {
        float: left;
        width: 31%;
        margin: 1%;
    }

    .pageFooter .col4 li:nth-child(7),
    .pageFooter .col4 li:nth-child(8) {
        width: 48%;
        margin: 1%;
    }

    .pageFooter .col4 li div {
        padding: 5%;
        background: none;
    }

    .pageFooter .col4 li i {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .pageFooter .col4 li i img {
        width: 100%;
    }

    .footnav {
        border-top: 1px solid #ddd;
        width: 94%;
        margin: 0 auto 2em;
    }

    .footnav li {
        float: left;
        width: 49%;
        position: relative;
        text-align: center;
        padding: 2em 0;
        border-bottom: 1px solid #ddd;
        font-size: 1.4rem;
    }

    .footnav li a {
        color: #333;
    }

    .footnav li:nth-child(odd) {
        border-right: 1px solid #ddd;
    }

    .footnav li:after {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: 2em;
        right: 5%;
        color: #f07997;
    }

    .pageFooter .contactList {
        width: 90%;
        margin: 3em auto;
        display: block;
        table-layout: inherit;
    }

    .pageFooter .contactList li {
        display: block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        margin: auto;
    }

    .pageFooter .contactList li:first-child,
    .pageFooter .contactList li:nth-child(2) {
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }

    .pageFooter .contactList li img {
        width: 100%;
    }

    .pageFooter .serviceLink {
        margin: 2em auto 1em;
        width: 96%;
    }

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

    .pageFooter .serviceLink ul li {
        width: 46%;
        height: auto;
        float: left;
        margin: 2%;
    }

    .pageFooter .serviceLink ul li figure {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        overflow: inherit;
        position: relative;
    }

    .pageFooter .serviceLink ul li figure img {
        position: static;
        height: auto;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .pageFooter .serviceLink ul li .service-txt {
        margin-left: 0;
        margin-top: 0.5em;
        font-size: 1.2rem;
    }

    .pageFooter .serviceLink ul li .service-txt h4 {
        height: 40px;
    }

    .pageFooter .serviceLink ul li:first-child .service-txt h4 {
        padding: 10px 0 0 0;
    }

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

    #sub .w100,
    .sub .w100 {
        width: 100% !important;
    }

    #sub img,
    .sub img {
        width: 100%;
    }

    #sub img.w50,
    .sub img.w50 {
        width: 50%;
    }

    #sub .pull-left,
    #sub .pull-right,
    .sub .pull-left,
    .sub .pull-right {
        float: none !important;
    }

    #sub .inner,
    .sub .inner {
        width: 94%;
        margin: auto;
        padding-bottom: 2.5em;
    }

    .privacy .secFrame02 .pull-left,
    .privacy .secFrame02 .pull-right {
        width: 100%;
        float: none !important;
    }

    #moreLink .midashi {
        display: block;
        width: 100%;
        cursor: pointer;
    }

    #moreLink h2 {
        padding-left: 45px;
    }

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

    #moreLink .midashi.active h2:before {
        content: "\e113";
    }

    #moreLink .inner {
        width: 100%;
    }

    #moreLink .inner .linkList li {
        width: 94%;
        margin: 0 auto 2%;
        float: none;
    }

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

    .parent {
        margin-top: 2em;
    }

    .parent .w40,
    .parent .w40-right {
        width: 94%;
        margin: .5em auto 0;
    }

    .parent .w40 p,
    .parent .w40-right p {
        width: 100%;
    }

    .mt0 {
        margin-top: 0 !important;
    }

    .spcontact {
        margin-top: 2em;
    }

    .spcontact p {
        margin: 1em 0 0;
    }

    ul.btn_col2 {
        text-align: center;
        margin: 2em auto;
        padding-bottom: 1.5em;
    }

    ul.btn_col2 li {
        display: block;
        width: 80%;
        margin: 0 auto 1em;
    }

    #sub ul.btn_col2 li a.btnst {
        font-size: 1.6rem;
        width: 100%;
        padding: 10px 0;
        display: block;
    }

    ul.btn_col3 ul li.menu-item {
        width: 47%;
        margin: 1%;
    }

    #sub ul.btn_col3 ul li.menu-item a {
        font-size: 1.3rem;
        width: 100%;
    }

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

    #sub.area .bgarea .text {
        width: auto;
        position: static;
    }

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

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

    #sub.area .bgarea figure {
        position: static;
    }

    ul.areaList > li {
        float: none;
        width: 100%;
        margin-bottom: 2em;
        box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.05);
    }

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

    ul.areaList > li > ol > li {
        width: 30%;
        font-size: 1.4rem;
    }

    #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;
    }

    ul.areaList02 > li {
        margin-bottom: 30px;
    }

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

    ul.areaList02 > li > div.area_city h5 {
        padding: 10px;
    }

    ul.areaList02 > li > div.area_city > ol > li {
        display: inline-block;
        width: 30.5%;
        text-align: center;
    }

    ul.areaList02 > li > div.area_city > ol > li:nth-child(4n+4) {
        margin-right: 0;
    }

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

    ul.simpleFlow li {
        width: 100%;
        padding: 0;
        float: none;
        font-size: 1.3rem;
        background: none;
        position: relative;
        margin-bottom: 50px;
    }

    ul.simpleFlow li:after {
        background: none;
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -70px;
        text-align: center;
        color: #f07997;
        font-size: 4rem;
        width: inherit;
        height: inherit;
    }

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

    .tag02 span {
        font-size: 1.4rem;
    }

    ul.simpleFlow li h5 {
        font-size: 1.6rem;
        height: auto;
    }

    ul.simpleFlow li figure {
        width: 30%;
        margin: -20px 0 0 10px;
        float: right;
    }

    #sub .ttl-lv00 h3 {
        font-size: 22px;
        padding: 10px 15px 6px;
    }

    .col-md-6 {
        margin-bottom: 1em;
    }

    .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:before {
        height: 20px;
    }

    #sub .ttl-lv02 h4 {
        padding: 0 0 0 15px;
        font-size: 18px;
    }

    /*----------- price -----------*/
    .price .midashi02 {
        margin-bottom: 2.5em;
        box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.15);
    }

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

    .priceList02 {
        margin-bottom: 2em;
    }

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

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

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

    .price .pageLink li {
        display: inline-block;
        width: 30%;
        margin: 2% 1%;
        text-align: center;
        font-size: 1.3rem;
        float: none;
    }

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

    .price .pageLink li i {
        display: block;
        width: 30px;
        margin: auto;
    }

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

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

    #sub.price .priceBox {
        padding: 2% 4%;
        margin-bottom: 0;
    }

    #sub.price #price02 .priceBox {
        margin-bottom: 1em;
    }

    #sub.price #price01 ul.col2_list {
        padding: 2% 0;
        border-color: #eee;
    }

    #sub.price ul.col2_list dt {
        font-size: 1.6rem;
        width: 100%;
        float: none;
        margin-bottom: .25em;
    }

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

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

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

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

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

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

    .voiceBox .userdata figure {
        float: none;
        max-width: 60%;
        margin: 0 auto 1em;
    }

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

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

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

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

    /*----------- beginner -----------*/
    .beginner .keyVisualSub {
        background: url(../images/beginner/key_img.jpg) no-repeat center center;
        background-size: cover;
        height: auto;
        padding: 2em 0;
    }

    .beginner .keyVisualSub p {
        width: 94%;
        font-size: 1.3rem;
    }

    .beginnerList li {
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    .beginnerList li .parent figure {
        overflow: hidden;
        width: 120px;
        height: 85px;
        position: relative;
        margin-right: 10px;
    }

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

    #sub .beginnerList li .parent div {
        clear: left;
    }

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

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

    .beginner table.def02 th {
        font-size: 1.2rem;
    }

    .beginner table.def02 td {
        font-size: 1.1rem;
    }

    .beginner table.def02 th:nth-child(2) {
        width: 38%;
    }

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

    .keyoffice figure {
        max-width: 1000px;
        width: 100%;
        min-height: 150px;
        margin: auto;
        overflow: hidden;
        position: relative;
        background-color: #ccc;
    }

    .keyoffice figure img {
        width: auto;
        height: 150px;
    }

    .keyoffice figure figcaption {
        top: 25%;
        left: 5%;
        right: 0;
        font-size: 2.4rem;
        font-weight: 600;
    }

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

    #sub.office .tel-img-sp img {
        width: 50%;
    }

    .office .sp80 {
        width: 80%;
        margin: auto;
    }

    .office .grayBox {
        font-size: 1.4rem;
    }

    .office .rightarea {
        width: 100%;
        float: none;
        font-size: 1.4rem;
        padding-top: 10px;
    }

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

    .office table.def02 th {
        font-size: 1.8rem;
    }

    .office table.def02 td {
        display: block;
        width: 100%;
        padding: 5%;
    }

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

    .office table.def02 td:first-child {
        text-align: center;
        font-weight: 600;
        width: 100%;
    }

    /*.office table.def02 td {display:block;}
.office table.def02 td:first-child {width:100%;}*/

    #sub.office #plan01 .textarea,
    #sub.office #plan02 .textarea {
        padding: 2% 10px 30px 0;
        background-image: none;
    }

    #sub.office #plan03 .textarea {
        padding: 2% 10px 40px 0;
        background-image: none;
    }

    .office #plan01,
    .office #plan02,
    .office #plan03 {
        overflow: hidden;
        zoom: 1;
    }

    .office #plan01 li,
    .office #plan02 li,
    .office #plan03 li {
        float: none;
        width: 100%;
        padding: 3%;
        margin-bottom: 4%;
    }

    .office #plan01 li:after,
    .office #plan02 li:after,
    .office #plan03 li:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    .office #plan01 li:nth-child(even),
    .office #plan02 li:nth-child(even) {
        margin: 0 0 4%;
    }

    .office #plan03 li:nth-child(even) {
        margin: 4% 0;
    }

    .office #plan01 li figure,
    .office #plan02 li figure,
    .office #plan03 li figure,
    .office #plan03 li:first-child figure {
        width: 100px;
        height: 80px;
        float: left;
    }

    .office #plan01 li h3,
    .office #plan01 li p,
    .office #plan02 li h3,
    .office #plan02 li p,
    .office #plan03 li h3,
    .office #plan03 li p {
        margin-left: 110px;
    }

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

    .office .area_table dt {
        display: block;
        cursor: pointer;
        position: relative;
    }

    /*	.office .area_table dt:after {
	content:"\e114";
	font-family: 'Glyphicons Halflings';
	display:inline-block;
	color:#ccc;
	font-size:1.8rem;
	position:absolute;
	top:10px;
	right:10px;
	}*/
    .office .area_table dt.active:after {
        content: "\e113";
    }

    .area_table dd ul li {
        width: 31%;
        padding: 1%;
    }

    /*----------- faq -----------*/
    p.text-right.mt1.mb3 {
        text-align: left;
    }

    ul.faqList > li {
        width: 100%;
        float: none;
    }

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

    /* promises */
    .promises .key figure {
        width: 30%;
    }

    .promises .key p {
        margin: 5px 0 0;
        font-size: 1.4rem;
    }

    .promises ul.promisesList li {
        width: 100%;
        padding: 3%;
        margin-top: 2%;
        float: none;
        height: auto;
    }

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

    .promises ul.promisesList li h3 {
        padding-left: 60px;
        position: relative;
        margin-bottom: 1em;
        font-size: 1.5rem;
        padding-top: 10px;
    }

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

    .promises ul.promisesList li figure {
        width: 20%;
        margin: auto;
    }


    /* menuList */
    #menuList ul.sp {
        background-color: #fff;
        width: 100%;
        display: block;
        padding: 20px 0;
    }

    #menuList ul.sn {
        display: none;
    }

    #menuList ul li {
        display: inline-block;
        font-size: 1em;
        width: 32%;
        margin: 0;
        padding: 10px 0;
        text-align: center;
    }

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

    #menuList ul li i {
        margin-right: 0;
        display: block;
    }

    #menuList ul li i img {
        zoom: .5;
        width: 25%;
        margin: auto;
    }

    /* flow */
    .bflow .key {
        width: 100%;
    }

    .bflow .key figure {
        width: 40%;
    }

    .bflow .key p {
        margin: 15px 0 0;
        font-size: 1.4rem;
    }

    ul.bflowList li {
        border: 1px solid #ddd;
        padding: 25px 20px 10px;
        width: 100%;
        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: block;
        margin: 0 0 0.5em;
        zoom: 1;
    }

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

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

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

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

    ul.bflowList li figure {
        position: static;
        width: 50%;
        margin: auto;
    }

    ul.bflowList li p {
        width: 100%;
    }

    ul.bflowList li.bflow01,
    ul.bflowList li.bflow02,
    ul.bflowList li.bflow03,
    ul.bflowList li.bflow04,
    ul.bflowList li.bflow05 {
        background: none;
    }

    /* difference */
    .difference .mb5 {
        margin-bottom: 1em;
    }

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


    /* movie */
    ul.pageLink li {
        width: 50%;
        float: left;
        padding: 5px 0;
        text-align: center;
        font-size: 1.4rem;
    }

    #sub.movie ul.pageLink li {
        width: 52%;
    }

    #sub.movie ul.pageLink li:nth-child(odd) {
        margin-right: 1%;
        width: 47%;
    }

    #sub.movie ul.pageLink li a {
        transition: all 0.3s;
        font-size: 1.1rem;
        width: 100%;
        padding: 10px 0 7px;
        display: block;
        border-radius: 2px;
        text-decoration: none;
        font-weight: 600;
        border: 1px solid #ccc;
    }

    #sub.movie ul.pageLink li a i img {
        width: 15px;
        margin-right: 3px;
    }

    #sub.movie ul.pageLink li a:hover {
        background-color: #f3f3f3;
        text-decoration: underline;
        transition: all 0.3s;
    }

    ul.movieList li {
        width: 100%;
        float: none;
        padding: 1em 0 0;
    }

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

    .mov {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        margin-bottom: 1em;
    }

    .mov iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

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

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

    #sub .lineList li {
        width: 100%;
        float: none;
        zoom: 100%;
        overflow: hidden;
    }

    #sub .lineList li figure {
        width: 30%;
        float: left;
        padding: 10px 0;
    }

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

    #sub .lineList li p {
        font-size: 1em;
        width: 65%;
        float: right;
    }

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

    #sub .line {
        background-color: #eee;
        padding: 5%;
    }

    #sub .line .lineBtn {
        margin: 1em auto 0;
        width: 60%;
    }

    /*----------- aircon -----------*/
    #submain .keyVisualSub {
        margin-bottom: 2em;
    }

    #submain .keyVisualSub.clearfix {
        border: none;
    }

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

    .aircon #submain .keyVisualSub figcaption {
        left: 40%;
        bottom: 0;
        font-size: 1.8rem;
    }

    .aircon #submain .keyVisualSub figcaption span {
        margin-left: 0;
        display: block;
        font-size: 1.2rem;
    }

    /*----------- aircon -----------*/
    .priceContainer {
        padding: 3% 3% 10%;
    }

    .priceContainer figure.trim01 {
        width: 100%;
        height: 200px;
        margin: 0;
        overflow: hidden;
        background-color: #888;
        float: none;
    }

    .priceContainer figure.trim01 img {
        width: 100%;
        height: auto;
    }

    .priceContainer .area dl.listPrice {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: table;
        table-layout: fixed;
        margin-bottom: 30px;
    }

    .priceContainer .area dl.listPrice:after {
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        display: inline-block;
        color: #f17897;
        font-size: 45px;
        position: absolute;
        right: 40%;
        bottom: -65px;
    }

    .priceContainer .area dl.listPrice dt {
        display: table-cell;
        text-align: left;
        margin-bottom: 1em;
        white-space: nowrap;
        width: 55%;
    }

    .priceContainer .area dl.listPrice dt span.boxpink {
        padding: 5%;
        font-size: 1.3rem;
    }

    .priceContainer .area dl.listPrice dd {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.4rem;
        text-align: center;
        width: 50%;
        white-space: nowrap;
    }

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

    /* ★disPrice */
    .aircon .area dl.pricedl {
        max-width: 100%;
        float: none;
        margin: 0 0 3%;
    }

    dl.pricedl dt {
        padding-right: 0;
        width: 50%;
    }

    dl.pricedl dt span.boxyellow {
        padding: 10px 10px 5px;
        white-space: nowrap;
    }

    dl.pricedl dd {
        font-size: 2rem;
    }

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

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

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

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

    dl.pricedl dd em {
        font-size: 1.4rem;
    }

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

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

    /* gift */
    .gift .priceContainer {
        padding: 3%;
    }

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

    .gift dl.pricedl dt {
        display: block;
        width: 100%;
    }

    .gift dl.pricedl dd {
        display: block;
        width: 100%;
        margin-bottom: .5em;
    }

    /*----------- priceContainer02 -----------*/
    .priceContainer02 {
        padding: 3%;
    }

    /* ★listPrice */
    p.listPrice02 {
        float: none;
        padding: 0 0 30px;
        text-align: center;
        font-size: 1.8rem;
    }

    p.listPrice02:after {
        content: "\e252";
        position: absolute;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -30px;
        text-align: center;
    }

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

    /* ★disPrice */
    dl.disPrice02 {
        width: 100%;
        float: none;
    }

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

    dl.disPrice02 dt span.boxyellow {
        font-size: 1.2rem;
        padding: 3%;
        color: #222;
        display: inline-block;
    }

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

    dl.disPrice02 dd {
        font-size: 2rem;
    }

    dl.disPrice02 dd span.red {
        font-size: 3.3rem;
        margin: 0 3px;
    }

    dl.disPrice02 dd span.red:before {
        font-size: 2rem;
    }

    /* ★disPrice */
    dl.disPrice04 dt {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 1.6rem;
        margin-top: .5em;
    }

    dl.disPrice04 dt span {
        font-size: 1.4rem;
        display: block;
    }

    dl.disPrice04 dd {
        display: block;
        font-size: 2rem;
    }

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

    dl.disPrice04 dd span.red:before {
        font-size: 2rem;
    }

    .birth #submain p.text-right {
        text-align: left;
        margin-top: 1em;
    }

    /*----------- priceContainer03 -----------*/
    .priceContainer03 {
        padding: 3%;
    }

    /* ★disPrice */
    dl.disPrice03 {
        width: 100%;
        float: none;
    }

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

    dl.disPrice03 dt span.boxpink,
    dl.disPrice03 dt span.boxblue {
        padding: 5%;
        font-size: 1.3rem;
    }

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

    dl.disPrice03 dd span.red {
        font-size: 3rem;
        margin: 0;
    }

    dl.disPrice03 dd span.red:before {
        font-size: 2.2rem;
    }

    .priceContainer03 ul {
        width: 100%;
        float: none;
    }

    .priceContainer03 ul li {
        margin-top: .25em;
    }

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

    .nonpriceBox {
        width: 100%;
        float: none;
        padding: 20px 25px 10px;
    }

    .nonpriceBox.before {
        border: 1px solid #ddd;
        position: relative;
        margin: 0 0 50px;
    }

    .nonpriceBox.before:after {
        content: "";
        background: url(../images/common/arw04.png) no-repeat center top;
        background-size: contain;
        width: auto;
        height: 50px;
        position: absolute;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -50px;
    }

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

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

    .nonpriceBox.after dl dd {
        font-size: 1.8rem;
    }

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

    /*----------- keyVisualSub figure.trim01 -----------*/
    #submain .keyVisualSub figure.trim01,
    #submain .keyVisualSub figure.trim02 {
        width: 100%;
        height: 200px;
        margin: 0;
        overflow: hidden;
        background-color: #888;
        float: none;
    }

    #submain .keyVisualSub figure.trim01 img,
    #submain .keyVisualSub figure.trim02 img {
        width: 100%;
        height: auto;
    }

    /*----------- keyVisualSub .area -----------*/
    #submain .keyVisualSub .area {
        width: 100%;
        float: none;
        margin-top: 2em;
        padding: 4%;
        border: 1px solid #ddd;
    }

    #submain .keyVisualSub .area.bdrTop {
        border-top-style: solid;
        margin-top: 4% !important;
        padding-top: 4%;
    }

    #submain .keyVisualSub .area p {
        font-size: 1.2rem;
    }

    /* ★listPrice */
    #submain .keyVisualSub .area dl.listPrice {
        width: 100%;
    }

    #submain .keyVisualSub .area dl.listPrice dt {
        padding-right: 15px;
    }

    #submain .keyVisualSub .area dl.listPrice:after {
        right: 20%;
    }

    #submain .keyVisualSub .area dl.listPrice dt span.boxpink {
        padding: 10px 8% 7px;
        font-size: 1.4rem;
    }

    #submain .keyVisualSub .area dl.listPrice dd {
        font-size: 1.4rem;
    }

    #submain .keyVisualSub .area dl.listPrice dd span.red {
        font-size: 1.8rem;
    }

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

    #submain .keyVisualSub .area dl.disPrice dt {
        display: table-cell;
        vertical-align: middle;
        padding-right: 0;
    }

    #submain .keyVisualSub .area dl.disPrice dt span.boxyellow {
        padding: 10px 4% 5px;
        font-size: 1.3rem;
        white-space: nowrap;
    }

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

    #submain .keyVisualSub .area dl.disPrice dd {
        font-size: 1.6rem;
        font-weight: 600;
    }

    #submain .keyVisualSub .area dl.disPrice dd span.red {
        font-size: 3rem;
        letter-spacing: -0.05;
        margin: 0;
    }

    #submain .keyVisualSub .area dl.disPrice dd span.red:before {
        font-size: 1.8rem;
    }

    /*----------- .keyVisualSub ul -----------*/
    #submain .keyVisualSub ul,
    .aircon #submain .keyVisualSub ul,
    .kitchen #submain .keyVisualSub ul,
    .range_hood #submain .keyVisualSub ul,
    .restroom #submain .keyVisualSub ul,
    .washroom #submain .keyVisualSub ul,
    .window #submain .keyVisualSub ul,
    .bathroom #submain .keyVisualSub ul,
    .entrance #submain .keyVisualSub ul,
    .garage #submain .keyVisualSub ul,
    .flooring #submain .keyVisualSub ul,
    .veranda #submain .keyVisualSub ul {
        position: static;
        margin-top: 10px;
        font-size: 0;
        text-align: center;
    }

    #submain .keyVisualSub ul li,
    .aircon #submain .keyVisualSub ul li,

    .kitchen #submain .keyVisualSub ul li,
    .range_hood #submain .keyVisualSub ul li,
    .restroom #submain .keyVisualSub ul li,
    .washroom #submain .keyVisualSub ul li,
    .window #submain .keyVisualSub ul li,
    .bathroom #submain .keyVisualSub ul li,
    .entrance #submain .keyVisualSub ul li,
    .garage #submain .keyVisualSub ul li,
    .flooring #submain .keyVisualSub ul li,
    .veranda #submain .keyVisualSub ul li {
        display: inline-block;
        width: 21%;
        margin: 2%;
        height: auto;
        padding: 2%;
        border-radius: 6px;
        background-color: #ddd;
    }

    .col2_list li {
        float: none;
        width: 100%;
        zoom: 1;
        /* float解除 for IE6/7  */
    }

    .col2_list > li:after,
    .col2_list > li:before {
        content: "";
        clear: both;
        display: block;
    }

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

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

    #sub .col2_list li h3 {
        padding-top: 10px;
        line-height: 1.4;
    }

    #sub .col2_list li h3 span {
        margin-left: 0;
        display: block;
    }

    .col3_list li,
    .col3_list.first li,
    .col3_list.first li:first-child {
        float: none;
        width: 100%;
        margin-bottom: 1em;
        padding: 15px 20px;
    }

    .col3_list li:nth-child(even),
    .col3_list.first li:nth-child(2) {
        margin: 0 0 1em;
    }

    .col3_list li .postag img {
        zoom: .75;
    }

    .col3_list li h3,
    .col3_list.first li h3 {
        margin-left: 0;
        text-align: center;
        font-size: 2.2rem;
    }

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

    .col2_2 li {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        float: none;
    }

    .col2_2 li figure img {
        width: 100%;
    }

    .col3_2 {
        overflow: hidden;
        zoom: 1;
    }

    .col3_2 li {
        float: none;
        width: 100%;
        padding: 3%;
        margin-bottom: 4%;
    }

    .col3_2 li:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

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

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

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

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

    .regular .list_regular ul {
        widows: 100%;
    }

    .regular .list_regular ul li {
        width: 30%;
        display: inline-block;
        margin: 1%;
    }

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

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

    #sign .parent .w40 {
        width: 94%;
        margin: .5em auto 0;
    }

    #sign .parent .w40 p {
        width: 100%;
    }

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

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

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

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

    /*#bfaf li {
	width:49%;
	z-index:0;
	}
	#bfaf li:first-child {margin-right:2%;}
	#bfaf li:first-child:after {display:none;}
	#bfaf li:last-child:before {
		content:"\e072";
		font-family: 'Glyphicons Halflings';
		color:#f17897;
		font-size:3rem;
		position:absolute;
		top:50%;
		left:-10%;
		margin:auto;
	}*/
    #bfaf .textarea02 {
        width: 100%;
        float: none;
        clear: left;
        padding-top: 1em;
    }

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

    #cleanflow li {
        width: 100%;
        float: none;
        z-index: 0;
        margin: 0 0 1em;
        height: auto;
    }

    #cleanflow li:before,
    #cleanflow li:after {
        display: none;
    }

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

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

    #cleanflow li figure {
        width: 30%;
        float: left;
    }

    #cleanflow li h4,
    #cleanflow li p {
        margin-left: 33%
    }

    #sub #cleanflow li h4 {
        padding-bottom: 0;
        margin-bottom: .5em;
        height: auto;
    }

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

    .cleanflow02 li {
        width: 100%;
        float: none;
        z-index: 0;
        margin: 0 0 1em;
        height: auto;
    }

    .cleanflow02 li:before,
    .cleanflow02 li:after {
        display: none;
    }

    .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: .5em;
    }

    .cleanflow02 .h325 li,
    .cleanflow02 .h285 li {
        height: auto;
    }

    #menulist .box02 {
        padding: 20px 20px 10px;
    }

    #menulist .box02 .sp {
        font-size: 2rem;
        font-weight: 600;
    }

    #menulist .box02 .sp span.small {
        font-size: 1.3rem;
        display: block;
    }

    #menulist .box02 figure {
        float: none;
        margin: 1em auto .5em;
        width: 50%;
    }

    #menulist .box02 .textarea02 {
        width: 100%;
        float: none;
    }

    #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;
    }

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

    .tbl .tbcell {
        display: block;
        text-align: center;
        width: 100%;
    }

    .tbl ul {
        display: block;
        text-align: center;
        width: 100%;
    }

    .tbl ul li span,
    .tbl ul li .price {
        display: inline-block;
        vertical-align: middle;
        font-size: 2rem;
    }

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

    .tbl ul li.big .tag {
        font-size: 1.6rem !important;
    }

    .tag {
        padding: 5px;
        width: 100px;
        font-size: 1.2rem !important;
    }

    .sec02 .box03 .tit {
        float: none;
        margin-right: 0;
        font-size: 2rem;
    }

    .sec02 .box03 .tagPink {
        margin-bottom: 1em;
    }

    .sec02 .box03 .tagPink li {
        font-size: 1.1rem;
    }

    .sec02 .box03 .priceList {
        clear: left;
        border-top: 1px solid #ddd;
        padding-top: 1em;
    }

    .sec02 .box03 .priceList li,
    .sec02 .box03 .priceList li:first-child {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1em;
    }

    .sec02 .box03 .priceList li .tag,
    .sec02 .box03 .priceList li .price {
        display: inline-block;
    }

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

    .sec02 .box03 .priceList li.big {
        width: 100%;
    }

    .sec02 .box03 .priceList li.big .tag {
        font-size: 1.6rem !important;
        width: 120px;
    }

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

    /* table */
    .opMenu th,
    .flooring .opMenu th,
    .opMenu td,
    .opMenu td.pink {
        padding: 15px;
        border-bottom: 1px solid #ddd;
        width: 100%;
        display: block;
        font-size: 1.4rem;
    }

    .opMenu td.pink {
        font-size: 2rem;
    }

    .time strong {
        background-size: 15px auto;
        padding: 5px 0 5px 20px;
    }

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

    /* nav */
    .itemMenu {
        width: 94%;
        margin: auto;
        border: 3px solid #ddd;
        background-color: #fff;
        padding: 3px;
    }

    .itemMenu .menuTitle {
        width: 100%;
        background-color: #f17897;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 600;
        text-align: center;
        padding: 10px 0;
        display: block;
        cursor: pointer;
        position: relative;
    }

    .itemMenu .menuTitle:after {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: 30%;
        right: 5%;
        color: #fff;
    }

    .itemMenu .menuTitle.active:after {
        content: "\e113";
    }

    .itemMenu .itemMenulist {
        display: none;
    }

    .itemMenu li {
        border-top: 1px solid #ddd;
        position: relative;
    }

    .itemMenu li a {
        display: block;
        font-size: 1.5rem;
        padding: 15px 15px 15px 30px;
    }

    .itemMenu li a:hover {
        background-color: #F6F6F6;
    }

    .itemMenu li:before {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        color: #f17897;
        position: absolute;
        top: 30%;
        left: 2%;
    }

    /* house-cleaning-index */
    .houseCleaning .col2box .left,
    .houseCleaning .col2box .right {
        float: none;
        width: 100%;
    }

    .houseCleaning .col2box .box04 {
        height: auto;
    }

    .houseCleaning ul.icoList {
        width: 90%;
        margin: 1em auto 0;
    }

    .houseCleaning .right ul.icoList {
        padding: 0;
    }

    .houseCleaning ul.icoList li {
        border: 2px solid #f17897;
        padding: 5px;
        margin: 10px 5px 0;
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    .houseCleaning .col2box .box04 .text-center {
        position: static;
    }

    .houseCleaning ul.promisesList li {
        width: 100%;
        float: none;
    }

    .houseCleaning ul.promisesList li:nth-child(odd) {
        margin-right: 0;
    }

    #sub.houseCleaning ul.promisesList li h3 {
        font-size: 1.4rem;
    }

    /* youtube */
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    /* stains */
    .stains .bgarea {
        padding: 15px;
        border-radius: 6px;
    }

    .stains .bgarea ul {
        width: 100%;
    }

    .stains .bgarea ul li {
        float: none;
        width: 100%;
        padding: 15px 2px;
    }

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

    .stains .bgarea ul figure {
        width: 90px;
        height: 100px;
    }

    .stains .bgarea ul li img {
        width: auto;
        height: 100px;
    }

    .stains .bgarea ul li h3:before {
        display: block;
        width: 90px;
        padding: 4px 6px;
        margin-bottom: 5px;
        text-align: center;
    }

    /* saving */
    .saving #point .midashi02 {
        margin-bottom: 0;
    }

    .saving .col2sec ul {
        zoom: 1;
    }

    .saving .col2sec ul li:after,
    .saving .col2sec ul li:before {
        content: "";
        clear: both;
        display: block;
    }

    #sub.saving .col2sec ul li figure.pull-left {
        float: left !important;
        width: 120px;
    }

    .saving .col2sec ul li h3 {
        margin-left: 130px;
    }

    .saving .col2sec ul li p {
        margin-left: 130px;
    }

    /* business */
    .business .w40 {
        margin-left: 0;
        font-size: 1.4rem;
        padding-top: 0;
    }

    .business .bgarea {
        padding: 15px;
        border-radius: 6px;
    }

    .business .bgarea ul {
        width: 100%;
    }

    .business .bgarea ul li {
        float: none;
        width: 100%;
        padding: 15px 2px;
    }

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

    .business .bgarea ul figure {
        width: 90px;
        height: 100px;
        padding-top: 20px;
        float: right;
    }

    .business .bgarea ul li img {
        width: 100%;
    }

    #menulist02 .box02 {
        border-top: 1px solid #ddd;
        border-left: none;
    }

    #menulist02 .box02:nth-child(3n+3) {
        border-right: none;
    }

    #menulist02 .box02 figure {
        width: 100%;
        height: 150px;
        text-align: center;
    }

    #menulist02 .box02 p img {
        height: 45px;
    }

    #menulist02 .box02 .spcontact .mt2 p img {
        height: 75px;
    }

    #menulist02 .box02 figure img {
        width: auto;
        height: 150px;
    }

    #menulist02 .box02 .textarea02 .postag {
        width: 80px;
        position: absolute;
        right: -20px;
        bottom: 0;
    }

    #menulist02 .box02 h3 span.small {
        display: block;
    }

    #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 {
        font-size: 2rem;
    }

    #menulist02 .box02 dd {
        font-size: 1.6rem;
        font-weight: 600;
    }

    #menulist02 .box02 dd span.red {
        font-size: 3rem;
    }

    #menulist02 .text-center.mb3 {
        width: 80%;
        margin: 0 auto 3em;
    }

    .business .opMenu td {
        padding: 15px 30px;
    }

    /* moldproofing */
    .moldproofing #submain h2 span.pink {
        display: block;
        margin: 0 0 5px;
    }

    .moldproofing #point p.mb5 {
        margin-bottom: 0;
    }

    .moldproofing #point .parent {
        margin-top: 2em;
    }

    /* flow */
    .aircon.flow .box03 .ttl {
        font-size: 1.4rem;
    }

    .aircon.flow .box03 .button02 {
        max-width: 400px;
    }

    .aircon.flow .col2_2 li {
        position: relative;
        margin-bottom: 40px;
    }

    .aircon.flow .col2_2 li:after {
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        display: inline-block;
        color: #f17897;
        font-size: 45px;
        position: absolute;
        right: 40%;
        bottom: -55px;
    }

    /* technique */
    .ttl_b {
        font-size: 1.4rem;
        padding: 15px 0 10px;
        text-align: center;
        display: block;
    }

    .ttl_b strong {
        font-size: 1.6rem;
        display: block;
    }

    .campBox .ttl {
        background-color: #f17897;
        font-size: 1.6rem;
        font-weight: 600;
        color: #fff;
        height: auto;
        padding: 30px 2% 5px;
        position: relative;
    }

    .campBox .ttl:before {
        content: "";
        background: url(../images/house-cleaning/aircon/flow/tag.png) no-repeat;
        ;
        background-size: contain;
        width: 130px;
        height: 35px;
        position: absolute;
        top: -10px;
        left: 2%;
    }

    .campBox .ttl p {
        position: static;
        margin-bottom: 0;
    }

    /* deodorization */
    .col2sec ul li {
        width: 100%;
    }

    .col2sec ul li figure {
        width: 100px;
        height: 100px;
    }

    .col2sec ul li .w50 {
        margin-left: 0;
    }

    .col3sec ul li {
        width: 100%;
        padding: 5% 5% 2%;
        float: none;
    }

    .col3sec ul li:nth-child(2) {
        margin: 0;
    }

    .col3sec ul li figure {
        width: 145px;
        height: 120px;
        overflow: hidden;
        margin: 1em auto;
    }

    .deodorization .col3sec ul li figure {
        margin: 0 auto;
    }

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

    .col3sec.point ul li h3:before {
        top: 5px;
        left: 5px;
    }

    .point.col3sec ul {
        zoom: 1;
    }

    .point.col3sec ul li:after,
    .point.col3sec ul li:before {
        content: "";
        clear: both;
        display: block;
    }

    .point.col3sec ul li figure {
        float: left;
        width: 120px;
    }

    .point.col3sec ul li p {
        margin-left: 130px;
    }

    /* voice */
    .voice #submain .m_txt.text-center {
        text-align: left;
    }

    .voice #submain .parent {
        padding: 5% 5% 2%;
        box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

    .voice #submain .parent figure.pull-left {
        width: 50%;
        margin: auto;
    }

    .voice #submain .parent h3 {
        font-size: 2rem;
    }

    .voice #submain .parent .ttl {
        font-size: 1.6rem;
        padding-left: 0;
    }

    .voice #submain .parent .ttl:before {
        padding: 3px 0;
        margin: 0 0 .5em;
        width: 100px;
        position: static;
        display: block;
    }

    #sub.voice #submain .parent .textarea {
        margin: .5em 0 2em;
        font-size: 1.5rem;
        background: none;
        padding: 0;
    }

    .voice .box02 {
        position: relative;
    }

    .voice .box02 .pos_ttl {
        position: static;
        font-size: 1.7rem;
        text-align: center;
        color: #3366FF;
        font-weight: 600;
    }

    .voice .box02 .pos_ttl img {
        display: none;
    }

    #sub.voice .box02 h4 {
        font-size: 1.6rem;
    }

    #sub.voice a.link02 {
        font-size: 1.2rem;
    }

    /* list */
    #sub.list .box03 {
        background-color: #fff;
        padding: 3% 5%;
        position: relative;
        box-sizing: border-box;
    }

    #sub.list .box03 h4 {
        border-bottom: none;
        font-size: 2rem;
        font-weight: 600;
        padding-left: 45px;
        position: relative;
    }

    #sub.list .box03 h4 span {
        width: 35px;
        position: absolute;
        left: 0;
    }

    #sub.list .box03 h4 span img {
        width: 35px;
    }

    #sub.list .box03 figure {
        width: 100%;
        text-align: center;
    }

    #sub.list .box03 figure img {
        width: 200px;
    }

    #sub.list .box03 .right {
        width: 100%;
        float: none;
        font-size: 1.1em;
    }

    #sub.list .box03 .right ul {
        width: 100%;
    }

    #sub.list .box03 .right li {
        padding: 2% 0;
        display: table-cell;
    }

    #sub.list .box03 .right li span {
        word-break: break-all;
        word-wrap: break-word;
        background-color: #20B6EE;
        color: #fff;
        padding: 2%;
        margin: 2%;
        text-align: center;
        display: block;
    }

    #sub.list .col2_list > li.parent {
        margin-top: 0;
    }

    #sub.list .col2_list > li > h3 {
        text-align: center;
    }

    #sub.list .col2_list > li > figure {
        width: 60%;
        margin: auto;
    }

    #sub.list .col2_list > li > figure img {
        width: 100%;
    }

    #sub.list .col2_list > li > ul {
        width: 70%;
        float: none;
        margin: auto;
    }

    #sub.list .col2_list > li > ul > li {
        float: none;
        margin-left: 50px;
    }

    /* contactBox */
    .contactBox.topArw {
        background-size: auto 60px;
        padding-top: 70px;
        margin-top: -3em;
    }

    .contactBox {
        width: 94%;
        margin: 0 auto 2em;
    }

    .contactBox .ttl {
        font-size: 2rem;
        line-height: 1.2;
    }

    .contactBox .box04 {
        padding: 2%;
    }

    .contactBox .left {
        float: none;
        margin: 0;
    }

    .contactBox .right {
        float: none;
    }

    .contactBox .right p {
        margin: 10px 0 0;
        padding: 0;
    }

    .contactBox .right p a {
        background: none;
        border-radius: 0;
    }

    /*----------- housekeeper -----------*/
    .housekeeper p.ttl_p {
        font-size: 2.2rem;
        padding-top: 15px;
    }

    .housekeeper .box03 {
        padding: 4%;
        margin-bottom: 2em;
    }

    .housekeeper .box03 .left {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }

    .housekeeper .box03 .right {
        width: 100%;
        float: none;
    }

    .housekeeper .box03 .col4 li {
        width: 23%;
    }

    .housekeeper .box03 .col4 li figure {
        height: 70px;
    }

    .housekeeper .box03 .col4 li h3 {
        font-size: 1.2rem;
    }

    .housekeeper .box03 .plan3_col li figure {
        height: 80px;
    }

    .housekeeper .box03 .plan3_col li h3 {
        font-size: 1.2rem;
    }

    .housekeeper .box03 p.text-center .button02 {
        margin-top: 0;
    }

    .housekeeper .col2box .left,
    .housekeeper .col2box .right {
        float: none;
        width: 100%;
    }

    .housekeeper .col2box .left p {
        margin-bottom: 20px;
    }

    .housekeeper .col2box .box05 {
        height: auto;
    }

    .housekeeper ul.icoList {
        width: 90%;
        margin: 1em auto 0;
    }

    .housekeeper ul.icoList li {
        border: 2px solid #f17897;
        padding: 5px;
        margin: 10px 5px 0;
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }

    .emergency table.def02 {
        font-size: 1.2rem;
    }

    /* service */
    #sub #service ul li h3,
        {
        font-size: 1.4rem;
    }

    #service .list_whole li {
        float: left;
        width: 50%;
        padding: 2%;
        margin-bottom: 2%;
        position: relative;
        text-align: center;
    }

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

    #service .list_whole li figure {
        width: 60%;
        margin: 0 auto .5em;
        overflow: hidden;
        height: 100px;
    }

    #service .list_basic li,
    #service .list_eme li {
        width: 31%;
        padding: 2%;
        margin-bottom: 2%;
        position: relative;
        text-align: center;
    }

    #service .list_basic li figure,
    #service .list_eme li figure {
        width: 100%;
        margin: 0 auto .5em;
        overflow: hidden;
        height: 100px;
    }

    #difference .l_tit {
        font-size: 2.2rem;
        font-weight: 600;
        margin-bottom: 1em;
    }

    #case .pull-left,
    pull-right {
        width: 100%;
        float: none !important;
        margin-bottom: 1em;
    }

    #case .sp.imprBox {
        background-color: #fff;
        border: 1px solid #ddd;
        margin: 2em auto;
        padding: 15px;
    }

    #case .sp.imprBox h3 {
        padding-bottom: .5em;
        margin-bottom: .5em;
        border-bottom: 1px solid #ddd;
    }

    /*----------- company -----------*/
    .company ul.companyList li {
        width: 100%;
        height: auto;
        padding: 15px 10px;
        float: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .company ul.companyList li:nth-child(2) {
        margin: 1em 0;
    }

    .company ul.companyList li figure {
        width: 110px;
        height: 110px;
        float: left;
    }

    .company ul.companyList li figure img {
        width: 120% !important;
        height: 110px;
    }

    .textarea02 {
        padding: 0;
        height: auto;
        margin: 0 auto;
        width: auto;
        background: none;
    }

    .company ul.companyList li .textarea02 {
        margin-left: 130px;
        height: auto;
        padding: 0;
    }

    .company ul.companyList li:nth-child(1) p.text-center,
    .company ul.companyList li:nth-child(2) p.text-center,
    .company ul.companyList li:nth-child(3) p.text-center {
        margin: 1em auto 0;
        width: 80%;
    }

    .company ul.companyList li h3 {
        text-align: left;
    }

    .company ul.companyList li:nth-child(1) h3,
    .company ul.companyList li:nth-child(2) h3,
    .company ul.companyList li:nth-child(3) h3 {
        line-height: 1.4;
        font-size: 1.6rem;
    }

    .company ul.companyList li .text-center {
        position: static;
        margin-top: .5em;
    }

    /*----------- inquiry -----------*/

    .inquiry input[type="text"],
    .inquiry input[type="email"],
    .inquiry input[type="tel"],
    #contactForm textarea {
        padding: 4px 2px;
    }

    .inquiry form .btn {
        width: 70%;
        margin-bottom: 1em;
    }

    .inquiry .secFrame {
        margin-bottom: 2em;
        padding-bottom: 20px;
    }

    .inquiry select {
        font-size: 16px !important;
        scale(0.8);
        white-space: nowrap;
    }

    .inquiry table.def td label {
        white-space: nowrap;
    }

    /*----------- column -----------*/
    .leftColum {
        width: 100%;
        float: none;
        margin-bottom: 2em;
    }

    .btn_column li {
        width: 90%;
        display: block;
        margin: 0 auto 2%;
    }

    /* columnBox */
    .columnBox {
        border: 1px solid #ddd;
        padding: 5% 5% 2%;
        margin-top: 2em;
    }

    .columnBox figure {
        float: none;
        margin: 0 auto 10px;
        width: 90%;
    }

    .columnBox .panel-series {
        display: block;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 1.5em;
        padding: 0;
    }

    .columnBox .panel-series li {
        display: block;
        font-size: 1.2rem;
    }

    .columnBox .panel-series li.cat {
        width: 100%;
        padding: 1em 0;
    }

    .columnBox .panel-series li.cat span {
        background-color: #68c9f3;
        color: #fff;
        padding: 4px 8px 4px;
        margin: 0 1.5% 1.5% 0;
    }

    .columnBox .panel-series li.date {
        width: 100%;
        color: #666;
        text-align: right;
    }

    #sub .columnBox h3 {
        font-size: 2rem;
    }

    #sub .columnBox .comment {
        margin-top: 1.5em;
    }

    #sub .columnBox .comment p.text-right {
        position: inherit;
    }

    #sub .columnBox .comment p.text-right {
        position: inherit;
    }

    #sub .columnBox .comment h2 {
        margin: -70px 0 15px;
        padding: 110px 0 15px;
    }

    #sub .columnBox .comment .upDate {
        margin: -20px -30px 10px 0;
    }




    /* aside */
    aside.blogmenu {
        width: 94%;
        margin: auto;
        float: none;
    }

    .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.3rem;
    }

    #sub.sitemap .col-xs-12 {
        margin: 0;
        padding: 0;
    }

    #sub.sitemap .fnav > li > a {
        font-size: 1.6rem;
    }

    #sub.sitemap .fnav > li > ul.officeLink > li {
        width: 45%;
    }

    #sub.sitemap .fnav > li > ul > li > ul {
        margin-bottom: 2em;
    }

    #sub.sitemap .fnav > li > ul > li > ul > li {
        display: block;
        width: 100%;
    }

    #sub.sitemap .fnav > li > ul > li > ul > li > ul > li {
        display: block;
        width: 100%;
    }

}

/*!
 * media css
 */
@media screen and (min-width: 767px) {

    #dl-menu {
        display: none;
    }

    .bx-wrapper .bx-pager {
        display: none;
    }

}

@media (max-width: 767px) {

    .sn {
        display: none;
    }

    .sp {
        display: block;
    }

    .bx-controls-direction {
        display: none;
    }

    .img80 {
        width: 80%;
        margin: auto;
    }

    .img60 {
        width: 60%;
        margin: auto;
    }

    body {
        min-width: 0;
    }

    .campBnr li {
        display: block;
        width: 80%;
        margin: 0 auto 1em;
    }

    #sub .telBtn {
        display: block;
        width: 100%;
        padding: 8px 0 5px;
        margin-bottom: .5em;
        color: #fff;
        font-size: 2.4rem;
        font-weight: 600;
        text-align: center;
        box-sizing: border-box;
        border: 2px solid #fff;
        box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.15);
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e71f19+0,ff3f3f+50,e51814+51,e50f0b+100 */
        background: #e71f19;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e71f19 0%, #ff3f3f 50%, #e51814 51%, #e50f0b 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e71f19 0%, #ff3f3f 50%, #e51814 51%, #e50f0b 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e71f19 0%, #ff3f3f 50%, #e51814 51%, #e50f0b 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e71f19', endColorstr='#e50f0b', GradientType=0);
        /* IE6-9 */
        border-radius: 6px;
    }

    #sub .telBtn a {
        color: #fff;
        font-size: 2.4rem;
        font-weight: 600;
    }

    #plan01 h3,
    #plan02 h3,
    #plan03 h3,
    #rank h3 {
        font-size: 1.8rem !important;
    }

    /*  MENU  */
    #menu {
        text-align: left;
        left: -120%;
        transition: all 0.2s;
        display: block;
    }

    .mm-opened #menu {
        z-index: 10;
        left: 0;
    }

    .fixed {
        position: fixed;
        left: 0;
    }


    #menubtn {
        cursor: pointer;
        position: fixed !important;
        z-index: 1 !important;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        background: #f07997;
        cursor: pointer;
        text-align: center;
        color: #fff;
    }

    html:not(.mm-opening):not(.mm-opened) #menubtn {
        transition: top 0.3s ease;
    }

    #menubtn:before,
    #menubtn:after,
    #menubtn span.mbdr {
        background: #fff;
        content: '';
        display: block;
        width: 40px;
        height: 4px;
        position: absolute;
        left: 10px;
    }

    #menubtn:before {
        top: 10px;
    }

    #menubtn span.mbdr {
        top: 20px;
    }

    #menubtn:after {
        top: 30px;
    }

    #menubtn span.moji {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 5px;
        font-size: 0.9em;
    }

    .mm-vertical .mm-panel {
        z-index: 300;
    }

    /* header */
    header {
        border-top: none;
        padding-top: 0;
    }

    #c_pagetop .logo,
    #pagetop #logo {
        float: none;
        width: 63%;
        margin: auto;
        padding: 10px 0 9px;
    }

    #c_pagetop .logo img,
    #pagetop #logo img {
        width: 100%;
    }

    /*-------flexslider--------*/
    .keyVisual {
        position: static;
        width: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0 0 0;
    }

    .keyVisual .image {
        width: 100%;
    }

    .keyVisual #slider li img {
        width: 100%;
    }

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

    footer .footer_inner {
        width: 100%;
        margin: auto;
        padding: 5%;
        position: relative;
    }

    .footer_inner .mb3 {
        margin-bottom: 0;
    }

    .footer_inner .line {
        float: none;
        width: 100%;
    }

    .footer_inner .line .lineBtn {
        position: static;
        margin: 1em auto;
        width: 60%;
    }

    .footer_inner .switch {
        width: 100%;
    }

    .footer_inner .pagetop {
        text-align: right;
        margin-top: 1.5em;
    }

    .footer_inner .pagetop img {
        zoom: .5;
    }

    /*----- floatingmenu -----*/
    #floatingmenu {
        bottom: 0;
        z-index: 100;
        width: 100%;
    }

    #floatingmenu ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    }

    #floatingmenu ul li {
        display: table-cell;
        padding: 1%;
    }

    #floatingmenu ul li a {
        display: block;
        /*background-color: #ed7994;*/
        text-align: center;
    }

    #floatingmenu ul li img {
        max-width: 150px;
        width: 100%;
        margin: auto;
        text-align: center;
        display: inherit;
    }

    #floatingmenu ul li div.tel-btn {
        width: 100%;
        /*background-color: #ed7994;*/
    }

    /*クリックイベント電番対応 START*/
    a.tel_onClick_flaot:hover {
        text-decoration: none;
    }

    #floatingmenu ul li div.tel-btn a.tel_onClick_flaot {
        display: flex;
        align-items: center;
        background: #f05758;
        border-radius: 5px;
        padding: 1% 4% 1%;
    }

    #floatingmenu ul li div.tel-btn a.tel_onClick_flaot .tel-flaot-icon {
        width: 20%;
        margin-right: 5%;
    }

    #floatingmenu ul li div.tel-btn a.tel_onClick_flaot .tel-flaot-text {
        width: 75%;
        color: #fff;
        font-size: 4.25vw;
        flex-basis: content;
    }

    /*クリックイベント電番対応 START*/



    /*----- QUO -----*/
    .quo {
        max-width: 94%;
        width: 94%;
        margin: 0 auto 1em;
        padding: 5%;
        border: 4px solid #014da1;
        background-image: none;
    }

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

    .quo .left,
    .quo figure.right {
        width: 100%;
        float: none;
    }

    .quo figure.right {
        margin-top: 1em;
    }

    .quo p {
        font-size: 1.4rem;
        margin-bottom: 0;
    }

    .quo p strong {
        font-size: 1.1em;
    }

    .quo p span.red em {
        font-style: normal;
        font-size: 1.3em;
    }

    .quo p span.pink_bdr {
        display: block;
        text-align: center;
    }

    .quo p a.sp {
        display: inline-block;
    }

    /*----- button -----*/
    a.button {
        padding: .75em 0 .5em;
        width: 75%;
        font-size: 1.4rem;
    }

    .button:hover::before {
        left: 2em;
    }

    /* common */
    #sub .midashi {
        margin-bottom: 2em;
    }

    .midashi {
        padding-left: 10px;
        border-top: 3px solid #f07997;
        border-bottom: none;
    }

    .midashi02 {
        padding: 20px 0;
    }

    .midashi02 h2 {
        font-weight: 600;
        color: #333;
        text-align: center;
        margin-bottom: 0;
        line-height: 1.4;
        font-size: 2rem;
    }

    .midashi03 {
        font-size: 2.2rem;
    }

    .midashi03 .small {
        margin: .5em 0 0;
        display: block;
    }

    /* table */
    table.def {
        width: 100%;
        border: none;
        border-top: 1px solid #f07997;
    }

    table.def th {
        display: block;
        width: 100%;
    }

    table.def td {
        display: block;
        width: 100%;
    }

    table.def tr:last-child td {
        border-bottom: none;
    }

    table.def02 {
        font-size: 1.3rem;
    }

    table.def02 th,
    table.def02 td {
        padding: 2%;
    }

    table.def02 td span {
        font-size: 2.6rem;
    }

    .tbl-base {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 30px 5%;
        padding: 0px;
    }

    .tbl-base td,
    .tbl-base th {
        border: none;
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tbl-base th {
        font-size: 20px;
        border-top: 1px solid #f17897;
    }

    .tbl-base td {
        font-size: 16px;
        border-top: 1px solid #f17897;
    }

    .tabTable,
    .txt-right {
        width: 100%;
        float: none;
    }

    .tabTable table th {
        font-size: 1.3rem;
        padding: 2%;
    }

    .tabTable .tab-index a,
        {
        display: block;
        width: 100%;
    }

    .tabTable .tab-index li:not(:last-child) {
        border-right: 1px solid #ccc;
    }

    .tabTable .tab-index .active {
        background-color: #ff9 !important;
    }

    #sub .tabTable .tab-index .active a {
        color: #333;
    }

    .tabTable .tab-contents {
        display: none;
    }

    .tabTable .tab-contents.active {
        display: block;
    }

    .tabTable ul.w40,
    .tabTable table th.w40 {
        width: 51%;
    }

    .tabTable table th.w30 {
        width: 20%;
    }

    .tabTable table th.w30 a {
        font-size: 1.2rem;
    }

    .tabTable ul.w30 {
        width: 49%;
    }

    .tabTable ul.w40 li {
        line-height: 1;
        height: 90px;
        padding: 8% 1% 0;
    }

    .tabTable ul.w30 li {
        line-height: 1;
        height: 90px;
        padding: 8% 10% 0;
    }

    /* Bread_crumb_List */
    .bread_crumbBox {
        display: none;
    }

    /* font */
    .top_txt {
        font-size: 1.15em;
    }

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

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

    .posprice {
        width: 150px;
        height: 51px;
        padding: 5px 10px 0 15px;
        font-size: 1.6rem;
    }

    .posprice span {
        font-size: 1.9rem;
    }

    #plan03 .posprice {
        padding-top: 8px;
        font-size: 1.4rem;
    }

    .posprice.smprice {
        width: 166px;
        height: 45px;
        padding-top: 7px;
        font-size: 1.2rem;
    }

    #plan03 .posprice span {
        font-size: 1.9rem;
    }

    .posprice.smprice span {
        font-size: 1.7rem;
    }

    /*------- sp-main --------*/
    ul.sp-main li {
        width: 100%;
        margin: 0 auto 10px;
    }

    ul.sp-main li img {
        width: 100%;
    }

    #camp {
        width: 96%;
        padding: 0 2%;
        margin: 20px auto 1em;
        background: #fff;
    }

    #camp figure {
        width: 35%;
        float: left;
    }

    #camp figure img {
        width: 100%;
    }

    #camp .textarea02 {
        width: 100%;
    }

    #camp .textarea02 h3 {
        font-size: 1.6rem;
    }

    #camp span.tag {
        padding: 2% 0;
        width: 70px;
        background-color: #333;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1;
        border: none;
        border-radius: 0px;
        display: inline-block;
        margin-right: 5px;
    }

    #camp .text-center {
        clear: both;
        padding-top: 1em;
    }

    #plan01 .col4 li {
        float: left;
        width: 48%;
        margin: 1%;
        background-color: #fff;
        position: relative;
    }

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

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

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

    #plan02 div.box {
        width: 94%;
        height: auto;
        float: none;
        margin: 0 auto 1em;
    }

    #plan02 .col2 {
        width: 100%;
        float: none;
        margin: 0 auto 1em;
    }

    #plan02 .col2 li {
        width: 94%;
        margin: 4% auto;
        float: none;
    }

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

    #plan02 .col2 li figure {
        float: none;
        width: 100%;
        height: 160px;
        overflow: hidden;
        position: relative;
    }

    #plan02 .col2 li 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;
    }

    #plan02 .col2 li .textarea {
        width: 100%;
        float: none;
    }

    #plan02 .col4 li {
        /* display:none; */
    }

    .packaged #plan02 .col4 li,
    .office #plan02 .col4 li {
        display: block;
    }

    #plan02 .col4 li {
        float: left;
        width: 48%;
        margin: 1%;
        background-color: #fff;
        position: relative;
    }

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

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

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


    #plan03 .col2 li {
        width: 94%;
        margin: 4% auto;
        float: none;
    }

    #plan03 .col2 li:first-child {
        margin: auto;
        height: auto;
    }

    #plan03 .col2 li:first-child figure,
    #plan03 .col2 li figure {
        float: none;
        width: 100%;
        height: 130px;
        overflow: hidden;
        position: relative;
    }

    #plan03 .col2 li:first-child figure img,
    #plan03 .col2 li 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;
    }

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

    .lineBnr {
        width: 90%;
        margin: 0 auto 3em;
        box-shadow: 0px 1px 2px 2px #eee;
    }

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

    .lineBnr img {
        width: 100%;
    }

    #rank .col3 li {
        float: none;
        width: 94%;
        margin: 0 auto 1em;
    }

    #rank .col3 li:nth-child(1) {
        margin: 0 auto 1em;
    }

    #rank .col3 li:nth-child(3) {
        margin: 0 auto 1em;
    }

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

    #rank .col3 li .sp img {
        zoom: .75;
        width: auto;
    }

    #rank .col3 li .textarea {
        padding-top: 10px;
    }

    #rank .col3 li:nth-child(1) .textarea:before,
    #rank .col3 li:nth-child(2) .textarea:before,
    #rank .col3 li:nth-child(3) .textarea:before,
    #rank .col3 li:nth-child(4) .textarea:before,
    #rank .col3 li:nth-child(5) .textarea:before {
        display: none;
    }

    #colum .col2 {
        margin-bottom: 2em;
    }

    #colum .col2 li {
        float: none;
        width: 94%;
        margin: 0 auto;
        padding: 5% 0 0;
        border-bottom: 1px solid #ddd;
        zoom: 100%;
        position: relative;
    }

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

    #colum .col2 li:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    #colum .col2 li .textarea02 {
        padding-right: 10%;
    }

    #colum .col2 li .textarea02:after {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: 50%;
        right: 0;
        color: #f07997;
        font-size: 1.8rem;
    }

    /* #colum .col2 li .textarea02 .more { display:none;} */

    .cleanmap .pull-left,
    .cleanmap .pull-right {
        float: none !important;
    }

    .cleanmap figure {
        width: 100%;
    }

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

    .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: 0;
    }

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

    .gift .checkList {
        float: none;
        width: 100%;
    }

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

    /*----------- pageFooter style -----------*/
    .pageFooter .col4 {
        padding: 1em 0 3em;
        border-bottom: none;
    }

    .pageFooter .col4 li {
        float: left;
        width: 31%;
        margin: 1%;
    }

    .pageFooter .col4 li:nth-child(7),
    .pageFooter .col4 li:nth-child(8) {
        width: 48%;
        margin: 1%;
    }

    .pageFooter .col4 li div {
        padding: 5%;
        background: none;
    }

    .pageFooter .col4 li i {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .pageFooter .col4 li i img {
        width: 100%;
    }

    .footnav {
        border-top: 1px solid #ddd;
        width: 94%;
        margin: 0 auto 2em;
    }

    .footnav li {
        float: left;
        width: 49%;
        position: relative;
        text-align: center;
        padding: 2em 0;
        border-bottom: 1px solid #ddd;
        font-size: 1.4rem;
    }

    .footnav li a {
        color: #333;
    }

    .footnav li:nth-child(odd) {
        border-right: 1px solid #ddd;
    }

    .footnav li:after {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: 2em;
        right: 5%;
        color: #f07997;
    }

    .pageFooter .contactList {
        width: 90%;
        margin: 3em auto;
        display: block;
        table-layout: inherit;
    }

    .pageFooter .contactList li {
        display: block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        margin: auto;
    }

    .pageFooter .contactList li:first-child,
    .pageFooter .contactList li:nth-child(2) {
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }

    .pageFooter .contactList li img {
        width: 100%;
    }

    .pageFooter .serviceLink {
        margin: 2em auto 1em;
        width: 96%;
    }

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

    .pageFooter .serviceLink ul li {
        width: 46%;
        height: auto;
        float: left;
        margin: 2%;
    }

    .pageFooter .serviceLink ul li figure {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        overflow: inherit;
        position: relative;
    }

    .pageFooter .serviceLink ul li figure img {
        position: static;
        height: auto;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .pageFooter .serviceLink ul li .service-txt {
        margin-left: 0;
        margin-top: 0.5em;
        font-size: 1.2rem;
    }

    .pageFooter .serviceLink ul li .service-txt h4 {
        height: 40px;
    }

    .pageFooter .serviceLink ul li:first-child .service-txt h4 {
        padding: 10px 0 0 0;
    }

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

    #sub .w100,
    .sub .w100 {
        width: 100% !important;
    }

    #sub img,
    .sub img {
        width: 100%;
        height: auto;
    }

    #sub img.w50,
    .sub img.w50 {
        width: 50%;
    }

    #sub .pull-left,
    #sub .pull-right,
    .sub .pull-left,
    .sub .pull-right {
        float: none !important;
    }

    #sub .inner,
    .sub .inner {
        width: 94%;
        margin: auto;
        padding-bottom: 2.5em;
    }

    .privacy .secFrame02 .pull-left,
    .privacy .secFrame02 .pull-right {
        width: 100%;
        float: none !important;
    }

    #moreLink .midashi {
        display: block;
        width: 100%;
        cursor: pointer;
    }

    #moreLink h2 {
        padding-left: 45px;
    }

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

    #moreLink .midashi.active h2:before {
        content: "\e113";
    }

    #moreLink .inner {
        width: 100%;
    }

    #moreLink .inner .linkList li {
        width: 94%;
        margin: 0 auto 2%;
        float: none;
    }

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

    .parent {
        margin-top: 2em;
    }

    .parent .w40,
    .parent .w40-right {
        width: 94%;
        margin: .5em auto 0;
    }

    .parent .w40 p,
    .parent .w40-right p {
        width: 100%;
    }

    .mt0 {
        margin-top: 0 !important;
    }

    .spcontact {
        margin-top: 2em;
    }

    .spcontact p {
        margin: 1em 0 0;
    }

    ul.btn_col2 {
        text-align: center;
        margin: 2em auto;
        padding-bottom: 1.5em;
    }

    ul.btn_col2 li {
        display: block;
        width: 80%;
        margin: 0 auto 1em;
    }

    #sub ul.btn_col2 li a.btnst {
        font-size: 1.6rem;
        width: 100%;
        padding: 10px 0;
        display: block;
    }

    ul.btn_col3 ul li.menu-item {
        width: 47%;
        margin: 1%;
    }

    #sub ul.btn_col3 ul li.menu-item a {
        font-size: 1.3rem;
        width: 100%;
    }

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

    #sub.area .bgarea .text {
        width: auto;
        position: static;
    }

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

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

    #sub.area .bgarea figure {
        position: static;
    }

    ul.areaList > li {
        float: none;
        width: 100%;
        margin-bottom: 2em;
        box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.05);
    }

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

    ul.areaList > li > ol > li {
        width: 30%;
        font-size: 1.4rem;
    }

    #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;
    }

    ul.areaList02 > li {
        margin-bottom: 30px;
    }

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

    ul.areaList02 > li > div.area_city h5 {
        padding: 10px;
    }

    ul.areaList02 > li > div.area_city > ol > li {
        display: inline-block;
        width: 30.5%;
        text-align: center;
    }

    ul.areaList02 > li > div.area_city > ol > li:nth-child(4n+4) {
        margin-right: 0;
    }

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

    ul.simpleFlow li {
        width: 100%;
        padding: 0;
        float: none;
        font-size: 1.3rem;
        background: none;
        position: relative;
        margin-bottom: 50px;
    }

    ul.simpleFlow li:after {
        background: none;
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -70px;
        text-align: center;
        color: #f07997;
        font-size: 4rem;
        width: inherit;
        height: inherit;
    }

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

    .tag02 span {
        font-size: 1.4rem;
    }

    ul.simpleFlow li h5 {
        font-size: 1.6rem;
        height: auto;
    }

    ul.simpleFlow li figure {
        width: 30%;
        margin: -20px 0 0 10px;
        float: right;
    }

    #sub .ttl-lv00 h3 {
        font-size: 22px;
        padding: 10px 15px 6px;
    }

    .col-md-6 {
        margin-bottom: 1em;
    }

    .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:before {
        height: 20px;
    }

    #sub .ttl-lv02 h4 {
        padding: 0 0 0 15px;
        font-size: 18px;
    }

    /*----------- price -----------*/
    .price .midashi02 {
        margin-bottom: 2.5em;
        box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.15);
    }

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

    .priceList02 {
        margin-bottom: 2em;
    }

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

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

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

    .price .pageLink li {
        display: inline-block;
        width: 30%;
        margin: 2% 1%;
        text-align: center;
        font-size: 1.3rem;
        float: none;
    }

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

    .price .pageLink li i {
        display: block;
        width: 30px;
        margin: auto;
    }

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

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

    #sub.price .priceBox {
        padding: 2% 4%;
        margin-bottom: 0;
    }

    #sub.price #price02 .priceBox {
        margin-bottom: 1em;
    }

    #sub.price #price01 ul.col2_list {
        padding: 2% 10px;
        border-color: #eee;
    }

    #sub.price ul.col2_list dt {
        font-size: 1.6rem;
        width: 100%;
        float: none;
        margin-bottom: .25em;
    }

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

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

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

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

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

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

    .voiceBox .userdata figure {
        float: none;
        max-width: 60%;
        margin: 0 auto 1em;
    }

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

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

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

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

    /*----------- beginner -----------*/
    .beginner .keyVisualSub {
        background: url(../images/beginner/key_img.jpg) no-repeat center center;
        background-size: cover;
        height: auto;
        padding: 2em 0;
    }

    .beginner .keyVisualSub p {
        width: 94%;
        font-size: 1.3rem;
    }

    .beginnerList li {
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    .beginnerList li .parent figure {
        overflow: hidden;
        width: 120px;
        height: 85px;
        position: relative;
        margin-right: 10px;
    }

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

    #sub .beginnerList li .parent div {
        clear: left;
    }

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

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

    .beginner table.def02 th {
        font-size: 1.2rem;
    }

    .beginner table.def02 td {
        font-size: 1.1rem;
    }

    .beginner table.def02 th:nth-child(2) {
        width: 38%;
    }

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

    .keyoffice figure {
        max-width: 1000px;
        width: 100%;
        min-height: 150px;
        margin: auto;
        overflow: hidden;
        position: relative;
        background-color: #ccc;
    }

    .keyoffice figure img {
        width: auto;
        height: 150px;
    }

    .keyoffice figure figcaption {
        top: 25%;
        left: 5%;
        right: 0;
        font-size: 2.4rem;
        font-weight: 600;
    }

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

    #sub.office .tel-img-sp img {
        width: 50%;
    }

    .office .sp80 {
        width: 80%;
        margin: auto;
    }

    .office .grayBox {
        font-size: 1.4rem;
    }

    .office .rightarea {
        width: 100%;
        float: none;
        font-size: 1.4rem;
        padding-top: 10px;
    }

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

    .office table.def02 th {
        font-size: 1.8rem;
    }

    .office table.def02 td {
        display: block;
        width: 100%;
        padding: 5%;
    }

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

    .office table.def02 td:first-child {
        text-align: center;
        font-weight: 600;
        width: 100%;
    }

    /*.office table.def02 td {display:block;}
	.office table.def02 td:first-child {width:100%;}*/

    #sub.office #plan01 .textarea,
    #sub.office #plan02 .textarea {
        padding: 2% 10px 30px 0;
        background-image: none;
    }

    #sub.office #plan03 .textarea {
        padding: 2% 10px 40px 0;
        background-image: none;
    }

    .office #plan01,
    .office #plan02,
    .office #plan03 {
        overflow: hidden;
        zoom: 1;
    }

    .office #plan01 li,
    .office #plan02 li,
    .office #plan03 li {
        float: none;
        width: 100%;
        padding: 3%;
        margin-bottom: 4%;
    }

    .office #plan01 li:after,
    .office #plan02 li:after,
    .office #plan03 li:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    .office #plan01 li:nth-child(even),
    .office #plan02 li:nth-child(even) {
        margin: 0 0 4%;
    }

    .office #plan03 li:nth-child(even) {
        margin: 4% 0;
    }

    .office #plan01 li figure,
    .office #plan02 li figure,
    .office #plan03 li figure,
    .office #plan03 li:first-child figure {
        width: 100px;
        height: 80px;
        float: left;
    }

    .office #plan01 li h3,
    .office #plan01 li p,
    .office #plan02 li h3,
    .office #plan02 li p,
    .office #plan03 li h3,
    .office #plan03 li p {
        margin-left: 110px;
    }

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

    .office .area_table dt {
        display: block;
        cursor: pointer;
        position: relative;
    }

    /*	.office .area_table dt:after {
		content:"\e114";
		font-family: 'Glyphicons Halflings';
		display:inline-block;
		color:#ccc;
		font-size:1.8rem;
		position:absolute;
		top:10px;
		right:10px;
		}*/
    .office .area_table dt.active:after {
        content: "\e113";
    }

    .area_table dd ul li {
        width: 31%;
        padding: 1%;
    }

    /*----------- faq -----------*/
    p.text-right.mt1.mb3 {
        text-align: left;
    }

    ul.faqList > li {
        width: 100%;
        float: none;
    }

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

    /* promises */
    .promises .key figure {
        width: 30%;
    }

    .promises .key p {
        margin: 5px 0 0;
        font-size: 1.4rem;
    }

    .promises ul.promisesList li {
        width: 100%;
        padding: 3%;
        margin-top: 2%;
        float: none;
        height: auto;
    }

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

    .promises ul.promisesList li h3 {
        padding-left: 60px;
        position: relative;
        margin-bottom: 1em;
        font-size: 1.5rem;
        padding-top: 10px;
    }

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

    .promises ul.promisesList li figure {
        width: 20%;
        margin: auto;
    }


    /* menuList */
    #menuList ul.sp {
        background-color: #fff;
        width: 100%;
        display: block;
        padding: 20px 0;
    }

    #menuList ul.sn {
        display: none;
    }

    #menuList ul li {
        display: inline-block;
        font-size: 1em;
        width: 32%;
        margin: 0;
        padding: 10px 0;
        text-align: center;
    }

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

    #menuList ul li i {
        margin-right: 0;
        display: block;
    }

    #menuList ul li i img {
        zoom: .5;
        width: 25%;
        margin: auto;
    }

    /* flow */
    .bflow .key {
        width: 100%;
    }

    .bflow .key figure {
        width: 40%;
    }

    .bflow .key p {
        margin: 15px 0 0;
        font-size: 1.4rem;
    }

    ul.bflowList li {
        border: 1px solid #ddd;
        padding: 25px 20px 10px;
        width: 100%;
        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: block;
        margin: 0 0 0.5em;
        zoom: 1;
    }

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

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

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

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

    ul.bflowList li figure {
        position: static;
        width: 50%;
        margin: auto;
    }

    ul.bflowList li p {
        width: 100%;
    }

    ul.bflowList li.bflow01,
    ul.bflowList li.bflow02,
    ul.bflowList li.bflow03,
    ul.bflowList li.bflow04,
    ul.bflowList li.bflow05 {
        background: none;
    }

    /* difference */
    .difference .mb5 {
        margin-bottom: 1em;
    }

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


    /* movie */
    ul.pageLink li {
        width: 50%;
        float: left;
        padding: 5px 0;
        text-align: center;
        font-size: 1.4rem;
    }

    #sub.movie ul.pageLink li {
        width: 52%;
    }

    #sub.movie ul.pageLink li:nth-child(odd) {
        margin-right: 1%;
        width: 47%;
    }

    #sub.movie ul.pageLink li a {
        transition: all 0.3s;
        font-size: 1.1rem;
        width: 100%;
        padding: 10px 0 7px;
        display: block;
        border-radius: 2px;
        text-decoration: none;
        font-weight: 600;
        border: 1px solid #ccc;
    }

    #sub.movie ul.pageLink li a i img {
        width: 15px;
        margin-right: 3px;
    }

    #sub.movie ul.pageLink li a:hover {
        background-color: #f3f3f3;
        text-decoration: underline;
        transition: all 0.3s;
    }

    ul.movieList li {
        width: 100%;
        float: none;
        padding: 1em 0 0;
    }

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

    .mov {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        margin-bottom: 1em;
    }

    .mov iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

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

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

    #sub .lineList li {
        width: 100%;
        float: none;
        zoom: 100%;
        overflow: hidden;
    }

    #sub .lineList li figure {
        width: 30%;
        float: left;
        padding: 10px 0;
    }

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

    #sub .lineList li p {
        font-size: 1em;
        width: 65%;
        float: right;
    }

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

    #sub .line {
        background-color: #eee;
        padding: 5%;
    }

    #sub .line .lineBtn {
        margin: 1em auto 0;
        width: 60%;
    }

    /*----------- aircon -----------*/
    #submain .keyVisualSub {
        margin-bottom: 2em;
    }

    #submain .keyVisualSub.clearfix {
        border: none;
    }

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

    .aircon #submain .keyVisualSub figcaption {
        left: 40%;
        bottom: 0;
        font-size: 1.8rem;
    }

    .aircon #submain .keyVisualSub figcaption span {
        margin-left: 0;
        display: block;
        font-size: 1.2rem;
    }

    /*----------- aircon -----------*/
    .priceContainer {
        padding: 3% 3% 10%;
    }

    .priceContainer figure.trim01 {
        width: 100%;
        height: 200px;
        margin: 0;
        overflow: hidden;
        background-color: #888;
        float: none;
    }

    .priceContainer figure.trim01 img {
        width: 100%;
        height: auto;
    }

    .priceContainer .area dl.listPrice {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: table;
        table-layout: fixed;
        margin-bottom: 30px;
    }

    .priceContainer .area dl.listPrice:after {
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        display: inline-block;
        color: #f17897;
        font-size: 45px;
        position: absolute;
        right: 40%;
        bottom: -65px;
    }

    .priceContainer .area dl.listPrice dt {
        display: table-cell;
        text-align: left;
        margin-bottom: 1em;
        white-space: nowrap;
        width: 55%;
    }

    .priceContainer .area dl.listPrice dt span.boxpink {
        padding: 5%;
        font-size: 1.3rem;
    }

    .priceContainer .area dl.listPrice dd {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.4rem;
        text-align: center;
        width: 50%;
        white-space: nowrap;
    }

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

    /* ★disPrice */
    .aircon .area dl.pricedl {
        max-width: 100%;
        float: none;
        margin: 0 0 3%;
    }

    dl.pricedl dt {
        padding-right: 0;
        width: 50%;
    }

    dl.pricedl dt span.boxyellow {
        padding: 10px 10px 5px;
        white-space: nowrap;
    }

    dl.pricedl dd {
        font-size: 2rem;
    }

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

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

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

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

    dl.pricedl dd em {
        font-size: 1.4rem;
    }

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

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

    /* gift */
    .gift .priceContainer {
        padding: 3%;
    }

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

    .gift dl.pricedl dt {
        display: block;
        width: 100%;
    }

    .gift dl.pricedl dd {
        display: block;
        width: 100%;
        margin-bottom: .5em;
    }

    /*----------- priceContainer02 -----------*/
    .priceContainer02 {
        padding: 3%;
    }

    /* ★listPrice */
    p.listPrice02 {
        float: none;
        padding: 0 0 30px;
        text-align: center;
        font-size: 1.8rem;
    }

    p.listPrice02:after {
        content: "\e252";
        position: absolute;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -30px;
        text-align: center;
    }

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

    /* ★disPrice */
    dl.disPrice02 {
        width: 100%;
        float: none;
    }

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

    dl.disPrice02 dt span.boxyellow {
        font-size: 1.2rem;
        padding: 3%;
        color: #222;
        display: inline-block;
    }

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

    dl.disPrice02 dd {
        font-size: 2rem;
    }

    dl.disPrice02 dd span.red {
        font-size: 3.3rem;
        margin: 0 3px;
    }

    dl.disPrice02 dd span.red:before {
        font-size: 2rem;
    }

    /* ★disPrice */
    dl.disPrice04 dt {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 1.6rem;
        margin-top: .5em;
    }

    dl.disPrice04 dt span {
        font-size: 1.4rem;
        display: block;
    }

    dl.disPrice04 dd {
        display: block;
        font-size: 2rem;
    }

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

    dl.disPrice04 dd span.red:before {
        font-size: 2rem;
    }

    .birth #submain p.text-right {
        text-align: left;
        margin-top: 1em;
    }

    /*----------- priceContainer03 -----------*/
    .priceContainer03 {
        padding: 3%;
    }

    /* ★disPrice */
    dl.disPrice03 {
        width: 100%;
        float: none;
    }

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

    dl.disPrice03 dt span.boxpink,
    dl.disPrice03 dt span.boxblue {
        padding: 5%;
        font-size: 1.3rem;
    }

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

    dl.disPrice03 dd span.red {
        font-size: 3rem;
        margin: 0;
    }

    dl.disPrice03 dd span.red:before {
        font-size: 2.2rem;
    }

    .priceContainer03 ul {
        width: 100%;
        float: none;
    }

    .priceContainer03 ul li {
        margin-top: .25em;
    }

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

    .nonpriceBox {
        width: 100%;
        float: none;
        padding: 20px 25px 10px;
    }

    .nonpriceBox.before {
        border: 1px solid #ddd;
        position: relative;
        margin: 0 0 50px;
    }

    .nonpriceBox.before:after {
        content: "";
        background: url(../images/common/arw04.png) no-repeat center top;
        background-size: contain;
        width: auto;
        height: 50px;
        position: absolute;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -50px;
    }

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

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

    .nonpriceBox.after dl dd {
        font-size: 1.8rem;
    }

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

    /*----------- keyVisualSub figure.trim01 -----------*/
    #submain .keyVisualSub figure.trim01,
    #submain .keyVisualSub figure.trim02 {
        width: 100%;
        height: 200px;
        margin: 0;
        overflow: hidden;
        background-color: #888;
        float: none;
    }

    #submain .keyVisualSub figure.trim01 img,
    #submain .keyVisualSub figure.trim02 img {
        width: 100%;
        height: auto;
    }

    /*----------- keyVisualSub .area -----------*/
    #submain .keyVisualSub .area {
        width: 100%;
        float: none;
        margin-top: 2em;
        padding: 4%;
        border: 1px solid #ddd;
    }

    #submain .keyVisualSub .area.bdrTop {
        border-top-style: solid;
        margin-top: 4% !important;
        padding-top: 4%;
    }

    #submain .keyVisualSub .area p {
        font-size: 1.2rem;
    }

    /* ★listPrice */
    #submain .keyVisualSub .area dl.listPrice {
        width: 100%;
    }

    #submain .keyVisualSub .area dl.listPrice dt {
        padding-right: 15px;
    }

    #submain .keyVisualSub .area dl.listPrice:after {
        right: 20%;
    }

    #submain .keyVisualSub .area dl.listPrice dt span.boxpink {
        padding: 10px 8% 7px;
        font-size: 1.4rem;
    }

    #submain .keyVisualSub .area dl.listPrice dd {
        font-size: 1.4rem;
    }

    #submain .keyVisualSub .area dl.listPrice dd span.red {
        font-size: 1.8rem;
    }

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

    #submain .keyVisualSub .area dl.disPrice dt {
        display: table-cell;
        vertical-align: middle;
        padding-right: 0;
    }

    #submain .keyVisualSub .area dl.disPrice dt span.boxyellow {
        padding: 10px 4% 5px;
        font-size: 1.3rem;
        white-space: nowrap;
    }

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

    #submain .keyVisualSub .area dl.disPrice dd {
        font-size: 1.6rem;
        font-weight: 600;
    }

    #submain .keyVisualSub .area dl.disPrice dd span.red {
        font-size: 3rem;
        letter-spacing: -0.05;
        margin: 0;
    }

    #submain .keyVisualSub .area dl.disPrice dd span.red:before {
        font-size: 1.8rem;
    }

    /*----------- .keyVisualSub ul -----------*/
    #submain .keyVisualSub ul,
    .aircon #submain .keyVisualSub ul,
    .kitchen #submain .keyVisualSub ul,
    .range_hood #submain .keyVisualSub ul,
    .restroom #submain .keyVisualSub ul,
    .washroom #submain .keyVisualSub ul,
    .window #submain .keyVisualSub ul,
    .bathroom #submain .keyVisualSub ul,
    .entrance #submain .keyVisualSub ul,
    .garage #submain .keyVisualSub ul,
    .flooring #submain .keyVisualSub ul,
    .veranda #submain .keyVisualSub ul {
        position: static;
        margin-top: 10px;
        font-size: 0;
        text-align: center;
    }

    #submain .keyVisualSub ul li,
    .aircon #submain .keyVisualSub ul li,

    .kitchen #submain .keyVisualSub ul li,
    .range_hood #submain .keyVisualSub ul li,
    .restroom #submain .keyVisualSub ul li,
    .washroom #submain .keyVisualSub ul li,
    .window #submain .keyVisualSub ul li,
    .bathroom #submain .keyVisualSub ul li,
    .entrance #submain .keyVisualSub ul li,
    .garage #submain .keyVisualSub ul li,
    .flooring #submain .keyVisualSub ul li,
    .veranda #submain .keyVisualSub ul li {
        display: inline-block;
        width: 21%;
        margin: 2%;
        height: auto;
        padding: 2%;
        border-radius: 6px;
        background-color: #ddd;
    }

    .col2_list li {
        float: none;
        width: 100%;
        zoom: 1;
        /* float解除 for IE6/7  */
    }

    .col2_list > li:after,
    .col2_list > li:before {
        content: "";
        clear: both;
        display: block;
    }

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

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

    #sub .col2_list li h3 {
        padding-top: 10px;
        line-height: 1.4;
    }

    #sub .col2_list li h3 span {
        margin-left: 0;
        display: block;
    }

    .col3_list li,
    .col3_list.first li,
    .col3_list.first li:first-child {
        float: none;
        width: 100%;
        margin-bottom: 1em;
        padding: 15px 20px;
    }

    .col3_list li:nth-child(even),
    .col3_list.first li:nth-child(2) {
        margin: 0 0 1em;
    }

    .col3_list li .postag img {
        zoom: .75;
    }

    .col3_list li h3,
    .col3_list.first li h3 {
        margin-left: 0;
        text-align: center;
        font-size: 2.2rem;
    }

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

    .col2_2 li {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        float: none;
    }

    .col2_2 li figure img {
        width: 100%;
    }

    .col3_2 {
        overflow: hidden;
        zoom: 1;
    }

    .col3_2 li {
        float: none;
        width: 100%;
        padding: 3%;
        margin-bottom: 4%;
    }

    .col3_2 li:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

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

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

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

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

    .regular .list_regular ul {
        widows: 100%;
    }

    .regular .list_regular ul li {
        width: 30%;
        display: inline-block;
        margin: 1%;
    }

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

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

    #sign .parent .w40 {
        width: 94%;
        margin: .5em auto 0;
    }

    #sign .parent .w40 p {
        width: 100%;
    }

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

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

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

    #bfaf .v_ico h2 {
        background: url(../images/common/video.png) no-repeat 2% 50%;
        background-size: 20px auto;
    }
	
	#bfaf ul {
		margin: 0 auto 20px;
    }

    #bfaf li {
        width: 48%;
        margin: 0 2% 0 0;
    }
	
	#bfaf .three li {
        width: 32%;
    }

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

    #bfaf li:after {
        content: "\e072";
        font-family: 'Glyphicons Halflings';
        color: #f17897;
        font-size: 3rem;
        position: absolute;
        top: calc(50% - 14px);
        right: -11%;
        margin: auto;
        z-index: 1;
    }

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

    #bfaf li p {
        font-size: 1.6rem;
    }

    #bfaf .textarea02 {
        width: 100%;
        float: none;
        clear: left;
        padding-top: 0;
		margin: 20px 0 0;
    }

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

    #cleanflow li {
        width: 100%;
        float: none;
        z-index: 0;
        margin: 0 0 1em;
        height: auto;
    }

    #cleanflow li:before,
    #cleanflow li:after {
        display: none;
    }

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

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

    #cleanflow li figure {
        width: 30%;
        float: left;
    }

    #cleanflow li h4,
    #cleanflow li p {
        margin-left: 33%
    }

    #sub #cleanflow li h4 {
        padding-bottom: 0;
        margin-bottom: .5em;
        height: auto;
    }

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

    .cleanflow02 li {
        width: 100%;
        float: none;
        z-index: 0;
        margin: 0 0 1em;
        height: auto;
    }

    .cleanflow02 li:before,
    .cleanflow02 li:after {
        display: none;
    }

    .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: .5em;
    }

    .cleanflow02 .h325 li,
    .cleanflow02 .h285 li {
        height: auto;
    }

    #menulist .box02 {
        padding: 20px 20px 10px;
    }

    #menulist .box02 .sp {
        font-size: 2rem;
        font-weight: 600;
    }

    #menulist .box02 .sp span.small {
        font-size: 1.3rem;
        display: block;
    }

    #menulist .box02 figure {
        float: none;
        margin: 1em auto .5em;
        width: 50%;
    }

    #menulist .box02 .textarea02 {
        width: 100%;
        float: none;
    }

    #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;
    }

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

    .tbl .tbcell {
        display: flex;
        align-items: baseline;
        justify-content: center;
        text-align: center;
        width: 100%;
        margin: 15px 0;
    }

    .tbl ul {
        display: block;
        text-align: center;
        width: 100%;
    }

    .tbl ul li span,
    .tbl ul li .price {
        display: inline-block;
        vertical-align: middle;
        font-size: 2rem;
    }

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

    .tbl ul li.big .tag {
        font-size: 1.6rem !important;
    }

    .tag {
        padding: 5px;
        width: 100px;
        font-size: 1.2rem !important;
    }

    .sec02 .box03 .tit {
        float: none;
        margin-right: 0;
        font-size: 2rem;
    }

    .sec02 .box03 .tagPink {
        margin-bottom: 1em;
    }

    .sec02 .box03 .tagPink li {
        font-size: 1.1rem;
    }

    .sec02 .box03 .priceList {
        clear: left;
        border-top: 1px solid #ddd;
        padding-top: 1em;
    }

    .sec02 .box03 .priceList li,
    .sec02 .box03 .priceList li:first-child {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1em;
    }

    .sec02 .box03 .priceList li .tag,
    .sec02 .box03 .priceList li .price {
        display: inline-block;
    }

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

    .sec02 .box03 .priceList li.big {
        width: 100%;
    }

    .sec02 .box03 .priceList li.big .tag {
        font-size: 1.6rem !important;
        width: 120px;
        margin: 0 0 10px;
    }

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

    /* table */
    .opMenu th,
    .flooring .opMenu th,
    .opMenu td,
    .opMenu td.pink {
        padding: 15px;
        border-bottom: 1px solid #ddd;
        width: 100%;
        display: block;
        font-size: 1.4rem;
    }

    .opMenu td.pink {
        font-size: 2rem;
    }

    .time strong {
        background-size: 15px auto;
        padding: 5px 0 5px 20px;
    }

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

    /* nav */
    .itemMenu {
        width: 94%;
        margin: auto;
        border: 3px solid #ddd;
        background-color: #fff;
        padding: 3px;
    }

    .itemMenu .menuTitle {
        width: 100%;
        background-color: #f17897;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 600;
        text-align: center;
        padding: 10px 0;
        display: block;
        cursor: pointer;
        position: relative;
    }

    .itemMenu .menuTitle:after {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        top: 30%;
        right: 5%;
        color: #fff;
    }

    .itemMenu .menuTitle.active:after {
        content: "\e113";
    }

    .itemMenu .itemMenulist {
        display: none;
    }

    .itemMenu li {
        border-top: 1px solid #ddd;
        position: relative;
    }

    .itemMenu li a {
        display: block;
        font-size: 1.5rem;
        padding: 15px 15px 15px 30px;
    }

    .itemMenu li a:hover {
        background-color: #F6F6F6;
    }

    .itemMenu li:before {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        color: #f17897;
        position: absolute;
        top: 30%;
        left: 2%;
    }

    /* house-cleaning-index */
    .houseCleaning .col2box .left,
    .houseCleaning .col2box .right {
        float: none;
        width: 100%;
    }

    .houseCleaning .col2box .box04 {
        height: auto;
    }

    .houseCleaning ul.icoList {
        width: 90%;
        margin: 1em auto 0;
    }

    .houseCleaning .right ul.icoList {
        padding: 0;
    }

    .houseCleaning ul.icoList li {
        border: 2px solid #f17897;
        padding: 5px;
        margin: 10px 5px 0;
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    .houseCleaning .col2box .box04 .text-center {
        position: static;
    }

    .houseCleaning ul.promisesList li {
        width: 100%;
        float: none;
    }

    .houseCleaning ul.promisesList li:nth-child(odd) {
        margin-right: 0;
    }

    #sub.houseCleaning ul.promisesList li h3 {
        font-size: 1.4rem;
    }

    /* youtube */
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    /* stains */
    .stains .bgarea {
        padding: 15px;
        border-radius: 6px;
    }

    .stains .bgarea ul {
        width: 100%;
    }

    .stains .bgarea ul li {
        float: none;
        width: 100%;
        padding: 15px 2px;
    }

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

    .stains .bgarea ul figure {
        width: 90px;
        height: 100px;
    }

    .stains .bgarea ul li img {
        width: auto;
        height: 100px;
    }

    .stains .bgarea ul li h3:before {
        display: block;
        width: 90px;
        padding: 4px 6px;
        margin-bottom: 5px;
        text-align: center;
    }

    /* saving */
    .saving #point .midashi02 {
        margin-bottom: 0;
    }

    .saving .col2sec ul {
        zoom: 1;
    }

    .saving .col2sec ul li:after,
    .saving .col2sec ul li:before {
        content: "";
        clear: both;
        display: block;
    }

    #sub.saving .col2sec ul li figure.pull-left {
        float: left !important;
        width: 120px;
    }

    .saving .col2sec ul li h3 {
        margin-left: 130px;
    }

    .saving .col2sec ul li p {
        margin-left: 130px;
    }

    /* business */
    .business .w40 {
        margin-left: 0;
        font-size: 1.4rem;
        padding-top: 0;
    }

    .business .bgarea {
        padding: 15px;
        border-radius: 6px;
    }

    .business .bgarea ul {
        width: 100%;
    }

    .business .bgarea ul li {
        float: none;
        width: 100%;
        padding: 15px 2px;
    }

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

    .business .bgarea ul figure {
        width: 90px;
        height: 100px;
        padding-top: 20px;
        float: right;
    }

    .business .bgarea ul li img {
        width: 100%;
    }

    #menulist02 .box02 {
        border-top: 1px solid #ddd;
        border-left: none;
    }

    #menulist02 .box02:nth-child(3n+3) {
        border-right: none;
    }

    #menulist02 .box02 figure {
        width: 100%;
        height: 150px;
        text-align: center;
    }

    #menulist02 .box02 p img {
        height: 45px;
    }

    #menulist02 .box02 .spcontact .mt2 p img {
        height: 75px;
    }

    #menulist02 .box02 figure img {
        width: auto;
        height: 150px;
    }

    #menulist02 .box02 .textarea02 .postag {
        width: 80px;
        position: absolute;
        right: -20px;
        bottom: 0;
    }

    #menulist02 .box02 h3 span.small {
        display: block;
    }

    #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 {
        font-size: 2rem;
    }

    #menulist02 .box02 dd {
        font-size: 1.6rem;
        font-weight: 600;
    }

    #menulist02 .box02 dd span.red {
        font-size: 3rem;
    }

    #menulist02 .text-center.mb3 {
        width: 80%;
        margin: 0 auto 3em;
    }

    .business .opMenu td {
        padding: 15px 30px;
    }

    /* moldproofing */
    .moldproofing #submain h2 span.pink {
        display: block;
        margin: 0 0 5px;
    }

    .moldproofing #point p.mb5 {
        margin-bottom: 0;
    }

    .moldproofing #point .parent {
        margin-top: 2em;
    }

    /* flow */
    .aircon.flow .box03 .ttl {
        font-size: 1.4rem;
    }

    .aircon.flow .box03 .button02 {
        max-width: 400px;
    }

    .aircon.flow .col2_2 li {
        position: relative;
        margin-bottom: 40px;
    }

    .aircon.flow .col2_2 li:after {
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        display: inline-block;
        color: #f17897;
        font-size: 45px;
        position: absolute;
        right: 40%;
        bottom: -55px;
    }

    /* technique */
    .ttl_b {
        font-size: 1.4rem;
        padding: 15px 0 10px;
        text-align: center;
        display: block;
    }

    .ttl_b strong {
        font-size: 1.6rem;
        display: block;
    }

    .campBox .ttl {
        background-color: #f17897;
        font-size: 1.6rem;
        font-weight: 600;
        color: #fff;
        height: auto;
        padding: 30px 2% 5px;
        position: relative;
    }

    .campBox .ttl:before {
        content: "";
        background: url(../images/house-cleaning/aircon/flow/tag.png) no-repeat;
        ;
        background-size: contain;
        width: 130px;
        height: 35px;
        position: absolute;
        top: -10px;
        left: 2%;
    }

    .campBox .ttl p {
        position: static;
        margin-bottom: 0;
    }

    /* deodorization */
    .col2sec ul li {
        width: 100%;
    }

    .col2sec ul li figure {
        width: 100px;
        height: 100px;
    }

    .col2sec ul li .w50 {
        margin-left: 0;
    }

    .col3sec ul li {
        width: 100%;
        padding: 5% 5% 2%;
        float: none;
    }

    .col3sec ul li:nth-child(2) {
        margin: 0;
    }

    .col3sec ul li figure {
        width: 145px;
        height: 120px;
        overflow: hidden;
        margin: 1em auto;
    }

    .deodorization .col3sec ul li figure {
        margin: 0 auto;
    }

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

    .col3sec.point ul li h3:before {
        top: 5px;
        left: 5px;
    }

    .point.col3sec ul {
        zoom: 1;
    }

    .point.col3sec ul li:after,
    .point.col3sec ul li:before {
        content: "";
        clear: both;
        display: block;
    }

    .point.col3sec ul li figure {
        float: left;
        width: 120px;
    }

    .point.col3sec ul li p {
        margin-left: 130px;
    }

    /* voice */
    .voice #submain .m_txt.text-center {
        text-align: left;
    }

    .voice #submain .parent {
        padding: 5% 5% 2%;
        box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

    .voice #submain .parent figure.pull-left {
        width: 50%;
        margin: auto;
    }

    .voice #submain .parent h3 {
        font-size: 2rem;
    }

    .voice #submain .parent .ttl {
        font-size: 1.6rem;
        padding-left: 0;
    }

    .voice #submain .parent .ttl:before {
        padding: 3px 0;
        margin: 0 0 .5em;
        width: 100px;
        position: static;
        display: block;
    }

    #sub.voice #submain .parent .textarea {
        margin: .5em 0 2em;
        font-size: 1.5rem;
        background: none;
        padding: 0;
    }

    .voice .box02 {
        position: relative;
    }

    .voice .box02 .pos_ttl {
        position: static;
        font-size: 1.7rem;
        text-align: center;
        color: #3366FF;
        font-weight: 600;
    }

    .voice .box02 .pos_ttl img {
        display: none;
    }

    #sub.voice .box02 h4 {
        font-size: 1.6rem;
    }

    #sub.voice a.link02 {
        font-size: 1.2rem;
    }

    /* list */
    #sub.list .box03 {
        background-color: #fff;
        padding: 3% 5%;
        position: relative;
        box-sizing: border-box;
    }

    #sub.list .box03 h4 {
        border-bottom: none;
        font-size: 2rem;
        font-weight: 600;
        padding-left: 45px;
        position: relative;
    }

    #sub.list .box03 h4 span {
        width: 35px;
        position: absolute;
        left: 0;
    }

    #sub.list .box03 h4 span img {
        width: 35px;
    }

    #sub.list .box03 figure {
        width: 100%;
        text-align: center;
    }

    #sub.list .box03 figure img {
        width: 200px;
    }

    #sub.list .box03 .right {
        width: 100%;
        float: none;
        font-size: 1.1em;
    }

    #sub.list .box03 .right ul {
        width: 100%;
    }

    #sub.list .box03 .right li {
        padding: 2% 0;
        display: table-cell;
    }

    #sub.list .box03 .right li span {
        word-break: break-all;
        word-wrap: break-word;
        background-color: #20B6EE;
        color: #fff;
        padding: 2%;
        margin: 2%;
        text-align: center;
        display: block;
    }

    #sub.list .col2_list > li.parent {
        margin-top: 0;
    }

    #sub.list .col2_list > li > h3 {
        text-align: center;
    }

    #sub.list .col2_list > li > figure {
        width: 60%;
        margin: auto;
    }

    #sub.list .col2_list > li > figure img {
        width: 100%;
    }

    #sub.list .col2_list > li > ul {
        width: 70%;
        float: none;
        margin: auto;
    }

    #sub.list .col2_list > li > ul > li {
        float: none;
        margin-left: 50px;
    }

    /* contactBox */
    .contactBox.topArw {
        background-size: auto 60px;
        padding-top: 70px;
        margin-top: -3em;
    }

    .contactBox {
        width: 94%;
        margin: 0 auto 2em;
    }

    .contactBox .ttl {
        font-size: 2rem;
        line-height: 1.2;
    }

    .contactBox .box04 {
        padding: 2%;
    }

    .contactBox .left {
        float: none;
        margin: 0;
    }

    .contactBox .right {
        float: none;
    }

    .contactBox .right p {
        margin: 10px 0 0;
        padding: 0;
    }

    .contactBox .right p a {
        background: none;
        border-radius: 0;
    }

    /*----------- housekeeper -----------*/
    .housekeeper p.ttl_p {
        font-size: 2.2rem;
        padding-top: 15px;
    }

    .housekeeper .box03 {
        padding: 4%;
        margin-bottom: 2em;
    }

    .housekeeper .box03 .left {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }

    .housekeeper .box03 .right {
        width: 100%;
        float: none;
    }

    .housekeeper .box03 .col4 li {
        width: 23%;
    }

    .housekeeper .box03 .col4 li figure {
        height: 70px;
    }

    .housekeeper .box03 .col4 li h3 {
        font-size: 1.2rem;
    }

    .housekeeper .box03 .plan3_col li figure {
        height: 80px;
    }

    .housekeeper .box03 .plan3_col li h3 {
        font-size: 1.2rem;
    }

    .housekeeper .box03 p.text-center .button02 {
        margin-top: 0;
    }

    .housekeeper .col2box .left,
    .housekeeper .col2box .right {
        float: none;
        width: 100%;
    }

    .housekeeper .col2box .left p {
        margin-bottom: 20px;
    }

    .housekeeper .col2box .box05 {
        height: auto;
    }

    .housekeeper ul.icoList {
        width: 90%;
        margin: 1em auto 0;
    }

    .housekeeper ul.icoList li {
        border: 2px solid #f17897;
        padding: 5px;
        margin: 10px 5px 0;
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }

    .emergency table.def02 {
        font-size: 1.2rem;
    }

    /* service */
    #sub #service ul li h3,
        {
        font-size: 1.4rem;
    }

    #service .list_whole li {
        float: left;
        width: 50%;
        padding: 2%;
        margin-bottom: 2%;
        position: relative;
        text-align: center;
    }

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

    #service .list_whole li figure {
        width: 60%;
        margin: 0 auto .5em;
        overflow: hidden;
        height: 100px;
    }

    #service .list_basic li,
    #service .list_eme li {
        width: 31%;
        padding: 2%;
        margin-bottom: 2%;
        position: relative;
        text-align: center;
    }

    #service .list_basic li figure,
    #service .list_eme li figure {
        width: 100%;
        margin: 0 auto .5em;
        overflow: hidden;
        height: 100px;
    }

    #difference .l_tit {
        font-size: 2.2rem;
        font-weight: 600;
        margin-bottom: 1em;
    }

    #case .pull-left,
    pull-right {
        width: 100%;
        float: none !important;
        margin-bottom: 1em;
    }

    #case .sp.imprBox {
        background-color: #fff;
        border: 1px solid #ddd;
        margin: 2em auto;
        padding: 15px;
    }

    #case .sp.imprBox h3 {
        padding-bottom: .5em;
        margin-bottom: .5em;
        border-bottom: 1px solid #ddd;
    }

    /*----------- company -----------*/
    .company ul.companyList li {
        width: 100%;
        height: auto;
        padding: 15px 10px;
        float: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .company ul.companyList li:nth-child(2) {
        margin: 1em 0;
    }

    .company ul.companyList li figure {
        width: 110px;
        height: 110px;
        float: left;
    }

    .company ul.companyList li figure img {
        width: 120% !important;
        height: 110px;
    }

    .textarea02 {
        padding: 0;
        height: auto;
        margin: 0 auto;
        width: auto;
        background: none;
    }

    .company ul.companyList li .textarea02 {
        margin-left: 130px;
        height: auto;
        padding: 0;
    }

    .company ul.companyList li:nth-child(1) p.text-center,
    .company ul.companyList li:nth-child(2) p.text-center,
    .company ul.companyList li:nth-child(3) p.text-center {
        margin: 1em auto 0;
        width: 80%;
    }

    .company ul.companyList li h3 {
        text-align: left;
    }

    .company ul.companyList li:nth-child(1) h3,
    .company ul.companyList li:nth-child(2) h3,
    .company ul.companyList li:nth-child(3) h3 {
        line-height: 1.4;
        font-size: 1.6rem;
    }

    .company ul.companyList li .text-center {
        position: static;
        margin-top: .5em;
    }

    /*----------- inquiry -----------*/

    .inquiry input[type="text"],
    .inquiry input[type="email"],
    .inquiry input[type="tel"],
    #contactForm textarea {
        padding: 4px 2px;
    }

    .inquiry form .btn {
        width: 70%;
        margin-bottom: 1em;
    }

    .inquiry .secFrame {
        margin-bottom: 2em;
        padding-bottom: 20px;
    }

    .inquiry select {
        font-size: 16px !important;
        scale(0.8);
        white-space: nowrap;
    }

    .inquiry table.def td label {
        white-space: nowrap;
    }

    /*----------- column -----------*/
    .leftColum {
        width: 100%;
        float: none;
        margin-bottom: 2em;
    }

    .btn_column li {
        width: 90%;
        display: block;
        margin: 0 auto 2%;
    }

    /* columnBox */
    .columnBox {
        border: 1px solid #ddd;
        padding: 5% 5% 2%;
        margin-top: 2em;
    }

    .columnBox figure {
        float: none;
        margin: 0 auto 10px;
        width: 90%;
    }

    .columnBox .panel-series {
        display: block;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 1.5em;
        padding: 0;
    }

    .columnBox .panel-series li {
        display: block;
        font-size: 1.2rem;
    }

    .columnBox .panel-series li.cat {
        width: 100%;
        padding: 1em 0;
    }

    .columnBox .panel-series li.cat span {
        background-color: #68c9f3;
        color: #fff;
        padding: 4px 8px 4px;
        margin: 0 1.5% 1.5% 0;
    }

    .columnBox .panel-series li.date {
        width: 100%;
        color: #666;
        text-align: right;
    }

    #sub .columnBox h3 {
        font-size: 2rem;
    }

    #sub .columnBox .comment {
        margin-top: 1.5em;
    }

    #sub .columnBox .comment p.text-right {
        position: inherit;
    }

    /* aside */
    aside.blogmenu {
        width: 94%;
        margin: auto;
        float: none;
    }

    .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.3rem;
    }

    #sub.sitemap .col-xs-12 {
        margin: 0;
        padding: 0;
    }

    #sub.sitemap .fnav > li > a {
        font-size: 1.6rem;
    }

    #sub.sitemap .fnav > li > ul.officeLink > li {
        width: 45%;
    }

    #sub.sitemap .fnav > li > ul > li > ul {
        margin-bottom: 2em;
    }

    #sub.sitemap .fnav > li > ul > li > ul > li {
        display: block;
        width: 100%;
    }

    #sub.sitemap .fnav > li > ul > li > ul > li > ul > li {
        display: block;
        width: 100%;
    }

    /* 2021.4.27 Add */
    .otherSect .col2 li {
        float: none;
        width: 100%;
        margin-bottom: 6%;
    }

    .otherSect .col2 li:nth-child(2n) {
        float: none;
    }




}