@charset "utf-8";@media only screen and (min-width:1024px) and (max-width:1250px){.page_wrapper{width:1020px}
.title_wrapper{width:95%;bottom:20%}
.cm-templates-heading__title{font-size:6vw !important}
.cm-templates-heading__title span{font-size:6vw !important}
.cm-templates-heading__subtitle{font-size:3.5vw !important}
.cm-templates-heading__subtitle span{font-size:3.5vw !important}
#logo{width:1020px;background-position:center center !important}
.kv_wrapper{height:492px !important}
#keyvisual,#keyvisual .cm-slides-addon{width:1020px;height:492px;position:relative}
.design-content{width:100%;margin:30px 0 30px 0}
.sidebar_wrapper{width:100%;padding:20px;margin-left:-20px}
}
@media only screen and (min-width:768px) and (max-width:1023px){.page_wrapper{width:95%;position:relative}
.title_wrapper{bottom:20%;width:95%}
.cm-templates-heading__title{font-size:8vw !important}
.cm-templates-heading__title span{font-size:8vw !important}
.cm-templates-heading__subtitle{font-size:5vw !important}
.cm-templates-heading__subtitle span{font-size:5vw !important}
#logo{width:100%;background-position:center center !important}
.kv_wrapper{height:492px !important}
#keyvisual,#keyvisual .cm-slides-addon{width:100%;height:492px;position:relative}
.design-content{width:100%;margin:30px 0 30px 0}
.sidebar_wrapper{width:100%;padding:20px;margin-left:-20px}
}
@media only screen and (min-width:1px) and (max-width:767px){#keyvisual.cm-kv-mobile{height:150px}
.page_wrapper{width:100%;position:relative}
.title_wrapper{bottom:15%;width:95%}
.cm-templates-heading__title{font-size:6vw !important}
.cm-templates-heading__title span{font-size:6vw !important}
.cm-templates-heading__subtitle{font-size:3.5vw !important}
.cm-templates-heading__subtitle span{font-size:3.5vw !important}
#logo{width:100%;background-position:center center !important;position:relative}
.mobile_navigation{display:block;width:100%;text-align:center}
.mobile_navigation>a{text-decoration:none;display:block;padding:10px 20px}
#cm_navigation{display:none}
.open_navigation #cm_navigation{display:block}
.navigation_wrapper>ul{text-align:center}
.navigation_wrapper li.cm_has_subnavigation>a:after{float:none}
.navigation_wrapper>ul>li{display:block}
.navigation_wrapper>ul>li>ul{position:relative;width:100%;display:none}
.navigation_wrapper>ul>li:hover>ul{display:block}
.navigation_wrapper>ul>li>ul>li>ul{position:relative;width:100%;left:auto;top:auto;display:none}
.navigation_wrapper>ul>li:nth-child(n+5)>ul>li>ul,.navigation_wrapper>ul>li:last-child>ul>li>ul{left:auto;right:auto}
.navigation_wrapper>ul>li>ul>li:hover>ul{display:block}
.kv_wrapper{height:368px !important}
#keyvisual,#keyvisual .cm-slides-addon{width:100%;height:368px;position:relative}
.content_wrapper{padding:30px 20px}
.design-content{display:block;width:auto}
.sidebar_wrapper{display:block;width:100%;padding:10px;margin-left:-10px}
}
@media only screen and (max-width:479px){#keyvisual.cm-kv-mobile{height:150px}
.page_wrapper{width:100%;position:relative}
.title_wrapper{width:95%;bottom:20%}
.cm-templates-heading__title{font-size:8vw !important}
.cm-templates-heading__title span{font-size:8vw !important}
.cm-templates-heading__subtitle{font-size:6vw !important}
.cm-templates-heading__subtitle span{font-size:6vw !important}
#logo{width:100%;background-position:center !important;position:relative}
.navigation_wrapper>ul{text-align:center}
.navigation_wrapper li.cm_has_subnavigation>a:after{float:none}
.navigation_wrapper>ul>li{display:block}
.navigation_wrapper>ul>li>ul{position:relative;width:100%;display:none}
.navigation_wrapper>ul>li:hover>ul{display:block}
.navigation_wrapper>ul>li>ul>li>ul{position:relative;width:100%;left:auto;top:auto;display:none}
.navigation_wrapper>ul>li:nth-child(n+5)>ul>li>ul,.navigation_wrapper>ul>li:last-child>ul>li>ul{left:auto;right:auto}
.navigation_wrapper>ul>li>ul>li:hover>ul{display:block}
.kv_wrapper{height:230px !important}
#keyvisual,#keyvisual .cm-slides-addon{width:100%;height:230px;position:relative}
.content_wrapper{padding:20px 10px}
.design-content{display:block;width:auto;margin:30px 0 30px 0}
.sidebar_wrapper{display:block;width:100%;padding:10px;margin-left:-10px}
}
@media only screen and (max-width:320px){.kv_wrapper{height:154px !important}
#keyvisual,#keyvisual .cm-slides-addon{height:154px !important}
}