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

/* ----------　基本カラー　---------- */
.txt_white {
    color: #333;
}
.bg_color1 {
    background-color:#86e988;
}
.bg_color2 {
    background-color: #ebffeb;
}
.hvr_bg_color2:hover {
    background-color: #ebffeb;
}
.bg_color3 {
    background-color: #86e988;
}
.txt_color1 {
    color: #2cb72d;
}
.txt_color2 {
    color: #f59e32;
}
.txt_color3 {
	color: #f58c32;
}
.txt_color4 {
    color: #f59e32;
}
.border_color2 {
    border-color: #aaaaaa;
}

/* ----------　全体共通部分　---------- */
.linkStyle{
	color:#86e988;
}
.linkStyle:hover{
	color:#86e988;
	opacity: 0.7;
	transition: all 0.5s;
}
#fakeloader .fl {
    max-width: 400px!important;
}
header h1 img{
    width: 400px!important;
}
#wrap{
    background-color: #ffffff;
}
header{
    background-color: #86e988;
}
header div a{
color: white!important;
}
header p,header a{
color: white;
}
header p{
    border-color: #fefdad!important;
}
header .fas{
border-color: #ffffff;
}
#main_menu .menu_sub_title{
    color: #fefdad;
}
#main_menu.fixed {
    background-color: rgba(245, 158, 50, 0.7019607843137254)!important;
}

#main_menu.fixed .menu_sub_title{
    color: #b6ffb6;
}
#info_map .foot_tel_bt a,#info_map p span,#info_map .effect{
color: white;
}
#info_map p span {
    color: white;
    border-color: #f59e33;
}
#f_menu ul li a {
    color: #333;
}
#fixed_right_banner > * {
    border-color: #f59e33;
    background-color: #ebffeb;
}

/* ----------　TOP　---------- */
#aisatsu > div {
    background-color: rgba(86, 208, 87, 0.6);
}
#aisatsu h2,#aisatsu p{
color: white;
}
#contents1 .contents_box {
        background-image: linear-gradient( 135deg, #fbfffb 0%, #FBFEE1 100%)!important;
}
#contents2 .contents_box{
        background-image: linear-gradient( 135deg, #fbfffb 0%, #e2fee2 100%)!important;
}
#contents3 .contents_box{
    background-image: linear-gradient( 135deg, #fbfffb 0%, #FBFEE1 100%)!important;
}
.contents_box h2{
    color: #f59e32;
}
.contents_box p {
color: #7f4d1e;
}
.contents_box::before,.contents_box::after {
    background-color: #8bef8d;
}
.contents_box2::before,.contents_box2::after {
    background-color: rgba(119, 235, 121, 0.7);
}
#top_cms .cms_title p{
    color: #8bef8d;
}



/* ----------　下層ページ　---------- */
#main_img2 .page_title {
    background-color: rgba(255, 255, 255, 0.47)!important;
}
#main_img2 .page_title h2{
background-color: rgba(245, 158, 50);
    color: #fff;
}
#main_img2 .page_title h2 span{
color: #b6ffb6;
}
.cate_list li a {

    background-color: #8bef8d;
    color: #fff;
}
#cms_5-a .cate_box{
    border-color: #f59e33;
}
#form_area input {
    color: #fff;
}
#form_area input:hover{
    color: #333;
}
#page9 p a{
    color: #fff;
}
#page10 ul li a{
    color: #333!important;
}
#end_message,.error_message{
color: #f59e32!important;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_list li a {
    padding-top: 15px;
}
#cms_5-a .cate .cate_title {
    padding-top: 3px;
}
#page9 .cate_box p a {
    padding: 5px 10px 5px;
}

}



/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header h1{
    margin-right: 25%!important;
}
header h1 img {
    width: 350px!important;
}
#f_menu ul li a {
    letter-spacing: 1px;
}
}



/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.button_container.active .top {
    background: #f59e33;
}
.button_container.active .bottom {
    background: #f59e33;
}
header h1{
    margin-right: auto!important;
    width: 100%!important;
}
header h1 img {
    width: 250px!important;
}
#fakeloader .fl {
    width: 75%!important;
}
.button_container span {
    background: #f59e33;
    box-shadow: none;
}
.button_container {
    top: 24px;
}
#main_img2 .page_title h2 {
    width: 80%;
    padding-left: 10px;
    padding-right: 10px;
}
.map iframe {

    height: 300px;
}
#copyright{
    text-align: left;
    padding-left: 10px;
}
footer #logo2 img{
    max-width: 170px;
}
}