.bg_color4 {
    /*background-color: #4da359;*/
    background-color: #5fb16a;
}

.txt_color1 {
    color: #4da359;
}

.main_box{
    margin-left: 300px;
    width: 84.2% !important;
}

header.grid_3{
    min-width:300px;
    width: 16.66667% !important;
    border-right: 1px solid #5fb16a;
    background-color: #f7f7f7;
    max-width: 300px;
}

.head_box{
    padding: 40px;
}

#main_menu{
    margin-top:10vh;
}

#contents_box{
    background-color: #fbfffc;
    border-top: 1px solid green;
}

#contents3{
        background-color: #edf9f0;
    padding: 5% 4%;
    margin-bottom: 50px;
}

#contents3 div figure.img6:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/poi1.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 20%;
    pointer-events: none;
    z-index: 1;
}

#contents3 div figure.img7:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/poi2.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 20%;
    pointer-events: none;
    z-index: 1;
}

#main_img {
    padding: 2.5% 2%;
    position: relative;
}

#main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50.7%;
    background-image: url(./Dup/img/catch.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 3;
    transform-origin: top center;
}

#main_menu ul li a {
    font-weight: bold;
}

.button:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #eaebeb;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    pointer-events: none;
    z-index: -2;
}

article .button:before{
        background-color: #fdda63;
}

.button:hover:after {
    box-shadow: inset 0 0 0 15em rgba(77, 163, 88, 1);
}

.contact_bt a, .tel_bt a, .more a{
    border-radius: 30px;
}

.border_color1 {
    border-color: #adadad;
}

#contents1 h2{
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 70px;
    font-size: 26px;
    padding-top: 120px;
    background-image: url(./Dup/img/eye.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 150px;
}

.txt_color3 {
    color: #4da358;
}

h2, h3{
    font-weight: bold;
}

#fakeloader{
    background-color: #f7f7f7 !important;
}

#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 500px!important;
}

.spinner7 > div {
    background-color: #4da359;
}

.txt_shadow-b {
    text-shadow: none;
}

#main_img img {
    max-height: 100%;
    min-height: auto;
    border-radius: 60px;
}

#main_img {
    max-height: 100%;
    min-height: auto;
    margin-bottom: 40px;
    margin-top: 20px;
}

#contents2 > div .grid_6{
    position: relative;
    z-index: 1;
}

#contents2 > div .grid_6 h2, #contents2 > div .grid_6 p{
    position: relative;
    z-index: 1;
}

#contents2 > div .grid_6:before{
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0%;
    left: 3%;
    background-image: url(./Dup/img/intro.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%)  rotate(0deg);
    transform: translate(-50% , -50%)  rotate(0deg);
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    animation: bgiLoop 30s linear infinite;
}



@keyframes bgiLoop {
    0% { transform: translate(-50% , -50%) rotate(0deg);}
  100% { transform: translate(-50% , -50%) rotate(360deg);}
}


.bg_color1 {
    background-color: #4da359;
}

.border_color3 {
    border-color: #d1d0d0;
}

.link_box ul li{
    margin-left: 5px;
}

.linkStyle{color: #4d9d59;}

.link_box ul li{
    width:12% !important;
}

.cate_list li{
    width:50% !important;
}


/*--20230520 correct start--*/

#contents2 h2{
    margin-bottom: 50px;
}

/*--20230520 correct end--*/


@media all and (-ms-high-contrast: none){
  

}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.main_box{
    margin-left: 0px;
    width: 100% !important;
}

header.grid_3{
    min-width:100%;
    width: 100% !important;
    border-right: 1px solid #5fb16a;
    background-color: #f7f7f7;
}

.head_box {
    padding: 0px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.cate_list li{
    width:100% !important;
}

}