﻿@charset "UTF-8";



/* リセット */

* {

	margin: 0;

	padding: 0;

}

*::after,

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

body {

	font-family: 'Lato', sans-serif;

	background: #fff;

}

article {

	height: 1000px;

	margin: 100px auto;

	text-align: center;

	line-height: 1.9;

}

article p {

	margin-bottom: 1em;

}

a {

	color: #0b8793;

}

#main-visual {

	background: #1d76a6;

	background: -webkit-linear-gradient(-45deg, #0062B8, #850047);

	background:	-moz-linear-gradient(-45deg, #0062B8, #850047);

	background:	 -ms-linear-gradient(-45deg, #0062B8, #850047);

	background:	  -o-linear-gradient(-45deg, #0062B8, #850047);

	background:		 linear-gradient(-45deg, #0062B8, #850047);

	height: 700px;

}







/* リセットここまで */





body { font-size:100%; overflow-x: hidden; }



.inner {

	width:100%;

	margin: 0 auto;

}

.inner:after {

	content: "";

	clear: both;

	display: block;

}



/* header */

#top-head {

	top: -100px;

	position: absolute;

	width: 100%;

	margin: 100px auto 0;

	padding: 10px 0 10px 0;

	line-height: 1;

	z-index: 999;

	background: #fff;

	background: rgba(255,255,255,0.9);

	transition: top 0.65s ease-in;

	-webkit-transition: top 0.65s ease-in;

	-moz-transition: top 0.65s ease-in;

}

#top-head a,

#top-head {

	color: #333;

	text-decoration: none;

}

#top-head .inner {

	position: relative;

}

#top-head .logo {

	float: left;

	padding-left:20px;

}

#global-nav ul {

	list-style: none;

	position: absolute;

	right: 0;

	bottom: 0;

	font-size:1.0em;

	font-family:'Century';

	margin-bottom:1.0em;

	margin-right:1.0em;

}

#global-nav ul li {

	float: left;

	margin:0;

	position: relative;

}

#global-nav ul li a {

	padding: 0 0.5em;

}

#global-nav ul li a:hover {

	border-bottom:3px solid #023894;

	padding-bottom:5px;

}



/* Fixed */

#top-head.fixed {

	margin-top: 0;

	top: 0;

	position: fixed;

	padding-top: 10px;

	height: 68px;

	background: #fff;

	background: rgba(255,255,255,0.9);

	transition: top 0.65s ease-in;

	-webkit-transition: top 0.65s ease-in;

	-moz-transition: top 0.65s ease-in;

}

#top-head.fixed .logo {

	font-size:1.5em;

	color: #333;

}

#global-nav ul li {

	margin:0;

}

#top-head.fixed #global-nav ul li a {

	color: #333;

	padding: 0 0.5em 0.2em 0.5em;

}



/* Fixed Btn Hover */

#top-head.fixed #global-nav ul li:after {

	bottom: -10px;

}

#top-head.fixed #global-nav ul li:hover:after {

	background: #0062B8;

	bottom: -20px;

}



/* Toggle Button */

#nav-toggle {

	display: none;

	position: absolute;

	right: 12px;

	top: 14px;

	width: 2.0em;

	height: 3.5em;

	cursor: pointer;

	z-index: 101;

}

#nav-toggle div {

	position: relative;

}

#nav-toggle span {

	display: block;

	position: absolute;

	height: 4px;

	width: 100%;

	background: #023894;

	left: 0;

	-webkit-transition: .35s ease-in-out;

	-moz-transition: .35s ease-in-out;

	transition: .35s ease-in-out;

}

#nav-toggle span:nth-child(1) {

	top: 0;

}

#nav-toggle span:nth-child(2) {

	top: 11px;

}

#nav-toggle span:nth-child(3) {

	top: 22px;

}

#nav-toggle::after {

	position: absolute;

	left: -8px;

	bottom: 6px;

	content: 'MENU';

	display: block;

	width: 100%;

	color: #023894;

	font-size:1.0em;

	text-decoration: none;

	text-align: center;

	transition: all .4s;

}





/* モバイル */

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

body { font-size:85%; overflow-x: hidden; }

	#top-head,

	.inner {

		width: 100%;

		padding: 0;

	}

	#top-head {

		top: 0;

		/*position: fixed;*/

		margin-top: 0;

	}

	/* Fixed reset */

	#top-head.fixed {

		padding-top: 0;

		background: transparent;

	}

	#mobile-head {

		background: #fff;

		width: 100%;

		height: 66px;

		z-index: 999;

		position: relative;

	}

	#top-head.fixed .logo,

	#top-head .logo {

		position: absolute;

		left: 5px;

		top: 10px;

		color: #333;

		font-size:1.625em;

		padding-left:0px;

	}

    #top-head .logo img {

	    max-width:80%;

    }

	#global-nav {

		position: absolute;

		/* 開いてないときは画面外に配置 */

		top: -500px;

		background: rgba(0,0,0,0.9);

		width: 100%;

		text-align: center;

		padding:3em 0;

		-webkit-transition: .5s ease-in-out;

		-moz-transition: .5s ease-in-out;

		transition: .5s ease-in-out;

	}

	#global-nav ul {

		list-style: none;

		position: static;

		right: 0;

		bottom: 0;

		font-size:1.2em;

	}

	#global-nav ul li {

		float: none;

		position: static;

	}

	#top-head #global-nav ul li a,

	#top-head.fixed #global-nav ul li a {

		width: 100%;

		display: block;

		color: #fff;

		padding: 18px 0;

	}

	#global-nav ul li.none-m {

		display: none;

	}



#global-nav ul li a:hover {

	border-style:none;

}



#nav-toggle {

		display: block;

}

/* #nav-toggle 切り替えアニメーション */

.open #nav-toggle span:nth-child(1) {

		top: 11px;

		-webkit-transform: rotate(315deg);

		-moz-transform: rotate(315deg);

		transform: rotate(315deg);

}

.open #nav-toggle span:nth-child(2) {

		width: 0;

		left: 50%;

}

.open #nav-toggle span:nth-child(3) {

		top: 11px;

		-webkit-transform: rotate(-315deg);

		-moz-transform: rotate(-315deg);

		transform: rotate(-315deg);

}

/* #global-nav スライドアニメーション */

.open #global-nav {

/* #global-nav top + #mobile-head height */

		-moz-transform: translateY(556px);

		-webkit-transform: translateY(556px);

		transform: translateY(556px);

}

}





/* SLIDER */

.slider {

	height: 825px;

	width: 100%;

	background-color: #FFF;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	margin-bottom: 45px;

}

.slider {

	background-position: center top\9;

	background-repeat: repeat-x\9;

}

*+html .slider {

	background-position: center top;

	background-repeat: repeat-x;

}

























/*** ページ共通 ***/

section {

	width:100%;

	display:block;

	margin:0px auto;

}

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

div.container {

	width:1200px;

	display:table;

	margin:0px auto;

}

.b_hover:hover {

	opacity: 0.8 ;

}







/* モバイル */

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

  div.container {

	max-width:100%;

	display:block;

	margin:0px auto;

	overflow:hidden;

  }

}



















/*** セクション1 ***/

section#sec01 {

	width:100%;

	padding:80px 0 20px 0;

	margin:0px auto;

	background:url(../img/sec01_bg01.gif) 0 0 repeat;

}

section#sec01 .wrapper{

	position: relative;

	width: 1200px;

	height: 350px;

}

section#sec01 .boxL {

	top:0;

	left:0;

	width:260px;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec01 .boxL img.img-pc {

    display:block;

}

section#sec01 .boxL img.img-sp {

    display:none;

}

section#sec01 .boxR {

	top:0;

	right:0;

	width:260px;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec01 .boxR img.img-pc {

    display:block;

}

section#sec01 .boxR img.img-sp {

    display:none;

}

section#sec01 .boxC {

	top:0;

	left:260px;

	width:680px;

	height:350px;

	padding:10px 20px;

	margin:0px auto;

	text-align:center;

	position: absolute;

	font-size:95%;

}

section#sec01 .boxC h2 {

	margin-top:20px;

}

section#sec01 .boxC p {

	margin:10px;

}

@media all and (-ms-high-contrast:none){

  section#sec01 .boxC p {

	margin:10px;

	line-height:150%;

  }

}

section#sec01 .box01 {

	clear: both;

	padding:20px;

	margin:0px auto;

	background:#33425a;

	display:block;

}

section#sec01 .box01 p {

	color:#fff;

	text-align:center;

}

section#sec01 .box01 .btn01 {

	float:left;

	text-align:center;

	padding:0px auto;

	margin:10px auto;

	width:50%;

}

section#sec01 .box01 .table01 {

	float:left;

	text-align:center;

	padding:0px auto;

	margin:10px auto;

	width:50%;

}

section#sec01 .box01 .table01 .td01 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:15%;

}

section#sec01 .box01 .table01 .td02 {

	padding:0px;

	margin:0px;

	vertical-align:middle;

	width:85%;

}

section#sec01 .box01 .table02 .td03 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:80%;

}

section#sec01 .box01 .table02 .td04 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:20%;

}

section#sec01 .box01 .table02 select {

	width:100%;

	height: 70px;

	padding:10px;

	margin:0px;

	font-size:120%;

}

section#sec01 .box01 .table02 #image-btn {

	border: 0px;

	width: 80px;

	height: 70px;

	background: url(../img/sec01_btn02.png) 0 0 no-repeat;

	padding:0px;

	margin:0px;

}

/* モバイル */

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

  section#sec01 {

	width:100%;

	padding:20px 0 20px 0;

	margin:0 auto;

	background:url(../img/sec01_bg01.gif) 0 0 repeat;

  }

  section#sec01 img {

	width:100%;

	padding:0px;

	margin:0px;

  }

  section#sec01 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec01 .boxL {

	float:left;

	width:50%;

	height: auto;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec01 .boxL img.img-pc {

    display:none;

  }

  section#sec01 .boxL img.img-sp {

    display:block;

	width:100%;

  }

  section#sec01 .boxR {

	float:right;

	width:50%;

	height: auto;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec01 .boxR img.img-pc {

    display:none;

  }

  section#sec01 .boxR img.img-sp {

    display:block;

	width:100%;

  }

  section#sec01 .boxC {

	width:100%;

	height: auto;

	padding:10px 0px;

	margin:0px auto;

	text-align:center;

	position:static;

  }

  section#sec01 .box01 p {

	color:#fff;

	text-align:center;

  }

  section#sec01 .box01 .btn01 {

	padding:0px;

	margin:10px;

	width:100%;

	clear:both;

  }

  section#sec01 .box01 .table01 {

	clear:both;

	text-align:center;

	padding:0px auto;

	margin:10px auto;

	width:100%;

  }

  section#sec01 .box01 .table01 .td01 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:100%;

	display:block;

  }

  section#sec01 .box01 .table01 .td02 {

	padding:0px;

	margin:0px;

	vertical-align:middle;

	width:100%;

	display:block;

  }

  section#sec01 .box01 .table02 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:100%;

  }

  section#sec01 .box01 .table02 .td03 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:80%;

  }

  section#sec01 .box01 .table02 .td04 {

	padding:0px;

	margin:0px;

	color:#fff;

	vertical-align:middle;

	width:20%;

  }

  section#sec01 .box01 .table02 select {

	width:100%;

	height: 70px;

	padding:10px;

	margin:0px;

	font-size:120%;

  }

  section#sec01 .box01 .table02 #image-btn {

	border: 0px;

	width: 80px;

	height: 70px;

	background: url(../img/sec01_btn02.png) 0 0 no-repeat;

	padding:0px;

	margin:0px;

  }

}











/*** セクション2 ***/

section#sec02 {

	width:100%;

	padding:0px;

	margin:0px auto;

}

section#sec02 .wrapper{

	position: relative;

	width: 100%;

	height: 400px;

}

section#sec02 .boxL {

	top:0;

	left:-100px;

	width:50%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec02 .boxR {

	top:0;

	right:0;

	width:50%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

}

section#sec02 .boxR h2 img {

	max-width:100%;

	padding:0px;

	margin:50px 0px 0px 0px;

}

section#sec02 .boxR .txt01 {

	padding:0px;

	margin:10px 0px 0px 0px;

	font-size:0.8em;

}

section#sec02 .boxR .txt02 {

	padding:0px;

	margin:30px 0px 0px 0px;

	line-height:180%;

}

section#sec02 .boxR h3 {

	padding:0px;

	margin:10px 0px 0px 0px;

}

/* モバイル */

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

  section#sec02 {

	width:100%;

	padding:0px;

	margin:0 auto;

  }

  section#sec02 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec02 .boxL {

	width:100%;

	height: auto;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec02 .boxL img {

	width:100%;

  }

  section#sec02 .boxR {

	width:100%;

	height: auto;

	padding:0px 10px;

	margin:0px;

	position:static;

  }

  section#sec02 .boxR h2 img {

	max-width:100%;

	padding:0px;

	margin:20px 0px 0px 0px;

  }

  section#sec02 .boxR .txt01 {

	padding:0px;

	margin:10px 0px 0px 0px;

	font-size:0.8em;

  }

  section#sec02 .boxR .txt02 {

	padding:0px;

	margin:30px 0px 0px 0px;

	line-height:180%;

  }

  section#sec02 .boxR h3 {

	padding:0px;

	margin:10px 0px 20px 0px;

  }

}











/*** セクション3 ***/

section#sec03 {

	width:100%;

	padding:0px;

	margin:0px auto;

}

section#sec03 .wrapper{

	position: relative;

	width: 100%;

	height: 400px;

}

section#sec03 .boxL {

	top:0;

	left:0;

	width:50%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

}

section#sec03 .boxR {

	top:0;

	right:0;

	width:50%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec03 .boxL h2 img {

	max-width:100%;

	padding:0px;

	margin:150px 0px 0px 0px;

}

section#sec03 .boxL .txt01 {

	padding:0px;

	margin:30px 0px 0px 0px;

	line-height:180%;

}

/* モバイル */

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

  section#sec03 {

	width:100%;

	padding:0px;

	margin:0px auto;

  }

  section#sec03 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec03 .boxL {

	width:100%;

	padding:0px 10px;

	margin:0px;

	display:block;

	position:static;

  }

  section#sec03 .boxR {

	width:100%;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec03 .boxR img {

	width:100%;

	padding:0px;

	margin:20px 0px 0px 0px;

  }

  section#sec03 .boxL h2 img {

	max-width:100%;

	padding:0px;

	margin:20px 0px 0px 0px;

  }

  section#sec03 .boxL .txt01 {

	padding:0px;

	margin:30px 0px 20px 0px;

	line-height:180%;

  }

}











/*** セクション4 ***/

section#sec04 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#00313f;

}

section#sec04 .wrapper{

	position: relative;

	width: 100%;

	height: 400px;

}

section#sec04 .boxL {

	top:0;

	left:-100px;

	width:65%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec04 .boxL img.img-pc {

    display:block;

}

section#sec04 .boxL img.img-sp {

    display:none;

}

section#sec04 .boxR {

	top:0;

	right:0;

	width:35%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

	color:#fff;

}

section#sec04 .boxR h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

}

section#sec04 .boxR .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

}

@media all and (-ms-high-contrast:none){

  section#sec04 .boxR .txt01 {

	margin:10px 0px 30px 0px;

  }

  section#sec04 .boxR .txt02 {

	line-height:150%;

  }

}

/* モバイル */

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

  section#sec04 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#00313f;

  }

  section#sec04 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec04 .boxL {

	width:100%;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec04 .boxL img.img-pc {

    display:none;

  }

  section#sec04 .boxL img.img-sp {

    display:block;

	width:100%;

  }

  section#sec04 .boxR {

	width:100%;

	padding:0px 10px;

	margin:0px;

	display:block;

    position:static;

	color:#fff;

  }

  section#sec04 .boxR h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

  }

  section#sec04 .boxR .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

  }

  section#sec04 .boxR .txt02 {

	padding:0px;

	margin:10px 0px 20px 0px;

  }

}











/*** セクション5 ***/

section#sec05 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#004112;

}

section#sec05 .wrapper{

	position: relative;

	width: 100%;

	height: 400px;

}

section#sec05 .boxL {

	top:0;

	left:0px;

	width:35%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

	color:#fff;

}

section#sec05 .boxR {

	top:0;

	right:0;

	width:65%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec05 .boxR img.img-pc {

    display:block;

}

section#sec05 .boxR img.img-sp {

    display:none;

}

section#sec05 .boxL h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

}

section#sec05 .boxL .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

}

@media all and (-ms-high-contrast:none){

  section#sec05 .boxL .txt01 {

	margin:10px 0px 30px 0px;

  }

  section#sec05 .boxL .txt02 {

	line-height:150%;

  }

}

/* モバイル */

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

  section#sec05 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#004112;

  }

  section#sec05 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec05 .boxR {

	width:100%;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec05 .boxR img.img-pc {

    display:none;

  }

  section#sec05 .boxR img.img-sp {

    display:block;

    width:100%;

  }

  section#sec05 .boxL {

	width:100%;

	padding:0px 10px;

	margin:0px;

	display:block;

    position:static;

	color:#fff;

  }

  section#sec05 .boxL h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

  }

  section#sec05 .boxL .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

  }

  section#sec05 .boxL .txt02 {

	padding:0px;

	margin:10px 0px 20px 0px;

  }

}







/*** セクション6 ***/

section#sec06 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#7f0042;

}

section#sec06 .wrapper{

	position: relative;

	width: 100%;

	height: 400px;

}

section#sec06 .boxL {

	top:0;

	left:-100px;

	width:65%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec06 .boxL img.img-pc {

    display:block;

}

section#sec06 .boxL img.img-sp {

    display:none;

}

section#sec06 .boxR {

	top:0;

	right:0;

	width:35%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

	color:#fff;

}

section#sec06 .boxR h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

}

section#sec06 .boxR .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

}

@media all and (-ms-high-contrast:none){

  section#sec06 .boxR .txt01 {

	margin:10px 0px 30px 0px;

  }

  section#sec06 .boxR .txt02 {

	line-height:150%;

  }

}

/* モバイル */

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

  section#sec06 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#7f0042;

  }

  section#sec06 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec06 .boxL {

	width:100%;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec06 .boxL img.img-pc {

    display:none;

  }

  section#sec06 .boxL img.img-sp {

    display:block;

	width:100%;

  }

  section#sec06 .boxR {

	width:100%;

	padding:0px 10px;

	margin:0px;

	display:block;

    position:static;

	color:#fff;

  }

  section#sec06 .boxR h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

  }

  section#sec06 .boxR .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

  }

  section#sec06 .boxR .txt02 {

	padding:0px;

	margin:10px 0px 20px 0px;

  }

}









/*** セクション7 ***/

section#sec07 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#a23601;

}

section#sec07 .wrapper{

	position: relative;

	width: 100%;

	height: 400px;

}

section#sec07 .boxL {

	top:0;

	left:0px;

	width:35%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

	color:#fff;

}

section#sec07 .boxR {

	top:0;

	right:0;

	width:65%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec07 .boxR img.img-pc {

    display:block;

}

section#sec07 .boxR img.img-sp {

    display:none;

}

section#sec07 .boxL h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

}

section#sec07 .boxL .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

}

@media all and (-ms-high-contrast:none){

  section#sec07 .boxL .txt01 {

	margin:10px 0px 30px 0px;

  }

  section#sec07 .boxL .txt02 {

	line-height:150%;

  }

}

/* モバイル */

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

  section#sec07 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#a23601;

  }

  section#sec07 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec07 .boxR {

	width:100%;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec07 .boxR img.img-pc {

    display:none;

  }

  section#sec07 .boxR img.img-sp {

    display:block;

    width:100%;

  }

  section#sec07 .boxL {

	width:100%;

	padding:0px 10px;

	margin:0px;

	display:block;

    position:static;

	color:#fff;

  }

  section#sec07 .boxL h3 {

	padding:0px;

	margin:30px 0px 0px 0px;

	font-size:160%;

  }

  section#sec07 .boxL .txt01 {

	padding:0px;

	margin:0px 0px 30px 0px;

	font-size:90%;

  }

  section#sec07 .boxL .txt02 {

	padding:0px;

	margin:10px 0px 20px 0px;

  }

}









/*** セクション8 ***/

section#sec08 {

	width:100%;

	height:auto;

	padding:0px;

	margin:0px auto;

	background:#f8f7ef;

}

section#sec08 .tit01 {

	width:100%;

	padding:50px 0;

	margin:0 auto;

	background:#fff;

	text-align:center;

}

section#sec08 .boxL {

	width:50%;

	float:left;

	padding:10px 0;

	margin:0px auto;

	text-align:center;

}

section#sec08 .boxR {

	width:50%;

	float:right;

	padding:60px 0;

	margin:0px auto;

	text-align:center;

}

section#sec08 .boxR .info {

	padding:30px 0px;

	margin:0px 0px;

	text-align:left;

	width:100%;

}

section#sec08 .boxR .info span.back01 {

	padding:0px;

	margin:0 5px 10px 0;

	width:65px;

	background:#333;

	display:inline-block;

	color:#fff;

	font-size:13px;

	line-height:26px;

	text-align:center;

}

section#sec08 .boxR .info span.tel01 {

	padding:0px;

	margin:0 5px 10px 0;

	width:auto;

	background:#f8f7ef;

	display:inline-block;

	color:#000;

	font-size:140%;

	line-height:26px;

	text-align:left;

}

section#sec08 .boxR .info .info01 {

	width:50%;

	float:left;

	font-size:110%;

}

section#sec08 .boxR .info .info02 {

	width:50%;

	float:right;

}

section#sec08 .boxR .info .info03 {

	width:50%;

	float:left;

}

section#sec08 .boxR .info .info04 {

	width:50%;

	float:right;

}



/* モバイル */

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

  section#sec08 {

	width:100%;

	height:auto;

	padding:0px;

	margin:0px auto;

	background:#f8f7ef;

  }

  section#sec08 .tit01 {

	width:100%;

	padding:50px 0;

	margin:0 auto;

	background:#fff;

	text-align:center;

  }

  section#sec08 .tit01 img  {

	max-width:80%;

  }

  section#sec08 .boxL {

	width:100%;

	clear:both;

	padding:10px;

	margin:0px auto;

	text-align:center;

  }

  section#sec08 .boxL img {

	width:100%;

  }

  section#sec08 .boxR {

	width:100%;

	clear:both;

	padding:30px 10px;

	margin:0px auto;

	text-align:center;

  }

  section#sec08 .boxR img {

	max-width:90%;

  }

  section#sec08 .boxR .info {

	padding:30px 0;

	margin:0px;

	text-align:left;

  }

  section#sec08 .boxR .info span.back01 {

	padding:0px;

	margin:0 5px 10px 0;

	width:20%;

	background:#333;

	display:inline-block;

	color:#fff;

	font-size:13px;

	line-height:26px;

	text-align:center;

  }

  section#sec08 .boxR .info span.tel01 {

	padding:0px;

	margin:0 0 10px 0;

	width:auto;

	background:#f8f7ef;

	display:inline-block;

	color:#000;

	font-size:110%;

	line-height:26px;

	text-align:left;

  }

  section#sec08 .boxR .info .info01 {

	width:100%;

	clear:both;

	font-size:110%;

  }

  section#sec08 .boxR .info .info02 {

	width:100%;

	clear:both;

  }

  section#sec08 .boxR .info .info03 {

	width:100%;

	clear:both;

  }

  section#sec08 .boxR .info .info04 {

	width:100%;

	clear:both;

  }

}









/*** セクション9 ***/

section#sec09 {

	width:100%;

	padding:0px;

	margin:0px auto;

}

section#sec09 .wrapper{

	position: relative;

	width: 100%;

	height: 489px;

}

section#sec09 .boxL {

	top:0;

	left:0;

	width:50%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

}

section#sec09 .boxR {

	top:0;

	right:0;

	width:50%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec09 .boxL h3 {

	padding:0px;

	margin:50px auto;

	text-align:center;

}

section#sec09 .boxL .txt01 {

	padding:0px;

	margin:40px 0 0 0;

	text-align:left;

	font-weight:bold;

	font-size:20px;

}

section#sec09 .boxL .txt02 {

	padding:0px;

	margin:20px 0 0 0;

	text-align:left;

}

section#sec09 .boxL .txt03 {

	padding:0px;

	margin:40px 0 0 0;

	text-align:left;

	font-weight:bold;

	font-size:20px;

}

@media all and (-ms-high-contrast:none){

  section#sec09 .boxL .txt02,

  section#sec09 .boxL .txt03 {

	line-height:150%;

  }

}

section#sec09 .boxL .info01 {

	padding:0px;

	margin:20px 0 0 0;

	font-size:20px;

	text-align:left;

	font-size:140%;

}

section#sec09 .boxL .info01 span {

	padding:2px 30px;

	margin:0 5px 10px 0;

	background:#333;

	display:inline-block;

	color:#fff;

}

/* モバイル */

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

  section#sec09 {

	width:100%;

	padding:0px;

	margin:0px auto;

  }

  section#sec09 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec09 .boxL {

	width:100%;

	padding:0px 10px;

	margin:0px;

	display:block;

	position:static;

  }

  section#sec09 .boxR {

	width:100%;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec09 .boxR img {

	width:100%;

	padding:0px;

	margin:20px 0px 0px 0px;

  }

  section#sec09 .boxL h3 {

	padding:0px;

	margin:20px auto;

	text-align:center;

  }

  section#sec09 .boxL h3 img {

	max-width:100%;

	padding:0px;

	margin:20px 0px 0px 0px;

  }

  section#sec09 .boxL .txt01 {

	padding:0px;

	margin:40px 0 0 0;

	text-align:left;

	font-weight:bold;

	font-size:20px;

  }

  section#sec09 .boxL .txt02 {

	padding:0px;

	margin:20px 0 0 0;

	text-align:left;

  }

  section#sec09 .boxL .txt03 {

	padding:0px;

	margin:40px 0 0 0;

	text-align:left;

	font-weight:bold;

	font-size:20px;

  }

  section#sec09 .boxL .info01 {

	padding:0px;

	margin:20px 0 0 0;

	font-size:20px;

	text-align:left;

  }

  section#sec09 .boxL .info01 span {

	padding:2px 30px;

	margin:0 5px 10px 0;

	background:#333;

	display:inline-block;

	color:#fff;

  }

}







/*** セクション11 ***/

section#sec11 {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#032153;

	color:#fff;

}

section#sec11 .img {

	width:100%;

	padding:0px;

	margin:0px auto;

	text-align:center;

}

section#sec11 .wrapper{

	position: relative;

	width: 100%;

	height: 748px;

}

section#sec11 .boxL {

	top:0;

	left:-100px;

	width:50%;

	padding:0px;

	margin:0px;

	position: absolute;

}

section#sec11 .boxR {

	top:0;

	right:0;

	width:50%;

	padding:0px 30px;

	margin:0px;

	display:block;

	position: absolute;

}

section#sec11 .boxR h2 {

	padding:0px;

	margin:90px auto 0 auto;

	text-align:center;

}

section#sec11 .boxR .txt01 {

	padding:0px;

	margin:30px auto;

	text-align:center;

	width:440px;

	background:#ff0000;

	font-weight:bold;

	font-size:24px;

	line-height:48px;

}

section#sec11 .boxR .txt02 {

	padding:0px;

	margin:30px auto;

	text-align:center;

	font-weight:bold;

	font-size:24px;

}

section#sec11 .boxR .txt03 {

	padding:0px;

	margin:30px auto;

	text-align:center;

}

section#sec11 .boxR .info01 {

	padding:0px;

	margin:0 0 2px 80px;

	font-size:24px;

	text-align:left;

	font-weight:bold;

}

section#sec11 .boxR .info01 a {

	color:#fff;

}

section#sec11 .boxR .info01 span.back01 {

	padding:0px;

	margin:0 10px 10px 0;

	background:#fff;

	width:120px;

	display:inline-block;

	color:#032153;

	font-size:18px;

	line-height:36px;

	text-align:center;

}

section#sec11 .boxR .info02 {

	padding:0px;

	margin:0 0 2px 80px;

	font-size:30px;

	text-align:left;

	font-weight:bold;

}

section#sec11 .boxR .info02 a {

	color:#fff;

}

section#sec11 .boxR .info02 span.back01 {

	padding:0px;

	margin:0 10px 10px 0;

	background:#fff;

	width:120px;

	display:inline-block;

	color:#032153;

	font-size:18px;

	line-height:36px;

	text-align:center;

}

section#sec11 .boxR .info03 {

	padding:0px;

	margin:0 0 2px 80px;

	font-size:20px;

	text-align:left;

	font-weight:bold;

}

section#sec11 .boxR .info03 span.back01 {

	padding:0px;

	margin:0 10px 10px 0;

	background:#fff;

	width:120px;

	display:inline-block;

	color:#032153;

	font-size:18px;

	line-height:36px;

	text-align:center;

}

/* モバイル */

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

  section#sec11 {

	width:100%;

	padding:0px;

	margin:0 auto;

  }

  section#sec11 .img img {

	max-width:100%;

	padding:0px;

	margin:0px;

  }

  section#sec11 .wrapper{

	position:static;

	width: 100%;

	height: auto;

  }

  section#sec11 .boxL {

	width:100%;

	height: auto;

	padding:0px;

	margin:0px;

	position:static;

  }

  section#sec11 .boxL img {

	width: 100%;

  }

  section#sec11 .boxR {

	width:100%;

	height: auto;

	padding:0px 10px 20px 10px;

	margin:0px;

	position:static;

  }

  section#sec11 .boxR h2 {

	padding:0px;

	margin:40px 0;

	text-align:center;

  }

  section#sec11 .boxR h2 img {

	max-width:90%;

  }

  section#sec11 .boxR .txt01 {

	padding:0px;

	margin:30px auto;

	text-align:center;

	width:90%;

	background:#ff0000;

	font-weight:bold;

	font-size:20px;

	line-height:40px;

  }

  section#sec11 .boxR .txt02 {

	padding:0px;

	margin:30px auto;

	text-align:center;

	font-weight:bold;

	font-size:20px;

  }

  section#sec11 .boxR .txt03 {

	padding:0px;

	margin:30px auto;

	text-align:center;

  }

  section#sec11 .boxR .info01,

  section#sec11 .boxR .info02,

  section#sec11 .boxR .info03 {

	padding:0px;

	margin:0 20px 2px 20px;

	font-size:16px;

	text-align:left;

	font-weight:bold;

  }

  section#sec11 .boxR .info01 span.back01,

  section#sec11 .boxR .info02 span.back01,

  section#sec11 .boxR .info03 span.back01 {

	padding:0px;

	margin:0 10px 10px 0;

	background:#fff;

	width:30%;

	display:inline-block;

	color:#032153;

	font-size:16px;

	line-height:32px;

	text-align:center;

  }

  section#sec11 .boxR .info01 a,

  section#sec11 .boxR .info02 a {

	color:#fff;

  }

  section#sec11 .boxR .info02 span.tel01 {

	padding:0px;

	margin:0px;

	background:#032153;

	width:auto;

	display:inline-block;

	color:#fff;

	font-size:16px;

	line-height:32px;

	text-align:left;

  }

}







/*** セクション12 ***/

section#sec12 {

	width:100%;

	padding:60px 0 20px 0;

	margin:0px auto;

}

section#sec12 .boxL {

	width:50%;

	padding:0px;

	margin:0px;

	float:left;

}

section#sec12 .boxR {

	width:50%;

	padding:0px;

	margin:0px;

	float:right;

}

section#sec12 .boxL .img01 {

	padding:0px;

	margin:0px;

	text-align:center;

}

section#sec12 .boxL .txt01 {

	padding:0px;

	margin:30px 30px 0px 0px;

}

@media all and (-ms-high-contrast:none){

  section#sec12 .boxL .txt01,

  section#sec12 .boxL .txt02,

  section#sec12 .boxL .txt03

   {

	line-height:150%;

  }

}

section#sec12 .boxL .img02 {

	padding:0px;

	margin:50px 0px;

	text-align:center;

}

section#sec12 .boxL .txt02 {

	padding:0px;

	margin:0 30px 30px 0;

}

section#sec12 .boxR h2 {

	padding:0px;

	margin:30px 0;

	width:280px;

	border-bottom:3px solid #000;

}

section#sec12 .boxR h3 {

	padding:0px;

	margin:30px 0 10px 0;

	width:280px;

	background:#dfdfdf;

	font-size:16px;

	line-height:32px;

	text-align:center;

}

section#sec12 .boxR .list-boxL {

    float:left;

	padding:0px;

	margin:0px;

	width:50%;;

}

section#sec12 .boxR .list-boxR {

    float:right;

	padding:0px;

	margin:0px;

	width:50%;;

}

section#sec12 ul.list01 {

	padding:0px;

	margin:0 0 0 20px;

	width:280px;

	list-style:square;

}

section#sec12 ul.list01 li {

	padding:0px;

	margin:0 0 20px 0;

}

@media all and (-ms-high-contrast:none){

  section#sec12 ul.list01 li {

	line-height:150%;

  }

}

/* モバイル */

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

  section#sec12 {

	width:100%;

	padding:20px 10px;

	margin:0px auto;

  }

  section#sec12 .boxL {

	width:100%;

	padding:0px;

	margin:0px;

	clear: both;

  }

  section#sec12 .boxR {

	width:100%;

	padding:0px;

	margin:0px;

	clear: both;

  }

  section#sec12 .boxL .img01 {

	padding:0px;

	margin:0px;

	text-align:center;

  }

  section#sec12 .boxL .img01 img {

	max-width:100%;

  }

  section#sec12 .boxL .txt01 {

	padding:0px;

	margin:30px 0px 0px 0px;

  }

  section#sec12 .boxL .img02 {

	padding:0px;

	margin:20px 0;

	text-align:center;

  }

  section#sec12 .boxL .img02 img {

	max-width:100%;

  }

  section#sec12 .boxL .txt02 {

	padding:0px;

	margin:0px 0px 30px 0px;

  }

  section#sec12 .boxR h2 {

	padding:0px;

	margin:30px 0;

	width:100%;

	border-bottom:3px solid #000;

  }

  section#sec12 .boxR h3 {

	padding:0px;

	margin:30px 0 10px 0;

	width:100%;

	background:#dfdfdf;

	font-size:16px;

	line-height:32px;

	text-align:center;

  }

  section#sec12 .boxR .list-boxL {

    clear: both;

	padding:0px;

	margin:0px;

	width:100%;;

  }

  section#sec12 .boxR .list-boxR {

    clear: both;

	padding:0px;

	margin:0px;

	width:100%;;

  }

  section#sec12 ul.list01 {

	padding:0px;

	margin:0 0 0 20px;

	width:100%;

	list-style:square;

  }

  section#sec12 ul.list01 li {

	padding:0px;

	margin:0 0 20px 0;

  }

}







/*** セクション13 ***/

section#sec13 {

	width:100%;

	padding:60px 0 20px 0;

	margin:0px auto;

}

section#sec13 .img01 {

	width:100%;

	padding:0px;

	margin:50px auto;

	text-align:center;

}

section#sec13 .boxL {

	width:50%;

	padding:0px;

	margin:0px;

	float:left;

}



section#sec13 .boxR {

	width:50%;

	padding:0px;

	margin:0px;

	float:right;

}

section#sec13 .boxL table.style01 {

	width:100%;

	height:600px;

	padding:0px;

	margin:0px;

}

section#sec13 .boxL table.style01 th {

	width:50%;

	height:auto;

	padding:0px 0 0 200px;

	margin:2px 0px;

	background:#e1e1e1;

	vertical-align:middle;

}

section#sec13 .boxL table.style01 td {

	width:50%;

	height:auto;

	padding:0px 20px;

	margin:2px 0px;

	text-align:left;

	vertical-align:middle;

}

section#sec13 .boxR .img {

	max-width:100%;

	padding:0px;

	margin:0px;

}

@media all and (-ms-high-contrast:none){

  section#sec13 .boxL table.style01 td {

	line-height:150%;

  }

}

/* モバイル */

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

  section#sec13 {

	width:100%;

	padding:20px 0 20px 0;

	margin:0px auto;

  }

  section#sec13 .boxL {

	width:100%;

	padding:0px;

	margin:0px;

	clear: both;

  }

  section#sec13 .boxL table.style01 {

	width:100%;

	height:auto;

	padding:0px;

	margin:0px;

}

section#sec13 .boxL table.style01 th {

	width:30%;

	height:auto;

	padding:10px 20px;

	margin:2px 0px;

	background:#e1e1e1;

	vertical-align:middle;

}

section#sec13 .boxL table.style01 td {

	width:70%;

	height:auto;

	padding:10px 20px;

	margin:2px 0px;

	text-align:left;

	vertical-align:middle;

}

  section#sec13 .boxR {

	width:100%;

	padding:0px;

	margin:0px;

	clear: both;

  }

  section#sec13 .boxR img {

	width:100%;

  }

}









/* フッター */

footer {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#fff;

	text-align: center;

}

footer a {

	color: #666;

	text-decoration: none;

}

footer p {

	width:100%;

	padding:30px 0;

	margin:0px;

}

footer div.footer-nav {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#003893;

	display:table;

	text-align:center;

}

footer div.footer-nav ul {

	width:40%;

	padding:0px;

	margin:0px auto;

	list-style:none;

}

footer div.footer-nav ul li  {

	height:auto;

	padding:20px 10px;

	margin:0px auto;

	float:left;

	text-align:center;

	color:#fff;

}

footer div.footer-nav ul li a  {

	color:#fff;

}

/* モバイル */

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

  footer {

	width:100%;

	height:auto;

	padding:0px;

	margin:0px;

	background:#fff;

	text-align: center;

  }

  footer a {

	color: #666;

  }

  footer p {

	width:100%;

	padding:30px 0;

	margin:0px;

	font-size:90%;

  }

  footer div.footer-nav {

	width:100%;

	padding:0px;

	margin:0px auto;

	background:#003893;

	display:table;

  }

  footer div.footer-nav ul {

	width:100%;

	padding:0px;

	margin:0px auto;

	list-style:none;

  }

  footer div.footer-nav ul li  {

	width:50%;

	height:auto;

	padding:20px 0;

	margin:0px;

	float:left;

	text-align:center;

	color:#fff;

	border: 1px solid #002d75;

  }

  footer div.footer-nav ul li a  {

	color:#fff;

  }

}













/*** セクション スライド ***/

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

}

.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

}

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

}

.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

}

section#slid01 {

    margin:0px auto;

    padding:0px auto;

    text-align:center;

    display:block;

}

section#slid02 {

    display:none;

}

.scroll01 {

    position:absolute;

    z-index:9999;

    left:0;

    right:0;

    bottom:10px;

    margin:0 auto;

}

/* モバイル */

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

  section#slid01 {

    display:none;

  }

  section#slid02 {

    margin:0px auto;

    padding:0px auto;

    text-align:center;

    display:block;

  }

}