.flex-box{display:flex;align-items:center;justify-content:space-between}.vm-btn{display:inline-block;font-weight:bold;text-align:center;padding:6px 60px;border:1px solid #5885af;border-radius:30px;color:#5885af !important;text-decoration:none !important;margin-top:2rem;background:transparent}.h-box{display:flex}.h-box .h-line{background-color:#5885af}.h-box h2{color:#003a64;font-weight:bold}.h-box h2 span{display:block}#topimage{position:relative;overflow:hidden}#topimage .toptitle{position:absolute;z-index:1;top:30%;left:5%}#topimage .toptitle p{color:#fff;font-weight:bold;font-size:clamp(1.125rem, 0.9rem + 1.13vw, 2.25rem);line-height:clamp(2.25rem, 1.8rem + 2.25vw, 4.5rem);text-shadow:4px 5px 5px rgba(0,0,0,0.6)}#topimage .toptitle p span{font-size:56px;font-size:clamp(1.75rem, 1.4rem + 1.75vw, 3.5rem)}#topimage .topitem_main,#topimage .topitem_sub{position:absolute}#topimage .topitem_main{width:clamp(14.25rem, 11.4rem + 14.25vw, 28.5rem);z-index:0}#topimage .topitem_sub{width:clamp(7.125rem, 5.7rem + 7.12vw, 14.25rem);z-index:0}#lineup{position:relative;margin-top:2rem}#lineup .h-box{position:relative;z-index:1}#lineup .lineup_inner{display:flex;justify-content:center;position:relative}#lineup .bg_band{position:absolute;content:"";max-width:1920px;width:100%;max-height:360px;aspect-ratio:16/3;background-color:#a9cee8;bottom:0;z-index:0}#company-info,#recruit{overflow:hidden}#news{background-color:#e1ecf0}#news h3{font-weight:bold;color:#003a64}#news .news-box{background-color:#fff}#news .news-box a{text-decoration:none;color:#333}#news .news-box .news_list_item a{display:flex}#news .news-box .news_item01{background-color:#0054a3}#news .news-box .news_item02{background-color:#fc8237}#news .news-box .news_item03{background-color:#0396db}#news .news-box .news_item01,#news .news-box .news_item02,#news .news-box .news_item03{padding:3px 10px;margin-left:10px;border-radius:5px;color:#fff;font-weight:bold}#contact{background-image:url("../../../images/contact_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}#contact h3{text-align:center;color:#fff;font-weight:bold}#contact h3 span{display:block}#contact .contact_inner{justify-content:center}#contact .contact_inner .contact_box{width:100%;background-color:rgba(51,51,51,0.6);outline:1px solid #fff;outline-offset:-10px;text-align:center;font-weight:bold;color:#fff}#contact .contact_inner .contact_box .mail-btn{border:2px solid #fff;display:inline-block;color:#fff;text-decoration:none;border-radius:30px;padding:6px 60px}@media screen and (min-width: 780px), print{.toppage-mb{margin-bottom:7rem}.vm-btn{padding:5px 40px;transition:.3s}.vm-btn:hover{background-color:#5885af;border:1px solid;color:#fff !important}.h-box{align-items:center;margin-bottom:3rem;padding-left:30px}.h-box .h-line{width:2px;height:62px;position:relative;top:3px;margin-left:-20px}.h-box h2{font-size:1.25rem;margin-left:20px}.h-box h2 span{font-size:3rem;line-height:3rem}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1243px){.h-box h2{font-size:1rem}.h-box h2 span{font-size:2.5rem}}@media screen and (min-width: 780px), print{#topimage{padding-bottom:60px}#topimage .toptitle .pl_txt{padding-left:56px}#topimage .topimage-sp{display:none}#topimage .topitem_main{left:20%;bottom:0}#topimage .topitem_sub{left:5%;top:10%}}@media screen and (min-width: 780px) and (min-width: 1244px) and (max-width: 1459px){#topimage .topitem_main{left:50%}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1243px){#topimage .topitem_main{left:60%}}@media screen and (min-width: 780px), print{#lineup{padding-bottom:180px}#lineup .lineup_inner{z-index:2;padding:0 30px}#lineup .lineup_inner .img-hover.bg{position:relative;overflow:hidden}#lineup .lineup_inner .img-hover.bg::before,#lineup .lineup_inner .img-hover.bg::after{content:"";display:block;position:absolute;margin:auto;top:0;left:0;margin:auto;transition:0.3s cubic-bezier(0.45, 0, 0.55, 1);opacity:0}#lineup .lineup_inner .img-hover.bg::before{background:rgba(255,255,255,0.4);width:100%;height:100%}#lineup .lineup_inner .img-hover.bg::after{color:#fff;content:"View More";font-size:22px;font-weight:bold;display:flex;text-align:center;justify-content:center;align-items:center;bottom:0;right:0}#lineup .lineup_inner .img-hover.bg:hover::before,#lineup .lineup_inner .img-hover.bg:hover::after{opacity:1}}@media screen and (min-width: 780px) and (min-width: 1244px) and (max-width: 1459px){#lineup{padding-bottom:150px}}@media screen and (min-width: 780px) and (min-width: 1028px) and (max-width: 1243px){#lineup{padding-bottom:120px}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){#lineup{padding-bottom:90px}}@media screen and (min-width: 780px), print{#about .about_inner .txt_box{width:40%}#about .about_inner .txt_box .txt{font-size:24px;margin-left:30px}#about .about_inner .txt_box .vm-btn{margin-left:30px}#about .about_inner .img_box{width:60%}#company-info,#recruit{overflow:hidden}#company-info img,#recruit img{width:100%}#company-info .bg01,#recruit .bg01{display:block;position:absolute;background-color:#003a64;width:100%;height:450px;bottom:0;z-index:1}#company-info .inner,#recruit .inner{position:relative}#company-info .inner .wrapper3,#recruit .inner .wrapper3{background-color:#fff;padding-bottom:100px}#company-info .inner .wrapper3 .button-list,#recruit .inner .wrapper3 .button-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}#company-info .inner .wrapper3 a:hover,#recruit .inner .wrapper3 a:hover{background-color:#5885af;border:1px solid;color:#fff}#company-info .inner .wrapper3 .ct-btn,#company-info .inner .wrapper3 .ct-btn02,#recruit .inner .wrapper3 .ct-btn,#recruit .inner .wrapper3 .ct-btn02{display:inline-block;font-weight:bold;text-align:center;width:100%;padding:5px 40px;background:#fff;color:#5885af;border:1px solid #5885af;border-radius:20px;text-decoration:none;transition:.3s}#company-info .inner .wrapper3 .p-box .txt,#recruit .inner .wrapper3 .p-box .txt{font-size:24px}}@media screen and (min-width: 780px) and (min-width: 1028px) and (max-width: 1243px){#company-info .inner .wrapper3 .flex-box .text-box,#recruit .inner .wrapper3 .flex-box .text-box{margin:0 60px;margin-top:60px}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){#company-info .inner .wrapper3 .flex-box,#recruit .inner .wrapper3 .flex-box{flex-direction:column;align-items:center}#company-info .inner .wrapper3 .flex-box .text-box,#recruit .inner .wrapper3 .flex-box .text-box{margin:0 60px;margin-top:120px}#company-info .bg01,#recruit .bg01{width:100%;height:500px;top:2%;z-index:1}}@media screen and (min-width: 780px), print{#company-info .text-box{margin-left:160px}#company-info .bg01{left:-60%}#company-info .item{position:absolute;top:34%;left:3%;z-index:9999}#company-info .item img{width:20vw}#company-info .flex-box{justify-content:flex-start;align-items:flex-end;position:relative}#company-info .flex-box .img,#company-info .flex-box .text-box{position:relative;z-index:3}#company-info .flex-box .text-box{margin-left:200px;height:420px;padding-top:40px}#company-info .flex-box .text-box .p-box{width:460px;margin-left:30px}}@media screen and (min-width: 780px) and (min-width: 1244px) and (max-width: 1459px){#company-info .flex-box .text-box{margin-left:40px}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){#company-info .inner .wrapper3 .flex-box{flex-direction:column}#company-info .bg01{left:-30%}}@media screen and (min-width: 780px), print{#recruit .text-box{margin-right:160px}#recruit .bg01{right:-60%}#recruit .item{position:absolute;top:40%;right:3%;z-index:9999}#recruit .item img{width:20vw}#recruit .flex-box{justify-content:flex-end;align-items:flex-end;position:relative}#recruit .flex-box .img,#recruit .flex-box .text-box{position:relative;z-index:3}#recruit .flex-box .text-box{height:420px;padding-top:60px}#recruit .flex-box .text-box .p-box{width:460px;margin-left:30px}}@media screen and (min-width: 780px) and (min-width: 1244px) and (max-width: 1459px){#recruit .flex-box .text-box{margin-right:40px}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){#recruit .inner .wrapper3 .flex-box{flex-direction:column-reverse}#recruit .bg01{right:-30%}}@media screen and (min-width: 780px), print{#news{padding:80px 30px}#news h3{font-size:3rem}#news .news-box{padding:40px 60px;margin-left:30px}#news .news-box .news_list_item{padding:16px 0}#news .news-box .news_list_item a{padding-right:30px}#news .news-box .news_list_date{font-size:16px;margin-right:16px}#news .news-box time,#news .news-box .news-txt{line-height:34px}}@media screen and (min-width: 780px) and (min-width: 1028px) and (max-width: 1243px){#news .news-box .news_list_item a{flex-direction:column}#news .news_list_date{margin-bottom:10px}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){#news h3{font-size:2.5rem;margin-bottom:20px}#news .news-box{margin-left:0}#news .flex-box{flex-direction:column}#news .flex-box .sp-dp-none{display:none}#news .flex-box .news_list_item a{flex-direction:column}}@media screen and (min-width: 780px), print{#contact{padding:80px 0}#contact h3{font-size:3rem;margin-bottom:3rem}#contact h3 span{font-size:1.25rem}#contact .contact_inner .mr-1{margin-right:1rem}#contact .contact_inner .ml-1{margin-left:1rem}#contact .contact_inner .contact_box{padding:60px 0;font-size:24px}#contact .contact_inner .contact_box .list_box li span{font-size:40px}#contact .contact_inner .contact_box .list_box li:nth-child(1){margin-bottom:40px}#contact .contact_inner .contact_box .list_box li:nth-child(2){margin-bottom:20px}#contact .contact_inner .contact_box .list_box li:nth-child(3){margin-bottom:40px}#contact .contact_inner .contact_box a{transition-duration:.4s}#contact .contact_inner .contact_box a:hover{transform:scale(1.1)}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1243px){#contact h3{font-size:2.5rem}#contact h3 span{font-size:18px}#contact .contact_inner{flex-direction:column}#contact .contact_inner li:nth-child(1){margin-bottom:2rem}}@media screen and (max-width: 779px){.h-box{flex-direction:column-reverse;margin-bottom:20px;padding-left:16px}.h-box .h-line{width:16px;height:2px}.h-box h2{font-size:0.75rem;padding-bottom:5px}.h-box h2 span{font-size:2rem;line-height:2rem;padding-bottom:5px}#topimage{padding-bottom:30px}#topimage .topimage{display:none}#topimage .topitem_main{left:50%;bottom:0}#topimage .topitem_sub{left:5%;top:5%}#lineup{margin-bottom:3rem;padding-bottom:60px}#lineup .lineup_inner{z-index:2;padding:0 30px}}@media screen and (max-width: 779px) and (max-width: 480px){#lineup{padding-bottom:0}#lineup .lineup_inner{flex-direction:column}#lineup .lineup_inner a:nth-child(1){margin-bottom:1rem}#lineup .bg_band{display:none}}@media screen and (max-width: 779px){#about{margin-bottom:3rem}#about .about_inner{flex-direction:column;align-items:flex-start}#about .about_inner .txt_box{width:100%}#about .about_inner .txt_box .txt{margin-left:16px}#about .about_inner .txt_box .vm-btn{margin-left:16px}#about .about_inner .img_box{margin-top:2rem}#company-info,#recruit{padding-bottom:3rem}#company-info h2,#recruit h2{margin-top:2rem}#company-info .inner .wrapper3,#recruit .inner .wrapper3{background-color:#fff;padding-bottom:2.5rem}#company-info .inner .wrapper3 .flex-box .p-box,#recruit .inner .wrapper3 .flex-box .p-box{margin-left:16px;margin-right:16px}#company-info .inner .button-list,#recruit .inner .button-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px}#company-info .inner .ct-btn,#company-info .inner .ct-btn02,#recruit .inner .ct-btn,#recruit .inner .ct-btn02{display:inline-block;width:100%;font-weight:bold;text-align:center;padding:6px 30px;background-color:#5885af;border-radius:20px;color:#fff;text-decoration:none}#company-info .inner .item,#recruit .inner .item{display:none}#company-info .flex-box{flex-direction:column;align-items:center}#recruit .inner .wrapper3 .flex-box{flex-direction:column-reverse;align-items:center}#recruit .inner .wrapper3 .button-box{margin-bottom:0}#news{padding:3rem 16px;margin-bottom:3rem}#news h3{font-size:2rem;line-height:2rem;margin-bottom:2rem}#news .news-box{padding:40px 20px;width:100%}#news .news-box .news_list_item{padding:10px 0}#news .news-box .news_list_item a{width:100%}#news .news-box .news_list_item a p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#news .news-box .news_list_date{font-size:12px}#news .news-box time,#news .news-box .news-txt{line-height:30px}#news .flex-box{flex-direction:column}#news .flex-box .news_list_item a{flex-direction:column}#contact{padding:3rem 16px}#contact h3{font-size:2rem;line-height:2rem;margin-bottom:2rem}#contact h3 span{font-size:0.75rem}#contact .contact_inner .contact_box{padding:40px 0;font-size:1rem}#contact .contact_inner .contact_box ul li span{font-size:24px}#contact .contact_inner .contact_box ul li:nth-child(1){margin-bottom:20px}#contact .contact_inner .contact_box ul li:nth-child(2){margin-bottom:10px}#contact .contact_inner .contact_box ul li:nth-child(3){margin-bottom:20px}#contact .contact_inner{flex-direction:column}#contact .contact_inner li:nth-child(1){margin-bottom:1rem}}
