@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2.3;
}
#contents1 .con_img, #contents2 .con_img {
border: 6px solid #fff; 
}
.menu a {
    max-width: 212px;
}
#contents3_wrap:after {
background-color: rgba(82, 82, 82, 0.50)!important;
}
.line:before {
background-color: #9bc093!important;
}
#intro .num {
width: 242px;
}
.tel_bt {
    background: url(Dup/img/tel.png) no-repeat 0 50%;
    background-size: contain;
    display: inline-block;
    padding: 17px 46px 27px;
}
.button_container span {
    background-color: #212121;color: #212121;
}
#contents1 .con_box, #contents2 .con_box {
    position: relative;
    background-color: rgba(255,255, 255, 0);
    background-image: radial-gradient(#ffffff 57%, rgba(255, 255, 255, 0.2) 68%,  rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 85%);
}
#contents1:before {
    height: 481px;
    content: "";
    display: block;
    position: absolute;
    top: 35px;
    right: calc( 50% - 614px);
    width: 682px;
    height: 223px;
    background-image: url(Dup/img/whatis.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#contents1 .con_box:before, #contents2 .con_box:before {
    height: 481px;
    content: "";
    display: block;
    position: absolute;
    top: -100px;
    right: -80px;
    width: 382px;
    height: 183px;
    background-image: url(Dup/img/leaf1.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#contents1 .con_box:after {
    height: 481px;
    content: "";
    display: block;
    position: absolute;
    width: 382px;
    height: 183px;
    background-repeat: no-repeat;
    background-size: contain;
      background-image: url(Dup/img/leaf2.png);
}
#contents2 .con_box:after {
    content: "";
    display: block;
    position: absolute;
    width: 382px;
    height: 183px;
    background-repeat: no-repeat;
    background-size: contain;
    top: inherit;
    right: inherit;
    bottom: -124px;
    background-image: url(Dup/img/leaf2.png);
    left: -200px;
}

footer {
    position: relative;
}
footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 60px;
    background-repeat: repeat-x;
    background-size: auto 100%;
    top: -34px;
    right: 0;
    background-image: url(Dup/img/hanaline.png);
}

.menu .bg_white {
    position: relative;
}
.menu .bg_white:before, .menu .bg_white:after {
content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 180px;
    height: 180px;
    background-image: url(Dup/img/left_.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.menu .bg_white:after {
    background-image: url(Dup/img/right_.png);    
    top: inherit;
    bottom: 0;
    left: inherit;
    right: 0;
    background-position: 100% 100%;
}






body, .menu .bg_white {
    background-image: url(Dup/img/mokume4.jpg);
    background-size: 530px;
}
@media screen and (max-width: 768px){
 .menu .bg_white {
     overflow: hidden;
 }  
.menu .bg_white:before, .menu .bg_white:after {
    top: -9px;
    left: -39px;
    width: 180px;
    height: 108px;
}
.menu .bg_white:after {
    top: inherit;
    left: inherit;
    bottom: -17px;
    right: -39px;
}
#contents1 .con_box:before, #contents1 .con_box:after, #contents2 .con_box:before, #contents2 .con_box:after {
    top: -119px;
    right: -88px;
    width: 302px;
    height: 144px;
}
#contents1 .con_box:after {
    top: inherit;
    right: inherit;        background-image: url(Dup/img/leaf2.png);
}
#contents2 .con_box:after {
    top: inherit;
    right: inherit;
    bottom: -80px;
    background-image: url(Dup/img/leaf2.png);
    left: -372px;
}
#contents1 {
    padding-top: 40px;
}
#contents1:before {
    height: 481px;
    top: -51px;
    right: 56px;
    width: 436px;
    height: 223px;
    z-index: 1;
}
}
@media screen and (max-width: 667px){
#contents1 .con_box:before, #contents1 .con_box:after, #contents2 .con_box:before, #contents2 .con_box:after {
    width: 267px;
    height: 125px;
}
#contents2 .con_box:after {
    top: inherit;
    right: inherit;
    bottom: -80px;
    background-image: url(Dup/img/leaf2.png);
    left: -372px;
}
#contents3 {
margin-bottom: 17px;
}
#contents1:before {
    height: 481px;
    top: -45px;
    right: 0;
    width: 100%;
    height: 96px;
    z-index: 1;
}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------↓↓↓↓↓↓↓↓↓↓↓↓↓------------------------------------------------------------------------*/
::-webkit-scrollbar {
width: 9px;
}
::selection {
    background: #73a853;
}
::-webkit-scrollbar-track {
    background: #e8e8e8;
}
::-webkit-scrollbar-thumb {
    background: #816505;
    border-radius: 5px;
}
.fadein{
     transform: translateY(25px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein.trans{
     opacity: 1;
     transform: none
}
main {
    overflow: hidden;
}
.nav_menu_more:first-of-type a .icon:before  {
    content: "\f086";
}
.more_btn {
    background-color: rgba(213, 228, 210, 0.63);
}
#top_pc_nav li a {
}
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num {/*数字*/
opacity: 1;z-index: 2;
}
#contents1 .num, #contents2 .num, #contents3 .num {
    display: none;
}
.back1:before {
    z-index: -1;
    display: none;
}
#cms_2-a .cate_title {
        padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 2em;
    position: relative;
    border-bottom: solid 1px #70906c;
    display: block;
    text-align: left;
    border-top: 0;
}
#cms_2-a .cate_title:after {
    position: absolute;
    content: " ";
    display: block;
    width: 8%;
    bottom: -1px;
    border-bottom: solid 1px #d464ac;
    left: 0;
}
footer #logo2 a {
max-width: 173px;
}
@media screen and (max-width: 768px){
   .pager li {
        margin-right: 0!important;
    }
    #footer h2 {
    font-size: 20px;
}
#intro_wrap {
    padding: 7% 4%;
}
.menu a {
    max-width: 108px;
    z-index: 2;
}
}
@media screen and (max-width: 667px){
.page_title_box h2 {
    font-size: 5vw;
}
#footer h2 {
    font-size: 5vw;
}
.pd_l-r5per {
    padding: 0 3%;
}
#fakeloader .fl {
max-width: 129px;
}

}
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/

@media all and (-ms-high-contrast: none) {
#contents1 figure:before, #contents2 figure:before {
   display: none;
}
#cms_2-b .cate_title::before {
    padding: 6px 4px 2px 4px;
}
}