.width_1280-max {
    width: 100%;
     max-width: 100%;
}

/*memo-------------------------------------------------------------------------*/
/*video-------------------------------------------------------------------------*/
#main_img {
    z-index: 1;
    overflow: hidden;
    position: relative;
    max-height: 100vh;
    min-height: 100%;}
/*video-------------------------------------------------------------------------*/

/*sns*/
.link_box .d_flex{    justify-content: flex-start;
    align-items: center !important;
}

.link_box ul li { margin-right: 15px;
    width: 12% !important;
    height: 33px !important;}
.link_box ul li a img {
    width: auto !important;
    height: 97% !important;}
    
/*cate_list ...*/
ul.cate_list li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px;}
    
/*memo-------------------------------------------------------------------------*/

/*font-----------------------------------------------------------------------------*/

.head_box{
    width: 100%;
    max-width: 350px;
    padding-right: 10px;
    padding-left: 10px;
}
.pc_box li a {font-size: 18px;}
.font_22 {font-size: 25px;}
.font_14,body {font-size: 16px;}

.font_4up {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
}
body,#copyright,.font_en{font-family: 'Kiwi Maru', serif !important;}
h1,h2,h3,h4,h5,h6,a,.cate_title,#page-top span{font-family: 'Kiwi Maru', serif !important;
    font-weight: 500;
}


/*余白調整*/
.contact_bt a, .tel_bt a,.foot_tel_bt a { padding-top: 13px;}
.more a {
    padding-top: 10px;
    padding-bottom: 13px;}
ul.cate_list li a { padding: 8px 10px 10px 10px;}
h3.cate_title { padding-top: 9px;}
ul.pager li a {
    padding-top: 0px;
    padding-bottom: 2px;}
section#page9 .box_wrap a {
    padding-top: 4px;
    padding-bottom: 6px;}
/*font-----------------------------------------------------------------------------*/


/*color-----------------------------------------------------------------------------*/
/*#8b4513 139,69,19*/
/*#e38440 227,132,64*/


/*bg*/
.bg_color1 {background-color: #8b4513;}
.bg_color4 {background-color: #ffffff;}

/*txt*/
.txt_color_nomal,section#page9 p {color: #8b4513;}
.txt_color1 {color: #e38440;}
.txt_color2 {color: #e38440;}
.txt_color3 {color: #8b4513;}
.txt_color4 {color: #8b4513;}
.cate_box p {color: #8b4513;}
.cate_box h3 {color: #e38440;}
.sub_cate_title, .box_item,.box_title1 {color: #e38440;}
.box_txt1 {color: #7a667e;}
#tel_txt .border_so1-b {border-color: rgba(227,132,64,0.3);}
.cate_txt1,.cate_title {color: #8b4513;}
#cms_3-b .cate_title,#cms_6-a .cate_title {color: #ffffff;}
small.font_en {color: #e38440;}

/*border*/
.border_color1 {border-color: #e38440;}
.border_color2 {border-color: #e38440;}
.border_color3 {border-color:#e38440;}
.border_color4 {border-color: #8b4513;}

/*hvr before after*/
.cms_title::before {background-color: #e38440;}
.hvr_txt_white:hover{color: #fff7ee;}
.cms_5-b .cate_box .open_bt .box_title1::before {color: rgb(242,242,242);}
#cms_5-b .cate_box .open_bt .box_title1::before {color: rgb(242,242,242);}
#page_title .page_box::before {    background-color: #e38440;}
.button2:hover {box-shadow: 0 0 20px rgb(227 132 64 / 50%) inset;}

.txt_shadow-b { text-shadow: 0 5px 10px rgb(139 69 19 / 30%) !important;}

/*全体*/
body { background: #ffffff;
    background-image:url(dup/img/bg_img.jpg);
    background-attachment: fixed;
        background-size: contain;
}

/*左メニュー*/
#main_menu ul li a::before {background-color: #8b4513;}
.pc_box li a {color: #8b4513;}
.contact_bt a, .tel_bt a{border-color: #e38440 !important;}
.button:hover::after {box-shadow: inset 0 0 0 15em rgb(227,132,64);}

/*color-----------------------------------------------------------------------------*/

/*border-radius-------------------------------------------------------------------*/
.normal_img img, .rectangle_img, square_img,.box_wrap, ul.pager li a,section#page10 ul li a,p#contact_mail a,p#contact_tel a,.fat-nav li a {
    border-radius: 10px;}
ul.cate_list li a,.tel_bt a,.contact_bt a,.more a,.foot_tel_bt a{border-radius: 50px;}
/*border-radius-------------------------------------------------------------------*/


/*top-------------------------------------------------------------------*/
header::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 103%;
    top: 0;
    right: -47px;
    background-image: url(./Dup/img/menu.png);
    background-size: 100% 100%;
    z-index: 1;
}
    
#contents1, #contents2, #contents3, .width_1280-max {
    padding-left: 80px;
    padding-right: 80px;}
div#contents1 h2 { text-align: center;}

.sample {
    z-index: 5;
    font-size: 50px;
    opacity: 0.7;
    color:white;
}
    
.catch {
    z-index: 3;
    top: 2.5%;
    right: 1%;}
figure.catch img {
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
    max-height: 600px !important;
    min-height: 600px !important;
}

@media screen and (max-width: 1500px){
    figure.catch img {
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
    max-height: 500px !important;
    min-height: 500px !important;
}
}


@media screen and (max-width: 1200px){
    figure.catch img {
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
    max-height: 400px !important;
    min-height: 400px !important;
}
}

div#contents1 {
    background: url(dup/img/info_img.png);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: bottom -30px left -30px;
}

div#contents2 {
    background: url(dup/img/bg_sozai02.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: bottom 30px right 52%;}

/*div#contents3 {*/
/*    background: url(dup/img/bg_sozai01.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 200px;*/
/*    background-position: bottom 0px right 80px;}*/
    
.swiper-button-prev,.swiper-button-next{display:none!important;}



#main_img::before {
    content: '';
    background-image: url(dup/img/catch.png);
    max-width: 230px;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 2%;
    background-repeat: no-repeat;
    top: 3%;
}


@media screen and (max-width: 1300px){
    
#main_img::before {
    content: '';
    background-image: url(dup/img/catch.png);
    max-width: 180px;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 2%;
    background-repeat: no-repeat;
    top: 3%;
}
}
/*top-------------------------------------------------------------------*/

/*logo------------------------------------------------------------------*/
h1#logo {max-width: 230px !important;}
h1#logo img {margin: 30px 0px 0px 0px !important;}
/*logo------------------------------------------------------------------*/

.opacity07 {  opacity: 0.9 !important;}
/*linkStyle*/
a.linkStyle {
    color: #e38440;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #8b4513;
}

/*contact【調整用】----------------------------------------------------------------------*/
@media screen and (max-width: 1400px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 5px) !important;
    font-size: calc(1rem + 5px) !important;
    padding: 25px 10px;}}
@media screen and (max-width: 1200px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 4px) !important;
    font-size: calc(1rem + 4px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;}}

/*【タブレット】*/
@media screen and (max-width: 768px){
    p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;
}}

/*【スマホ】*/
@media screen and (max-width: 667px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 1px) !important;
    font-size: calc(1rem + 1px) !important;
    padding: 20px 5px;
    letter-spacing: 2px;}
}


@media screen and (max-width: 320px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 20px 5px;
    letter-spacing: 1px;}
}
/*contact【調整用】----------------------------------------------------------------------*/



/*IE*/
@media all and (-ms-high-contrast: none){

#main_menu ul li a::before {
    top: 53% !important;}

.pc_box .contact_bt a {
    padding: 14px 0 15px!important;}
.more a {
    padding-top: 10px !important;
    padding-bottom: 14px !important;
}

.link_box .d_flex{    justify-content: flex-start;
    align-items: center !important;
}

.button2:hover {
    box-shadow: inset 0px 0px 20px rgba(227,132,64,0.6) !important;
}
.txt_shadow-b {
    text-shadow: 0px 5px 10px rgba(227,132,64,0.3)!important;
}

#cms_2-a .cate .cate_title {
    padding-top: 9px !important;}

#cms_3-b .cate_title,#cms_6-a .cate .cate_title {
    padding-top: 8px !important;}

#contact_mail a,#contact_tel a{
    padding-top: 28px !important;
}

#page10 ul li a {
    padding: 15px 0 17px !important;
}



    
}


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

#main_img::before {
    content: '';
    background-image: url(dup/img/catch.png);
    max-width: 150px;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 2%;
    background-repeat: no-repeat;
    top: 10%;
}
    
    
    
h1#logo { max-width: 100px !important;}
h1#logo img { margin: 0px 0 !important;}
h2.logo a img {max-width: 140px;}

.hamburger { top: 23px;
             right: 10px;}
#contents1, #contents2, #contents3, .width_1280-max {
    padding-left: 25px;
    padding-right: 25px;}
    
.link_box .d_flex {
    justify-content: center;
    align-items: center !important;
}
.link_box ul li {
        margin: 0 5px;
    width: 10% !important;
    height: 33px !important;}

footer .link_box li {max-width: 33px;}

.fat-nav li { font-size: 14px;}

.fat-nav li.font_en a {
    padding-top: 9px;
    padding-bottom: 12px;}


.font_22 {
    font-size: 22px;
    letter-spacing: 1px;}
.font_16_tb {font-size: 21px;}

header::before{display:none;}

figure.catch img {
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
    max-height: 350px !important;
    min-height: 350px !important;
}
.catch { top: 7.5%;}

div#contents1 {
    background: url(dup/img/info_img.png);
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: bottom -30px left -30px;}
div#contents2 {
    background: url(dup/img/bg_sozai02.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: bottom 30px right 52%;
}
/*div#contents3 {*/
/*    background: url(dup/img/bg_sozai01.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 180px;*/
/*    background-position: bottom 20px right 20px;*/
/*}*/

section#page7 .font_16_tb { font-size: 16px;}
.font_4up {
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
}


#page_title .title_img {
    height: 300px !important;
}
}
/*スマホ*/
@media screen and (max-width: 667px){

#page_title .title_img {
    height: 200px !important;
}

    
h1#logo { max-width: 75px !important;}
.font_22 {
    font-size: 20px;
    letter-spacing: 1px;}
.font_16_tb {
    font-size: 20px;}
h2.logo {text-align: center;}
p.footer_cms { margin: 20px 5% 0;}

.hamburger {top: 13px;}

figure.catch img {
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    min-height: 180px !important;}

div#contents1 {
    background: url(dup/img/info_img.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: bottom -10px left -30px;}
div#contents2 {
    background: url(dup/img/bg_sozai02.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: bottom 53% right 10px;
}
/*div#contents3 {*/
/*    background: url(dup/img/bg_sozai01.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 180px;*/
/*    background-position: bottom -20px right 10px;*/
/*}*/



.font_16_sp { font-size: 20px;}
.more a {font-size: 16px;}
.font_4up {
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);}
div#cms_1-a h3.box_title1 {letter-spacing: 0px;}

article .width_1000-max {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

section#page7 .font_16_tb { font-size: 16px;}

#main_img::before {
    content: '';
    background-image: url(dup/img/catch.png);
    max-width: 80px;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 2%;
    background-repeat: no-repeat;
    top: 10%;
}



}

.container {
    scrollbar-width: none;
}



@media screen and (max-width: 320px){

figure.catch img {
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
    max-height: 160px !important;
    min-height: 160px !important;}
    

#main_img::before {
    content: '';
    background-image: url(dup/img/catch.png);
    max-width: 66px;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 2%;
    background-repeat: no-repeat;
    top: 10%;
}

}



/*20221206*/
.menu_bnr {
    margin-top: -50px;
}

#fix_bnr {
    bottom: 15px;
    right: 15px;
    z-index: 10;
    width: 200px;
    background: #f9f6f2;
    border-radius: 50px;
}

@media screen and (max-width: 667px){
#fix_bnr {bottom: 7px;right: 72px;width: 65%;}
#copyright{padding-bottom: 55px;}
}



/*20221223*/
    
h1#logo img {
    width: 80% !important;
}

@media screen and (max-width: 768px){
h1#logo img {width: 100% !important;}
}



/*20240201*/
#main_img::before{display:none;