@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');
body,.font1,.cms_title h3,#page_title h2{
    font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.linkStyle{
    color:#fba32e;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}
#body{overflow:hidden;}



/*--all page---------------------------
-------------------------------------*/
#logo{width:150px;}
#pc_nav_fix{background-color: #309b41;}
#pc_nav_fix ul li a{color:#fff;}
#page_top{background-color: #fba32e;}
#page_top span{border-color:#fff;}
#footer{background-color:#222;}
#footer_nav li a,#footer_nav li{color:#fff;}


/*--top page---------------------------
-------------------------------------*/

#head_logo{display:none;}
#pc_nav{
    background-color: #309b41;
}
#pc_nav ul li a{
    color:#fff;
    font-weight:bold;
}
.catch{z-index:1;}
.catch img{width:auto;}
#intro{
    width: 98%;
    margin: auto;
}
.intro_title{
    font-weight:bold;
    letter-spacing: -2px;
}
.contents_no{font-weight:500;}
.contents_no span{height:3px;}
#top_contents .con_box .contents_no {top: -25px;}
#top_contents::before,#top_contact{
    background-size: auto auto;
    background-color: rgba(72, 181, 89, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(48, 155, 65, 1) 7px, rgba(48, 155, 65, 1) 19px );
}
.cms_title h3{font-weight:bold;}
#top_contact .contact_box{background-color:#fff;}

/*top page animation*/
.load-zoomInTrigger{opacity: 0;}
.load-zoomIn{
  animation-name:load-zoomInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes load-zoomInAnime{
  from {
  transform:translate(-50%,-50%) scale(0.6) ;
  opacity: 0;
  }
  to {
    transform:translate(-50%,-50%) scale(1) ;
  opacity: 1;
  }
}


/*--under page---------------------------
-------------------------------------*/
#page_title h2{font-weight:bold;}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header .menu_stick span{background-color:#fff;}
.catch img {width: 100%;}
#intro{
    width:100%;
    padding-bottom: calc(60vw - 20px);
}
#intro .intro_img {
    height: 60vw;
    top: auto;
    bottom: 0;
}
.intro_title{letter-spacing:2px;}
#top_contents::before{
    bottom: 40px;
    height: calc(100% - 200px);
}
#top_contents .con_box:hover .box_img img{opacity:0.4;}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch {width: 100%;}
#intro{width:initial;}
.intro_title {
    font-size: 1.5rem;
    letter-spacing: 0px;
}
.intro_txt{margin-top:20px;}
#top_contents{margin-top:50px;}
#top_contents::before{
    height: calc(100% - 130px);
    width: calc(100% - 130px);
    right: 0;
    left: auto;
}
}

@media screen and (max-width: 360px){
#page8 .tel_wrap .tel_box a{font-size:1.6rem;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}