@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap");

.pcview{display: block;}
.spview{display: none;}
.w760{max-width: 800px;margin:0 auto;padding: 0 20px;}
.w870{max-width: 910px;margin:0 auto;padding: 0 20px;}
@media screen and (max-width: 750px) {
.pcview{display: none;}
.spview{display: block;}
.w760{margin:0 auto;padding: 0 4vw;}
.w870{margin:0 auto;padding: 0 4vw;}
}


main{}
.campaign_contents{background-color:#F2E4D3;background-image: url(../images/main_bg_pc.jpg);background-position: top center;background-repeat: no-repeat;background-size: 1800px;position: relative;font-family: "M PLUS 1", sans-serif;font-weight: 500;line-height: 1.6;color:#005B48;}
@media screen and (max-width: 750px) {
.campaign_contents{background-image: url(../images/main_bg_sp.jpg);background-size: 100%;}

}

.left_top_logo{width: 184px;position: absolute;top:0;left:0;}
.left_top_logo img{width:100%;}
@media screen and (max-width: 750px) {
.left_top_logo{width: 40vw;}
}

.campaign_kv{padding-top:10px;max-width: 860px;margin:0 auto;}
.campaign_kv img{width: 100%;}
.campaign_kv span{display: none;}
@media screen and (max-width: 750px) {
.campaign_kv{padding-top:16vw;}
}


.campaign_detail{margin-top:20px;}
.campaign_detail .msg{text-align: center;font-size: 24px;font-weight: 800;line-height: 1.9;overflow-wrap:anywhere;word-break:keep-all;}
.campaign_detail .campaign_detail_point{width: 600px;margin:12px auto 0;}
.campaign_detail .campaign_detail_date{width: 625px;margin:32px auto 0;}
.campaign_detail img{width: 100%;}
@media screen and (max-width: 750px) {
.campaign_detail{margin-top:8.3vw;}
.campaign_detail .msg{font-size: 5.3vw;line-height: 1.7;}
.campaign_detail .campaign_detail_point{width: 100%;margin:2vw auto 0;}
.campaign_detail .campaign_detail_date{width: 100%;margin:1.5vw auto 0;}
}

.campaign_select{margin-top:65px;}
.campaign_select .msg{text-align: center;font-size: 20px;font-weight: 700;line-height: 1.5;}
.campaign_select .msg span{font-size: 21px;display: block;}
.campaign_banner{margin-top:30px;display: flex;gap:15px;}
.campaign_banner p{cursor: pointer;border-radius: 15px;position: relative;z-index: 2;overflow: hidden;}
.campaign_banner p img{width: 100%;border-radius: 15px;transition: opacity 0.2s;}
.campaign_banner p::before{content:"";display: block;position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#fff;border-radius: 15px;z-index: -1;}
.campaign_banner p:hover img{opacity:0.8;}
@media screen and (max-width: 750px) {
.campaign_select{margin-top:8.5vw;}
.campaign_select .msg{font-size: 4.25vw;line-height: 1.6;}
.campaign_select .msg span{font-size: inherit;}
.campaign_banner{margin-top:9vw;gap:2vw;flex-direction: column;padding:0 4vw;}
.campaign_banner p{border-radius: 2.5vw;overflow: auto;}
.campaign_banner p img{border-radius: unset;}
.campaign_banner p::before{border-radius: 2.5vw;}
}

.campaign_caution{margin-top:55px;padding-bottom: 110px;}
.campaign_caution_inner{background:#fff;border-radius: 16px;display: flex;align-items: flex-start;padding:15px 25px;}
.campaign_caution_inner h2{flex-shrink: 0;font-size: 14px;font-weight: 650;color:#fff;background:#005B48;border-radius: 8px;padding:0.3em 1em 0.4em;margin-right:20px;}
.campaign_caution_inner ul{font-size: 12px;font-weight: 550;line-height: 1.65;}
.campaign_caution_inner ul li{text-indent: -1em;padding-left: 1em;text-align: justify;}
.campaign_caution_inner ul li::before{content:"・";}
@media screen and (max-width: 750px) {
.campaign_caution{margin-top:7vw;padding-bottom: 20vw;}
.campaign_caution_inner{border-radius: 2vw;display: block;padding:5vw 4vw;}
.campaign_caution_inner h2{font-size: 4.8vw;border-radius: 1vw;padding:0.1em 0.65em 0.15em;margin-right:0;width: max-content;margin:0 auto 2vw;}
.campaign_caution_inner ul{font-size: 3.2vw;}

}

body.modal-open{position: fixed;width: 100%;overflow: hidden;}
.overlay{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 99999;display: none;}

.modal{position: fixed;top:50%;left:calc(50% - 360px);width: 720px;max-height: 600px;background:#F2E4D3;z-index: 999999;border-radius: 16px;overflow: hidden;height: 85vh;transform: translateY(-50%);display: none;}
.modal_close{width: 28px;height: 28px;border-radius: 50%;position: absolute;top:15px;right:15px;cursor: pointer;transition: opacity 0.2s;z-index: 15;}
.modal_close img{width: 100%;border-radius: 50%;}
.modal_close:hover{opacity: 0.8;}
.modal_inner{height: 100%;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;padding:25px 50px 0;}
.modal_inner::-webkit-scrollbar{display: none;}
.modal_inner .simplebar-scrollbar::before{background:#000;border-radius:20px;width:6px;margin:4px 0 4px 3px;}
.modal_inner img{width: 100%;}
.modal_inner h2{width: 520px;margin:0 auto 20px;}
.modal_inner h2 span{display: none;}
.modal_inner .msg p{text-align: center;font-size: 16px;font-weight: 750;line-height: 1.65;overflow-wrap:anywhere;word-break:keep-all;}
.modal_inner .msg p>span{display: block;font-size:1.4em;}
.modal_inner .msg p>span span{font-size:0.75em;}
.modal_inner .toica_kome{font-size: 12px;line-height: 1.5;font-weight: 550;margin-top: 10px;overflow-wrap: anywhere;word-break: break-all;line-break: strict;}
.modal_inner .toica_kome li{text-indent: -1em;padding-left: 1em;overflow-wrap: anywhere;word-break: break-all;line-break: strict;text-align: justify;}
.modal_inner .toica_kome li::before{content:"※";}
.modal_inner .icoca_prize{display: flex;justify-content: center;align-items: center;margin-top: 5px;gap:25px;}
.modal_inner .icoca_prize div{display: flex;align-items: center;gap: 10px;}
.modal_inner .icoca_prize dt{font-size: 16px;font-weight: 750;color:#F7EDDF;background:#005B48;border-radius: 4px;padding:0em 0.7em 0.1em;}
.modal_inner .icoca_prize dd{font-size: 18px;font-weight: 750;}

.modal_inner .bottom_kome{font-size: 12px;line-height: 1.5;font-weight: 550;margin-top: 15px;overflow-wrap: anywhere;word-break: break-all;line-break: strict;}
.modal_inner .bottom_kome li{text-indent: -1em;padding-left: 1em;text-align: justify;}
.modal_inner .bottom_kome li::before{content:"※";}
.modal_inner .apply_step{border:3px solid #005B48;border-radius: 16px;background:#F7EDDF;margin-top: 45px;position: relative;}
.modal_inner .apply_step .apply_title{position: absolute;width: 120px;top:-45px;left:-20px;transform: rotate(-5deg);}
.modal_inner .step_flow >div{padding:14px 15px 14px 20px;display: flex;align-items: flex-start;gap:20px;}
.modal_inner .step_flow >div:not(:last-of-type){border-bottom:3px dashed #005B48;}
.modal_inner .step_flow >div dt{flex-shrink: 0;font-size: 20px;font-weight: 800;}
.modal_inner .step_flow >div dd{line-height: 1.5;padding:3px 0;}
.modal_inner .step_flow >div dd h3{font-size: 16px;font-weight: 800;}
.modal_inner .step_flow .step_kome{font-size: 12px;font-weight: 550;line-height: 1.5;margin-top: 5px;}
.modal_inner .step_flow .step_kome li{text-indent: -1em;padding-left: 1em;text-align: justify;}
.modal_inner .step_flow .step_kome li::before{content:"※";}
.modal_inner .step_flow .step_txt{font-size: 14px;font-weight: 550;line-height: 1.5;margin-top: 5px;}
.modal_inner a.link{color:inherit;}
.modal_inner a.link:hover{opacity: 0.8;}
.modal_inner a.link::after{content:"";display: inline-block;width: 1em;height: 1em;background-image: url(../images/blank.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;margin-left: 0.3em;vertical-align: -1px;}
.modal_inner.suica .step2 h3{text-indent: -1.5em;padding-left: 1.5em;}
.modal_inner.suica .step2 dd:nth-of-type(1) h3::before{content:"1.";margin-right: 0.5em;}
.modal_inner.suica .step2 dd:nth-of-type(2) h3::before{content:"2.";margin-right: 0.5em;}
.modal_inner.suica .step2 dd:nth-of-type(2){margin-top: 5px;}
.modal_inner.suica .step2 .step_kome{padding-left: 21px;}
.modal_inner.icoca .flow_bottom{border-top:3px dashed #005B48;padding:14px 15px 14px 20px;}
.modal_inner.icoca .flow_bottom h3{font-size: 16px;font-weight: 800;}
.modal_inner.icoca .flow_bottom p{font-size: 14px;font-weight: 550;line-height: 1.5;}
.modal_inner.toica .step1 .download{display: flex;align-items: center;justify-content: flex-start;margin-top: 5px;}
.modal_inner.toica .step1 .download .img{width:40px;flex-shrink: 0;margin-right: 10px;}
.modal_inner.toica .step1 .download img{width:100%;}
.modal_inner.toica .step1 .download .txt{font-size: 14px;font-weight: 550;flex:1;}
.modal_inner.toica .step1 .download div{display: flex;gap:15px;}
.modal_inner.toica .step1 .download div p{width: 96px;}
.modal_inner.toica .step1 .download a{transition: opacity 0.2s;}
.modal_inner.toica .step1 .download a:hover{opacity:0.8;}
.modal_inner.toica .step2 p.link a{transition: opacity 0.2s;}
.modal_inner.toica .step2 p.link a:hover{opacity:0.8;}
.modal_inner.toica .step2 .step_txt p:nth-of-type(2){font-size: 12px;}
.modal_inner .step2 .step_kome.kome1 li{text-indent: -2em;padding-left: 2em;}
.modal_inner .step2 .step_kome.kome1 li::before{content:"※1";margin-right:0.3em;}
.modal_inner .entry{width: 410px;margin:15px auto 0;}
.modal_inner .entry a{transition: 0.2s;}
.modal_inner .entry a:hover{opacity: 0.8;}
.modal_inner .entry img{width: 100%;}
.modal_inner .modal_download{background:#fff;display: flex;justify-content: center;align-items: center;margin:0 -50px;width: calc(100% + 100px);gap:25px;padding:20px 0;margin-top: 25px;}
.modal_inner .modal_download >p{font-size: 14px;font-weight: 550;}
.modal_inner .modal_download div{display: flex;gap:20px;}
.modal_inner .modal_download div p{width: 120px;}
.modal_inner .modal_download div p img{width: 100%;}
.modal_inner .modal_download a{transition: 0.2s;}
.modal_inner .modal_download a:hover{opacity: 0.8;}

@media screen and (max-width: 750px) {
.modal{top:calc(50% - 45svh);left:5vw;width: calc(100% - 10vw);height: 90svh;border-radius: 2vw;max-height: unset;transform: unset;}
.modal_close{width: 8vw;height: 8vw;top:2vw;right:2vw;}
.modal_inner{padding:6vw 4vw 0;}
.modal_inner .simplebar-scrollbar::before{width:1.2vw;margin:0 0;}
.modal_inner h2{width: 100%;margin:0 auto 2vw;}
.modal_inner .msg p{font-size: 4.2vw;line-height: 1.4;}
.modal_inner .msg p>span{font-size:1.25em;}
.modal_inner .msg p>span span{font-size:inherit;}
.modal_inner.toica .msg p{font-size: 4vw;line-height: 1.4;}
.modal_inner.toica .msg p>span{font-size:1.325em;}
.modal_inner .toica_kome{font-size: 3.2vw;margin-top: 2vw;}
.modal_inner .icoca_prize{display: block;width: max-content;margin:1.5vw auto 0;}
.modal_inner .icoca_prize div{gap: 2vw;justify-content: flex-start;}
.modal_inner .icoca_prize dt{font-size: 4.25vw;padding:0.15em 0.7em 0.3em;line-height: 1;}
.modal_inner .icoca_prize dd{font-size: 4.8vw;}
.modal_inner .bottom_kome{font-size: 3.2vw;margin-top: 2vw;}
.modal_inner .apply_step{border:0.6vw solid #005B48;border-radius: 2vw;margin-top: 8vw;}
.modal_inner .apply_step .apply_title{position: absolute;width: 23vw;top:-9.5vw;left:-4vw;transform: unset;}
.modal_inner .step_flow >div{padding:3vw 3vw 3vw 3vw;gap:3vw;}
.modal_inner .step_flow >div:not(:last-of-type){border-bottom:0.4vw dashed #005B48;}
.modal_inner .step_flow >div dt{font-size: 4.1vw;}
.modal_inner .step_flow >div dt span{display: block;text-align: center;margin-top:-0.35em;}
.modal_inner .step_flow >div dd{padding:0 0;}
.modal_inner .step_flow >div dd h3{font-size: 4.1vw;overflow-wrap: anywhere;word-break: break-all;line-break: strict;}
.modal_inner .step_flow .step_kome{font-size: 3.2vw;margin-top: 1vw;}
.modal_inner .step_flow .step_txt{font-size: 3.7vw;margin-top: 1vw;}
.modal_inner.suica .step2 h3{text-indent: -1.2em;padding-left: 1.2em;}
.modal_inner.suica .step2 dd:nth-of-type(1) h3::before{margin-right: 0.2em;}
.modal_inner.suica .step2 dd:nth-of-type(2) h3::before{margin-right: 0.2em;}
.modal_inner.suica .step2 dd:nth-of-type(2){margin-top: 1vw;}
.modal_inner.suica .step2 .step_kome{padding-left: 4.8vw;}
.modal_inner.icoca .flow_bottom{border-top:0.4vw dashed #005B48;padding:3vw 3vw 3vw 3vw;}
.modal_inner.icoca .flow_bottom h3{font-size: 3.7vw;}
.modal_inner.icoca .flow_bottom p{font-size: 3.2vw;}
.modal_inner.toica .step1 .download{display: block;margin-top: 1vw;position: relative;padding-left:12vw;}
.modal_inner.toica .step1 .download .img{width:10vw;margin-right: 0;position: absolute;top:0;left:0;}
.modal_inner.toica .step1 .download .txt{font-size: 3vw;}
.modal_inner.toica .step1 .download div{gap:3vw;margin-top:0.5vw;}
.modal_inner.toica .step1 .download div p{width: 20vw;}
.modal_inner.toica .step2 .step_txt p:nth-of-type(2){font-size: 3.2vw;margin-bottom: 0.35em;}
.modal_inner .entry{width: 100%;margin:3vw auto 0;}
.modal_inner .modal_download{display: block;margin:0 -4vw;width: calc(100% + 8vw);padding:2vw 0 4vw;margin-top: 6vw;}
.modal_inner .modal_download >p{font-size: 4.2vw;text-align: center;}
.modal_inner .modal_download div{gap:2vw;justify-content: center;margin-top: 1vw;}
.modal_inner .modal_download div p{width: 32vw;}
}

html{
scroll-behavior:auto!important;
}





/*
body::after{content:"";display: block;position: fixed;border:1px dotted #777;width: 1000px;height:100vh;pointer-events: none;z-index: 99;top:0;left:calc(50% - 500px);}
body::before{content:"";display: block;position: fixed;border:1px dotted #777;width: 760px;height:100vh;pointer-events: none;z-index: 99;top:0;left:calc(50% - 380px);}
*/