.txt_color1{color: #97c723;} /* メインカラー */
.bg_color1{background-color: #97c723;} /* メインカラー */


#contact_tel a{
max-width:350px;
margin:10px;
}

#logo {
    width: 200px;
    height: 200px;
}

#logo h1{
width:62% !important;
}

#main_img{
position:relative;
}

#main_img:before{
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url(./Dup/img/eye.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(0% , -50%);
    transform: translate(0% , -50%);
    background-size: 100%;
    z-index: 2;
}

.catch{
    display: block;
    max-width: 240px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#top_contents2 {
    padding: 50px 0;
}

#top_contents2 .con_box{
margin-bottom:0;
}

#top_contents1{
    background-image: url(./Dup/img/left.png),url(./Dup/img/right.png);
    background-repeat: no-repeat;
    background-position: left center, right center;
    background-size: contain;
}

#top_contents2{
background-image: url(./Dup/img/back.png);
    background-size: 100% 100%;
}

#page_title:before {
    background: rgba(0,0,0,0.0);
}

.title_box{
border-bottom: 1px solid #e6e4e4;
}

/*----------------以下メディアクエリとieハック------------------*/



@media all and (-ms-high-contrast: none){
  #contact_tel a{
padding-bottom:20px;
}

#contact_tel a{
max-width:290px;
}

.test .d_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    flex-direction: row;
}


}

.btn_wrap .btn_box:nth-of-type(2){
display:none;
}

.btn_wrap .btn_box:nth-of-type(1){
margin-bottom:0;
}

.linkStyle{
color: #009245;
}



/*--------------20201106修正---------------*/

#header-nav li a {
    padding: 10px 30px;
    background-color: #97c723;
    border-radius: 3px;
    box-sizing: border-box;
color:white;
}

#header-nav li a .txt_color_nomal{
color:white;
}

#header-nav li a:hover{
background-color:#cfd541;
}

#header-nav li{
margin-left: 5px;
}



/*--------------20201106修正ここまで---------------*/


/*------20210208 start------*/


#tel_txt p a{
color:green;
border-bottom:1px solid green;
font-weight:bold;
transition:all 5s;
}

#tel_txt p a:hover{
border-bottom:none;
transition:all 5s;
}



/*------20210208 end------*/


/*----------20210222 start---------*/

.bk{
    z-index: 2;
    height: 100vh;
    background-color: rgba(255,255,255,0.8);
    top: 0;
    right: 0;
    padding: 9vh 5%;
}

#header-nav.bk{
display:none;
}

.bk li{
margin-bottom:2vh;
}

/*----------20210222 end---------*/

/*----------20210325 start-----------*/

#page8 .test{
padding-top:50px;
}

/*----------20210325 end-----------*/

/*-------mendo-------*/
.dada{
width: 100%;
    height: 100%;
    display: block;
    position: relative;
    /*text-align: center;*/
}

.taka{
height:210px;
}

.dada img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner h3{
    font-size: 20px;
    font-weight: bold;
    color: orange;
display:none;
}

.banner h2{
    font-size: 30px;
    font-weight: bold;
    display:inline-block;
    margin-bottom: 7px;
}

.syoku{
    display: inline-block;
    max-width: 300px;
}

.korenda{
max-width: 600px;
display:block;
margin: auto;
}

.banner{
    border-left: 1px solid #a5cc41;
    border-right: 1px solid #a5cc41;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo {
    width: auto;
    height: 95px;
}

#main_img:before {
    width: 70%;
}

#top_contents1 {
    background-position: left top, right bottom;
    background-size: 10%;
}

#contact_tel a {
    max-width: 290px;
}

#logo img{
    width: 100%!important;
}

.bk{
display:none;
}

.banner h2 {
    font-size: 23px;
    display: block;
    margin-bottom: 7px;
    margin-left: 15px;
    margin-top: 10px;
}

.banner{
    border:none;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
 #contact_tel a{
font-size:18px;
}

#top_contents1 {
    background-position: left top, right bottom;
    background-size: 10%;
}

#logo {
    height: 70px;
}

.catch {
    display: block;
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#logo img{
    width: 120%!important;
    margin-top: 10px;
}

}