@charset "utf-8";

#zrv-extintWrapper img {
	vertical-align: bottom;
}

#zrv-extintWrapper .exTitle {
	background: #71797D;
	color: #fff;
	text-align: center;
}

#zrv-extintWrapper .exTitle.inteTitle {
	background: #6291B9;
}

#zrv-extintWrapper #mv img {
		width: 100%;
}

#zrv-extintWrapper #copyArea {
	text-align: center;
}

#zrv-extintWrapper #copyArea .copytitle,
#zrv-extintWrapper #copyArea .copytext{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

#zrv-extintWrapper #copyArea .copytitle{
	font-weight: bold;
}

#zrv-extintWrapper #itemArea {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#zrv-extintWrapper #itemArea .itembox {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#zrv-extintWrapper #itemArea .itembox ul li a {
	text-decoration: none;
	color: #000;
}

#ua-wrapper:after {
	display: none !important;
}


@media print, screen and (min-width : 769px){
	#zrv-extintWrapper {
		/*margin-top: 122px; 202604change*/
		margin-top: 185px;
		line-height: 1.3;
	}
	
	#zrv-extintWrapper .exTitle {
		line-height: 45px;
		font-size: 18px;
	}
	
	#zrv-extintWrapper #mv {
		margin-bottom: 100px;
	}
	
	#zrv-extintWrapper #copyArea .logo_premiumstyle {
		width: 552px;
		margin: 35px auto 80px;
	}
	
	#zrv-extintWrapper #copyArea .copytitle {
		font-size: 23px;
		margin-bottom: 45px;
	}
	
	#zrv-extintWrapper #copyArea .copytext {
		font-size: 17px;
		line-height: 3;
		margin-bottom: 75px;
	}
	
	#zrv-extintWrapper #copyArea .zrvmovieArea {
		/*width: 520px;*/
		margin: 0 auto 90px;
	}
	
	#zrv-extintWrapper #copyArea .zrvmovieArea .movie_main {
		width: 520px;
		margin: 0 auto;
	}
	
	#zrv-extintWrapper #copyArea .zrvmovieArea .movie_main a {
		transition: opacity .1s ease;
	}
	
	#zrv-extintWrapper #copyArea .zrvmovieArea .movie_main a:hover {
		opacity: 0.7;
	}
	
	#zrv-extintWrapper #itemArea > p {
		font-size: 17px;
	}
	
	#zrv-extintWrapper #itemArea .itembox {
		width: 520px;
		margin: 15px auto 10px;
		padding: 18px 0 8px;
		display: flex;
		justify-content: space-between;
		font-size: 15px;
	}
	
	#zrv-extintWrapper #itemArea .itembox > ul:first-child {
		width: 51%;
	}
	
	#zrv-extintWrapper #itemArea .itembox > ul:last-child {
		width: 49%;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li {
		padding-bottom: 12px;
		position: relative;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li::before {
		position: absolute;
		top:4px;
		display: inline-block;
		content: '';
		width: 9px;
		height: 9px;
		border: 1px solid #000;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li a {
		margin-left: 14px;
		display: inline-block;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li a span {
		position: relative;
		display: inline-block;
	}

	#zrv-extintWrapper #itemArea .itembox ul li a span::after {
		position: absolute; /*親要素であるaタグを基準に位置を指定*/
		left: 0;            /*アンダーラインを各メニュー（aタグ）の左端に指定*/
		content: '';        /*本来は、擬似要素に入るテキストなどを’’内に指定。今回はアンダーラインなので何も記載しない*/
		width: 100%;        /*アンダーラインを各aタグの幅に合わせる*/
		height: 1px;        /*アンダーラインの高さ（太さ）*/
		background: #000;/*アンダーラインの色*/
		bottom: -1px;               /*アンダーラインがaタグの下端から現れる*/
		transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
		transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
		transition: transform 0.3s; /*変形の時間*/
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li a:hover span::after {
		transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	}
}

@media screen and (max-width : 768px){
	#zrv-extintWrapper {
		/*margin-top: 87px; 202604change*/
		margin-top: 147px;
		line-height: 1.3;
	}
	
	#zrv-extintWrapper .exTitle {
		line-height: 10.6666vw;
		font-size: 3.7333vw;
	}
	
	#zrv-extintWrapper #mv {
		margin-bottom: 18.66vw;
	}
	
	#zrv-extintWrapper #copyArea .logo_premiumstyle {
		width: 96.5333vw;
		margin: 6.4vw auto 13.333vw;
	}
	
	#zrv-extintWrapper #copyArea .copytitle {
		font-size: 4.26666vw;
		margin-bottom: 10.6666vw;
		letter-spacing: 0.2em
	}
	
	#zrv-extintWrapper #copyArea .copytext {
		font-size: 3.2vw;
		line-height: 2.8;
		margin-bottom: 15vw;
	}
	
	#zrv-extintWrapper #copyArea .zrvmovieArea {
		width: 86.6666vw;
		aspect-ratio: 16 / 9;
		margin: 0 auto 15vw;
	}
	
	.zrvmovieArea iframe {
		width: 100%;
		height: 100%;
	}
	
	#zrv-extintWrapper #itemArea > p {
		font-size: 4.2666vw;
	}
	
	#zrv-extintWrapper #itemArea .itembox {
		width: 86.6666vw;
		margin: 4.2666vw auto 3.6666vw;
		padding: 5.333vw 0 3.333vw;
		font-size: 3.7333vw;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li {
		padding-bottom: 2vw;
		position: relative;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li a {
		display: inline-block;
		margin-left: 4vw;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li::before {
		position: absolute;
		top:1vw;
		display: inline-block;
		content: '';
		width: 2.4vw;
		height: 2.4vw;
		border: 1px solid #000;
		margin-right: 1vw;
	}
	
	#zrv-extintWrapper #itemArea .itembox ul li a span {
		position: relative;
		display: inline-block;
	}
}

/*202509add*/
@media print, screen and (min-width : 769px){
	#zrv-extintWrapper #itemArea .itembox + p.caution {
		width: 520px;
		margin: 0 auto 80px;
		font-size: 14px;
	}
}

@media screen and (max-width : 768px){
	#zrv-extintWrapper #itemArea .itembox + p.caution {
		width: 86.6666vw;
		margin: 0 auto 18.6666vw;;
		font-size: 12px;
	}
}