@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Abel);

/* @group sanitize.css */

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
}

/* @end */

/* @group slick */

.slick-slider {
	position: relative;
}

.slick-slider button:hover {
	opacity: 1;
}

button.slick-prev {
	top: 0;
	left: 0;
	width: 100px;
	height: 100%;
	margin: 0;
	background: url(../images/icon-arrow-prev.png) center center no-repeat;
	opacity: 0.5;
}

button.slick-next {
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	margin: 0;
	padding-bottom: 100px !important;
	background: url(../images/icon-arrow-next.png) center center no-repeat;
	opacity: 0.5;
}

ul.slick-dots {
	height: 20px;
	top: -25px;
}

ul.slick-dots li {
	width: 20px;
	height: 20px;
}

ul.slick-dots li button {
	width: 20px;
	height: 20px !important;
	background: url(../images/icon-dot-gray.png) center center no-repeat;
}

ul.slick-dots li.slick-active button {
	background: url(../images/icon-dot-green.png) center center no-repeat;
}

/* @end */

/* @group common */

body {
	width: 100%;
	height: 100%;
	background: #1B4992;
	font: normal 15px/200% Abel, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	color: #333333;
	transition: 0.5s ease-in-out;
}

body.section1 {
	background-color: #1B4992;
}

body.section2 {
	background-color: #1B4992;
}

body.section3 {
	background-color: #1B4992;
}

body.section4 {
	background-color: #1B4992;
}

body.section5 {
	background-color: #1B4992;
}

body.section6 {
	background-color: #1B4992;
}

body.section7 {
	background-color: #1B4992;
}

img {
	border: none;
}

a {
	color: #000000;
	text-decoration: underline;
	outline: none;
	transition: 0.2s ease-out;
}
a:hover{
color:#1B4992;
_text-decoration:none;
}

em {
	font-style: normal;
}

ul {
	list-style: none;
}

hr {
	border-bottom: 1px solid #E6E6E6;
}

#contents > hr {
	margin: 0 10px;
}

div#contents {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

p {
	text-align: justify;
}

p.image img {
	width: 100%;
}

/* @end */

/* @group header */

header {
	z-index: 1000;
}

header div {
	height: 500px;
	padding: 0 15px;
}

header h1 {
	margin-bottom: 54px;
	padding-top: 200px;
	text-align: center;
}

header h1 a {
	cursor: default;
}

/* @group nav */

nav h2 {
	position: absolute;
	visibility: hidden;
}

nav ul {
	text-align: center;
}

nav ul li {
	display: inline;
	margin: 0 40px;
	font: normal 14px/200%;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
}

nav ul li a {
	display: inline-block;
	text-decoration: none;
}

nav ul li:nth-child(1) a:first-letter {
	color: #1B4992 !important;
}

nav ul li:nth-child(1):hover a {
	color: #1B4992;
}

nav ul li:nth-child(2) a:first-letter {
	color: #1B4992;
}

nav ul li:nth-child(2):hover a {
	color: #1B4992;
}

nav ul li:nth-child(3) a:first-letter {
	color: #1B4992;
}

nav ul li:nth-child(3):hover a {
	color: #1B4992;
}

nav ul li:nth-child(4) a:first-letter {
	color: #1B4992;
}

nav ul li:nth-child(4):hover a {
	color: #1B4992;
}

nav ul li:nth-child(5) a:first-letter {
	color: #1B4992;
}

nav ul li:nth-child(5):hover a {
	color: #1B4992;
}

nav ul li:nth-child(6) a:first-letter {
	color: #1B4992;
}

nav ul li:nth-child(6):hover a {
	color: #1B4992;
}

/* @end */

/* @group nav fixed */

div#contents.scrolled header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

div#contents.scrolled header div {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	max-width: 1260px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.85);
}

div#contents.scrolled header h1 {
	display: inline-block;
	margin: 0;
	margin-left: -10px;
	padding-top: 0;
	vertical-align: middle;
}

div#contents.scrolled header h1 a {
	cursor: pointer;
}

div#contents.scrolled header h1 a:hover {
	opacity: 0.5;
}

div#contents.scrolled header h1 a img {
	width: 229px;
	height: auto;
}

div#contents.scrolled header nav {
	display: inline-block;
	vertical-align: middle;
}

div#contents.scrolled header nav ul li {
	margin: 0;
	margin-left: 40px;
	color: #808080;
}

div#contents.scrolled div#main {
	padding-top: 500px;
	transition: none;
}

/* @end */

/* @group main */

article {
	margin: 0 10px;
	background: url(../images/top_bg.png) #FFFFFF;
}

div#main {
	background: url(../images/back_gray.png) #FFFFFF;
}

div#main > h2 {
	display: none;
}

section {
	max-width: 718px;
	margin: 0 auto;
	margin-bottom: 140px;
	padding:  100px 15px 0 15px;
}

section > *:nth-child(n+6) {
	opacity: 0.2;
	transition: 0.5s ease-in-out;
}

body.section2 section#greeting > *,
body.section3 section#outline > *,
body.section4 section#apply > *,
body.section5 section#program > *,
body.section6 section#contact > * {
	opacity: 1;
}

section h3 {
	margin-bottom: 50px;
	font-size: 42px;
	font-weight: 100;
	text-align: center;
	letter-spacing: 0.2em;
}

section h4 {
	font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic","MS Pゴシック",Osaka,sans-serif; 
	color: #1B4992;
	font-size: 24px;
	font-weight: 100;
	text-align: center;
}

section h5 {
	color: #000000;
	font-size: 20px;
	font-weight: 100;
	text-align: left;
}

section h6 {
	font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic","MS Pゴシック",Osaka,sans-serif; 
	color: #000000;
	font-size: 14px;
	font-weight: 100;
	text-align: right;
}

section h9 {
	font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic","MS Pゴシック",Osaka,sans-serif; 
	color: #cccccc;
	font-size: 14px;
	font-weight: 100;
	text-align: right;
}

section h7 {
	color: #000000;
	font-size: 14px;
	font-weight: 100;
	text-align: left;
}

section h8 {
	color: #1B4992;
	font-size: 20px;
	font-weight: 100;
	text-align: center;
}

section p {
	margin-bottom: 30px;
}

section > ul li {
	margin-bottom: 1em;
	line-height: 150%;
}

/* @end */

/* @group greeting */

section#greeting em {
	color: #2996CC;
}

section#greeting h4 {
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

section#greeting h5 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

#table {
　width:100%;
　display:table;
　table-layout:fixed;
}

#table-row{
   display:table-row;
}

#side_l,#side_m,#side_r,#side_head{
   display: table-cell;
}

#side_l {
   width: 180px;
   vertical-align:top;
   white-space: nowrap;
}

#side_m {
   width: 150px;
   vertical-align: top;
   white-space: nowrap;
}

#side_r {
   width: 430px;
   vertical-align: top;
   white-space: nowrap;
}

/* @end */

/* @group outline */

section#outline em {
	color: #2996CC;
}

section#outline h4 {
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

section#outline h5 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

section#outline dl {
	display: table;
	line-height: 170%;
	margin-bottom: 0.5em;
}

section#outline dl dt {
	display: table-cell;
	width: 8em;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
}

section#outline dl dd {
	display: table-cell;
}

/* @end */

/* @group apply */

section#apply em {
	color: #2996CC;
}

section#apply h4 {
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

section#apply h5 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

section#apply dl {
	display: table;
	line-height: 170%;
	margin-bottom: 0.5em;
}

section#apply dl dt {
	display: table-cell;
	width: 8em;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
}

section#apply dl dd {
	display: table-cell;
}

/* @end */

/* @group program */

section#program em {
	color: #2996CC;
}

section#program h4 {
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

section#program h5 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

section#program dl {
	display: table;
	line-height: 170%;
	margin-bottom: 0.5em;
}

section#program dl dt {
	display: table-cell;
	width: 8em;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
}

section#program dl dd {
	display: table-cell;
}

/* @end */

/* @group contact */

section#contact em {
	color: #2996CC;
}

section#contact {
	margin-bottom: 0;
	padding-bottom: 140px;
}

section#contact dl {
	display: table;
	line-height: 150%;
	margin-bottom: 0.5em;
}

section#contact dl dt {
	display: table-cell;
	width: 8em;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
}

section#contact dl dd {
	display: table-cell;
}

.gmap-container {
	margin-bottom: 5px;
}

.gmap-container iframe {
	width: 100%;
}

section#contact p.link-to-gmap {
	margin-bottom: 5px;
	text-align: right;
	font-size: 84%;
}

section#contact p.link-to-gmap a {
	color: #3197CA;
}

/* @end */

/* @group video */

section#video em {
	color: #2996CC;
}

section#video h4 {
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

section#video h5 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

section#video dl {
	display: table;
	line-height: 170%;
	margin-bottom: 0.5em;
}

section#video dl dt {
	display: table-cell;
	width: 8em;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
}

section#video dl dd {
	display: table-cell;
}

/* @end */

.btnBox{
position:relative;
width:250px;
height:60px;
margin-top:10px;
margin-bottom:10px;
}
.btnBox .btnBLUE{
width:200px;
display:block;
position:absolute;
top:0;
left:300px;
}
.btnBox .btnBLUE a{font-size:14px}

.btnBLUE { 
border:1px solid #384e8b;
box-shadow:inset 1px 1px 2px rgba(255,255,255,0.8);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:url("../images/bgBtnBlue.png") repeat-x top #384e8b; 
}
.btnBLUE:hover { 
box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);
background:url("../images/bgBtnBlueHover.png") repeat-x top #77c3ea; 
}
.btnBLUE input { 
line-height:1.0;
width:100%;
border:0;
cursor:pointer;
display:block;
font-size:16px;
height:36px;
padding:1px 10px;
font-weight:bold;
color:#FFF;
text-shadow:1px 1px 0px #2c2a25;
background:none;
font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic","MS Pゴシック",Osaka,sans-serif; 
}
.btnBLUE input:hover { padding:2px 10px 0; }
.btnBLUE a { 
line-height:1.0;
text-decoration:none;
color:#FFF;
display:block;
width:100%;
font-size:16px;
padding:12px 0 10px;
font-weight:bold;
text-align:center;
text-shadow:0px 1px 0px #2c2a25;
}
.btnBLUE a:visited{color:#FFF}
.btnBLUE a:hover{
color:#FFF;
_text-decoration:none;
padding:13px 0 9px;
}

.btn-white {
  display: inline-block;
  padding: 6px 60px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  color: #000;
  background-color: #FFF;
  border-color: #FFF;
}
.btn-white:hover{
  background-color: rgba(150,150,150,0.8);
  color: #FFF;
}

table {
  border-collapse: collapse;
  width: 100%;
}
th,
td {
  padding: 1rem 2rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
th {
  text-align: center;
  font-weight: normal;
  font-size: .875rem;
  color: #666;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #ddd;
}
td.p1 {
  white-space: nowrap;
  vertical-align: top;
}
td.p2 {
  text-align: center;
  background: #eeeeee;
}

.table_01{
width: 90%;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}
.table_01 th{
width: 25%;
padding: 6px;
text-align: left;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_01 th.w60{
width: 60%;
padding: 6px;
text-align: left;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_01 th.w15{
width: 15%;
padding: 6px;
text-align: left;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.table_02{
width: 90%;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}
.table_02 th{
width: 50%;
padding: 6px;
text-align: left;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_02 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/* @end */

/* @group footer */

footer {
	padding: 40px 15px 140px 15px;
	background-color: #FFFFFF;
}

footer .pagetop {
	position: fixed;
	left: 50%;
	bottom: 20px;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background-color: #1B4992;
	overflow: hidden;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
}

body.section1 footer .pagetop {
	background-color: #1B4992;
}

body.section2 footer .pagetop {
	background-color: #1B4992;
}

body.section3 footer .pagetop {
	background-color: #1B4992;
}

body.section4 footer .pagetop {
	background-color: #1B4992;
}

body.section5 footer .pagetop {
	background-color: #1B4992;
}

body.section6 footer .pagetop {
	background-color: #1B4992;
}

body.section7 footer .pagetop {
	background-color: #1B4992;
}

footer small {
	display: block;
	max-width: 728px;
	margin: 0 auto;
	padding-bottom: 100px;
	font-size: 100%;
}

/* @end */

@media (max-width:640px) {

/* @group common */

body {
	background-image: none;
}

/* @end */

/* @group header */

header {
}

header div {
	height: auto;
	padding-top: 80px;
	padding-bottom: 60px;
}

header h1 {
	margin-bottom: 40px;
	padding-top: 0;
}

header h1 img {
	width: 50%;
	min-width: 240px;
}

/* @group nav */

nav ul {
	text-align: center;
}

nav ul li {
	display: block;
	margin-top: 10px;
	
}

/* @end */


/* @group main */

section {
	margin-bottom: 70px;
	padding-top: 50px;
}

section h3 {
	margin-bottom: 40px;
	font-size: 34px;
}

section h4 {
	font-size: 22px;
}

section p {
	margin-bottom: 40px;
}

/* @group about */

section#about ul {
	margin-bottom: 40px;
}

section#about h4 {
	margin-bottom: 10px;
}

/* @end */

/* @group contact */

section#contact {
	padding-bottom: 70px;
}

.gmap-container iframe {
	height: 240px;
}

section#contact p.link-to-gmap {
	margin-bottom: 20px;
	text-align: center;
}

/* @end */

/* @group footer */

footer .pagetop {
	bottom: 10px;
}

/* @end */
}