﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@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=Kiwi+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;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
.font1,#top_cms .top_cms_title h3,#contact_bar a{font-family: 'Kiwi Maru', serif;}
.fa-envelope:before{content: none;}
/*#main_img{max-width: none;}*/
header ul li a span,.sc_menu ul li a span{opacity: 1!important;}
.bnr{
    bottom: -5px;
    right: 100px;
    border-radius: 10px 10px 0 0;
    border: 3px solid #fffbf5;
    box-sizing: border-box;
    z-index: 10;
}
#copyright{
	padding-bottom: 100px;
}
@media screen and (max-width: 667px){
#fix_bnr {right: 72px;width: 65%;}
}
.catch{
    z-index: 1;
    top: 20%;
    left: 10%;
    background-color: rgb(255 255 255 / 60%);
    padding: 20px;
    max-width: 650px;
    width: 40%;
    border-radius: 5px;
    border-top: 5px solid #067f41;
}
#intro{border-top: 7px solid #0b781d;}
#intro::after{background-color: rgb(11 120 29);}
#intro .intro_title{
    background-color: #0b781d;
    color: #fff;
}
#intro h3,#contents2 h3{
    background-color: #fff;
    display: inline-block;
    color: #ff9c09;
}
#contents1_txt h3{
    display: inline-block;
    border-bottom: 5px dotted;
}
#contents_links .box{background-color: #ffedde;    border: 3px solid #fffbf5;}
/*#contents2 .con_img_wrap::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    transform: rotate(5deg);
    top: -40px;
    left: 0;
    background-color: var(--color3);
}*/
#top_cms .cms_wrap.bg_color2 {    border: 3px solid #fffbf5;}
#top_cms .top_cms_title p{
    background-color: #0b781d;
    color: #fff;
}
#top_cms .top_cms_title p span{opacity: 1;}
#contact_bar{background-color: #0b781d;}
#contact_bar a{color: #fff;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/

.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}


/*===========================================================*/
/* 下層 */
/*===========================================================*/
.cms_5-c .box_txt1::before{color: rgb(11 120 29);}




/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#menu_wrap ul{width: 90%!important;}
#page10 ul li{    width: 45.66667%!important;}
#contents_links{background-color: #ffedde;}
#contents_links .box {border: none;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.catch{padding: 10px;}
#page_title > div{padding: 50px 0;}
#page_title h2{padding-left: 0;}
#page10 ul li{width: 100%!important;}

}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}