h2, h3 {
font-family: 'Sawarabi Gothic', sans-serif !important;
}
/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: #white;}
.txt_red{color: red;}
.txt_color1{color: #ffffff} /* メインカラー */
.txt_color2{color: #a3a7b5} /* サブカラー */
.txt_color3{color: #41474f} /* アクセントカラー1 */
.txt_color4{color: #cedff1} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #fff} /* メインカラー */
.bg_color2{background-color: #a3a7b5} /* サブカラー */
.bg_color3{background-color: #41474f} /* アクセントカラー1 */
.bg_color4{background-color: #cedff1} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #ffffff}
.border_color2{border-color: #a3a7b5}
.border_color3{border-color: #41474f}
.border_color4{border-color: #cedff1}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffffff} /* メインカラー */
.hvr_txt_color2:hover{color: #a3a7b5} /* サブカラー */
.hvr_txt_color3:hover{color: #41474f} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cedff1} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ffffff} /* メインカラー */
.hvr_bg_color2:hover{background-color: #a3a7b5} /* サブカラー */
.hvr_bg_color3:hover{background-color: #41474f} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cedff1} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffffff}
.hvr_border_color2:hover{border-color: #a3a7b5}
.hvr_border_color3:hover{border-color: #41474f}
.hvr_border_color4:hover{border-color: #cedff1}

.linkStyle {
   color: #66cc33;
}
.header .txt_left {
    color: #222222;
}
#tel_txt a {
   color: #66cc33;
}
.header .grid_3 .txt_white {
    color: #5b5b5b;
}
#main_menu ul li a {
    color: #222222;
}
.menu_sub_title {
   color: #66cc33;
}
#main_menu.fixed {
    background-color: rgba(255,255,255,0.70) !important;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
   background-image: linear-gradient( 135deg, rgba(255,255,255,0.1) -30%, rgba(255,255,255,0.1) 100%) !important;
}
/*#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
   background-image: linear-gradient( 135deg, rgba(255,255,255,0.1) -30%, rgba(102,204,51,0.1) 100%) !important;
}*/
#top_contents .txt_white {
    color: #222222;
}
.contents_box::before, .contents_box::after, .contents_box2::before, .contents_box2::after  {
   /* background-color: #66cc33;*/
    display: none;
}
.contents_box {
    box-shadow: 7px 7px 7px rgba(100, 100, 100, 0.2) !important;
}
.sns_link {
    border-color: #66cc33;
}
#fixed_right_banner .bg_color3 {
    background-color: rgba(255,255,255,0.7);
}
#page-top .bg_color3 {
    background-color: #66cc33;
}
#aisatsu > div {
    background-color: rgba(27,150,213,0.40) !important;
}
#main_img2 .page_title {
    background-color: rgba(27,150,213,0.40) !important;
}
#main_img2 {
    background-position-y: -270px;
}
#top_cms .button-effect .txt_white, #top_cms .cms_title p {
    color: #66cc33;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: rgba(0, 0, 0, 0.7);
}
#top_cms .cms_title .font_8up {
   color: #222222;
}
#top_cms .border_white {
      color: #222222;
}
.date {
  color: #5B84A0;
}
.cms_1-c .border_color4 {
    border-color: #5B84A0;
}
.swiper-button-prev .txt_color2, .swiper-button-next .txt_color2 {
   color: #66cc33;
}
.header .border_color2, .header .border_color4 {
    border-color: #66cc33;
}
.cms_6-b .cate_box:first-of-type {
    border-top: 1px solid #222222;
}
.cms_6-b .cate_box, .cms_6-b .cate_box .box_txt1, .cms_6-b .cate_box .box_txt2 {
    border-color: #222222;
}
#f_menu {
    border-color: #222222; 
}
#f_menu .grid_4 a {
  color: #222222;
}
#foot_txt .txt_left {
    color: #222222;
}
#copyright {
    /*background-color: #66cc33;*/
    background: linear-gradient(to bottom, rgba(253,252,178,0.6) -50%, rgba(102,204,51,1));
}
#copyright .txt_color2 {
   color: #ffffff;
}
#info_map {
    background-color: #3a84df;
}
.cms_6-b .bg_color3 {
    background-color: #3A4151;
}
#main_img2 .page_title .txt_white {
    color: #222222;
}
#main_img2 .page_title .txt_color2 {
    color: #66cc33;
}
.cate_title, .cate_txt1, .box_txt1, .box_txt2 {
   color: #222222;
}
.box_title1 {
   color: #3a4151;
}
#cms_6-b .cate_title {
   color: #ffffff;
   background-color: #3a4151;
}
#cms_6-b .box_wrap .box_txt1 {
   color: #fff;
   background-color: #3a4151;
}
#cms_6-c .cate_box {
    border-color: #3a4151;
}
#cms_6-c .box_title {
   color: #3a4151;
}
#tel_txt .d_flex, #page8 .cate_wrap .txt_center {
    color: #222222;
}
#contact_tel .txt_color_nomal {
   color: #222222 !important;
}
#tel_txt .txt_color2 {
   color: #3a4151;
}
#page9 #contents .mg_b-20px {
   color: #66cc33;
}
#page9 #contents .box_wrap .pd_t-15px,  #page9 #contents .box_wrap .txt_color2 {
   color: #222222;
}
#page9 #contents .border_color2 {
    border-color: #3a4151;
}
#page9 .cate_box .bg_color3 {
    background-color: #66cc33;
}
#page10 #contents .txt_color_nomal {
    color: #222222!important;
}
#page10 #contents .txt_color2 {
    color: #66cc33;
}
.cms_6-b .cate_box .box_txt1 {
   color: #ffffff;
}
.pager .bg_color2 {
   background-color: #3a4151;
}
.button_container span {
    background: #66cc33;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    box-shadow: 2px 2px 2px #ccc;
}
.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
    background: #66cc33;
    width: 100%;
    box-shadow: none;
}
.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #66cc33;
    width: 100%;
    box-shadow: none;
}
#cms_2-a .cate_box  {
    box-shadow: 7px 7px 7px rgba(100, 100, 100, 0.2) !important;
}
#cms_2-c .box_item  {
    box-shadow: 2px 2px 6px rgba(100, 100, 100, 0.2) !important;
}
#info_map {
	background-image: url("./Dup/img/footer_back.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.f_box {
   padding-bottom: 0px;
}
/*.mail {
   display: none;
}*/
/*************枠*******************/
#cms_2-a .cate_txt1 {
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #66cc33;
    border-radius: 3px 0 3px 0;
}
#cms_2-a .cate_txt1:before, #cms_2-a .cate_txt1:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #66cc33;
    border-radius: 50%;
}
#cms_2-a .cate_txt1:after {
    top:-12px;
    left:-12px;
}
#cms_2-a .cate_txt1:before {
    bottom:-12px;
    right:-12px;
}
#cms_2-a .cate_txt1 {
    margin: 0; 
    padding: 40px;
}

/***************************/
footer .sns_link .width_30 {
    width: 300px;
}
#fixed_right_banner {
    position: fixed;
    top: 109px;
    /*right: 165px;*/
    z-index: 99;
}
#fixed_right_banner .sns_link {
  width: 100%;
}
#fixed_right_banner .width_30 {
    width: 200px;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
  #f_menu .grid_4 {
    width: 50%!important;
    text-align: left;
    margin-top: 5px;
}
.f_box {
   padding-bottom: 0px;
}
#f_menu .grid_4:last-of-type {
  width: 100% !important;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo .width_150_sp {
    width: 200px;
}
#logo {
    margin-right: 60.66667%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contents_box2 .txt_center {
    text-align: left;
}
#main_img2 {
    background-position-y: 0px;
}
#page10 #contents .txt_color2 {
    display: block;
}
}

/*IEのみ*/
@media all and (-ms-high-contrast: none)  {
/*@media all and (-ms-high-contrast:none)*/
#cms_2-a .cate .cate_title {
    padding-top: 8px !important;
}

}