/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
body,.font_Quick{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
.more a,.top_cms_title p,.num,.font1,.con_link_box p{font-family: 'Crimson Text', serif;}
#fix_menu .sns_links li{
    width: 30px;
    height: 30px;
}
#header{
    padding-right: 50px;
    padding-left: 50px;
}
#header-nav{margin-top: 50px;}
#header-nav li a,.con_link_box p{
    padding-top: 65px;
    background-image: url(Dup/img/icon1.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    font-size: 20px;
}
#header-nav li:nth-of-type(2) a{background-image: url(Dup/img/icon2.png);}
#header-nav li:nth-of-type(3) a{background-image: url(Dup/img/icon3.png);}
#header-nav li:nth-of-type(4) a{background-image: url(Dup/img/icon4.png);}
#header-nav li:nth-of-type(5) a{background-image: url(Dup/img/icon5.png);}
#contents_links .box_wrap{align-items: stretch;}
#contents_links .box_wrap .box a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 400px;
}
#contents_links .box_wrap .box a p {
    margin-bottom: 100px;
    text-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
#contents_links .box_wrap .box {
    border: 10px solid #fff;
    transition: ease 2s;
}
#contents_links .box_wrap .box a h4 {
    padding: 10px 30px;
    text-shadow: 0 3px 6px rgb(0 0 0 / 20%);
}
#contents_links .box_wrap .box a div span {
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
#contents_links .box_wrap .box a div span.en_font::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    background-color: #000;
    z-index: -1;
    opacity: 0;
    transition: ease 0.3s;
}
#contents_links .box_wrap .box a:hover div span::after{
    opacity: 1;
    transform: translateX(0%);
}
#contents_links .box_wrap .box a h4, #contents_links .box_wrap .box a p, #contents_links .box_wrap .box a div {
    position: relative;
    z-index: 2;
}
#contents_links .box_wrap .box a h4{border: none;}
#contents_links .box_wrap .box a::after {
    content: "";
    background-position: center center;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: ease 0.6s;
    z-index: 1;
    opacity: 0.8;
}
#contents_links .box_wrap .box a:hover::after {
    transform: scale(1.05);
    opacity: 0.9;
}
#top_contents1 figure{top: 200px;}
#contents_links .box_wrap .box a div.txt_right{
    position: absolute;
    bottom: 0;
    right: 0;
}
#contents_links .txt_wrap{
    padding-top: 100px;
    background-image: url(Dup/img/link_img1.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 70px;
}
#contents_links .box_wrap .box:nth-of-type(2) .txt_wrap{background-image: url(Dup/img/link_img2.png);}
#contents_links .box_wrap .box:nth-of-type(3) .txt_wrap{background-image: url(Dup/img/link_img3.png);}
#fix_menu{background-color: #333;}
.button_container span{background: #fff;}
.l-gh__scrollnav-pagetop-arr .head,.l-gh__scrollnav-pagetop-text,.l-gh__scrollnav-scroll-text{color: #fff;}
.l-gh__scrollnav-scroll-arr .head{border-top: 4.5px solid #fff;}
.l-gh__scrollnav-pagetop-arr .head{border-bottom: 4.5px solid #fff;}
#recruit_wrap{height: 500px;}
#recruit_wrap .more{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
#top_contact_box .top .box{background-color: rgba(193,210,31,0.9);}
#top_contact_box .bottom .box{
    height: 300px;
    background-color: rgba(51,51,51,0.8);
}
.overlay .menu-box .menu_list li a{color: #fff;}
.overlay{background: #333;}
.button_container.active .top,.button_container.active .bottom{background: #fff;}
.overlay .menu-box .menu_list li a:hover{
    color: #C1D21F;
    transform: translateY(-5px);
}
.bnr{
left: 50%;
    position: absolute;
    transform: translateX(-50%);
bottom: 150px;
    width: 60%;
}
.fadeup {
    opacity: 0;
    transform: translateY(100px);
    transition: transform 2s ease,opacity 2s ease;
}
.fadeup.scrollin_up {
    opacity: 1;
    transform: translateY(0);
}
.delay-time02 {
    transition-delay: 0.2s;
}
.catch{
    max-width: 450px;
    width: 40%;
}
.catch2{
    max-width: 300px;
    width: 50%;
}
footer{position: relative;}
#top_contents2 .con_box .text_box.fadeup.scrollin_up{transform: translateY(-50%);}
#logo .logo img{width: 100%!important;}
#top_contents1 > div.width_1280-max{max-width: 1400px;}
#sticker {
    right: 90px;
    bottom: 30px;
    z-index: 99;
    width: 70px;
}
#fix_menu .bnr{display: none;}
/*-------------------------------------------------
下層
---------------------------------------------------*/
.cate_list li{width: 250px;}
.cate_list li a{
    background-color: #c1d21f;
    border: none;
    color: #fff;
     overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.cate_list li a:hover{opacity: 0.7;}
#cms_6-b figure{border-radius: 40% 40% 50% 40%/30% 50% 50% 65%;}
.page6 #page_title .title_box{
    bottom: 0;
    border-radius: 50px 50px 0 0;
}
.page6 #page_title .page_title_inner {
    padding: 360px 20px;
}
.btn_container a {
    background-color: #333333;
    color: #fff;
    max-width: 300px;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
}
#page10 .btn a.hvr_bg_color4:hover{background-color: transparent;}
#page8 .mail_contact_link div:first-child a {
    background-color: #c1d21f;
    color: #ffffff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
}


#page8 .mail_contact_link div:last-child a {
    background-color: #06c755;
    color: #ffffff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
}
/*-----------------------------------------------------
1280以下
-----------------------------------------------*/
@media screen and (max-width: 1280px){
#sticker {
    right: 80px;
    width: 60px;
}
}
/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#contents_links .txt_wrap {
    padding-top: 50px;
    background-size: 40px;
}
#contents_links .box_wrap .box a {
    height: 250px;
}
#main_img{height: 67vw!important;}
#top_contents1 h2,#top_contents1 p{
    opacity: 1;
    transform: none;
}

.tb_btn{
    left: 0;
    right: auto;
    bottom: 25px;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: 0.3s;
    z-index: 99;
}
.tb_btn a{
width: 240px;
    height: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    border-radius: 45px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
    background-color: #333;
    color: #fff;
    padding: 10px;
}
.tb_btn span{
vertical-align: middle;
    text-align: center;
}
.tb_btn.hide{
opacity: 0;
bottom: -20px;
}
.fadeup{
    opacity: 1;
    transform: none;
}
#top_contents2 .con_box .text_box.fadeup.scrollin_up {
    transform: none;
}
#logo{position: relative;}
#logo h1.logo{max-width: 200px;}
#header{padding-left: 20px;}
#fix_menu {
    padding: 80px 0 46px;
}
.button_container{top: -40px;}


}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
#top_contact_box .bottom .box {
    height: 200px;
}
#top_contents2 .con_box .text_box.fadeup.scrollin_up{transform: translateY(0);}
.page6 #page_title .page_title_inner {
    padding: 240px 20px;
}
#fix_menu {
    padding: 50px 0 46px;
}
.button_container {
    top: -5px;
}


}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.font_Quick .cate_list li a{padding: 10px!important;}
.btn_container a{padding: 10px 0 5px!important;}

}


/*-------------------------------------------------
Firefox
-----------------------------------------------------*/
@-moz-document url-prefix(){

}