/** Shopify CDN: Minification failed

Line 875:58 Expected ":"

**/
/***************************************************
加盟店向け情報ページ
***************************************************/
.kameiten{}

.com_hed_1{
    align-items: flex-start;
    line-height: 1;
}
.com_hed_1 > *{color: #fff;}
.com_hed_1 h2{
    font-size: 4.8rem;
    width: 100%;
    line-height: 1;
    margin-top: 15px;
   
}
.com_hed_1 h2 .mini{
    font-size: 1.6rem;
    margin-top: 25px;
    font-weight: 300;
}
.com_hed_1 .num{font-size: 1.6rem;margin-right: 15px;padding-top: 7px;display: block;}



.com_hed_2 h2{font-size: 2.4rem;}
.com_hed_2 h2 .mini{font-size: 1.4rem;}
@media screen and (max-width: 750px) {
    .com_hed_1 h2{
        font-size: 3.2rem;
    }
}

/* TOP *****************************************/
.kameiten .top_hed{
    justify-content: space-between;align-items: center;
    padding:0 80px 80px 80px;
    flex-wrap: wrap;
}
.kameiten .top_hed .com_hed_1{}
.kameiten .top_hed .com_hed_1 > *{
    color:#000;
}
.kameiten .top_hed p.right_txt{
    max-width: 400px;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .kameiten .top_hed{padding: 25px;display: block;}
    .top_hed h2{text-align: left;}
    .kameiten .top_hed p.right_txt{
        width: 100%;
        max-width:100%;
    }

}


.box_txt{
    position:absolute;
    bottom: 80px;left: 80px;
    border: 1px solid #fff;
    padding: 40px;
    z-index:999;
}
.box_txt p{
    font-size: 2.0rem;
    text-align: center;
}
.box_txt .com_link a{background: #fff;color: #000;}
.box_txt .com_link a svg path{fill:#000;}
.box_txt .com_link a:hover{opacity:1;}

@media screen and (max-width: 750px) {
    .box_txt{
        position:absolute;
        bottom: 0px;left: 00px;right: 0;
        margin: 0 25px;
        border: 1px solid #fff;
        padding: 40px;
    }
}
/* TOP *****************************************/
.top_area h2{    
    color:#fff;
    position: absolute;
    top: 0;bottom: 0;left: 80px;
    z-index: 2;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .45rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.top_area h2 span{
    font-size: 5.0rem;letter-spacing: 0px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
}
@media screen and (max-width: 900px) {
    .top_area h2{left: 0;text-align: center;justify-content: center;}
    .top_hed h2{font-size: 9.4vw;text-align: left;margin-bottom: 25px;}
    .top_hed h2 span{font-size: 1.4rem;text-align: center;}
}
/*ファーストビュー*/
/******************************************/
.top_area{
    /* position: fixed; */
    top: 0;right:0;bottom: 0;left:0; 
    width: 100%;height: 100svh;
    color: #fff;
}
/* 画像 */
.top_area .image{
    position: fixed;
    top: 0;right:0;bottom: 0;left:0;
    width: 100%;height: 100svh;
    object-fit: cover;object-position: center;
}
@media screen and (max-width: 900px) {
    .top_area .image{}
}
/* テキスト */
.top_area .txt{    
    position: absolute;
    bottom: 60px;left: 60px;
    z-index: 2;
    font-size: 2.0rem;
    line-height: 1.2;
    letter-spacing: 0.45rem;
}
.top_area .txt span{
    font-size: 5.0rem;letter-spacing: 0px;
    padding-bottom: 10px;
    display: block;
}

/* リンク */
.top_area .menu{
    position: absolute;
    bottom: 60px;
    right: 60px;
    width: 300px;
    z-index: 2;
    line-height: 3;
    font-size: 1.8rem;
}
.top_area .menu a{ color: #fff;}
.top_area .menu a span{padding-right: 25px;vertical-align: 0.5px;font-size: 1.4rem;}

/*　縦リンク */
.top_area .tate_link{
    /* width: 100px; */
    padding: 20px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    background-color: rgba(223, 223, 223, 0.5);
    display: block;
    position: absolute;
    right: 0;
    bottom: 60px;
    text-align: center;
}
.top_area .tate_link:hover{
    padding-right: 30px;color: #fff;
}
/*テキストBOX*/
/******************************************/
.txt_area,
.txt_area >*{color: #fff;}
.txt_area{
    color: #fff;
    position: relative;
    z-index: 2;
    text-align: center;
}
.txt_area h2{
    font-size: 7.2rem;
    color: #fff;
    line-height: 1.6;
    margin-top: 100px;
}
.txt_area p{margin-top: 60px;line-height: 2.8;}

.txt_area img.b_txt_img{margin-top: 100px;}
.txt_area .topmain_img{margin:100px auto 0; }
@media screen and (max-width: 750px) {
    .txt_area{padding: 25px;text-align: left;}
    .txt_area h2{font-size: 5.2vw;}
    .txt_area img{margin-top: 80px;}
}

/* スライド部分 */
.slide_main{
    z-index: 2;position: relative;
    background: #fff;
    padding: 40px 0;
    margin-top: 100px;
    width: 100vw;overflow: hidden;
}
/* スライド ---------- */
@keyframes infinity-scroll-left {
    from {transform: translateX(0);}
    to {transform: translateX(-100%);}
}
.slide_main{
    overflow: hidden;
    width: calc(100% + 30vw + 80px);
    gap:0 10px;
    margin: 120px 0 0 -30vw;
}
.slide_main .img_auto_slide{
    animation: infinity-scroll-left 30s infinite linear 0.5s both;
    gap:0 10px;
}
.slide_main .img_auto_slide .in_img{width: 200px;}
.slide_main .img_auto_slide img{width: 100%;object-fit: cover;height: auto;}

@media screen and (max-width: 750px) {
    .slide_main{
        overflow: hidden;
        width: 100%;
        gap:0 10px;
        margin: 120px 0 0 -0vw;
    }
}


/*テキストBOX*/
/******************************************/
.open_list{
    background: #E5E3DE;
    position: relative;z-index: 2;
    padding: 160px 80px;
}

.open_list .hed_title{
    text-align: center;
}
.open_list .hed_title h3{font-size: 3.6rem;}
.open_list .hed_title h3 small{display: block;margin-bottom: 15px;font-size: 1.6rem;font-weight: 400;}
.open_list .hed_title p{margin-top: 40px;line-height:2.4;}
.open_list ul{
    margin-top: 80px;
    gap: 30px;
    flex-wrap: wrap;
}
.open_list ul li{
    background: #fff;border: 1px solid #000;
    padding: 30px 30px 120px;
    width: calc(100% / 3 - ( 60px / 3 ));
    position: relative;
    

}
.open_list ul li .in_title{font-size: 2.0rem;font-weight: 500;}
.open_list ul li .in_title img{width: 40px;margin-right: 10px;vertical-align: middle;}
.open_list ul li p{margin-top: 15px;}
.open_list ul li a{
    height: 70px;
    display: flex;
    justify-content: center;align-items: center;
    position: absolute;bottom: 0;left: 0;right: 0;
    text-align: center;
    background: #E5E3DE;
    font-size: 2.0rem;
    border-top:1px solid #000 ;
}

@media screen and (max-width: 750px) {
    .open_list{
        padding:80px 25px;
    }
    .open_list .hed_title h3{font-size: 7.2vw;}
    .open_list .hed_title p{margin-top: 40px;line-height:2.4;text-align: left;}
    .open_list ul li{width: 100%;}
}

/* RAKUTAP
 *****************************************/
 .rakutap_area{
    position: relative;z-index: 2;
    padding: 160px 80px;
    flex-wrap: wrap;
 }
 .rakutap_area,
 .rakutap_area>*{color: #fff;}
 /* 背景画像 */
 .rakutap_area .bg_img{
     position: absolute;
     top: 0;bottom: 0;right: 0;left: 0;
     z-index: -1;
    object-fit: cover;
    width: 100%;height: 100%;
}
/* テキスト */
.rakutap_area .left_area{
    width:35%;
}
.rakutap_area .txt_box{
    font-size: 2.4rem;
    margin-top: 40px;
}
.rakutap_area p{margin-top: 40px;}
/* リスト表示 */
.rakutap_area ul.uplist{
    width: 65%;flex-wrap: wrap;
    gap:30px 10px;
    padding-left: 50px;
}
.rakutap_area ul.uplist li{
    width: calc(100% / 3 - (20px / 3));
    border: 1px solid #fff;
    padding: 30px;
}
.rakutap_area ul.uplist li .in_hed{text-align: center;}
.rakutap_area ul.uplist li img{
    display: block;margin:20px auto;
    height: 50px;
    width: 100%;object-fit: contain;

}
@media screen and (max-width: 1400px) {
    .rakutap_area ul.uplist{}
    .rakutap_area ul.uplist li{
        width: calc(100% / 2 - (10px / 2));
    }
}
@media screen and (max-width: 1200px) {
    .rakutap_area ul.uplist{gap: 30px 0;}
    .rakutap_area ul.uplist li{
        width: 80%;margin: auto;
    }
}
@media screen and (max-width: 750px) {
    .rakutap_area{
        padding:80px 25px;
    }
    .rakutap_area .left_area{
        width: 100%;
    }
    .rakutap_area ul.uplist{
        margin-top: 40px;
        width: 100%; padding-left: 0px;
        gap: 0;
        border: 1px solid #fff;
    }
    .rakutap_area ul.uplist li{
        width:50%;margin: 0;
        padding: 20px;
    }
}
.rakutap_area .down_list{
    margin-top: 160px;
}


/* リストメイン　*****************************************/
.down_list{width: 100%;}

.down_list .com_hed_1 h2 p{line-height: 1.8;}
.down_list .in_txt {margin-top: 60px;}
.down_list .in_txt ul{border-bottom:1px solid #fff; margin-top: 60px;}
.down_list .in_txt ul li{
    border-top:1px solid #fff;
    padding:30px 0 30px 80px;
    position: relative;
}
/* リストNo */
.down_list .in_txt ul li .in_num{position: absolute;left: 0;top: 30px;}

/* スイッチエリア */
.down_list .in_txt ul li .btn_sw{
    font-size: 1.6rem;
    position: absolute;
    right: 0;top: 30px;
    padding-right: 25px;
    display: block!important;
}

.down_list .in_txt ul li .btn_sw:before{content: "OPEN";}
.down_list .in_txt ul li .btn_sw.op_sw:before{content: "CLOSE";}
.down_list .in_txt ul li .btn_sw span,
.down_list .in_txt ul li .btn_sw span:after{
    width: 15px;height: 1px;
    background-color: #fff;display: block;
    position: absolute;
    right: 0;top: 0;bottom: 0;
    margin: auto;
}
.down_list .in_txt ul li .btn_sw span:after{
    content: "";display: block;
    transform: rotate(90deg);
    opacity: 1;transition: 0.3s all;
}
.down_list .in_txt ul li .btn_sw.op_sw span:after{opacity: 0;}
@media screen and (max-width: 750px) {
    .down_list .in_txt ul li{padding: 30px 0px;}
}

/* タイトル */
.down_list .in_txt ul li .main_in_r .in_hed{
    font-size: 3.2rem;line-height: 1;
    cursor: pointer;
}
.down_list .in_txt ul li .main_in_r .in_hed .in_jp{
    margin-top: 20px;line-height: 1;font-size: 1.6rem;
}
/* テキスト */
.down_list .in_txt ul li .main_in_r .in_main{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-end;
}
.down_list .in_txt ul li .main_in_r .in_main .flex{
    display: flex;
    align-items: flex-end;flex-wrap: wrap;
    margin-top: 30px;
}

.down_list .in_txt ul li .main_in_r .in_main p{
    width: 60%;padding-left: 60px;line-height: 2.2;
}
.down_list .in_txt ul li .main_in_r .in_main img{width: 40%;}


@media screen and (max-width: 750px) {
    .down_list .in_txt ul li .main_in_r .in_hed{
        padding-left: 60px;font-size: 2.4rem;
        width: 80%;
    }
    .down_list .in_txt ul li .main_in_r .in_main p{
        width: 100%;padding-left: 0;
        margin-top: 30px;
    }
    .down_list .in_txt ul li .main_in_r .in_main img{
        width: 100%;
    }
    .down_list .in_txt ul li .main_in_r .in_hed .in_jp{
        font-size: 1.2rem;margin-top: 10px;
    }
}
/* リストオープン動作　*****************************************/
.down_list .in_txt ul li .main_in_r .in_main{display: none;overflow: hidden;}

/* LINEUP
*****************************************/
.lineup_area{
    position: relative;z-index: 2;
    background: #fff;
    padding: 160px 0 0;
}

.swiper-pagination-bullet{border: 1px solid #000;background: none!important;}
.swiper-pagination-bullet-active{background-color: #000!important;}
/* lineup リストエリア */
.villa_list{
    padding: 80px ;
    gap:60px 10px;
    flex-wrap: wrap;
}
.villa_list li{
    width: calc(100% / 5 - (40px / 5));
}

.villa_list li .txt{ margin-top: 10px;}
.villa_list li .txt .tag{margin-top: 5px;font-size: 1.2rem;}
.villa_list li .txt .price{margin-top: 5px;font-size: 1.4rem;font-weight: 400;}
.villa_list li .txt .price span{    font-weight: 400;
    font-size: 1.6rem;
    padding-right: 10px;
    vertical-align: baseline;
}

@media screen and (max-width: 750px) {
    .lineup_area{
        padding: 80px 0px;
        gap:10px 10px;
    }
    .lineup_area .top_hed{padding: 0 25px;}
    .lineup_area .top_hed h2{text-align: left;}
    .lineup_area .right_txt{margin-top: 25px;}
    .villa_list{
        padding:20px 25px 0;margin-top: 20px;
        border-top:1px solid #000;
    }
    .villa_list li{
        width: calc(100% / 2 - (10px / 2));
        position: relative;
    }
    .villa_list li .txt .tag {
        position: absolute;
        top: 8px;
        right: 8px;
        margin: 0;
    }
    .villa_list li .txt .tag .com_tag{background-color: #fff;}
    
    .com_swipe_lineup.swiper .swiper-slide{
        min-height: inherit!important;
        height: auto!important;
        padding-bottom: 40px;
    }
    .com_swipe_lineup.swiper .swiper-slide img {
        height: 40svh!important;
    }
}



/* product
*****************************************/
.product_area{
    position: relative;z-index: 2;
    background: #E5E3DE;   
}
.product_area > *{color:#fff}
.product_area .left_area{
    width: 35%;
    padding:160px 80px;
    background-size: cover;
}

.product_area .left_area p{margin-top: 40px;}
.product_area .left_area a{
    border: 1px solid #fff;
    color: #fff;
    border-left: none;
    border-right: none;
    padding: 20px 0;
    margin-top: 40px;
    justify-content: space-between;align-items: center;
    font-size: 1.6rem;
}

.product_area .right_area .com_hed_2:nth-child(n+2){margin-top: 100px;}
.product_area .right_area{
    padding: 160px 80px;width: 65%;
}
.product_area .right_area ul{margin-top: 40px;gap: 10px;}
.product_area .right_area ul li{width: calc(100% / 3 - (20px / 3));}
.product_area .right_area ul li .model{margin-top: 10px;}
.product_area .right_area ul li .model span{display: block;font-size: 1.2rem;}

.product_area .right_area .morelink{
    position: relative;
     text-align: center;display: block;
    margin-top: 80px;
}
.product_area .right_area .morelink span{
    background: #e5e3de;
    padding: 0 15px;
    display: inline-block;
    position: relative;
}
.product_area .right_area .morelink:before{
    width: 100%;height: 2.5px;
    content:"";border-top:double 3px #000; display: block;
    position: absolute;
    top: 0;bottom: 0;margin: auto;
}
@media screen and (max-width: 750px) {
    .product_area{flex-wrap: wrap;}
    .product_area .left_area{
        width:100%;
        padding:80px 25px;
    }
    .product_area .right_area{
        width:100%;
        padding:40px 25px;
    }
    .product_area .right_area .morelink{margin-top: 40px;}
    .product_area .right_area .com_hed_2:nth-child(n+2){margin-top: 40px;}
}

/* FLOW
*****************************************/
.flow_area{
    z-index: 2;position: relative;
    background-color: #fff;
    padding: 160px 0px;
}

.flow_area .step_area{
    position: relative;margin-top: 40px;
    width: calc(100% - 80px);margin-left: 80px;
}

.flow_area .step_area .slide_com{margin-top: 40px;}
.flow_area .step_area .slide_com .swiper-slide .in{width: 80%;}
.flow_area .step_area .swiper-slide:after{
    content: "";width: 100%;
    position: absolute;top:32.5px;
    border: 1px dashed #000;
    display: block;z-index: -1;
}

.flow_area .step_area .slide_com .num{
    width: 65px;height: 65px;
    border-radius: 50%;
    display: flex;
    justify-content: center;align-items: center;
    font-size:2.4rem;
    font-weight:200;
    border: 1px solid #000;
    background-color: #fff;
    transition: 0.3s all;
}
.flow_area .step_area .slide_com .swiper-slide-active .num{
    background-color: #000;color: #fff;
}



.flow_area .step_area .slide_com h6{
    font-size: 1.6rem;font-weight: 300;
    margin: 40px 0;
}
.flow_area .step_area .slide_com p{font-size: 1.4rem;line-height: 2.2;}
/* ページネーション */
.flow_area .step_area .slide_com .btn{
    justify-content: flex-start;align-content: center;
    line-height: 1;
    border-top: 1px solid #000;
    margin-top: 60px;padding-top: 30px;
}
.flow_area .step_area .slide_com .btn .b2{width: auto;margin: 0 20px;line-height: 1;}


.flow_area .step_area .slide_com .btn .b2 span{
    background: none!important;display: none;
    width: auto;height: auto;
}
.flow_area .step_area .slide_com .btn .b2 span.swiper-pagination-bullet-active{display: block;}
.flow_area .step_area .slide_com .btn  span.allnum{margin: 0 20px;}/*全枚数*/
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(1):after{content: "01";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(2):after{content: "02";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(3):after{content: "03";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(4):after{content: "04";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(5):after{content: "05";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(6):after{content: "06";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(7):after{content: "07";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(8):after{content: "08";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(9):after{content: "09";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(10):after{content: "10";}
.flow_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(11):after{content: "11";}

.flow_area .step_area .slide_com .point{
    background: #E5E3DE;
    position: relative;
    padding:20px ;
    margin-top: 80px;
    border: 1px solid #000;
}
.flow_area .step_area .slide_com .point:before{
    content: "工務店向けPOINT";
    position: absolute;
    top: -15px;
    height: 30px;background: #E5E3DE;
    border-radius: 25px;
    padding: 0 15px;
    border: 1px solid #000
}

.flow_area .step_area .slide_com .point .in_title{
    font-size:2.0rem ;
    margin-top:20px;
}
.flow_area .step_area .slide_com .point p{margin-top: 10px}
.flow_area .step_area .slide_com .point p small{line-height: 1.45;display: block;margin-top: 20px;}

.flow_area .step_area .slide_com .point .mini_box{
    background: #fff;
    display: inline-block;
    margin-top: 20px;
    padding:10px;font-size: 1.4rem;
    border: 1px dashed #000;
    border-radius: 5px
}
.flow_area .step_area .slide_com .point .mini_box img{vertical-align: middle;margin-right:5px; }


@media screen and (max-width: 750px) {
    .flow_area{
        padding: 80px 0px;
    }
    .flow_area .step_area{
        overflow: hidden;margin-top: 0;
        width: calc(100% - 25px);margin-left: 25px;
    }
    .flow_area .step_area .slide_com{margin-top: 0px;}
    .flow_area .step_area .slide_com .point{margin-top: 40px;}
    .flow_area .step_area .slide_com .btn{margin-top: 20pxpx;}
    .flow_area .step_area .slide_com  .sp_none{display: none!important;}
}
/* AND PAD
*****************************************/
.andpad_area{
    background: #fff;
    position: relative;z-index: 2;
    flex-wrap: wrap;
    padding-bottom: 160px;
}
/* リスト */
ul.left_area{
    padding:0 80px;
    width: 70%;
    gap:20px 10px;
    flex-wrap: wrap;
}
ul.left_area li{
    border: 1px solid #000;
    width: calc(100% / 3 - (20px / 3));
    padding: 20px;
}
ul.left_area li .in_hed{
    text-align: center;
}
ul.left_area li img{
    width: 50px;height: 50px;object-fit: contain;
    margin: 25px auto;
    display: block;
}
ul.left_area li p{font-size: 1.4rem;}

/* タイトルエリア */
.right_area{
    width: 30%;
    padding-right: 80px;

}
.right_area .com_hed_1 >*{
    color: #000;
}
.right_area .bottom_area{margin-top: 80px;}
.right_area .bottom_area .mid_hed{font-size: 2.0rem;}
.right_area .bottom_area p{margin-top: 40px;max-width: 400px;}

@media screen and (max-width: 750px) {
    ul.left_area{
        width: calc(100% - 50px);order: 2;
        gap: 0;
        margin:40px auto 0;
        padding:0;
        border: 1px solid #000;
    }
    ul.left_area li{
        width: 50%;
    }
    .right_area{
        width: 100%;order: 1;
        padding:0 25px;
    }
    .right_area .bottom_area{margin-top: 40px;}
    .right_area .bottom_area .mid_hed{font-size: 2.0rem;}
    .right_area .bottom_area p{margin-top: 20px;max-width: 100%;}
}

/* PARTNER SHIP
*****************************************/
.partner_area{
    position: relative;z-index: 2;
    background: #E5E3DE;
    padding: 160px 80px;
    flex-wrap: wrap;
}
.partner_area .com_hed_1 > *{color: #000;}
.partner_area .com_hed_1{width: 25%;}
.partner_area .main_area{width: 75%;}
@media screen and (max-width: 750px) {
    .partner_area{padding: 80px 25px;}
    .partner_area .com_hed_1{width: 100%;}
    .partner_area .main_area{
        width: 100%;
        margin-top: 40px;
    }
    .partner_area .main_area .and_ico{
        overflow-x:scroll ;
        width: calc(100% + 25px);
        margin-right: -25px;
    }
    .partner_area .main_area .and_ico img{
        max-width: inherit;
        width: 150%;
    }

}


.partner_area .main_area .b_title{
    border-bottom: 1px dashed #000;
    padding-bottom: 15px;
    font-size: 2.0rem;
    margin-top: 80px;
}
.partner_area .main_area .ck_list{margin-top: 40px;}
.partner_area .main_area .ck_list li{margin-top: 10px;}
.partner_area .main_area .ck_list li svg{margin-right: 15px;}


/* 箱リスト */
.partner_area .main_area .part_list{
    flex-wrap: wrap;
    margin-top: 80px;
    gap: 30px;
}
.partner_area .main_area .part_list li{
    border: 1px solid #000;
    width: calc(100% / 3 - 60px / 3);
    padding: 35px 20px;
}
.partner_area .main_area .part_list li .in_title{font-size: 2.0rem;}
.partner_area .main_area .part_list li .num{margin-top: 30px;}
.partner_area .main_area .part_list li p{
    width: calc(100% + 40px);
    border-top:1px dashed #000;
    margin:35px 0 0 -20px;
    padding:35px 20px;
    font-size: 1.4rem;
}
.partner_area .main_area .part_list li .price{font-size: 1.4rem;}
.partner_area .main_area .part_list li .price span{
    font-size:3.2rem;font-weight: 500;
    padding-right: 10px;
    vertical-align: baseline;
}

.partner_area .main_area .yoko_list{gap: 40px 80px;}

.partner_area .main_area .yoko_list dt{
    font-weight: 500;
    margin-bottom: 10px;
}
.partner_area .main_area .yoko_list dd{
    margin-left: 0;
    padding-left: 15px;
}
.partner_area .main_area .yoko_list dd:before{
    content: "";display: inline-block;
    width: 4px;height: 4px;
    border-radius:2px ;
    background-color: #000;
    vertical-align: middle;
    margin-left: -10px;
    margin-right: 10px;
}

@media screen and (max-width: 750px) {

    .partner_area .main_area .part_list{
        width: calc(100% + 25px);
        margin-right: -25px;overflow-x: scroll;
        flex-wrap: nowrap;
        gap: 10px;
    }


    .partner_area .main_area .part_list li{
        min-width: 80vw;
    }

    .partner_area .main_area .yoko_list{gap:20px 0px;flex-wrap: wrap;}
    .partner_area .main_area .yoko_list dl{width: 100%;mar}

    .partner_area .main_area .yoko_list dt{
       
    }
    .partner_area .main_area .yoko_list dd{
        
    }
 
    
}



/* EVENT NEWS
*****************************************/
.event_news{background: #fff!important;}

.contact_main{
    position: relative;z-index: 2;
    background: #E5E3DE;
    margin-top: 0px!important;
}
#paragraph-1,
.globo-formbuilder > div .globo-form-app{background: #E5E3DE!important;}



/* RAKUTAP
*****************************************/
.rakutap_bnr{
    position: relative;z-index: 2;
    background: #535950;
    padding: 160px 80px 130px;
    justify-content: space-between;
}
.rakutap_bnr>*{color:#fff;}
.rakutap_bnr .left_area{}
.rakutap_bnr .left_area h2{color:#fff;font-size: 4.8rem;}
.rakutap_bnr .left_area h2 span{font-size: 1.6rem;}
.rakutap_bnr .left_area p{max-width: 500px;margin-top: 40px;}


.rakutap_bnr .right_area{max-width: 500px;}
.rakutap_bnr .right_area a{
    display: block;
    width: 100%;
    padding: 25px 0;
    text-align: center;
}
.rakutap_bnr .right_area a svg{margin-left: 20px;}
.rakutap_bnr .right_area a:nth-child(1){
    border: 1px solid #fff;
    color: #fff;
}
.rakutap_bnr .right_area a:nth-child(2){background: #fff;margin-top: 40px;}
.rakutap_bnr .right_area a:nth-child(2) svg path{fill: #000;}

@media screen and (max-width: 750px) {
    .rakutap_bnr{padding: 80px 25px;display: block;} 
    .rakutap_bnr .right_area {margin-top: 40px;padding: 0;}
    .rakutap_bnr .left_area p{max-width: 500px;margin-top: 20px;}
    .rakutap_bnr .right_area a:nth-child(2){margin-top: 20px;}
}