@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/

@import url(reset.css);
@import url(font-awesome.min.css);
@import url(common.css);
@import url(page_common.css);


/*
 index
==============================*/
body{position: relative; }

@media screen and (min-width: 641px) {
	body{min-width: 1200px;}
}


#wrap{overflow: visible;}
.inner{margin-left: auto;margin-right: auto; width: 1200px; max-width: 100%;}

@media screen and (min-width: 641px) {
	.inner{max-width: none;}
}

@media screen and (max-width: 640px) {

}

.kaze_wrap{animation:kaze_yoko 5s linear infinite normal; position: absolute; display: none; }
.kaze {animation:kaze_tate 1s linear 0.5s infinite alternate; position: relative; top: -100px;}
.kaze div{animation:kaze_rotate 1s linear infinite alternate; transform:rotate(-30deg); position: relative; height: 30px; width: 300px;border-radius:0 100%; background-color: transparent; box-shadow:0 0 10px rgba(255, 255, 255, 0.5);}

@keyframes kaze_yoko{
	0%{left: -20%; top: 50%;}
	75%{left: -20%; top: 50%;}
	100%{left: 120%; top: 30%;}
}


@keyframes kaze_tate{
	0%{top: -100px;}
	100%{top: 100px;}
}


@keyframes kaze_rotate{
	0%{transform:rotate(-30deg);}
	100%{transform:rotate(30deg);}
}




/* top_links ---------------*/
#top_links{margin-bottom: 5%;}
#top_links ul{font-size: 0;}
#top_links ul li{display: inline-block;  }

#top_links ul li a{color: #fff; font-weight: normal; font-size: 24px; position: relative; display: block;}
#top_links ul li a .waku p,
#top_links ul li a .waku p span {font-size: 24px;}
#top_links ul li:nth-child(3) ~ li a{font-size: 20px;}


#top_links ul li .waku{position: absolute; width: 100%; margin: auto; top: 50%; left: 0;right: 0;}
#top_links ul li .waku p{transform: translateY(-50%); -webkit-transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.7); padding: 0.6em 1em; line-height: 1.3; color: #000; font-weight: normal; text-shadow: 0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff;}

#top_links ul li .wakulast p{ background-color: rgba(255, 255, 255, 0.9);}

#top_links ul li .waku span{display: block;}
#top_links ul li .waku span+span{padding-top: 1%;}

@media screen and (min-width: 641px) {
	#top_links ul li{margin-right: 24px; margin-bottom: 25px;}
	#top_links ul li:nth-child(3) ~ li{margin-right: 25px;}
	#top_links ul li:nth-child(3),
	#top_links ul li:nth-child(7){margin-right: 0 !important;}
	#top_links ul li:nth-child(7){height:160px;overflow:hidden;}
	#top_links ul li:nth-child(7) img{width:281px;}
	/*#top_links ul li .wakulast{position: absolute; top: 52%; left: 0;right: 0;}*/
}

@media screen and (max-width: 640px) {
	#top_links {margin-left: auto;margin-right: auto; width: 94%;}
	#top_links li{width: 48%; margin-bottom: 4%;}
	#top_links li:nth-child(odd){}
	#top_links li:nth-child(even){margin-left: 4%;}
	#top_links ul li:nth-child(7){width: 100%;}
	#top_links ul li:nth-child(7) a{ /*height: 100px;*//*height:200px;*/ overflow: hidden;}
	#top_links ul li:nth-child(7) img{width: 100%; }
	#top_links ul li a,
	#top_links ul li .waku p,
	#top_links ul li .waku p span{font-size: 15px !important;}
	#top_links ul li .waku p{padding: 0.5em;}
	#top_links ul li .wakulast{position: absolute; top: 53%; left: 0;right: 0;}
}

/* wrap ----------*/
#wrap { position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 10;}

/* header ----------*/
#header { position:relative; width: auto;}
#nav{width: 1200px; z-index: 100; max-width: 100%;}
#nav ul li .sub{}
#nav ul li .sub li{width: 100%;}

@media screen and (min-width: 641px) {
	#nav{max-width: none;}
}

/* topContents ----------*/
/*#topContentsWrap { min-width:1200px; width:100%; overflow:hidden; max-width: 100%; }*/
#topContentsWrap{max-width: 1200px;width: 100%;overflow: hidden;margin: 0 auto;}
#topContents { background-image:url(../_img/new_index/main_img.jpg); background-repeat:no-repeat; background-position:center 16%; background-size:cover;  /*margin-bottom: 126px;*/ padding-top: 45%;}
#topContentsInner { width:1200px; height:100%; margin:0 auto; position:relative; max-width: 100%; }

@media screen and (max-width: 640px) {
	#topContentsWrap{min-width: 0;}
	#topContents{padding-top: 66%; margin-top: 40px; /*margin-bottom: 11%;*/ background-position:center bottom;
	background-size: auto 130%;}
	#topContentsWrap{
	padding-bottom:8%;
	}
}

/* topContents-logo ----------*/
/*#topContents-logo { position:absolute; bottom:12%; right:0; opacity:0; margin-bottom: 2.5%;}*/
#topContents-logo {position: absolute;bottom: 10vh;left: 10%;}

/*#topContents-logo2 {
    position: absolute;
    margin-bottom: 3.3%;
	margin-top:2%;
}*/
#topContents-logo2 img{
width:1200px;
}
@media screen and (max-width: 640px) {
	#topContents-logo{/*padding: 7% 10%;*/padding: 3% 6%;margin-bottom: 0;bottom: 0;left: 0;}
	/*#topContents-logo2{position: absolute;
    bottom: 12%;
    right: 0;
	top:0;
	left:0;
    margin-bottom: 2.5%;
	margin-top:2.5%;
	padding-left: 2%;
    padding-right: 2%;
	}*/
	#topContents-logo h1{width: 60%;}
	#topContents-logo2{
		padding-left: 2%;
    padding-right: 2%;

	}
#topContents-logo2 img{
width:100%;
}
}

/* topContents-news ----------*/
#topContents-news {  overflow:hidden; /*background-image:url(../_img/new_index/news_bg1.png); */z-index:100; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
#topContents-news {}
#topContents-news table {width: 100%;}
#topContents-news table tr { overflow:hidden; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd;}
#topContents-news table tr:nth-child(1) { border-top:solid 1px #ddd;}
#topContents-news table tr:nth-child(n+5){display: none;}
#topContents-news table tr th,
#topContents-news table tr td{   color:#333; font-size:16px; padding: 1em 1.5em; font-weight: normal;}
#topContents-news table tr .d {  text-align:center; background-image:url(../_img/new_index/news_bg1.png); color: #fff;}
#topContents-news table tr .t {   }
#topContents-news table tr .t span{font-size:11px;   }

#topContents-news table tr .t a { color:#31ACDF; }
#topContents-news table tr .t a:hover { color: #31ACDF; }
#topContents-news p.bt { width:30px; height:30px; position:absolute; top:0; right:0; text-align:center; }
#topContents-news p.bt a { color:#FFF; }
#topContents-news p.bt i { line-height:30px; font-size:11px; }
#topContents-news.close{ max-height:30px; }
#topContents-news.close ul li.first span.t { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;line-height: 1.6;}

@media screen and (max-width: 640px) {
	#topContents-news{margin-left: auto;
	margin-right: auto;width: 94%;}
	#topContents-news table,
	#topContents-news table tbody,
	#topContents-news table tr,
	#topContents-news table th,
	#topContents-news table td{display: block;}
	#topContents-news table tr th,
	#topContents-news table tr td{float: none; padding: 0.5em; font-size: 11px;}
	#topContents-news table tr .d{text-align: left; color: #fff;}
}

/* topContents-nav ----------*/
#topContents-nav { position:absolute; top:12%; left:0; width:1200px; height:288px; z-index:50; }
#topContents-nav ul { position:relative; z-index:40; }
#topContents-nav li { position:absolute; overflow:hidden; opacity:0; }
#topContents-nav li.nav_1 { top:0; left:-11px; }
#topContents-nav li.nav_2 { top:94px; left:159px; }
#topContents-nav li.nav_3 { top:0; left:330px; }
#topContents-nav li.nav_4 { top:94px; left:500px; }
#topContents-nav li.nav_5 { top:0; left:672px; }
#topContents-nav li.nav_6 { top:94px; left:842px; }
#topContents-nav li.nav_7 { top:0; left:1011px; }
#topContents-nav .bg { width:1200px; opacity:0; height:243px; position:absolute; top:45px; left:0; background-image:url(../_img/new_index/nav_bg.png); background-repeat:no-repeat; z-index:30; }

/* topContents-info ----------*/
#topContents-info { position:absolute; bottom:20px; left:0; }
#topContents-info li { position:relative; opacity:0; display:none; }
#topContents-info li span { display:block; position:absolute; bottom:0; left:0; }
#info_1 span.bt1 { bottom:30px; left:30px; }
#info_2 span.bt1 { bottom:100px; left:30px; }
#info_2 span.bt2 { bottom:100px; left:290px; }
#info_2 span.bt3 { bottom:30px; left:30px; }
#info_2 span.bt4 { bottom:30px; left:290px; }
#info_3 span.bt1 { bottom:100px; left:30px; }
#info_3 span.bt2 { bottom:30px; left:30px; }
#info_4 span.bt1 { bottom:100px; left:30px; }
#info_4 span.bt2 { bottom:100px; left:290px; }
#info_4 span.bt3 { bottom:30px; left:30px; }
#info_5 span.bt1 { bottom:30px; left:30px; }
#info_6 span.bt1 { bottom:73px; left:40px; }
#info_6 span.bt2 { bottom:73px; left:295px; }
#info_7 span.bt1 { bottom:35px; left:40px; }
#info_7 span.bt2 { bottom:35px; left:295px; }
#info_7 span.bt2 .kochira{position: absolute;right: 47px;bottom: 20px;width: 38px;height: 20px;z-index: 10;}
#info_7 span.bt2 .kochira:hover{background-color: rgba(255,255,255,0.3); }
/* topContents-copy ----------*/
#topContents-copy { position:absolute; bottom:20px; right:0; }
#topContents-copy small{margin-right: 2em }
#topContents-copy * { font-size:10px; color:#999; vertical-align: baseline;}
#topContents-copy ul {display: inline-block;}
#topContents-copy ul li{display: inline-block;}
#topContents-copy ul li+li{margin-left: 1em;}

#topContents-copy ul li a{text-decoration: none;}

#topContents-copy ul li:before{font-family: fontAwesome; content: "\f0da"; margin-right: 0.3em;}
#topContents-copy ul li a:hover{text-decoration: underline;}
#voice_index_zone{background: #dcf2fc;margin-bottom: 20px;}
#nav ul li .a{background: none;}
#nav>ul {background: #eeeeee75;}


/* 20181109追加 */
.sp_cont { display: none; }
#movie_index_zone .btn { cursor: pointer; }
#movie_index_zone .btn:hover .tri { opacity: 0.6; }
#movie_index_zone { margin: 30px 0; }
#movie_index_zone h2 img { width: 40%; }
#movie_index_zone .movie_cont { display: flex; justify-content: space-between; margin-top: 30px; }
#movie_index_zone .flb_box { width: 33.333%; margin-right: 20px; }
#movie_index_zone .lst_box { margin-right: 0; }
#movie_index_zone .flb_box img { width: 100%; }
#movie_index_zone .mov_img { position: relative; }
#movie_index_zone .tri { position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); }
#movie_index_zone .mov_ttl { font-size: 20px; margin-top: 10px; }
#movie_index_zone .tri::before { content: ""; width: 120px; height: 70px; display: block; background: #d0111a; border-radius: 7px; }
#movie_index_zone .tri::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 40px; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 45px; }
/* 動画モーダル */
.mov_frame { display: none; }
body.mov_on { overflow: hidden; }
.mov_on .filter { background: #000; width: 100%; height: 100vh; position: fixed; z-index: 999; top: 0; }
.mov_frame.disp_on { display: block; position: fixed; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); z-index: 1000; width: 100%; height: 100%; }
.movie_frame__box { margin-top: -20px; }
.mov_frame .close { color: #fff; font-size: 50px; text-align: right; margin: 50px 50px 0 0; }
.youtube2 { position: relative; width: 100%; padding-top: 56.25%; }
.youtube2 iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.mov_frame .close_text { display: inline-block; text-align: right; background: #808080; width: 50px; height: 50px; line-height: 1; text-align: center; }
.ytp-chrome-top, .ytp-chrome-bottom { background: #112d39; }
iframe { width: 100%; height: 90vh; }

@media screen and ( max-width: 640px ) {
  .pc_cont { display: none; }
  .sp_cont { display: block; }
  #movie_index_zone { padding: 0 2% 2%; margin: 20px; }
  #movie_index_zone h2 img { width: 100%; }
  #movie_index_zone .movie_cont { display: block; }
  #movie_index_zone .flb_box { width: auto; margin-right: 0; }
  #movie_index_zone .mov_ttl { font-size: 16px; margin: 5px 0 20px; }
  #movie_index_zone .flb_box a { position: relative; display: block; }
  #movie_index_zone .tri::before { width: 70px; height: 40px; }
  #movie_index_zone .tri::after { border-width: 12px 0 12px 24px; transform: translateY(-50%) translateX(-50%); left: 55%; }
}
/*2022.11.22*/
.mtitle{
	color:#59c2e1 !important;
	border-bottom: 1px solid;
	border-color: #59c2e1;
	font-size:30px !important;
	width:98%;
	font-weight: 900;
	margin-top:25px;
	}
.micon{
	background-color:#59c2e1 !important;
	font-size:25px !important;
	padding:3px 20px !important;
	display:inline-block;
	color:white !important;
	float: right;
		}
/*　画面サイズが640pxからはここを読み込む　*/
@media screen and (max-width:640px) {
	.mtitle{
		font-size:18px !important;
	}
	.micon{
		font-size:13px !important;
		padding:2px 10px !important;
	}
}

/*2024.04.17*/
.notice {
	margin-top: 20px;
	border: 1px solid #000;
	padding: 10px;
}
.notice p,
.notice p a {
	font-size: 20px !important;
}
@media screen and (max-width:640px) {
	.notice p,
	.notice p a {
		font-size: 18px !important;
	}
}