﻿/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Noto+Serif+JP:wght@500&display=swap');
body{
    font-family: 'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    line-height: 2;
    letter-spacing: 0.1em;
}
p{font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font_bold{font-weight: normal;}
main.width_1280-1000{max-width: 1350px;}
.more a,.mail_bt a{border-radius: 30px;}
.fa-envelope:before{content: "\f075"!important;}
.catch{
        z-index: 1;
    font-size: 30px;
    letter-spacing: 0.5em;
}
#contents h2{font-size: 30px;}
#contents h2,.cate_title{
   border: none;
    position: relative;
    padding-bottom: 20px;
    display: block;
    text-align: center;
    margin-bottom: 50px;
        padding-top: 50px;
    background-image: url(Dup/img/item.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
}
#contents h2::before,.cate_title::before{
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    background-color: #bed10b;
    left: 50%;
    transform: translateX(-50%);
}
/*-------------------------------------------------
下層
---------------------------------------------------*/
.cate_img1{margin: 0 auto 30px;}
.cate_list a{
     overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
#page7 .box h3{color: #bed10b;}


/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#main_img {
    padding-top: 85px;
}
.catch {
    z-index: 1;
    font-size: 28px;
    letter-spacing: 0.3em;
}
#page_title {
    padding-top: 140px;
}
#page_title h2{font-size: 24px;}
.hamburger__icon{margin-top: 25px;}


}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
#contents h2 {
    font-size: 22px;
}
.catch {
    font-size: 22px;
    text-align: center;
}
#contents h2, .cate_title {
    margin-bottom: 30px;
    padding-top: 40px;
    background-size: 30px;
}
.cate_title{font-size: 18px;}
#page_title {
    padding-top: 120px;
}
.hamburger__icon {
    margin-top: 20px;
}
.fat-nav__wrapper{
    height: 100%!important;
    transform: none!important;
}
.fat-nav li {
    padding: 10px 0;
}
}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
header .mail_bt a,#side_contact .mail_bt a{padding: 7px 0 7px!important;}
.more a{padding: 7px 10px 7px!important;}
.cate_list li a{padding: 8px 0 8px!important;}
#cms_2-a .cate .cate_title{padding-top: 50px!important;}
#page8 #tel_contact p a{padding: 17px 20px 17px!important;}
#page9 .box_wrap .box p a{padding: 3px 10px 3px!important;}
#page10 ul li a{padding: 17px 5px 17px!important;}
}


/*-------------------------------------------------
Firefox
-----------------------------------------------------*/
@-moz-document url-prefix(){

}