@charset "UTF-8";

#fixed-header {
position: fixed;
top: -70px;
transition: .5s;
}

#fixed-header.is-show {
top:0;
left:0;
z-index:800;
width: 100%;
}

button{
overflow:visible
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{
border-style:0;padding:0
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring{
outline:1px dotted ButtonText;
}
[type=reset],
[type=submit],
button,
html [type=button]{
-webkit-appearance:button
}
button,select{
text-transform:none
}
button,input,select,textarea{
background-color:transparent;border-style:none;color:inherit
}
select{
-moz-appearance:none;-webkit-appearance:none
}
select::-ms-expand{
display:none
}
select::-ms-value{
color:currentColor
}
legend{
border:0;color:inherit;display:table;max-width:100%;white-space:normal
}
::-webkit-file-upload-button{
-webkit-appearance:button;font:inherit
}
[type=search]{
-webkit-appearance:textfield;outline-offset:-2px
}

@media (max-width:1100px){.pcOnly{display:none!important}}
@media (min-width:1101px){.spOnly{display:none!important}}
@media (max-width:1100px){.l-wrapper{/*padding-bottom:22.66667vw;*/overflow:hidden}}
@media (min-width:1101px){.l-wrapper{width:100%;min-width:1200px}}
@media (max-width:1100px){.o-header-wrapper{height:0px}}
@media (min-width:1101px){.o-header-wrapper{height:0px}}
.o-header{width:100%;background-color:#dfdfdf;}
.o-header__content{display:-ms-flexbox;/*display:flex;*/-ms-flex-align:center;align-items:center;/*font-size:0*/}
@media (max-width:1100px){.o-header__content{padding:0 15px 0 8px;height:44px}}
@media (min-width:1101px){.o-header__content{height:55px;width: 100vw;}}
.o-header__logo{line-height:1}
@media (max-width:1100px){
.o-header__logo{width:75px}
.o-header__logo img{width:100%}
}
.o-header__anchors{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;flex-wrap: wrap;
justify-content: flex-end;}
@media (max-width:1100px){.o-header__anchors{display:-ms-flexbox;display:block;-ms-flex-align:center;align-items:center;flex-wrap: wrap;
justify-content: flex-end;}}
@media (min-width:1101px){.o-header__anchors{margin-left:auto}}
@media (min-width:1101px){.o-header__anchor{font-size:12px;line-height:1;font-weight:600;}}
@media (min-width:1101px){.o-header__anchor:not(:first-child){margin-left:20px}}

@media (max-width:1100px){
.o-header-hbgr{
margin-left:auto;
position: absolute;
width:25px;
height:16px;
outline:none;
right: 10px;
top: 10px;
}
.o-header-hbgr span{
position:absolute;
left:0;
display:block;
width:25px;
height:2px;
background-color:#000;
-webkit-transition:all .3s linear;transition:all .3s linear
}
.o-header-hbgr span:first-child{
top:0
}
.o-header-hbgr span:nth-child(2){
top:calc(50% - 1px)
}
.o-header-hbgr span:nth-child(3){
top:calc(100% - 2px)
}
.o-header-hbgr.is-active span:first-child{
top:calc(50% - 1px);
-webkit-transform:rotate(225deg);
transform:rotate(225deg)
}
.o-header-hbgr.is-active span:nth-child(2){opacity:0
}
.o-header-hbgr.is-active span:nth-child(3){top:calc(50% - 1px);
-webkit-transform:rotate(135deg);transform:rotate(135deg)
}
}
.o-mv{font-size:0;line-height:0}

.o-menu{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.o-menu:not(.is-active){pointer-events:none;visibility:hidden;opacity:0}
.o-menu.is-active{visibility:visible;opacity:1}
.o-menu-content{padding:10px 0 11.33333vw;background-color:#dfdfdf;
-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}
.o-menu-content:not(.is-active){-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.o-menu-content.is-active{-webkit-transform:translateY(0);transform:translateY(0)}
.o-menu-content-link{display:block;text-align:center;color:#fff;font-size:4.26667vw;line-height:14.93333vw;font-weight:600}
@media (min-width:1101px){
.js-mv-image{opacity:0;-webkit-transition:all .35s cubic-bezier(.175,.885,.32,1.275);transition:all .35s cubic-bezier(.175,.885,.32,1.275);
-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8)}}
@media (min-width:1101px){
.js-mv-image.is-show{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}


.tl{
color: #000;
font-size: 16px;
overflow: visible;
display: inline-block;
position: absolute;
top: 16px;
left: 10px;
}
@media (min-width:1101px){
.tl{
font-size: clamp(10px, 1.6vw, 19px);
top: 19px;
left: 10px;
}
}
.tl a,
.tl a:link,
.tl a:visited,
.tl a:hover{
color: #000;
font-weight: bold;
text-decoration: none;
}
@media (min-width:1101px){
.o-header__anchors{
margin: 0 10px;
}
}
.o-header__anchors{
margin: 0 10px;
padding: 0;
}


.o-header__anchors li{
position: relative;
border-bottom: 1px solid #999;
list-style: none;
padding: 16px 16px 16px 0;
}

.o-header__anchors li.other{
list-style: none;
padding: 14px 14px 14px 0;
background: #CF142B;
border-bottom: none;
margin-top: 20px;
}
@media (min-width:1101px){
.o-header__anchors li{
list-style: none;
padding: 0 0 0 6px;
border-bottom: none;
}
.o-header__anchors li.other{
list-style: none;
padding: 10px 14px;
background: #CF142B;
border-bottom: none;
margin-top: 8px;
margin-left: 8px;
}
}

.o-header__anchors li a{
text-decoration: none;
color: #2d2f33;
margin: 0 24px;
font-weight: bold;
}
@media (min-width:1101px){
.o-header__anchors li a{
text-decoration: none;
color: #2d2f33;
margin: 0 18px;
}
}
.o-header__anchors li.other a{
text-decoration: none;
color: #fff;
margin: 0 6px 0 24px;
}
@media (min-width:1101px){
.o-header__anchors li.other a{
text-decoration: none;
color: #fff;
margin: 0 6px 0 18px;
}
}
.o-header__anchors li a:hover{
text-decoration: none;
color: #CF142B;
}
.o-header__anchors li.other a:hover{
text-decoration: none;
color: #fff;
}
.o-header__anchors li a:before {
content: "";
position: absolute;
top: calc(50% - 6px);
border-right: 2px solid #CF142B;
border-bottom: 2px solid #CF142B;
transform: rotate(45deg);
width: 8px;
height: 8px;
margin-left: -17px;
}
.o-header__anchors li.other a:before {
content: "";
position: absolute;
top: calc(50% - 4px);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
width: 8px;
height: 8px;
}