@charset "utf-8";

/* ----------------------------------------------
インストラクター紹介
---------------------------------------------- */
.introduction-inner {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}
.philosophy-area {
	margin-top: 2em;
}
.philosophy-area-primary {
	-webkit-box-flex: 1;
	        flex: 1;
}
.philosophy-area__title {
	font-size: 1.75em;
	padding-bottom: .2em;
	border-bottom: .3em solid #FFF25E;
    display: inline-block;
}
.philosophy-area__text {
	line-height: 1.9;
	margin-top: 1em;
}
.philosophy-area-secondary {
	width: 34%;
	margin-right: 3%;
}
.philosophy-area-secondary img{
    border-radius: 6px;
}

.introduction-box{
    background-color: #E8F6FC;
    border-radius : 6px;
    padding: 1.5em 1.5em 3em;
}
.introduction-box:not(:first-of-type){
    margin-top: 3em;
}

.introduction-box-intro-primary{
    border-bottom: 0.3em solid #E01373;
    padding-bottom: 1em;
    padding-top: 0.5em;
    padding-left: 0.3em;
    -webkit-box-flex: 1;
            flex: 1;
}
.introduction-box-name{
    margin-right: 0.2em;
    font-weight: bold;
    font-size: 2em;
}
.introduction-box-furigana{
    font-weight: bold;
    font-size: 1.5em;
}
.introduction-box-nickname{
    color: #6DC600;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 0.5em;
}

.introduction-box-intro-secondary{
    width: 34%;
    margin-right: 3%;
}
.introduction-box-intro-secondary img{
    border-radius: 6px;
}

.introduction-box h5{
    margin-top: 2em;
}
.introduction-box-profile{
    line-height: 1.9;
}
.introduction-box-other{
    line-height: 1.9;
}

/* ----------------------------------------------
インストラクター紹介
---------------------------------------------- */

/*res start　1024px*/
@media screen and (max-width: 1024px) {
}/*res end　1024px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
    .philosophy-area__title {
        font-size: 1.4em;
    }
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
    .philosophy-area-secondary {
        width: 100%;
        margin-top: 1em;
    }
    
    .introduction-box-name{
        font-size: 1.8em;
    }
    .introduction-box-furigana{
        font-size: 1.2em;
    }
    .introduction-box-nickname{
        font-size: 1.2em;
    }
    .introduction-box-intro-secondary{
        width: 100%;
        margin-right: 0;
        margin-top: 1.5em;
    }
}/*res end 480px*/



/* ----------------------------------------------
お客様の声
---------------------------------------------- */

/* 一覧 */
.home-gray--voice-acv{
    padding-top: 0;
    margin-top: 2em;
}
.voice-acv{
}
.voice-acv .home-voice-box{
    margin-top: 2em;
}

/* 詳細 */
.voice-inner{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}
.voice-inner-primary{
    -webkit-box-flex: 1;
            flex: 1;
}
.voice-inner-secondary{
    width: 52%;
    margin-left: 4%;
}
.voice-cat{
    display: block;
    padding: 0.3em;
    border: 1px solid #FF5E00;
    text-align: center;
    border-radius: 15px;
}
a.voice-cat{
    color: #FF5E00;
    text-decoration: none;
}
.voice-image{
    margin-top: 0.7em;
    text-align: center;
}
.voice-image img{
    border-radius: 6px;
}
.voice-inner-secondary{
    line-height: 1.8;
}
.voice-event-type{
    padding: 1em .5em;
}
.voice-event-type-title{
    margin-right: .5em;
    font-size: 1.2em;
    margin-top: 0.3em;
    width: 5em;
    max-width: 100%;
}
.voice-event-type .home-voice-box-label{
    margin-top: 0;
}

/*res start　1024px*/
@media screen and (max-width: 1024px) {
    /* 一覧 */

    /* 詳細 */
    
}/*res end　1024px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
    /* 一覧 */

    /* 詳細 */
    
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
    /* 一覧 */
    .voice-acv{
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
                justify-content: space-between;
    }
    .voice-acv .home-voice-box{
        width: 48%;
        padding: 0;
        font-size: 0.85em;
        min-height: auto;
    }

    /* 詳細 */
    .voice-inner{
        display: block;
    }
    .voice-inner-secondary{
        width: 100%;
        margin-left: 0;
        margin-top: 1em;
    }
    
}/*res end 480px*/


/* ----------------------------------------------
イベント開催情報
---------------------------------------------- */
.event-inner{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

/* 一覧 */
.event-description{
    line-height: 2;
}

a.event-insta__link {
    text-decoration: none;
    color: #036eb3;
}


.event-bnr-link-wrap {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    width: 1020px;
    margin-top: 2em;
}

.event-bnr-contact,
.event-bnr-insta {
    position: relative;
    display:  -webkit-box;
    display:  flex;
    -webkit-box-align: center;
            align-items: center;
    margin-top: 5.875em;
    padding: 1em 0.9375em 1.2em;
    /*width: 48.03922%;*/
    width: 100%;
    border-radius: 6px;
}

.event-bnr-contact::after,
.event-bnr-insta::after {
    position: absolute;
    right: 0.4375em;
    bottom: 0.4375em;
    display: block;
    width: 1.5625em;
    height: 1.5625em;
    border-radius: 6px;
    content: "";
}

a.event-bnr-contact,
a.event-bnr-insta {
    text-decoration: none;
}

.event-bnr-contact {
    border: 0.3125em solid #B50081;
}

.event-bnr-contact::after {
    background: #B50081 url("../images/icon_white_arrow.png") center/0.5625em auto no-repeat;
}

.event-bnr-insta {
    border: 0.3125em solid #000;
}

.event-bnr-insta::after {
    background: #000 url("../images/icon_white_arrow.png") center/0.5625em auto no-repeat;
}

.event-bnr-contact__icon,
.event-bnr-insta__icon {
    position: absolute;
    top: -50%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.375em;
    padding-left: 1.375em;
    max-width: 100%;
    width: 10.25em;
    background-color: #fff;
    text-align: center;
}

.event-bnr-contact__icon img,
.event-bnr-insta__icon img {
    width: 7em;
}

.event-bnr-insta__barcode{
    margin-right: 1.5em;
}
.event-bnr-insta__barcode img{
    width: 7em;
}

.event-bnr-contact-cnt,
.event-bnr-insta-cnt {
}

.event-bnr-contact__title,
.event-bnr-insta__title {
    font-weight: bold;
    font-size: 1.9em;
    line-height: 1;
    margin-top: 0.2em;
}

.event-bnr-contact__title {
    color: #B50081;
}

.event-bnr-insta__title {
    color: #000;
}

.event-bnr-contact__text,
.event-bnr-insta__text {
    color: #3E3A39;
    font-size: 0.9em;
    line-height: 1.9;
}

.event-bnr-contact__text {
}

.event-bnr-insta__text {
}

.insta-lesson-wrap {
    margin-top: 3em;
}

.event-acv{
    /* background-color: #ffba00;
    padding: 1em 2%; */
    margin-top: 4em;
    border-top: 1px dashed #999;
    padding-top: 2em;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 4em;
    background-color: #feffea;
}
.event-acv-box{
    margin-top: 2em;
}
.event-acv-box-inner {
    display: -webkit-box;
    display: flex;
    background-color: #fff;
    position: relative;
    padding: 1em .5em 2em 1em;
    border-radius: 6px;
    background-color: #fff;
    border: 0.25em solid #ff8613;
}
a.event-acv-box-inner{
    text-decoration: none;
    position: relative;
    z-index: 1;
}
a.event-acv-box-inner.event-end::before {
    content: "終了しました";
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    background: rgba(38,35,10,.5);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0 0 .2em rgba(0,0,0,.5);
}

.event-acv-box-inner::after {
    position: absolute;
    right: 0.625em;
    bottom: 0.4375em;
    display: block;
    width: 1.75em;
    height: 1.75em;
    border-radius: 6px;
    background: #182980 url("../images/icon_white_arrow.png") center/0.5625em auto no-repeat;
    content: "";
}
.event-acv-box-primary{
    width: 30%;
    padding-right: 5%;
}
.event-acv-box-primary img{
    width: 7.25em;
}
.event-acv-box-secondary{
    width: 70%;
}
.event-acv-box__title{
    color: #182980;
    font-weight: bold;
    font-size: 1.3125em;
}
.event-acv-box__place,
.event-acv-box__time {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    color: #3E3A39;
    font-size: 0.9em;
}

.event-acv-box__place::before,
.event-acv-box__time::before {
    display: block;
    margin-right: 0.5625em;
    width: 2.125em;
    height: 2.125em;
    border-radius: 50%;
    content: "";
}
.event-acv-box__place-inner,
.event-acv-box__time-inner{
    width: 20em;
    max-width: 100%;
}

.event-acv-box__place {
    margin-top: 1em;
}

.event-acv-box__place::before {
    background: #009BFF url("../images/icon_map.png") center/0.875em auto no-repeat;
}

.event-acv-box__time {
    margin-top: 0.5em;
}

.event-acv-box__time::before {
    background: #009BFF url("../images/icon_calendar.png") center/1.0625em auto no-repeat;
}

.event-result-area{
    margin-top: 3em;
}
.event-result-area__title{
    font-size: 1.312em;
    color: #fff;
    padding: .5em;
    background-color: #036EB7;
    text-align: center;
    /* border-radius: 6px 6px 0 0; */
    border-radius: 6px;
}
.event-result-nav-wrap {
    /* border-radius: 0 0 6px 6px;
    background-color: #E1F3FC;
    padding: 1em 1.5em 2em; */
    padding-left: 1%;
    padding-right: 1%;
    /* margin-top: 1em; */
}
.event-result-nav-list{
    width: 25%;
}
.event-result-nav-list__item {
    font-size: .95em;
}
.event-result-nav-list__item:not(:first-of-type){
    margin-top: 1em;
}
.event-result-nav-list__item::before{
    content: "◆";
    color: #00A199;
    margin-right: 0.3em;
}

/* 詳細 */
.event-cnt-primary{
    width: 25%;
    padding-right: 3%;
}
.event-cnt-secondary{
    -webkit-box-flex: 1;
            flex: 1;
}
.event-place-btn{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0.9em;
    background-color: #009bff;
    width: 11em;
    max-width: 100%;
    padding: 0.5em;
    margin-top: .2em;
    border-radius: 6px;
}
.event-place-btn:not(:last-of-type){
    margin-right: 1em;
}
a.event-place-btn{
    color: #fff;
    text-decoration: none;
}
.event-place-btn::before{
    content: "";
    display: block;
    margin-right: 0.7em;
}
.event-place-btn--access::before{
    width: 0.937em;
    height: 1.25em;
    background: url("../images/icon_map.png") center / contain no-repeat;
}
.event-place-btn--map::before{
    width: 1.125em;
    height: 0.937em;
    background: url("../images/icon_calendar.png") center / contain no-repeat;
}

.bubble-button-wrap--event{
    width: 40em;
    margin-top: 4em;
}
.bubble-button-wrap--event-faq{
    margin-right: 2em;
    margin-left: 0;
    margin-top: 1.5em;
    width: 19em;
}
.bubble-button-wrap--event-contact{
    margin-right: 0;
    margin-left: 0;
    margin-top: 1.5em;
    width: 19em;
}

.event-content-detail{
    line-height: 1.9;
}

/* ----------------------------------------------
イベント開催情報
---------------------------------------------- */

/*res start　1024px*/
@media screen and (max-width: 1024px) {
    /* 一覧 */

    /* 詳細 */
}/*res end　1024px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
    /* 一覧 */
    .event-bnr-contact, .event-bnr-insta{
        padding: 2em 0.9375em;
    }
    .event-bnr-contact{
        text-align: center;
        justify-content: center;
    }
    .event-bnr-contact__title, .event-bnr-insta__title{
        line-height: 1.2;
    }
    
    .event-acv-box-inner{
        display: block;
        width: 100%;
    }
    .event-acv-box-primary{
        padding-right: 0;
        width: 100%;
        text-align: center;
    }
    .event-acv-box-secondary{
        width: 100%;
    }
    .event-acv-box__title{
        text-align: center;
        margin-top: 0.5em;
    }
    
    .event-result-nav-wrap{
        margin-top: -3em;
    }
    .event-result-nav-list{
        width: 33%;
        margin-top: 3em;
    }
    /* 詳細 */
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
    /* 一覧 */
    .event-bnr-link-wrap{
        display: block;
    }
    .event-bnr-contact, .event-bnr-insta{
        width: 100%;
    }
    
    .event-bnr-insta{
        margin-top: 8em;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    
    .event-acv{
        display: block;
    }
    
    .event-result-nav-list{
        width: 50%;
    }
    .event-result-nav-list__item{
        font-size: 0.8em;
    }
    
    /* 詳細 */
    .event-cnt{
        display: block;
    }
    .event-cnt-primary{
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }
    .event-cnt-secondary{
        margin-top: 1em;
    }
    .bubble-button-wrap--event-faq{
        margin-right: 1em;
    }
}/*res end 480px*/