body{
    font-family: "Zen maru gothic", "Zen Kaku gothic", Sans-Serif;
}
.kakugo{
    font-family: "Zen Kaku gothic", "Zen maru gothic", Sans-Serif;
}
.bg_color1{
    background-color: #669579;
}
.bg_color2{
    background-color: #deffd9;
}
.bg_color3{
    background-color: #9F7454;
}
.txt_color1{
    color: #669579;
}
.txt_color2{
    color: #deffd9;
}
.txt_color3{
    color: #9F7454;
}
.border_color1{
    border-color: #669579;
}
.border_color2{
    border-color: #deffd9;
}
.border_color3{
    border-color: #9F7454;
}
.linkStyle{
    text-decoration: underline;
}
/*電話非表示*/
.tel_bt {
    display: none;
}
/*header*/
header .trans_logo.bg_color1{
    background-color: transparent;
}
header .trans_header{
    top: -135px;
}
/*
#header.pd_l-100px{
    padding-left: 0;
}
#logo {
    text-align: center;
    padding-left: 0;
}
#logo.pd_30px{
    padding: 30px;
}
#pc_nav{
    padding-left: 0;    
}
#pc_nav.pd_r-20px{
    padding: 20px;
}
#pc_nav ul li{
    display: flex;
    justify-content: center;
    align-content: center;
}*/
/*FV*/
#wrap{
    overflow: hidden;
}
#logo.bg_color1,#logo span.bg_color1{
    background-color: transparent;
}
#catch{
    bottom: 15vh;
    left: 23%;
    z-index: 2;
}
div#video .video{
       transform: translate(-100px, 11vh);
       max-width: 1280px;
}


@media (max-width: 1000px){
    #catch{
        max-width: 500px;
        bottom: 48vh;
        left: 41%;
    }
}
@media screen and (max-width: 768px){
    #main_img {
        padding-top: 0;
        height: 56.1vw!important;
    }
    div#video .video{
        transform: none;
    }
    
}
@media screen and (max-width: 667px){
    #main_img {
        position: relative;
    }
    #catch {
        max-width: 350px;
        bottom: -13vh;
        left: auto;
        right: 5%;
    }
}
@media screen and (max-width: 375px){
    #catch{
        max-width: 280px;
    }
}
/*固定LINEボタン*/
#linebt{
    max-width: 150px;
    z-index: 2;
    right: 0;
    bottom: 20px;
}
#linebt span{
    width: 50px;
}
#linebt span.light1{
    top: 0;
    left: 0;
}
#linebt span.light2{
    top: 0;
    right: 0;
}
#linebt span.light3{
    bottom: 0;
    right: 0;
}
@media screen and (max-width: 768px){
    #linebt {
        max-width: 100px;
    }
    #linebt a{
        display: block;
        height: 100px;
    }
}
/*TOP*/
main h2.font_10up{
    font-size: calc(1rem + 15px);
}
main p {
    line-height: 3.8rem;
    font-size: 16px;
}
#introduction {
    background: #eceadc;
}
#introduction.pd_l-100px{
    padding-left: 145px;
}
#introduction .intro_right{
    max-height: 780px;
    padding: 0 100px 100px 100px;
}

#introduction .intro_title h2.font_10up{
    font-size: 29px;
}
#contents1 i{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('./Dup/img/checkBox.png');
    background-repeat: no-repeat;
}
#contents1 h2{
    padding-right: 140px;
}

#contents1 ul {
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#contents1 ul li{
    width: 30%;
    justify-content: flex-start;
}
#contents1 .con1nayami p{
    font-size: 24px;
}
#contents2 .con2_right img{
    border-radius: 50%;
}
#contents2 .con2_right .posi_center{
    top: 0;
    left: 0;
    transform: none;
}
#contents2 .con2_right.pd_l-50px{
    padding-left: 100px;
    padding-right: 100px;
}
#contents2 .con2_left.pd_r-50px {
    padding-right: 200px;
    padding-left: 100px;
}
#contents2 p {
    line-height: 3.8rem;
    font-size: 16px;
}
#contents3 .con3_wrap.pd_r-100px{
    padding-right: 140px;
}
#contents3 .con3_right img{
    border-radius: 50%;
}
#contents3 .con3_title h2{
    text-align: center;
}
#contents3 .con3_title span{
    display: none ;
}
@media (max-width: 1440px){
    #contents1 h2 {
        padding-right: 80px;
    }
    #contents2 .con2_left.pd_r-50px{
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 768px){
    #introduction.d_flex{
        display: block;
    }
    #introduction.pd_l-100px{
        padding-left: 40px;
    }
    #introduction .intro_left.grid_6{
        width: 100%!important;
    }
    #introduction .intro_right{
        padding: 0;
    }
    #contents1 h2{
        padding-right: 0;
    }
    #contents1 ul li{
        width: 50%;
    }
    .con1_right h2.font_10up{
        font-size: 32px;
    }
    .con2_right{
        height: 280px!important;
    }
    #contents2 .con2_right.pd_l-50px{
        padding-left: 0;
        padding-right: 0;
    }
    #contents3 .con3_wrap.pd_r-100px{
        padding-right: 50px;
    }
}
@media (max-width: 668px){
    main h2.font_10up{
        font-size: calc(1rem + 6px);
    }
}
@media (max-width: 376px){
    #contents1 ul li{
        width: 75%;
    }
}
/*pagetop固定ボタン*/
#page-top{
    bottom: 20vh!important;
    right: -100px;
    transition-duration: 0.8s;
}
#page-top.active{
    bottom: 20vh!important;
    right: 0;
    transition-duration: 0.8s;
}
/*お問い合わせ*/
#contact_tel_wrap .font_18{
    font-size: 30px;
    padding-bottom: 20px;
}
#contact_tel_wrap .tel{
    max-width: 500px;
    margin: 0 auto;
}
@media (max-width: 667px){
    #contact_tel_wrap .font_18{
        font-size: 15px;
    }
}
/*footer*/
footer .footer_bottom{
    padding-bottom: 120px;
}
@media (max-width: 768px){
    footer .footer_bottom{
        padding-bottom: 220px;
    }
}