@charset "UTF-8";
/* =================================== */
/*    Name: local CSS
/*    Description: lyout Settings
/*
/*    Create: 2020xxxx
/* =================================== */

/*  */
#header{padding:2rem; background: #21242F;}
#logo a {
    background-image: url(../img/logo_wh@2x.png?20200819); /*　ヘッダーロゴ画像 */
}

/*　アイキャッチ画像 */
.enter-img .inner{
    /* background-image: url("../img/gb_v2.jpg"); */
    background-image: none;
}


.kv_center{color:#FFFFFF;}

.kv_center #catch01{color: #222222; filter: drop-shadow(0px 0px 2px #FFF);}
.kv_center #catch02{color: #222222; text-shadow:0px 0px 2px #FFF;}



.cover{padding-top: 3vh; margin-bottom: 50px;}
.cover #catch01{text-align:left;}
.cover #catch01 ul{display: flex; flex-wrap:wrap;}
.cover #catch01 ul li:nth-child(1) {margin-left:-26px;}
.cover #catch01 ul li:nth-child(5) {margin-left:20px;}
.cover #catch01 ul li:nth-child(2),.cover #catch01 ul li:nth-child(4) {color:#aaaaaa;}
.cover #catch01 ul li:nth-child(6) {font-size:1.0em; line-height:90%;}
.cover #catch02{margin-bottom:10px;}
.cover p{text-align:left; color:#333333; width:57%; line-height:140%;}

.cover .btn_area{width:100%; text-align:left; height:35px; margin-top:40px;}
.cover .btn_area a{
    display:initial;
    background-color: #ec912d;
    border: 1px solid #ec912d;
    border-radius:4px;
    font-weight: 400;
    color:#FFFFFF;
    padding:7px 100px;
}
.cover .btn_area a:hover {
    background-color: #e9762d;
    border: 1px solid #e9762d !important;
}

.enter-img{max-height: 800px; min-height:800px; box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
.enter-img .inner{background-color:#FFFFFF; position:relative; min-height: 800px;}
.enter-img .inner img{width:500px; height:auto; position:absolute; top:300px; left:50%;}


@media (max-width: 650px) {
    .enter-img{max-height: 1000px; min-height:1000px; box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
    .enter-img .inner{background-color:#FFFFFF; position:relative; min-height: 1000px;}
    .enter-img .inner img{width:60%; height:auto; position:absolute; top:730px; left:20%;}

    .cover{padding-top: 1vh; margin-bottom: 200px;}
    .cover #catch01 ul li{text-align:center; margin:auto;}
    .cover #catch01 ul li:nth-child(1) {margin:auto; height:90px;}
    .cover #catch01 ul li:nth-child(2),.cover #catch01 ul li:nth-child(4) {width:100%; line-height:50%;}
    .cover #catch01 ul li:nth-child(5) {margin:10px auto 20px;}
    .cover #catch01 ul li:nth-child(5) img{width:75%;}
    .cover #catch02{text-align:center;}
    .cover #catch02{font-size:2.2rem; line-height:140%;}
    
    .cover p{width:90%; margin:auto;}
    
    .cover .btn_area{width:100%; text-align:center; height:35px; margin-top:40px;}

}


#schedule{background-color: #7cc5b6; z-index:999; /*background: radial-gradient(#c6ded9, #7cc5b6); */}
#schedule .label{color: #27B89A; background-color: #FFFFFF;}
#schedule .ttl--Xl.line:before,#schedule .ttl--Xl.line:after {border-bottom: 1px solid #FFFFFF;}
#schedule .fcwhite{color:#FFFFFF; padding-left:4px;}
#schedule h3 span{display:block; font-size:0.8em; line-height:200%;}


h3{font-size: 3.0rem; font-weight:600; margin-bottom:0.5em;}
h3 span{display:block; font-size:0.9em; line-height:200%;}
.recommend_list{text-align:left; width:max-content; margin:auto;}
.recommend_list li:before{content: "● "; font-size:50%;}
.recommend_list li span{display:block; padding-left:1em;}
.recommend_list li span:before{content: "・";}

.mark-up{margin-bottom: 30px; font-size:1.2em; font-weight:normal; display:block; color: #27B89A; line-height:110%;}
.mark-up span{padding:0 5px;}
@media (max-width: 650px) {
    h3{font-size: 2.2rem !important; font-weight:600; margin-bottom:0.5em;}
    .mark-up span{display:block;}
}

.flex-contents{
    display:flex;
    align-content: flex-start;/* アイテムの行が上揃え */
    justify-content: space-between;
}
.flex-contents dl{width:350px;}
.flex-contents dl img{display:block; margin:auto auto 16px;}
.flex-contents dl dt{padding-bottom:20px; line-height:130%; font-weight:bold; color:#555555;}
.flex-contents dl dd{text-align:left; font-size:0.9em;}
.flex-contents dl dd span{text-align:center; display:block;}

@media (max-width: 650px) {
    .flex-contents{flex-wrap:wrap;}
    .flex-contents dl{width:90%; margin:20px auto auto;}
}




.contact_privacy .flex-contents{margin-top:40px;}
.contact_privacy .flex-contents li a{width:auto; padding: 4px 10px 4px 10px!important;}
.contact_privacy .flex-contents li a br{display:none;}

.btn.slack > * {
    background-color: #611f69;
    border: 1px solid #611f69;
    font-weight: 400;
}
.btn.slack > a:hover {
    background-color: #4a154b;
    border: 1px solid #4a154b !important;
}
.btn.tableau > * {
    background-color: #ec912d;
    border: 1px solid #ec912d;
    font-weight: 400;
}
.btn.tableau > a:hover {
    background-color: #e9762d;
    border: 1px solid #e9762d !important;
}
@media (max-width: 650px) {
    .contact_privacy .flex-contents li{width:100%; text-align:center; margin-bottom:20px;}
    .contact_privacy .flex-contents li a{margin:auto; text-align:center; width:75%; padding: 4px!important;}
    .contact_privacy ul li:last-child a {width:75%;}
    .contact_privacy .flex-contents li a br{display:block;}
}