@charset "UTF-8";
/* ===========================================================

トップページ_渋谷店

=========================================================== */

@import url('https://fonts.googleapis.com/css?family=Oswald');

/*------------------------------------------------------------
共通
------------------------------------------------------------*/
/* 外部リンク */
.outside_link {
    position: relative;
    font-size: 14px;
    display: inline-block;
}
.outside_link:after {
    content: "";
    display: inline-block;
    background: url(../images/common/ico_outside_link.png) no-repeat;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 5px;
    right: -20px;
}
.outside_link span {
    color: #0aafc5;
    display: inline-block;
    border-bottom: 1px solid #0aafc5;
}


/*------------------------------------------------------------
メインビジュアル
------------------------------------------------------------*/
/*--------20180627 background:url変更--------*/
.bg_wrap {
    z-index: 10;
}

.mv {
    margin-bottom: 0;
    background: url(../images/shibuya/mv_bk_pink.jpg);
    background-position:  center;
}

.mv__inner {
    padding: 0;
}

.mv_next {
    background-color: #fff;
    z-index: 1;
    margin: -7px 0 40px;
}

.mv_next_box1 {
    margin: 0 auto;
    padding: 34px 0 40px;
}

.mv_next_box2 {
    margin: 0 auto;
}

/*--------20180628 元.topics__supplying配置変更--------*/
.mv_next__supplying {
    margin: 30px auto 0;
}

.mv_next__supplying .hidden--s {
    background: #f2f2f2;
    padding: 15px;
    overflow: hidden;
}

.mv_next__supplying .hidden--s img {
    margin-bottom: 20px;
}


@media screen and (min-width: 768px) {
    /*--------20180627 background:url変更--------*/
    .bg_white {
        background-color: #fff;
        padding-bottom: 0;
    }

    .mv {
        margin-bottom: 0;
    }

    .mv__inner {
        max-width: 1500px;
        padding: 20px 30px 30px;
        margin: auto;
    }

    .mv_next {
        margin-bottom: 60px;
    }

    .mv_next_box1 {
        padding-right: 0;
        padding-left: 0;
    }
    .mv_next_box2 {
        padding: 0;
    }

    .mv_next_box2 img {
        margin: 0 auto;
    }

    /*--------20180628 元.topics__supplying配置変更--------*/
    .mv_next__supplying {
        margin: 60px auto 0;
    }

    .mv_next__supplying .visibility--s {
        background: #f2f2f2;
        padding: 30px;
        overflow: hidden;
    }

    .mv_next__supplying .visibility--s img {
        width: 32%;
        float: left;
        margin-right: 25px;
    }

}

/*------------------------------------------------------------
最新情報
------------------------------------------------------------*/
.news li img {
    margin-bottom: 10px;
}
.news li .news_date {
    font-size: 1.4rem;
    color: #00a6bf;
    font-weight: bold;
}
.news li h4 {
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
    transition: .2s ease-in;
}
@media screen and (min-width: 768px) {

    .news ul {
        margin:0 -10px 60px -10px;
    }
    .news li {
        margin-top: 0;
    }
    .news li a:hover img {
        opacity: 0.7;
    }
    .news li a:hover h4 {
        color: #00a6bf;
    }
    .news li .news_date {
        font-size: 1.6rem;
    }
    .news li h4 {
        font-size: 1.8rem;
    }
    .news li img {
        margin-bottom: 20px;
    }
    .news .btn01 {
        max-width: 305px;
        margin:auto;
    }
}



/*------------------------------------------------------------
就活の写真どうしよう
------------------------------------------------------------*/
.trouble {
    background: #fffbf0;
    margin-top: 0;
}
.trouble h2 {
    line-height: 1.3;
    position: relative;
}
.trouble h2:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 0;
    background:url(../images/top/ico_trouble.png) no-repeat;
    width: 55px;
    height:80px;
    background-size: contain;
}
.trouble h2:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background:url(../images/top/ico_trouble-img.png) no-repeat;
    width: 60px;
    height:65px;
    background-size: contain;
    margin:auto;
}
.trouble p {
    margin-bottom: 30px;
    font-size:1.4rem;
}
.trouble p.txt_last {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .trouble h2 {
        width: 660px;
        margin:0 auto 30px;
    }
    .trouble p {
        text-align: center;
        font-size:1.6rem;
    }
    .trouble h2:before {
        width: 70px;
        height:100px;
        top: -30px;
    }
}

/*------------------------------------------------------------
注目トピックス
------------------------------------------------------------*/
.topics ul {
    margin-bottom: 30px;
}
.topics__supplying .hidden--s {
    background: #f2f2f2;
    padding: 15px;
    overflow: hidden;
}
.topics__supplying .hidden--s img {
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .topics ul {
        margin: -30px -10px 30px;
    }
    .topics__supplying .visibility--s {
        background: #f2f2f2;
        padding: 30px;
        overflow: hidden;
    }
    .topics__supplying .visibility--s img {
        width: 32%;
        float: left;
        margin-right: 25px;
    }
}


/*------------------------------------------------------------
人気の無料オプション
------------------------------------------------------------*/
.options .fx-row,
.options .fx-col-100-xs.fx-col-50-s {
    margin-top: 0;
}


.options_list li {
    position: relative;
    padding: 15px 0px;
    font-size: 1.6rem;
}
.options_list li:after {
    content: "無料";
    display: inline-block;
    border: 1px solid #0aafc5;
    background: #fff;
    color: #0aafc5;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    height: 33px;
    text-align: center;
    margin:auto;
    font-size: 1.6rem;
    padding:3px;
    font-weight: bold;
}
.options_list.best3 li {
    font-size: 1.8rem;
    padding: 20px 0px 20px 80px;
    font-weight: bold;
}
.options_list.best3 li:first-child:before {
    content: "";
    background: url(../images/top/ico_option01@2x.png) no-repeat;
    width: 70px;
    height: 50px;
    position:absolute;
    left: 0;
    top: -10px;
    bottom: 0;
    margin:auto;
    background-size: contain;
}
.options_list.best3 li:nth-child(2):before {
    content: "";
    background: url(../images/top/ico_option02@2x.png) no-repeat;
    width: 70px;
    height: 50px;
    position:absolute;
    left: 0;
    top: -10px;
    bottom: 0;
    margin:auto;
    background-size: contain;
}
.options_list.best3 li:nth-child(3):before {
    content: "";
    background: url(../images/top/ico_option03@2x.png) no-repeat;
    width: 70px;
    height: 50px;
    position:absolute;
    left: 0;
    top: -10px;
    bottom: 0;
    margin:auto;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .options p {
        text-align: center;
    }
    .options .fx-col-50-s {
        padding: 0 40px;
    }
    .options .options_list li {
        padding: 13px 0px;
        font-size: 2.0rem;
    }
    .options_list.best3 li {
        padding: 20px 0px 20px 80px;
        font-size: 2.4rem;
    }
    .plans_in_detail p {
        text-align: left;
        padding-left: 15px;
    }
    .plans_in_detail ul {
        margin: 0 -10px;
    }
    .plans_in_detail li {
        margin-top: 0;
    }
}

@media screen and (max-width: 350px) {
    .options_list li:after {
        width: 50px;
        font-size: 1.4rem;
    }
}

/*------------------------------------------------------------
撮影の流れ
------------------------------------------------------------*/
.flow .fx-row {
    margin-top: 0;
}

.flow [class*="fx-col"] {
    margin-top: 0;
}

.flow_box {
    margin-bottom: 35px;
}

.flow .first_half,
.flow .second_half {
    position: relative;
}
.flow .first_half:before {
    content:"";
    display: inline-block;
    width: 1px;
    background-color:#aec9cd;
    position: absolute;
    left: 30px;
    height: 110%;
}
.flow .second_half:before {
    content: "";
    display: inline-block;
    width: 1px;
    background-color: #aec9cd;
    position: absolute;
    left: 30px;
    height: 280px;
}


.flow .first_half li,
.flow .second_half li {
    position: relative;
    padding-left: 75px;
    margin-bottom: 50px;
}
.flow .second_half li:last-child {
    margin-bottom: 0;
}

.flow .first_half li:before {
    content: "01";
    background: #fff;
    display: inline-block;
    border: 1px solid #00a6be;
    color: #00a6be;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    background-size: contain;
    position: absolute;
    left: 0;
    top: -15px;
    text-align: center;
    line-height: 58px;
    font-family: 'Oswald', sans-serif;
}
.flow .first_half li:nth-child(2):before {
    content: "02";
    background-size: contain;
}
.flow .first_half li:nth-child(3):before {
    content: "03";
    background-size: contain;
}
.flow .second_half li:before {
    content: "04";
    background: #fff;
    display: inline-block;
    border: 1px solid #00a6be;
    color: #00a6be;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    background-size: contain;
    position: absolute;
    left: 0;
    top: -15px;
    text-align: center;
    line-height: 58px;
    font-family: 'Oswald', sans-serif;
}
.flow .second_half li:nth-child(2):before {
    content: "05";
    background-size: contain;
}
.flow .second_half li:nth-child(3):before {
    content: "06";
    background-size: contain;
}

.flow_box ul li h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .flow h2 {
        margin-bottom: 60px;
    }
    .flow_box {
        margin:0 -30px 60px;
    }
    .flow_box .fx-col-50-s {
        padding: 0 30px;
    }
    .flow .first_half li:before {
        content: "01";
        background: #fff;
        display: inline-block;
        border: 1px solid #00a6be;
        color: #00a6be;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        font-size: 24px;
        font-weight: bold;
        background-size: contain;
        position: absolute;
        left: 0;
        top: -15px;
        text-align: center;
        line-height: 68px;
        font-family: 'Oswald', sans-serif;
    }
    .flow .second_half li:before {
        content: "04";
        background: #fff;
        display: inline-block;
        border: 1px solid #00a6be;
        color: #00a6be;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        font-size: 24px;
        font-weight: bold;
        background-size: contain;
        position: absolute;
        left: 0;
        top: -15px;
        text-align: center;
        line-height: 68px;
        font-family: 'Oswald', sans-serif;
    }
    .flow .first_half:before,
    .flow .second_half:before { 
        left: 35px;
    }
    .flow .first_half li, .flow .second_half li {
        padding-left: 85px;
    }
}

/*------------------------------------------------------------
口コミ評価No.1の理由
------------------------------------------------------------*/
.buzz .ttl_01 {
    counter-reset:sample;
    margin-bottom: 0;
}

.buzz_list dt.buzz_list_box {
    counter-increment:count;
}
.buzz_list dt.buzz_list_box:before {
    content: '0' counter(count);
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0;
    color: #e7739d;
}
.accordion dt {
    padding: 40px 0;
}
.accordion dt:after {
    content: "";
    display: inline-block;
    width: 120%;
    height: 4px;
    background: #f8d7e3;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 -20px;
}

@media screen and (min-width: 768px) {
    .buzz .ttl_01 {
        margin-bottom: 40px;
    }
	.buzz_list{
	padding: 30px;
	}
    .buzz_list dt.buzz_list_box {
        position: relative;
        margin-bottom: 30px;
    }
    .buzz_list dt.buzz_list_box.last_box {
        margin-bottom: 0;
    }
    .buzz_list dt.buzz_list_box:before {
        position: absolute;
        top: -10px;
        font-size: 36px;
    }
    .buzz_list dt.buzz_list_box h3 {
        padding-left: 50px;
        font-weight: bold;
        font-size: 2.4rem;
    }
    .buzz_list .buzz--inner {
        margin-left:50px;
        padding: 20px 0 20px 20px;
        overflow: hidden;
        display: table;

    }
    .buzz_list_box_txt {
        display: table-cell;
        vertical-align: top;
        width: 63%;
    }
    .buzz_list_box_img {
        float: right;
        display: table-cell;
        margin-left:30px;
        margin-bottom: 30px;
    }
}
@media screen and (min-width:992px) {
	.buzz_list{
	padding: 0;
	}
}


/*------------------------------------------------------------
協賛企業
------------------------------------------------------------*/
.collaboration_txt {
    text-align: center;
    margin-bottom: 40px;
}
.collaboration_ttl--s {
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
}
.collaboration_logo {
    display: block;
    margin:auto;
    width: 75%;
    height: auto;
}
.accordion--inner img {
    width: 100%;
}

.collaboration_list .whitespace {
    margin-bottom: 20px;
}


@media screen and (min-width: 768px) {
    .collaboration_logo {
        margin-bottom: 60px;
        width: 100%;
    }
    .important_link:hover {
        box-shadow: 0px 0px 0px 3px #0aafc5;
    }
    .collaboration_list dt {
        margin-bottom: 60px;
    }
    .collaboration_list dt:last-child {
        margin-bottom: 0;
    }
    .collaboration_list .img_box {
        width: 250px;
        display: inline-block;
        float: left;
        margin-right:30px;
    }
    .collaboration_ttl--s {
        font-size:2.4rem;
    }
    .collaboration_list h3 {
        font-size: 2.4rem;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .collaboration_list_inner {
        background: #f7f7f7;
        padding:30px;
        overflow: hidden;
    }
}


/*------------------------------------------------------------
就活写真の大切さ
------------------------------------------------------------*/
.important .ttl_01 {
    font-size: 2rem;
}
@media screen and (min-width: 768px) {
    .important .ttl_01 {
        font-size: 2.4rem;
    }
    .important_link {
        display: block;
    }
    .important_link img {
        width: 100%;
    }
    .important_link:hover img {
        opacity: inherit;
    }
}


/*------------------------------------------------------------
店舗紹介
------------------------------------------------------------*/
.introduction_txt {
    margin-bottom: 40px;
    text-align: center;
}

.store_introduction .store_image {
    padding-bottom: 20px;
    border-bottom: 1px solid #aec9cd;
    margin-bottom: 15px;
}

.store_introduction .store_image img {
    width: 100%;
}

.store_introduction ul {
    margin-top: 0;
}

.store_introduction ul .btn01 {
    max-width: 225px;
    padding:15px 0;
    margin: 25px auto 0;
}

.store_introduction ul .btn01 a {
    padding: 13px 0;
}
.store_introduction ul li {
    margin: 0 0 60px 0;
}
.store_introduction ul li:last-child {
    margin-bottom:40px;
}


.store_introduction .store_inner {
    border-bottom: 1px solid #aec9cd;
    padding-bottom: 20px;
}

.store_table th {
    font-size: 14px;
    color: #0aafc5;
    font-weight: bold;
    width: 100%;
    display: block;
    padding-bottom: 5px;
}
.store_table td {
    font-size: 14px;
    width: 100%;
    display: block;
    padding-bottom: 15px;
}
.shop_txt_box p {
	padding: 0 10px;
}

@media screen and (min-width: 768px) {
    .store_introduction ul {
        margin: 0 -30px ;
    }
    .store_introduction .fx-col-50-s {
        padding-left: 30px;
        padding-right: 30px;
    }
    .store_introduction .store_image {
        margin-bottom:30px;
    }
    .store_table th {
        display: inline-block;
        width: 20%;
        vertical-align: top;
    }
    .store_table td {
        display: inline-block;
        width: 80%;
        font-size: 1.6rem;
    }
}

/*------------------------------------------------------------
予約の流れ＆よくある質問
------------------------------------------------------------*/
.pick_up_menu {
    margin-bottom: 15px;
}
.pick_up_menu ul li {
    float: left;
    border-left: 4px solid #00a6be;
    width: 50%;
}
.pick_up_menu ul li:last-child {
    border-right: 4px solid #00a6be;
}
.pick_up_menu ul li a {
    text-align: center;
    font-size: 1.4rem;
    display: block;
    padding:10px;
    font-weight: bold;
}

/*------------------------------------------------------------
ブログ読み込み
------------------------------------------------------------*/

.news_blog .thumbnail {
    display: inline-block;
    height: 160px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.news_blog .thumbnail img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
    .news_blog .thumbnail {
        height: 118px;
    }
}



/*------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
20180727リニューアル
--------------------------------------------------------------
--------------------------------------------------------------
------------------------------------------------------------*/

html{
    font-size: 62.5%;
}

#wrapping_top {
    font-size: 1.4rem;
}

img {
    max-width: 100%;
    width: auto;
}

.cf:before,
.cf:after {
    display: block;
    line-height: 0;
    content: "";
}

.cf:after {
    clear: both;
}

.m_btm20 {
    margin-bottom: 20px;
}

.content_area {
    font-size: 1.4rem;
}

.shibu5 {
    background-image: url(../images/shibuya/img_shibu5_sp2_shibuya.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 56%;
}

.NHK5_pc {
    width: 22%;
    padding-top: 10px;
    margin-left: 12px;
}

.NHK5_mv {
    width: 26%;
    padding-top: 3px;
    margin-left: 2px;
}

.now {
    border: 4px solid #e7739d;
}

.now_ttl {
    background-color: #e7739d;
}

.shop_box {
    background-color: #f2f2f2;
    text-align: center;
    margin: 0 20px 10px;
}

.shop_box:first-child {
    margin-top: 20px;
}

.shop_box2 {
    background-color: #f2f2f2;
    text-align: center;
    margin: 0 20px 10px;
}

.shop_box2:first-child {
    margin-top: 0px;
}

.shop_box2:last-child {
    margin-bottom: 20px;
}

.shop_txt_box {
    padding: 20px 0;
}

.shop_txt {
    background-color: #fff;
    padding: 6px 8px;
    margin-right: 5px;
}

.osaka_box {
    margin-right: 20px;
    margin-left: 20px;
}

.osaka_p {
    color: #8d8a6f;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.li_ttl {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.now_dhc {
    padding: 0 20px;
}

.btn_gradient a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.69, #dd4d42), color-stop(0.26, #f65e52));
    background: -webkit-linear-gradient(top, #f65e52 26%, #dd4d42 69%);
    background: -moz-linear-gradient(top, #f65e52 26%, #dd4d42 69%);
    background: -o-linear-gradient(top, #f65e52 26%, #dd4d42 69%);
    background: -ms-linear-gradient(top, #f65e52 26%, #dd4d42 69%);
    background: linear-gradient(to bottom, #f65e52 26%, #dd4d42 69%);
    color: #fff;
    padding: 20px 0;
    display: block;
    text-align: center;
    font-weight: bold;
    position: relative;
    font-size: 2.0rem;
}

.btn_gradient a:hover:before {
    opacity: 1;
}

.btn_gradient a::before {
    transition: .2s ease-in;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ba423a;
    opacity: 0;
    top: 0;
    left: 0;
}

.btn_gradient a::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url(../images/common/ico_btnarrow_r@2x.png) no-repeat;
    background-size: contain;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn_gradient p {
    position: relative;
}

.web_confirmation {
    padding: 0 20px;
}

.now_company {
    padding: 0 20px;
}

.contents_ttls {
    text-align: center;
    padding-bottom: 20px;
}

.plan_imgs {
    float: left;
    width: 23%;
    margin-right: 15px;
}

.planning_box {
    border: 4px solid #e7739d;
    margin-bottom: 40px;
}

.planning_box2 {
    border: 4px solid #0aafc5;
    margin-bottom: 20px;
}

.plan_ttl {
    background-color: #e7739d;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 20px 0 20px 2px;
}

.plan_ttl_txt {
    color: #fff;
    font-size: 2.2rem;
}

.coupon_course {
    padding: 20px;
}

.more_btn {
    padding-bottom: 20px;
}

/*プラン削除のため非表示
.more_btn a:after {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
*/

.airplan {
    text-align: center;
    padding-left: 0;
}

.plan_ttl_txt2 {
    font-size: 2.4rem;
    color: #fff;
    letter-spacing: 1.0px;
}

.air_img {
    padding: 20px 20px 0;
}

.accordion--inner {
    background: none;
    padding-top: 0;
    padding-left: 0;
}

.accordion__ttl strong {
    background: linear-gradient(transparent 70%, #fffaa8 60%);
    font-weight: bold;
}

.students:after {
    content: "";
    display: inline-block;
    width: 120%;
    height: 4px;
    background: #f8d7e3;
    position: absolute;
    right: 0;
    margin: 0 -20px;
}

.select_txt_box {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.stu_left {
    float: left;
    width: 63%;
}

.stu_left strong {
    background: -webkit-linear-gradient(transparent 70%, #fffaa8 60%);
    background: -o-linear-gradient(transparent 70%, #fffaa8 60%);
    background: linear-gradient(transparent 70%, #fffaa8 60%);
    font-weight: bold;
}

.stu_right {
    float: right;
}

.pad0 {
    padding-left: 0px;
    padding-right: 0px;
}

.station {
    padding-bottom: 20px;
    text-align: center;
}

.station_ul li {
    width: 100%;
    padding-bottom: 10px;
}

.station_last {
    padding-bottom: 20px;
}

.company_box {
    padding-bottom: 20px;
}

.ttl_contents_h3 {
    padding-bottom: 25px;
    border-bottom: 4px solid #e7739d;
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
}

.ttl_contents_h3 span {
    font-size: 3.0rem;
}

.area_y {
    background-color: #fffef2;
    padding: 0 0 70px;
    margin: 0 auto;
}

.make_hair_pic {
    -webkit-display: flex;
    display: flex;
    padding: 20px 0;
}

.recruit_pic_box {
    width: 50%;
}

.recruit_pic_box:first-child {
    margin-right: 20px;
}

.pl_txt {
    padding-bottom: 20px;
}

.survice_ttl {
    position: absolute;
    top: -10px;
    left: 15px;
}

.survice_ttl img {
    width: 70%;
}

.survice_box {
    background-image: url(../images/top/bg_survice.png);
    background-repeat: repeat;
    background-size: 11px auto;
    margin: 37px 0 20px;
    padding: 10px;
    position: relative;
}

.survice_inner {
    padding: 18% 20px 40px;
    background-color: #fff;
}

.survice_ul {
    margin-top: 20px;
}

.survice_ul li {
    width: 30%;
    float: left;
}

.survice_ul li:nth-child(2) {
    margin: 0 5%;
}

.survice_ul li:nth-last-child(-n+3) {
    margin-top: 20px;
}


.survice_ul .free_li {
    margin: 0 5%;
}

.survice_ico p {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    padding-top: 10px;
}

.survice_make {
    text-decoration: underline;
    color: #0aafc5;
}

.survice_pic_ttl {
    background-color: #e7739d;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 40px;
    text-align: center;
}

.survice_pic_ttl::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #e7739d transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.survice_pic_ttl p {
    padding: 20px 22px;
}

.survice_picture {
    padding: 30px 20px 0;
    background-color: #fff6f9;
}

.survice_caption {
    padding: 20px 0;
}

.coupon_limit {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.4rem;
}

.coupon_plan_txt {
    margin: 0 auto;
}

.coupon_plan_btn {
    margin-bottom: 50px;
}

.survice_btn {
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 0;
}

.survice_btn a {
    font-size: 1.6rem;
    letter-spacing: 0.2px;
    max-width: 305px;
}

.economy_ul {
    margin-top: 20px;
}

.economy_ul li {
    width: 30%;
    float: left;
}

.economy_ul li:nth-child(2) {
    margin: 0 5%;
}

.economy_ul li:nth-child(4) {
    margin: 20px 5% 0 17%;
}

.economy_ul li:nth-child(5) {
    margin-top: 20px;
}

.detailed_area {
    padding-top: 0;
    padding-bottom: 0;
}

.details {
    padding-bottom: 40px;
}

.detailed_contents_box {
    margin-top: 60px;
}

.detailed_top_txt {
    font-size: 1.4rem;
}

.detailed_contents_ttl {
    position: relative;
    background-image: url(../images/shibuya/bg_ttl_detailed_pnk.png);
    background-repeat: repeat;
    color: #fff;

}

.img_detailed1 {
    position: absolute;
    bottom: 0;
    left: -14px;
    width: 30%;
}

.img_detailed2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
}

.detailed_contents_ttl h3 {
    font-weight: bold;
    font-size: 2.0rem;
    padding: 20px 16px 20px 95px;
}

.pro_staff {
    border: 4px solid #e7739d;
    border-top: 0px;
}

.pro_txt {
    padding: 20px;
    font-size: 1.4rem;
}

.pro_pic {
    padding: 0 20px 15px;
}

.option {
    border: 4px solid #e7739d;
    border-top: 0px;
}

.detailed_contents_ttl .option_h3 {
    font-weight: bold;
    font-size: 2.0rem;
    padding: 20px 16px 20px 120px;
}

.option_txt {
    padding: 20px;
}

.option_pic1 {
    padding: 0 20px 38px;
}

.option_pic2 {
    padding: 0 20px 20px;
}

.option_pic2 img {
    margin: 0 auto;
}

.option_txt p {
    font-size: 1.rem;
}

.sizing {
    border: 4px solid #e7739d;
    border-top: 0px;
}

.sizing ul {
    padding-top: 20px;
}

.size_pic {
    padding: 0 20px 20px;
}

.size_txt {
    padding: 0 20px 20px;
    font-size: 1.4rem;
}

.size_txt p {
    padding-bottom: 20px;
}

.voice_box_ttl {
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
}

.border_light {
    border: 4px solid #f8b1c7;
}

.border_deep {
    border: 4px solid #e7739d;
}

.color_light {
    background-color: #f8b1c7;
}

.color_deep {
    background-color: #e7739d;
}

.voice_li {
    margin-bottom: 40px;
}

.voice_inner {
    padding: 10px 4px 25px 10px;
}

.voice_txt {
    display: inline;
    border-bottom: 1px solid #aec9cd;
    padding-bottom: 6px;
    line-height: 30px;
}

.voice_box_ttl {
    padding: 5px 0 8px;
}

.voice_box_ttl p {
    margin-left: 10px;
    margin-right: 20px;
    border-left: 6px solid #fff88c;
    padding-left: 15px;
}

.important_area {
    margin-bottom: 0;
    padding-bottom: 50px;
}

.access_area {
    font-size: 1.4rem;
    padding-top: 0;
    background-color: #f5fff8;
}

.shop_name {
    background-color: #e7739d;
    font-size: 2.0rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.shop_name p {
    padding: 15px 0;
}

.f_bl {
    color: #e7739d;
}

.address p {
    padding: 20px 20px 0;
}

.g_map {
    padding: 20px 20px 0;
}

.g_map .maping {
    width: 100%;
}

.g_map .maping_sp {
    width: 100%;
    height: 170px;
}

.access_li:nth-child(2) {
    margin-top: 40px;
}

.access_li:nth-child(3) {
    margin-top: 40px;
}

.access_li:nth-child(4) {
    margin-top: 40px;
    padding-bottom: 20px;
}

.access_li {
    background-color: #fff;
    padding-bottom: 20px;
}

.company_area {
    padding-top: 0;
}

.collabo_studio {
    background-color: #fcf3e3;
    padding: 20px;
    margin: 30px 20px 0;
}

.collabo_toptxt {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 10px;
}

.collabo_toptxt span {
    font-size: 2.2rem;
}

.dhc_studio strong {
    background: -webkit-linear-gradient(transparent 70%, #fffaa8 60%);
    background: -o-linear-gradient(transparent 70%, #fffaa8 60%);
    background: linear-gradient(transparent 70%, #fffaa8 60%);
    font-weight: bold;
    font-size: 1.8rem;
}

.aoyama_studio strong {
    background: -webkit-linear-gradient(transparent 70%, #fffaa8 60%);
    background: -o-linear-gradient(transparent 70%, #fffaa8 60%);
    background: linear-gradient(transparent 70%, #fffaa8 60%);
    font-weight: bold;
    font-size: 1.8rem;
}

.access_li table {
    margin-bottom: 30px;
}

.access_li:nth-child(2) table {
    margin-bottom: 80px;
}

.access_li th {
    color: #e7739d;
    text-align: right;
    border-right: 4px solid #aec9cd;
    padding-right: 12px;
    padding-bottom: 40px;
    width: 110px;
}

.access_li td {
    text-align: left;
    padding-bottom: 40px;
    padding-left: 17px;
}

.shibuya_box_pc {
    background-color: #fff;
    margin-top: 30px;
}

.company_area {
    padding-top: 0;
    font-size: 1.4rem;
}

.sponsoring_txt {
    margin-bottom: 35px;
}

.colabbo_pic img {
    margin: 0 auto;
}

.colabbo_ul {
    padding: 20px;
    background-color: #f2f2f2;
    margin-top: 40px;
}

.communication {
    text-decoration: underline;
    color: #e7739d;
    position: relative;
}

.communication:hover {
    color: #007485;
}

.communication::after {
    content: "";
    position: absolute;
    background-image: url(../images/shibuya/ico_outside_link.png);
    padding: 10px;
    background-position: 50%;
}

.dhc_studio {
    margin-bottom: 20px;
}

.dhc_studio img {
    width: 90%;
}

.dhc_studio_txt {
    margin-bottom: 20px;
}

.colabbo_ul2 {
    padding: 20px;
    background-color: #f2f2f2;
    margin-top: 40px;
}

.aoyama_studio {
    margin-bottom: 20px;
}

.aoyama_studio img {
    width: 67%;
}

.tel_area {
    background-color: #fff6f9;
    padding-top: 0;
    margin-top: 40px;
}

.blog_news_btn {
    max-width: 305px;
}
.plan_link {
	display: block;
}
.plan_link:hover {
	opacity: 0.8;
}
.btn p {
	background: #f55e53;
    color: #fff;
    padding: 20px 0;
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
}
.btn p:after {
	content: "";
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url(../images/common/ico_btnarrow_r@2x.png) no-repeat;
    background-size: contain;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn a {
    background: #e7739d;
    font-weight: bold;
}
.btn a:hover {
    background: #bb5479;
}

.btn02 a {
    font-size: 1.6rem;
    font-weight: bold;
    background: #f55e53;
}

.content_background {
    background: #f2f2f2;
}

.make_hair_box {
	margin-bottom: 20px;
}

@media screen and (min-width:375px) {
    .plan_txts {
        padding-top: 10px;
    }
    .plan_ttl_txt {
        font-size: 2.8rem;
    }
}

@media screen and (min-width:768px) {
    .content_area {
        font-size: 1.6rem;
    }

    .shibu5 {
        padding-bottom: 50%;
        background-image: url(../images/shibuya/img_shibu5_shibuya.jpg);
    }

    .now ul {
        -webkit-display: flex;
        display: flex;
        justify-content: space-around;
    }

    .shop_box:first-child {
        margin-top: 30px;
        margin: 30px 20px 30px 27px;
    }

    .shop_box:last-child {
        margin-bottom: 30px;
    }

    .shop_box {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
    }

    .shop_box2:first-child {
        margin-top: 0px;
        margin: 0px 20px 10px 27px;
    }

    .shop_box2:last-child {
        margin-bottom: 10px;
    }

    .shop_box2 {
        margin-top: 0px;
        margin-bottom: 10px;
        width: 100%;
    }

    .osaka_box {
        width: 46%;
        margin-left: 52%;
    }

    .osaka_p {
        margin-bottom: 30px;
    }

    .now_dhc {
        float: left;
        width: 50%;
        padding: 0 0 0 27px;
        margin-bottom: 30px;
    }

    .now_box_right {
        float: right;
        width: 50%;
    }

    .now_company {
        margin-top: 40px;
    }

    .btn {
        max-width: none;
        padding: 0 20px;
    }

    .more_btn  {
        max-width: 305px;
        padding-bottom: 20px;
    }

    .plan_imgs {
        margin-right: 15px;
    }

    .planning_box2 {
        margin-bottom: 30px;
    }

    .plan_ttl {
        font-size: 2.0rem;
        padding: 10px 0 10px 30px;
    }

    .plan_txts {
        padding-top: 10px;
    }

    .plan_ttl_txt {
        font-size: 3.6rem;
    }

    .plan_ttl_txt2 {
        font-size: 3.6rem;
    }

    .planning_box {
        float: left;
        width: 48.7%;
    }

    .planning_box:first-child {
        margin-right: 2.5%;
    }

    .airplan_left {
        float: left;
        width: 50%;
    }

    .air_img {
        padding-bottom: 20px;
    }

    .airplan_right {
        float: right;
        width: 50%;
    }

    .content_area {
        padding: 60px 0;
    }

    .buzz_list_box {
        border-bottom: 4px solid #f8d7e3;
    }

    .students {
        margin-bottom: 30px;
        border-bottom: 4px solid #f8d7e3;
    }

    .students:after {
        content: none;
    }

    .stu_left {
        width: 56%;
    }

    .buzz_list .buzz--inner {
        padding-left: 0px;
    }

    .buzz--inner {
        padding: 0;
    }

    .content_area__in2 {
        max-width: 900px;
        padding-right: 0;
        padding-left: 0;
    }
    .buzz_list dt.buzz_list_box:before {
        top: 20px;
    }

    .station {
        padding-bottom: 30px;
    }

    .station_ul {
        -webkit-display: flex;
        display: flex;
    }

    .station_ul li {
        padding-bottom: 25px;
        width: 50%;
    }

    .station_ul li:first-child {
        margin-right: 20px;
    }

    .station_last {
        padding-bottom: 25px;
    }

    .station_ul li img {
        margin: 0 auto;
    }

    .company_box {
        padding-bottom: 30px;
    }

    .company_box img {
        margin: 0 auto;
    }

    .ttl_contents_h3 {
        padding-bottom: 10px;
        border-bottom: 4px solid #e7739d;
        font-size: 2.8rem;
        font-weight: bold;
        text-align: left;
    }

    .h3_under {
        display: inline-block;
    }

    .ttl_contents_h3 span {
        font-size: 3.6rem;
    }

    .recruit_img {
        margin-right: 15px;
    }

    .recruit_pic_box:first-child {
        margin-right: 15px;
    }

    .make_hair_box {
        padding-top: 30px;
		margin-bottom: 30px;
    }

    .make_hair_pic {
        float: left;
        width: 48%;
        padding-top: 0;
    }

    .make_hair_txt {
        float: right;
        width: 48%;
    }

    .area_y {
        padding-bottom: 10px;
        margin: 0 auto ;
        padding-top: 0;
    }

    .survice_ttl {
        left: 30px;
    }

    .survice_pic_ttl p {
        font-size: 2.4rem;
    }

    .survice_ttl img {
        width: 100%;
    }

    .survice_inner {
        padding: 80px 30px 30px;
    }

    .survice_ul li {
        width: 15%;
    }

    .survice_ul li:nth-child(2) {
        margin: 0;
    }
    .survice_ul li:nth-last-child(-n+3) {
        margin-top: 0;
    }

    .survice_ul .free_li {
        margin: 0;
    }

    .survice_ul li:not(:first-child) {
        margin-left: 2%;
    }

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

    .survice_pic_ttl {
        margin-top: 30px;
    }

    .survice_picture {
        padding: 70px 30px 0;
    }

    .survice_picture ul {
        -webkit-display: flex;
        display: flex;
    }

    .survice_picture ul li {
        width: 50%;
    }

    .survice_picture ul li:first-child {
        margin-right: 15px;
    }

    .survice_caption {
        font-size: 1.6rem;
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .survice_pic_ttl::after {
        border-width: 35px 25px 0 25px;
    }

    .coupon_limit {
        text-align: left;
        margin-left: 124px;
    }

    .coupon_plan_btn {
        margin-bottom: 90px;
    }

    .coupon_plan_btn ul li:first-child {
        margin-left: 110px;
        margin-right: 30px;
    }
    .coupon_plan_btn ul li {
        float: left;
        max-width: 305px;
    }

    .economy_ul li {
        width: 15%;
    }

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

    .economy_ul li:nth-child(4) {
        margin: 0;
    }

    .economy_ul li:nth-child(5) {
        margin-top: 0;
    }

    .economy_ul li:not(:first-child) {
        margin-left: 2%;
    }

    .btn_l a {
        padding: 30px 0;
    }

    .detailed_area {
        padding-top: 0;
    }

    .detailed_contents_box {
        margin-top: 90px;
    }

    .detailed_contents_ttl h3 {
        font-size: 2.8rem;
        padding: 25px 16px 15px 165px;
    }

    .details {
        padding-bottom: 120px;
    }

    .detailed_top_txt {
        text-align: center;
        font-size: 1.6rem;
    }

    .img_detailed1 {
        left: 11px;
        width: 10%;
    }

    .img_detailed2 {
        left: 11px;
        width: 10%;
    }

    .pro_staff ul {
        -webkit-display: flex;
        display: flex;
    }

    .pro_txt {
        padding: 30px;
        width: 55%;
        font-size: 1.6rem;
    }
    .pro_pic {
        width: 45%;
        padding:  30px 27px 25px 0;
    }

    .option_txt p {
        font-size: 1.6rem;
    }

    .option_pic1 img {
        margin: 0 auto;
    }

    .detailed_contents_ttl .option_h3 {
        font-size: 2.8rem;
        padding: 20px 16px 20px 165px;
    }

    .sizing ul {
        padding-top: 30px;
        -webkit-display: flex;
        display: flex;
    }

    .size_pic {
        width: 50%;
        padding: 0 30px 30px 26px;
    }

    .size_txt {
        width: 50%;
        padding: 0 37px 0 0;
        font-size: 1.6rem;
    }

    .size_btn {
        max-width: 305px;
        padding-left: 0;
        margin-left: 0;
    }

    .voice_area {
        padding-bottom: 20px;
        padding-top: 0;
    }

    .voice_box_ttl {
        font-size: 2.4rem;
    }

    .voice_inner {
        padding: 10px 10px 25px 15px;
    }

    .voice_ul {
        max-width: 900px;
        margin: 0 auto;
    }

    .voice_li {
        margin-bottom: 60px;
    }

    .voice_txt {
        padding-bottom: 9px;
        line-height: 37px;
    }

    .important_area {
        padding-bottom: 100px;
    }

    .access_area {
        font-size: 1.6rem;
        padding-top: 0;
        margin-top: 0;
    }

    .shop_name {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }

    .g_map_pc {
        margin: 0 30px 30px;
    }

    .g_map_pc .maping {
        width: 100%;
        height: 270px;
    }

    .g_map_shibuya {
        margin: 0 0 30px 30px;
    }

    .access_ul_pc {
        -webkit-display: flex;
        display: flex;
    }

    .access_li {
        width: 50%;
        padding-bottom: 0;
    }

    .access_li:first-child {
        margin-right: 30px;
    }

    .access_li:nth-child(2) {
        margin-top: 0;
    }

    .sponsoring_txt {
        margin-bottom: 0;
    }

    .collabo_studio {
        margin-top: 0;
        text-align: center;
    }

    .shibuya_table th {
        padding-bottom: 18px;
    }

    .shibuya_table td {
        padding-bottom: 18px;
    }

    .company_area {
        font-size: 1.6rem;
        padding-top: 0;
    }

    .sponsoring_txt {
        text-align: center;
    }

    .colabbo_ul {
        -webkit-display: flex;
        display: flex;
        flex-flow: row-reverse;
        padding: 30px;
        margin-top: 60px;
    }

    .colabbo_ul2 {
        -webkit-display: flex;
        display: flex;
        padding: 30px;
        margin-top: 60px;
    }

    .colabbo_li {
        width: 50%;
    }

    .dhc_studio strong {
        font-size: 2.4rem;
    }

    .aoyama_studio strong {
        font-size: 2.4rem;
    }

    .dhc_pic_li {
        margin-right: 40px;
    }

    .aoyama_pic_li {
        margin-left: 40px;
    }

    .dhc_studio img {
        width: 62%;
    }

    .aoyama_studio img {
        width: 77%;
    }

    .tel_area {
        padding-top: 0;
        padding-bottom: 100px;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .blog_news_btn {
        max-width: 305px;
    }

    .tel_area .btn_gradient {
        margin-left: 18.5px;
        margin-right: 30px;
    }
    .btn_gradient a {
        padding: 30px 0;
    }
}

@media screen and (min-width:992px) {
    .tel_area {
        margin-bottom: 0;
    }
	.stu_left{
		width: 63%;
	}
}


/*------------------------------------------------------------
淀屋橋店
------------------------------------------------------------*/
.yodoyabashi_img_center img{
    margin: 0 auto;
}
.yodoyabashi_txt_center{
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px;
}
.yodoyabashi_transit_bnr{
    margin-bottom: 40px;
}

.yodoyabashi_box_pc {
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.collabo_bottomtxt{
    text-align: left;
}
@media screen and (min-width:768px) {
    .yodoyabashi_tel_area{
        padding: 0 20px;
    }
    .yodoyabashi_txt_center{
        margin-bottom: 30px;
    }
    .yodoyabashi_transit_bnr{
        margin-bottom: 60px;
    }
}

.access_area .accordion dt {
    padding:0;
}
.access_area .accordion__ttl {
    padding-right: 0px;
}
.access_area .accordion--inner {
    padding-right: 0;
}
.access_area .accordion dt:after {
    content: none;
}
.access_area .access_li:nth-child(5) {
    margin-top: 40px;
}



/*------- スライダー -------*/
.ttl_01 span {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 3px;
    font-weight: normal;
}
.ttl_01 {
	font-size: 1.9rem;
    line-height: 1.5;
    text-align: center;
    position: relative;
    color: #342513;
    margin: 0 auto 30px auto;
    display: table;
    letter-spacing: 4px;
    font-weight: bold;
    white-space: unset;
}

.ttl_01 span {
letter-spacing: 3px;
font-weight: normal;
display: block;
}

.ttl_01 p {
    display: block;
    margin-bottom: 0 !important;
    letter-spacing: 5px;
}

.sponsorship p {
    margin-bottom: 35px;
    padding:0 10px;
}

.sponsorship .achievement_company .fox_inner {
    border: 1px solid #342513;
    padding: 15px 20px 15px;
    margin-bottom: 20px;
}

section.content_area_mb-s.sponsorship {
    margin-top:40px;
}
.sponsorship__achievement{
    padding:0 10px;
}
.photoplan_inner{
    margin-top:60px;
}


@media screen and (min-width:768px) {

    .photoplan_inner{
        margin-top:100px;
    }

section.content_area_mb-s.sponsorship {
    margin-top: 60px;
    margin-bottom:60px;
}

.ttl_01 {
    font-size: 3.2rem;
    margin-bottom: 30px;
    font-weight: normal;
}
.ttl_01 {
    line-height: 1.5;
    text-align: center;
    position: relative;
    color: #342513;
    border-bottom: 1px solid #342513;
    padding-bottom: 20px;
    margin: 0 auto 30px auto;
    display: table;
    letter-spacing: 4px;
    white-space: unset;
}

.ttl_01 span {
    font-size: 1.8rem;
}
.sponsorship p {
    text-align: center;
}
.sponsorship .achievement_company .fox_inner {
    padding: 53px 40px 53px;
    position: relative;
    text-align: center;
}

.sponsorship .achievement_media .fox_inner {
    border: 1px solid #342513;
    padding: 12px 40px 30px;
    margin-bottom: 20px;
    text-align: center;
}

}

@media screen and (min-width:1200px) {
    .sponsorship .achievement_company .fox_inner img {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    margin:auto;
	    max-width: 79.3%;
	}
}

/*------- 会社情報 20200318追加-------*/
.table th {
	color: #e7739d;
}
.office_info {
	font-size: 2.8rem;
	margin-bottom: 35px;
	line-height: 1.5;
	text-align: center;
	position: relative;
	color: #000;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.office_info {
		font-size: 36px;
		margin-bottom: 35px;
	}
	}

/*------- 修正対応 20200324追加-------*/
p.shop_sibuya_woman {
	margin-top: 10px;
}
p.plan_woman_only {
	float: left;
	margin: -30px 0 30px 0;
}
.mb_ss.baeru_bnr {
	margin-top: 60px;
}
p.yodoyabashi_img_center {
	margin: 40px 0;
}
.accordion__ttl {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-right: 60px;
}
.accordion__ttl span {
	display: inline-block;
    background: #e7739d;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    margin: auto;
}
.copyright {
	background: #e7739d;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
p.tyui {
	margin: 0 0 30px 30px;
}
.bnr_m {
	margin: 20px 0;
}
@media screen and (min-width: 768px) {
.mb_ss.baeru_bnr {
	margin-top: 80px;
}
p.yodoyabashi_img_center {
	margin: 80px 0 40px 0;
}
}
@media screen and (min-width: 1000px) {
.bnr_m {
	margin: 40px 0;
}
}