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

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


/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.linkStyle{
	color:var(--color1);
}
.linkStyle:hover{
	color:var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}

.cate_list .border_color4{
    border-color: var(--black);
}
.cate_list .txt_color3{
    color: var(--black);
}
.cate_list .txt_color3:hover{
    color: var(--color1);
}
.cate_list a{
    padding-right:5px;
    padding-left:5px;
}
#pagetop{
    background-color: var(--color3)!important;
}
/* #fakeloader img{
    width: 140%!important;
} */

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.cate_list a{
    padding-right:15px;
    padding-left:15px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img{
    min-height: 960px;
    height: 1060px;
}
.fv_item01{
    position: absolute;
    z-index: 1;
    width: 6%;
    left: 9%;
    bottom: -31%;
}
.fv_item02{
    position: absolute;
    z-index: 2;
    width: 30%;
    left: 25%;
    bottom: -27%;
}
.fv_item03{
    position: absolute;
    z-index: 2;
    width: 9%;
    right: 5%;
    bottom: -28%;
    animation: fv_item03 3s infinite ease-in-out alternate;
}
@keyframes fv_item03 {
	0% {transform:translate(0, 0) rotate(-7deg);}
	50% {transform:translate(0, -7px) rotate(0deg);}
	100% {transform:translate(0, 0) rotate(7deg);}
}
.fv_item04{
    position: absolute;
    z-index: 2;
    width: 10%;
    left: 43%;
    top: 16%;
}
.fv_item05{
    position: absolute;
    z-index: 1;
    width: 59%;
    right: 0;
    bottom: -10%;
}
.fv_txt01{
    position: absolute;
    z-index: 1;
    width: 36%;
    left: 6%;
    bottom: 27%;
}
.fadein{
	transform: translateY(20px);
	transition: transform 1.5s ease, opacity 2s;
	transition-property: opacity,transform;
	opacity: 0;
}
.fadein.start{transform: translateY(0);opacity: 1;}

@media screen and (max-width: 1536px){
/* #main_img{
    height:90dvh!important;
} */
.fv_item04 {
    width: 10%;
    left: 43%;
    top: 21%;
}
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
    #main_img {
        min-height: initial;
        height: 50dvh !important;
    }
.fv_item01 {
    width: 7%;
    left: 5%;
    bottom: 35%;
}
.fv_item02 {
    width: 36%;
    left: 15%;
    bottom: 36%;
}
.fv_item03 {
    width: 10%;
    right: 9%;
    bottom: 41%;
}
    .fv_item04 {
        width: 14%;
        left: 39%;
        top: 5%;
    }
.fv_item05 {
    width: 70%;
    right: 0;
    bottom: 48%;
}
.fv_txt01 {
    width: 47%;
    left: 6%;
    bottom: 56%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    #main_img {
        height: 73dvh !important;
    }
    .fv_item01 {
        width: 12%;
        left: 5%;
        bottom: 11%;
    }
    .fv_item02 {
        width: 61%;
        left: 21%;
        bottom: 11%;
    }
    .fv_item03 {
        width: 14%;
        right: 7%;
        bottom: 21%;
    }
    .fv_item04 {
        width: 21%;
        left: 11%;
        top: 14%;
    }
    .fv_item05 {
        width: 93%;
        right: 0;
        bottom: 48%;
    }
    .fv_txt01 {
        width: 75%;
        left: 4%;
        bottom: 36%;
    }
}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.intro_title{
    width: 60%;
}
.con03_title{
    width: 90%;
}
.con02_title{
    width: 45%;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.con03_title {
    width: 60%;
}
.con02_title {
    width: 65%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.intro_title {
    width: 100%;
}
    .con03_title {
        width: 80%;
    }
    .con02_title {
        width: 85%;
    }
}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.pagetitle{
    background-color: var(--color5)!important;
}
.pagetitle_img {
    mix-blend-mode: inherit;
}
.pagetitle .posi_rel .txt_color2{
    color: var(--color1);
}
.footer .txt_white{
    color:var(--normal)!important;
}

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

}

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