@charset "utf-8";*{box-sizing:border-box}body{font-style:normal;font-weight:400;line-height:1.5em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo","Noto Sans JP","Noto Sans CJK JP",sans-serif!important;font-size:18px}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,input,textarea,p,blockquote,table,caption,tr,th,td,span,object,iframe,a,address,em,strong,img{margin:0;padding:0;border:0}table{border-collapse:collapse;border-spacing:0}img{width:100%;height:auto;border:0;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;user-select:none}ul,ol,li{list-style:none}object,embed{vertical-align:top}label{cursor:pointer}legend{padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;border:1px solid #aaa}td,textarea{vertical-align:top}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;resize:vertical}header,section,footer,aside,nav,article,hgroup,figcaption,figure,canvas,audio,video,main,picture{margin:0;padding:0;display:block}.clearfix:after{content:"";display:block;clear:both}.clearfix{zoom:1}a{text-decoration:none}a:focus{outline:none}.border1sC{border:1px solid #ccc}.borderBox{box-sizing:border-box}.fL{float:left}.fR{float:right}.wrapper{width:90%;margin:0 auto}.textAC{text-align:center}.lineH1{line-height:1em}.lineH12{line-height:1.2em}.lineH2{line-height:2em}.lineH25{line-height:2.5em}.lineH3{line-height:3em}.portrait,.landscape{display:none}
@media (orientation:portrait){.portrait{display:block}}
@media (orientation:landscape){.landscape{display:block}}
@font-face{
font-family:'M PLUS 1p';
src:url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Black.woff2) format('woff2'),
url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Black.woff) format('woff');
font-weight:900;font-style:normal;font-display:swap
}
@font-face{
font-family:'M PLUS 1p';
src:url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Bold.woff2) format('woff2'),
url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Bold.woff) format('woff');
font-weight:700;font-style:normal;font-display:swap
}
@font-face{
font-family:'M PLUS 1p';
src:url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Medium.woff2) format('woff2'),
url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Medium.woff) format('woff');
font-weight:500;font-style:normal;font-display:swap
}
@font-face{
font-family:'M PLUS 1p';
src:url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Regular.woff2) format('woff2'),
url(https://githubmonden.github.io/monstar/fonts/MPLUS1p-Regular.woff) format('woff');
font-weight:400;font-style:normal;font-display:swap
}
@font-face{
font-family:'aoboshi_oneregular';
src:url(https://githubmonden.github.io/monstar/fonts/aoboshione-regular-webfont.woff2) format('woff2'),
url(https://githubmonden.github.io/monstar/fonts/aoboshione-regular-webfont.woff) format('woff');
font-weight:400;font-style:normal;font-display:swap
}
header{position:relative;background-color:yellow}header section{width:90%;margin:0 auto;padding:10px 0}
header h1.logo-h1{
background-image:url(https://u.jimcdn.com/cms/o/s26c925167db76a19/userlayout/img/logo.png?t=1753247850);
background-size:contain;background-repeat:no-repeat;background-position:center;width:50vw;height:auto;aspect-ratio:850 / 369;display:block;position:relative;margin:0 auto}
header h1.logo-h1 a.logo-link {display:block;width:100%;height:100%;text-decoration: none}
header h1.logo-h1:hover {opacity:0.5}
@media (min-width:600px){header h1.logo-h1{width:30vw}}
@media (min-width:769px){header h1.logo-h1{width:15vw}}
header h1 span.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.menu-toggle{position:fixed;top:10px;right:10px;z-index:1001;cursor:pointer;border-radius:10px;opacity:1}.menu-toggle:hover{opacity:.5}.menu-toggle img{width:70px;height:70px}
@media screen and (min-width:769px){.menu-toggle{top:30px;right:50px}.menu-toggle img{width:100px;height:100px}}
#menu{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.2);transform:translateX(100%);transition:transform 0.3s ease;z-index:1000}#menu.active{transform:translateX(0)}#menu ul{list-style:none;padding:60px 20px}#menu a{text-decoration:none;font-size:18px;color:#333;display:block;padding:1em 0}#menu a:hover{background-color:#fff4cf}#movie-main{width:100%}#movie-main{position:relative;width:100%;overflow:hidden}#movie-main video{width:100%;height:100%;object-fit:cover;display:block}#video-main{width:100%;height:auto}main{width:100%}.container{overflow:hidden}.box_left,.box_right{box-sizing:border-box;overflow:hidden;float:none;width:100%;height:40vh}.box_left h2,.box_right h2{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:1em;height:100%;padding:30px;box-sizing:border-box;font-family:'aoboshi_oneregular'!important;color:#000}.box_left img,.box_right img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:769px){.box_left{float:left;width:50%;aspect-ratio:16 / 9}.box_right{float:right;width:50%;aspect-ratio:16 / 9}.box_left h2,.box_right h2{font-size:1.5em;padding:50px;line-height:1.5em}}
footer{background-color:#e50019;padding-top:30px;}
footer a:hover{opacity:0.5;}
footer .logo-footer{text-align:center;}
footer .logo_monstar{width:20vw;display:inline-block;margin-left:auto;margin-right:auto;margin-bottom:10px;}
@media (min-width: 600px) {footer .logo_monstar{width: 12vw;}}
@media (min-width: 769px) {footer .logo_monstar{width: 5vw;}}
footer .logo_moncre{width: 36vw;display:inline-block;margin-left:auto;margin-right:auto;margin-bottom:10px;}
@media (min-width:600px){footer .logo_moncre{width:24vw}}
@media (min-width:769px){footer .logo_moncre{width:12vw}}
footer .address{text-align:center;color:#fff;padding-bottom:50px;font-weight:lighter}footer .company{font-size:1.2em;text-align:center;margin-bottom:50px}footer .company a{color:#fff;text-decoration:none}footer .copyRight{text-align:center;color:#fff;padding-bottom:30px}footer a:hover{opacity:.5}.n{padding:0}