body .header-container{width:30%;height:100%;background-color:initial}body .header-container header{height:auto !important}body .header-container header .header-wrapper{position:relative;height:100svh;min-height:500px;padding:30px 40px;background-color:#fff}body .header-container header .header-wrapper .header-logo{width:250px;max-width:100%;margin-bottom:150px;transition:.3s}body .header-container header .header-wrapper .header-logo a{display:block}body .header-container header .header-wrapper .header-logo a img{display:block}@media(min-width:1150px){body .header-container header .header-wrapper .header-logo:hover{opacity:.7}}body .header-container header .header-wrapper .header__nav-box{position:absolute;bottom:30px}body .header-container header .header-wrapper .header__nav-box .hum__box{position:relative;z-index:11;display:none;width:58px;height:30px}body .header-container header .header-wrapper .header__nav-box .hum__box div{position:fixed}body .header-container header .header-wrapper .header__nav-box .hum__box span{position:absolute;display:inline-block;width:58px;height:2px;background:#000;border-radius:5px;transition:all .4s}body .header-container header .header-wrapper .header__nav-box .hum__box span:nth-of-type(2){top:8px}body .header-container header .header-wrapper .header__nav-box .hum__box .label{position:absolute;top:14px;left:0;font-size:12px;font-weight:700;color:#000;letter-spacing:.5em;transition:all .3s}body .header-container header .header-wrapper .header__nav-box .hum__box.active span:nth-of-type(1){top:0;left:0;width:58px;transform:translateY(6px) rotate(-10deg)}body .header-container header .header-wrapper .header__nav-box .hum__box.active span:nth-of-type(2){top:13px;left:0;width:58px;transform:translateY(-6px) rotate(10deg)}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list{margin-bottom:60px}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item{position:relative;padding-left:20px;margin-bottom:24px;font-size:16px;font-weight:700;letter-spacing:.08em}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item.nav--sp-visible{display:none}@media(min-width:1150px){body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item :hover span{width:52px;background-color:#e95552}}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item span{position:absolute;top:50%;right:calc(100% - 12px);display:inline-block;width:12px;height:2px;background-color:#000;transition:.3s;transform:translateY(-50%)}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.contact{display:block;width:250px;max-width:100%;padding:10px;background:#e95552;border-radius:4px;margin-bottom:16px}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.contact span{font-size:14px;line-height:normal;letter-spacing:.16em;display:block;width:-moz-fit-content;width:fit-content;padding-left:26px;margin:0 auto;font-weight:700;color:#fff;letter-spacing:.18em;background-image:url(//oceantravel.co.jp/wp-content/themes/cocoon-child-master/css/../img/icon/mail-white.png);background-repeat:no-repeat;background-position:bottom 50% left 0;background-size:16px;transition:.3s}@media(min-width:1150px){body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.contact:hover{background:color-mix(in srgb,#e95552,#000 30%)}}@media(min-width:600px)and (max-width:1149px){body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.contact span{font-size:12px}}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language{display:block;width:250px;max-width:100%;padding:10px;background:#272626;border-radius:4px;position:relative}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language span{font-size:14px;line-height:normal;letter-spacing:.16em;display:block;width:-moz-fit-content;width:fit-content;padding-left:26px;margin:0 auto;font-weight:700;color:#fff;letter-spacing:.18em;background-image:url(//oceantravel.co.jp/wp-content/themes/cocoon-child-master/css/../img/icon/languege-white.png);background-repeat:no-repeat;background-position:bottom 50% left 0;background-size:16px;transition:.3s}@media(min-width:1150px){body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language:hover{background:color-mix(in srgb,#272626,#fff 30%)}}@media(min-width:600px)and (max-width:1149px){body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language span{font-size:12px}}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language .language__list{position:absolute;bottom:0;left:calc(100% - 32px);z-index:3;width:150px;padding:16px;margin-bottom:0 !important;visibility:hidden;background:#f3f5f7;border-radius:8px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.09);opacity:0;transition:ease-in .3s}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language .language__list.visible{visibility:visible;opacity:1}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language .language__list .language__item{padding:8px 0;font-size:16px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #ececef}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language .language__list .language__item:first-child{padding-top:0}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language .language__list .language__item:last-child{padding-bottom:0;border-bottom:none}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn.language .language__list .language__item a{display:block}@media screen and (min-width:600px)and (max-width:1149px){body .header-container header .header-wrapper{padding:30px clamp(16px,3vw,40px)}}@media screen and (max-width: 599px){body .header-container{width:100%}body .header-container header .header-wrapper{display:flex;align-items:center;justify-content:space-between;height:initial;min-height:initial;padding:16px}body .header-container header .header-wrapper .header-logo{width:200px;margin-bottom:0}body .header-container header .header-wrapper .header__nav-box{position:initial}body .header-container header .header-wrapper .header__nav-box .hum__box{display:block}body .header-container header .header-wrapper .header__nav-box .header__nav-content{position:fixed;top:0;left:100%;z-index:3;width:100vw;height:100svh;padding:64px 40px;background:#fff;transition:ease-in .3s}body .header-container header .header-wrapper .header__nav-box .header__nav-content.fade-in{left:0}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item{padding:initial}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item.nav--sp-visible{display:block}body .header-container header .header-wrapper .header__nav-box .header__nav-content .header__nav-list .header__nav-item span{display:none}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box{position:absolute;bottom:80px;width:100%}body .header-container header .header-wrapper .header__nav-box .header__nav-content .btn__box .header-btn{width:200px !important}}