:root{
    --normal: #212121;
    --color1: #0b5535;
    --color2: #f2f0f0;
    --color3: #f2b805;
    --color4: #cdcdcd;
    --space_sm: 3%;
    --space_md: 5%;
    --space_lg: 10%;
    /* --text_sm:; */
    --text_md:30px;
    /* --text_lg:; */
}
/* タブレット */
@media screen and (max-width: 768px){
    :root{}
}
/* スマホ */
@media screen and (max-width: 667px){
    :root{
        --text_md:23px;
    }
}


/*■■ ボタンを横に揺らす ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.cta_style4{
  display:block;
  animation: cta_style4 2s infinite;
}
@keyframes cta_style4 {
    0% {transform: translate(2px, 0px);}
    5% {transform: translate(-2px, 0px);}
    10% {transform: translate(2px, 0px);}
    15% {transform: translate(-2px, 0px);}
    20% {transform: translate(2px, 0px);}
    25% {transform: translate(-2px, 0px);}
    30% {transform: translate(0px, 0px);}
}

/*■■ 応募フォーム ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.top.banner{display: none;}
.banner{
    display: block;
    border: 3px solid var(--color3);
    border-radius: 55px;
    box-shadow: 0 5px 4px rgba(0 0 0 / 20%);
}

.footer_back footer{padding-bottom: 120px;}

p#form{
    font-size: 2rem;
    margin-top: 50px;
    font-weight: bold;
    margin: 50px auto 30px;
    color: #fff;
    background-color: var(--color1);
    padding: 10px 0 7px;
}
.contact_box h3{
    width: 33.33333% !important;
    box-sizing: border-box;
    font-weight: 400!important;
    font-size: 15px;
}

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    .contact_box h3{
        width: 83.33333% !important;
        margin-bottom: 5px;
    }
}


/*■■ リンク ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.button::after{
    /* background: url(../img/more_bg.jpg); */
    background-color: var(--color3);
}
.button:hover::after{}

.contact_bt a,.tel_bt a{
    color: var(--color1);
}
.more a,footer .foot_tel_bt a,#page10 li a{
    color: var(--color1);
    background-color: var(--color3);
    border-color: var(--color2);
}
.more a:hover,footer .foot_tel_bt a:hover, #page10 li a:hover{
    color: #fff;
    background-color: var(--color1);
    border-color: var(--color1);
}
.button:hover::after{
    box-shadow: inset 0 0 0 15em var(--color1);
}

footer .foot_tel_bt a{
    border: none;
}

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


/*■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img{aspect-ratio: 1.1;}

#main_img .main_img{
    width: 120%;
    max-width: 1670px;
    position: absolute;
    transform: translate(-50%, 0);
    left: 47%;
}

#contents3 .con_title{
    text-align: center;
    font-size: calc(1.4 * var(--text_md));
    font-weight: bold;
    margin: 0 auto 50px;
    font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
    line-height: 1.6;
    color: var(--color3);
}
#contents3 .con_title div{
    display: inline;
    background-color: var(--color1);
    border: solid var(--color1);
    border-width: 0 0.3em;
    box-decoration-break: clone;
    padding: 0 0.1em 0;
    font-feature-settings: "palt";/* 自動カーニング */
     -webkit-box-decoration-break: clone;
}
#contents3 .con_title div.pc_txt{display: inline;}
#contents3 .con_title div.sp_txt{display: none;}



/* タブレット */
@media screen and (max-width: 768px){
    .hamburger{top: 26px;}
    #contents1,#contents2,#contents3{
        padding: 30px var(--space_md);
    }
    .footer_back .f_before{top: 48%;}
    
    .fat-nav li{font-size: 18px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .hamburger{top: 15px;}
    #contents3 .con_title div.pc_txt{display: none;}
    #contents3 .con_title div.sp_txt{display: inline;}
    #contents3 .con_title{font-size: calc(1.2 * var(--text_md));}
}

/*■■ cms ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

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