/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');
h2{font-family: 'Shippori Mincho', serif;}
body{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"; 
    font-style: normal;}
.linehight_2-h {
    line-height: 2;
}
.catch_copy{left: 40%;}
/*#header .nav_box{
        background-image: url(Dup/img/bg_img1.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 250px;
}*/
#catch{
    align-items: stretch;
    padding-top: 100px;
    justify-content: center;
}
#catch::before {
    content: "";
    width: 80%;
    height: 85%;
    background: #f7f7f7;
    position: absolute;
    top: 60px;
    right: 100px;
    z-index: 0;
        background-image: url(Dup/img/bg_img3.png);
    background-position: top right;
    background-repeat: no-repeat;
}
#catch h2,.num,#contents2 h2{padding-left: 0!important;}
.catch_txt,#contents2 .contents_txt{margin-top: 100px;}
#contents .contents_inner .contents_txt{

}
#contents .contents_inner .contents_txt p{
    background-color: rgba(245,245,245,0.9);
    padding: 50px;
        background-image: url(Dup/img/bg_img5.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 60%;
}
#contents .num{text-align: center;}
/*#contents2{
        background-image: url(Dup/img/bg_img2.png);
    background-position: bottom right;
    background-repeat: repeat-x;
    padding: 100px 0;
}*/
#contents2 > div{align-items: stretch;}
#contents2 .num{
    opacity: 1;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    text-align: left;
    padding: 0;
}
#catch h2,#contents2 h2{
    border-bottom: 4px double;
    padding: 0;
}
/*.fat-nav.active{
        background-image: url(Dup/img/bg_img4.png);
    background-position: bottom right;
    background-repeat: repeat-x;
}*/
#top_cms h2,#page_title .page_title_inner h2{font-weight: normal;}
#footer_info .bg_white_opa {
    background-color: rgba(255,255,255,0.9);
}

.cms_3-f > div a:hover span.after {
    transform-origin: left top;
    transform: scale(1, 1);
}

.cms_3-f > div a span.after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
    background-color: rgba(0,204,204,0.8);
}
.hamburger,p.gotop a{background-color: #414141;}
.sns_links li {
    max-width: 47px;
}
.index_header .nav_box {
    padding: 30px 100px 20% 2%;
}
.index_header #logo {
    max-width: 450px;
}
#main_img {
    left: 330px;
}
/*-------------------------------------------------
下層
---------------------------------------------------*/
#header.all_header{height: auto;}
.all_header #global-nav ul li{text-align: center;}



/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
.hamburger{
    opacity: 1;
    transform: none;
    top: 30px;
}
#main_img{
    height: 65vw!important;
    left: 0;

}
#header{
    height: 500px;
}
#header .nav_box{
    padding: 20px;
    z-index: 1;
}
.index_header #logo {
    max-width: 150px;
    margin-bottom: 0;
}
.catch_copy {
    left: 50%;
}
.catch_txt, #contents2 .contents_txt{margin-top: 0;}
#catch{overflow: inherit;}
#catch::before{width: 100%;}
#contents .contents_inner .contents_txt p{
    background-image: none;
    background-color: transparent;
    padding: 20px;
}
#contents .contents_inner .contents_txt{
    background-color: rgb(246 246 246);
    margin-top: 0;
    background-image: url(Dup/img/bg_img5.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 60%;
}
#contents2{padding-top: 0;}
}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
.index_header #logo {
    max-width: 100px;
}
#main_img{
        padding-top: 0!important;
    margin-top: 88px;
}
.catch_copy span{width: 250px;}
#header{height: auto;}
.hamburger {
    top: 20px;
}
#catch{padding-top: 0;}
#catch::before {
    top: -20px;
    right: 30px;
    background-size: 70%;
}
.cate_list li{width: 90%!important;}
#contents .contents_inner .contents_txt p{padding: 20px;}
#contents2{background-size: 40%;}

#contents .contents_inner .contents_txt{
        background-image: url(Dup/img/bg_img5.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 60%;
    padding: 20px!important;
}
#contents .contents_img{width: 100%!important;}
.fat-nav.active li a .after{display: none;}
.hamburger {
    height: 40px;
}

}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.hamburger.head_fix{background-color: #00cccc!important;}
.hamburger__icon, .hamburger__icon::before, .hamburger__icon::after{height: 1px!important;}
.mail_bnr a{padding-top: 25px!important;}
}


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

}