@charset "UTF-8";
/*2025*/

.preparation-box03-ttl h3.orange {
    background: #F28C00;
}

.seikai .naka {
    background: #179974;
	background: #6DBED9;

}
.ecikal img{
	max-width: 508px;
	margin: 20px auto;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {

}
@media screen and (min-width: 767px) {
	.mv-main-ttl{
		/*margin-right: -61px;*/
		margin-top: 50px;
	}
.mv-main-ttl img {
    max-width: 931px;
    width: 74%;
}
.mv_item2 {
    top: 380px;
}
}
@media screen and (min-width: 1000px) {
.mv-main-ttl img {
    max-width: 931px;
    width: 84%;
}
/*.mv_item2 {
    max-width: 193.15px;
            width: 100%;
            position: relative;
            top: 406px;
            left: -354px;
}*/

}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.mv_item2 {
    left: -40%;;
}
}
@media screen and (max-width: 767px) {
    .mv-pet img {
        width: 62%;
    }
	    .mv-main-ttl img {
        width: 110%;
        margin-left: -5%;
    }
}
/*
@media screen and (min-width: 767px) {
	#mv-area .inner{
		max-width: 77%;
	}
.mv-txt {
    max-width: 1115px;
    top: -170px;
	top: 0;
}
.mv-pet img {
    max-width: 420px;
	width: 40%;
}
.mv-sub-ttl img {
    top: 0;
}
.mv_item2 {
    top: 417px;
    left: -451px;
	top: 12vw;
        left: -6.3vw;
        max-width: 29%;
	position: absolute
}
	.view .mv-main-ttl{
		position: relative;
    right: -4.0vw;
		margin-top: 6%;
	}
.mv-main-ttl img {
    max-width: 932px;
	max-width: 100%;
    width: 100%;
}
	.test_btn{
		max-width: 619.05px;
    width: 100%;
    margin: auto;
	}
}*/

@media screen and (max-width: 767px) {
    .mv-pet img {
        width: 62%;
    }
	    .mv-main-ttl img {
        width: 110%;
        margin-left: -5%;
    }
	.mv_item2 {
        z-index: 2;
    }
}

.prezent-attention {
    font-size: 15px;
    color: #fff;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
		max-width: 800px;
	margin: auto;
}
@media screen and (max-width: 767px) {
.prezent-attention {
    font-size: 12px;
	font-weight: 500;
}
}

/*高解像度対策*/
@media screen and (min-width: 1921px) {
/*	.wrapper{
		opacity: 1;
	}
	#mv-area .inner{
		max-width: 80%;
	}
	.mv-txt {
    max-width: 100%;
		top: -12vw;
}
	.mv-pet img {
    max-width: 28%;
}
	    .mv-main-ttl img {
        max-width: 66%;
    }
.mv-sub-ttl {
    max-width: 7%;
	right: 10%;
}
    .mv_item2 {
       top: 20vw;
        left: -34%;
        max-width: 19%;
    }
	*/
}