/* Summer/site header styles, scoped to avoid changing the spring LP. Sources: css/style.css, common/css/import.css imports, common/css/common.css, css/ziplus.css. */ @import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css"); .spring-site-header .ly_cont{width:calc(100% - 30px);max-width:980px;margin-left:auto;margin-right:auto} @media all and (min-width: 641px){ .spring-site-header .ly_cont{width:100%} } .spring-site-header .ly_header{letter-spacing:0;line-height:1.5;box-sizing:border-box;display:block;margin:0;padding:0;-webkit-text-size-adjust:100%;background:url("/img/dummy.png");font-family:Arial,"Hiragino Sans","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",游ゴシック,YuGothic,メイリオ,Meiryo,sans-serif;font-weight:normal;font-size:14px;color:#333;line-break:strict;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word} .spring-site-header .ly_header *{box-sizing:border-box;margin:0;padding:0;background:none;border:none;font:inherit;color:inherit} .spring-site-header .ly_header *:before, .spring-site-header .ly_header *:after{box-sizing:border-box} .spring-site-header .ly_header .ly_cont{margin:0 auto} .spring-site-header .ly_header b, .spring-site-header .ly_header em{font:inherit;font-weight:700} .spring-site-header .ly_header i{font:inherit} .spring-site-header .ly_header ol, .spring-site-header .ly_header ul{list-style:none;padding:0} .spring-site-header .ly_header table{border-collapse:collapse;border-spacing:0} .spring-site-header .ly_header caption, .spring-site-header .ly_header th, .spring-site-header .ly_header td{text-align:left;font-weight:normal;vertical-align:middle} .spring-site-header quotes:none .ly_header q:before, .spring-site-header .ly_header q:after, .spring-site-header quotes:none .ly_header blockquote:before, .spring-site-header .ly_header blockquote:after{content:"";content:none} .spring-site-header .ly_header article, .spring-site-header .ly_header aside, .spring-site-header .ly_header details, .spring-site-header .ly_header figcaption, .spring-site-header .ly_header figure, .spring-site-header .ly_header footer, .spring-site-header .ly_header header, .spring-site-header .ly_header hgroup, .spring-site-header .ly_header main, .spring-site-header .ly_header menu, .spring-site-header .ly_header nav, .spring-site-header .ly_header section, .spring-site-header .ly_header summary{display:block} .spring-site-header .ly_header a{text-decoration:none;color:inherit} .spring-site-header .ly_header a img{border:none} .spring-site-header .ly_header a:hover, .spring-site-header .ly_header a:focus{text-decoration:none} .spring-site-header .ly_header a[href^="tel:"]{transition:none;cursor:default} .spring-site-header .ly_header a[href^="tel:"]:hover, .spring-site-header .ly_header a[href^="tel:"]:focus{opacity:1} @media all and (min-width: 641px){ .spring-site-header .ly_header a[href^="tel:"]{pointer-events:none} } .spring-site-header .ly_header img{height:auto} .spring-site-header .ly_header figure, .spring-site-header .ly_header picture{display:block;text-align:center} .spring-site-header .ly_header figure img, .spring-site-header .ly_header picture img{vertical-align:bottom} .spring-site-header .bl_btns{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto} .spring-site-header .bl_btns:nth-child(n/**/+2){margin-top:2em} .spring-site-header .el_btn{appearance:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;text-align:center;cursor:pointer;border:none;background:transparent;color:inherit;outline:none;font:inherit;width:auto;padding:.25em .75em .35em;line-height:1.25;min-width:44px;min-height:44px} .spring-site-header .el_btn{color:#fff} @media all and (min-width: 641px){ .spring-site-header .el_btn{transition:.2s opacity} .spring-site-header .el_btn:hover, .spring-site-header .el_btn:focus{opacity:.7} } .spring-site-header .bl_header_nav a, .spring-site-header .bl_header_nav label{max-width:100%;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word} .spring-site-header .bl_header_nav a wbr:before, .spring-site-header .bl_header_nav label wbr:before{content:"​"} .spring-site-header .bl_popUp_state{display:none} .spring-site-header .bl_popUp_state:checked ~ .bl_popUp_overlay{visibility:visible;opacity:1} .spring-site-header .bl_popUp_state:checked ~ .bl_popUp_body{visibility:visible;opacity:1} .spring-site-header .bl_popUp_overlay{content:"";display:block;width:100%;position:fixed;height:100%;left:0;top:0;z-index:2;transition:.2s opacity, .2s visibility;visibility:hidden;opacity:0;z-index:9999;background:rgba(0,0,0,0.6)} .spring-site-header .bl_popUp_body{display:block;position:fixed;z-index:4;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;transition:.2s opacity, .2s visibility;visibility:hidden;opacity:0;background:#fff;top:50%;transform:translateY(-50%);border-radius:4px;display:flex;flex-direction:column;align-items:center;z-index:9999} @media all and (max-width: 640.9px){ .spring-site-header .bl_popUp_body{width:91%;left:4%;padding:63px 15px 45px} } @media all and (min-width: 641px){ .spring-site-header .bl_popUp_body{width:700px;max-height:85vh;left:calc(50% - 350px);padding:40px 0} } .spring-site-header .bl_popUp_body>p{text-align:center;font-size:22px;font-weight:500} .spring-site-header .bl_popUp_close{color:#727171;font-size:30px;position:absolute;right:0;top:0;cursor:pointer;width:44px;height:44px;text-align:center;transition:.2s opacity;font-weight:700} .spring-site-header .bl_popUp_close:hover, .spring-site-header .bl_popUp_close:focus{opacity:.8} @media all and (max-width: 640.9px){ .spring-site-header .bl_popUp_close{font-size:35px} } .spring-site-header .bl_popUp_close:before{content:"×"} .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_overlay{content:"";display:block;width:100%;position:fixed;height:100%;left:0;top:0;z-index:2;transition:.2s opacity, .2s visibility;visibility:hidden;opacity:0;z-index:9999;background:none} .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_body{background:url("/img/line_popup.jpg") no-repeat center/contain;min-height:100%;justify-content:flex-end;padding:5vw 15px 17vw} @media all and (min-width: 641px){ .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_body{display:none} } .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_body .bl_popUp_close{top:6.5%} .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_body>a{width:90%} .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_body>a img{width:100%} .spring-site-header .bl_popUp.bl_popUp__line .bl_popUp_body>a:last-child{margin-top:15px} .spring-site-header .bl_form_selectLabel select{-webkit-appearance:none;-ms-appearance:none;border-radius:0;margin:0;appearance:none;box-sizing:border-box;font:inherit;vertical-align:middle;background:#fff;display:inline-block;max-width:100%;min-width:3em;border:1px solid #bfbfbf;border-radius:3px;padding:8px;box-shadow:0 2px 0 #eee inset;line-height:26px} .spring-site-header .bl_form_selectLabel select::placeholder{color:#b1b1b1} .spring-site-header .bl_form_selectLabel select:-ms-input-placeholder{color:#b1b1b1} .spring-site-header .bl_form_selectLabel select::-ms-input-placeholder{color:#b1b1b1} .spring-site-header .bl_form_selectLabel select::-ms-expand{display:none} .spring-site-header .bl_form_selectLabel select::-ms-clear{visibility:hidden} .spring-site-header .bl_form_selectLabel select::-webkit-search-cancel-button{-webkit-appearance:none} .spring-site-header .bl_form_selectLabel select:disabled{opacity:.7;cursor:default} @media all and (max-width: 640.9px){ .spring-site-header .bl_form_selectLabel select{font-size:16px} } .spring-site-header .bl_form_selectLabel{position:relative;display:inline-block;line-height:1} .spring-site-header .bl_form_selectLabel:before{position:absolute;display:flex;justify-content:center;align-items:center;line-height:1;pointer-events:none;content:"▼";color:#333;font-size:10px;top:1px;right:1px;width:34px;height:calc(100% - 2px);border-radius:0 3px 3px 0} .spring-site-header .bl_form_selectLabel select{width:100%;cursor:pointer;padding-right:36px} .spring-site-header .ly_header{margin:0;padding:0;display:block;position:relative;width:100%;text-align:left;z-index:2} @media all and (max-width: 640.9px){ .spring-site-header .ly_header{height:55px;position:fixed} } @media all and (min-width: 641px){ .spring-site-header .ly_header{height:130px} } .spring-site-header .bl_header{margin:0;padding:0;z-index:1;margin:0 auto;width:100%;background:#fff;position:relative;transition:.2s height} .spring-site-header .bl_header:before{position:absolute;display:block;content:"";background:#dadbdb;width:100%;height:1px;left:0;top:70px} @media all and (max-width: 640.9px){ .spring-site-header .bl_header{height:55px;justify-content:flex-start;display:flex;align-content:center;align-items:center;padding:0} } @media all and (min-width: 641px){ .spring-site-header .bl_header{height:130px;min-width:1240px;transition:.3s height, .3s background} } @media all and (max-width: 640.9px){ .spring-site-header .bl_header:before{position:fixed;display:block;content:"";background:#000;width:0%;height:100%;top:0;right:0;opacity:0;transition:0s width .2s, .2s opacity} } .spring-site-header .bl_header .bl_header1, .spring-site-header .bl_header .bl_header2{display:flex} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1, .spring-site-header .bl_header .bl_header2{width:980px;margin:0 auto;justify-content:space-between} } @media all and (max-width: 640.9px){ .spring-site-header .bl_header .bl_header1{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:space-between;padding-right:42px} } @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1{padding-top:10px;padding-right:30px} } .spring-site-header .bl_header .bl_header1 .un_col2{display:flex} @media all and (max-width: 640.9px){ .spring-site-header .bl_header .bl_header1 .un_col2{display:none} } .spring-site-header .bl_header .bl_header1 .un_col2 .bl_btns{margin:0;color:#fff} .spring-site-header .bl_header .bl_header1 .un_col2 .bl_btns .el_btn{font-size:14px;font-weight:700;letter-spacing:.05em;width:200px;height:50px;border-radius:5px;padding-left:30px} .spring-site-header .bl_header .bl_header1 .un_col2 .bl_btns .el_btn:after{box-sizing:border-box;content:"";width:.5em;height:.5em;border:1px solid #fff;border-width:0 2px 2px 0;transform-origin:center;transform:rotate(-45deg);display:inline-block;margin-left:.6em} .spring-site-header .bl_header .bl_header1 .un_col2 .bl_btns .el_btn.line{background:url("/img/i_line_wt.png") no-repeat left 30px center/15px 15px,#4ebb4b} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col2 .bl_btns .el_btn.line{display:none} } .spring-site-header .bl_header .bl_header1 .un_col2 .bl_btns .el_btn.form{background:url("/img/i_file_wt.png") no-repeat left 27px center/15px 20px,#13afa9;margin-left:10px;color:#fff} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1{margin-left:20px} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .bl_form_selectLabel{font-size:12px;letter-spacing:.05em} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .bl_form_selectLabel>select{min-height:21px;padding:0;padding-left:5px;padding-right:5px} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link{margin-top:5px;display:flex;justify-content:space-between;align-content:center;align-items:center;font-size:14px;font-weight:700;color:#595757;letter-spacing:.05em} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul{height:1em} } @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li{padding-bottom:23px} } .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li>a{align-items:flex-end;position:relative} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li>a:before{display:inline-block;font-family:"Font Awesome 5 Free";content:"";margin-right:.25em;position:absolute;left:-3px;top:4px} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li>ul{width:95px} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li>ul{width:105px;background:none} } .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li li{position:relative} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li li>a{background:#FC8B04;color:#fff;width:95px;height:37px;text-align:center;min-width:95px;display:flex;justify-content:center;align-items:center} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li li>a{transition:.2s opacity} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li li>a:hover, .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li li>a:focus{opacity:.7} } .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>ul>li li>a>span{position:absolute;right:-10px;top:0;background:#d81d13;width:1.5em;height:1.5em;border-radius:50%;display:flex;align-items:center;justify-content:center} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>a{transition:.2s opacity} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>a:hover, .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link>a:focus{opacity:.7} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link .un_fav{margin-right:10px;position:relative} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link .un_fav{height:2em} } .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link .un_log{background:linear-gradient(to bottom, #787878, #787878) no-repeat left center/1px 15px;padding-left:14px} .spring-site-header .bl_header .bl_header1 .un_col2 .un_col1 .un_link .un_log:before{display:inline-block;font-family:"Font Awesome 5 Free";content:"";margin-right:.25em} .spring-site-header .bl_header .bl_header1 .un_col3{letter-spacing:.05em;font-weight:700;height:100%;display:flex;background:linear-gradient(to bottom, #dbdcdc, #dbdcdc) no-repeat right top/1px 50px} @media all and (min-width: 641px){ .spring-site-header .bl_header .bl_header1 .un_col3{display:none} } .spring-site-header .bl_header .bl_header1 .un_col3>label{width:50px} .spring-site-header .bl_header .bl_header1 .un_col3>label>p{text-align:center;font-weight:700;font-size:10px;display:block;font-size:10px;transform:scale(0.8);transform-origin:0 0;white-space:nowrap;margin-left:5px} .spring-site-header .bl_header .bl_header1 .un_col3>a{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom, #dbdcdc, #dbdcdc) no-repeat left top/1px 50px;width:52px} .spring-site-header .bl_header .bl_header1 .un_col3>a>p{text-align:center;font-weight:700;font-size:10px;display:block;font-size:10px;transform:scale(0.8);transform-origin:0 0;margin-left:9px} .spring-site-header .bl_header .bl_header1 .un_col3 .bl_contact_num{color:#ff6427} @media all and (max-width: 640.9px){ .spring-site-header .bl_header .bl_header1 .un_col3 .bl_contact_num{color:#595757} } .spring-site-header .bl_header .bl_header1 .un_col3 .bl_contact_num:before{display:block;font-size:18px;font-family:"Font Awesome 5 Free";font-weight:900;margin-top:2px;margin-left:2px;content:""} .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_favorite{background:linear-gradient(to bottom, #dbdcdc, #dbdcdc) no-repeat left top/1px 50px;position:relative} .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_favorite:before{display:block;font-family:"Font Awesome 5 Free";content:"";margin-left:19px;margin-top:5px} .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_favorite>p{margin-top:2.5px;margin-left:5.5px} @media all and (max-width: 640.9px){ .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_favorite>p{color:#595757} } .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_language{background:linear-gradient(to bottom, #dbdcdc, #dbdcdc) no-repeat left top/1px 50px} @media all and (max-width: 640.9px){ .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_language{color:#595757} } .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_language:before{display:block;content:"";font-size:20px;font-family:"Font Awesome 5 Free";margin-left:13px;line-height:1.3em;margin-top:2.5px} .spring-site-header .bl_header .bl_header1 .un_col3 .bl_header_language>p{width:100%} .spring-site-header .bl_header .bl_header2{padding-top:15px;align-items:center;align-content:center} @media all and (max-width: 640.9px){ .spring-site-header .bl_header .bl_header2{display:none} } .spring-site-header .bl_header .bl_header2 .un_tel{display:flex;align-content:center;align-items:center} .spring-site-header .bl_header .bl_header2 .un_tel:before{display:inline-block;content:"";background:url("/img/i_tel_or.png") no-repeat;background-size:contain;width:14px;height:21px;vertical-align:middle;margin-right:.35em;margin-top:-3px} .spring-site-header .bl_header .bl_header2 .un_tel>b{font-weight:900;font-size:26px;line-height:1;color:#ff6427;margin-bottom:4px} .spring-site-header .bl_header .bl_header2 .un_tel>i{display:block;color:#727171;font-size:12px;letter-spacing:.05em;background:linear-gradient(to bottom, #dadbdb, #dadbdb) no-repeat left center/1px 20px;padding-left:1em;margin-left:2em} @media all and (max-width: 640.9px){ .spring-site-header .bl_header_title{margin-left:10px} } @media all and (min-width: 641px){ .spring-site-header .bl_header_title{transition:.2s height, .2s margin;margin-top:4px} } .spring-site-header b.bl_header_catch{font-weight:inherit;margin:0;display:block;line-height:1.25;letter-spacing:.05em;font-weight:400;overflow:hidden;max-height:3em;opacity:1;transition:.2s opacity, .2s max-height} @media all and (max-width: 640.9px){ .spring-site-header b.bl_header_catch{font-feature-settings:"palt";font-size:12px} } .spring-site-header .bl_header_name{display:block;color:inherit;line-height:1.25;transition:.2s margin;font-weight:700;transition:.2s width, .2s margin;color:#555;overflow:hidden;white-space:nowrap;text-indent:101%;background:url("/img/i_logotype.png") no-repeat left center/contain;font-size:28px;font-weight:700} @media all and (max-width: 640.9px){ .spring-site-header .bl_header_name{font-size:27.5px;width:26vw} .spring-site-header .bl_header_name:nth-child(2){margin-top:2px} } @media all and (min-width: 641px){ .spring-site-header .bl_header_name{width:178px;height:50px;image-rendering:-webkit-optimize-contrast} .spring-site-header .bl_header_name:nth-child(2){margin-top:.5em;margin-bottom:.5em} } @media all and (max-width: 640.9px){ .spring-site-header nav.bl_header_drawer{position:fixed;right:-100%;transition:.3s right, .2s top, .2s height;padding-bottom:100px;overflow:auto;width:100%;max-height:100vh;border-top:solid 1px #dedede;background:#ffffff;top:55px;height:calc(100vh - 55px)} } @media all and (min-width: 641px){ .spring-site-header nav.bl_header_drawer{display:none} } .spring-site-header nav.bl_header_drawer .un_drawer_link{display:flex} .spring-site-header nav.bl_header_drawer .un_drawer_link>a{width:50%;display:flex;align-items:center;align-content:center;font-size:13.2px;letter-spacing:.05em;padding:8.25px 16.5px;position:relative} .spring-site-header nav.bl_header_drawer .un_drawer_link>a:before{display:inline-block;content:"";background:url("/img/i_hurt_or.png") no-repeat;background-size:contain;width:16px;height:20px;margin-top:5px;margin-right:1em} .spring-site-header nav.bl_header_drawer .un_drawer_link>a:nth-child(1):after{position:absolute;display:block;content:"";background:url("/img/i_point_or.png") no-repeat;background-size:contain;width:6px;height:6px;top:10px;left:9em} .spring-site-header nav.bl_header_drawer .un_drawer_link>a:nth-child(2){border-left:solid 1px #dedede} .spring-site-header nav.bl_header_drawer .un_drawer_link>a:nth-child(2):before{background:url("/img/i_clock_or.png") no-repeat;background-size:contain;width:16px;height:20px} .spring-site-header nav.bl_header_drawer .un_drawer_col1, .spring-site-header nav.bl_header_drawer .un_drawer_col2, .spring-site-header nav.bl_header_drawer .un_drawer_col3{border-top:solid 1px #dedede} .spring-site-header nav.bl_header_drawer .un_drawer_col1>h3, .spring-site-header nav.bl_header_drawer .un_drawer_col2>h3, .spring-site-header nav.bl_header_drawer .un_drawer_col3>h3{font-size:13.2px;font-weight:700;letter-spacing:.05em;padding-left:16.5px;border-bottom:solid 1px #dedede;padding:8.25px 16.5px} .spring-site-header nav.bl_header_drawer .un_drawer_col1 ul, .spring-site-header nav.bl_header_drawer .un_drawer_col2 ul{display:flex;flex-wrap:wrap;padding:0px 16.5px 8.25px;gap:2.666%} .spring-site-header nav.bl_header_drawer .un_drawer_col1 ul>li, .spring-site-header nav.bl_header_drawer .un_drawer_col2 ul>li{width:23%;border:solid 1px #595757;margin-top:10px} .spring-site-header nav.bl_header_drawer .un_drawer_col1 ul>li>a, .spring-site-header nav.bl_header_drawer .un_drawer_col2 ul>li>a{height:27.5px;display:flex;align-items:center;align-content:center;justify-content:center;font-size:8.8px;letter-spacing:.05em;font-weight:700;color:#595757;position:relative} .spring-site-header nav.bl_header_drawer .un_drawer_col1 ul>li>a:after, .spring-site-header nav.bl_header_drawer .un_drawer_col2 ul>li>a:after{box-sizing:border-box;content:"";width:.5em;height:.5em;border:1px solid #ff6e34;border-width:0 2px 2px 0;transform-origin:center;transform:rotate(-45deg);display:block;position:absolute;top:calc(50% - .27778em);right:.75em} .spring-site-header nav.bl_header_drawer .un_drawer_col1 ul>li>a:after, .spring-site-header nav.bl_header_drawer .un_drawer_col2 ul>li>a:after{border-width:0 1px 1px 0;right:4%} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul{display:flex;flex-wrap:wrap;justify-content:space-between} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li{width:50%;border-bottom:solid 1px #dedede} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(2n){border-left:solid 1px #dedede} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li>a{display:flex;align-items:center;align-content:center;font-size:13.2px;letter-spacing:.05em;padding:8.25px 16.5px} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li>a:before{display:inline-block;content:"";background-size:contain;background-repeat:no-repeat;margin-top:5px;margin-right:1em} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(1)>a:before{background-image:url("/img/i_book_or.png");width:11.55px;height:17.05px} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(2)>a:before{background-image:url("/img/i_chat_or.png");width:15.4px;height:12.65px} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(3)>a:before{background-image:url("/img/i_hand_or.png");width:15.4px;height:13.2px} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(4)>a:before{background-image:url("/img/i_earth_or.png");width:15.4px;height:13.2px} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(5)>a:before{background-image:url("/img/i_yen_or.png");width:15.4px;height:12.1px} .spring-site-header nav.bl_header_drawer .un_drawer_col3 ul>li:nth-child(6)>a:before{background-image:url("/img/i_company_or.png");width:15.4px;height:13.2px} .spring-site-header nav.bl_header_drawer .bl_header_info{width:62%;margin-left:auto;margin-right:auto;font-size:13.2px;letter-spacing:.05em;font-weight:700;padding:0;margin-top:27.5px} .spring-site-header nav.bl_header_drawer .bl_header_info>a{display:flex;align-content:center;align-items:center;justify-content:center;height:44px;color:#fff} .spring-site-header nav.bl_header_drawer .bl_header_info>i{color:#727171;font-size:8.8px;letter-spacing:.05em} .spring-site-header nav.bl_header_drawer .bl_header_info .bl_contact_num{background:url("/img/i_tel_wt.png") no-repeat left 8vw center,#ff6427;background-size:13.75px 22px} .spring-site-header nav.bl_header_drawer .bl_header_info .el_btn.line{background:url("/img/i_line_wt.png") no-repeat left 7vw center,#4ebc4b;background-size:19.8px 18.15px;margin-top:11px} .spring-site-header nav.bl_header_drawer .bl_header_info .el_btn.form{background:url("/img/i_file_wt.png") no-repeat left 7vw center,#13b0aa;background-size:14.85px 20.35px;margin-top:5.5px;color:#fff} @media all and (max-width: 640.9px){ .spring-site-header nav.bl_header_lang{position:fixed;transition:.0s top, .2s height;overflow:auto;width:100vw;max-height:100vh;left:0;background:#ffffff;top:55px;top:-100%} } @media all and (min-width: 641px){ .spring-site-header nav.bl_header_lang{display:none} } .spring-site-header nav.bl_header_lang a{display:flex;justify-content:center;align-items:center;align-content:center;height:70px;font-size:3.5vw;border-top:solid 1px #DBDCDC} .spring-site-header nav.bl_header_lang a:first-child{border-top:none} @media all and (max-width: 640.9px){ .spring-site-header nav.bl_header_fav{position:fixed;transition:.0s top, .2s height;overflow:auto;width:100vw;max-height:100vh;left:0;background:#ffffff;top:55px;top:-100%} } @media all and (min-width: 641px){ .spring-site-header nav.bl_header_fav{display:none} } .spring-site-header nav.bl_header_fav a{display:flex;justify-content:center;align-items:center;align-content:center;height:70px;font-size:3.5vw;border-top:solid 1px #DBDCDC;position:relative} .spring-site-header nav.bl_header_fav a:first-child{border-top:none} .spring-site-header nav.bl_header_fav a>span{background:#d81d13;width:1.5em;height:1.5em;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:5px;right:5px} .spring-site-header ul.bl_header_nav{font-feature-settings:"palt";font-family:Arial,"Hiragino Sans","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",游ゴシック,YuGothic,メイリオ,Meiryo,sans-serif;font-size:14px;line-height:1.25} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_nav{display:none} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav{display:flex;justify-content:space-between;align-items:center;padding-right:1em;padding-bottom:.25em;max-width:1160px;transition:.2s height} } .spring-site-header ul.bl_header_nav li{position:relative} @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav li:hover>ul, .spring-site-header ul.bl_header_nav li:focus>ul{max-height:100vh;transition:.3s max-height ease-in} .spring-site-header ul.bl_header_nav li:focus-within>ul{max-height:100vh;transition:.3s max-height ease-in} } .spring-site-header ul.bl_header_nav a, .spring-site-header ul.bl_header_nav label{display:flex;align-items:center;align-content:center;cursor:pointer;position:relative;height:44px;color:inherit;padding:4px 20px 6px;font-weight:700;padding-left:22px} @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav a, .spring-site-header ul.bl_header_nav label{position:relative;width:100%;font-size:inherit} } .spring-site-header ul.bl_header_nav a i, .spring-site-header ul.bl_header_nav label i{display:block;width:100%;font-family:Arial,"Hiragino Sans","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",游ゴシック,YuGothic,メイリオ,Meiryo,sans-serif;font-size:18px;font-weight:700;letter-spacing:.25em;padding-left:.25em;margin-top:6px;font-weight:700} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_nav a i, .spring-site-header ul.bl_header_nav label i{display:none} } .spring-site-header ul.bl_header_nav label{cursor:default} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_nav label{position:relative} .spring-site-header ul.bl_header_nav label:after{box-sizing:border-box;content:"";width:.5em;height:.5em;border:1px solid #333;border-width:0 2px 2px 0;transform-origin:center;transform:rotate(-45deg);display:block;position:absolute;top:calc(50% - .27778em);right:.75em} .spring-site-header ul.bl_header_nav label:after{right:1.25em;transform:rotate(45deg);transition:.2s transform} } .spring-site-header ul.bl_header_nav>li{display:block} @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li{height:100%} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li>a, .spring-site-header ul.bl_header_nav>li>label{justify-content:center;text-align:center;flex-direction:column;align-items:flex-start;margin-right:1.5em;padding:4px .25em 6px .45em} } .spring-site-header ul.bl_header_nav>li ul{overflow:hidden} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_nav>li ul{max-height:0;transition:.3s max-height ease-out} .spring-site-header ul.bl_header_nav>li ul>li{border-top:1px solid #fff} .spring-site-header ul.bl_header_nav>li ul>li>a, .spring-site-header ul.bl_header_nav>li ul>li>label{padding-left:30px;font-weight:500} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li ul{position:absolute;background:rgba(255,255,255,0.95)} .spring-site-header ul.bl_header_nav>li ul:hover, .spring-site-header ul.bl_header_nav>li ul:focus{overflow:visible} .spring-site-header ul.bl_header_nav>li ul:focus-within{overflow:visible} .spring-site-header ul.bl_header_nav>li ul>li+li{margin-top:1px} .spring-site-header ul.bl_header_nav>li ul a, .spring-site-header ul.bl_header_nav>li ul label{padding-left:20px;padding-right:20px;height:48px;letter-spacing:.1em;transition:.2s background;min-width:10em} .spring-site-header ul.bl_header_nav>li ul a:hover, .spring-site-header ul.bl_header_nav>li ul a:focus, .spring-site-header ul.bl_header_nav>li ul label:hover, .spring-site-header ul.bl_header_nav>li ul label:focus{background:#ccc;color:#000} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li:hover>ul, .spring-site-header ul.bl_header_nav>li:focus>ul{max-height:100vh;transition:.3s max-height ease-in} .spring-site-header ul.bl_header_nav>li:focus-within>ul{max-height:100vh;transition:.3s max-height ease-in} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li>ul{left:0;top:100%;max-height:0;min-width:100%;transition:.3s max-height ease-out .1s} } .spring-site-header ul.bl_header_nav>li>ul>li>a, .spring-site-header ul.bl_header_nav>li>ul>li>label{white-space:nowrap} @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li>ul li:hover>ul, .spring-site-header ul.bl_header_nav>li>ul li:focus>ul{transition:.3s max-width ease-in;max-width:100%} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li>ul li:focus-within>ul{transition:.3s max-width ease-in;max-width:100%} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_nav>li>ul ul{left:100%;top:0;max-width:0;transition:.3s max-width ease-out .1s} } @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_nav>li>ul ul a, .spring-site-header ul.bl_header_nav>li>ul ul label{padding-left:50px} } @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta{width:100%;display:flex;margin-top:20px} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_cta{display:flex;justify-content:flex-end;height:100%} } .spring-site-header ul.bl_header_cta>li{display:flex;flex-wrap:wrap} .spring-site-header ul.bl_header_cta>li>*{width:100%} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_tel{flex:1} } .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a{display:flex;flex-direction:column;justify-content:center;line-height:1.25;height:100%;background:#333;color:#6b321b} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a:before{box-sizing:border-box;display:inline-block;content:"";background:url("/img/i_tel_wt.png") no-repeat center/contain;margin:0;width:100%;height:2em} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a{width:200px} } .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a>*{display:block;text-align:center} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a i{display:none} } .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a b{white-space:nowrap;font-size:16px;font-weight:700;letter-spacing:.1em;line-height:1.1;padding-left:.1em;margin-top:.5em} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a b{margin-top:.25em;font-size:20.9px} } .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a u{text-decoration:none;letter-spacing:.1em;padding-left:.1em} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_tel>a u{margin-top:.5em;font-size:11px} } @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_mail{width:110px;max-width:33%} } .spring-site-header ul.bl_header_cta .bl_header_cta_mail>a{background:#333 url("/img/i_mail_wt.png") no-repeat center/34px auto;color:#ffe400;font-weight:700;display:block;overflow:hidden;white-space:nowrap;text-indent:101%;padding:0} @media all and (max-width: 640.9px){ .spring-site-header ul.bl_header_cta .bl_header_cta_mail>a{width:100%;height:110px} } @media all and (min-width: 641px){ .spring-site-header ul.bl_header_cta .bl_header_cta_mail>a{width:120px;height:100%;transition:.2s background-color, .2s background-size} .spring-site-header ul.bl_header_cta .bl_header_cta_mail>a:hover, .spring-site-header ul.bl_header_cta .bl_header_cta_mail>a:focus{opacity:1;background-color:#333} } .spring-site-header .bl_header_drawerToggle{z-index:2;top:0;right:0;margin:auto;cursor:pointer;display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;min-width:44px;min-height:44px;overflow:hidden;width:44px;height:44px;margin:0 0 0 auto;top:5px;right:0;width:40px;position:fixed} @media all and (max-width: 640.9px){ .spring-site-header .bl_header_drawerToggle{transition:.2s top} } @media all and (min-width: 641px){ .spring-site-header .bl_header_drawerToggle{display:none} } .spring-site-header .bl_header_drawerToggle:hover, .spring-site-header .bl_header_drawerToggle:focus{opacity:1} .spring-site-header .bl_header_drawerToggle em{display:block;width:100%;margin:0;padding:0;font:inherit;line-height:1;text-align:center;color:#999;font-size:10px} .spring-site-header .bl_header_drawerIcon{width:24px;height:22px;position:relative;display:flex;flex-flow:column;justify-content:space-between} .spring-site-header .bl_header_drawerIcon i{height:3px;display:block;width:100%;transition:.3s ease-in-out;transform-origin:center;background:#ff6427} .spring-site-header .bl_header_drawerState{display:none} @media all and (max-width: 640.9px){ .spring-site-header .bl_header_drawerState:checked ~ .bl_header{backdrop-filter:none} .spring-site-header .bl_header_drawerState:checked ~ .bl_header .bl_header_drawerToggle .bl_header_drawerIcon i:nth-child(1){transform:translateY(9.5px) rotate(-45deg)} .spring-site-header .bl_header_drawerState:checked ~ .bl_header .bl_header_drawerToggle .bl_header_drawerIcon i:nth-child(2){transform:rotate(45deg);opacity:0} .spring-site-header .bl_header_drawerState:checked ~ .bl_header .bl_header_drawerToggle .bl_header_drawerIcon i:nth-child(3){transform:translateY(-9.5px) rotate(45deg)} .spring-site-header .bl_header_drawerState:checked ~ .bl_header .bl_header_drawer{right:0} } .spring-site-header .bl_header_languages{display:none} @media all and (max-width: 640.9px){ .spring-site-header .bl_header_languages:checked ~ .bl_header{backdrop-filter:none} .spring-site-header .bl_header_languages:checked ~ .bl_header .bl_header_lang{top:44px} } .spring-site-header .bl_header_favorites{display:none} @media all and (max-width: 640.9px){ .spring-site-header .bl_header_favorites:checked ~ .bl_header{backdrop-filter:none} .spring-site-header .bl_header_favorites:checked ~ .bl_header .bl_header_fav{top:44px} } .spring-site-header .bl_header_info{padding:15px 20px 0;text-align:center} @media all and (min-width: 641px){ .spring-site-header .bl_header_info{display:none} } .spring-site-header .bl_header_info_name{font-weight:700;font-size:19.8px;letter-spacing:.05em;padding-left:.05em} .spring-site-header .bl_header_info_adrs{margin-top:.75em} .spring-site-header .bl_header .bl_header2 .un_tel_en{display:flex;align-content:center;align-items:center} .spring-site-header .bl_header .bl_header2 .un_tel_en:before{display:inline-block;content:"";background:url("/img/i_tel_foreign.png") no-repeat;background-size:contain;width:50px;height:21px;vertical-align:middle;margin-right:.35em;margin-top:-15px} .spring-site-header .bl_header .bl_header2 .un_tel_en p .phone_en{display:block;font-weight:900;font-size:22px;line-height:1;color:#ff6427;margin-bottom:4px} .spring-site-header .bl_header .bl_header2 .un_tel_en p .b_hour_en{display:block;color:#727171;font-size:11px} .spring-site-header .bl_header .bl_header2 .un_tel p .phone_jp{display:block;font-weight:900;font-size:22px;line-height:1;color:#ff6427;margin-bottom:4px} .spring-site-header .bl_header .bl_header2 .un_tel p .b_hour_jp{display:block;color:#727171;font-size:11px} .spring-site-header nav.bl_header_drawer .bl_header_info .bl_contact_num_f{background:url("/img/i_tel_wt.png") no-repeat left 8vw center,#007aff;background-size:13.75px 22px} .spring-site-header .sp_hmbnav_hg{font-size:13.2px;font-weight:700;letter-spacing:.05em;border-bottom:solid 1px #dedede;padding:8.25px 16.5px} @media screen and (max-width: 768px) { .spring-site-header .bl_header.summer2026 .bl_header1{ padding-right: 0 !important; } } @media screen and (max-width: 768px) { .spring-site-header .bl_header.summer2026 .bl_header_drawerToggle{ display: none; } } @media screen and (max-width: 768px) { .spring-site-header #ht-container .drop{ display: none; } .spring-site-header #ht-container .drop li{ position: relative; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .spring-site-header #ht-container .drop a{ position: relative; font-size: 0.875rem; line-height: 26px; letter-spacing: 0.7px; color: #3E3A39; font-weight: bold; } .spring-site-header #ht-container .drop li + li{ border-top: 1px solid #DBDCDC; } } @media screen and (max-width: 768px) { .spring-site-header .bl_header.summer2026 .bl_header1{ padding-right: 0 !important; } } @media screen and (max-width: 768px) { .spring-site-header .bl_header.summer2026 .bl_header_drawerToggle{ display: none; } } .spring-site-header .bl_header .bl_header2 .un_tel{ display: flex ; align-content: center; align-items: center; } .spring-site-header .bl_header .bl_header2 .un_tel:before{ display: inline-block; content: ""; background: url("/img/i_tel_jp.png") no-repeat; background-size: contain; width: 50px; height: 21px; vertical-align: middle; margin-right: .35em; margin-top: -15px; } .spring-site-header .ly_header{background:none} @media(max-width:640.9px){body.has-spring-site-header{padding-top:55px}.has-spring-site-header .month-dock{top:55px}} .spring-site-header{position:relative;z-index:10} @media(max-width:640.9px){.spring-site-header .ly_header{top:0;left:0}.has-spring-site-header .skip-link:focus{z-index:11}}