@charset "UTF-8";

/* トップ画面表示用スタイル */

div#baseall.top{ padding: 0; }
.top_wrap{ position: relative; z-index: 2;}
.no_disp{ display: none; }
/* div#baseall.top ul li{ background-image: none; } */
.f_biz{
	font-family: "BIZ UDGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 95%; font-weight: 600; letter-spacing: 1.4px; 
}



/* ------------------------ ヘッダ・フッタ（トップ独自） ------------------------ */
div.header_all{ display: none; }
body.appear div.header_all{ display: block; }

#footer{ margin: 0; }


/* ------------------------ 情報エリア共通 ------------------------ */
div#infoarea { width: 1400px; margin: 100vh auto 0; padding: 0; }
div.infoarea-in {
	width: 100%; height: auto; margin: 0; padding: 0/*70px 0 0*/; 
	background-color: rgba(245,245,245,0.92);
	box-sizing: border-box; overflow-y: unset; text-align: center;
}
div#infoarea-in::-webkit-scrollbar { display:none; }

@media only screen and (max-width: 1500px){
	div#infoarea{ width: 1200px; max-width: 100%; }
}

/* h2 */
div#infoarea h2{ 
	position: relative; display: block; margin: 0 auto; padding: 65px 0 60px; 
	text-align: center; 
	background-repeat: no-repeat; background-position: center top 0; 
}
/*div#infoarea h2:before{ 
	content: ""; position: absolute; top: 0; left: 50%; transform: translatex(-50%); 
	background-repeat: no-repeat;
}*/
div#infoarea1 h2{ background-image: url('/images/top_search.png'); }
div#infoarea2 h2{ background-image: url('/images/top_topics.png'); }
div#infoarea3 h2{ background-image: url('/images/top_news.png'); }
div#infoarea4 h2{ background-image: url('/images/top_event.png'); }
div#infoarea5 h2{ background-image: url('/images/top_city.png'); }
div#infoarea6 h2{ background-image: url('/images/top_link.png'); }
div#infoarea7 h2{ background-image: url('/images/top_adv.png'); }
div#infoarea2 h2, div#infoarea7 h2{ padding: 75px 0 60px; }

div#infoarea h2 span.jp{ 
	display: block; line-height: 1.0; 
	font-size: 80%; color:#202020; font-weight: 500; 
	font-family: "BIZ UDGothic", "Yu Gothic Medium", "游ゴシック Medium",YuGothic, "游ゴシック体","Noto Sans JP", Meiryo, sans-serif; 
}


/*
div#infoarea h2 span.eng{ 
	position: relative; display: block; margin: 0 0 15px; line-height: 1.0; 
	font-size: 200%; color: #202020; letter-spacing: 2px; z-index: 1;
	font-family: "Yu Gothic Medium", "游ゴシック Medium",YuGothic, "游ゴシック体","Noto Sans JP","BIZ UDPGothic", Meiryo, sans-serif;
}
div#infoarea h2 span.eng:before{ 
	content:""; position: absolute; top: 0; left: 0;
	width: 30px; height: 30px; background: #FFD503; z-index: -1;
}
div#infoarea1 h2 span.eng:before,
div#infoarea4 h2 span.eng:before{ 
	bottom: 0; right: -8px; top: auto; left: auto; 
}
div#infoarea2 h2 span.eng:before{ 
	top: -10px; left: -10px;
}
div#infoarea3 h2 span.eng:before, div#infoarea5 h2 span.eng:before{ 
	bottom: -2px; top: auto; left: 50%; 
	-webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%);
}
div#infoarea6 h2 span.eng:before{
	bottom: 0; top: auto; left: -8px; 
}
div#infoarea7 h2 span.eng:before{ 
	top: -10px; right: -8px; left: auto;
}
*/

/* h3 */
div#infoarea h3{ 
	display: inline-block; margin: 0 auto; padding: 0 0 30px; 
	font-size: 125%; color: #202020; text-align: center; 
}
div#infoarea h3 span{ position: relative; padding: 0 0 0 40px; }
div#infoarea h3 span:before, div#infoarea h3 span:after{ 
	content: ""; position: absolute; top: 0; left: 0; 
	width: 20px; height: 20px; background: #002060;
}
div#infoarea h3 span:after{ 
	top: 10px; left: 10px; background: #FFD503; z-index: 2; 
}

/* 一覧ボタン */
/*
.more_btn{ width: 240px; margin: 0 auto; }
.more_btn .btn_wrap{ padding: 5px 0; }
.more_btn a{ color: #000260; }
*/

.more_btn{ width: 240px; margin: 0 auto; }
.more_btn .btn_wrap{ padding: 10px 0; }
.more_btn a{ 
	display: block; width: auto; padding: 10px; text-align: center; 
	background: #fff; color: #002060; border: 1px solid #002060;
	-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; 
	text-decoration: none; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
.more_btn a:hover{ background: #002060; color: #fff; }
.more_btn a .arrow1:before{ 
	top: 6px; right: 0; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
.more_btn a:hover .arrow1:before{ border-color: #fff; }



/* ------------------------スライダー共通ドット------------------------ */
.slide-dots {
		display:-webkit-box; display:-ms-flexbox; display:flex;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		list-style: none;
		margin: 0 auto; padding: 0; 
}

.slide-dots li {
		width: 40px;
		height: 5px;
		margin: 0 5px;
		padding: 0;
		background: #aaa;
		border: 1px solid #999;
		cursor: pointer;
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}

.slide-dots li button {
		display: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		padding: 0;
		border: none;
		background-color: transparent;
}

.slide-dots li:hover,
.slide-dots li.slick-active {
		background: #002060;
		border: 1px solid #002060;
}
.play_pause{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	margin: 60px 0 0; 
}
.play_pause button{ 
	width: 20px; height: 23px; margin: 0 20px; border: 0; font-size: 0; 
	background-color: transparent; background-image: url('/images/pause.png');
	-webkit-background-size: 20px 23px; -moz-background-size: 20px 23px; background-size: 20px 23px; 
	background-repeat: no-repeat; 
	cursor: pointer;
}
.play_pause button.paused{ background-image: url('/images/play.png'); }


/* ------------------------ トップ画像エリア ------------------------ */

#top_img {
	position: fixed; top: 0; left: 0; z-index: -2;
	width: 100%; height: 100vh; background: #fff;
}
#baseall.appear #top_img { top: 110px; height: calc(100vh - 110px); }
#top_img .inner{ position: relative; width: 100%; height: 100%; }
#top_img .imgWrap{ position: relative; width: 100%; height: 100%; }
#top_img .imgWrap img{ 
	display: none; width: 50%; height: calc(100% / 2);
	position: absolute; left: auto; right: auto;
	object-fit: cover; 
}
#top_img .imgWrap img.sml{ width: 25%; height: calc(100% / 2); }
#top_img .imgWrap img.img1{ top: 0; left: 0; }
#top_img .imgWrap img.img2{ top: calc(100% / 2); left: 50%; right: auto;}
#top_img .imgWrap img.img3{ top: 0; left: 75%; right: auto; }
#top_img .imgWrap img.img4{ top: calc(100% / 2); left: 0; right: auto;}
#top_img .imgWrap img.img5{ top: 0; left: 50%; right: auto;}
#top_img .imgWrap img.img6{ top: calc(100% / 2); left: 25%; right: auto;}
#top_img .imgWrap.smp{ display: none; }

/* ロゴ・スクロール */
#top_img .logo_area{ 
	display: none; 
	position: absolute; top: 50%; left: 50%; 
	-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	width: 320px; height: auto; z-index: 5; 
}
#top_img .logo_wrap{ position: relative; }
#top_img .logo_area .logo{ width: 320px; height: 320px; }
div#scroll_down{ 
	position: absolute; top: 360px; left: calc(50% + 2px); 
	-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform:translate(-50%, 0); 
	animation: fluffy 3s infinite; z-index: 5;
}
div#scroll_down img{ width: 120px; height: auto; }
@keyframes fluffy {
	0%, 100% { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform:translate(-50%, 0); }
	50% { -webkit-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform:translate(-50%, -20px); }
}

@media only screen and (max-width: 1200px){
	#top_img .tm4{ display: none; }
	#top_img .imgWrap img.sml{ width: 50%; }
	#top_img .imgWrap img:nth-child(3n){ left: 50%; }
}



/* ------------------------ 緊急情報エリア ------------------------ */
#kinkyu{ padding: 80px 0 ; }
#kinkyu .kinkyu_wrap{ 
	width: 1200px; max-width: 100%; padding: 0; margin: 0 auto; text-align: left;
	background: #fff; border: 2px solid #CF3721; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
#kinkyu h2.title{ 
	width: calc(100% - 70px); padding: 10px 20px 10px 50px; text-align: left;
	font-size: 125%; color: #fff; background: #CF3721; 
	background-image: url('/images/icon_kinkyu.png');
	background-repeat: no-repeat; background-position: 13px 13px; 
	-webkit-background-size: 26px 24px; -moz-background-size: 26px 24px; background-size: 26px 24px; 
}
#kinkyu h3.title{ 
	position: relative; 
	width: calc(100% - 25px); padding: 0 0 0 25px; margin: 0 0 0.7em; line-height: 1.5; text-align: left;
	font-size: 100%; font-weight: bold; color: #202020; 
}
#kinkyu h3.title:before{
	content:""; position: absolute; top: 5px; left: 0; 
	width: 16px; height: 16px; background: #CF3721; z-index:5; 
}

.kinkyu_box{ width: calc(100% - 45px); padding: 40px 20px 20px 25px; }
.kinkyu_box div.item{ width: calc(100% - 40px); padding: 0 20px; margin: 0 0 20px; }
.kinkyu_box .cont{ margin: 0 0 30px; }
.kinkyu_box .kinkyu_list{ margin: 0 30px 0 0; }

/* パーツ内のスタイル */
#kinkyu p, #kinkyu li{ margin-top: 0; margin-bottom: 0.7em; line-height: 1.5; }
#kinkyu div.h2bg{ margin: 10px 0 20px; background-image: none; }
#kinkyu div.h2bg h2{ display: block; padding: 0; font-size: 100%; color: #202020; text-align: left;  }
#kinkyu div.h3bg{ margin: 10px 0 20px; background-image: none; border: 0; }
#kinkyu div.h3bg h3{ display: block; padding: 0; font-size: 100%; color: #202020; text-align: left;  }
#kinkyu div.h3bg h3:before, #kinkyu div.h3bg h3:after{ content: none; }
#kinkyu div.h4bg h4{ display: block; padding: 0; font-size: 100%; color: #202020; text-align: left;  }
#kinkyu div.h4bg h4:before, #kinkyu div.h4bg h4:after{ content: none; }

@media only screen and (max-width: 1500px){
	#kinkyu .kinkyu_wrap{ width: 1100px; max-width: 100%;}
}
@media only screen and (max-width: 1200px){
	#kinkyu .kinkyu_wrap{ width: calc(100% - 100px); }
}

/* ------------------------ 情報をさがすエリア ------------------------ */
.searc_wrap{ 
	width: 100%; max-width: 100%; padding: 100px 0; margin: 0 auto; 
	background: #fff;
}

.top_search{ width: 850px; margin: 0 auto 80px; }
.top_search .key_search{ width: 100%; margin: 0 auto 40px; }
.top_search form.key-search input.query{ width: calc(100% - 100px); height: 45px; }
.top_search form.key-search input.fedbt{ width: 100px; height: 45px; }
.top_search .placeholder{ 
	font-size: 100%; margin: 5px 0; left: 2px; 
	-webkit-background-size: 24px; -moz-background-size: 24px; background-size: 24px; 
}
.top_search .placeholder span{ padding-left: 40px; }

ul.key_list{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	width: 100%; margin: 0; padding: 0; 
}
ul.key_list .item{ margin: 0 15px 15px 0; padding: 0; background-image:none; }
ul.key_list .item a{ 
	display: block; padding: 10px 35px 10px 15px; line-height: 1.0;
	border: 1px solid #999; background: #f3f3f3; text-decoration: none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
ul.key_list .item a:hover{ text-decoration: underline; }
ul.key_list .arrow1:before{ top: 14px; right: 15px; }

.use_area{ width: 1220px; margin: 0 auto; }

@media only screen and (max-width: 1500px){
	.searc_wrap{ width: 100%; margin: 0; max-width: 100%; }
	.use_area{ width: 1100px; margin: 0 auto; }
}
@media only screen and (max-width: 1200px){
	.use_area{ width: calc(100% - 80px); margin: 0 auto; }
}
@media only screen and (max-width: 1000px){
	.top_search{ width: calc(100% - 100px); margin: 0 auto 80px; }
}

/* ------------------------ TOPICSエリア ------------------------ */
#infoarea2{ padding: 100px 0; }
.topic_list{ width: 1220px; max-width: 100%; margin: 0 auto; }
.topic_list .item{ margin: 0 10px 10px; padding: 0; background-image:none; }
.topic_list .item a{
	display: block; width: calc(100% - 30px); padding: 15px; 
	background: #fff; border: 1px solid #999; 
	color: #202020; text-decoration: none; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); 
}
.topic_list .fig{ 
	display: block; margin: 0 0 20px; overflow: hidden; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #ccc;
}
.topic_list .fig img{ 
	width: 100%; height: auto; 
	-webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0);
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; 
}
.topic_list a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.topic_list .title{ 
	display: block; min-height: 55px; padding: 0 30px 0 10px;
	text-align: left; margin: 0; line-height: 1.5; 
}

@media only screen and (max-width: 1500px){
	.topic_list{ width: 1100px; max-width: 100%; }
}
@media only screen and (max-width: 1200px){
	.topic_list{ width: calc(100% - 80px); margin: 0 auto; }
}

/* ------------------------ NEWSエリア ------------------------ */
#infoarea3{ 
	padding: 100px 0; 
	background: #F5F5F5; border: 1px solid #aaa; border-left: 0; border-right: 0; 
}

#infoarea3 .news{ width: 1200px; max-width: 100%; margin: 0 auto 20px; }

ul.news_tab{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	margin: 0 auto 20px; 
}
ul.news_tab li{ min-width: 200px; margin: 0 20px; padding: 0 0 10px; background-image:none; }
ul.news_tab li a{ 
	position: relative; display: block; width: 100%; height: 40px; line-height: 40px; 
	background: #fff; border: 1px solid #002060; text-align: center;
	color: #002060; text-decoration: none; font-weight: 600; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
ul.news_tab li a:hover{ color:#fff; background: #002060; }
ul.news_tab li.active a{ 
	background: #002060; border: 1px solid #002060;
	color: #fff!important; pointer-events: none;
}
ul.news_tab li a:after{
	content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px;
	border: 8px solid transparent; border-top: 9px solid transparent; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
ul.news_tab li.active a:after{ border-top: 9px solid #002060; }

.news_box{ display: none; width: 100%; max-width: 100%; margin: 0 auto; }
.news_box.active{ display: block; }

.news_box ul{ margin: 0 0 40px; }
.news_box li{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	padding: 20px; margin: 0; 
	border-bottom: 1px solid #bbb; text-align: left; background-image: unset;
}
.news_box li a{ 
	position: relative; width: calc(100% - 160px); padding: 0; 
	color: #202020; text-decoration: none; 
	font-family: "Yu Gothic Medium", "游ゴシック Medium",YuGothic, "游ゴシック体","Noto Sans JP","BIZ UDPGothic", Meiryo, sans-serif;
	font-weight: 500; 
}
.news_box li a:hover{ text-decoration: underline; }
.news_box li span{ line-height: 1.5; padding: 0; margin: 0; }
.news_box li span.date{ width: 160px; }
.news_box li span.title{ display: block; width: calc(100% - 40px); padding: 0 40px 0 0; }
.news_box .arrow1:before{ 
	right: 0px; top: 5px; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
/* .news_box a:hover .arrow1:before{ right: -5px; } */

@media only screen and (max-width: 1500px){
	#infoarea3 .news{ width: 1100px; max-width: 100%; }
}

@media only screen and (max-width: 1200px){
	#infoarea3 .news{ width: calc(100% - 100px); margin: 0 auto 20px; }
	ul.news_tab li{ min-width: 160px; margin: 0 10px; }
}

/* ------------------------ EVENTエリア ------------------------ */
#infoarea4{ padding: 100px 0; }
.ev_list{ margin: 0; padding: 0; }
.ev_list .item{ margin: 0 15px 10px; padding: 0; background-image:none; }
.ev_list .item a{ color: #202020; text-decoration: none; }
.ev_list .item a:hover{ text-decoration: underline; }
.ev_list .item .fig img{ max-width: 100%; height: auto; }
.ev_list .item .title{ 
	display: block; margin: 0; padding: 0 25px 0 10px; 
	text-align: left; line-height: 1.5; text-decoration: none; 
}
.ev_list .fig{ 
	display: block; margin: 0 0 20px; overflow: hidden; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	 border: 1px solid #ccc;
}
.ev_list .fig img{ 
	width: 100%; height: auto; 
	-webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); 
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; 
}
.ev_list a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.events .more_btn{ margin: 40px auto 0; }
.events .more_btn .arrow1:before{ top: 4px; }

@media only screen and (max-width: 1200px){
	.ev_list .item{ margin: 0 10px 10px; }
}


/* ------------------------ CITYエリア ------------------------ */
#infoarea5{ 
	padding: 100px 0; 
	background: #F5F5F5; border: 1px solid #aaa; border-left: 0; border-right: 0; 
}
#infoarea5 .city{ width: 1220px; max-width: 100%; margin: 0 auto;}
ul.city_img_list{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	width: 100%; margin: 0; 
}
ul.city_img_list .item{ width: calc(33.3% - 30px); margin: 0 15px 30px; padding: 0; background-image:none; }
ul.city_img_list .item a{
	display: block; width: calc(100% - 6px); height: calc(100% - 6px); padding: 3px; 
}
ul.city_img_list .btn_wrap{ width: calc(100% - 34px); height: calc(100% - 34px); padding: 17px; }
ul.city_img_list .fig{ 
	display: block; margin: 0 0 20px; overflow: hidden; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	border: 1px solid #ccc;
}
ul.city_img_list .fig img{ width: 100%; height: auto; }
ul.city_img_list .title{ 
	display: block; min-height: 25px; padding: 0 30px 0 10px;
	text-align: center; margin: 0; line-height: 1.5; 
}

ul.city_btn_list{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	width: 100%; margin: 0;
}
ul.city_btn_list .item{ width: calc(33.3% - 30px); min-height: 80px; margin: 0 15px 30px; padding: 0; background-image:none; }
ul.city_btn_list .btn_wrap{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width: calc(100% - 20px); height: 100%; padding: 0 20px 0 0; 
}
ul.city_btn_list .icon{ width: 100px; text-align: center; }
ul.city_btn_list .icon img{ width: 40px; height: auto; }
ul.city_btn_list .title{ display: block; width: calc(100% - 40px); padding: 0 30px 0 10px; line-height: 1.3; margin: 0; text-align: left; }
ul.city_btn_list .arrow1:before{ 
	top: 50%; 
	-webkit-transform: translatey(-50%) rotate(45deg); 
	-ms-transform: translatey(-50%) rotate(45deg); 
	transform: translatey(-50%) rotate(45deg); 
}

@media only screen and (max-width: 1500px){
	#infoarea5 .city{ width: 1100px; max-width: 100%; }
	ul.city_img_list .item{ width: calc(33.3% - 20px); margin: 0 10px 20px; }
	ul.city_btn_list .item{ width: calc(33.3% - 20px); margin: 0 10px 20px; }
}
@media only screen and (max-width: 1200px){
	#infoarea5 .city{ width: calc(100% - 80px); }
}

/* ------------------------ LINKエリア ------------------------ */
#infoarea6{ padding: 100px 0; }
.link_list{ margin: 0; padding: 0; }
.link_list .item{ margin: 0 15px 10px; padding: 0; background-image:none; }
.link_list .item a{ color: #202020; text-decoration: none; }
.link_list .item a:hover{ text-decoration: underline; }
.link_list .item .title{ 
	display: block; margin: 0; padding: 0 20px 0 10px; 
	text-align: left; line-height: 1.5; text-decoration: none; 
}
.link_list .fig{ 
	display: block; margin: 0 0 20px; overflow: hidden; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #ccc;
}
.link_list .fig img{ 
	width: 100%; max-width: 100%; height: auto; 
	-webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); 
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; 
}
.link_list a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media only screen and (max-width: 1200px){
	.link_list .item{ margin: 0 10px 10px; }
}

/* ------------------------ ADVエリア ------------------------ */
#infoarea7{ 
	padding: 80px 0; 
	background: #F5F5F5; border: 1px solid #aaa; border-left: 0; border-right: 0; 
}
#infoarea7 .adv{ width: 1220px; margin: 0 auto; }
ul.adv_list{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0; padding: 0; 
}
ul.adv_list .item{ margin: 0 10px 20px; padding: 0; background-image:none; }
ul.adv_list .item a{ display: block; }
ul.adv_list .item img{ max-width: 140px; height: auto; }
.adv_link{ margin: 0; text-align: right; line-height: 1.5; }
.adv_link a{ display: inline-block; height: 25px; line-height: 25px; padding: 0 30px; text-decoration: none; color: #202020; }
.adv_link a:hover{ text-decoration: underline; }

@media only screen and (max-width: 1500px){
	#infoarea7 .adv{ width: 1100px; max-width: 100%; }
}
@media only screen and (max-width: 1200px){
	#infoarea7 .adv{ width: calc(100% - 100px); margin: 0 auto; }
	ul.adv_list .item{ width: auto; /* calc(25% - 20px); */ }
}

/* ------------------------ DATAエリア ------------------------ */
#infoarea8{ 
	position: relative; width: 100%; height: 400px; 
	background-image: url('/images/top_data_bg.jpg'); 
	background-repeat: no-repeat; 
	-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; 
} 
#infoarea8:before{
	content: ""; position: absolute; top: 0; right: 100px;
	width: 460px; height:400px;
	background-image: url('/images/top_data_map.png'); 
	background-repeat: no-repeat; 
	-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; 
} 
#infoarea8 .ft_info{ 
	position: relative; z-index: 3; 
	width: 620px; height: 280px; padding: 60px 30px; margin: 0 0 0 100px;
	background: rgba(245,245,245,0.75); 
}
#infoarea8 .data_wrap{ width: 100%; }
ul.num_list{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	margin: 0; 
}
ul.num_list .item{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width: calc(50% - 20px); width: 260px; margin: 0 10px 10px; padding: 10px; 
	border: 1px solid #bbb; background: #fff; 
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}

ul.num_list p{ width: calc(100% - 90px); padding: 0 0 0 20px; margin: 0; text-align: left; font-size: 100%; }
ul.num_list .title{ display: block; margin: 0 0 8px; line-height: 1.0; }
ul.num_list .num_area{ display: block; line-height: 1.0; }
ul.num_list .num{ font-size: 150%; }
ul.num_list .unit{ margin: 0 0 0 10px; font-size: 100%; }


ul.num_list .icon{ width: 100px; margin: 0; }
ul.num_list .icon img{ height: auto; margin: 0 auto 5px; }
ul.num_list .icon .title{ display: block; margin: 0; line-height: 1.0; }

ul.num_list .num_data{ 
	width: calc(100% - 100px); margin: 0; text-align: left; 
	font-size: 222%; color: #002060; line-height: 1.0; 
}
.data_wrap .memo{ width: 570px; text-align: right; margin: 0 10px 10px 0; }

#infoarea8 .sns_wrap{
	width: 560px; padding: 15px 10px; margin: 0 10px; 
	border: 1px solid #bbb; background: #fff; 
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
.sns_wrap .title{ margin: 0 0 10px; font-size: 100%; }
ul.sns_list{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	margin: 0 auto; padding: 0; 
}
ul.sns_list .item{ max-width: 60px; margin: 0 15px; padding: 0; background-image: unset; }
ul.sns_list .item a{ display: block; width: 100%; }
ul.sns_list .item img{ width: 50px; height: auto; }
@media only screen and (max-width: 1400px){
	#infoarea8 .ft_info{ margin: 0 0 0 3%; }
	#infoarea8:before{ right: 3%; }
}
@media only screen and (max-width: 1150px){
	#infoarea8{ height: 340px; }
	#infoarea8:before{ content: none; }
	#infoarea8 .ft_info{ margin: 0 auto; padding: 30px; }
}

/*
@media only screen and (max-width: 1100px){
	#infoarea8{ height: auto; }
	#infoarea8:before{ height: 100%; width: 490px; right: 5%; }
	#infoarea8 .ft_info{ width: 300px; height: 100%; padding: 20px 10px; }
	ul.num_list{ display: block; }
	ul.num_list .item{ min-width: 270px; margin: 0 auto 10px; }
	ul.sns_list .item{ max-width: 40px; margin: 0 7px; }
}
*/

@media only screen and (max-height: 800px) {
	#top_img .logo_area .logo{ width: 240px; height: 240px; }
	div#scroll_down{ top: 270px; }
	div#scroll_down img{ width: 100px; }
	
	div#infoarea h2{ padding: 50px 0 40px; }
	div#infoarea1 h2{ -webkit-background-size: 180px; -moz-background-size: 180px; background-size: 180px; }
	div#infoarea2 h2{ -webkit-background-size: 168px; -moz-background-size: 168px; background-size: 168px; }
	div#infoarea3 h2{ -webkit-background-size: 126px; -moz-background-size: 126px; background-size: 126px; }
	div#infoarea4 h2{ -webkit-background-size: 368px; -moz-background-size: 368px; background-size: 368px; }
	div#infoarea5 h2{ -webkit-background-size: 413px; -moz-background-size: 413px; background-size: 413px; }
	div#infoarea6 h2{ -webkit-background-size: 106px; -moz-background-size: 106px; background-size: 106px; }
	div#infoarea7 h2{ -webkit-background-size: 370px; -moz-background-size: 370px; background-size: 370px; }
	div#infoarea2 h2, div#infoarea7 h2{ padding: 55px 0 40px; }
}

@media only screen and (max-height: 650px) {
	.searc_wrap{ padding: 70px 0; }
	#infoarea2{ padding: 70px 0; }
	#infoarea3{ padding: 70px 0; }
	#infoarea4{ padding: 70px 0; }
	#infoarea5{ padding: 70px 0; }
	#infoarea6{ padding: 70px 0; }
	#infoarea7{ padding: 70px 0; }
}