@charset "UTF-8";

/* common */
body{overflow-x: hidden;}
.vero_cont *{ box-sizing:border-box; }
.vero_cont img{ width:auto; max-width:100%; height:auto; }

.vero_cont a,
.vero_cont a:link,
.vero_cont a:visited,
.vero_cont a:hover,
.vero_cont a:active{ text-decoration:none; }
.vero_cont a,
.vero_cont a img{ transition: all 0.3s ease; }
.vero_cont a:hover img{ opacity:0.7; }

.vero_cont h1,
.vero_cont h2{ font-size:40px; line-height: 1.6; text-align:center;margin-bottom:0.5em; }
.vero_cont h3{ font-size:30px; }
.vero_cont .vero_block > h3{ text-align:center; }
.vero_block p,
.vero_block li{ line-height:2; }
.vero_block figure{ margin:0; }

/* layout */
.vero_cont{ width: 982px; margin-left:auto; margin-right:auto; padding:0 0 80px; box-sizing:border-box; }
.vero_block{ margin-top: -100px; padding-top: 100px; margin-bottom:100px; }
.vero_block p,
.vero_block ul,
.vero_block > img{ margin-bottom:40px; font-size:1.2em; }
.vero_block > img{display:block;}
.vero_flex,
.vero_flex_earthion{ display: flex; justify-content:space-between; }
.vero_flex > div:first-child{ width:calc(100% - 410px);}
.vero_flex > div:last-child{ width:370px; margin-top:16px; }

/* content */
.vero_ttl{ width:100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); margin-bottom:80px; position:relative; text-align:center; max-height:590px; overflow:hidden; }
.vero_ttl img{ z-index:1; width:100%; max-width:none; height:100%; object-fit: cover; } /*:first-child*/
/*.vero_ttl img:last-child{ z-index:2; position:absolute;top:0;left:0;width:auto;height:auto; }*/

.vero_cont .youtubeBox{ margin-bottom:40px; }

.vero_list_dot{ padding:0 1.5em; }
.vero_list_dot > li{ margin-left:1em; text-indent:-1em; }
.vero_list_dot > li::before{ content:'・'; color: #95be38; }

.vero_series{ display: flex; flex-wrap: wrap; text-align:center; }
.vero_series > li{ display: flex; flex-direction: column; width:30%; margin:0 5% 30px 0; }
.vero_series > li:nth-child(3n){ margin:0 0 30px;}

.velo_sale{ border:solid 1px #95be38; }
.velo_sale dt{ font-size:30px; text-align:center; color:#95be38; margin:30px 20px 0.5em; }
.velo_sale p{ padding:0 20px;}

/* mobile */
@media screen and (min-width:768px) and (max-width: 982px){
	/* correction */
	main,
	header,
	.footer_box,
	#footer_sitemap{ min-width: auto; }
	#header_inner,
	.Breadcrumb ul,
	.history_box_tab,
	.history_box_inner{ width: auto; }
	.footer_sitemap02,
	.footer_sitemap03{ margin-top:30px; }
	
	/* common */
	.vero_cont h1,
	.vero_cont h2,
	.velo_sale dt{ font-size:30px;}
	.vero_cont h3{ font-size:20px; }
	
	/* layout */
	.vero_cont{ width: 100%; padding:0 20px 60px; }
	.vero_flex > div:first-child{ width:60%;}
	.vero_flex > div:last-child{ width:40%; padding-left:20px;}
}

/* mobile */
@media screen and (max-width: 768px){
	/* common */
	.vero_cont h1,
	.vero_cont h2{ font-size: 140%; }
	/*.vero_cont h2{ text-align:left; }*/
	.vero_cont h3{ font-size:120%; }
	.vero_cont p,
	.vero_cont ul{ font-size: 88.75%; line-height: 1.8; }
	
	/* layout */
	.vero_cont{ width: 100%; padding:0 20px 40px; }
	.vero_block{ padding-bottom:0; margin-bottom:60px; }
	.vero_cont p,
	.vero_cont ul,
	.vero_cont > img{ margin-bottom:20px; }
	.vero_flex{ flex-direction:column; margin-bottom:30px; }
	.vero_flex > div:first-child{ width:100%;}
	.vero_flex > div:last-child{ width:100%; margin-top:0; padding-left:0; }

	/* content */
	.vero_ttl{ max-height:400px; margin-bottom:60px;}
	
	.vero_cont .youtubeBox{ margin-bottom:20px; }
	
	.vero_series > li{ width:50%; margin:0; }
	.vero_series > li:nth-child(3n){ margin:0;}
	.vero_series > li:nth-child(odd){ padding:0 10px 20px 0;}
	.vero_series > li:nth-child(even){ padding:0 0 20px 10px;}

	.velo_sale dt{ font-size:140%; margin:20px 20px 0.5em; }
}