﻿@import url("https://use.typekit.net/ilk8vuz.css");
@font-face {
    font-family: 'irohamaru';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/irohamaru.woff') format('woff'),
        url('../Dup/img/irohamaru.woff2')  format('woff2'), url('../Dup/img/irohamaru.ttf')  format('ttf'),url('../Dup/img/irohamaru.eot')  format('eot');
    font-display: swap;
}
header .catch{
    position: absolute;
    z-index: 1;
    left: 90px;
    bottom: 70px;

}
.catch span{
    /*font-family: 'irohamaru';*/
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-style: normal;
    font-weight: 900;
    line-height: 1.5;
    font-size: 3vw;
color: #669966;
}
body{
/*background-image: url(Dup/img/bg3.png);*/
    background-repeat: repeat;
    background-color: #669966;
    background-size: cover;
}
body,h1,h2,h3,h4{font-weight: 600;}
h2,.cate_title{
    font-family: 'irohamaru';
    font-style: normal;
    font-weight: 900;
}
.linkStyle{color: #44a83b;}
#pc_nav li a{color: #333;}
#logo{margin-bottom: 30px;}
#logo,#logo span{background-color: transparent;}
#main_img{overflow: hidden;}
header .trans_header{top: -120px;}
header .trans_logo{height: 150%;}
#header{
background-image: url(Dup/img/item.png);
    background-repeat: no-repeat,repeat;
    background-position: bottom -50px left -50px;
    background-size: 330px;
    background-color: #fff;
}
header .menu_stick,#page-top a{background-color: #fff;}
header .menu_stick > span{background-color: #333;}
.con1_right{
background: url(Dup/img/dec1.png)no-repeat right -100px top -30px;
    background-color: #fff;
}
#contents2 .con2_wrap,#contents3 .con3_wrap{
-webkit-box-shadow: inset 0px 0px 60px 20px rgba(207,249,185,0.2);
    box-shadow: inset 0px 0px 60px 20px rgba(207,249,185,0.2);
    background-repeat: no-repeat;
    background-position: bottom -40px left -70px,center;
    background-size: auto,cover;
    background-color: #fff;
}
.con2_right,.con3_right{
padding-left: 0;
padding-right: 0;
box-shadow: -12.728px 12.728px 100px 0px rgba(25,25,25,0.1);}
#contents3{
    background-image: url(Dup/img/dec3.png);
    background-repeat: no-repeat;
    background-position: right -30px bottom -30px;
    background-size: 400px;
}
.cms_box{
    padding: 50px 0;
}
.con1_title{position: relative;}
.con1_title,.con2_title,.con3_title{z-index: 1;}
.con1_title:before,.con2_title:before,.con3_title:before{
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/title_bg.png)no-repeat;
    background-size: contain;
    width: 100px;
    height: 100%;
    z-index: -1;
    left: -30px;
    top: -10px;
}
.con1_title:before{left: 35%;}
.con2_left{
    padding: 50px;
    z-index: 1;
}
.con3_left{
    padding: 50px;
    z-index: 1;
    color: #666666;
}
#contents3 .con3_wrap{
position: relative;
    z-index: 1;
}
.fade_box.fadetrans{transition-delay: 0.4s;}

#top_cms{
    margin-top: -100px;
background-color: #fff;}
#top_cms .top_cms_bg{background-color: #edf5f2;}
p.footer_txt{color: #003366;}
#page-top a::before{
    border-top: solid 1px #000;
    border-right: solid 1px #000;
}
#top_info .info_title,p.footer_txt,.tel_bt a,.footer_nav li a{color: #333;}
#top_info .info_left .more a{
border-color: #6E9986;
color: #6E9986;
}
#top_info .info_left{background-color: #f7f7f7;}
#top_info .info_left .more a span{background-color: #6E9986;}
#top_info .info_left .more a:hover{color: #fff;}
.info_title span{background-color: #333;}
/*------------------------------------
下層
--------------------------------------*/
#page02,#page03,#page04,#page05,#page06,#page07,#page08,#page09,#page10{
background-color: #f7f7f7;
-webkit-box-shadow: inset 0px 0px 60px 20px rgba(207,249,185,0.2);
    box-shadow: inset 0px 0px 60px 20px rgba(207,249,185,0.2);
}
.under_page #header{background: none;}
.under_page main{
background-image: url(Dup/img/dec3.png);
    background-repeat: no-repeat;
    background-position: bottom right;}
.page_title_bg.grid_4{
background-image: url(Dup/img/item.png);
    background-repeat: no-repeat,repeat;
    background-position: bottom -50px left -50px;
    background-size: 330px;
}
.page_title_box p,.page_title_box h2{color: #333;}
#page07 .d_flex{border-bottom: 1px solid #333;}
#page07 h3,#page07 p{text-align: left;}
#cms_5-a #cate0 .box_wrap{display: block;}
#cms_5-a .cate .cate_title{background-color: #b0b0b0;}
#page08 .mail_contact_link div:first-child a {
    font-size: 20px;
    background-color: #00b900;
    color: #ffffff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
}
#page08 .mail_contact_link div:last-child a {
    font-size: 20px;
    background-color: #8aa88a;
    color: #ffffff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
}
#contact_tel{margin-bottom: 50px;}
.mail_contact_link{justify-content: space-around;}
/*------------------------------------
tab
--------------------------------------*/
@media screen and (max-width: 768px){
#main_img{padding-top: 0;}
#main_img,#video {
    height: 56vw!important;
}
.con2_left{margin-right: 0;}
.con3_left{margin-left: 0;}
.con1_right{background-size: 400px;}
#page-top a {
    background-color: #8ab686;
}
#contents2{margin-bottom: 50px;}
#page_title{padding-top: 0;}
#page07 h3{padding-right: 20px;}
header .menu_stick{top: 20px;}
.footer_bottom{color: #fff;}
.under_page .footer_bottom{color: #333;}
}



/*------------------------------------
sp
--------------------------------------*/
@media screen and (max-width: 667px){
.con1_right{background-size: 300px;}
.con2_left,.con3_left{padding: 0;}
header .catch{
    left: 30px;
    bottom: 20px;
}
.catch span{font-size: 4vw;}

}