﻿#cms_2-b h3.cate_title {
    display: inline-block;
    border: 0;
    padding: 0;
    padding-left: 60px;
    position: relative;
    background:none;
  
}
#cms_2-b .cate_box{
    text-align:center;
}
#cms_2-b h3.cate_title::before {
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b3.png) no-repeat;
    background-size: contain;
    top: -6px;
    left: 0;
}
a.cms_banner {
    display: inline-block;
    background: #805e48;
    width: 90%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    font-size: 20px;
    color: white;
    border-radius: 30px;
    transition: all 0.3s;
}
a.cms_banner:hover{
    opacity:0.6;
}
.hamburger__icon{
    position: relative;
    bottom: 3px;
}
#header{
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
#page7 .box_item p{
    font-weight:normal;
}
@media all and (-ms-high-contrast: none){
    #footer_menu ul li a{
        padding-top:0;
    }
    #page10 ul li a{
        padding:17px 5px 17px;
    }
    #page9 .box_wrap .box p a{
        padding:3px 10px 3px;
    }
    #page8 #tel_contact p a{
        padding:17px 20px 17px;
    }
    #cms_2-a .cate .cate_title{
        padding-top:0 !important;
    }
    .cate_list li a{
        padding:8px 0 8px;
    }
    .pager li a{
        padding:0;
    }
    header .mail_bt a{
        padding:10px 0 10px;
    }
    #side_contact .mail_bt a{
        padding:7px 0 7px;
    }
    .more a{
        padding:7px 10px 7px;
    }
}

p.mail_bt a{
font-weight:normal;
}
figure img{
    border-radius:20px;
}
figure{
    border-radius:20px;
}
.slick-dots{
    z-index:4;
}
#annai ul li a {
    display: inline-block;
    padding: 10px 20px;
    background: #805e48;
    color: white;
    width: 90%;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.5s;
    margin: auto;
    margin-bottom: 20px;
}
#annai ul li a:hover{
    opacity:0.7;
}
#annai{
    display: flex;
    justify-content: space-around;
}

aside{
    position:relative;
    z-index:3;
}
article{
    position:relative;
    z-index:3;
}
.cate_list{
    position:relative;
    z-index:2;
}
body{
    overflow:hidden;
}
#banner {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 99;
    width: 350px;
    border: 2px solid #90c686;
}
#banner img{
    transition:all 0.3s;
}
#banner img:hover{
    opacity:0.7;
}

#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{
    color: rgba(143,198,134,0.75);
}
#cms_2-a h3.cate_title{
    display:inline-block;
    border:0;
    padding:0;
    padding-left:60px;
    position:relative;
}
#cms_2-a h3.cate_title::before {
   width:50px;
   height:50px;
   content: "";
   position: absolute;
   background:url("Dup/img/title_b3.png") no-repeat;
   background-size:contain;
   top: -6px;
   left:0;
}

header a{
    font-weight:normal !important;
}
#header ul li a:hover{
    color:#90c686;
}
footer{
    background: #fffef8;
}
#page_title h2::before {
    width: 150px;
    height: 130px;
    content: "";
    background: url(Dup/img/title_b.png) no-repeat;
    position: absolute;
    background-size: contain;
    top: -30px;
    z-index: -1;
    left: -50px;
    opacity: 0.5;
}

#page_title{
    background: #fffef8;
}
#page_title h2{
    display: inline-block;
    z-index: 1;
    position: relative;
}
#page_title p{
    position: relative;
    z-index: 1;
}
/*
.slick-container::before {
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";
    background: url(Dup/img/main_c1.png) no-repeat;
    position: absolute;
    background-position: left top -5px;
    top: 0;
}

.slick-container::after{
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";
    background: url(Dup/img/main_c2.png) no-repeat;
    position: absolute;
    background-position: right;
    top:0;
}
*/
ul.cate_list li{
    width:50% !important;
}
.footer_box{
    background:none;
}
main::before {
    width: 610px;
    height: 300px;
    content: "";
    position: absolute;
    background: url(Dup/img/ha_right.png) no-repeat;
    right: -104px;
    top: -75px;
    background-size: contain;
}

main::after {
    width: 610px;
    height: 300px;
    content: "";
    position: absolute;
    background: url(Dup/img/ha_left.png) no-repeat;
    left: -57px;
    bottom: -63px;
    z-index: 2;
    background-size: contain;
}

main {
    position: relative;
    margin-top:100px !important;
    margin-bottom:100px !important;
      background: white;
    border-radius:10px;
}

div#main_img::before {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(237,255,234,0.2);
    position: absolute;
    z-index: 2;
}
#main_b {
    position: absolute;
    z-index: 3;
    right: 75px;
    bottom: 29px;
    width: 20vw;
    max-width: 380px;
}
#main_img{
    position:relative;
}

.cms_6-c .box_wrap{
    justify-content: space-between;
    align-items: flex-start;
}
.cms_6-c .cate_box{
    width:48% !important;
}
.linkStyle{
    color:#3b922b;
    transition:all 0.5s;
}
.linkStyle:hover{
    opacity:0.6;
}
.fa-envelope:before {
    content: "\f075" !important; 
}
header .d_flex.flex_space-between.pd_t-20px.pd_b-20px.pd_t-15px_tb.pd_b-15px_tb{
    padding-bottom: 0;
    padding-top: 5px;
}
header .tel_txt a{
    background: #805e48;
    color: white;
    padding: 10px 20px;
    display:block;
    transition:all 0.5s;
    border:2px solid #805e48;
    font-size:16px;
}
header .tel_txt a:hover{
    background:white;
    color:#805e48;
}
header .tel_txt{
    margin-top:0;
}
.headder .tel_txt:hover{
    
}
header .tel_txt a{
    color:white;
}
.box1 .grid_5.grid_12_sp.flex_order1_sp::before {
    width: 100%;
    height: 100%;
    content: "";
    background: #c4e3bf;
    position: absolute;
    z-index: -1;
    left: 20px;
    top: 20px;
    border-radius: 20px;
}
.box1 .grid_5.grid_12_sp.flex_order1_sp{
    position: relative;
    z-index: 2;
    right:20px;
}
.box1 figure img{
    border-radius:20px;
}


section#side_info{
        border-radius: 10px;
}
#header ul li a {
    color: #563101;
}
body {
    background: url(Dup/img/bg.png);
    background-attachment: fixed;
}

section#side_contact {
    border-radius: 10px;
}
div#con2_txt_wrap::before {
    top: -2px;
    width: 100%;
    height: 46px;
    content: "";
    position: absolute;
    background: url(Dup/img/binder.png) no-repeat;
    background-position: center;
    left: 0;
    background-size: contain;
}
ul.txt_left li::before {
    width: 20px;
    height: 20px;
    content: "";
    background: url(Dup/img/check.png) no-repeat;
    position: absolute;
    left: 0;
    background-size: contain;
    top: 2px;
}
ul.txt_left li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}
.list_wrap{
    align-items: flex-start;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 30px;
}
#con2_txt_wrap p{
    margin-top:30px;
}
#txt_bg{
    background: #fdfff9;
    padding: 20px;
}
#con2_txt_wrap {
    background: #b58355;
    padding: 20px;
    border-radius: 20px;
    position:relative;
}
.box2_con1{
    margin: auto;
    margin-top: 50px;
    padding-right: 0;
}
.box2 h3::before {
    width: 100%;
    height: 40px;
    content: "";
    position: absolute;
    background: url(Dup/img/title_b2.png) no-repeat;
    background-size: contain;
    background-position: center;
    top: -50px;
}
.box2_con1 p::before {
    width: 160px;
    height: 170px;
    background: url(Dup/img/owner.png) no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    right: 50px;
    top: -170px;
}
.box2 h3 {
    background: linear-gradient(transparent 60%, #d7f28b 60%);
    display: inline-block;
    margin-bottom:30px;
    position:relative;
    font-size:20px;
}
.box2 figure img{
    border-radius:20px;
}
.box2_con1 p{
    background: #fff7f0;
    padding: 20px;
    border-radius: 20px;
    position:relative;
    margin-top:20px;
}

h2,h3,h4{
    color:#563101 !important;
}
.box2 h2::before {
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    background: url(Dup/img/con2.png) no-repeat;
    bottom: 0;
    background-size: contain;
    left: 5px;
}
.box1 h2::before {
    width: 30px;
    height: 70px;
    content: "";
    position: absolute;
    background: url(Dup/img/con1.png) no-repeat;
    bottom: 0;
    background-size: contain;
    left: 10px;
}
.box1 h2,.box2 h2{
    padding-left:60px;
    position:relative;
    padding-bottom: 0;
}
body{
    font-family: 'Kosugi Maru', sans-serif;
}
.box2_con2{
    margin-top:80px;
    padding:0;
}

/*--------------------------タブレット------------------------------*/
@media screen and (max-width:768px){
header{
    padding-bottom:10px;
}
ul.slick-dots{
    display:none !important;
}
    #main_b {
    position: absolute;
    z-index: 3;
    right: 20px;
    bottom: 20px;
        width: 23vw;
}
main{
    z-index:0 !important;
    padding-top:80px !important;
    margin-top:80px !important;
}
.box1 div.d_flex{
    flex-direction:column;
}
.list_wrap {
    align-items: flex-start;
    justify-content: flex-start;
    width: 70%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    left: 50px;
}
#banner{
    width:300px;
}
#main_b,div#main_img::before{
    z-index:1;
}
#copyright {
    padding-bottom: 105px;
}
.footer_txt{
    text-align:center;
}
#page_title h2::before {
    width: 90px;
    height: 90px;
    top: -23px;
    opacity: 0.4;
}
#side_info p{
    text-align:center;
}
#side_info h2{
    margin:auto;
    margin-top:20px;
    
}
.footer_box{
    padding-top:20px;
    padding-bottom:20px;
}
}
/*--------------------------ここまで------------------------------*/

/*--------------------------スマホ------------------------------*/
@media screen and (max-width:667px){
    #main_b{
        width:35vw;
    }
    .box2 h2::before {
    width: 40px;
    height: 40px;
    }
main::before {
    width: 400PX;
    height: 160px;
    content: "";
    position: absolute;
    background: url(Dup/img/ha_right.png) no-repeat;
    right: -134px;
    top: -42px;
    background-size: contain;
}
#banner {
    width: 250px;
    left: 5px;
    bottom: 5px;
    z-index:1;
}
    .box1 .grid_5.grid_12_sp.flex_order1_sp{
        right:0;
    }
    .box2 h3{
        font-size:16px;
        white-space:nowrap;
    }
    .box2_con1 p::before {
    width: 110px;
    height: 110px;
    background: url(Dup/img/owner.png) no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    right: 20px;
    top: -110px;
}
.box2 figure{
    width:90% !important;
}
.list_wrap {
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    position: static;
    left: 50px;
}
#con2_txt_wrap p{
    text-align:left;
}
main::after {
    width: 300px;
    height: 150px;
    content: "";
    position: absolute;
    background: url(Dup/img/ha_left.png) no-repeat;
    left: -27px;
    bottom: -35px;
    z-index: 2;
    background-size: contain;
}
#copyright {
    padding-bottom: 85px;
}
.cms_6-c .cate_box{
    width:100% !important;
}
ul.cate_list li {
    width: 100% !important;
}
#annai {
    flex-direction: column;
}
#annai ul{
    width:100% !important;
}
#annai ul li a{
    width:100%;
}
.box1 h2::before {
    width: 20px;
    height: 50px;
}
main{
    padding-top: 50px !important;
    margin-top: 50px !important;
}
#main_img {
    padding-top: 50px;
}
a.cms_banner {
    width:100%;
    font-size: 16px;
}
#main_b {
    width: 28vw;
    bottom:10px;
}
}
.box2_con1 p::before{
    display:none;
}
/*--------------------------ここまで------------------------------*/

/*-------------------------- 2022.08.17 グログ記事URL化 ------------------------------*/
#cms_1-a .input {
    position: relative;
    padding: 2px 3px 2px 5px;
    background: #90c686;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    /* margin-top: 10px; */
    margin-bottom: 30px;
    margin-right: 20px;
    position: relative;
    display: inline-block;
    transform: translateY(-5px);
}
#cms_1-a .input:before {
    display: block;
    position: absolute;
    content: "";
    background-image: url(Dup/img/copy.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 7px;
    left: 11px;
    z-index: 1;
}
#cms_1-a input {
    padding: 5px 13px 5px 30px;
    background: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
}

@media (max-width: 667px){
#cms_1-a .date {
    width: 110px;
}
#cms_1-a .input {
    margin-right: 0;
    transform: none;
}
#cms_1-a .input:before {
    width: 17px;
    height: 17px;
    top: 8px;
    left: 10px;
    z-index: 1;
}
#cms_1-a input {
    padding: 3px 4px 3px 26px;
    font-size: 12px;
}
}
/*--------------------------ここまで------------------------------*/