/*font-------------------------------------------------------------------------*/
.cms_title p,.page_title_box p,.con_title .pop400,.con_box h2{font-family: 'Noto Serif SC', cursive;}
.font_14 {font-size: 16px;}
.opacity08,.opacity07 { opacity: 0.9;}
.page_title_box p { font-size: 19px;}
a,.box_title1,.cate_title,.box_title2,a.more_btn,.hannari{
    font-family: 'Sawarabi Mincho', serif;}
/*#pc_nav li a{font-weight:bold;}*/
/*font-------------------------------------------------------------------------*/

/*header-------------------------------------------------------------------------*/
header.scr_header #logo {max-width: 90px;}
.top header{z-index:3 !important;}
.opacity_0{opacity:1 !important;}
.menu { display: none;}
/*------------------------------------------------------------------------------------*/
/*header-------------------------------------------------------------------------*/

/*color---------------------------------------------------------------------------*/
/*緑 #98fb98 152,251,152*/
/*橙 #ff8c00 255,140,0*/
/*濃 #ff4500 255,69,0*/

.txt_white {color: #333333;}
.txt_color1 { color: #ff8c00;}
.txt_color2 {color: #ff4500;}
.txt_color3 {color: #ff4500;}
.box_txt2 {color: #333333;}

.border_color1 {border-color: #ff8c00;}
.border_color2 {border-color: #ff8c00;}
.border_color3 {border-color: #adf0ad;}

.bg_color1 {background-color: #98fb98;}
.bg_color2 {background-color: #98fb98;}
.bg_color3 {background-color: #98fb98;}
.line:before {background-color: rgba(152,251,152,0.5) !important;}
#main_img:before {background-color: rgba(230, 255, 230,0.7)!important;}
header.scr_header {background-color: rgba(194, 255, 194,0.8) !important;}
#contents3_wrap:after {background-color: rgba(200,227,200,0.7) !important;}
#footer {background-color: rgba(255,255,255,0.7);}
#fakeloader:before {background-color: rgba(255,255,255,0.8);}
div#fakeloader:before{background: url(dup/img/bg_img_cms.jpg);
    background-size: 100% auto;}
.button_container span {background: rgba(51, 51, 51,1);}
/*color---------------------------------------------------------------------------*/

/*logo--------------------------------------------------------------------------*/
header.scr_header #logo {
    max-width: 90px;
}
#logo {
    max-width: 120px;
    box-sizing: border-box;}
p#logo2 img { max-width: 180px;}
#fakeloader .fl {max-width: 200px;}
/*logo--------------------------------------------------------------------------*/

/*top-----------------------------------------------------------------------*/
.main_top {background: url(dup/img/bg_img.jpg);
    background-size: 100% auto;}
.back1:before,.back2:before{background-color:transparent!important;}
#contents1 .con_box,#contents2 .con_box {
    background-color: #fff;
    padding: 5% 5%;}

/*addcontents*/
.modal_box::before {
    content: '';
    background: url(dup/img/yousei01.png);
    position: absolute;
    width: 100%;
    height: 48%;
    background-repeat: no-repeat;
    max-width: 181px;
    background-size: 100%;
    left: 2%;
    top: 1%;}
    
.modal_box::after {
    content: '';
    background: url(dup/img/modal_leaf.png);
    position: absolute;
    width: 100%;
    height: 48%;
    background-repeat: no-repeat;
    max-width: 181px;
    background-size: 100%;
    right: 2%;
    bottom: 1%;}

div#intro_wrap02 .intro_title h3::before{ display: none;}
div#intro_wrap02 {
    max-width: 500px;
    margin: 0 auto;}
/*modal*/
.modal_bt{cursor: pointer}
.modal_bg{
     top: 0;left: 0;
     background-color: rgba(152,251,152,0.4);
     z-index: 9}
.modal_box{
     max-height: 80%;
     overflow-y: auto;
     z-index: 10}
.close_bt{cursor: pointer}
/*modal*/

.button img:hover, .modal_bt img:hover {transform: translateY(-6px);}
.button_pd, .modal_bt {padding: 2%;}
#info_contact .con_img:before {background-color: rgba(230, 255, 230,0.7);}

#top_cms {
    background: url(dup/img/bg_img_cms.jpg);
    background-size: 100% auto;
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: rgba(230,255,230,0.9);}

.con_box, #intro_wrap {
    box-shadow: 0px 15px 28px -15px #98fb98;
}
#footer_con .con_box,#info_contact_wrap .con_box{box-shadow: none !important}
    

/*banner*/
.fixed_img {
    position: fixed;
    bottom: 30px;
    left: 0px;
    z-index: 3;
    width: 100%;
    max-width: 260px;
    transition: 0.5s;
}
.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;
}

.catchcopy{z-index:1;
    max-width: 900px;
    width: 100%;
}


.swiper-button-next, .swiper-button-prev {z-index: 2 !important;}
.catchcopy_sp{display:none}
div#h1txt {
    padding-bottom: 80px;
}

/*top-----------------------------------------------------------------------*/
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{
    background: url(dup/img/bg_img_cms.jpg);
    background-size: 100% auto;
}


/*linkStyle*/
a.linkStyle {
    color: #ff4500;
    transition: 0.5s;}
a.linkStyle:hover {opacity: 0.7;}
/*linkStyle*/

.page_title_box {
    background: url(dup/img/pagetitle.jpg);
    background-size: cover;}

#page_title:before {
    background-color: rgba(237, 255, 237,0.7);}
    
/*4文字*/
.page_title_box04::after{
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 153px;
    background-repeat: no-repeat;
    top: -74%;
    left: -58%;
}
/*5文字*/
.page_title_box05::after{
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 153px;
    background-repeat: no-repeat;
        top: -74%;
    left: -50%;}
/*6文字*/
.page_title_box06::after{
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 153px;
    background-repeat: no-repeat;
        top: -74%;
    left: -48%;}
/*10文字*/
.page_title_box10::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 153px;
    background-repeat: no-repeat;
        top: -74%;
    left: -28%;}


.cate_list li a {background-color: rgba(255,69,0,0.1) !important;}
.cate_list li a:before {color: rgba(255,69,0,0.7) !important;}
.cate_list li a:hover {background-color: rgba(152,251,152,0.1) !important;}

.overlay {background: linear-gradient(135deg, rgba(217, 255, 217,0.9) , rgba(152,251,152,0.9) ) !important;}
.overlay-menu ul li a, #overlay .left li:before {color: #333333 !important;}
.nav_menu_more:first-of-type a .icon:before{content:none;}
.page_title_box h2 {font-size: 29px;}
.button_container.active .bottom,.button_container.active .top {background: rgba(51,51,51,0.90);}
 .hvr_bg_color2:hover {
    background-color: #95ed95;
}
.hvr_txt_color1:hover {
    color: #333333;
}
.nav_menu_more.mg_t-10px {
    display: none;
}

/*IE*/
@media all and (-ms-high-contrast: none){
#page_title .page_title_box {padding-bottom: 18px !important;}
.pager li a {padding-bottom: 9px !important;}
.cate_list li a {padding-bottom: 11px !important;}
#cms_2-a .cate .cate_title {padding-top: 12px !important;}
#cms_3-d .cate .cate_title {padding-top: 13px !important;}
#page9 .more {padding-bottom: 3px !important;}
#page10 .more_btn {padding-top: 10px !important;}


li a,.box_title1,.cate_title,.box_title2,a.more_btn,.hannari,#page9 .more,#page10 .more_btn{
    font-family: 'Sawarabi Mincho', serif;
    transform:rotate(-0.3deg);
}

}


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

div#h1txt {padding-bottom: 60px;}
.overlay {background: linear-gradient(135deg, rgba(217, 255, 217,0.9) , rgba(152,251,152,0.9) ) !important;}
.overlay-menu ul li a, #overlay .left li:before {color: #333333 !important;}
.nav_menu_more:first-of-type a .icon:before{content:none;}
.page_title_box h2 {font-size: 29px;}
.button_container.active .bottom,.button_container.active .top {background: rgba(51,51,51,0.90);}
    
.page_title_box06::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 121px;
    background-repeat: no-repeat;
    top: -52%;
    left: -38%;}
.page_title_box10::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 121px;
    background-repeat: no-repeat;
    top: -52%;
    left: -23%;}
.page_title_box04::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 121px;
    background-repeat: no-repeat;
    top: -52%;
    left: -44%;}
.page_title_box05::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 121px;
    background-repeat: no-repeat;
    top: -52%;
    left: -39%;
}

#logo {
    max-width: 100px;
    box-sizing: border-box;
}

.width_200-max_tb {
    width: 100%;
    max-width: 180px;}

.pager li { margin: 0 !important;}
  
  
.main_top {
    background: url(dup/img/bg_img.jpg);
    background-size: 150%;
    background-position: center;
}

.catchcopy {
    z-index: 3;
    max-width: 600px;
    width: 100%;
}

.modal_box::before {
    max-width: 164px;
}

.modal_box::after {
    max-width: 150px;
    bottom: 0%;}

div#intro_wrap02 {
    max-width: 450px;
    margin: 0 auto;
}

   
}




/*スマホ*/
@media screen and (max-width: 667px){
    .catchcopy{display:none;}
    .catchcopy_sp{display:block !important;}
    
.catchcopy_sp{
    z-index: 1;
    max-width: 300px;
    width: 100%;
}
#logo {
    max-width: 75px;
    box-sizing: border-box;
}
.overlay {
    background: linear-gradient(
135deg
, rgba(217, 255, 217,0.9) , rgba(152,251,152,0.9) ) !important;
}

#fakeloader .fl {
    max-width: 150px;
}

div#fakeloader:before{background: url(dup/img/bg_img_cms.jpg);
    background-size: 120% auto;
    background-position: center;}
    
.main_top {
    background: url(dup/img/bg_img.jpg);
    background-size: 200%;
    background-position: center;}
    
.button_pd, .modal_bt {padding: 0%;}
.modal_box {padding: 50px 0px;}
.modal_box span {
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
}
.modal_box::before {
    max-width: 106px;
    left: 2%;
    top: 1%;
    opacity: 0.2;
}
.modal_box::after {
    max-width: 100px;
    opacity: 0.2;}
    
header.scr_header #logo {max-width: 60px;}
.button_container {top: 59%;}

.fixed_img {max-width: 150px;}
.width_200-max_tb {max-width: 135px;}

.page_title_box h2 {
    font-size: 22px;
}

.page_title_box {
    padding: 15px 10px 22px !important;
}


.page_title_box05::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 75px;
    background-repeat: no-repeat;
    top: -15%;
    left: -26%;
}
.page_title_box04::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 75px;
    background-repeat: no-repeat;
    top: -15px;
    left: -25%;
}
.page_title_box06::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 75px;
    background-repeat: no-repeat;
    top: -15%;
    left: -25%;
}
.page_title_box10::after {
    content: '';
    background: url(dup/img/yousei02.png);
    width: 100%;
    height: 200%;
    background-size: 100%;
    position: absolute;
    /* z-index: 0; */
    max-width: 75px;
    background-repeat: no-repeat;
    top: 5%;
    left: -29%;
}

.font_4dw_tb {
    font-size: -webkit-calc(1rem - 3px);
    font-size: calc(1rem - 3px);
}

p#contact_tel a {padding: 25px 10px;}




}