/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */


/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.linkStyle{
	color:var(--color1);
}
.linkStyle:hover{
	color:var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}
header{
    background-color:#75c3f3!important;
}

header .button:hover::after{
    box-shadow: inset 0 0 0 15em #fff;
}
.footer_back .button:hover::after{
        box-shadow: inset 0 0 0 15em #87cefa;
}
header .link_box li {
    max-width: 90px;
    height: 35px!important;
 }
 
.fat-nav li{
    font-size:16px!important;
}


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
footer .link_box li {
    max-width: 80px;
    height: 35px!important;
 }
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
footer .link_box li {
    max-width: 90px;
 }
    .footer_back .f_before {
        right: -60%;
        height: 1130px;
        width: 50%;
    }
}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.fv_img_tb{
    display: none;
}
.fv_txt{
    position: absolute;
    z-index: 1;
    width: 42%;
    left: 8%;
    bottom: 25%;
}


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.fv_img{
    display: none;
}
.fv_img_tb{
    display: block;
}
.fv_txt {
    position: absolute;
    z-index: 1;
    width: 65%;
    left: 18%;
    bottom: 4%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    .fv_txt {
        position: absolute;
        z-index: 1;
        width: 80%;
        left: 10%;
        bottom: 6%;
    }
}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.intro_title{
    width: 65%;
}
.intro_title_sp{
    display: none;
}
.blur {
    background-color: rgb(254 255 255 / 65%);
}
#top_cms .button:hover::after{
    box-shadow: inset 0 0 0 15em #87cefa;
}
#contents1 .text, #contents2 .text, #contents3 .text {
    font-weight: normal!important;
}
#contents1{
    padding-top:90px;
    padding-bottom:90px;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.intro_title{
    width: 90%;
}
.banner{
bottom: 31px;
    right: 0px;
    z-index: 10;
    width: 401px;
}
#copyright{
	padding-bottom: 100px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    .intro_title_sp{
        display: block;
        width: 90%;
    }
    .intro_title{
        display: none;
    }
    .banner {
        bottom: 10px;
        right: 0;
        width: 80%;
    }
#copyright{padding-bottom: 55px;}
}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#page_title .title_img::before {
    background-color: #fff;
    opacity: 0.3;
}
#page_title h2{
    color: var(--black)!important;
}

/* お問い合わせ */
#tel_txt .title{
    color:var(--color3)!important;
}
.form_wrap input,.form_wrap textarea {
    background-color: #dbf6fd!important;
}
.form_wrap #submit input{
    background-color: #4aceb0!important;
}

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

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
#page8 .tel_wrap{
    padding:5% 0!important;
}
#page8 .under_box{
    padding:10px 0 40px 0!important;
}
#page8 .contact_btn a{
    font-size:18px!important;
}
}