/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&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;
}
.font1,#top_cms .cms_title{font-family: 'Kosugi Maru', sans-serif;}
#header{transition: 1s;}
#header.headtrans{background-color: #fff;}
#logo a{border-radius: 0 0 10px 10px;}
#pc_nav ul li a{transition: all 0.5s;color: #333333;}
#pc_nav .contact_bt a{background-color: #005941;}
#pc_nav .contact_bt a{color: #fff;}
#pc_nav .contact_bt a,#footer .tel_bt a,#footer .contact_bt a{border-radius: 10px;transition: 0.5s;}
#main_img .main_bg{background: none!important;}
.catch{
    max-width: 760px;
    bottom: 5%;
    right: 5%;
    width: 70%;
    transition: 0.5s;
}
.catch_img{
    display: block;
    top: -35%;
    right: 5%;
    width: 53%;
}

.cms_wrap{
    border: 1px solid #005941;
    background-color: #fff;
    padding: 50px;
    border-radius: 10px;
}
#main_img .main_bg,#contents1 .con1_bg{background: linear-gradient(to bottom right, rgba(0,89,65,1), rgba(149,204,189,1));}
#top_cms .cms_box:not(:first-child)::before{
    width: 100px;
    height: 100px;
    border: none;
    background-color: #fff;
    border-radius: 50px;
    top: -50px;
}
.hvr_more:hover .hvr_more_span{
    border-radius: 40px;
    background-color: #005941;
}
.more a span{border-radius: 40px;transition: all 0.5s;}
.more a .more_bg{display: none;}
#top_cms .cms_title {
    position: relative;
    z-index: 2;
}
#top_cms .cms_sub_title {
    transform: none;
    top: -140px;
    left: 0;
    z-index: 1;
    color: #fff;
    font-size: 50px;
    opacity: 0.4;
    line-height: 1;
    letter-spacing: 5px;
}
.catch_hide{opacity: 0;}
#main_img{margin-top: 123px;}
#header{background-color: #fff;}
/*===========================================================*/
/* 下層 */
/*===========================================================*/
.contents_wrap{border-radius: 10px;}
#page_title .page_title_bg{background-color: #d7dee0;}
#page_title h2{color: #005941;}
#page_title p{color: #333333;}


/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.more a span{background-color: #005941;}
#loader img{width: 200px;}
#main_img{margin-top: 0;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#top_cms .cms_sub_title{top: -180px;}
#loader img {
    width: 130px;
}
#logo2{width: 150px;}
.cms_wrap{padding: 10px;}


}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.more a span.hvr_more_span, #page10 a{padding-top: 15px!important;}
#pc_nav .contact_bt a{padding-bottom: 10px!important;}
#cms_2-b .cate .cate_title,#pc_nav a, .cate_list a, #footer .tel_bt a, #footer .contact_bt a,#cms_6-a .cate .cate_title{padding-top: 10px!important;}
#page09 a{padding-top: 0!important;}
}


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

}