@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

body, .font_sans-serif{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

body{
    background-color: #f7f7f5;
}
#contents1 .con1_title, #contents2 .con2_title, #top_cms .cms_title, #page_title, .main_txt, .cate_title{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.font_bold{font-weight: normal}

#main_img .main_bg{background-image: none!important;background-color: rgba(67,141,47,0.8)!important}
#contents1 .con1_bg, #sp_nav .nav_bg{background-image: url(./Dup/img/bg_img4.png)!important;background-size: cover!important}
.swiper-container-fade .swiper-slide{height: 100%!important}

#main_img_h .pop{
    opacity: 0;
    transform: scale(0.5, 0.5);
    transition: 0.5s;
    transition-timing-function: cubic-bezier(.94,-0.35,.34,1.54)
}
#main_img_h .pop.active{
    opacity: 1;
    transform: none;
}
#main_img_h{
    background-image: url('/Dup/img/bg_img6.jpg');
    background-position: center;
    background-size: cover;
    height: 800px;
}
#main_img_h .main_box1 {
    top: 120px;
    right: 0;
    max-width: 640px;
}
/**#main_img_h .main_box2{
    top: 450px;
    right: 20px;
    max-width: 450px;
}**/
#main_img_h .main_box3 {
    right: 37%;
    max-width: 300px;
    bottom: 50px;
}
#main_img_h .main_box4 {
    right: 30px;
    max-width: 250px;
    bottom: 30px;
}
#main_img_h .main_box5{
    bottom: 0;
    left: 20px;
}
.index #pc_nav a.txt_white.pd_l-20px{
    color: #333;
}
#header{z-index: 11}
#logo a{padding: 20px 30px}
#intro{padding-top: 0}
#intro .intro_wrap{
    background-image: url('./Dup/img/intro_bg1.png'), url('./Dup/img/intro_bg2.png'), url('./Dup/img/intro_bg.png');
    background-position: top left, bottom right, top left;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 300px, 300px, 20px;
}
#intro .intro_title{position: relative;border: solid 2px #333;box-shadow: 5px 5px 0 #333;background-image: url(./Dup/img/bg_img8.jpg);background-position: center;background-size: cover;margin-top: 50px;padding: 50px}
#intro .intro_title::before{
    position: absolute;
    content: "";
    width: 280px;
    height: 160px;
    background-image: url(./Dup/img/text1.png);
    background-position: center;
    background-size: contain;
    left: -50px;
    top: -100px;
    z-index: 1;
    opacity: 0;
    transform: scale(0.5, 0.5);
    transition: 0.5s;
    transition-timing-function: cubic-bezier(.94,-0.35,.34,1.54)
}
#intro .intro_title.fadetrans::before{
    opacity: 1;
    transform: none;
}
#intro .intro_txt{padding-top: 20px;border-top: solid 1px #43A12F}
#intro .intro_illust{margin-top: -20px}
#intro .intro_img{position: relative}
#intro .intro_img::before{position: absolute;content: "";width: 250px;height: 125px;background-image: url(./Dup/img/img2.png);background-size: contain;right: -30px;bottom: -50px}
#contents1 .con1_wrap{padding-top: 50px;padding-bottom: 50px}
#contents1 .con1_bg::before{position: absolute;content: "";top: 10px;left: 10px;right: 10px;bottom: 10px;border: solid 1px #fff;margin: auto;pointer-events: none}
#contents1 .con1_title{padding-top: 20px}
#contents1 .con1_title span{text-align: center;line-height: 1.5}
#contents1 .con1_title::after{position: absolute;content: "";width: 300px;height: 72px;background-image: url(./Dup/img/text2.png);background-position: center;background-size: contain;left: 0;right: 0;margin: auto;top: -60px}
#contents2 .con2_box{background-color: #EF810F;background-image: url(./Dup/img/bg_img10.png), url(./Dup/img/bg_img10.png), url(./Dup/img/bg_img9.jpg);background-position: top 50px left, bottom 50px left, center;background-size: 30px, 30px, cover;background-repeat: repeat-x, repeat-x, no-repeat}
#contents2 .con2_title{
    position: relative;
    line-height: 1.5;
    padding-top: 50px;
    border-top: none;
    z-index: 1;
    font-weight: bold;
    text-shadow: 2px 2px 0 #333;
}
#contents2 .con2_title::before{
    position: absolute;
    content: "";
    width: 280px;
    height: 220px;
    background-image: url(./Dup/img/text3.png);
    background-position: center;
    background-size: contain;
    left: -80px;
    top: -60px;
    z-index: -1;
}

.top_cms_box{
    background-image: url('./Dup/img/bg_img.jpg');
    background-size: cover;
    background-position: center;
}
.top_cms_box .cms_title{
    padding-top: 30px;
    background-image: url('./Dup/img/bg_img5.png');
    background-position: top center;
    background-size: 120px;
    background-repeat: no-repeat;
}
#top_cms .top_cms_wrap{top: 0;margin-top: -50px;margin-bottom: 0!important;}
#top_cms .cms_box:not(:first-child)::before{width: 200px;height: 30px;background-image: url(./Dup/img/tape.png);background-position: center;background-size: 100% 100%;border: none!important;top: -10px;transform: rotate(-10deg)}
#top_cms .cms_box > .bg_color2{background-image: url(./Dup/img/bg_img7.jpg);background-size: cover;background-position: center;border-top: solid 2px #eed4ae;border-bottom: solid 2px #eed4ae}
#top_cms .cms_title{position: relative}
#top_cms .cms_box .cms_title::before{position: absolute;content: "";width: 300px;height: 72px;background-position: center;background-size: contain;left: 0;right: 0;margin: auto;top: -70px}
#top_cms .cms_box:nth-of-type(1) .cms_title::before{background-image: url(./Dup/img/T_title1.png)}
#top_cms .cms_box:nth-of-type(2) .cms_title::before{background-image: url(./Dup/img/T_title2.png)}
#top_cms .cms_box:nth-of-type(4) .cms_title::before{background-image: url(./Dup/img/T_title3.png)}
#top_cms .cms_sub_title{display: none}
#top_cms .top_cms_wrap > .cms_wrap.bg_white, .cms_3-c .cate_box{border: solid 2px #333;box-shadow: 5px 5px 0 #333}
#top_cms .top_cms_wrap > .cms_wrap.bg_white{background-image: url(./Dup/img/bg_img14.png);background-position: bottom center;background-repeat: no-repeat;background-size: contain;position: relative}
#top_cms .cms_box .top_cms_wrap > .cms_wrap.bg_white::before{
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    background-size: contain;
}
#top_cms .cms_box:nth-of-type(1) .top_cms_wrap > .cms_wrap.bg_white::before{
    background-image: url('./Dup/img/icon2.png');
    right: -50px;
    top: -50px;
}
#top_cms .cms_box:nth-of-type(2) .top_cms_wrap > .cms_wrap.bg_white::before{
    background-image: url('./Dup/img/icon3.png');
    left: -50px;
    top: -50px;
}
#top_cms .cms_box:nth-of-type(4) .top_cms_wrap > .cms_wrap.bg_white::before{
    background-image: url('./Dup/img/icon1.png');
    right: -50px;
    top: -50px;
}
#top_cms .more{margin-top: -30px}
.cms_3-c .cate_box .box_title1{
    font-weight: bold;
}
.cms_3-c .cate_box .box_item{
    width: calc(100% - 200px);
    box-sizing: border-box;
}
.cms_3-c .cate_box .box_title2{
    font-weight: bold;
    height: 120px;
    line-height: 120px;
    background-image: url('./Dup/img/bg_img12.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(10deg);
    margin-top: -70px;
}
.more a .hvr_more_span{background-color: #43A12F;color: #fff;border-radius: 50px;border: solid 2px #333;box-shadow: 5px 5px 0 #333}
.more a:hover .hvr_more_span{color: #43A12F}
.more a .more_bg{background-color: #fff}
.banner_wrap a{
    transition: 0.3s;
    transition-timing-function: cubic-bezier(.94,-0.35,.34,1.54)
}
.banner_wrap a:hover{
    transform: scale(1.1,1.1);
}


#page_title{padding-top: 100px}
#page_title .page_title_bg{display: none}
#page_title .page_title_gradient{display: none;}
#page_title p{display: none}
#page_title h2{padding-top: 100px;background-size: 300px;background-repeat: no-repeat;background-position: bottom 50px center}
.contents_wrap{border: solid 2px #333;box-shadow: 5px 5px 0 #333;margin-top: -30px;position: relative;padding-bottom: 350px;background-image: url(./Dup/img/bg_img13.png);background-position: bottom center;background-repeat: no-repeat;background-size: contain}
.contents_wrap::before, .contents_wrap::after{
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contents_wrap::before{
    background-image: url(./Dup/img/icon1.png);
    right: -80px;
    top: 300px;
}
.contents_wrap::after{
    background-image: url(./Dup/img/icon4.png);
    left: -80px;
    top: 100px;
}
section[id^="page"]{padding-top: 0;}
.cate_list li a{background-color: #F9F7F2}
.cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before{color: rgba(0,0,0,0.3)}

footer .footer_wrap{background-color: #43A12F}
#page_top a{
    color: #ffaf10!important;
}
#page_top .scroll_u .scroll_bar{
    background-color: #ffaf10!important;
}


/** tablet 780 **/
@media screen and (max-width: 768px){
section[id^="page"]{
    padding-left: 20px;
    padding-right: 20px;
}
#intro .intro_wrap{padding-top: 100px}
#header #logo a{padding: 10px 0;width: 150px}
#intro .intro_img::before{bottom: -30px}
#contents1 .con1_wrap{padding-left: 20px;border-bottom: solid 2px #fff}
#page_title{padding-top: 30px;padding-bottom: 80px}
#main_img_h{
    height: 700px;
}
#main_img_h .main_box1 {
    top: 20px;
    right: 0;
    max-width: 500px;
    z-index: 1;
}
/**#main_img_h .main_box2 {
    top: 250px;
    right: 0;
    max-width: 450px;
}**/
#main_img_h .main_box3 {
    top: auto;
    right: 30px;
    max-width: 400px;
    bottom: 30px;
    z-index: 1;
}
#main_img_h .main_box4 {
    top: 90px;
    right: auto;
    max-width: 300px;
    left: 20px;
    bottom: auto;
}
.banner_wrap a:hover{
    transform: none
}
.cms_3-c .cate_box .box_title2{
    margin-top: -50px;
}
.contents_wrap{padding-bottom: 200px}
.contents_wrap::before, .contents_wrap::after {
    width: 150px;
    height: 150px;
}
.contents_wrap::before{
    right: -20px;
    top: -60px;
}
.contents_wrap::after{
    left: -20px;
    top: -90px;
}
#top_cms .cms_box:nth-of-type(1) .top_cms_wrap > .cms_wrap.bg_white::before, #top_cms .cms_box:nth-of-type(4) .top_cms_wrap > .cms_wrap.bg_white::before{
    right: -80px;
    top: -80px;
}
#top_cms .cms_box:nth-of-type(2) .top_cms_wrap > .cms_wrap.bg_white::before{
    left: -80px;
    top: -80px;
}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#intro .intro_illust{margin-top: -15px}
#top_cms .top_cms_wrap{top: 0;margin-top: 0}
#intro .intro_wrap{padding-top: 50px}
#intro .intro_wrap .main_txt{margin-bottom: 70px;text-align: center;font-size: 22px}
#intro .intro_img::before{width: 150px;height: 75px;right: -10px}
#intro .intro_title{padding: 50px 20px}
#intro .intro_title::before{left: -20px;top: -60px;width: 175px;height: 100px;}
#contents1 .con1_wrap{padding-right: 20px}
#contents2 .con2_title{text-align: center}
#contents2 .con2_title::before{
    background-image: url(./Dup/img/text3_sp.png);
    width: 210px;
    height: 165px;
    
    left: 0;
    right: 0;
    margin: auto;
    top: -25px;
}
#top_cms .top_cms_wrap > .cms_wrap.bg_white{padding: 20px}
#top_cms .more{margin-top: 30px}
#main_img_h{
    height: 450px;
}
#main_img_h .main_box1 {
    top: 10px;
    right: 0;
    left: 0;
    width: 80%!important;
    margin: auto;
}
/**#main_img_h .main_box2 {
    top: 120px;
    right: 0;
    width: 58%!important;
}**/
#main_img_h .main_box3 {
    top: auto;
    right: 20px;
    max-width: 150px;
    bottom: 10px;
}
#main_img_h .main_box4 {
    top: 210px;
    right: 0;
    max-width: 120px;
    left: auto;
}
#main_img_h .main_box5 {
    left: 10px;
}
.cms_3-c .cate_box .box_item{
    width: 100%;
}
.cms_3-c .cate_box .box_title2{
    margin-top: 0;
}
.cms_3-c .cate_box .box_title2{
    background-image: url('./Dup/img/bg_img12_sp.png');
    transform: none;
}
.contents_wrap{padding-bottom: 100px}
.contents_wrap::before, .contents_wrap::after {
    width: 100px;
    height: 100px;
}
.contents_wrap::after{
    top: -50px;
}
#top_cms .cms_box .top_cms_wrap > .cms_wrap.bg_white::before {
    width: 100px;
    height: 100px;
}
#top_cms .cms_box:nth-of-type(1) .top_cms_wrap > .cms_wrap.bg_white::before, #top_cms .cms_box:nth-of-type(4) .top_cms_wrap > .cms_wrap.bg_white::before{
    right: -20px;
    top: -60px;
}
#top_cms .cms_box:nth-of-type(2) .top_cms_wrap > .cms_wrap.bg_white::before{
    left: -20px;
    top: -60px;
}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#page09 a{padding-top: 0;padding-bottom: 2px}
#pc_nav a, .cate_list a, #footer .tel_bt a, #footer .contact_bt a{padding-top: 10px}
.more a span.hvr_more_span, #page10 a{padding-top: 15px}
footer .footer_nav a, #page08 #submit input{padding-top: 20px}
}