@charset "UTF-8";

html {
	overflow-y: scroll;
}

body{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-size: 62.5%;
	line-height: 1.5;
	/*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
	font-family: 'Noto Sans JP', sans-serif;
	color: #002c4a;
	background: url("../images/common/bg_green.png"); 
	background-size: 8px 8px;
	overflow-x: hidden;
	position: relative;
}

a {
	text-decoration: none;
	color: #002c4a;
}

.sp   { display: none!important; }
.sptb { display: none!important; }

/*======================================================

 00.共通

======================================================*/

/*------------------------------------------------------
 header
------------------------------------------------------*/

#header {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#header .headerTitle {
	width: 800px;
	height: 65px;
	margin: 0 auto 50px;
	background: url("../images/common/pc_header_bg.png") top center no-repeat;
	background-size: 800px 80px;
	text-align: center;
	font-weight: 600;
	line-height: 1.3;
	padding-top: 15px;
	letter-spacing: 5px;
	display: block;
	font-size: 12px;
}

#header .headerTitle a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";	
}

#header .headerTitle a span {
	color: #00bd99;
}

#header .headerTitle em {
	font-size: 18px;
	font-weight: bold;
}

#header nav ul {
	width: 720px;
	margin: 0 auto;
	display: flex;
	padding-bottom: 20px;
}

#header nav ul li {
	display: inline-block;
	width: 70px;
	margin: 0 5px;
	border-top: 2px solid #faed00;
	text-align: center;
	justify-content: space-between;
	font-size: 1.2em;
}

#header nav ul li a {
	display: block;
	padding: 5px 0 15px;
	background: url("../images/common/ico_arrow_navy.png") bottom center no-repeat;
	background-size: 8px 8px;
	letter-spacing: 2px;
	font-weight: bold;
}

#header nav ul li a:hover {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";	
}

#header .headerRequest {
	display: table;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	position: absolute;
	top: 50%;
	right: 100px;
	overflow: hidden;
	margin-top: -40px;
	font-weight: bold;
	font-size: 1.2em;
}

#header .headerRequest a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #ffffdd;
	letter-spacing: 5px;
	padding-left: 5px;
	
}

#header .headerInquiry {
	display: table;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	position: absolute;
	top: 50%;
	right: 0;
	overflow: hidden;
	margin-top: -40px;	
	font-weight: bold;
	font-size: 1.2em;
}

#header .headerInquiry a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #002c49;
	color: #fff;
	letter-spacing: 5px;
	padding-left: 5px;	
}

#header .headerRequest a:hover,
#header .headerInquiry a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*------------------------------------------------------
 フッター
------------------------------------------------------*/

#footer {
	background: #fff;
	padding: 70px 0 0;
}

#footer .inner {
	width: 1200px;
	margin: 0 auto;
}

#footer .spec {
	position: relative;
	border-bottom: 1px solid #002c4a;
	padding-bottom: 60px;
	margin-bottom: 35px;
}

#footer .footerName {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 3px;
}

#footer .footerAddress {
	font-size: 1.4em;
	line-height: 1.7;
}

#footer .footerAddress address,
#footer .footerAddress span {
	display: block;
	float: left;
	padding-right: 20px;
}

#footer .footerRequest {
	display: table;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	position: absolute;
	bottom: 60px;
	right: 100px;
	overflow: hidden;
	margin-top: -40px;
	font-weight: bold;
}

#footer .footerRequest a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #b5ffe8;
	letter-spacing: 5px;
	padding-left: 5px;
}

#footer .footerInquiry {
	display: table;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	position: absolute;
	bottom: 60px;
	right: 0;
	overflow: hidden;
	margin-top: -40px;
	font-weight: bold;
}

#footer .footerInquiry a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #002c49;
	color: #fff;
	letter-spacing: 5px;
	padding-left: 5px;	
}

#footer .footerRequest a:hover,
#footer .footerInquiry a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#footer .footerInstagram {
	position: absolute;
	bottom: 60px;
	right: 200px;
}

#footer .footerTwitter {
	position: absolute;
	bottom: 60px;
	right: 265px;
}

/*
#footer .banner {
	display: flex;
	width: 100%;
	margin-bottom: 50px;
}

#footer .banner li {
	width: 130px;
	margin-right: 24px;
}

#footer .banner li:last-child {
	margin-right: 0
}
*/

#footer .banner {
	display: flex;
	flex-wrap:wrap;
	width: 750px;
	text-align: center;
	justify-content: center;
	margin: 0 auto 30px;
}
.banner li {
	width: 130px;
	display: inline-block;
	margin: 10px 10px 10px!important;	
}

#footer .copyright {
	background: #002c49;
	padding: 30px;
	line-height: 1;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	letter-spacing: 2px;
}

/*------------------------------------------------------
 メイン画像
------------------------------------------------------*/

#mainArea {
	width: 1200px;
	margin: 0 auto -300px;
	position: relative;
	z-index: 2;
}

#mainArea .txt {
	position: absolute;
	right: 60px;
	bottom: -80px;
	width: 180px;
	z-index: 4;
}

/*
#mainArea .txt p {
	writing-mode: vertical-rl;
	text-orientation: upright!important;
	background: #faed00;
	display: block;
	padding: 10px 0 10px 10px;
	text-align: center;
	float: right;
	margin-left: 10px;
	font-size: 3.2em;
	width: 40px;
	letter-spacing: 5px;
	font-weight: bold;
}

#mainArea .txt p.min {
	padding-bottom: 0;
}
*/

#mainArea .img:after {
	content: " ";
	background: url("../images/common/line_wave_top_white.png") repeat-x bottom center;
	background-size: 98px 20px;
	position: absolute;
	width: 1200px;
	height: 98px;
	bottom: 0;
	left: 0;
	z-index: 3;
}

#mainArea h1 {
	width: 280px;
	height: 280px;
	display: table;
	background: #fff;
	border-radius: 1000px;
	position: absolute;
	z-index: 4;
	top: -100px;
	left: -45px;	
}

#mainArea h1 .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	line-height: 1.2;
	letter-spacing: 5px;
	padding-left: 5px;
}

#mainArea h1 .inner:after {	
	display: block;
	color: #74dfc7;
	margin-top: 15px;
	letter-spacing: 1px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#teiju #mainArea h1 .inner:after {	
	content: "SETTLEMENT SUPPORT";
}

#news #mainArea h1 .inner:after {	
	content: "OGAKI NEWS";
}

#ogakiQuest #mainArea h1 .inner:after {	
	content: "OGAKI QUEST";
}

#sumau #mainArea h1 .inner:after {	
	content: "LIVE IN OGAKI";
}

#emptyhouse #mainArea h1 span {
	letter-spacing: 0px;
}

#emptyhouse #mainArea h1 .inner:after {	
	content: "EMPTY HOUSE";
}

#satoyama #mainArea h1 .inner:after {	
	content: "SATOYAMA LIFE";
}

#movie #mainArea h1 .inner:after {	
	content: "OGAKI MOVIE";
}

#kurasu #mainArea h1 .inner:after {	
	content: "LIFE IN OGAKI";
}

#info #mainArea h1 .inner:after {	
	content: "ABOUT OGAKI";
}

#interview #mainArea h1 .inner:after {	
	content: "INTERVIEW";
}

#job #mainArea h1 .inner:after {	
	content: "WORK IN OGAKI";
}

#kosodate #mainArea h1 .inner:after {	
	content: "PARENTING IN OGAKI";
}

.mtL { font-size: 5.2em; }
.mtS { font-size: 4.4em; margin-left: -10px; }
.mtM { font-size: 7.8em; letter-spacing: -3px!important; }
.mtN { font-size: 5.0em; }
.tsume10 { margin-left: -15px;}
.lsW { margin-left: 20px;}
.sml { font-size: 0.7em!important; }
.sml2 { font-size: 1em!important; }
.lsm1 { letter-spacing: 0; }
.mtP1 { font-size: 4.4em; }
.mtP2 { font-size: 4.4em; letter-spacing: -5px;}

.links {
	font-size: 1.4em;
	line-height: 2;
}

.links li::before {
	content: " ";
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url("../images/common/ico_arrow_green_circle.png");
	background-size: 16px 16px;
	margin-bottom: -1px;
	margin-right: 5px;
}

.links li {
	float: left;
	margin-right: 20px;
}

/*------------------------------------------------------
 紹介エリア
------------------------------------------------------*/

#introductionArea {
	overflow: hidden;
}

#introductionArea .inner {
	background: #fff; 
	display: inline-block;
	width: 200%;
	margin-left: -50%;
 	border-radius: 50% / 100% 100% 0 0;
	padding: 360px 0 80px;
	text-align: center;
}

#index #introductionArea .inner {
	padding-bottom: 150px;
}

#introductionArea h2 {
	font-size: 2.4em;
	margin-bottom: 30px;
}

#introductionArea p {
	font-size: 1.5em;
	letter-spacing: 3px;
	line-height: 2;
}

/*------------------------------------------------------
 ナビゲーションエリア
------------------------------------------------------*/

.navArea .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 40px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.navImg {
	background: #fff;
	width: 490px;
	margin: 0 20px 20px 0;
}

.navImg:nth-child(even) {
	margin-right: 0;
}

.navImg a {
	display: table;
	vertical-align: middle;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 5px;
	width: 100%;
}

.navImg .navPic {
	vertical-align: middle;
	display: table-cell;
	width: 157px;
}

.navImg .navTxt {
	vertical-align: middle;
	display: table-cell;
	padding: 10px 10px 10px 30px;
}

.navOnlyTxt {
	height: 171px;
	background: #fff;
	width: 320px;
	margin-right: 20px;
	display: table;
	margin-bottom: 20px;
}

.navOnlyTxt a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2;
}

/*------------------------------------------------------
 見出し
------------------------------------------------------*/

.title {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	letter-spacing: 3px;
}

.title:before {
	color: #74dfc7;
	display: block;
	font-size: 0.4em;
	margin-bottom: 15px;
}

.heading {
	background: url("../images/common/bg_green.png"); background-size: 8px 8px;
	padding: 20px;
	line-height: 1;
	font-size: 2.4em;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 25px;
}

.catchcopy {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2em;
	margin-bottom: 40px;
}

/*------------------------------------------------------
 コンテンツ
------------------------------------------------------*/

.sectionBox {
	background: #fff;
	padding: 80px 0;
}

.sectionBox:nth-of-type(even) {
	background: #ffffdd;
}

.sectionBox .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.sectionBox a {
	color: #0000ff;
}

.sectionBox a:hover {
	text-decoration: underline;
}

.sectionBoxOut {
	background: #fff;
	padding: 80px 0 0;
}

.sectionBoxOut .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 80px!important;
}

.sectionBoxOut a {
	color: #0000ff;
}

.sectionBoxOut a:hover {
	text-decoration: underline;
}

.noName {
	margin-bottom: 40px;
}

/*------------------------------------------------------
 動画
------------------------------------------------------*/

.video{
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
}

.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------
 アイコン
------------------------------------------------------*/

.pdf:before {
	content: " ";
	display: inline-block;
	background: url("../images/common/ico_pdf.png");
	width: 22px;
	height: 26px;
	background-size: 22px 26px;
	margin-bottom: -6px;
	margin-right: 10px;
}

/*======================================================

 01.トップページ

======================================================*/

/*------------------------------------------------------
 スライド
------------------------------------------------------*/

#indexSlide {
	width: 100%;
	margin: 0 auto -50px;
	position: relative;
	z-index: 2;
}

#indexSlide .txt {
	width: 1200px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
}

#indexSlide .txtInner {
	position: absolute;
	left: 30px;
	top: -100px;
	width: 180px;
	z-index: 2000;
}

/*
#indexSlide .txt p {
	writing-mode: vertical-rl;
	text-orientation: upright!important;
	background: #faed00;
	display: block;
	padding: 10px 0 10px 10px;
	text-align: center;
	float: right;
	margin-left: 10px;
	font-size: 3.2em;
	width: 40px;
	letter-spacing: 5px;
	font-weight: bold;
}

#indexSlide .txt p.min {
	padding-bottom: 0;
}
*/

#indexSlide .slide:after {
	content: " ";
	background: url("../images/common/line_wave_top_green.png") repeat-x bottom center;
	background-size: 98px 20px;
	position: absolute;
	width: 100%;
	height: 98px;
	bottom: 50px;
	left: 0;
	z-index: 2000;
}

.slide {
	overflow: hidden;
	height: 550px;
	position: relative;
}

.slideInner {
	width: 1220px;
	height: 500px;
	margin: 0 auto;
	text-align: center;
}

.slideInner a {
	display: block;
	width: 1200px;
	margin: 0 10px;
	background: #fff;
	position: relative;
}

.slideInner img {
	width: 1200px;
	height: auto;
}

.slideComment {
	position: absolute;
	background: #fff;
	padding: 25px 0;
	min-width: 280px;
	text-align: center;
	right: 50px;
	bottom: 40px;
	display: block;
	z-index: 2000;
}

.slideComment .sc01 {
	font-size: 1.6em;
	color: #002c4a;
	font-weight: bold;
	letter-spacing: 5px;
	width: 100%;
	height: auto;
	position: relative;
}

.slideComment .sc01:after {
	content: " ";
	width: 100px;
	margin: 10px auto 20px;
	height: 2px;
	background: #74dfc7;
	display: block;
}

.slideComment .sc02 {
	
	font-size: 1.2em;	
	letter-spacing: 5px;
	margin-bottom: 20px;
}

.slideComment .sc03 {
	
	font-size: 1.0em;	
	letter-spacing: 5px;
	color: #00bd99;
}

.slide .slick-list {
	overflow: visible !important;
}

.slide .slick-slide img {
	opacity: 0.5;
	transition: 0.5s;
}
.slide .slick-now img {
	opacity: 1;
}

/*------------------------------------------------------
 紹介
------------------------------------------------------*/

#index #introductionArea  .inner {
	padding-top: 100px!important;
}

/*------------------------------------------------------
 大垣を知る
------------------------------------------------------*/

#indexKnow {
	background-image: 
		url("../images/common/line_wave_bottom_white.png"),
		url("../images/common/bg_white.png");
	background-position: 
		top center,
		bottom center;
	background-repeat: 
		repeat-x,
		repeat-x;
	background-size: 
		98px auto,
		1px 530px;
}

#indexKnow .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 170px 0 70px;
	position: relative;
}

#indexKnow h2 {
	font-size: 2.4em;
	margin-bottom: 30px;
}

#indexKnow h2:before {
	content: "ABOUT OGAKI";
}

#indexKnow p {
	font-size: 1.4em;
	letter-spacing: 3px;
	line-height: 2;
	margin-bottom: 40px;
}

/*シンボル
------------------------------*/

#indexKnow .symbol {
	float: left;
	text-align: center;
}

#indexKnow .symbol img {
	margin-bottom: 15px;
}

#indexKnow .symbol span {
	display: block;
}

/*地図
------------------------------*/

#indexKnow .map {
	position: absolute;
	top: 0;
	right: 0;
	width: 655px;
}

#indexKnow .map .map01 {
	position: absolute;
	top: -50px;
	left: -50px;	
}

#indexKnow .map .map02 {
	position: absolute;
	top: -225px;
	right: -85px;	
}

/*動画
------------------------------*/

#indexKnow .movie {
	position: absolute;
	right:0;
	bottom: 70px;
	width: 490px;
}

#indexKnow .img01 {
	position: absolute;
	top: -65px;
	left: 0;
}

#indexKnow .img02 {
	position: absolute;
	top: 105px;
	left: -161px;
}

#indexKnow .img02:after {
	content: " ";
	background: url("../images/common/deco_wave_green.png");
	background-size: 144px 83px;
	width: 144px;
	height: 83px;
	display: block;
	position: absolute;
	bottom: -66px;
	left: -55px;
	z-index: 2;
}

#indexKnow .img03 {
	margin-bottom: 15px;
}

/*------------------------------------------------------
 大垣移住を考える
------------------------------------------------------*/

#indexContents {
	background-image: 
		url("../images/common/bg_white.png");
	background-position: 
		bottom center;
	background-repeat: 
		repeat-x;
	background-size: 
		1px 630px;
}

#indexContents .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 55px 0;
}

#indexContents h2 {
	font-size: 2.4em;
	margin-bottom: 60px;
	text-align: center;
}

#indexContents h2:before {
	content: "OGAKI LIFE INFORMATION";
}

/* 2列コンテンツ
------------------------------*/

#indexContents .box {
	width: 490px;
	float: left;
	margin-bottom: 70px;
}

#indexContents .box:nth-child(even) {
	float: right;
}

#indexContents .box h3 {
	background: url("../images/common/heading_01.png") left center no-repeat;
	background-size: 40px 12px;
	font-size: 1.6em;
	padding-left: 60px;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 3px;
	line-height: 1;
}

#indexContents .box .img {
	background: #fff;
}

#indexContents .box .txt {
	display: table;
	width: 100%;
	background: #fff;
}

#indexContents .box .txt p {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 20px;
	font-size: 1.4em;
	letter-spacing: 3px;
}

#indexContents .box .txt p:nth-child(2) {
	text-align: right;
}

#indexContents .box .txt p a {
	font-weight: bold;
	display: block;
	background: url("../images/common/ico_arrow_green.png") right center no-repeat;
	background-size: 10px 10px;
	padding-right: 15px;
}

/* 3列コンテンツ
------------------------------*/

#indexContents .list {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#indexContents .list li {
	text-align: center;
	width: 320px;
	margin-right: 20px;
	margin-bottom: 60px;
}

#indexContents .list li:nth-child(3n) {
	margin-right: 0;
}

#indexContents .list li h3 {
	display: table;
	width: 80px;
	height: 80px;
	margin: 0 auto -40px;
	background: #faed00;
	border-radius: 100px;
	position: relative;
	z-index: 2;
}


#indexContents .list li:nth-child(even) h3 {
	background: #74dec7;
}

#indexContents .list li h3 span {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 3px;
	padding-left: 3px;
}

#indexContents .list li .img {
	background: #fff;
	margin-bottom: 15px;
}

#indexContents .list li .txt {
	font-size: 1.1em;
}

/*------------------------------------------------------
 ゲームで大垣を知る！「大垣クエスト」
------------------------------------------------------*/

#indexOgakiquest {
	background: #ffffdd; 
	padding: 55px 0 120px;
}

#indexOgakiquest h2 {
	font-size: 2.4em;
	margin-bottom: 60px;
	text-align: center;
}

#indexOgakiquest h2:before {
	content: "OGAKI QUEST";
}

#indexOgakiquest p {
	text-align: center;
	width: 940px;
	background: #fff;
	display: block;
	margin: 0 auto;
}

/*------------------------------------------------------
 最新情報
------------------------------------------------------*/

#indexNews {
	/*
	background: url("../images/common/bg_green.png"); 
	background-size: 8px 8px;
	*/
}
	
#indexNews .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 55px 0 55px;
	position: relative;
}

#indexNews h2 {
	font-size: 2.4em;
	margin-bottom: 40px;
	text-align: center;
}

#indexNews h2:before {
	content: "NEWS&EVENT";
}

#indexNews ul {
	margin-bottom: 20px;
}

#indexNews li {
	border-bottom: 1px solid #002c49;
	font-size: 1.4em;
	letter-spacing: 3px;
}

#indexNews li a {
	padding: 30px 0 15px;
	display: block;
}

#indexNews li a span {
	color: #0000ff;
}

#indexNews li a:hover span {
	text-decoration: underline;
}

#indexNews li span.ico_mono_ext:before  {
	content: "";
	display: inline-block;
	background: url(../images/common/ico_mono_ext.png);
	width: 14px;
	height: 14px;
	background-size: 14px auto;
	margin-bottom: -2px;
	margin-right: 10px;
}

#indexNews li span.ico_mono_pdf:before  {
	content: "";
	display: inline-block;
	background: url(../images/common/ico_mono_pdf.png);
	width: 14px;
	height: 14px;
	background-size: 14px auto;
	margin-bottom: -2px;
	margin-right: 10px;
}

#indexNews li .accordion_head {
	cursor: pointer;
}

#indexNews li .accordion_head span:before {
	content: "";
	display: inline-block;
	background: url(../images/common/ico_mono_plus.png);
	width: 14px;
	height: 14px;
	background-size: 14px auto;
	margin-bottom: -2px;
	margin-right: 10px;
}

#indexNews li .accordion_head.selected span:before {
	content: "";
	display: inline-block;
	background: url(../images/common/ico_mono_minus.png);
	width: 14px;
	height: 14px;
	background-size: 14px auto;
	margin-bottom: -2px;
	margin-right: 10px;
}

#indexNews li .accordion_body {
	padding-left: 204px;
	margin-top: 15px;
}

#indexNews li .accordion_head span:hover {
	opacity: 0.7;
}

#indexNews li .titleOnly {
	padding: 30px 0 15px;
	display: block;
}

#indexNews li time {
	width: 180px;
	display: inline-block;
}

#indexNews .more {
	text-align: right;
	font-size: 1.4em;
	letter-spacing: 3px;
}

#indexNews .more a {
	font-weight: bold;
	display: block;
	background: url("../images/common/ico_arrow_green.png") right center no-repeat;
	background-size: 10px 10px;
	padding-right: 15px;
}

#indexNews .img01 {
	position: absolute;
	top: 65px;
	right: -45px;
}

#indexNews .img02 {
	position: absolute;
	bottom: -25px;
	left: -70px;
}

.wp-pagenavi {
	margin: 30px 0 60px;
	font-size: 1.4em;
	text-align: center
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi .page {
	border: 1px solid #122c4a;;
}

.current {
	background: #122c4a;
	color: #fff;
}

.nextpostslink,
.previouspostslink {
	border: none!important;
}

/*======================================================

 02.定住促進事業

======================================================*/

#teijuNav .box {
	background: #fff;
	width: 480px;
	border-radius: 100px 10px 10px 100px;
	border: 5px solid #fff;
	display: table;
	margin: 0 20px 20px 0;
}

#teijuNav .box:nth-child(even) {
	margin-right: 0;
}

#teijuNav .box .price {
	display: table-cell;
	width: 130px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	background: #faed00;
	border-radius: 100px;
}

#teijuNav .box .txt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
}

#teijuNav .box .txt p:first-child {
	color: #00bd99;
	font-size: 1.4em;
	margin-bottom: 10px;
}

#teijuNav .box .txt p:last-child {
	font-size: 1.6em;
}

/*------------------------------------------------------
 紹介エリア
------------------------------------------------------*/

.teijuBox h3 {
	background: #faed00;
	padding: 3px 2px;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 20px;
}

.teijuBox h4 {
	font-size: 1.6em;
	margin-left: -5px!important;
}

.teijuBox section {
	margin-bottom: 40px;
}

.teijuBox .catch {
	margin-bottom: 40px;
}

.teijuBox p {
	line-height: 2;
	font-size: 1.6em;
	margin-bottom: 20px;
}

.teijuBox ol {
	margin: 0 0 30px 20px;
	line-height: 2;
	font-size: 1.6em;
}

.teijuBox ul {
	line-height: 2;
	font-size: 1.6em;
	margin: 0 0 30px 15px;
	list-style: disc;
}

.teijuBox li ul {
	font-size: 1em;
	margin: 0 0 0 15px;
	list-style: disc;
}

.teijuBox li {
	padding-left: 40px;
}

.teijuBox li ol {
	font-size: 1em;
	margin: 0;
	list-style: none;
}

.teijuBox ul li {
	padding-left: 0;
}

.teijuBox li ul li {
	padding-left: 0;
}

.teijuBox li ol li {
	counter-increment: cnt;
	padding-left: 0;
	margin-left: 25px;
}

.teijuBox li ol li::before {
	content: "(" counter(cnt) ") ";
	margin-left: -25px;
}

#gakuseishien ol {
	padding-left: 0px;	
	counter-increment: cnt1;
	list-style: none;
}

#gakuseishien ol li {
	padding-left: 0;
}

#gakuseishien ol li::before {
	content: "(" counter(cnt1) ") ";
	margin-left: -25px;
}

#gakuseishien ol li strong {
	font-weight: bold!important;
	display: block;
	margin-left: -20px;
}

#gakuseishien li ol li {
	padding-left: 0;
}

.lst {
	margin-bottom: 30px;
}

#gakuseishien li ol li::before {
	display: none;
}

.teijuBox table {
	line-height: 2;
	font-size: 1.6em;
}

.teijuBox table th {
	padding-right: 15px;
}

.tokyoBox {
	border: 4px solid #b5ffe8;
	border-radius: 10px;
	padding: 4px;
}

.teijuBox .flow {
	border: 4px solid #b5ffe8;
	border-radius: 10px;
	display: table;
	padding: 4px;
	width: calc(100% - 16px);
	background: #fff;
}

.teijuBox .flow h4 {
	background: #b5ffe8;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	width: 100px;
	height: 70px;
	border-radius: 10px;
	font-size: 2em;
	margin: 0;
	font-weight: bold;
}

.teijuBox .flow .katsudo {
	display: table-cell;
	vertical-align: top;
	width: 100px;
}

.teijuBox .flow .katsudo h4 {
	background: #fff;
	height: auto;
	background: #b5ffe8;
	width: 100px;
	height: 70px;
}

.teijuBox .flow div {
	display: table-cell;
	padding: 10px 15px;
	vertical-align: middle;
	width: auto;
	height: auto;
}

.arrow {
	display: table;
	min-height: 55px;
	background: url("../images/common/ico_arrows_green.png") left 45px center no-repeat;
	background-size: 25px 55px;
	margin: 5px 0;
}

.arrow p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding-left: 100px;
}

.gBox {
	border: 4px solid #b5ffe8;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0 30px;
	background: #fff;
}

.gBox p:first-child {
	font-size: 1em;
	font-weight: bold;
}

.gBox p:last-child {
	font-size: 1em;
	margin: 0;
}

.yokoList {
	margin: 0 0 0 20px!important;
}

.yokoList li {
	float: left;
	margin: 0 100px 0 0;
}

.yokoList2 {
	margin: 0 0 10px 20px!important;
}

.yokoList2 li {
	float: left;
	margin: 0 100px 0 0;
}

/*======================================================

 03.住まう

======================================================*/

/*------------------------------------------------------
 ナビゲーション
------------------------------------------------------*/

#sumauNav .inner {
	padding-bottom: 40px;
}

#sumauNav p {
	display: table;
	width: 315px;
	margin: 0 20px 20px 0;
	height: 100px;
	background: #ffffff;
}

#sumauNav p:nth-child(3n) {
	margin-right: 0;
}

#sumauNav .navY {
	border-left: 5px solid #faed00;
}

#sumauNav .navG {
	border-left: 5px solid #00bd99;
}

#sumauNav .navB {
	border-left: 5px solid #002c4a;
}

#sumauNav a {
	display: table-cell;
	padding: 0 0 0 30px;
	vertical-align: middle;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 5px;
}

/*------------------------------------------------------
 コンテンツ
------------------------------------------------------*/

.sbL {
	float: left;
	width: 550px;
}

.sbR {
	float: right;
	width: 385px;
}

.sumauBox h2 {
    background: #faed00;
    padding: 3px 2px;
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 30px;
	display: inline-block;
	padding-right: 50px;
}

.sumauBox h3 {
	font-size: 1.4em;
	margin-bottom: 20px;
}

.sumauBox p {
	font-size: 1.4em;
	line-height: 2;
	margin-bottom: 20px;
}

.sumauBox ol li {
	counter-increment: cnt;
	padding-left: 0;
	list-style: none;
	font-size: 1.4em;
	line-height: 2;
}

.sumauBox ol li::before {
	content: "(" counter(cnt) ") ";
}

.sumauBox li ol {
	margin-bottom: 20px;
	margin-left: 20px;
}

.sumauBox li ol li {
	list-style: decimal!important;
	counter-increment: cnt;
	padding-left: 0;
	list-style: none;
	font-size: 1em;
	line-height: 2;
}

.sumauBox li ol li::before {
	display: none;
}

.sumauBox .floats {
	font-size: 1.4em;
	margin-left: 20px;
	line-height: 2;
}

.sumauBox .floats li {
	float: left;
	list-style: disc;
	margin-right: 100px;
	min-width: 250px;
}

.sumauBox .floats li:last-child {
	list-style: none;
}

.sumauBox .charactor01 {
	position: absolute;
	right: 0;
	bottom: -50px;
}

.sumauBox .charactor02 {
	position: absolute;
	right: 0;
	bottom: -50px;
}

.chukaiAri {
	margin-bottom: 100px;
}

/*------------------------------------------------------
 下層
------------------------------------------------------*/

#emptyhouse .sumauBox {
	padding: 80px 0;
	background: #ffffdd;
}

#emptyhouse .sumauBox:nth-of-type(even) {
	background: #fff;
}

#emptyhouse .sumauBox .flowTable {
	border-top: 1px solid #115fa6;
	border-left: 1px solid #115fa6;
	margin-bottom: 20px;
}

#emptyhouse .sumauBox .flowTable th {
	border-right: 1px solid #115fa6;
	border-bottom: 1px solid #115fa6;
	width: 50%;
	text-align: center;
	padding: 10px;
	font-size:1.4em;
	font-weight: bold;
	background: #faed00;
}

#emptyhouse .sumauBox .flowTable th:nth-of-type(2) {
	background: #b5ffe8;
}

#emptyhouse .sumauBox .flowTable th span {
	font-weight: normal;
}

#emptyhouse .sumauBox .flowTable td {
	border-right: 1px solid #115fa6;
	border-bottom: 1px solid #115fa6;
	padding: 10px;
	background: #fff;
}

#emptyhouse .sumauBox .flowComment {
	font-weight: bold;
}

#emptyhouse .sumauBox ol {
	margin: 0 0 30px 20px;
	line-height: 2;
}

#emptyhouse .sumauBox ol li {
	list-style-type: decimal！;
	padding-left: 20px;
}

#emptyhouse .sumauBox ol li:before {
	display: none;
}

/*======================================================

 04.里山暮らし

======================================================*/

/*------------------------------------------------------
 紹介エリア
------------------------------------------------------*/

.satoyamaBox .heading {
	margin-bottom: 40px;
}

.satoyamaBox .txt {
	font-size: 1.4em;
}

.satoyamaBox#know .knowBox {
	position: absolute;
	top: 0;
	left: 0;
}

.satoyamaBox#know .txt {
	width: 380px;
}

.satoyamaBox#know .map {
	text-align: right;
	padding-top: 50px;
	margin-bottom: 30px;
}

.subAreaBox {
	width: 1000px;
	margin: 0 auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.subAreaBoxInner {
	width: 425px;
	padding: 30px;
	border: 5px solid #faed00;
	margin-right: 10px;
	border-radius: 10px;
	background: #ffffdd;
	display: table;
}
.subAreaBoxInner:nth-child(even) {
	margin-right: 0;
}

.subAreaBoxInner .l {
	display: table-cell;
	padding-right: 30px;
	vertical-align: top;
}

.subAreaBoxInner .l h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}

.subAreaBoxInner .l p {
	font-size: 1.4em;
	line-height: 1.8;
}

.subAreaBoxInner .r {
	width: 175px;
	display: table-cell;
	vertical-align: top;
	line-height: 1;
}

.supporterL {
	float: left;
	width: 250px;
	text-align: center;
	line-height: 1;
}

.supporterL p:nth-child(1) {
	margin-bottom: 20px;
}

.supporterL p:nth-child(2) {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: bold;
}

.supporterL p:nth-child(3) {
	font-size: 1.4em;
}

.supporterR {
	float: right;
	width: 670px;
	line-height: 1.8;
}

.supporterR .txt {
	line-height: 2;
	margin-bottom: 30px;
}

.linkBtn a {
	width: 430px;
	padding: 20px;
	border: 5px solid #faed00;
	margin-right: 10px;
	border-radius: 10px;
	background: #fff url("../images/common/ico_arrow_green_circle.png") right 20px center no-repeat;
	background-size: 16px 16px;
	display: table;	
	line-height: 1;
	float: right;
	font-weight: bold;
	font-size: 1.6em;
	letter-spacing: 2px;
	color: #002c4a;
}

.linkBtn a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";	
	text-decoration: none;
}

.voiceL {
	width: 380px;
	float: left;
}


.voiceL .txt {
	line-height: 2;
}

.voiceR {
	width: 550px;
	float: right;
}

.voiceShop {
	background: #ffffdd url("../images/common/bg_white.png") top center repeat-x;
	background-size: auto 60px;
	padding: 30px 40px;
	position: relative;
	margin-bottom: 40px;
}

.voiceShop .vsL {
	float: left;
	width: 200px;
}

.voiceShop .vsR {
	float: right;
	width: 546px;
	padding-right: 154px;
}

.voiceShop .vsR h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
}

.voiceShop .vsR p {
	font-size: 1.4em;
}

.voiceShop .vsImg {
	position: absolute;
	top: 60px;
	right: 20px;
}

#voice .linkBtn {
	margin-right: 0;
}

.spotL {
	width: 450px;
	float: left;
}

.spotL p:first-child {
	margin-bottom: 10px;
}

.spotL .l {
	float: left;
	width: 220px;
}

.spotL .r {
	float: right;
	width: 220px;
}

.spotR {
	float: right;
	width: 480px;
}

.spotR .txt {
	margin-bottom: 50px;
}

.spotR .linkBtn {
	margin-bottom: 10px;
}

.spotLinkBox {
	background: #ffffdd;
	padding: 10px;
	margin-bottom: 10px;
}

.spotLinkBox h3 {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.satoyamaBox#spot .linkBtn a {
	margin-bottom: 10px!important;
	
}

.spotLinkBox .linkBtn a {
	width: 190px;
	padding: 10px;
	margin-right: 10px;
	background: #fff url("../images/common/ico_arrow_green_circle.png") right 10px center no-repeat;
	background-size: 16px 16px;
	font-size: 1.4em;
}

.spotLinkBox .linkBtn.l {
	float: left;
}

.spotLinkBox .linkBtn.r {
	float: right;
}

.spotR .linkBtn.c a{
	margin-right: 0;
} 

.accessL {
	float: left;
}

.accessL img {
	margin-bottom: 20px;
}

.accessR {
	float: right;
}

.accessB {
	margin-top: -20px;
}

.accessB h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

.accessB p {
	margin-bottom: 40px;
}

/*======================================================

 05.動画で知る

======================================================*/

.movieInfo {
	width: 500px;
	float: left;
}

.movieTitle {
	display: table;
	width: 100%;
}

.movieTitle div {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
}

.movieTitle div p {
	display: table;
	width: 80px;
	height: 80px;
	background: #faed00;
	border-radius: 100px;
	font-size: 1.6em;
	font-weight: bold;
}

.movieTitle div p span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.movieTitle h2 {
	display: table-cell;
	vertical-align: middle;
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	padding-left: 20px;
}

.movieTxt {
	font-size: 1.4em;
	padding-left: 100px;
	padding-top: 10px;
	line-height: 2;
}

.movieValue {
	width: 460px;
	float: right;
}

.movieName {
	font-size: 1.2em;
	margin: 5px 0 15px;
}

/*======================================================

 06.暮らす

======================================================*/

.kurasuBox:nth-child(4) {


}

.kurasuBox h2 {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	margin-bottom: 30px;
	letter-spacing: 3px;
}

.kurasuBox h2:before {
	display: block;
	color: #74dfc7;
	letter-spacing: 3px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 0.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.kurasuBox .txt {
	font-size: 1.4em;
	line-height: 2;
	margin-bottom: 40px;
}

.kurasuBox h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

.kurasuBox {
	padding: 120px 0;
}

.kurasuBox .txtBox {
	width: 400px;
	float: right;
}

.kurasuBox .imgBox {
	float: left;
	width: 550px;
}

.kurasuBox:nth-child(even) .txtBox {
	float: left;
}

.kurasuBox:nth-child(even) .imgBox {
	float: right;
}

.kurasuBox .imgSub {
	padding: 20px 0 0;
}

.kurasuBox .imgSub img {
	width: 265px;
	height: auto;
}

.kurasuBox .imgSub .r {
	float: left;
}

.kurasuBox .imgSub .l {
	float: right;
}

/* life
------------------------------*/

.kurasuBox#life h2:before {
	content: "CLEAR WATER";
}

.kurasuBox#life .imgBox .fixImg {
	position: relative;
	margin-top: 20px;
	width: 550px;
}

.kurasuBox .imgBox .fixImg img {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

/* access
------------------------------*/

.kurasuBox#access h2:before {
	content: "TRAFFIC";
}

.kurasuBox#access .accessLoad {
	width: 550px;
	height: 120px;
	position: relative;
	display: block;
	margin-bottom: 45px;
}

.kurasuBox#access .accessLoad img {
	position: absolute;
	top: 0;
	left: 0;
}

.kurasuBox#access .txtBox {
	padding-top: 165px;
}

.kurasuBox#access .imgBox .smlImg {
	margin-bottom: -120px;
	margin-top: 20px;
}

/* medical
------------------------------*/

.kurasuBox#medical h2:before {
	content: "MEDICAL";
}

/* event
------------------------------*/

.kurasuBox#event h2:before {
	content: "FESTIVALS AND EVENTS";
}

.kurasuBox#event table {
	margin-bottom: 30px;
	line-height: 2;
	font-size: 1.4em;
}

.kurasuBox#event table th {
	padding-right: 20px;
	width: 30px;
}

.kurasuBox#event table td div {
	background: #fff;
	padding: 5px 10px;
	margin: 5px 0;
}

/* shisetsu
------------------------------*/

.kurasuBox#shisetsu h2:before {
	content: "SHOPPING";
}

/* wagashi
------------------------------*/

.kurasuBox#wagashi h2:before {
	content: "JAPANESE SWEETS";
}

.kurasuBox#wagashi .txtBox {
	float: left!important;
}

.kurasuBox#wagashi .imgBox {
	float: right!important;
}

.wagashiImgList {
	padding-bottom: 40px;
}

.wagashiImgList li {
	float: left;
	width: 320px;
	margin-right: 20px;
}
.wagashiImgList li:nth-child(3) {
	margin-right: 0;
}

/* shizen
------------------------------*/

.kurasuBox#shizen h2:before {
	content: "NATURE";
}

.kurasuBox#shizen {
	padding-top: 0!important;
}

.kurasuBox#shizen .shizenBox {
	position: relative;
}

.kurasuBox#shizen .txtBox {
	float: none!important;
	width: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.kurasuBox#shizen .imgBox {
	float: left!important;
	width: 650px;
	position: relative;
}

.kurasuBox#shizen .imgBox .fixImg {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 160px;
}

.kurasuBox#shizen .imgBox .mapImg {
	position: absolute;
	right: -300px;
	top: -110px;
}

/* holiday
------------------------------*/

.kurasuBox#holiday h2:before {
	content: "ADMINISTRATIVE SERVICES";
}

.kurasuBox#holiday {
	background: none;
}

.kurasuBox#holiday .txtBox {
	float: left!important;
}

.kurasuBox#holiday .imgBox {
	float: right!important;
}

/*======================================================

 07.暮らす子育て

======================================================*/

.kosodateBox:nth-of-type(4n) {
		background: url("../images/common/bg_green.png"); background-size: 8px 8px;
}

.kosodateBox h2 {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	margin-bottom: 30px;
	letter-spacing: 3px;
}

.kosodateBox h2:before {
	display: block;
	color: #74dfc7;
	letter-spacing: 3px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 0.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.kosodateBox .txtBox {
	width: 400px;
	float: left;
}

.kosodateBox .imgBox {
	width: 550px;
	float: right;
}

.kosodateBox .txt {
	font-size: 1.4em;
	line-height: 2;
	margin-bottom: 40px;
}

.kosodateBox:nth-of-type(even) .txtBox {
	float: right;
}

.kosodateBox:nth-of-type(even) .imgBox {
	float: left;
}

.kosodateBox h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

/* nav
------------------------------*/

#kosodateNav .ls {
	letter-spacing: 1px;
}

/* support
------------------------------*/

.kosodateBox#support h2:before {
	content: "SUPPORTS PREGNANCY AND CHILDBIRTH";
}

.kosodateBox#support .fix {
	position: absolute;
	left: 0;
	bottom: 0;
}

.kosodateBox#support .character {
	position: absolute;
	bottom: 20px;
	left: 300px;
}

/* t18
------------------------------*/

.kosodateBox#t18 h2:before {
	content: "CHILDREN'S MEDICAL SYSTEM";
}

.kosodateBox#t18 .character {
	text-align: right;
	padding-top: 60px;
	margin-bottom: -60px;
}

/* salon
------------------------------*/

.kosodateBox#salon h2:before {
	content: "PARENTING SALON AND INFORMATION";
}

.kosodateBox#salon .character {
	text-align: right;
	padding-top: 40px;
}

/* cheer
------------------------------*/

.kosodateBox#cheer h2:before {
	content: "SUPPORTING PREGNANCY";
}

.kosodateBox#cheer .imgBox {
	margin-top: -80px;
	padding-bottom: 40px;
}

.kosodateBox#cheer .txtBox {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* park
------------------------------*/

.kosodateBox#park h2:before {
	content: "PLAY PARK";
}


.kosodateBox#park .parkSubBox {
	width: 760px;
	margin-left: 180px;
	background: #ffffdd url("../images/common/bg_white.png") top center repeat-x;
	background-size: 1px 35px;
	padding: 0 30px 30px;
	margin-top: 20px;
}

.kosodateBox#park .parkSubBox p {
	float: left;
	width: 200px;
}

.kosodateBox#park .parkSubBox div {
	margin-left: 250px;
	padding-top: 65px;
}

.kosodateBox#park .parkSubBox li {
	float: left;
	width: 33%;
	font-size: 1.4em;
}

/* park
------------------------------*/

.kosodateBox#deposit h2:before {
	content: "CHILDCARE";
}

.kosodateBox#deposit .subImg .l {
	float: left;
	padding-top: 20px;
}

.kosodateBox#deposit .subImg .r {
	float: right;
	padding-top: 20px;
}

/* park
------------------------------*/

.kosodateBox#school h2:before {
	content: "VARIOUS CLASSES AT PRIMARY SCHOOL";
}

/* highschool
------------------------------*/

.kosodateBox#highschool {
	padding: 0 0 80px;
}

.kosodateBox#highschool h2:before {
	content: "MANY SCHOOLS";
}

.kosodateBox#highschool .imgList {
	margin-bottom: 40px;
}

.kosodateBox#highschool .imgList li {
	margin-right: 20px;
	width: 320px;
	float: left;
}

.kosodateBox#highschool .imgList li:nth-child(3) {
	margin-right: 0;
}

.kosodateBox#highschool .txtBox {
	float: left!important;
}

.kosodateBox#highschool .imgBox {
	float: right!important;
}

.kosodateBox#highschool .imgBox table {
	background: #fff;
	padding: 30px;
	width: 100%;
	line-height: 2;
}

/*======================================================

 08.大垣クエスト

======================================================*/

#ogakiQuest #introductionArea {
	overflow: hidden;
}

#ogakiQuest #introductionArea .inner {
	background: #ffffdd; 
	display: inline-block;
	width: 200%;
	margin-left: -50%;
 	border-radius: 50% / 100% 100% 0 0;
	padding: 120px 0 80px;
	text-align: center;
	margin-top: 20px;
}

#ogakiQuest #introductionArea h2 {
	font-size: 2.4em;
	margin-bottom: 30px;
}

#ogakiQuest #mainArea {
	width: 1200px;
	margin: 0 auto 0;
	position: relative;
	z-index: 2;
}

#ogakiQuest #mainArea .img,
#ogakiQuest #mainArea .img:after,
#ogakiQuest #mainArea .txt {
	display: none!important;
}

#ogakiQuest #questImage {
	background: #ffffdd; 	
	text-align: center;
	padding-bottom: 60px;
}

#ogakiQuest .quest {
	width: 1000px;
	height: 2875px;
	margin: 0 auto;
	background: url(../images/ogaki-quest/quest.png) top center no-repeat;
	background-size: 100% auto;
	position: relative;
}

#ogakiQuest .quest .ac {
	position: absolute;
	top: 1610px;
	left: 80px;
}

#ogakiQuest .quest .st {
	position: absolute;
	top: 2190px;
	left: 305px;
}

#ogakiQuest .quest img {
	width: 100%;
	height: auto;
}

#ogakiQuest #questLink {
	background: #fff;
}

#ogakiQuest #questLink h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

#ogakiQuest #questLink .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0;
}

/*======================================================

 09.大垣で働く

======================================================*/

.jobBox:nth-of-type(4n) {
		background: url("../images/common/bg_green.png"); background-size: 8px 8px;
}

.jobBox h2 {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	margin-bottom: 30px;
	letter-spacing: 3px;
}

.jobBox h2:before {
	display: block;
	color: #74dfc7;
	letter-spacing: 3px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 0.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.jobBox .txtBox {
	float: left;
	width: 350px;
}

.jobBox .imgBox {
	float: right;
	width: 600px;
}

.jobBox .imgBox img {
	width: 100%;
	height: auto;
}

.jobBox .txt {
	font-size: 1.4em;
	line-height: 2;
	margin-bottom: 40px;
}

.jobBox h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

.jobBox#softpia h2:before {
	content: "SOFTPIA JAPAN CENTER";	
}

/*======================================================

 10.大垣を知る

======================================================*/

.infoBox h2 {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	margin-bottom: 30px;
	letter-spacing: 3px;
}

.infoBox h2:before {
	display: block;
	color: #74dfc7;
	letter-spacing: 3px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 0.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.infoBox .txtBox {
	float: left;
}

.infoBox .imgBox {
	float: right;
}

.infoBox:nth-of-type(even) .txtBox {
	float: right;
}

.infoBox:nth-of-type(even) .imgBox {
	float: left;
}

.infoBox .txt {
	font-size: 1.4em;
	line-height: 2;
	margin-bottom: 40px;
}

.infoBox h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

/* access
------------------------------*/

.infoBox#access h2:before {
	content: "ACCESS";
}

.infoBox#access .txtBox {
	width: 360px;
}

.infoBox#access .imgBox {
	width: 590px;
}


/* excelave
------------------------------*/

.infoBox#excelave h2:before {
	content: "HISTORY & NATURE";
}

.infoBox#excelave {
	padding: 0;
}

.infoBox#excelave .aboutBox {
	position: relative;
}

.infoBox#excelave .fix {
	right: 0;
	bottom: -50px;
	width: 254px;
	height: 166px;
	position: absolute;
}

.infoBox#excelave .txtBox {
	width: 570px;
	padding: 90px 0 0;
}

.infoBox#excelave .imgBox {
	width: 380px;
}

.infoBox#excelave .excelaveMap {
	position: relative;
	height: 330px;
	width: 100%;
	color: #00bd99;
	font-size: 1.4em;
	line-height: 2;
}

.infoBox#excelave .excelaveMap .map {
	position: absolute;
	top: -70px;
	left: 270px;
}


.infoBox#excelave .excelaveMap .txt01 {
	position: absolute;
	top: 50px;
	left: 0;
	width: 250px;
	display: block;
}

.infoBox#excelave .excelaveMap .txt02 {
	position: absolute;
	top: 130px;
	right: 0;
	width: 300px;
	display: block;
}

/* water
------------------------------*/

.infoBox#water h2:before {
	content: "CLEAN WATER TOWN";
}

.infoBox#water .txtBox {
	width: 360px;
}

.infoBox#water .txtBox .img {
	margin-top: 60px;
	text-align: right;
}

.infoBox#water .imgBox {
	width: 590px;
}

.infoBox#water .imgBox h3 {
	margin-top: 60px;
}

/* spot
------------------------------*/

.infoBox#spot h2:before {
	content: "HISTORY & NATURE";
}

.infoBox#spot .txtBox {
	width: 360px;
}

.infoBox#spot .txtBox .img {
}

.infoBox#spot .imgBox {
	width: 590px;
}

/*======================================================

 11.インタビュー

======================================================*/

.interviewBox {
	background: #fff!important;
}

.interviewBox h2 {
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	margin-bottom: 30px;
	letter-spacing: 3px;
}

.interviewBox h2:before {
	display: block;
	color: #74dfc7;
	letter-spacing: 3px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 0.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.interviewBox .txtBox {
	float: left;
}

.interviewBox .imgBox {
	float: right;
}


/* case
------------------------------*/

.caseMain {
	margin-bottom: 100px;
}

.caseMain .caseImg {
	width: 480px;
	float: left;
}

.caseMain .caseTxt {
	float: right;
	width: 460px;
}

.caseHeading {
	display: table;
	width: 100%;
	height: 46px;
	background: url("../images/interview/case01_deco.png") right center no-repeat;
	background-size: 123px 46px;
	margin-bottom: 70px!important;
}

.caseHeading span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}

.caseCatchCopy {
	vertical-align: middle;
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
	font-size: 2.2em;
	margin-bottom: 70px;
	line-height: 2;
}

.caseProf {
	font-style: italic;
	line-height: 1;
	margin-bottom: 25px;
	font-weight:  bold;
}

.caseName {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.caseName span {
	font-size: 0.8em;
}

.caseInfo {
	font-size: 1.2em;
	line-height: 2;
}

.shopInfo {
	width: 100%;
	position: relative;
}

/* 01
------------------------------*/

.caseSub {
	margin-bottom: 80px;
}

.caseSub .caseImg {
	width: 420px;
	float: left;
}

.caseSub .caseTxt {
	float: right;
	width: 520px;
}

.caseSub:nth-child(even) .caseImg {

	float: right;
}

.caseSub:nth-child(even) .caseTxt {
	float: left;
}

.caseSub h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 30px;	
}

.caseSub p {
	font-size: 1.4em;
	line-height: 2;
}

.caseSub .caseImg img {
	margin-bottom: 5px;
}

.shopInfo .inBox1 {
	width: 200%;
	background: #ffffdd url("../images/common/bg_white.png") repeat-x top center;
	background-size: 1px 60px;
}

.shopInfo .inBox2 {
	width: 940px;
	padding: 30px 30px 20px;
}

.shopInfo .shopImg {
	float: left;
	width: 200px;
}

.shopInfo .shopTxt {
	float: right;
	width: 710px;
	padding-top: 15px;
}

.shopInfo .shopTxt h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 15px;
}

.shopInfo .shopTxt p {
	font-size: 1.2em;
	line-height: 2;
}

/* 02
------------------------------*/

.case02 .caseMain .caseImg {
	float: right;
}

.case02 .caseMain .caseTxt {
	float: left;
}

.case02 .caseHeading {
	background: url("../images/interview/case02_deco.png") right center no-repeat;
	background-size: 123px 46px;
}

.case02 .caseSub .caseImg {
	float: right;
}

.case02 .caseSub .caseTxt {
	float: left;
}

.case02 .caseSub:nth-child(even) .caseImg {
	float: left;
}

.case02 .caseSub:nth-child(even) .caseTxt {
	float: right;
}

.case02 .cs02 .caseImg {
	padding-top: 100px;
}

.case02 .shopInfo .inBox1 {
	width: 200%;
	background: #ffffdd url("../images/common/bg_white.png") repeat-x top center;
	background-size: 1px 60px;
	margin-left: -100%;
}

.case02 .inBox2 {
	float: right;
}

/*======================================================

 12.水の都大垣ふぁんくらぶ

======================================================*/


/*------------------------------------------------------
 紹介エリア
------------------------------------------------------*/

#club {
	background: url("../images/club/bg_dot.png") center center;
	background-size: 8px 8px;
}

#club #mainArea {
	margin-bottom: -1010px;
}

#club #mainArea .img:after {
	display: none!important
}

#club #introductionArea .inner {
	background: url("../images/club/bg_pattern.png") center center;
	background-size: 130px 252px;
	display: inline-block;
	width: 300%;
	margin-left: -100%;
 	border-radius: 50% / 100% 100% 0 0;
	padding: 1100px 0 80px;
	text-align: center;
}

.clubAbout {
	width: 1198px;
	margin:  100px auto 0;
	border: 1px solid #ffc7d9;
	background: #fff;
	padding: 50px 0;
	position: relative;
	z-index: 3;
}

.clubAbout h2 {
	font-weight: bold;
	font-size: 2em!important;
	margin-bottom: 20px!important;
}

.clubAbout p {
	margin:  0 0 40px;
}

.clubAbout ul {
	width: 1020px;
	margin: 0 auto;
}

.clubAbout li {
	width: 184px;
	padding: 0 10px;
	float: left;
}


#clubYoko {
	background: #ccf8e3;
	width: 100%;
}

#clubYoko .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 0;
	position: relative;
}

#clubYoko .deco {
	content: " ";
	width: 690px;
	height: 154px;
	display: block;
	background: url("../images/club/club_deco.png");
	background-size: 690px;
	height: 154px;
	position: absolute;
	bottom: 0px;
	margin-bottom: -120px;
	left: -700px;
	z-index: 2!important;
}

#clubYoko .inner:after {
	content: " ";
	width: 690px;
	height: 154px;
	display: block;
	background: url("../images/club/club_deco.png");
	background-size: 690px;
	height: 154px;
	position: absolute;
	top: -100px;
	right: -700px;
	z-index: 2!important;
}

#clubYoko h2 {
	background: #fff;
	font-size: 2.2em;
	padding: 20px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 40px;
}

#clubYoko p {
	padding: 0 25px 40px;
	line-height: 2;
	font-size: 1.6em;
}

#clubYoko .links {
	margin: -20px 30px 40px;
}

/*======================================================

 13.水の都大垣ふぁんくらぶ キャンペーン

======================================================*/

.clubCampaign .inner {
	padding-bottom: 0!important;
}

.clubCampaignMessage {
	background: #00bd99;
	width: 100%;
	color: #fff;
	line-height: 1.5!important;
	padding: 40px 0;
}

.ccm01 {
	font-size: 1.8em;
}

.ccm02 {
	font-size: 2.2em;
}

#clubYoko.campaign .inner:after {
	top: 400px;
}

#clubYoko.campaign .deco {
	bottom: 75px!important;
}

.cy01 {
	text-align: center;
	font-size: 1.4em;
	margin: -40px 0 0!important;
	padding: 0!important;
}

.cy02 {
	text-align: center;
	font-size: 1.4em!important;
	padding: 0!important;
	margin-bottom: 40px!important;
}

.cy03 {
	width: 1000px;
	margin: 0 auto 60px!important;
	padding: 0!important
}

.cy03 img {
	width: 100%;
	height: auto;
}

.numOl {
	font-size: 1.6em;
	list-style: none;
	margin: 0 20px 40px;
}

.numOl li {
	counter-increment: cnt;
	padding-left: 0;
	margin-left: 25px;
}

.numOl li::before {
	content: "(" counter(cnt) ") ";
	margin-left: -25px;
}

.numOl li ul li {
	list-style: disc;
	counter-reset: cnt;
}

.numOl li ul li:before {
	display: none;
}

.link {
	line-height: 2;
	display: block;
	margin: 20px 0 20px -22px;
}

.link::before {
	content: " ";
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url("../images/common/ico_arrow_green_circle.png");
	background-size: 16px 16px;
	margin-bottom: -1px;
	margin-right: 5px;
}

.campaign a {
	color: #0000ff;
}

.campaign a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------
 フォーム
------------------------------------------------------*/

#clubFormMain {
	text-align: center;
	padding: 40px 0 90px;
	width: 1200px;
	margin: 0 auto;
}

#clubFormMain h2 {
	font-size: 2.2em;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 20px;
}

#clubFormMain p {
	font-size: 1.6em;
	letter-spacing: 2px;
}

#formArea {
	background: #fcf9e9;
	position: relative;
	min-width: 1200px;
	margin: 200px auto 0;
}

#formArea:before {
content: "";
display: inline-block;
width: 120%;
height: 300px;
border-radius: 100%;
background: #fcf9e9;
margin-top: -75px;
margin-left: -10%;
position: absolute;
}

#formArea .inner {
	width: 1000px;
	margin: -100px auto 0;
	position: relative;
	z-index: 2;
}

#formArea table {
	width: 100%;
}

#formArea table th {
	font-size: 18px;
	width: 250px;
	padding: 5px 0;
}

#formArea table th .caution {
	font-size: 12px;
	color: #c00;
	margin-left: 5px;
	vertical-align: middle;
}

#formArea table th:before {
	content: "＋";
	color: #73dfc7;
	font-weight: bold;
	margin-right: 5px;
	font-size: 20px;
	font-family: "Arial";
}	

#formArea table td {
	vertical-align: middle;
	font-size: 16px;
	padding: 5px 0;
}

#formArea table th input[type="checkbox"] {
	margin-top: 8px;
}

#formArea table td input[type="text"],
#formArea table td input[type="email"],
#formArea table td input[type="tel"],
#formArea table td textarea {
	border: 1px solid #73dfc7;
	padding: 9px;
	font-size: 16px;
}

.yubin {
	display: inline-block;
	margin-top: 7px;
}

#f_name,
#f_kana,
#f_mail,
#f_mail_con
{
	width: calc(100% - 20px);
	height: auto;
}

#zip,
#f_zip {
	width: 200px;
}

#f_tel {
	width: 300px;
}

#f_twitter {
	width: 300px;
}

#f_birth {
	width: 300px;
}

#addr ,
#f_addr {
	width: calc(100% - 20px);
	height: 100px;
	height: auto;
}

.submit {
	text-align: center;
	padding: 50px 0 100px;
}

.submit input {
	display: block;
	border-radius: 10px;
	width: 250px;
	text-align: center;
	margin: 0 auto;
	border: none;
	padding: 20px 0;
	font-weight: bold;
	background: #73dfc7;
	color: #002c4a;
	letter-spacing: 1px;
	font-size: 14px;
}

.form .c,
.form .t,
.check .f,
.check .t,
.thankyou .f,
.thankyou .c {
	display: none;
}

.checkMessage {
	text-align: center;
	font-size:16px;
	margin-bottom: 50px;
	color: #c00;
	position: relative;
	z-index: 3;
}

.send input {
	display: block;
	border-radius: 10px;
	width: 250px;
	text-align: center;
	margin: 50px auto 20px;
	border: none;
	padding: 20px 0;
	font-weight: bold;
	background: #73dfc7;
	color: #002c4a;
	letter-spacing: 1px;
	font-size: 14px;
}


.back input {
	display: block;
	border-radius: 10px;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	border: none;
	padding: 12px 0;
	font-weight: bold;
	background: #eee;
	color: #002c4a;
	letter-spacing: 1px;
	font-size: 14px;
}

.back  {
	padding-bottom: 100px;
}

.error {
	display: block;
	margin: 5px 0 10px;	
}

.thankyouBox {
	text-align: center;
	margin-top: 30px;
}

.thankyouBox h2 {
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: bold;
}

.thankyouBox p {
	font-size: 16px;
	padding: 100px 0;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}

.clubBtn {
	padding-bottom: 60px;
}

.clubBtn a {
	display: block;
	border-radius: 10px;
	width: 420px;
	text-align: center;
	margin: 0 auto;
	border: none;
	padding: 12px 0;
	font-weight: bold;
	background: #eee;
	color: #002c4a;
	letter-spacing: 1px;
	font-size: 14px;
}

/*======================================================

 14.スライダー

======================================================*/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}


.slick-dots
{
    position: absolute;
	z-index: 20000!important;
    bottom: -25px!important;
	left: 110px;
    display: block;

    width: calc(100% - 20px);
	height: 12px;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: left;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: '●';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #555;
}

.slick-prev {
	position: absolute;
	top: 50%;
	left: -75px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/index/ico_prev.png);
	background-size: 50px 50px;
	border: none;
	text-indent: -9999px;
	z-index: 5;
	margin-top: -25px;
	cursor: pointer;
}

.slick-next {
	position: absolute;
	top: 50%;
	right: -75px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/index/ico_next.png);
	background-size: 50px 50px;
	border: none;
	text-indent: -9999px;
	z-index: 5;
	margin-top: -25px;
	cursor: pointer;
}

.slick-prev:hover,
.slick-next:hover {
	opacity: 0.7;
}

/*======================================================

 15.大垣ナビ

======================================================*/

.ogakiNaviPage {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

#ogakiNavi{
	background: #ffffdd;
}

#ogakiNavi #header .headerRequest a {
	background: #b5ffe8;
}

#ogakiNaviMainArea {
	padding-top: 20px;
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

#ogakiNaviMainArea h1 {
	text-align: center;
	margin: 0 auto -60px;
	z-index: 2;
	position: relative;
	width: 900px;
}

#ogakiNaviMainArea h1 span {
	position: absolute;
	top: 75px;
	right: -120px;
	font-size: 1.4em;
	font-weight: bold;
}


#ogakiNaviMainArea .img img {
	width: 100%;
	height: auto;
	margin-bottom: -800px;
}

#ogakiNaviMainArea .txt {
	position: absolute;
	top: 150px;
	left: 50px;
	z-index: 10;
}

#ogakiNaviNav {
	margin-top: 200px;
	background: #fff;
}

#ogakiNavi #introductionArea .inner {
	overflow: hidden;
	padding-bottom: 50px;
}

#ogakiNavi #introductionArea .img {
	margin-top: -370px;
	text-align: center;
	position: relative;
}

#ogakiNavi #introductionArea .img img {
	max-width: 1200px;
	height: auto;
}

#ogakiNavi #introductionArea .img::after {
	content: " ";
	background: url("../images/common/line_wave_top_white.png") repeat-x bottom center;
	background-size: auto;
	background-size: 98px 20px;
	position: absolute;
	width: 1200px;
	height: 98px;
	bottom: 0;
	left: 50%;
	z-index: 3;
	margin-left: -600px;
}

/*   1
-----------------------------------*/

.ogakiNaviFirst {
	text-align: center;
	background: #fff;
	margin-top: -10px;
	padding-bottom: 200px;
}

.ogakiNaviFirst .inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.ogakiNaviFirst .img01 {
	position: absolute;
	z-index: 20;
	top: -230px;
	right: -120px;
}

.ogakiNaviFirst .img02 {
	position: absolute;
	z-index: 20;
	top: -10px;
	left: -80px;
}

.ogakiNaviFirst .illust01 {
	position: absolute;
	z-index: 31;
	top: 220px;
	left: 80px;	
	text-align: center;
}

.ogakiNaviFirst .illust01 img {
	margin-bottom: 20px;
}

.ogakiNaviFirst .illust01 span {
	display: block;
	line-height: 1.5;
}

.il01 {
	margin-bottom: 10px;
	font-size: 0.8em;
}

.il02 {
	font-size: 1em;
}

.ogakiNaviFirst h2 {
	font-size: 4em;
	letter-spacing: 3px;
	margin-bottom: 20px;
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
}

.ogakiNaviFirst p {
	margin-bottom: 50px;
	line-height: 2;
	letter-spacing: 2px;
	font-size: 1.5em;
}

/*   2
-----------------------------------*/

.ogakiNaviSecond {
	background: #b5ffe8;
	z-index: 22;
	position: relative;
	padding-bottom: 100px;
}

.ogakiNaviSecond .map {
	text-align: center;
	padding-left: 150px;
}

.ogakiNaviSecond .map img {
	margin-top: -200px;
}

.ogakiNaviSecond .inner {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.ogakiNaviSecond .inner .img03 {
	position: absolute;
	z-index: 20;
	bottom: -140px;
	right: -80px;
}

.onTable th {
	padding-right: 20px;
	vertical-align: top;
}

.onTable td {
	vertical-align: top;
}

.onTable td h3 {
	font-size: 2.8em;
	margin-bottom: 20px;
	padding-top: 10px;
	letter-spacing: 3px;
	font-weight: normal!important;
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
}

.onTable td p {
	font-size: 1.5em;
	line-height: 2;
}

/*   3
-----------------------------------*/

.ogakiNavi3th {
	position: relative;
	padding: 110px 0;
}

.ogakiNavi3th .img {
	position: absolute;
	top: 50%;
	left: -180px;
	margin-top: -213px;
	z-index: 25;
}

.ogakiNavi3th .onTable {
	margin-left: 340px;
}

/*   4
-----------------------------------*/

.ogakiNavi4th {
	position: relative;
}

.ogakiNavi4th .illust02 {
	position: absolute;
	top: -150px;
	right: -20px;
	z-index: 20;
}

.ogakiNavi4th .map02 {
	position: absolute;
	top: 0;
	right: 50px;
}

.ogakiNavi4th .img {
	position: absolute;
	bottom: -130px;
	left: -50px;
	z-index: 21;
}

.ogakiNavi4th .img span {
	position: absolute;
	bottom: 70px;
	left: 280px;	
	white-space: nowrap;
	font-size: 1.4em;
}

.ogakiNavi4th .illust03 {
	position: absolute;
	bottom: -120px;
	right: 50px;	
	z-index: 21;
}

.ogakiNavi4th .onTable:nth-of-type(1){
	margin-bottom: 30px!important;
}

.ogakiNavi4th .onTable:nth-of-type(1) td p {
	margin-top: -10px;	
}

.ogakiNavi4th .onTable:nth-of-type(2){
	margin-bottom: 30px!important;	
}

.ogakiNavi4th .onTable:nth-of-type(2) td p {
	margin-top: -20px;	
}

.ogakiNavi4th .onTable:nth-of-type(3){
	margin-bottom: 30px!important;	
}

.ogakiNavi4th .onTable:nth-of-type(4){
	margin-left: 250px!important;	
}

.inTable {
	line-height: 2.5;
}

.inTable td {
	padding-right: 60px;
}

.flex {
	display: flex;
}

.onTable h3 span {
	font-size: 0.5em;
	margin-left: 20px;
}

/*   5
-----------------------------------*/

.ogakiNavi5th {
	padding: 130px 0;
	position: relative;
}

.ogakiNavi5th .onTable {
	margin-bottom: 15px;
}

.ogakiNavi5th .img {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 50px;
}

.ogakiNavi5th .img img {
	margin-bottom: 15px;
}

.ogakiNavi5th .img02 {
	margin-right: 20px;
}

.ogakiNavi5th .img03 {
	margin-right: 20px;
}

.ogakiNavi5th .img01 {
	position: absolute;
	top: 10px;
	right: -80px;
}

.scheduleTable {
	border-left: 1px solid #002c4a;
	font-size: 1.5em;
	margin-right: 30px;
}

.scheduleTable th {
	padding: 0 20px 20px 20px;
}

/*   6
-----------------------------------*/

.ogakiNavi6th {
	background: #b5ffe8!important;
	padding: 80px 0 0;
}

.ogakiNavi6th:after {
	content: "";
	display: block;
	background: #fff;
	width: 100%;
	height: 350px;
	margin-top: -300px;
}

.ogakiNavi6th .list {
	margin-top: -110px;
	display: flex;
	flex-wrap: wrap;
}

.ogakiNavi6th .list > li {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 70px;
	text-align: center;
}


.ogakiNavi6th .list li:nth-child(3n) {
	margin-right: 0;
}

.ogakiNavi6th .list li:first-child {
	text-align: left;
}

.ogakiNavi6th .list li .copy {
	font-size: 2.8em;
	margin-bottom: 30px;
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
}

.ogakiNavi6th .list li .illust {
	margin-left: -30px;
}

.ogakiNavi6th .list li img {
	margin-bottom: 20px;
}

.ogakiNavi6th .list li h4 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}

.wakimizu {
	width: 54px;
	height: auto;
	position: absolute;
	top: -13px;
	right: 25px;
}

.ogakiNavi6th .list li .txt {
	font-size: 1.4em;
}

.ogakiNavi6th .linkTtl {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 3px;
	text-align: left
}

.ogakiNavi6th .illust02 {
	position: absolute;
	right: 0;
	bottom: 50px;
}

/*   7
-----------------------------------*/

.ogakiNavi7th {
	padding: 60px 0 20px;
}

.ogakiNavi7th .onTable {
	margin-bottom: 40px;
}

.ogakiNavi7th .img {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 50px;
}

.ogakiNavi7th .img img {
	margin-bottom: 15px;
}

.ogakiNavi7th .img02 {
	margin-right: 20px;
}

.ogakiNavi7th .img03 {
	margin-right: 20px;
}

.ogakiNavi7th .img01 {
	position: absolute;
	top: -20px;
	right: -80px;
}

/*   8
-----------------------------------*/

.ogakiNavi8th .img01 {
	margin-right: 60px;
	margin-left: -150px;
}

.ogakiNavi8th .ttl {
	margin-right: 60px;
}

.ogakiNavi8th .ttl01 {
	margin-bottom: 20px;
}

.ogakiNavi8th .ttl02 {
	font-size: 2.8em;
	margin-bottom: 20px;	
	font-family: YuMincho, "Yu Mincho","Noto Serif JP", "Hiragino Mincho ProN", "serif";
}

.ogakiNavi8th .ttl03 {
	font-size: 1.4em;
	line-height: 2;
}