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

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0a4f2c} /* メインカラー */
.txt_color2{color: #fffde6} /* サブカラー */
.txt_color3{color: #007dcb} /* アクセントカラー1 */
.txt_color4{color: #dddddd} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #197c46} /* メインカラー */
.bg_color2{background-color: #f3f3f3;} /* サブカラー */
.bg_color3{background-color: #007dcb} /* アクセントカラー1 */
.bg_color4{background-color: #dddddd} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #0a4f2c}
.border_color2{border-color: #f3f3f3;}
.border_color3{border-color: #007dcb}
.border_color4{border-color: #dddddd}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0a4f2c} /* メインカラー */
.hvr_txt_color2:hover{color: #fffde6} /* サブカラー */
.hvr_txt_color3:hover{color: #007dcb} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dddddd} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0a4f2c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fffde6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #007dcb} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #dddddd} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0a4f2c}
.hvr_border_color2:hover{border-color: #fffde6}
.hvr_border_color3:hover{border-color: #007dcb}
.hvr_border_color4:hover{border-color: #dddddd}


body{
	background-color: #f4f5f2;
	font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
header.bg_color2,footer.bg_color2{
	background-color:#f3f3f3;
}
header #header #header_menu li a .en { opacity: 1.0;}
header #header #header_menu li a .en:hover { opacity: 0.5;}
#video video{
	width: 100%;
	height: auto;
}
#contents {margin-bottom:100px;}
#contents img{
	box-sizing:  border-box;
	border: 7px solid #007dcb;
}
#intro { background-repeat: no-repeat;
}
#intro #intro_txt::after{
	background-color: rgba(0,0,0,0.5);
}
#top_cms .more a{
	background-color:#e1e1e1;
}
.cate_list li a:hover {color:#007dcb!important}

#page7 .box_wrap .box .box_item:first-child {width: 25%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 75%!important;}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
main {padding-bottom:0px!important;}

#top_cms .cms_wrap{
	padding: 0 20px;	
}
#top_cms .more a{
	width:60%;
	margin: 0 auto;
}

#cms_2-b .cate {margin-bottom:0!important;}
#cms_2-b .box_wrap {padding:0px;}
#cms_2-b .cate_box {padding:30px 10px;}

#page7 .box_wrap .box .box_item:first-child {width: 100%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 100%!important;}
}

/* 2024-01-29 */
/* fix_bnr ---------------------------------------------------------------------------------------------*/
#fix_bnr {
    bottom: 9px;
    right: 67px;
    z-index: 10;
    width: 70%;
    max-width: 240px;
    transition: 0.5s;
}
#fix_bnr.top{opacity: 0;}
#fix_bnr.scroll{
    opacity: 1;
}
#fix_bnr.close{
    opacity: 0;
    z-index: -1;
}
@media screen and (max-width: 768px){
#fix_bnr.close{
    transform: translateX(200px);
}
}
@media screen and (max-width: 667px){
#fix_bnr {
    width: 44%!important;
    right: 45px;
    /* left: 0; */
    /* margin: auto; */
    bottom: 10px;
    opacity: 1!important;
    z-index: 1!important;
}
#fix_bnr.close{
    transform: translateX(0);
}
#copyright{padding-bottom: 100px;}
}
/* fix_bnr end ---------------------------------------------------------------------------------------------*/