@charset "utf-8";
/* Souri */
.souri{background: #fff;border-radius:10px;margin: 0 0 80px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);padding: min(3vw,50px);}

.intro{display: flex;justify-content: space-between;flex-wrap: wrap;}
.intro .m-tit1{margin: 0 0 30px;}
.intro-txt{width: 69%;}
.intro-img{width: 26.272727%;}

.method{margin: 40px 0 0;background: #EBE9E6;padding: 30px min(3vw,60px) 40px; position: relative;}
.method-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.method-btn{transition: all 0.3s;width: 48.9%;background-color: #fff;border-radius: 10px;display: flex;align-items: center;padding:16px min(3vw,30px);position: relative;}
.method-btn span{font-weight: bold;padding-left: 2.83em;line-height: 1.33;}
.method-btn2 span{padding-left: 3.3em;}
.method-btn::after{transition: all 0.3s;content: "";width: 1.22em;height: 1.22em;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);background: #4B4594;mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%;-webkit-mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%;display: block;transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}
.method-btn::before{transition: all 0.3s;content: '';position: absolute;mask:url('../img/common/ic-pdf.svg') no-repeat center center / 100% 100%;-webkit-mask:url('../img/common/ic-pdf.svg') no-repeat center center / 100% 100%;
width: 2.05em;height: 2.4em;background: #d40b0b;}
.method-btn2::before{mask:url('../img/common/ic-youtube.svg') no-repeat center center / 100% 100%;-webkit-mask:url('../img/common/ic-youtube.svg') no-repeat center center / 100% 100%;width: 2.55em;height: 2.05em;background: #d40b0b;}
.method-btn:hover{background: #4B4594;color: #fff;}
.method-btn:hover::before,
.method-btn:hover::after{background: #fff;}

.method.comming::after{content: 'Coming soon';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);color: #ffffff;display: flex;justify-content: center;align-items: center;font-size: 2.8rem;font-weight: bold;}

@media screen and (max-width: 768px){
    .souri {padding: 20px;margin:0 0 60px;}
    
    .intro .m-tit1{margin: 0 0 15px;}    
    .intro-txt{width: 100%;}
    .intro-img{width: 80%;text-align: center;margin: 20px auto 0;}
    
    .method{padding: 20px;}
    .method .m-tit2{text-align: center;}
    .method-btn{width: 100%;}
    .method-btn:not(:last-child){margin-bottom: 10px;}
    .method-btn{padding: 15px 10px;}
    .method-btn::before{width: 2em;height: 2em;}
    .method-btn2 span,
    .method-btn span{padding-left: 40px;}
}

@media screen and (max-width: 480px){
    .method {padding: 20px 15px;}
    .method-btn span{font-size: min(3.2vw,1.4rem);}
    .method-btn::after {right: 10px;}    
}

/* Partner Map */
.partner-map{margin: 0 0 80px;}
.partner-map .map-ifr{position: relative;border-radius: 10px;overflow: hidden; line-height: 1;}
.partner-map .map-ifr iframe{width: 100%; height: 600px;}

.partner-map .map-info{position: absolute; bottom: 40px; right: 30px; width: 200px; height: 200px; border-radius: 100%; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); text-align: center; font-weight: bold; font-size: 2rem; line-height: 1.3; background: #fff; z-index: 10; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center;}
.partner-map .map-info p{width: 100%;}
.partner-map .map-info .txt:before{content: ""; background: url("../img/common/ic-group.svg") no-repeat top left/100% 100%; width: 52px; height: 38px; display: block; margin: 0 auto 6px;}
.partner-map .map-info .txt2{font-size: 2.8rem;}
.partner-map .map-info .num{font-size: 6rem; display: inline-block; line-height: 1; font-family: "Afacad", sans-serif; color: #4B4594;}

@media screen and (max-width: 768px){
    .partner-map{margin: 0 0 60px;}
    .partner-map .map-ifr iframe{height: 400px;}
    
    .partner-map .map-info{bottom: 30px; right: 20px; width: 140px; height: 140px; font-size: 1.4rem;}
    .partner-map .map-info .txt:before{width: 36px; height: 26px;}
    .partner-map .map-info .txt2{font-size: 2rem;}
    .partner-map .map-info .num{font-size: 4.2rem;}
}

/* Partner List */
.partner-list{margin: 0 0 80px;}
.partner-list .list-item{display: flex;flex-wrap: wrap;gap:1vw;}
.partner-list .list-item .item{width: 32.25%;overflow: hidden;border-radius: 20px;align-content: center;}
.partner-list .list-item .item:last-child{margin-right: 0;}

@media screen and (max-width: 768px){
    .partner-list{margin: 0 0 60px;}
    .partner-list .list-item{justify-content: space-between;gap: unset;row-gap: 1.8vw;}
    .partner-list .list-item .item{width: 49%;border-radius: 10px;}
}

/* Inquiry */
.inquiry .m-tit2{text-align: center;position: relative;padding-bottom: 1.067em;}
.inquiry .m-tit2::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 1.562em;height: 0.65em;clip-path: polygon(0 0, 50% 100%, 100% 0);background: #000;}