@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');

/*----------------------------------------------------
 id style
----------------------------------------------------*/
.main {
/*	height: 560px;*/
	background-image: url(../images/main.jpg);
    background-color: #F5F4ED;
}
.main_v {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100vh;
}
header,.box_lyt_main{
	position: relative;
	z-index: 999;
}
.box_lyt_main{
	background-color: white
}
.loop {
    overflow: hidden;
	background-image: url(../commons/images/photo_main.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 210px 0px 30px 0px;
	margin: 0px auto 40px;
}
#youtube-area{/*
	width: 100%;
	height: 100vh;*/
	
}
#youtube{
	position: relative;/*
	width: 100%;
	height: 100vh;
	background-color: aqua*/
	
}
/*.main img{
	top: 35%;
}*/

h3 {
	height: 560px;
	background-image: url(../images/main.jpg);
}

h3 img{
	top: 35%;
}

/*section#contents article {
	width: 100%;
}*/


/*----------------------------------------------------
 page style
----------------------------------------------------*/

div.top_news {
	width: 950px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 60px 0px;
}
div.top_news h4 {
	width: 630px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
div.top_news ul {
	width: 630px;
	height: 130px;
	overflow: auto;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.top_news ul li {
	width: 590px;
	text-align: left;
	line-height: 1.8em;
	overflow: hidden;
	text-indent: 35px;
	background-image: url(../images/staff_icon.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
div.top_news ul li span {
	width: 110px;
	float: left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #333;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.top_news ul li a {
	width: 480px;
	text-indent: 0px;
	line-height: 1.8em;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
div.top_news ul li strong {
	text-indent: 0px;
	font-size: 12px;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	color: #fff;
	background-color: #c95552;
	line-height: 18px;
	display: inline-block;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 0px 15px;
	padding: 0px 10px 0px 10px;
}
div.top_news a.bnr {
	float: right;
	margin: 0px;
	padding: 0px;
}

div.top_safety {
	width: 980px;
	text-align: left;
	margin: 0px auto 40px auto;
	padding: 25px;
	background: #FFDADA;
}

div.top_photo {
	width: 100%;
	text-align: center;
	background-image: url(../commons/images/photo_main.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px auto 40px auto;
	padding: 210px 0px 0px 0px;
}


div.top_copy {
	width: 980px;
	text-align: center;
	margin: 0px auto 40px auto;
	padding: 0px;
}
div.top_copy p {
	width: 980px;
	margin: 0px;
	padding: 0px;
}



div.top_facilities {
	width: 802px;
	text-align: left;
	background-image: url(../commons/images/box_corner.png), url(../commons/images/box_corner.png), url(../commons/images/box_corner.png), url(../commons/images/box_corner.png);
    background-repeat: no-repeat;
    background-position: left top, right top, left bottom, right bottom;
	margin: 0px auto 40px auto;
	padding: 1px 0px 1px 0px;
}
div.top_facilities div {
	width: 800px;
	text-align: left;
	border: 3px double #decebf;
	box-sizing: border-box;
	list-style: none;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
}
div.top_facilities ul {
	width: 720px;
	text-align: left;
	line-height: 1.8em;
	margin: 0px auto 0px auto;
	padding: 0px;
}
div.top_facilities ul li {
	text-align: left;
	line-height: 1.8em;
	margin: 0px auto 10px auto;
	padding: 0px;
}
div.top_facilities ul li:before {
	content:"◆";
	color: #935e2a;
	margin-right: 3px;
}
div.top_facilities a.btn {
	width: 210px;
	height: 35px;
	overflow: hidden;
	text-align: center;
	display: block;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	line-height: 35px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
div.top_facilities a.btn:hover {
	background-color: #666;
}
div.top_facilities a.btn img {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}
div.top_facilities a.btn:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


div.top_bnr {
	width: 980px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
}
div.top_bnr ul {
	display: inline-block;
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div.top_bnr ul li {
	width: 280px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px 30px 0px 0px;
	padding: 0px;
}
div.top_bnr ul li:last-child {
	margin-right: 0px;
}
div.top_bnr ul li a img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


/*----------------------------------------------------
 style end
----------------------------------------------------*/

.wrap {
 width: 100%;
 padding: 0;
}

/*#contents {
 position: relative;
 margin-top: 50px;
}*/
#topics {
 padding-top: 68px;
 margin-top: -68px;
}
.topic {
width: 455px;
 float: left;
 margin-left: 40px;
}
.topic a {
 display: block;
text-decoration: none;
}
.topic:first-child {
 margin-left: 0;
}
.row {
 margin-top: 35px;
}
.row:first-child {
 margin-top: 30px;
}
.topic h1 {
 font-size: 21px;
 font-weight: 500;
 margin-top: .7em;
}
.topic p {
 font-size: 14px;
 margin-top: .3em;
}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{_zoom:1;}


/*.micersv{
    position: absolute;
    top: 295%;
    margin-left: 140px;
}*/

.micersv{
	display: block;
    margin: 0 auto 40px;
}
.micersv img{
    display: inline-block;
}



/*240226 動画追加*/
	
.lyt-hdg-za{
	box-sizing: border-box;
	font-family: "Zen Antique", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 40px;
	color: #595758;
}	
.lyt-hdg-za.lyt-pddb{
	padding: .8em 0 .8em;
}	
.lyt-hdg-za em{
	font-family: "Zen Antique", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 48px;
	color: #595758;
}
.box-lyt-youtube {
	max-width: 640px;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 auto 2em;
}
.box-lyt-youtube iframe {
  width: 100%;
  height: 100%;
}