.c-content{background:#E8F7F2;color:#775540;padding-bottom:50px}.c-content *{box-sizing:border-box}.btn-friend{max-width:364px;margin:30px auto}[data-ruby]{position:relative;display:inline-block}[data-ruby]::before{content:attr(data-ruby);position:absolute;width:150%;top:-0.8em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;font-size:clamp(9px, 0.4em, 16px)}.marker{background:linear-gradient(transparent 60%, #FFF100 0%);display:inline;padding:0 2px 0px}.title-border{border-top:2px solid #00A75B;border-bottom:2px solid #00A75B;text-align:center;padding:0.8em 0;margin-bottom:40px}@media only screen and (max-width: 520px){.title-border{font-size:2.4rem;padding:0.6em 0}}@media only screen and (max-width: 520px){.lh-wide{line-height:2}.lh-wide [data-ruby]::before{top:-0.4em}}#sec-intro{text-align:center}#sec-intro .intro-lead{font-size:2rem;font-weight:700;margin-top:30px}@media only screen and (max-width: 520px){#sec-intro .intro-lead{font-size:1.8rem}}#sec-intro .list-block{background:#fff;margin-top:30px;border-radius:15px;padding:90px 50px 50px}@media only screen and (max-width: 520px){#sec-intro .list-block{padding:90px 20px 50px}}#sec-intro .list-block .intro-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row nowrap;justify-content:space-between}@media only screen and (max-width: 520px){#sec-intro .list-block .intro-list{display:block}}#sec-intro .list-block .intro-list>li{flex:0 0 48%;background:#FFFBCB;border-radius:12px;padding:20px 20px 10px}@media only screen and (max-width: 520px){#sec-intro .list-block .intro-list>li{margin-bottom:80px;padding:20px 20px 20px}}#sec-intro .list-block .intro-list>li .icon{max-width:132px;margin:-80px auto 0}@media only screen and (max-width: 520px){#sec-intro .list-block .intro-list>li .icon{margin-bottom:10px}}#sec-intro .list-block .intro-list>li .text{width:100%;height:5em;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 520px){#sec-intro .list-block .intro-list>li .text{display:block;height:auto}}#sec-intro .list-block .intro-list>li .text p{font-size:1.8rem;font-weight:700}#sec-intro .list-block .catch{margin-top:20px}#sec-intro .list-block .catch .marker{font-size:3.2rem;font-weight:700}@media only screen and (max-width: 520px){#sec-intro .list-block .catch .marker{font-size:2.4rem}}#sec-case{padding-top:100px}@media only screen and (max-width: 520px){#sec-case{padding-top:60px}}#sec-case .case-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row nowrap;justify-content:space-between}@media only screen and (max-width: 520px){#sec-case .case-list{display:block}}#sec-case .case-list>li{flex:0 0 48%}@media only screen and (max-width: 520px){#sec-case .case-list>li{margin-bottom:15px}}#sec-case .catch{margin:70px auto;text-align:center}@media only screen and (max-width: 520px){#sec-case .catch{margin:30px auto}}#sec-case .catch .marker{font-size:3.2rem;font-weight:700;background:none}@media only screen and (max-width: 520px){#sec-case .catch .marker{font-size:2.4rem}}#sec-case .links{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:flex-start}@media only screen and (max-width: 520px){#sec-case .links{display:block}}#sec-case .links .item{flex:0 0 48%}@media only screen and (max-width: 520px){#sec-case .links .item{width:100%}}@media only screen and (max-width: 520px){#sec-case .links .voice{margin-bottom:40px}}#sec-case .links .movie{margin-top:20px}@media only screen and (max-width: 520px){#sec-case .links .movie{width:calc(100% + 40px);margin:0 -20px}}#sec-case .links .movie h3{margin-bottom:10px;font-size:2.25rem;font-weight:700;color:#775540;text-align:center;position:relative;z-index:1}@media only screen and (max-width: 520px){#sec-case .links .movie h3{font-size:1.8rem}}#sec-case .links .movie h3::before{content:" ";display:block;width:300px;height:300px;border-radius:50%;background-color:#fff100;position:absolute;top:-25px;left:50%;margin-left:-150px;z-index:-1}@media only screen and (max-width: 520px){#sec-case .links .movie h3::before{width:240px;height:240px;top:-22px;margin-left:-120px}}#sec-case .links .movie .box{position:relative;z-index:2;padding:22px 35px 20px;background:url("../images/case_movie_bg_bottom.webp") left 0 bottom -1px no-repeat,url("../images/case_movie_bg_top.webp") 0 0 no-repeat,url("../images/case_movie_bg_middle.webp") 0 0 repeat-y;background-size:100% auto}@media only screen and (max-width: 520px){#sec-case .links .movie .box{padding:16px 28px 16px}}#sec-case .links .movie .box .title{max-width:70%;margin:0 auto 10px}#sec-case .links .movie .box .img{margin-top:13px;background-color:#E8F7F2;position:relative}#sec-case .links .movie .box .img .coming{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);font-size:2.0rem;font-weight:700;text-align:center;color:#775540}#howto{margin-top:100px;padding:5vw 0 5vw;background:url("../images/howto_bg_bottom.jpg") 0 bottom no-repeat,url("../images/howto_bg_top.jpg") 0 0 no-repeat,url("../images/howto_bg_middle.jpg") 0 0 repeat-y;background-size:100% auto}@media only screen and (max-width: 520px){#howto{padding:10vw 0 10vw}}#howto .howto-title{max-width:296px;margin:0 auto 40px}@media only screen and (max-width: 520px){#howto .howto-title{max-width:222px}}#howto .howto-sub-title{background:#FFFBCB;font-size:2rem;font-weight:700;padding:1em;text-align:center;margin-bottom:30px}#howto .step-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-bottom:60px}@media only screen and (max-width: 520px){#howto .step-list{display:block}}#howto .step-list>li{flex:0 0 31%}@media only screen and (max-width: 520px){#howto .step-list>li{margin-bottom:20px}}#howto .step-list>li .step_number{max-width:118px}@media only screen and (max-width: 520px){#howto .step-list>li .step_number{max-width:80px}}#howto .step-list>li .body{font-size:1.6rem;margin:15px 0 0;min-height:4.5em;color:#222222}@media only screen and (max-width: 520px){#howto .step-list>li .body{min-height:auto;margin-bottom:15px}}#sec-addfriend{margin-top:100px}#sec-addfriend .lead{text-align:center;font-size:1.6rem;color:#222222}#sec-time{margin-top:100px}#sec-time .lead{text-align:center;font-size:1.6rem;color:#222222}#sec-time .lead-sub{text-align:center;font-size:1.2rem;margin-bottom:20px;color:#222222}#sec-time .bottom-annote{text-align:center;font-size:1.6rem;color:#222222;margin-top:40px}#sec-time .bottom-annote a{color:#C24B23;text-decoration:underline}#sec-time .bottom-annote a:hover{opacity:.7}.time-list>li{background:#fff;padding:20px 40px 10px;border-radius:7px;margin-bottom:20px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-flow:row nowrap}@media only screen and (max-width: 520px){.time-list>li{display:block;padding:15px}}.time-list>li .area{flex:0 0 10em}@media only screen and (max-width: 520px){.time-list>li .area{font-size:1.6rem;margin-bottom:1.5em}}.time-list>li .prefecture{flex:1 1 100%}.time-list>li .prefecture ul>li{display:inline-block;margin-right:20px;margin-bottom:10px;font-size:1.8rem;font-weight:700;color:#775540;position:relative}.time-list>li .prefecture ul>li::after{content:'';display:block;position:absolute;width:100%;height:2px;background:#775540;left:0;bottom:-2px}.time-list>li .prefecture ul>li:hover{cursor:pointer;opacity:.7}@media only screen and (max-width: 520px){.time-list>li .prefecture ul>li{margin-right:10px}}#popup{position:fixed;top:0;left:0;width:100%;height:100%;min-width:1100px;opacity:0;pointer-events:none;transition:0.3s ease-in-out 0s}@media only screen and (max-width: 520px){#popup{min-width:100%}}#popup.open{display:block;pointer-events:all;opacity:1;z-index:999}#popup>.inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;background-color:rgba(0,0,0,0.6);cursor:pointer}#popup .boxW{position:relative;padding:40px;background-color:white;border-radius:10px;box-shadow:0 0 3rem rgba(57,149,29,0.3);cursor:auto;min-width:50%;max-width:95%}@media only screen and (max-width: 520px){#popup .boxW{min-width:95%;padding:20px}}#popup .close{position:absolute;top:-17px;right:-17px;width:34px;cursor:pointer}@media only screen and (max-width: 520px){#popup .close{top:-5px;right:-5px}}#popup h2{text-align:center;font-size:1.6rem;color:#222222;font-weight:400;margin-bottom:7px}@media only screen and (max-width: 520px){#popup h2{text-align:left}}#popup .date,#popup .time{color:#775540;font-size:2rem;font-weight:bold;line-height:1.5;text-align:center}@media only screen and (max-width: 520px){#popup .date,#popup .time{text-align:left}}#popup hr{width:100%;height:10px;margin:20px auto;border:none;background:radial-gradient(circle farthest-side, #00A75B, #00A75B 40%, transparent 40%, transparent);background-size:10px}#popup .button{margin:0 auto 0}#popup .button a{display:block;max-width:143px;margin:20px auto 0}#popup .button a[href=""]{display:none}
#sec-case .message{background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 15px;margin: 150px auto 0;padding: 43px;}#sec-case .message_title{margin: 0 auto;}#sec-case .message_title_inner{border-top: 2px solid #00a75b;border-bottom: 2px solid #00a75b;padding: 38px 0 23px;font-size: 32px;display: block;}#sec-case .message_title::before{content: '';display: block;aspect-ratio: 524/128;width: 262px;margin: 0 auto;background-repeat: no-repeat;background-size: contain;background-image: url(../images/message_title_01.png);}#sec-case .message_movie{margin: 0 auto;border: 3px solid #06a659;border-radius: 10px;overflow: hidden;aspect-ratio: 224/394;width: 224px;margin-top: calc(-71px - 43px);}#sec-case .message_movie iframe{display: block;width: 100%;height: 100%;}
@media only screen and (max-width: 520px){#sec-case .message{margin-top: 40px;}#sec-case .message{display: block;padding: 30px 23px;}#sec-case .message_title_inner{font-size: 24px;}#sec-case .message_title::before{width: 253px;}#sec-case .message_movie{margin-top: 33px;width: 100%;}}[data-ruby]::before{width: 170%;}