@charset "utf-8";@media only screen and (min-width:1024px) and (max-width:1250px){.toggle_navigation>a{visibility:hidden}
.page_wrapper{width:92%;max-width:1050px}
#keyvisual{width:100%}
.content_main_dho{width:70%}
.sidebar_wrapper{width:-webkit-calc(30% - 60px);width:calc(30% - 60px);min-width:200px}
.head_wrapper{width:92%;max-width:1050px}
.title_wrapper{display:inline-block;position:relative;width:642px;width:-webkit-calc(100% - 300px);width:calc(100% - 300px)}
.fixed .navigation_wrapper{margin-top:-120px}
.fixed .navigation_wrapper.open_navigation{margin-top:0}
.fixed.pinned .navigation_wrapper.open_navigation{margin-top:0}
.fixed.pinned .navigation_wrapper{margin-top:0}
.navigation_wrapper>ul>li>ul{display:none}
.navigation_wrapper>ul>li:hover>ul{display:block}
}
@media only screen and (min-width:768px) and (max-width:1023px){.toggle_navigation>a{visibility:hidden}
.page_wrapper{width:100%}
#keyvisual{width:100%;height:300px}
.content_main_dho{width:63%}
.sidebar_wrapper{width:-webkit-calc(37% - 60px);width:calc(37% - 60px);min-width:200px}
.head_wrapper{width:100%;left:50%;margin-left:-50%}
.title_wrapper{display:inline-block;position:relative;width:520px;width:-webkit-calc(100% - 300px);width:calc(100% - 300px)}
.fixed .navigation_wrapper{margin-top:-160px}
.fixed .navigation_wrapper.open_navigation{margin-top:0}
.fixed.pinned .navigation_wrapper.open_navigation{margin-top:0}
.fixed.pinned .navigation_wrapper{margin-top:0}
.navigation_wrapper>ul>li>ul{display:none}
.navigation_wrapper>ul>li:hover>ul{display:block}
}
@media only screen and (min-width:1px) and (max-width:767px){.toggle_navigation>a{visibility:visible;opacity:1}
.spacer{display:none}
.page_wrapper{width:100%;padding:0 0 40px 0}
.pinned .page_wrapper{display:inline-block;vertical-align:top;width:18%;overflow:hidden;height:100%}
.head_wrapper{position:relative}
.pinned .head_wrapper{width:1000px}
#keyvisual{width:100%;height:270px;margin:0}
.pinned #keyvisual{width:1000px}
.pinned .subtitle_wrapper{width:1000px}
.pinned .main_wrapper{width:1000px}
.content_main_dho{display:block;width:100%}
.sidebar_wrapper{display:block;margin-left:0;margin-top:20px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px)}
.pinned .footer_wrapper{width:1000px}
.head_wrapper{width:100%;left:50%;margin-left:-50%}
.toggle_navigation{width:70px}
.title_wrapper{display:inline-block;position:relative;width:315px;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:auto;white-space:normal}
.logo_wrapper{width:99%;text-align:center}
.logo_wrapper.nav_desk{display:none}
.navigation_wrapper{display:none}
.fixed .navigation_wrapper{margin-top:-160px}
.fixed .navigation_wrapper.open_navigation{margin-top:0}
.fixed .navigation_wrapper.open_navigation.pinned{margin-top:0}
.fixed .navigation_wrapper.pinned{margin-top:0}
.pinned .navigation_wrapper.nav_mob{display:inline-block;vertical-align:top;width:82%;height:100%;visibility:visible;opacity:1;margin:0}
.navigation_wrapper>ul{display:block;margin-top:90px}
.navigation_wrapper>ul>li{display:block}
.navigation_wrapper>ul>li>ul{position:relative;display:none}
.navigation_wrapper>ul>li:hover>ul{display:block}
.navigation_wrapper>ul>li>ul>li,.navigation_wrapper>ul>li>ul>li>ul>li{max-width:inherit}
.navigation_wrapper>ul>li>ul>li:nth-child(even){margin:0}
.navigation_wrapper>ul>li>ul>li:nth-child(odd){margin:0}
.logo_wrapper .cm-logo{display:block;margin:0 auto}
}
@media only screen and (min-width:1px) and (max-width:550px){#keyvisual{height:220px}
}
@media only screen and (min-width:1px) and (max-width:450px){#keyvisual{height:170px}
}