@import url('https://fonts.googleapis.com/css2?family=League+Script&family=Noto+Sans+JP:wght@500&display=swap');

body, .font_sans-serif, .hannari{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.didot, #intro_wrap .intro_title::before, #contents1_wrap::before, #page_title .page_title_box p, #contents3 .con_box::before{font-family: 'League Script', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;letter-spacing: 0}

.linkStyle{color: #91BA4A}

body, html, .font_14{font-size: 16px}
#fakeloader:before{background-color: #F2F2F2!important}
#wrap{letter-spacing: 2px}
#main_img:before{background-color: rgba(174,43,82,0.2)}
#page_title:before{background-color: transparent;background-image: linear-gradient(to bottom right, rgba(174,43,82,0.4), rgba(145,186,74,0.4));}
.back1:before, .back2:before{background-color: #f2f2f2!important;z-index: -1;background-image: url(./Dup/img/bg_img.png);background-size: 600px}
#main_img .menu .square_box{background-color: rgba(255,255,255,0.8);border: solid 1px #fff}
.line:before{background-color: #f0f0f0!important}
#intro_wrap, #contents3 .con_box, main.back1 .con_box{box-shadow: 0 10px 40px rgba(0,0,0,0.05)}
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num{font-size: 90px;width: 120px;line-height: 2}
#intro_wrap .intro_title, #intro_wrap .intro_title h3{position: relative}
#intro_wrap .intro_title::before{position: absolute;content: "Introduction";font-size: 60px;text-align: center;width: 100%;left: 0;top: -50px;color: #f0f0f0}
#contents1_wrap{position: relative}
#contents1_wrap::before{position: absolute;content: "About us";font-size: 100px;text-align: right;width: 400px;right: 5%;top: 0;z-index: -1;color: #f0f0f0}
#contents3 .con_box::before{position: absolute;content: "Recruit";font-size: 100px;left: 5%;top: -100px;color: #f0f0f0;}
#contents3_wrap:after{display: none}
#page_title .page_title_box{background-color: transparent;border: solid 1px #fff;padding: 50px 0;text-align: center;width: 500px;}
#page_title .page_title_box p{font-size: 60px;line-height: 1;padding-bottom: 20px;opacity: 1}
#page_title .page_title_box h2{font-size: 20px}
#top_cms.back1:before{display: none}
main.back1:before{width: 100%}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 30px!important;margin-bottom: 50px;border-bottom: solid 1px #eee;color: #333;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 1px;height: 40px;left: 0;right: 0;bottom: -20px;background-color: #AE2B52;margin: auto}


/** tablet 780 **/
@media screen and (max-width: 768px){
.cate_title{font-size: 20px}
#contents1_wrap::before{top: -40px;line-height: 1;font-size: 80px}
#contents3 .con_box::before{top: -40px;line-height: 1;font-size: 80px}
#footer_con h2{font-size: 22px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#page_title .page_title_box{width: 300px;padding: 30px 0}
#page_title .page_title_box p{font-size: 40px;padding-bottom: 10px}
#page_title .page_title_box h2{font-size: 18px}
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num{font-size: 80px;line-height: 1.5}
#intro_wrap .intro_title::before{font-size: 40px;top: -30px}
#contents1_wrap::before{top: 46vw;font-size: 60px;text-align: center;width: 100%;right: 0;z-index: 1;}
#contents3 .con_box::before{top: -30px;font-size: 60px;}
#copyright{font-size: 10px;letter-spacing: 0}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif, .hannari, .pop400, .pop300{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
}