@charset "utf-8";

.pagetop{
    z-index: 100;
}

#listing {
  background: #FFFFFF;
  color: #2b1c18;
  font-size: 16px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  line-height: 1.8;
    text-align: justify;
}
#listing ul{
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 850px) {
    #listing{font-size: 14px;}
}
* html #listing {	/* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#listing a{ color:#ff6c00; text-decoration: underline;}
#listing a:link{ color:#ff6c00; text-decoration: underline;}
#listing a:visited{ color:#ff6c00; text-decoration: underline;}
#listing a:hover{ color:#ff6c00; text-decoration: none;}

#listing.chiryouin a{ color:#ff8600; text-decoration: underline;}
#listing.chiryouin a:link{ color:#ff8600; text-decoration: underline;}
#listing.chiryouin a:visited{ color:#ff8600; text-decoration: underline;}
#listing.chiryouin a:hover{ color:#ff8600; text-decoration: none;}

#listing a:focus, *:focus { outline:none; }

#listing a img:hover{opacity: 0.5; transition:all 0.5s ease 0s;}

#listing p{ margin:0;}

#listing .tal{ text-align:left;}
#listing .tac{ text-align:center;}
#listing .tar{ text-align:right;}

#listing .sp  { display:none}
#listing .pc  { display:inline;}
@media only screen and (max-width: 850px) {
	#listing .sp  { display:inline;}
	#listing .pc  { display:none;}
}

#listing .wrapper{
	max-width:1200px;
	width: 100%;
	margin:0 auto;
    position: relative;
}
#listing .wrapper2{
    max-width:850px;
    width: 100%;
    margin:0 auto;
    position: relative;
}
#listing section{
    padding: 100px 0;
}
@media only screen and (max-width:1260px) {
    #listing .wrapper{
        width: calc(100% - 60px);
    }
    #listing section{
        padding: 8.1vw 0;
    }
}
@media only screen and (max-width: 890px) {
    #listing .wrapper{
        width: calc(100% - 40px);
    }
    #listing .wrapper2{
        width: calc(100% - 40px);
    }
}

/*背景*/
#listing .bg{
    background: url("../images/listing/bg02.png");
}
#listing.chiryouin .bg{
    background: url("../images/listing-chiryouin/bg02.png");
}

/*タイトル*/
#listing .title1{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #ffb400;
    font-size: 32px;
    font-weight: bold;
    display: block;
}
#listing.chiryouin .title1{
    color: #ff8600;
}
#listing .title1::before,
#listing .title1::after{
    margin: 0 20px;
    width:32px;
    height: 53px;
    display: inline-block;
    vertical-align: middle;
}
#listing .title1::before{
    content: "";
    background: url("../images/listing/ballon01_l.png") no-repeat center center;
    background-size: 32px;
}
#listing.chiryouin .title1::before{
    background: url("../images/listing-chiryouin/ballon01_l.png") no-repeat center center;
    background-size: 32px;
}
#listing .title1::after{
    content: "";
    background: url("../images/listing/ballon01_r.png") no-repeat center center;
    background-size: 32px;
}
#listing.chiryouin .title1::after{
    background: url("../images/listing-chiryouin/ballon01_r.png") no-repeat center center;
    background-size: 32px;
}
@media only screen and (max-width: 1000px) {
    #listing .title1{
        font-size: 3.2vw;
    }
    #listing .title1::before,
    #listing .title1::after{
        margin: 0 2vw;
        width:3.2vw;
        height: 5.3vw;
    }
    #listing .title1::before{
        background: url("../images/listing/ballon01_l.png") no-repeat center center;
        background-size: 3.2vw;
    }
    #listing .title1::after{
        background: url("../images/listing/ballon01_r.png") no-repeat center center;
        background-size: 3.2vw;
    }
}
@media only screen and (max-width: 550px) {
    #listing .title1{
        font-size: 18px;
    }
    #listing #voice_Area .title1{
        font-size: 14px;
        letter-spacing: -0.1em;
    }
    #listing .title1::before,
    #listing .title1::after{
        margin: 0 2vw;
        width:4.3vw;
        height: 7vw;
    }
    #listing .title1::before{
        content: "";
        background: url("../images/listing/ballon01_l.png") no-repeat center center;
        background-size: 4.3vw;
    }
    #listing .title1::after{
        content: "";
        background: url("../images/listing/ballon01_r.png") no-repeat center center;
        background-size: 4.3vw;
    }
}

/*タイトル2*/
#listing .title2{
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin:0 0 50px 0;
}
@media only screen and (max-width: 1000px) {
    #listing .title2{
        font-size: 4.2vw;
        margin:0 0 5vw 0;
    }
}
@media only screen and (max-width: 550px) {
    #listing .title2{
        font-size: 20px;
        margin:0 0 20px 0;
    }
}

/*フォントサイズ*/
#listing .font18{ font-size: 18px;}@media only screen and (max-width: 850px) {#listing .font18{ font-size: 15px;}}
#listing .font14{ font-size: 14px;}@media only screen and (max-width: 850px) {#listing .font14{ font-size: 11px;}}

/*------------------------------------------------------------------------------------------------------------------------*/
/* MV */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #mv{
	background: url("../images/listing/bg_mv01.jpg") no-repeat center center;
    background-size: cover;
    margin: 0;
    padding: 0 0 0 0;
    width:100%;
    position: relative;
}
#listing #mv .sankaku::before{
    content: "";
    border-bottom: 20vw solid transparent;
    border-left: 100vw solid #f0dd3d;
    z-index: 1;
    position: absolute;
    top: 0;
}
#listing.chiryouin #mv .sankaku::before{
    border-left: 100vw solid #ffb400;
}
#listing #mv .sankaku::after{
    content: "";
    border-top: 20vw solid transparent;
    border-right: 100vw solid #e6d028;
    z-index: 3;
    position: absolute;
    bottom: 0;
}
#listing.chiryouin #mv .sankaku::after{
    border-right: 100vw solid #ff9900;
}
#listing #mv h1{
    z-index: 2;
    position: relative;
    margin: 0;
    padding: 50px 0 0 0;
}
#listing #mv .user{
    position: absolute;
    bottom:0px;
    right:0;
    z-index: 4;
    text-align: right;
}
@media only screen and (max-width: 1220px) {
    #listing #mv h1{
        padding: 4vw 0 0 0;
    }
    #listing #mv .user{
        width: 54vw;
    }
}
@media only screen and (max-width: 750px) {
    #listing #mv .wrapper{
        margin: 0 auto 0 0;
        width: calc(100% - 10px);
    }
    #listing #mv h1{
        padding: 4vw 0 1px 0;
    }
    #listing #mv .user{
        width: 62vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* ボタンエリア */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing .btn_Area{
    background: url(../images/listing/bg03.png);
    text-align: center;
    padding: 50px 0;
}
#listing.chiryouin .btn_Area{
    background: url("../images/listing-chiryouin/bg03.png");
}
#listing .btn_Area.back{
    padding: 80px 0;
}
#listing .btn_Area.back .wrapper2::before{
    background: url("../images/listing/img_cta01.png") no-repeat center bottom;
    background-size: 350px;
    content: "";
    width:350px;
    height: 390px;
    display: block;
    z-index: 0;
    bottom: -80px;
    position: absolute;
    left: -13vw;
}
#listing .btn_Area .title{
    font-size: 30px;
    font-weight: bold;
    margin:0 0 40px 0;
}
#listing.chiryouin .btn_Area .title{
    color: #ffffff;
}
#listing .btn_Area .title::before,
#listing .btn_Area .title::after{
    margin: 0 20px;
    width:27px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
}
#listing .btn_Area .title::before{
    content: "";
    background: url("../images/listing/ballon02_l.png") no-repeat center center;
    background-size: 27px;
}
#listing.chiryouin .btn_Area .title::before{
    content: "";
    background: url("../images/listing-chiryouin/ballon02_l.png") no-repeat center center;
    background-size: 27px;
}
#listing .btn_Area .title::after{
    content: "";
    background: url("../images/listing/ballon02_r.png") no-repeat center center;
    background-size: 27px;
}
#listing.chiryouin .btn_Area .title::after{
    content: "";
    background: url("../images/listing-chiryouin/ballon02_r.png") no-repeat center center;
    background-size: 27px;
}
#listing .btn_Area .btn{
    margin:0 0 20px 0;
    z-index: 3;
    position: relative;
}
#listing .btn_Area .btn_mail,
#listing .btn_Area .btn_tel{
    display: inline-block;
    width: calc(50% - 20px);
    border-radius: 50px;
    padding: 20px 0;
    box-shadow:0px 0px 30px rgba(0,0,0,0.2);
    border: solid 5px #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}
#listing.chiryouin .btn_Area .btn_mail,
#listing.chiryouin .btn_Area .btn_tel{
    text-decoration: none;
}
#listing .btn_Area .btn_mail:hover,
#listing .btn_Area .btn_tel:hover{
    box-shadow:0px 0px 20px rgba(0,0,0,0.3);
    border: solid 5px #ffe400;
}
#listing.chiryouin .btn_Area .btn_mail:hover,
#listing.chiryouin .btn_Area .btn_tel:hover{
    box-shadow:0px 0px 20px rgba(0,0,0,0.3);
    border: solid 5px #ff8600;
}
#listing .btn_Area .btn_mail{
    background: url("../images/listing/icn_mail01.png") no-repeat center left 30px #FFFFFF;
    background-size: 30px;
    margin-right: 30px;
}
#listing.chiryouin .btn_Area .btn_mail{
    background: url("../images/listing-chiryouin/icn_mail01.png") no-repeat center left 30px #FFFFFF;
    background-size: 30px;
}
#listing .btn_Area .btn_tel{
    background: url("../images/listing/icn_tel01.png") no-repeat center left 25px #FFFFFF;
    background-size: 40px;
}
#listing.chiryouin .btn_Area .btn_tel{
    background: url("../images/listing-chiryouin/icn_tel01.png") no-repeat center left 25px #FFFFFF;
    background-size: 40px;
}
#listing .btn_Area p{
    font-size: 18px;
    font-weight: bold;
}
#listing.chiryouin .btn_Area p{
    color: #ffffff;
}
@media only screen and (max-width: 750px) {
    #listing .btn_Area{
        padding: 6.6vw 0;
    }
    #listing .btn_Area.back{
        padding: 10.6vw 0;
    }
    #listing .btn_Area.back .wrapper2::before{
        background: url("../images/listing/img_cta01.png") no-repeat center bottom;
        background-size: 23vw;
        content: "";
        width: 23vw;
        height: 27vw;
        display: block;
        z-index: 0;
        bottom: auto;
        position: absolute;
        left: 0vw;
        top: -10.6vw;
    }
    #listing .btn_Area .title{
        font-size: 4vw;
        margin:0 0 5.3vw 0;
    }
    #listing .btn_Area.back .title{
        text-align: right;
    }
    #listing .btn_Area .title::before,
    #listing .btn_Area .title::after{
        margin: 0 2.6vw;
        width:3.6vw;
        height: 5.7vw;
    }
    #listing .btn_Area .title::before{
        background: url("../images/listing/ballon02_l.png") no-repeat center center;
        background-size: 3.6vw;
    }
    #listing .btn_Area .title::after{
        background: url("../images/listing/ballon02_r.png") no-repeat center center;
        background-size: 3.6vw;
    }
    #listing .btn_Area .btn{
        margin:0 0 2.6vw 0;
    }
    #listing .btn_Area .btn_mail,
    #listing .btn_Area .btn_tel{
        display: block;
        width: 100%;
        padding: 2.6vw 0;
        border: solid 3px #ffffff;
        font-size: 22px;
    }
    #listing .btn_Area .btn_mail:hover,
    #listing .btn_Area .btn_tel:hover{
        border: solid 3px #ffe400;
    }
    #listing .btn_Area .btn_mail{
        background: url("../images/listing/icn_mail01.png") no-repeat center left 30px #FFFFFF;
        background-size: 30px;
        margin-right: 0;
        margin-bottom:2.6vw;
    }
    #listing .btn_Area .btn_tel{
        background: url("../images/listing/icn_tel01.png") no-repeat center left 25px #FFFFFF;
        background-size: 40px;
    }
    #listing .btn_Area p{
        font-size: 13px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* お悩み */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #onayami_Area{
    background: url("../images/listing/bg01.png") ;
    position: relative;
}
#listing.chiryouin #onayami_Area{
    background: url("../images/listing-chiryouin/bg01.png") ;
    position: relative;
}
#listing #onayami_Area::after{
    display: block;
    background: url("../images/listing/bg01_arrow.png") no-repeat center top;
    background-size: 186px;
    content: "";
    width: 100%;
    height: 80px;
    bottom: -80px;
    position: absolute;
}
#listing.chiryouin #onayami_Area::after{
    background: url("../images/listing-chiryouin/bg01_arrow.png") no-repeat center top;
    background-size: 186px;
}
#listing #onayami_Area .wrapper{
    background: url("../images/listing/img_onayami01.png") no-repeat right bottom;
    background-size: 668px;
}
#listing.chiryouin #onayami_Area .wrapper{
    background: url("../images/listing-chiryouin/img_onayami01.png") no-repeat right 50px bottom;
    background-size: 413px;
}
#listing #onayami_Area .wrapper2{
    padding: 80px 0;
}
#listing #onayami_Area ul{
    margin:60px 0 0 0;
    padding: 0;
}
#listing #onayami_Area li{
    background: url("../images/listing/icn_check01.png") no-repeat center left;
    background-size: 45px;
    font-size: 26px;
    padding: 0 0 0 55px;
    margin:0 0 20px 0;
    text-shadow: 0 0 2px #f1f3ec;
}
#listing.chiryouin #onayami_Area li{
    background: url("../images/listing-chiryouin/icn_check01.png") no-repeat center left;
    background-size: 45px;
    text-shadow: 0 0 2px #f7f2e7;
}
@media only screen and (max-width: 1200px) {
    #listing #onayami_Area::after{
        background: url("../images/listing/bg01_arrow.png") no-repeat center top;
        background-size: 15.5vw;
        height: 6.6vw;
        bottom: -6.6vw;
    }
    #listing.chiryouin #onayami_Area::after{
        background: url("../images/listing-chiryouin/bg01_arrow.png") no-repeat center top;
        background-size: 15.5vw;
    }
    #listing #onayami_Area .wrapper{
        background: url("../images/listing/img_onayami01.png") no-repeat right -183px  bottom;
        background-size: 668px;
        margin: 0;
        width:100%;
    }
    #listing.chiryouin #onayami_Area .wrapper{
        background: url("../images/listing-chiryouin/img_onayami01.png") no-repeat right -40px  bottom;
        background-size: 413px;
    }
}
@media only screen and (max-width: 750px) {
    #listing #onayami_Area .wrapper{
        background: url("../images/listing/img_onayami01.png") no-repeat right -14vw bottom;
        background-size: 73.7vw;
    }
    #listing.chiryouin #onayami_Area .wrapper{
        background: url("../images/listing-chiryouin/img_onayami01.png") no-repeat right -3vw bottom;
        background-size: 43vw;
    }
    #listing #onayami_Area .wrapper2{
        padding: 10.6vw 0;
    }
    #listing #onayami_Area ul{
        margin:8vw 0 0 0;
    }
    #listing #onayami_Area li{
        background: url("../images/listing/icn_check01.png") no-repeat center left;
        background-size: 6vw;
        font-size: 3.46vw;
        padding: 0 0 0 7.3vw;
        margin:0 0 2.6vw 0;
    }
    #listing.chiryouin #onayami_Area li{
        background: url("../images/listing-chiryouin/icn_check01.png") no-repeat center left;
        background-size: 6vw;
    }
}
@media only screen and (max-width: 550px) {
    #listing #onayami_Area li{
        background: url("../images/listing/icn_check01.png") no-repeat center left;
        background-size: 25px;
        font-size: 14px;
        padding: 0 0 0 35px;
        margin:0 0 15px 0;
    }
    #listing.chiryouin #onayami_Area li{
        background: url("../images/listing-chiryouin/icn_check01.png") no-repeat center left;
        background-size: 25px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 解決します */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #kaiketsu_Area .point{
    margin:60px 0 80px 0;
    text-align: center;
}
#listing #kaiketsu_Area .point .title{
    position: relative;
    display: inline-block;
    margin: 0 auto 30px;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: bold;
    background: #ffc600;
    border-radius: 50px;
    text-align: center;
}
#listing.chiryouin #kaiketsu_Area .point .title{
    background: #ff8600;
    color: #FFFFFF;
}
#listing #kaiketsu_Area .point .title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ffc600;
}
#listing.chiryouin #kaiketsu_Area .point .title:before {
    border-top: 15px solid #ff8600;
}
#listing #kaiketsu_Area .point ul{
    display: flex;
    justify-content: space-between;
}
#listing #kaiketsu_Area .point li{
    border: solid #ffdf47 5px;
    border-radius: 10px;
    width:260px;
    padding: 15px;
    font-size: 14px;
}
#listing.chiryouin #kaiketsu_Area .point li{
    border: solid #ffaf32 5px;
}
#listing #kaiketsu_Area .point li figure{
    margin: 20px 0;
    height: 130px;
}
#listing #kaiketsu_Area .point li figure img{
    max-height:100%;
}
#listing #kaiketsu_Area .point li h4{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
#listing #kaiketsu_Area .point li p{
    text-align: left;
}
#listing #kaiketsu_Area .partner{
    border: solid 20px #d9e197;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 30px;
    position: relative;
}
#listing.chiryouin #kaiketsu_Area .partner{
    border: solid 20px #ffde8e;
}
#listing #kaiketsu_Area .partner::before{
    position: absolute;
    content:  "";
    background: url("../images/listing/img_point04.png") no-repeat center center;
    background-size: 226px;
    width: 226px;
    height: 132px;
    top: -40px;
    left: -50px;
}
#listing #kaiketsu_Area .partner::after{
    position: absolute;
    content:  "";
    background: url("../images/listing/img_point05.png") no-repeat center center;
    background-size: 144px;
    width: 144px;
    height: 225px;
    bottom: -50px;
    right: -80px;
}
#listing #kaiketsu_Area .partner .title{
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 30px 0;
}
#listing #kaiketsu_Area .partner .title span{
    font-size: 152%;;
    display: block;
    color: #ff6c00;
}
#listing.chiryouin #kaiketsu_Area .partner .title span{
    color: #ff8600;
}
#listing #kaiketsu_Area .partner figure{
    float: left;
    margin: 0 40px 20px 0;
}
@media only screen and (max-width: 850px) {
    #listing #kaiketsu_Area .point{
        margin:7vw 0 9.4vw 0;
    }
    #listing #kaiketsu_Area .point .title{
        margin: 0 auto 3.5vw;
        padding: 1.1vw 3.5vw;
        font-size: 2.3vw;
    }
    #listing #kaiketsu_Area .point .title:before {
        margin-left: -1.7vw;
        border: 1.7vw solid transparent;
        border-top: 1.7vw solid #ffc600;
    }
    #listing #kaiketsu_Area .point li{
        border: solid #ffdf47 0.5vw;
        border-radius: 1.1vw;
        width:30.5vw;
        padding: 1.7vw;
    }
    #listing #kaiketsu_Area .point li figure{
        margin: 2.3vw 0;
        height: 15.3vw;
    }
    #listing #kaiketsu_Area .point li h4{
        font-size: 2.3vw;
        margin: 0 0 1.1vw 0;
    }
    #listing #kaiketsu_Area .partner{
        border: solid 2.3vw #d9e197;
        padding: 3.5vw;
    }
    #listing #kaiketsu_Area .partner::before{
        background: url("../images/listing/img_point04.png") no-repeat center center;
        background-size: 26.5vw;
        width: 26.5vw;
        height: 15.5vw;
        top: -4.7vw;
        left: -5.8vw;
    }
    #listing #kaiketsu_Area .partner::after{
        background: url("../images/listing/img_point05.png") no-repeat center center;
        background-size: 16.9vw;
        width: 16.9vw;
        height: 26.4vw;
        bottom: -5.8vw;
        right: -9.4vw;
    }
    #listing #kaiketsu_Area .partner .title{
        font-size: 2.7vw;
        margin: 0 0 3.5vw 0;
    }
    #listing #kaiketsu_Area .partner figure{
        margin: 0 4.7vw 2.3vw 0;
    }
}
@media only screen and (max-width: 550px) {
    #listing #kaiketsu_Area .point .title{
        font-size: 14px;
    }
    #listing #kaiketsu_Area .point .title:before {
        margin-left: -10px;
        border: 10px solid transparent;
        border-top: 10px solid #ffc600;
    }
    #listing #kaiketsu_Area .point ul{
        display: block;
    }
    #listing #kaiketsu_Area .point li{
        border: solid #ffdf47 3px;
        border-radius: 10px;
        width:100%;
        padding: 10px;
        font-size: 12px;
        margin:0 0 10px 0;
    }
    #listing #kaiketsu_Area .point li figure{
        margin: 10px 0;
        height: 100px;
    }
    #listing #kaiketsu_Area .point li h4{
        font-size: 16px;
        margin: 0 0 5px 0;
    }
    #listing #kaiketsu_Area .point li p{
        text-align: center;
    }
    #listing #kaiketsu_Area .partner{
        border: solid 15px #d9e197;
        padding: 20px 35px;
    }
    #listing #kaiketsu_Area .partner::before{
        background: url("../images/listing/img_point04.png") no-repeat center center;
        background-size: 150px;
        width: 150px;
        height: 86px;
        top: -30px;
        left: -30px;
    }
    #listing #kaiketsu_Area .partner::after{
        background: url("../images/listing/img_point05.png") no-repeat center center;
        background-size: 95px;
        width: 95px;
        height: 150px;
        bottom: -40px;
        right: -30px;
    }
    #listing #kaiketsu_Area .partner .title{
        font-size: 15px;
        margin: 10px 0 20px 0;
    }
    #listing #kaiketsu_Area .partner figure{
        float: none;
        margin: 0 0 10px 0;
        text-align: center;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* サービス */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #service_Area .row{
    overflow: hidden;
    margin:0 0 50px 0;
}
#listing #service_Area .left{
    float: left;
}
#listing #service_Area .right{
    float: right;
}
#listing #service_Area .text{
    width:50%;
}
#listing #service_Area .text h3{
    margin: 0 0 40px 0;
    padding: 12px 0 12px 120px;
    font-size: 28px;
    font-weight: bold;
}
#listing #service_Area .text h3.service1{
    background: url("../images/listing/t_service01.png") no-repeat center left;
    background-size: 88px;
}
#listing #service_Area .text h3.service2{
    background: url("../images/listing/t_service02.png") no-repeat center left;
    background-size: 101px;
}
#listing #service_Area .text h3.service3{
    background: url("../images/listing/t_service03.png") no-repeat center left;
    background-size: 99px;
}
#listing #service_Area .photo{
    width:calc(50% - 60px);
}
@media only screen and (max-width: 1240px) {
    #listing #service_Area .row{
        margin:0 0 4vw 0;
    }
    #listing #service_Area .text{
        width:50%;
    }
    #listing #service_Area .text h3{
        margin: 0 0 3.2vw 0;
        padding: 10px 0 10px 9.6vw;
        font-size: 2vw;
    }
    #listing #service_Area .text h3.service1{
        background: url("../images/listing/t_service01.png") no-repeat center left;
        background-size: 7vw;
    }
    #listing #service_Area .text h3.service2{
        background: url("../images/listing/t_service02.png") no-repeat center left;
        background-size: 8.1vw;
    }
    #listing #service_Area .text h3.service3{
        background: url("../images/listing/t_service03.png") no-repeat center left;
        background-size: 7.9vw;
    }
    #listing #service_Area .photo{
        width:calc(50% - 4.8vw);
    }
}
@media only screen and (max-width: 850px) {
    #listing #service_Area .row{
        margin:0 0 40px 0;
    }
    #listing #service_Area .left{
        float: none;
    }
    #listing #service_Area .right{
        float: none;
    }
    #listing #service_Area .text{
        width:100%;
        margin:0 0 20px 0;
    }
    #listing #service_Area .text h3{
        margin: 0 0 4.7vw 0;
        padding: 1.4vw 0 1.4vw 14.1vw;
        font-size: 3.2vw;
    }
    #listing #service_Area .text h3.service1{
        background: url("../images/listing/t_service01.png") no-repeat center left;
        background-size: 10.3vw;
    }
    #listing #service_Area .text h3.service2{
        background: url("../images/listing/t_service02.png") no-repeat center left;
        background-size: 11.8vw;
    }
    #listing #service_Area .text h3.service3{
        background: url("../images/listing/t_service03.png") no-repeat center left;
        background-size: 11.6vw;
    }
    #listing #service_Area .photo{
        width:100%;
        text-align: center;
    }
}
@media only screen and (max-width: 550px) {
    #listing #service_Area .text h3{
        margin: 0 0 20px 0;
        padding: 7px 0 7px 70px;
        font-size: 17px;
    }
    #listing #service_Area .text h3.service1{
        background: url("../images/listing/t_service01.png") no-repeat center left;
        background-size: 56px;
    }
    #listing #service_Area .text h3.service2{
        background: url("../images/listing/t_service02.png") no-repeat center left;
        background-size: 64px;
    }
    #listing #service_Area .text h3.service3{
        background: url("../images/listing/t_service03.png") no-repeat center left;
        background-size: 63px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* ぺこリージョン */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #peccolision_Area .row{
    overflow: hidden;
}
#listing #peccolision_Area .left{
    float: left;
    width:50%;
}
#listing #peccolision_Area .right{
    float: right;
    width:50%;
    text-align: center;
    padding: 0 30px;
}
#listing #peccolision_Area .btn{
    margin:30px 0 0 0;
    z-index: 1;
    position: relative;
}
#listing #peccolision_Area .btn a{
    background: url("../images/listing/arrow01.png") no-repeat right 20px center #ff8600;
    background-size: 8px;
    border-radius: 50px;
    padding: 20px 40px 20px 20px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    z-index: 1;
}
@media only screen and (max-width: 850px) {
    #listing #peccolision_Area .left{
        float: none;
        width:100%;
    }
    #listing #peccolision_Area .right{
        float: none;
        width:100%;
        padding: 0 30px;
        margin:20px 0 0 0;
    }
    #listing #peccolision_Area .btn{
        margin:3.5vw 0 0 0;
    }
    #listing #peccolision_Area .btn a{
        background: url("../images/listing/arrow01.png") no-repeat right 15px center #ff8600;
        background-size: 6px;
        padding: 10px 30px 10px 20px;
        font-size: 15px;
        display: inline-block;
    }
}
/*------------------------------------------------------------------------------------------------------------------------*/
/* ディスプレイ広告 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #display_Area .row{
    overflow: hidden;
}
#listing #display_Area .right{
    float: right;
    width:50%;
}
#listing #display_Area .left{
    float: left;
    width:50%;
    text-align: center;
    padding: 0 30px;
}
#listing #display_Area .banner{
    margin:30px 0 0 0;
    text-align: center;
}
@media only screen and (max-width: 850px) {
    #listing #display_Area .right{
        float: none;
        width:100%;
    }
    #listing #display_Area .left{
        float: none;
        width:100%;
        padding: 0 30px;
        margin:20px 0 0 0;
    }
    #listing #display_Area .banner{
        margin:10px 0 0 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* SNS広告の活用 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #sns_Area .row{
    overflow: hidden;
}
#listing #sns_Area .right{
    float: right;
    width:50%;
    text-align: center;
    padding: 0 30px;
}
#listing #sns_Area .left{
    float: left;
    width:50%;
}
@media only screen and (max-width: 850px) {
    #listing #sns_Area .right{
        float: none;
        width:100%;
        padding: 0 50px;
        margin:20px 0 0 0;
    }
    #listing #sns_Area .left{
        float: none;
        width:100%;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 広告運用代行の作業内容 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #job_Area .ballon{
    position: relative;
    display: inline-block;
    margin: 0 0 40px 0;
    padding: 30px 50px;
    background: #ffffff;
    box-shadow: 0 7px 30px rgba(0,0,0,0.2);
    border-radius: 20px;
    width: 100%;
    text-align: center;
}
#listing #job_Area .ballon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #ffffff;
}
#listing #job_Area .list dl{
    margin: 0;
}
#listing #job_Area .list dl:nth-child(2n+1){
    background: #f0f3e4;
}
#listing.chiryouin #job_Area .list dl:nth-child(2n+1){
    background: #f4f2ec;
}
#listing #job_Area .list dl dt{
    margin:0;
    display: inline-block;
    vertical-align: top;
    width: 240px;
    font-size: 18px;
    font-weight: bold;
    padding: 25px;
}
#listing #job_Area .list dl dd{
    margin:0;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 250px);
    font-size: 14px;
    padding: 25px 25px 25px 0;
}
@media only screen and (max-width: 850px) {
    #listing #job_Area .ballon{
        margin: 0 0 4.7vw 0;
        padding: 3.5vw 5.8vw;
    }
    #listing #job_Area .ballon:before {
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #ffffff;
    }
    #listing #job_Area .list dl{
        padding: 20px;
    }
    #listing #job_Area .list dl dt{
        margin:0 0 10px 0;
        display: block;
        width: 100%;
        font-size: 14px;
        padding: 0;
    }
    #listing #job_Area .list dl dd{
        margin:0;
        display: block;
        width: 100%;
        font-size: 12px;
        padding: 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 料金について */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #price_Area .plan{
    display: flex;
    justify-content: space-between;
    margin: 50px 0 30px 0;
}
#listing #price_Area .red{
    color: #ff3600;
}
#listing #price_Area .plan .plan_box{
    width:calc((100% - 40px) / 2);
    background: #ffffff;
    border-radius: 20px;
    text-align: center;
    position: relative;
    line-height: 1.1;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#listing #price_Area .plan .plan_box .title{
    padding: 30px 0;
    border-radius: 20px 20px 0 0;
    color: #ffffff;
    font-size: 31px;
    font-weight: bold;
}
#listing #price_Area .plan .plan_box .title .small{
    font-size: 77%;
}
#listing #price_Area .plan .plan_box .title .middle{
    font-size: 112%;
}
#listing #price_Area .plan .plan_box .title .large{
    font-size: 142%;
}
#listing #price_Area .plan .plan_box .title .red{
    color:#ff3600;
}
#listing.chiryouin #price_Area .plan .plan_box.plan2 .title .red{
    color:#ffe400;
}
#listing #price_Area .plan .plan_box.plan1 .title{
    background: #c9e032;
}
#listing.chiryouin #price_Area .plan .plan_box.plan1 .title{
    background: #ffcc00;
}
#listing #price_Area .plan .plan_box.plan2 .title{
    background: #ffc600;
}
#listing.chiryouin #price_Area .plan .plan_box.plan2 .title{
    background: #ff7200;
}
#listing #price_Area .plan .plan_box.plan1 .title::after{
    content: "";
    background: url("../images/listing/img_price01.png") no-repeat center center;
    background-size:58px;
    width: 58px;
    height: 138px;
    position: absolute;
    left: 20px;
    top: -30px;
}
#listing #price_Area .plan .plan_box.plan2 .title::after{
    content: "";
    background: url("../images/listing/img_price02.png") no-repeat center center;
    background-size:63px;
    width: 63px;
    height: 141px;
    position: absolute;
    right: 20px;
    top: -30px;
}
#listing #price_Area .plan .plan_box dl{
    margin:0 20px;
    padding: 30px;
    border-bottom: solid 1px #aaaaaa;
}
#listing #price_Area .plan .plan_box dl:last-child{
    border-bottom: none;
}
#listing #price_Area .plan .plan_box dt{
    font-size: 19px;
}
#listing #price_Area .plan .plan_box dd{
    margin: 5px 0 0 0;
    padding: 0;
}
#listing #price_Area .plan .plan_box dd .price{
    font-size: 29px;
    font-weight: bold;
}
#listing #price_Area .plan .plan_box dd p{
    margin:20px 0 0 0;
}
#listing #price_Area .example{
    background: #ffffff;
    margin:40px 0 0 0;
    padding: 20px 40px;
    position: relative;
}
#listing #price_Area .example::before{
    background: url("../images/listing/img_price03.png") no-repeat center bottom;
    background-size: 236px;
    width:236px;
    height: 240px;
    content: "";
    position: absolute;
    bottom:0;
    left: -30px;
}
#listing #price_Area .example dl{
    border-bottom: solid 1px #dcdcdc;
    margin:20px 0 0 170px;
    padding: 0 0 20px 0;
}
#listing #price_Area .example dl:last-child{
    border-bottom:none;
}
#listing #price_Area .example dt{
    font-size: 20px;
    font-weight: bold;
}
#listing #price_Area .example dt span{
    background: #ffc600;
    width:40px;
    height: 40px;
    border-radius: 100%;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    margin:0 10px 0 0;
    padding: 5px;
}
#listing #price_Area .example dt span{
    background: #ff8600;
}
#listing #price_Area .example dd{
    margin: 0;
    font-size: 20px;
}
#listing #price_Area .example dd span{
    font-weight: bold;
    font-size: 120%;
}
#listing #price_Area .example dd span.large{
    font-weight: bold;
    font-size: 140%;
}
@media only screen and (max-width: 850px) {
    #listing #price_Area .plan{
        display: block;
        margin: 9.8vw 0 3.5vw 0;
    }
    #listing #price_Area .plan .plan_box{
        width:100%;
        margin:0 0 20px 0;
    }
    #listing #price_Area .plan .plan_box .title{
        padding: 3.5vw 0;
    }
    #listing #price_Area .plan .plan_box dl{
        margin:0 2.3vw;
        padding: 3.5vw;
    }
    #listing #price_Area .example{
        margin:4.7vw 0 0 0;
        padding: 2.3vw 4.7vw;
    }
    #listing #price_Area .example::before{
        background: url("../images/listing/img_price03.png") no-repeat center bottom;
        background-size: 27.7vw;
        width:27.7vw;
        height: 28vw;
        left: -3.5vw;
    }
    #listing #price_Area .example dl{
        margin:2.3vw 0 0 20vw;
        padding: 0 0 2.3vw 0;
    }
    #listing #price_Area .example dt{
        font-size: 2.3vw;
    }
    #listing #price_Area .example dt span{
        width:4.7vw;
        height: 4.7vw;
        font-size: 2.1vw;
        margin:0 1.1vw 0 0;
        padding: 0.5vw;
    }
    #listing #price_Area .example dd{
        font-size: 2.3vw;
    }
}
@media only screen and (max-width: 550px) {
    #listing #price_Area .plan .plan_box .title{
        font-size: 5.6vw;
    }
    #listing #price_Area .plan .plan_box.plan1 .title::after{
        background: url("../images/listing/img_price01.png") no-repeat center center;
        background-size:10.5vw;
        width: 10.5vw;
        height: 25vw;
    }
    #listing #price_Area .plan .plan_box.plan2 .title::after{
        background: url("../images/listing/img_price02.png") no-repeat center center;
        background-size:11.4vw;
        width: 11.4vw;
        height: 25.6vw;
    }
    #listing #price_Area .plan .plan_box dt{
        font-size: 3.4vw;
    }
    #listing #price_Area .plan .plan_box dd .price{
        font-size: 5.2vw;
    }
    #listing #price_Area .plan .plan_box dd p{
        margin:3.6vw 0 0 0;
    }
    #listing #price_Area .example::before{
        display: none;
    }
    #listing #price_Area .example dl{
        margin:2.3vw 0 0 0;
        padding: 0 0 2.3vw 0;
    }
    #listing #price_Area .example dt{
        font-size: 16px;
    }
    #listing #price_Area .example dt span{
        width:4.7vw;
        height: 4.7vw;
        font-size: 2.1vw;
        margin:0 1.1vw 0 0;
        padding: 0.5vw;
    }
    #listing #price_Area .example dd{
        font-size: 2.9vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 治療院さま向けプログラム */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #chiryoin_Area{
    background:  url("../images/listing/bg_chiryoin02.png") no-repeat right center,url("../images/listing/bg_chiryoin01.png") no-repeat left center;
    background-size: contain,cover;
}
#listing #chiryoin_Area .wrapper2{
    position: relative;
}
#listing #chiryoin_Area .title{
    background: #ffffff;
    margin: 0 0 30px 0;
    padding: 10px 20px;
    color: #ff8600;
    font-size: 34px;
    font-weight: bold;
    display: inline-block;
    z-index: 1;
    position: relative;
}
#listing #chiryoin_Area p{
    width:50%;
    z-index: 1;
    position: relative;
}
#listing #chiryoin_Area .btn{
    margin:30px 0 0 0;
    z-index: 1;
    position: relative;
}
#listing #chiryoin_Area .btn a{
    background: url("../images/listing/arrow01.png") no-repeat right 20px center #ff8600;
    background-size: 8px;
    border-radius: 50px;
    padding: 20px 40px 20px 20px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    z-index: 1;
}
#listing #chiryoin_Area .image{
    position: absolute;
    right:-80px;
    bottom:-100px;
    z-index: 0;
}
@media only screen and (max-width: 1260px){
    #listing #chiryoin_Area .image{
        bottom:-8.1vw;
        width:42.8vw;
        right: -6.3vw;
        min-width: 59%;
    }
}
@media only screen and (max-width: 850px) {
    #listing #chiryoin_Area{
        background: url("../images/listing/bg_chiryoin01.png") no-repeat left top #e4e8ea;
        background-size: 200%;
    }
    #listing #chiryoin_Area .title{
        margin: 0 0 3.5vw 0;
        padding: 1.1vw 2.3vw;
        font-size: 20px;
        display: block;
        text-align: center;
    }
    #listing #chiryoin_Area p{
        width:100%;
    }
    #listing #chiryoin_Area .btn{
        margin:3.5vw 0 0 0;
    }
    #listing #chiryoin_Area .btn a{
        background: url("../images/listing/arrow01.png") no-repeat right 15px center #ff8600;
        background-size: 6px;
        padding: 10px 30px 10px 20px;
        font-size: 15px;
        display: inline-block;
    }
    #listing #chiryoin_Area .image{
        position: relative;
        right:auto;
        z-index: 0;
        width: 100%;
        text-align: center;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* リスティング広告の実績 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #voice_Area .voice_box{
    margin: 0 0 50px 0;
}
#listing #voice_Area .ballon{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 25px;
    background: #FFF;
    border: solid 5px #e8e8e8;
    box-sizing: border-box;
    border-radius: 20px;
    width: 100%;
}
#listing #voice_Area .ballon::before {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -18px;
    border: 18px solid transparent;
    border-top: 17px solid #FFF;
    z-index: 2;
}
#listing #voice_Area .ballon::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -25px;
    border: 25px solid transparent;
    border-top: 25px solid #e8e8e8;
    z-index: 1;
}
#listing #voice_Area .ballon .title{
    font-size: 162.5%;
    font-weight: bold;
    color: #ffb400;
    margin:0 0 10px 0;
}
#listing.chiryouin #voice_Area .ballon .title{
    color: #ff8600;
}
#listing #voice_Area .prof{
    text-align: center;
    margin:30px 0 0 0;
}
#listing #voice_Area .prof .photo{
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    text-align: right;
    padding: 0 30px 0 0;
}
#listing #voice_Area .prof .name{
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    text-align: left;
    font-size: 20px;
}
#listing #voice_Area .prof .name span{
    font-size: 120%;
    font-weight: bold;
}
@media only screen and (max-width: 550px) {
    #listing #voice_Area .ballon{
        padding: 4.5vw;
    }
    #listing #voice_Area .prof{
        margin:5.4vw 0 0 0;
    }
    #listing #voice_Area .prof .photo{
        padding: 0 5.4vw 0 0;
    }
    #listing #voice_Area .prof .photo img{
        width:25.4vw
    }
    #listing #voice_Area .prof .name{
        font-size: 15px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* リスティング広告の実績 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #faq_Area dl{
    margin:0 0 10px 0;
}
#listing #faq_Area dl:first-child{
    margin-top: 60px;
}
#listing #faq_Area dt{
    background: url("../images/listing/arrow02.png") no-repeat center right 25px #f4f5e7;
    background-size: 14px;
    padding: 25px 45px 25px 75px;
    font-size: 18px;
    font-weight: bold;
    text-indent: -2.5em;
}
#listing.chiryouin #faq_Area dt{
    background: url("../images/listing/arrow02.png") no-repeat center right 25px #fef9ee;
    background-size: 14px;
}
#listing #faq_Area dt.active{
    background: url("../images/listing/arrow03.png") no-repeat center right 25px #f4f5e7;
    background-size: 14px;
}
#listing.chiryouin #faq_Area dt.active{
    background: url("../images/listing/arrow03.png") no-repeat center right 25px #fef9ee;
    background-size: 14px;
}
#listing #faq_Area dt::before{
    content: "Q";
    color: #ffc600;
    font-size: 177%;
    font-weight: bold;
    margin:0 20px 0 0;
    vertical-align: middle;
}
#listing.chiryouin #faq_Area dt::before{
    color: #ff8600;
}
#listing #faq_Area dd{
    margin: 20px 0 20px 2em;
    padding: 0 0 0 35px;
    text-indent: -2.5em;
    font-size: 87.5%;
    display: none;
}
#listing #faq_Area dd::before{
    content: "A";
    color: #afd112;
    font-size: 228.7%;
    font-weight: bold;
    margin:0 20px 0 0;
    vertical-align: middle;
    line-height: 1;
}
#listing.chiryouin #faq_Area dd::before{
    color: #ffcc00;
}
@media only screen and (max-width: 850px) {
    #listing #faq_Area dl:first-child{
        margin-top: 7vw;
    }
    #listing #faq_Area dt{
        padding: 2.9vw 45px 2.9vw 12vw;
        font-size: 14px;
        line-height: 1.5;
    }
    #listing #faq_Area dd{
        margin: 20px 0 20px 1.1em;
        padding: 0 0 0 35px;
        text-indent: -2.5em;
        font-size: 87.5%;
        display: none;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 紹介 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #pr_Area .row{
    overflow: hidden;
}
#listing #pr_Area .left{
    float: left;
    width: calc(50% - 40px);
}
#listing #pr_Area .right{
    float: right;
    width:50%;
}
#listing #pr_Area .title{
    margin:50px 0 ;
    font-size: 60px;
    color: #ff6c00;
    line-height: 1.4;
}
@media only screen and (max-width: 1260px){
    #listing #pr_Area .title{
        font-size: 4.6vw;
    }
}
@media only screen and (max-width: 850px){
    #listing #pr_Area .left{
        float: none;
        width: 100%;
    }
    #listing #pr_Area .right{
        float: none;
        width:100%;
        text-align: center;
    }
    #listing #pr_Area .title{
        margin:5.8vw 0 ;
        font-size: 8.5vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 受賞歴 */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #gpgo_Area .row{
    overflow: hidden;
}
#listing #gpgo_Area .left{
    float: left;
    width:50%;
}
#listing #gpgo_Area .right{
    float: right;
    width: calc(50% - 40px);
}
#listing #gpgo_Area .title{
    margin:0 0 20px 0 ;
    padding: 40px 0 30px 0;
    font-size: 32px;
    font-weight: bold;
    color: #ff6c00;
    line-height: 1.4;
    background: url("../images/listing/img_gpgo01.png") no-repeat right top;
    background-size: 164px;
}
#listing.chiryouin #gpgo_Area .title{
    color: #ff8600;
}
@media only screen and (max-width: 1260px){
    #listing #gpgo_Area .title{
        font-size: 2.5vw;
    }
}
@media only screen and (max-width: 850px){
    #listing #gpgo_Area .left{
        float: none;
        width: 100%;
    }
    #listing #gpgo_Area .right{
        float: none;
        width:100%;
    }
    #listing #gpgo_Area .title{        
        margin:0 0 2.3vw 0 ;
        padding: 4.7vw 0 3.5vw 0;
        font-size: 4.8vw;
        background: url("../images/listing/img_gpgo01.png") no-repeat right top;
        background-size: 19.2vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (08)フォーム */
/*------------------------------------------------------------------------------------------------------------------------*/
#listing #form table{
	margin: 60px 0 60px 0;
	width: 100%;
    border:none;
}
#listing #form table th{
	padding:10px 0 40px 0;
	width: 250px;
	vertical-align: top;
	font-size: 20px;
    font-weight: bold;
    border:none;
}
#listing #form table th .hissu{
	font-size: 16px;
	color: #fe2f2f;
    background: #fffc02;
    border-radius: 6px;
    margin:0 0 0 10px;
    padding: 4px 15px;
    display: inline-block;
}
#listing.chiryouin #form table th .hissu{
	color: #ffffff;
    background: #ff6934;
}
#listing #form table td{
	padding:0;
	vertical-align: top;
    border:none;
}
#listing #form input[type="text"],
#listing #form input[type="email"],
#listing #form input[type="tel"],
#listing #form textarea{
	background: #eeeeee;
	padding: 20px;
	border:none;
	width: 100%;
	font-size: 18px;
    border-radius: 10px;
}
#listing #form textarea{
	height: 200px;
}
#listing #form .btn{
	text-align: center;
	margin: 50px 0 0 0;
}
#listing #form .btn input[type="submit"]{
    border: none;
    border-radius: 50px;
    background: #f0dd3d;
    color: #2b1c18;
    text-decoration: none;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 60px;
    display: inline-block;
    max-width: 400px;
    width:100%;
}
#listing.chiryouin #form .btn input[type="submit"]{
    background: #ff8600;
    color: #ffffff;
}
#listing #form .btn input[type="submit"]:hover{
    background: #ffc000;
    transition:all 0.5s ease 0s;
}
#listing.chiryouin #form .btn input[type="submit"]:hover{
    background: #ff6000;
}
@media only screen and (max-width: 750px) {
	#listing #form table{
		margin: 4vw 0;
	}
	#listing #form table th{
		padding:0 0 0 0;
		display: block;
		width: 100%;
        font-size: 18px;
	}
	#listing #form table th .hissu{
		margin: 0 0 0 10px;
		padding: 5px 10px;
        font-size: 16px;
	}
	#listing #form table td{
		padding:5px 0 10px 0;
		display: block;
		width: 100%;
        border-top: none;
	}
	#listing #form .btn{
		margin: 30px 0 0 0;
	}
	#listing #form .btn input{
		width: 100%;
	}
    #listing #form .btn input[type="submit"]{
        font-size: 18px;
        padding:15px 0;
    }
}


/*------------------------------------------------------------------------------------------------------------------------*/
/* GMBサービス */
/*------------------------------------------------------------------------------------------------------------------------*/
#gmb {
  background: #FFFFFF;
  color: #333333;
  font-size: 16px;
  font-family: 'M PLUS 1p' ;
  line-height: 1.8;
　text-align: justify;
}
#gmb ul{
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 850px) {
    #gmb{font-size: 14px;}
}
* html #gmb {	/* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#gmb a{ color:#ff6c00; text-decoration: underline;}
#gmb a:link{ color:#ff6c00; text-decoration: underline;}
#gmb a:visited{ color:#ff6c00; text-decoration: underline;}
#gmb a:hover{ color:#ff6c00; text-decoration: none;}

#gmb a:focus, *:focus { outline:none; }

#gmb a img:hover{opacity: 0.5; transition:all 0.5s ease 0s;}

#gmb p{ margin:0;}
#gmb .tal{ text-align:left;}
#gmb .tac{ text-align:center;}
#gmb .tar{ text-align:right;}
#gmb .strong{font-weight: bold;}
#gmb .font210p{font-size: 210%;}@media only screen and (max-width: 750px) {#gmb .font210p{font-size: 5vw;}}

#gmb .sp  { display:none}
#gmb .pc  { display:inline;}
@media only screen and (max-width: 850px) {
	#gmb .sp  { display:inline;}
	#gmb .pc  { display:none;}
}

#gmb .wrapper{
	max-width:1200px;
	width: 100%;
	margin:0 auto;
    position: relative;
}
#gmb .wrapper2{
    max-width:800px;
    width: 100%;
    margin:0 auto;
    position: relative;
}
#gmb section{
    padding: 100px 0;
}
@media only screen and (max-width:1260px) {
    #gmb .wrapper{
        width: calc(100% - 60px);
    }
    #gmb section{
        padding: 8.1vw 0;
    }
}
@media only screen and (max-width: 850px) {
    #gmb .wrapper{
        width: calc(100% - 40px);
    }
    #gmb .wrapper2{
        width: calc(100% - 40px);
    }
}

/*MV*/
#gmb #mv{
    background: url("../images/gmb/mv.png") no-repeat right center;
    background-size: 394px;
    max-width:850px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}
#gmb #mv h1{
    font-size: 50px;
    font-weight: bold;
}
#gmb #mv .btn a{
    background: #ff9200;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    width: 370px;
    margin: 30px 0 0 0;
    padding: 20px 0;
    font-size: 24px;
    text-align: center;
    display: block;
}
#gmb #mv .btn a:hover{
    background: #fdb900;
}
#gmb .title1{
    background: #ffd943;
    font-size: 34px;
    font-weight: bold;
    margin: 0 0 60px 0;
    padding: 30px 0;
    text-align: center;
    position: relative;
}
#gmb .title1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 30px solid #ffd943;
}
#gmb .onayami ul{
    display: table;
    margin: 0 auto;
    position: relative;
}
#gmb .onayami ul::after{
    display: block;
    background: url("../images/gmb/arrow01.png") no-repeat center center;
    background-size: 245px;
    height: 70px;
    content: "";
    margin: 50px 0;
}
#gmb .onayami li{
    background: url("../images/gmb/icn_check.svg") no-repeat left top 11px;
    padding: 0 0 0 50px;
    font-size: 30px;
    margin: 0 0 10px 0;
}
@media only screen and (max-width: 750px) {
    #gmb #mv{
        background-size: 52.5vw;
        padding: 10.6vw 0;
    }
    #gmb #mv h1{
        font-size: 6.6vw;
    }
    #gmb #mv .btn a{
        width: 49.3vw;
        margin: 4vw 0 0 0;
        padding: 2.6vw 0;
        font-size: 18px;
    }
    #gmb .title1{
        font-size: 4.5vw;
        margin: 0 0 8vw 0;
        padding: 4vw 0;
    }
    #gmb .title1:before {
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 20px solid #ffd943;
    }
    #gmb .onayami ul::after{
        background-size: 32.6vw;
        height: 9.3vw;
        margin: 6.6vw 0;
    }
    #gmb .onayami li{
        background: url("../images/gmb/icn_check.svg") no-repeat left top 1.4vw;
        background-size: 4.6vw;
        padding: 0 0 0 6.6vw;
        font-size: 4vw;
        margin: 0 0 1.3vw 0;
    }
}
/*サービス*/
#gmb .title2{
    background: #fffcb6;
    margin: 60px 0;
    padding: 50px 0;
    text-align: center;
    position: relative;
    border-top:solid 3px #ffc90d;
}
#gmb .title2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 30px solid #fffcb6;
}
#gmb .title2 h2{
    font-size: 52px;
    font-weight: bold;
    color: #ff9200;
    line-height: 1;
    margin: 0 0 30px 0;
}
#gmb .title2 p{
    font-size: 20px;
}
#gmb .title3{
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    position: relative;
    margin: 0 0 50px 0;
}
#gmb .title3::after{
    content: "";
    width: 100px;
    height: 3px;
    background: #ff9200;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 50px);
}
#gmb .service ul{
    display: table;
    margin: 0 auto;
    position: relative;
}
#gmb .service li{
    background: url("../images/gmb/icn_arrow.svg") no-repeat left top 2px;
    margin: 0 0 30px 0;
    padding: 0 0 0 50px;
    font-size: 30px;
    line-height: 1;
}
#gmb .service#start li{
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
#gmb .service li span{
    font-size: 18px;
}
#gmb .price{
    border:solid 2px #0070c6;
    background: #e8f7fa;
    margin: 50px 0;
    padding: 50px 0;
    text-align: center;
    line-height: 1.1;
    font-size: 40px;
}
#gmb .price p span{
    font-size: 140%;
}
#gmb .price p.org{
    font-size: 48px;
    font-weight: bold;
    color: #ff9200;
    background: linear-gradient(transparent 80%, #eaff00 0%);
    position: relative;
    display: inline-block;
    margin: 20px 0;
}
#gmb .price p span{
    font-size: 170%;
}
#gmb .price p.red{
    font-size: 20px;
    font-weight: bold;
    color: #ff3333;
}
#gmb .price .btn a{
    background: #ff9200;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    width: 360px;
    margin: 30px 0 0 0;
    padding: 20px 0;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
#gmb .price .btn a:hover{
    background: #fdb900;
}
#gmb .title4{
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
@media only screen and (max-width: 750px) {
    #gmb .title2{
        margin: 8vw 0;
        padding: 6.6vw 0;
        border-top:solid 2px #ffc90d;
    }
    #gmb .title2:before {
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 20px solid #fffcb6;
    }
    #gmb .title2 h2{
        font-size: 6.9vw;
        margin: 0 0 4vw 0;
    }
    #gmb .title2 p{
        font-size: 14px;
    }
    #gmb .title3{
        font-size: 4.5vw;
        margin: 0 0 9.4vw 0;
    }
    #gmb .title3::after{
        width: 50px;
        height: 2px;
        bottom: -15px;
        left: calc(50% - 25px);
    }
    #gmb .service li{
        background: url("../images/gmb/icn_arrow.svg") no-repeat left top 2px;
        background-size: 3.4vw;
        margin: 0 0 4vw 0;
        padding: 0 0 0 6.6vw;
        font-size: 4vw;
    }
    #gmb .service#start li{
        display: block;
        width: 100%;
    }
    #gmb .service li span{
        font-size: 10px;
    }
    #gmb .price{
        margin: 6.6vw 0;
        padding: 6.6vw 10px;
        font-size: 5.3vw;
    }
    #gmb .price p span{
        font-size: 130%;
    }
    #gmb .price p.org{
        font-size: 6vw;
        margin: 10px 0;
    }
    #gmb .price p span{
        font-size: 160%;
    }
    #gmb .price p.red{
        font-size: 14px;
    }
    #gmb .price .btn a{
        width: 100%;
        margin: 4vw 0 0 0;
        padding: 2.6vw 0;
        font-size: 18px;
    }
    #gmb .title4{
        font-size: 4.5vw;
        margin: 0 0 2.6vw 0;
    }
}
/*フォーム*/
#gmb #form table{
	margin: 40px 0 60px 0;
	width: 100%;
    border:none;
    border-top:solid 3px #ff9200;
}
#gmb #form table th{
	padding:30px 0 10px 0;
	width: 250px;
	vertical-align: top;
	font-size: 20px;
    font-weight: bold;
    border:none;
}
#gmb #form table th .hissu{
	font-size: 18px;
	color: #ffffff;
    background: #ff4c2f;
    border-radius: 10px;
    margin:0 20px 0 0;
    padding: 4px 15px;
    display: inline-block;
    float: right;
}
#gmb #form table td{
	padding:20px 0 0 0;
	vertical-align: top;
    border:none;
}
#gmb #form input[type="text"],
#gmb #form input[type="email"],
#gmb #form input[type="tel"],
#gmb #form textarea{
	background: #eeeeee;
	padding: 20px;
	border:none;
	width: 100%;
	font-size: 18px;
    border-radius: 10px;
}
#gmb #form textarea{
	height: 200px;
}
#gmb #form .btn{
	text-align: center;
	margin: 50px 0 0 0;
}
#gmb #form .btn input[type="submit"]{
    border: none;
    border-radius: 5px;
    background: #ff9200;
    color: #ffffff;
    text-decoration: none;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 60px;
    display: inline-block;
    max-width: 360px;
    width:100%;
}
#gmb #form .btn input[type="submit"]:hover{
    background: #ffc000;
    transition:all 0.5s ease 0s;
}
@media only screen and (max-width: 750px) {
	#gmb #form table{
		margin: 4vw 0;
	}
	#gmb #form table th{
		padding:10px 0 0 0;
		display: block;
		width: 100%;
        font-size: 18px;
	}
	#gmb #form table th .hissu{
		margin: 0 0 0 10px;
		padding: 3px 10px;
        font-size: 16px;
        float: none;
	}
	#gmb #form table td{
		padding:5px 0 10px 0;
		display: block;
		width: 100%;
        border-top: none;
	}
	#gmb #form .btn{
		margin: 30px 0 0 0;
	}
	#gmb #form .btn input{
		width: 100%;
	}
    #gmb #form .btn input[type="submit"]{
        font-size: 18px;
        padding:15px 0;
    }
}