/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #006400} /* メインカラー */
.txt_color2{color: #006400} /* サブカラー */
.txt_color3{color: #006400} /* アクセントカラー1 */
.txt_color4{color: #8b4513} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #006400}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #006400}
.border_color4{border-color: #8b4513}


/* 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: #006400} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #006400} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #8b4513} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #006400}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #006400}
.hvr_border_color4:hover{border-color: #8b4513}

.linkStyle {
    color: #006400;
}
.top_banner .fas {
    margin-right: 10px;
}
header .head_box .link_box {
    padding-bottom: 0px;
}
/*h2, h3, h4 {
    font-family: 'Yusei Magic', sans-serif !important;
}
.more a, .contact_bt a, .tel_bt a, #main_menu .txt_color3 {
    font-family: 'Indie Flower', cursive !important;
}*/

header {
    background-image: url("./Dup/img/header_back.jpg");
    background-position: center;
    background-size: cover;
}
/*#contents2 .img5 img {
    border-radius: 50% 70% 50% 80%;
}

#contents3 .img6, #contents3 .img7 {
    overflow: hidden;
    border-radius: 50% 70% 50% 80%;
}*/
#body {
    /*background-image: url("./Dup/img/back.jpg");*/
    background-color: #EDECE1;
}

.cms_1-e .date {
    background-color: rgba(0,0,0,0);
    color: #006400;
    border-right: 1px solid #006400;
    border-bottom: 1px solid #006400;
    padding: 3%;
    margin-bottom: 29px;
}
#main_menu .txt_color3 {
    color: #333333;
}
#main_menu ul li a::before {
    background-color: #333333;
}
#contents1 {
    border: 0.5px solid #d4bfac;
    /* border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px; */
    padding: 3em 6em;
    width: 90% !important;
    margin-top: 2%;
    margin-bottom: 2%;
    /* background-image: url(./Dup/img/back.jpg); */
    position: relative;
    background-color: #fff;
}
/*#contents1:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/i_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: -22px;
    right: -30px;
    width: 150px;
    height: 150px;
}*/
#contents2 {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}
#contents3 {
    padding-left: 0px;
    padding-right: 0px;
}
/*#contents2:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/i_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    top: -22px;
    left: -48px;
    width: 150px;
    height: 150px;
    z-index: 1;
}*/
/*.con_under:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/i_3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: -22px;
    right: -34px;
    width: 150px;
    height: 150px;
}*/
#contents2 .grid_6, .con3_box {
    /* border: 4px solid #e4e2d5; */
    /* border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px; */
    padding: 2em;
    background-color: #ffffff;
    text-align: left;
}
.con3_box {
    margin-top: 40px;
}
.con_under {
    position: relative;
    display: inline-block;
    padding: .8em 4em;
    /* background: linear-gradient(#fe5f95 , #ff3f7f); */
    background-color: #ffffff;
    /* background-image: url(./Dup/img/back.jpg); */
    border: 1px solid #EDECE1;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 2%;
    margin-bottom: 2%;
    width: 90% !important;
}
.con_under::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    border: 0.5px solid #d4bfac;
    /* border-radius: .4em 2em .5em 3em/3em .5em 2em .5em; */
}
.more a {
  display: inline-block;
  padding: .75em 4em;
  border: 0.5px solid #333;
  /*border-radius: 3em .5em 2em .5em/.4em 2em .5em 3em;*/
  color: #333;
  text-decoration: none;
  text-align: center;
}
.more a:hover {
    border: 2px solid rgba(0,0,0,0);
}
.more {
    text-align: center;
}
.foot_tel_bt a {
  display: inline-block;
  padding: .75em 4em;
  border: 0.5px solid #333;
  /*border-radius: 3em .5em 2em .5em/.4em 2em .5em 3em;*/
  color: #333;
  text-decoration: none;
  text-align: left;
}
.foot_tel_bt a:hover {
    border: 2px solid rgba(0,0,0,0);
}
.foot_tel_bt {
    text-align: left;
}
.contact_bt a, .tel_bt a {
    display: inline-block;
    padding: .75em 4em;
    border: 0.5px solid #333333;
    /*border-radius: 3em .5em 2em .5em/.4em 2em .5em 3em;*/
    color: #333333;
    text-decoration: none;
    text-align: center;
    width: 50%;
}
.contact_bt a:hover, .tel_bt a:hover {
    border: 2px solid rgba(0,0,0,0);
}
#cms_5-a .box_title1 {
    position: relative;
    padding-left: 60px;
}
#cms_5-a .box_title1:before {
    position: absolute;
    content: "";
    background-image: url("./Dup/img/Q.png");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    top: -11px;
    left: 0px;
    width: 50px;
    height: 50px;
}
#cms_5-a .anser {
    position: relative;
    /*padding-left: 60px;*/
}


.fadeIn {
  transform: translate3d(0, 20px, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.hamburger__icon:after, .hamburger__icon:before {
    background-color: #000000 !important;
}
.hamburger__icon {
    background-color: #000000;
}
#page8 .border_color2 {
    border-color: #8c6239;
}
.top_banner:hover {
    transform: scale(1.1, 1.1);
}
.fa-envelope:before {
    display: none;
}
.nami {
    z-index: 1;
    top: -99px;
}
.nami img {
    vertical-align: bottom;
    width: 100%;
    height: 100px;
}
.nami2 {
    top: -190px;
    z-index: 7;
}
.nami2 img {
    vertical-align: bottom;
    width: 100%;
    height: 50px;
}
.link_box .grid_1 {
    width: 17%!important;
}
.catch3 {
    background-color: rgba(140,98,57,0.4);
    padding: 10px 15px 15px;
    border-radius: 5px;
}
.top_banner .border_color1 {
    border-color: #333333;
    color: #333333;
}
.top_banner .border_color1:hover {
    color: #ffffff;
}
.footer_cms {
    color: #333333;
}
.tel_bt {
    display: none;
}
.fat-nav .letter_2 {
    display: none;
}
/*.attach {
    width: 90% !important;
    height: 500px !important;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    background-size: 100% 100%;
}*/
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.con_under:before {
    right: -35px;
}
#contents1:before {
    bottom: -22px;
    right: -38px;
    width: 116px;
    height: 112px;
}
#logo {
    text-align: center;
}
.hamburger {
    top: 30px;
    right: 10px;
}
/*.attach {
    width: 90%;
    height: 350px !important;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    background-size: cover;
}*/
#cms_5-a .anser:before {
   display: none;
}
#page_title {
    margin-top: 36px;
}
.nami {
    z-index: 1;
    top: -78px;
}
.nami img {
    vertical-align: bottom;
    width: 100%;
    height: 80px;
}
.nami2 {
    top: -160px;
}
.nami2 img {
    vertical-align: bottom;
    width: 100%;
    height: 40px;
}
footer .link_box .flex_space-between {
    justify-content: space-evenly;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#main_img .txt1 {
    width: 300px;
}
.hamburger {
    top: 22px;
    right: 10px;
}
#contents1 {
    padding: 2em 3em;
}
#contents1:before {
    top: -12px;
    right: -21px;
    width: 71px;
    height: 95px;
}
#contents2:before {
    top: -34px;
    left: -5px;
    width: 102px;
    height: 95px;
    z-index: 1;
}
.con_under {
    padding: .8em 1em;
    width: 95% !important;
    margin-left: 9px;
}
.con_under:before {
    right: -9px;
    width: 124px;
    height: 110px;
}
/*.attach {
    width: 90% !important;
    height: 230px !important;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    background-size: contain;
}*/
#cms_5-a .box_title1:before {
    top: 1px;
    left: -11px;
    width: 40px;
    height: 40px;
}
#cms_5-a .box_title1 {
    position: relative;
    padding-left: 33px;
}
#page_title {
    margin-top: 25px;
}
.nami {
    z-index: 1;
    top: -38px;
}
.nami img {
    vertical-align: bottom;
    width: 100%;
    height: 40px;
}
.nami2 {
    top: -126px;
}
.nami2 img {
    vertical-align: bottom;
    width: 100%;
    height: 30px;
}
.top_banner {
    width: 260px;
}
#page8 #contact_tel a {
    padding-left: 0;
    padding-right: 0;
}
}

@media all and (-ms-high-contrast:none) {
.pc_box .contact_bt a {
    padding: 10px 0 12px !important;
    width: 93% !important;
}
.nami {
    z-index: 1;
    top: -99px;
    right: 0px !important;
    width: 100% !important;
}
.nami2 {
    top: -190px;
    z-index: 7;
    width: 100% !important;
}
#cms_2-a .cate .cate_title {
    padding-top: 10px !important;
}
#cms_6-a .cate .cate_title {
    padding-top: 10px !important;
}
#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 0px !important;
}

}