/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

body{
        font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
.logo1{max-width: 220px;}
#fakeloader .fl{max-width: 350px;}
#main_img{
    height: 90vh;
    overflow: hidden;
}
.topTxt1{
    display: inline-block;
        padding: 11px 55px 9px;
}
#con2 p:first-of-type,#con3 .title .en,#con1 .con1_inner h2{
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.1px;
}
#con2 p:first-of-type{margin-bottom: 10px;}
.cmstitle .en{
    font-weight: bold;
    letter-spacing: 0.1px;
}
#sp_nav .sp_nav_inner .menu__header .logo3 img{max-width: 250px;}
.footer_contact .f_contact_box h4{margin-bottom: 20px;}
.f_contact_img{height: 800px;}
.catch{
    top: 45%;
    max-width: 800px;
    width: 40%;
    left: 5%;
}
.bnr{
    bottom: 65px;
    z-index: 2;
    right: 100px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bnr a{
    background-color: #FF430D;
    padding: 20px 50px;
    color: #fff;
    border-radius: 10px;
    display: block;
    transition: 0.5s;
}
.bnr a:hover{transform: scale(1.03);}
.f_contact_box .tel{display: none;}
/*===========================================================*/
/* 下層 */
/*===========================================================*/
.pagetitle{background-color: transparent;}
.pagetitle h2{
    color: #ff8500;
    font-weight: bold;
    text-shadow: 0 0 7px white;
}
.cate_list li a:hover{transform: translateY(-5px);}
.cate_list li a{
    background-color: #D94352;
    color: #fff;
    transition: .3s;
     overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding-right: 10px;
    padding-left: 10px;
}
.pager li a{padding: 20px 40px;}
.pager li.prev a{padding: 20px 0;}
#cms_5-a .box_wrap{display: block;}
.line_box h3{color: #00b900;}
#cms_6-a .before,#cms_6-a .after{top: 0;left: 0;}
/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#main_img{height: auto;}
.header{background-color: #fff9e1;}
.f_contact_img {
    height: 700px;
}
footer .copy{padding-bottom: 150px;}


}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#fakeloader .fl{width: 70%!important;}
.logo1 {
    max-width: 200px;
}
.topTxt1{
    letter-spacing: 0.1px;
    padding: 11px 25px 9px;
}
.footer_contact .f_contact_box h4{font-size: 30px;}
.f_contact_box{bottom: -200px;}
.footer {
    padding: 200px 0px 100px;
}
.f_contact_img {
    height: 430px;
}
#sp_nav .sp_nav_inner .menu__header .logo3 img{max-width: 200px;}
#con3 .title .sl img{width: 50px;}
#con2 p:first-of-type, #con3 .title .en, #con1 .con1_inner h2{font-size: 27px;}
#page8 .contact_tel a{padding: 18px 10px;}
.bnr{right: 85px;}


}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#page8 .contact_tel a{padding: 14px 39px 14px!important;}


}


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

}