<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

/* 大枠 */
html,
body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	}
body {
	font-size: 16px;
	line-height: 1.6;
	overflow-x: hidden;
	}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
body &gt; #wrapper {
	height: auto;
	}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

@media print {
    body {overflow: visible !important;}
	#site_title {float: none !important;margin: 0 auto !important;}
	#gnav,footer,#access h1.title,#access #path,#access .bnr,#access #map_lang、
	#about h1.title,#about #path {display: none;}
	}

/* アクセシビリティ */
.guidance {
	left:-999px;
	position:absolute;
	width:990px;
	}
img {max-width: 100%;height: auto;vertical-align: bottom;} /* レスポンシブ対応 */
img {
	vertical-align: bottom;
	box-shadow: #000 0 0 0; /* ロールオーバー対応 */
	}
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0; /* IE7対応 */
	}

/* リンク */
a:link    {color:#0066FF; text-decoration: none;}
a:visited {color:#0066FF; text-decoration: none;}
a:hover   {color:#0066FF; text-decoration: underline;}
a:active  {color:#0066FF; text-decoration: underline;}

.mincho{
	font-family: "FOT-筑紫明朝 Pr6 L","TsukuMinPr6-L","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","TakaoEx明朝",TakaoExMincho,"MotoyaLCedar","Droid Sans Japanese","HGS明朝E","ipamin","ＭＳ Ｐ明朝",serif;
	position: relative;
	font-weight: normal;
	}

/* CLEARFIX */
.container:after,
.row:after,
.col:after {content: "";display: table;clear: both;}

.container {width: 100%;max-width: 1000px;margin: 0 auto;padding:50px 0 0;position: relative;}

/* ブロック関係 */
.row {padding-bottom: 0em;}
.col {display: block;float: left;width: 100%;margin: 0 1%;line-height: 1.5;}
.col:first-child {margin-left: 0;}
.col:last-child {margin-right: 0;}

/* グリッドの設定 */
.span_1 {width: 6.25%;}
.span_2 {width: 15%;}
.span_3 {width: 23.5%;}
.span_4 {width: 32%;}
.span_5 {width: 40.5%;}
.span_6 {width: 49%;}
.span_7 {width: 57.5%;}
.span_8 {width: 66%;}
.span_9 {width: 74.5%;}
.span_10 {width: 83%;}
.span_11 {width: 91.5%;}
.span_12 {width: 100%;}

.sp {display: none;}

/* タイトル */
#site_title {
	float: left;
	width: 220px;
	overflow: hidden;
	}
h1.title {
	background: #FFEE33 url(../img/bg_title.png) repeat-x left bottom;
	padding: 25px 0;
	margin-bottom: 10px;
	color: #0C65B8;
	font-size: 28px;
	text-align: center;
	overflow: hidden;
	}
h2.subtitle,
h3.subtitle {
	background: url(../img/circle_pc.png) no-repeat left 5px;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0C65B9;
	color: #0C65B9;
	font-size: 22px;
	overflow: hidden;
	}


/* ▼▼▼ ヘッダー
=====================================*/
header {
	width: 100%;
	background: #0C65B9;
	padding: 0 0 15px;
	overflow: hidden;
	}

.menu {display: none;}

/* グローバルナビゲーション */
#gnav {
	float: right;
	overflow: hidden;
	margin-right:8%;
	}
	#gnav ul {
		}
	#gnav ul &gt; li {
		float: left;
		margin: 0 10px;
		}
	#gnav ul &gt; li a {
		display: block;
		}
	#gnav ul &gt; li.see:hover {background: url(../img/gnav01_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.fun:hover {background: url(../img/gnav02_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.eat:hover {background: url(../img/gnav03_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.buy:hover {background: url(../img/gnav04_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.guide,#gnav ul &gt; li.guide:hover {background: url(../img/gnav05_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.access,#gnav ul &gt; li.access:hover {background: url(../img/gnav06_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.about,#gnav ul &gt; li.about:hover {background: url(../img/gnav07_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.service,#gnav ul &gt; li.service:hover {background: url(../img/gnav09_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li.course,#gnav ul &gt; li.course:hover {background: url(../img/gnav10_pc_over.png) no-repeat left top;}
	#gnav ul &gt; li:hover img {
	    -ms-filter: "alpha(opacity=0)";
	    -moz-opacity:0;
	    -khtml-opacity: 0;
	    opacity: 0;
		}
#gnav .info {
	display: none;
	}
.btn_login{
	position:absolute;
	top:0;
	right:0;
	}
.btn_login_sp{
	display:none;
	}
ul.lang{
	position:absolute;
	top:4px;
	right:0px;
	}
	ul.lang li{
		display:inline;
		padding:1px 20px;
		color:#ffea00;
		}
		ul.lang li:not(:last-child){
		border-right:1px #fff solid;
		}
		ul.lang li a{
			color:#fff;
			}
ul.lang_sp{
	display:none;
	}

/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#main {
	padding-bottom: 50px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	}

/* パンくず */
#path {
	margin-bottom: 30px;
	font-size: 12px;
	overflow: hidden;
	}
	#path li {
		float: left;
		margin-right: 10px;
		}
	#path li:after {
		content: "&gt;";
		margin-left: 10px;
		color: #333;
		}
	#path li:last-child:after {content: "";}


/* コンテンツ */
#contents {
	float: left;
	width: 640px;
	background: #999;
	padding: 20px;
	overflow: hidden;
	}


/* ページナビ	 */
.pagenav {
	width: 360px;
	padding: 40px 0 0;
	margin: 0 auto;
	line-height: 35px;
	position: relative;
	overflow: hidden;
	}
	.pagenav ol {
		width: 250px;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		}
		.pagenav ol li {
		display: inline-block;
			width: 35px;
			background: #0C65B8;
			border: 1px solid #444;
			margin-right: 10px;
			color: #fff;
			text-align: center;
			font-size: 18px;
			}
		.pagenav ol li:last-child {margin-right: 0;}
			.pagenav ol li a {
				display: block;
				background: #fff;
				color: #444;
				}
			.pagenav ol li a:hover {
				background: none;
				color: #fff;
				text-decoration: none;
				}
	.pagenav .prev,
	.pagenav .next {
		position: absolute;
		top: 40px;
		left: 0;
		font-size: 18px;
		}
		.pagenav .prev a,
		.pagenav .next a {
			color: #444;
			text-decoration:underline;
			}
	.pagenav .next {
		left: inherit;
		right: 0;
		}
	.pagenav .back {
		width: 270px;
		margin: 0 auto;
		}




/* ▼▼▼ サイド
=====================================*/
#side {
	float: right;
	width: 220px;
	background: #666;
	padding: 20px;
	overflow: hidden;
	}


/* ▼▼▼ フッター
=====================================*/
footer {
	width: 100%;
	font-size: 14px;
	clear: both;
	overflow: hidden;
	}
	#footer_inner {
		background: #0C65B9;
		padding: 30px 0;
		color: #fff;
		}
	footer .container {display: table; width: 100%;max-width: 1000px;margin: 0 auto;padding:10px 0 0;position: relative;}

	footer .logo{
		display: table-cell;
		vertical-align: middle;
		}
	footer .logo img {width: 180px;}

	footer .footer_info {
		display: table-cell;
		vertical-align: middle;
		}
	footer .address,footer .mail,
	footer .tel {display: block;}
	footer .tel,
	footer .mail {font-weight: normal;}
	footer .f_btn {
		text-align: right;
		display: table-cell;
		}


/* ▼ ページ上部へ戻る */
.pagetop {
	width: 60px;
	position: fixed;
	bottom: 90px;
	right: 40px;
	z-index: 2000;
	cursor: pointer;
	}

/* ▼ コピーライト */
#copyright {
	padding: 20px 0;
	font-size: 11px;
	color: #0C65B9;
	text-align: center;
	}


/* ▼▼▼ トップ
=====================================*/
#mainVisual {
	width: 100%;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	}
#mainVisual .m01_box {
	width: 3300px;
	position: relative;
	overflow: hidden;
	}
#mainVisual .m01_box div {
	display: inline-block;
	height: 593px;
	position: relative;
	}
#mainVisual div::after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
	}
#mainVisual .m01 {width: 1094px;}
#mainVisual .m02 {width: 1021px;}
#mainVisual p {position: absolute;}
#mainVisual .m01_01	{top: 0;left: 0;}
#mainVisual .m01_02	{top: 198px;left: 0;}
#mainVisual .m01_03	{top: 198px;left: 234px;}
#mainVisual .m01_04	{top: 397px;left: 234px;}
#mainVisual .m01_05	{top: 0;left: 530px;}
#mainVisual .m01_06	{top: 397px;left: 432px;}
#mainVisual .m01_07	{top: 397px;left: 850px;}
#mainVisual .m02_01	{top: 0;left: 0;}
#mainVisual .m02_02	{top: 0;left: 200px;}
#mainVisual .m02_03	{top: 195px;left: 0;}
#mainVisual .m02_04	{top: 195px;left: 431px;}
#mainVisual .m02_05	{top: 394px;left: 431px;}
#mainVisual .m02_06	{top: 0;left: 727px;}
#mainVisual .m02_07	{top: 195px;left: 825px;}
#mainVisual .m02_08	{top: 394px;left: 677px;}

/*#mainVisual .m03 {
	display: none;
	width: 100%;
	height: 600px;
	background: url(../img/top/mainVisual_sake_pc.jpg) no-repeat center top;
	text-indent: -9999px;
	}*/

/*#mainVisual .m03 {
	display: none;
	width: 100%;
	height: 600px;
	background: url(../img/top/mainVisual_sake_pc.jpg) no-repeat center top;
	text-indent: -9999px;
	}*/
#mainVisual .m03 {
	display: none;
	width: 100%;
	height: 600px;
	background: url(../img/top/mainVisual_sake_pc.jpg) repeat-x center top;
	text-indent: -9999px;
	}

#home h2 {
	width: 703px;
	margin: 0 auto 40px;
	overflow: hidden;
	}
#top_nav {
	margin-bottom: 70px;
	overflow: hidden;
	}
	#top_nav li {
		float: left;
		width: 23.5%;
		margin-right: 2%;
		}
	#top_nav li:last-child {margin-right: 0;}
.bnr_guide p {margin-bottom: 20px;}
.bnr_guide p:last-child {margin-bottom: 50px;}



#top_topics {
	overflow: hidden;
	margin-bottom: 50px;
	}
	#top_topics .top_topics_inner {
		border-top: 1px solid #0C65B8;
		border-bottom: 1px solid #0C65B8;
		margin-bottom: 15px;
		}
		#top_topics h3 {
			width: 120px;
			padding: 40px 0 20px;
			margin: 0 auto;
			}
	#top_topics .topicslist dl {
		overflow: hidden;
		border-bottom: 1px dashed #ccc;
		}
		#top_topics .topicslist dl dt,
		#top_topics .topicslist dl dd {
			font-size: 16px;
			}
		#top_topics .topicslist dl:last-child {border-bottom:none;}
		#top_topics .topicslist dl dt {
			float: left;
			width: 28%;
			padding: 25px 0 25px 1.5%;
			}
			#top_topics .topicslist dl dt span {
				float: right;
				min-width: 90px;
				display: block;
				padding: 0 10px;
				margin: 0 30px 0 0;
				font-size: 14px;
				text-align: center;
				color: #fff;
				}
			#top_topics .topicslist dl dt span.n01 {background: #E92237;}
			#top_topics .topicslist dl dt span.n02 {background: #113F8A;}
		#top_topics dl dd {
			margin-left: 28%;
			padding: 25px 1.5% 25px 0;
			}
			#top_topics .topicslist dl dd a {
				display: block;
				color: #333;
				text-decoration:underline;
				}
			#top_topics .topicsbtn {
				background: url("../img/top/arrow_topics.png") no-repeat scroll right center;
			    text-align: right;
			    padding-right: 28px;
				}
			#top_topics .topicsbtn a {color: #0C65B8;}

#top_service {
	background: url(../img/top/service_bg.png);
	padding: 4px;
	margin-bottom: 60px;
	overflow: hidden;
	}
	.top_service_inner {
		background: #fff;
		padding-bottom: 10px;
		}
	#top_service h3 {
		background: #FFCFBF;
		margin-bottom: 10px;
		}
		#top_service h3 span {
			display: block;
			width: 148px;
			padding: 25px 0;
			margin: 0 auto;
			}
		#top_service .read {
			margin-bottom: 40px;
			font-size: 20px;
			text-align: center;
			}
		#top_service ul {
			width: 88%;
			margin: 0 auto;
			overflow: hidden;
			margin-bottom:40px;
			}
		#top_service ul.list01 {margin-bottom: 60px;}
			#top_service ul li {
				float: left;
				width: 30%;
				margin: 0 5% 0 0;
				}
			#top_service ul li:nth-child(3n) {margin-right: 0;}
			#top_service ul li p {margin-bottom: 10px;}
				#top_service ul li .download {
					background: #EDEDED;
					overflow: hidden;
					padding: 10px;
					}
					#top_service ul li .download p {
						text-align: center;
						font-size: 16px;
						margin-bottom: 5px;
						}
					#top_service ul li .download p.pdf {margin-bottom: 0;}
					#top_service ul li .download p.pdf a {color: #333;}
					#top_service ul li .download p.pdf a:after {
					    content: url("../img/top/arrow_service_pc.png");
					    margin-left: 7px;
						}
					#top_service ul li .download p:before {
					    content: url("../img/top/pdf_icon_pc.png");
					    margin-right: 5px;
						}
					#top_service ul li .download .downloadlist {
						width: 100%;
						margin-bottom: 0;
						}
					#top_service ul li .download .downloadlist li {
						float: left;
						width: 50%;
						text-align: center;
						margin: 0;
						}
					#top_service ul li .download .downloadlist li.line {
					    background: url("../img/top/border_01.png") no-repeat scroll right center;
						}
					#top_service ul li .download .downloadlist li a {color: #333;}
					#top_service ul li .download .downloadlist li a:after {
					    content: url("../img/top/arrow_service_pc.png");
					    margin-left: 7px;
						}
					#top_service ul li .txt_box .txt {margin-bottom: 5px;}
					#top_service ul li .txt_box span {
					    color: #444;
					    font-size: 14px;
					    min-width: 100px;
					    padding: 0 15px;
					    border: 1px solid #333;
					    }
					.movie {
						margin-bottom:20px;
						max-width:1000px;
						background-image:url(../img/top/movie_back.png);
						text-align:center;
						vertical-align:middle;
						overflow:hidden;
						border:5px solid #c2e1fc;
						box-shadow:rgba(194, 225, 252, 0.2) 0px 0px 0px 0px inset;
						 -webkit-box-shadow:rgba(194, 225, 252, 0.2) 0px 0px 0px 0px inset;
						  -moz-box-shadow:rgba(194, 225, 252, 0.2) 0px 0px 0px 0px inset;
						}
					.movie .left{
						width:50%;
						}
					.movie .right{
						width:50%;
						}
					.movie_inner{
						position: relative;
						width: 90%;
						margin: 0 auto;
						padding-top: 50.625%;
						}

					.movie h3{
						text-align:center;
						padding:25px 0 15px;
						}
					.movie p{
						margin:10px 0 35px;
						text-align:center;
						font-weight:bold;
						}

					.movie iframe{
						position:absolute;
						top:0;
						left:0;
						width:100%;
						height:100%;
						}
#sun_tide{
		margin:0 auto 60px;
		max-width:847px;
		height:480px;
		background-image:url(../img/top/sun_info.png);
		background-position:center;
		background-size:cover;
		text-align:center;
		vertical-align:middle;
		overflow:hidden;
		position:relative;
		border-radius:10px;
		}
		#home #sun_tide .copy{
			width:100%;
			font-size:12px;
			text-align:left;
			position:absolute;
			padding-left:4px;
			bottom:4px;
			color:#fff;
			}
		#home #sun_tide h2{
			text-align:center;
			margin:40px auto 20px;
			}
		#sun_tide a{
			color:#fff;
			}
			#sun_tide a:hover{
			color:#fff;
			text-decoration:none;
			}
		#sun_tide table{
			margin:5px auto 5px;
			width:100%;
			max-width:500px;
			border-left:2px solid #a7a7a7;
			border-top:2px solid #a7a7a7;
			background-color:#fff;
			}
			#sun_tide table td{
				text-align:center;
				background-color:#fff;
				width:50%;
				border-right:2px solid #a7a7a7;
				border-bottom:2px solid #a7a7a7;
				padding:5px;
				font-weight:bold;
				}
			#sun_tide table th{
				text-align:center;
				padding:5px;
				color:#fff;
				width:50%;
				border-right:2px solid #a7a7a7;
				border-bottom:2px solid #a7a7a7;
				}
				table.sun_info th{
					background-color:#d74d00;
					}
				table.tide_info th{
					background-color:#00a49d;
					}
		.tide_table{
			max-width:340px;
			position:relative;
			margin:30px auto;
			padding:20px 20px 20px 0;
			color:#fff;
			font-size:18px;
			text-align:center;
			vertical-align:bottom;
			background-color:#0c65b8;
			}
			.tide_table:hover{
			background-color:#3d84c6;
				}
			.tide_table:before{
				content:"";
				margin-right:10px;
				padding:8px;
				background-image:url(../img/top/ico_pdf.png);
				background-position:center;
				background-repeat:no-repeat;
			}
			.tide_table:after{
				content:"";
				position:absolute;
				top:15px;
				right:10px;
/*				margin-left:40px;*/
				padding:20px 10px;
				background-image:url(../img/top/ico_arrow.png);
				background-position:center;
				background-repeat:no-repeat;
			}
#hot_spot{
	padding:20px;
	margin-bottom:70px;
	max-width:1000px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	border:#000 solid 4px;
	border-image:url(../img/top/border_bg.png) 8 round;
	}
	#home #hot_spot h2{
		width:100%;
		margin:0 0 10px;
		padding:0;
		text-align:center;
		font-size:37px;
		color:#0663b8;
		}
		#hot_spot h2:before{
			content:"";
			width:60px;
			height:60px;
			padding:60px;
			background-image:url(../img/top/hot_spot_pc.png);
			background-repeat:no-repeat;
			background-position:center;
			}
	#hot_spot a:hover{
		text-decoration:none;
		opacity:0.8;
		}
	#hot_spot a .spot:hover{
		opacity:0.8;
		}
	#hot_spot .desc{
		color:#000;
		}
	#hot_spot .desc:hover{
		color:#000;
		}
	#hot_spot ul{
		margin:0 auto;
		}
	#hot_spot ul h3{
		text-align:center;
		margin-bottom:5px;
		}
	#hot_spot ul li{
		display:inline-block;
		max-width:180px;
		margin:0 0 0 3px;
		}

	.btn_pdf{
	max-width:340px;
	margin:30px auto;
	padding:20px 0 20px 0;
	color:#0c65b9;
	font-size:18px;
	text-align:center;
	vertical-align:bottom;
	background-color:#ffee33;
	position:relative;
		}
		.btn_pdf:hover{
		background-color:#fff371;
		text-decoration:none;
			}
		.btn_pdf:before{
		content:"";
		margin-right:10px;
		padding:8px;
		background-image:url(../../common/img/top/ico_pdf.png);
		background-position:center;
		background-repeat:no-repeat;
			}
		.btn_pdf:after{
		content:"";
		position:absolute;
		right:10px;
		top:15px;
/*		margin-left:70px;*/
		padding:20px 10px;
		background-image:url(../../common/img/top/ico_arrow_blu.png);
		background-position:center;
		background-repeat:no-repeat;
			}

	.btn_def{
		max-width:340px;
		margin:30px auto;
		padding:20px 0 20px 0;
		color:#0c65b9;
		font-size:18px;
		text-align:center;
		vertical-align:bottom;
		background-color:#ffee33;
		position:relative;
		}
		.btn_def:hover{
			background-color:#fff371;
			text-decoration:none;
			}
		.btn_def:after{
			content:"";
			position:absolute;
			right:10px;
			top:15px;
		/*		margin-left:70px;*/
			padding:20px 10px;
			background-image:url(../../../common/img/top/ico_arrow_blu.png);
			background-position:center;
			background-repeat:no-repeat;
			}


/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

#wrapper {width: 100%;}
#screen {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color:rgba(0,0,0,0.6);
	z-index: 200;
	}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,.span_7,.span_8,.span_9,.span_10,.span_11,.span_12{width: 100%;}
.col {margin: 0;}
.pc {display: none;}
.sp {display: block;}

/* タイトル */
#site_title {
/*	float: none;*/
	width: 126px;
	padding: 6px 0 0;
	margin: 57px 10px 0;
	}
h1.title {
	padding: 15px 0;
	margin-bottom: 20px;
	font-size: 22px;
	}
h2.subtitle,
h3.subtitle {
	background: url(../img/circle_sp.png) no-repeat left 5px;
	background-size: 15px 15px;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
	font-size: 18px;
	}

ol#path {display: none;}
.container{padding:0;}

/* ▼▼▼ ヘッダー
=====================================*/
header {
	width: 100%;
	height: 115px;
	margin-bottom:0;
	background: #0C65B9;
	padding: 0;
	position: relative;
	z-index: 1000;
	overflow: visible;
	}
	header .container{
		padding:0;
		height:100%;
		}

.menu {
	display: block;
	width: 40px;
	height: 40px;
	background: #fff url(../img/menu.png) no-repeat left top;
	background-size: 40px 40px;
	position: absolute;
	top: 63px;
	right: 10px;
	z-index: 2000;
	text-indent: -9999px;
	}
/* グローバルナビゲーション */
#gnav {
	display: none;
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	position: absolute;
	top: 115px;
	left: 0;
	z-index: 1000;
	}
	#gnav ul &gt; li {
		float: none;
		width: 100%!important;
		max-width: 100%!important;
		height: auto;
		background: no-repeat!important;
		border-bottom: 1px solid #ccc;
		margin: 0;
		text-indent: 0;
		}
/*
	#gnav ul &gt; li.see,#gnav ul &gt; li.fun,#gnav ul &gt; li.eat,
	#gnav ul &gt; li.buy,#gnav ul &gt; li.guide {display: none;}
*/
	#gnav ul &gt; li a:hover img {
	    background: none!important;
	    -ms-filter: "alpha(opacity=100)";
	    -moz-opacity:100;
	    -khtml-opacity: 100;
	    opacity: 100;
		}

#gnav .info {
	display: block;
	}
.btn_login{display:none;}

.btn_login_sp{
	display:block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 36px;
	right: 50px;
	z-index: 2000;
	}
.btn_login_sp img{
	width:100%;
	height:auto;
	}
ul.lang{
	display:none;
	}
ul.lang_sp{
	display: flex;
	flex-wrap: wrap;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	background-color:#e6e6e6;
	}
	ul.lang_sp li{
		display:inline-block;
		margin:0;
		padding:2px 10px 4px;
		color:#909090;
		font-size:16px;
		text-align:center;
		height:26px;
		flex: 1;
		}
		ul.lang_sp li:nth-child(-n+2){
			min-width: 50%;
		}
		ul.lang_sp li a{
			display:block;
			color:#909090;
			}
		ul.lang_sp .active{
			color:#444444;
			background-color:#ffea00;
			}


/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#header_inner,
#main,#contents,#side,
footer,#footer_inner {
	float: none;
	width: 100%;
	}

#main {padding: 0 10px 40px;}


/* ページナビ	 */
.pagenav {
	padding: 50px 0 0;
	width: 280px;
	}
	.pagenav ol {
		width: 200px;
		line-height: 35px;
		float: left;
		}
		.pagenav ol li {
		width: 35px;
		margin: 0 5px 5px 0;
		font-size: 16px;
		}
	.pagenav .prev,
	.pagenav .next {
		top: 0;
		left: 0;
		position: static;
		float: left;
		font-size: 16px;
		}
	.pagenav .next {
		left: inherit;
		right: 0;
		text-align: right;
		}



/* ▼▼▼ フッター
=====================================*/
footer {}
#footer_inner {padding: 15px 0;}
	footer .container {
		display: block;
		width: 80%;
		margin: 0 auto;
		}
		footer .logo{
			display: block;
			vertical-align: middle;
			margin: 0 0 20px 0;
			}
		footer .f_btn {display: none;}
		footer .logo img {width: 200px;}


/* ▼ ページ上部へ戻る */
.pagetop {
	width: 45px;
	bottom: 20px;
	right: 20px;
	}

/* ▼ コピーライト */
#copyright {
	padding: 10px 0;
	font-size: 11px;
	color: #0C65B9;
	text-align: center;
	}


/* ▼▼▼ トップ
=====================================*/
#mainVisual {
	width: 100%;
	height: auto;
	min-height: 357px;
	margin: 0 auto 30px;
	overflow: hidden;
	}
#mainVisual p {position: static;}
#mainVisual .sp_m02 {display: none;}
#home h2 {
	width: 96%;
	margin: 0 auto 20px;
	}
#top_nav {
	width: 90%;
	margin: 0 auto 30px;
	overflow: hidden;
	}
	#top_nav li {
		float: left;
		width: 46%;
		margin: 0 8% 20px 0;
		}
	#top_nav li:nth-child(2n) {margin-right: 0;}
.bnr_guide p {margin-bottom: 10px;}
.bnr_guide p:last-child {margin-bottom: 25px;}



#top_topics {margin-bottom: 25px;}
	#top_topics .top_topics_inner {margin-bottom: 10px;}
		#top_topics h3 {
			width: 60px;
			padding: 20px 0 10px;
			}
	#top_topics .topicslist dl {
		width: 100%;
		margin: 20px auto;
		}
		#top_topics .topicslist dl dt,
		#top_topics .topicslist dl dd {
			padding: 0 10px;
			font-size: 14px;
			}
		#top_topics .topicslist dl dt {
			float: none;
			width: 100%;
			margin-bottom: 0;
			position: relative;
			padding: 0 10px;
			font-size: 14px;
			}
			#top_topics .topicslist dl dt span {
				float: none;
				max-width: 80px;
				margin: 0;
				font-size: 11px;
				position: absolute;
				top: 2px;
				left: 140px;
				}
			#top_topics .topicslist dl dd {
				padding: 15px 10px;
				margin: 0;
				}


#top_service {
	}
	.top_service_inner {
		padding-bottom: 15px;
		}
	#top_service h3 {
		background: #FFCFBF;
		margin-bottom: 10px;
		}
		#top_service h3 span {
			width: 93px;
			padding: 15px 0;
			}
		#top_service .read {
			font-size: 14px;
			margin-bottom: 20px;
			}
		#top_service ul {
			width: 90%;
			margin: 0 auto;
			}
		#top_service ul.list01 {margin-bottom: 30px;}
			#top_service ul li {
				width: 100%;
				margin: 0 0 25px 0;
				}
			#top_service ul li:nth-child(3n) {margin: 0;}
			#top_service ul li p {margin-bottom: 10px;}
				#top_service ul li .download {
					background: #EDEDED;
					overflow: hidden;
					padding: 20px 10px;
					}
					#top_service ul li .download p {
						text-align: center;
						font-size: 16px;
						margin-bottom: 5px;
						}
					#top_service ul li .download p:before {
					    content: url("../img/top/pdf_icon_pc.png");
					    margin-right: 5px;
						}
					#top_service ul li .download .downloadlist {
						width: 100%;
						margin-bottom: 0;
						}
					#top_service ul li .download .downloadlist li {
						float: left;
						width: 50%;
						text-align: center;
						margin: 0;
						}
					#top_service ul li .download .downloadlist li.line {
					    background: url("../img/top/border_01.png") no-repeat scroll right center;
						}
					#top_service ul li .download .downloadlist li a:after {
					    content: url("../img/top/arrow_service_pc.png");
					    margin-left: 7px;
						}
					#top_service ul li .txt_box .txt {margin-bottom: 5px;}
					#top_service ul li .txt_box span {
					    color: #444;
					    font-size: 14px;
					    min-width: 100px;
					    padding: 0 15px;
					    border: 1px solid #444;
					    }

			        .movie {
						margin-bottom:20px;
						width:100%;
						}
					.movie h3 img{
						width:80%;
						height:auto;
						}
					.movie .left{
						float:none;
						width:100%;
						}
					.movie .right{
						float:none;
						width:100%;
						}
					.movie_inner{
						position: relative;
						width: 80%;
						margin: 0 auto;
						padding-top: 45%;}
					.movie p{
						margin-top:10px;
						font-size:12px;
						text-align:center;
						font-weight:bold;
						}

					.movie iframe{
						/*margin:0 15px;*/
						position:absolute;
						top:0;
						left:0;
						width:100%;
						height:100%;
						}
#sun_tide{
	padding:10px;
	height:400px;
		}
		#sun_tide a{
			color:#fff;
			}
			#sun_tide a:hover{
			color:#fff;
			}
#hot_spot{
	margin-bottom:40px;
	width:100%;
	height:auto;
	}
	#home #hot_spot h2{
		width:100%;
		font-size:20px;
		}
		#hot_spot h2:before{
			content:"";
			width:30px;
			height:30px;
			padding:30px;
			background-image:url(../img/top/hot_spot_sp.png);
			background-repeat:no-repeat;
			background-position:center;
			}
	#hot_spot ul{
		margin:0 auto;
		}
	#hot_spot ul h3{
		text-align:center;
		margin-bottom:5px;
		font-size:20px;
		}
	#hot_spot ul li{
		display:block;
		max-width:100%;
		margin-bottom:20px;
		}
			#hot_spot .lank img{
		width:100%;
		}

	.btn_def{
		max-width:260px;
		margin:30px auto;
		}


}
</pre></body></html>