.page-template-page-experience .ttlarea{background:linear-gradient(to right,rgba(41,43,43,.5) 0%,rgba(139,140,137,.5) 100%),url(../img/header-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}.page-template-page-experience .ttlarea ul.outer{max-width:1200px}.page-template-page-experience h1.ttl{padding:1em 0;color:#fff;font-size:40px;font-weight:700;line-height:1.2}.page-template-page-experience h1.ttl span.jp{color:#fff;font-size:20px;display:block}.contents{padding-top:100px;background:#FBFBFB}.container_subpage{padding:0}.wrapper_p{margin:0 0 5%}p.lead{font-size:18px;text-align:left}.container_subpage h2{color:#001011;padding:0 0 .5em;font-size:30px;text-align:left}.experience-detail_ul li.photo img{border-radius:10px}section#experience-detail{margin:0 0 5%}section#experience-detail .experience-detail_ul{margin:5% auto;align-items:flex-start}section#experience-detail .experience-detail_ul:first-of-type{margin-top:0}section#experience-detail .experience-detail_ul.l-img li.photo{flex:0 0 47.5%;margin-right:2.5%}section#experience-detail .experience-detail_ul.l-img li.txt{flex:0 0 47.5%;margin-left:2.5%}section#experience-detail .experience-detail_ul li.txt p{margin:0 0 1em;font-size:18px;line-height:1.7}section#experience-detail .experience-detail_ul.r-img li.photo{flex:0 0 47.5%;margin-left:2.5%}section#experience-detail .experience-detail_ul.r-img li.txt{flex:0 0 47.5%;margin-right:2.5%}section#experience-detail #why-us_ul li.txt p{font-size:16px}.experience-detail_ul{counter-reset:number 0}.experience-detail_ul li.txt h2.number{margin-bottom:.5em}.experience-detail_ul li.txt h2.number::before{content:counter(number) " ";width:50px;height:50px;margin-right:.5em;border-radius:50%;background-color:#3454D1;color:#fff;font-size:24px;line-height:50px;text-align:center;display:inline-block}#traditional-cultural-experience_ul li.txt h2.number::before{counter-increment:number 1}#food-culture-experiences_ul li.txt h2.number::before{counter-increment:number 2}#nature_outdoor-experiences_ul li.txt h2.number::before{counter-increment:number 3}#healing_onsen-experiences_ul li.txt h2.number::before{counter-increment:number 4}#art_architecture_contemporary-creativity_ul li.txt h2.number::before{counter-increment:number 5}#interacting-with-the-community-and-people_ul li.txt h2.number::before{counter-increment:number 6}#journey-through-the-heart-and-history_ul li.txt h2.number::before{counter-increment:number 7}#luxury_special-experiences_ul li.txt h2.number::before{counter-increment:number 8}.experience-detail_ul li.txt h2 .wrapper_span{display:flex;display:-webkit-flex;justify-content:flex-start;flex:0 0 15%}.experience-detail_ul li.txt .wrapper_span span{width:calc(90% / 2);border-radius:100%;display:flex;justify-content:center;align-items:center;color:#fff;border:1px solid #3454D1;background:#3454D1;text-align:center}.experience-detail_ul li.txt .wrapper_span span:before{content:'';display:block;padding-top:100%}.experience-detail_ul li.txt h4 .wrapper_ttl{flex:0 0 85%}.kinds .wrapper_accordion{max-width:1200px;margin:0 auto}.kinds .wrapper_accordion .ttl_accordion{padding:20px 11%;color:#fff;font-size:26px;font-weight:700;text-align:center;background:#3454D1;border-radius:10px;position:relative;z-index:+1;cursor:pointer;transition-duration:0.2s}.kinds .wrapper_accordion .ttl_accordion:hover{opacity:.8}.kinds .wrapper_accordion .ttl_accordion .wrapper_i{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:5%;width:40px;height:40px;margin-top:-20px;box-sizing:border-box;-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;transition-duration:0.2s}.kinds .wrapper_accordion .ttl_accordion .wrapper_i i{display:block;width:18px;height:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;transition-duration:0.2s;position:relative}.kinds .wrapper_accordion .ttl_accordion.open .wrapper_i{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.kinds .wrapper_accordion .ttl_accordion .wrapper_i i:before,.kinds .wrapper_accordion .ttl_accordion .wrapper_i i:after{display:flex;content:'';background-color:#fff;border-radius:10px;width:18px;height:4px;position:absolute;top:7px;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transform-origin:center center}.kinds .wrapper_accordion .ttl_accordion .wrapper_i i:before{width:4px;height:18px;top:0;left:7px}.kinds .wrapper_accordion .ttl_accordion.open .wrapper_i i:before{content:none}.kinds .wrapper_accordion .ttl_accordion.open .wrapper_i i:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.kinds .wrapper_accordion .inner_accordion{display:none;padding:2.5% 0;box-sizing:border-box}.kinds .wrapper_accordion .inner_accordion .content_accordion{height:auto}#top_experience{width:100%;margin:0 auto;padding:5% 0 7%;position:relative;background:#fbfbfb}#top_experience h2{padding-bottom:.5em}#top_experience h3{padding:2em 0 0}#top_experience .wrapper_lead{margin:5% 0}.top_experience_ul{margin:2.5% 0 0}.top_experience_ul li.outer_li{flex:0 0 31.9999%;margin:0 2% 2% 0;background:#fff;border-radius:10px;filter:drop-shadow(0 0 .02rem #000)}.top_experience_ul li.outer_li:nth-child(3n){margin-right:0}#top_experience .wrapper_lead2{width:90%;height:100px;margin:5% auto;padding:0;justify-content:center;align-items:center;position:relative}#top_experience .wrapper_lead2::before{content:url(../../common/img/parentheses_ul.svg);width:70px;padding-right:20px;position:absolute;top:0;left:0}#top_experience .wrapper_lead2::after{content:url(../../common/img/parentheses_lr.svg);width:70px;padding-left:20px;position:absolute;right:0;bottom:0}#top_experience .wrapper_lead2 p.lead{margin:0;padding:0;font-size:20px}.top_experience_ul li.photo{flex:0 0 40%;border-radius:10px 0 0 10px;position:relative;overflow:hidden}.top_experience_ul li.photo img{border-radius:10px 0 0 10px}.top_experience_ul li.txt{flex:0 0 52%;padding:0 4%;border-radius:0 10px 10px 0}.top_experience_ul li.txt h4{margin-bottom:.5em;padding:0 0 .5em;color:#000;font-size:17px}.top_experience_ul li.txt h4.small{font-size:13px}.top_experience_ul li.txt h4 span{padding:0;color:#3454D1;font-size:14px;display:block}.top_experience_ul li.txt p{margin-bottom:.5em;padding:0 0 .5em;color:#000;font-size:14px;display:none}.top_experience_ul li.txt p.note{margin-bottom:.5em;padding:0 0 .5em;color:#FF1D15;font-size:14px;display:block}.top_experience_ul li.txt span.more a{padding:4%;color:#fff;background:#3454D1;border-radius:2px}.top_experience_ul li.txt span.more a:hover{text-decoration:none;background:#6f89ef}@media screen and (max-width:1200px){.contents{padding-top:54px}.page-template-page-experience .ttlarea ul.outer{max-width:94%}.kinds .wrapper_accordion .ttl_accordion{font-size:18px}.kinds .wrapper_accordion .ttl_accordion .wrapper_i{width:30px;height:30px;margin-top:-15px}#top_experience .wrapper_lead2{width:100%}}@media screen and (min-width:821px) and (max-width:1200px){.page-template-page-experience h1.ttl{font-size:38px}.page-template-page-experience h1.ttl span.en{font-size:18px}.page-template-page-experience h1.ttl span.jp{font-size:18px}}@media screen and (max-width:834px){.container_subpage_inner{width:94%;max-width:94%}.company-profile_ul li.txt h2{display:none}.experience-detail_ul li.txt p{font-size:15px}.top_experience_ul li.outer_li{flex:0 0 49%;margin:0 2% 2% 0;background:#fff;border-radius:10px;filter:drop-shadow(0 0 .02rem #000)}.top_experience_ul li.outer_li:nth-child(3n){margin-right:2%}.top_experience_ul li.outer_li:nth-child(2n){margin-right:0}.top_experience_ul li.txt h4{font-size:1.9vw}.top_experience_ul li.txt h4 span{font-size:1.5vw}.top_experience_ul li.txt p{font-size:1.5vw}.top_experience_ul li.txt span.more a{font-size:1.4vw}#top_experience .wrapper_lead2{width:90%;height:100px;padding:2.5% 5%}#top_experience .wrapper_lead2 p.lead{font-size:18px}#top_experience .wrapper_lead2::before{width:60px}#top_experience .wrapper_lead2::after{width:60px}}@media screen and (max-width:768px){p.lead{font-size:16px}.kinds .wrapper_accordion .ttl_accordion{font-size:16px;text-align:left;padding:15px 60px 15px 15px}#top_experience .wrapper_lead2{width:90%;height:90px;padding:2% 5%}#top_experience .wrapper_lead2 p.lead{font-size:17px}#top_experience .wrapper_lead2::before{width:50px}#top_experience .wrapper_lead2::after{width:50px}}@media screen and (min-width:641px) and (max-width:834px){.page-template-page-experience h1.ttl{font-size:36px}.page-template-page-experience h1.ttl span.en{font-size:17px}.page-template-page-experience h1.ttl span.jp{font-size:17px}.container_subpage h2{font-size:24px}}@media screen and (max-width:768px){section#experience-detail .experience-detail_ul li.txt p{font-size:16px}}@media screen and (max-width:640px){.page-template-page-experience h1.ttl{font-size:34px}.page-template-page-experience h1.ttl span.en{font-size:15px}.page-template-page-experience h1.ttl span.jp{font-size:15px}.contents{padding-top:50px}.container_subpage h2{font-size:22px}section#experience-detail .experience-detail_ul{flex-direction:column}section#experience-detail .experience-detail_ul.r-img{flex-direction:column-reverse}section#experience-detail .experience-detail_ul.l-img li.photo,section#experience-detail .experience-detail_ul.r-img li.photo{flex:0 0 auto;width:100%;max-width:100%;margin-right:0}section#experience-detail .experience-detail_ul.l-img li.photo{margin-right:0}section#experience-detail .experience-detail_ul.r-img li.photo{margin-left:0}section#experience-detail .experience-detail_ul.l-img li.txt,section#experience-detail .experience-detail_ul.r-img li.txt{flex:0 0 auto;width:100%;max-width:100%;margin:3% 0 0}section#experience-detail .experience-detail_ul li.txt p{font-size:16px}.top_experience_ul li.txt h4{font-size:2.2vw}.top_experience_ul li.txt h4 span{font-size:1.8vw}.top_experience_ul li.txt p{font-size:1.8vw}.top_experience_ul li.txt span.more a{padding:3%;font-size:1.7vw}}@media screen and (max-width:480px){.page-template-page-experience h1.ttl{font-size:32px}.page-template-page-experience h1.ttl span.en{font-size:14px}.page-template-page-experience h1.ttl span.jp{font-size:14px}.container_subpage h2{font-size:22px}section#experience-detail .experience-detail_ul li.txt p{font-size:15px}.top_experience_ul li.outer_li{flex:0 0 auto;margin:0 0 2% 0;width:100%;max-width:100%}.top_experience_ul li.outer_li:nth-child(3n){margin-right:0}.top_experience_ul li.outer_li:nth-child(2n){margin-right:0}.top_experience_ul li.txt h4{font-size:4vw}.top_experience_ul li.txt h4 span{font-size:3vw}.top_experience_ul li.txt p{font-size:3vw}.top_experience_ul li.txt span.more a{font-size:2.5vw}}@media screen and (max-width:428px){.page-template-page-experience h1.ttl{font-size:30px}.container_subpage h2{font-size:22px}#top_experience .wrapper_lead2 p.lead{font-size:16px}#top_experience .wrapper_lead2::before{width:40px}#top_experience .wrapper_lead2::after{width:40px}}@media screen and (max-width:414px){.page-template-page-experience h1.ttl{font-size:28px}.container_subpage h2{font-size:22px}}@media screen and (max-width:375px){.page-template-page-experience h1.ttl{font-size:26px}.container_subpage h2{font-size:20px}#top_experience .wrapper_lead2 p.lead{font-size:15px}#top_experience .wrapper_lead2::before{width:30px}#top_experience .wrapper_lead2::after{width:30px}}@media screen and (max-width:320px){.page-template-page-experience h1.ttl{font-size:24px}.page-template-page-experience h1.ttl span.en{font-size:13px}.page-template-page-experience h1.ttl span.jp{font-size:13px}.container_subpage h2{font-size:18px}#top_experience .wrapper_lead2{height:80px}#top_experience .wrapper_lead2 p.lead{font-size:14px}#top_experience .wrapper_lead2::before{width:30px}#top_experience .wrapper_lead2::after{width:30px}}@media screen and (max-width:280px){.page-template-page-experience h1.ttl{font-size:22px}.container_subpage h2{font-size:16px}}