@charset "UTF-8";
/* Copyright (C) Google
* https://www.google.com/get/noto/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



.rinen{
	background: url(../images/subt.jpg) no-repeat center top;
	text-indent: -9999px;
	background-size: cover;
	height: 550px;
	padding: 20px 0;
	}
	
@media (min-width: 375px) and (max-width: 700px) {	


.rinen{
	background: url(../images/subt.jpg) no-repeat right top;
	text-indent: -9999px;
	background-size: cover;
	height: 165px;
	padding: 20px 0;
	}
}

@media (max-width: 374px) {	
.rinen{
	background: url(../images/subt.jpg) no-repeat right top;
	text-indent: -9999px;
	background-size: cover;
	height: 140px;
	padding: 20px 0;
	}
}
	
body {
	font-family: "Noto Sans Japanese", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	background: #A1D6E3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
}
html {
	position: relative;
	min-height: 100%;
}
body {
	margin: 0 0 100px 0; /* bottom = footer height */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
	font-family: "Noto Sans Japanese", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, .uneditable-input:focus {
	border-color: #4E9CB5;
	box-shadow: none;
	outline: 0 none !important;
}
p {
	margin: 0 0 20px 0;
	line-height: 180%;
}
header {
	background: #f0f2f7;
	padding: 10px 0;
	z-index: 99;
}
header .logo {
	max-width: auto;
}

/*↓テキスト追加時は削除*/
@media screen and (min-width:800px){
	.jumbotron .container{padding: 50px 0 50px 0;}
	
	

	}

@media (min-width: 320px) and (max-width: 480px) {
	img{width: 100%;}
	header .logo {
	max-width: 200px;
}
.jumbotron h2 {
line-height: 24px !important;
}
}
.jumbotron {
	margin-top: 80px;
	width: 100%;
	min-height: 600px;
	height: 62vh;
	background: url("../images/mainv.jpg") center center;
	background-size: cover;
	opacity: 2;
	display: table;
	width: 100%;
	position: relative;
	border-radius: 0px;
	text-transform: uppercase;
	margin: 0;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 100% 100%, 0 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 100% 100%, 0 100%);
	overflow: hidden;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,1.0) inset;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,1.0) inset;
	box-shadow: 0 2px 5px rgba(0,0,0,1.0) inset;
	padding-top: 80px;
	padding-right: 80px;
	padding-left: 80px;
	padding-bottom: 80px;
}
.jumbotron h1 {
	font-weight: 900;
	font-size: 70px;
	color: #FA6900;
	-webkit-text-shadow: 0px 0px 0 rgba(255,255,255,1.0),
	0px 0px 1px rgba(255,255,255,1.0),
	0px 0px 3px rgba(255,255,255,1.0),
	0px 0px 3px rgba(255,255,255,1.0),
	0px 0px 5px rgba(255,255,255,1.0),
	0px 0px 5px rgba(255,255,255,1.0),
	0px 0px 9px rgba(255,255,255,1.0);
	-moz-text-shadow: 0px 0px 0 rgba(255,255,255,1.0),
	0px 0px 1px rgba(255,255,255,1.0),
	0px 0px 3px rgba(255,255,255,1.0),
	0px 0px 3px rgba(255,255,255,1.0),
	0px 0px 5px rgba(255,255,255,1.0),
	0px 0px 5px rgba(255,255,255,1.0),
	0px 0px 9px rgba(255,255,255,1.0);
	text-shadow: 0px 0px 0 rgba(255,255,255,1.0),
	0px 0px 1px rgba(255,255,255,1.0),
	0px 0px 3px rgba(255,255,255,1.0),
	0px 0px 3px rgba(255,255,255,1.0),
	0px 0px 5px rgba(255,255,255,1.0),
	0px 0px 5px rgba(255,255,255,1.0),
	0px 0px 9px rgba(255,255,255,1.0);
}
.jumbotron h2 {
	font-size: 20px;
	margin: 0;
	-webkit-text-shadow:
    0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0);
	-moz-text-shadow: 0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0);
	text-shadow: 0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 0px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 1px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 2px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 3px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0),
	0px 0px 4px rgba(255,255,0,1.0);
	line-height: 1.65;
	font-weight: 600;
}


#video-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	background: #000;
	z-index: -1;
	/*background-size: cover;*/
	opacity: 1;
}

.wrap01{background: #A1D6E3;}
#cform{background: #f3f3f3;}
#about,
#cal{background: #fff;}
#about2,
#rinen{background: #CAE7EF;}

.main-content h2,
.h2{
display: block;
width: 100%;
color:#337ab7;
font-size: 30px;
padding: 15px 10px;
margin: 0 0 100px 0;
-webkit-box-shadow:
	1px 2px 1px -1px rgba(0,0,0,0.1),
	0px 15px 0 -1px #337ab7,
	0px 16px 3px -1px rgba(0,0,0,0.2);
-moz-box-shadow:
	1px 2px 1px -1px rgba(0,0,0,0.1),
	0px 15px 0 -1px #337ab7,
	0px 16px 3px -1px rgba(0,0,0,0.2);
box-shadow:
	1px 2px 1px -1px rgba(0,0,0,0.1),
	0px 15px 0 -1px #337ab7,
	0px 16px 3px -1px rgba(0,0,0,0.2);}
.h3{
	width:99%;
	font-size: 22.5px;
	background:#FAFAFA;
	color:#0F97B9;
	-webkit-box-shadow:
	1px 1px 1px 1px rgba(0,0,0,0.1),
	15px 15px 0 -5px #0F97B9,
	15px 15px 1px -4px rgba(0,0,0,0.2);
	-moz-box-shadow:
	1px 1px 1px 1px rgba(0,0,0,0.1),
	15px 15px 0 -5px #0F97B9,
	15px 15px 1px -4px rgba(0,0,0,0.2);
	box-shadow:
	1px 1px 1px 1px rgba(0,0,0,0.1),
	15px 15px 0 -5px #0F97B9,
	15px 15px 1px -4px rgba(0,0,0,0.2);
	padding:15px 15px 15px 42px;
	margin: 0 0 50px 0 !important;
	position: relative;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	 font-weight: 700 !important;
	}
	
.h3:before, .h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 1px;
 
  margin: auto auto auto 10px;
}
.h3:before {
  top: -6px;
  left: 0px;
  border: 10px solid #00A1CB;
}
.h3:after {
  top: 6px;
  left: 6px;
   border: 10px solid #67CDDC;
 }

#black {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	background: rgba(255,255,255,0.5);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 41%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 41%);
    z-index: -1;
}
/*#main-wrapper {
	margin-top:
}*/
.main-content {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #FFF;
	margin-bottom: 50px;
	
}
.main-content .white-box {
	padding: 25px;
	background: #fff
}
.main-content ul {
	list-style: initial;
	margin-left: 15px
}
.main-content .final-cta {
	font-size: 18px;
	font-family: "Montserrat", sans-serif; font-weight:700;
	text-transform: uppercase
}
.form-container {
	background: #fff;
	padding: 25px;
	border-radius: 3px;
	margin-top: -100px;
}
.form-container div {
	margin: 20px 0;
}
.form-container input, .form-container select {
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: "Open Sans", sans-serif; font-weight:300;
	font-size: 12px;
	padding: 3px 0;
	border-radius: 0px;
	box-shadow: none;
	-webkit-appearance: none;
	color: #000;
	letter-spacing: 1px
}
.form-container option {
	margin: 0;
}
.form-container label {
	display: none
}
.form-container h4 {
	margin: 0;
}
.form-container .placeholder {
	color: #000 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: "Open Sans", sans-serif; font-weight:300;
}
select option:first-child {
	display: none;
}
::-webkit-input-placeholder {
 color: #000 !important;
 text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family:Gibson-Light;
}
.form-container .btn-primary {
	background: #00A1CB;
	padding: 15px 0;
	border-radius: 3px;
	font-family: "Montserrat", sans-serif; font-weight:700;
	text-transform: uppercase;
	color: white
}

:-moz-placeholder { /* Firefox 18- */
 color: #000 !important;
 text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family: "Open Sans", sans-serif; font-weight:300
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #000 !important;
 text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family: "Open Sans", sans-serif; font-weight:300
}

:-ms-input-placeholder {
 color: #000 !important;
 text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family: "Open Sans", sans-serif; font-weight:300
}

.container img{max-width: 100%;}

footer {
	color: #999;
	position: absolute;
	background: rgba(26,29,37,1);
	left: 0;
	bottom: 0;
	height: 200px;
	width: 100%;
	padding: 50px 0 0 0;
}

.list li{list-style: none !important;
margin: 0 0 20px 0;
border-bottom: 1px dashed #BCBCBC;
}
.list li:before{
	font-family:"FontAwesome";
	content:"\f058";
	margin: 0 20px 0 0;
	color: #A4E545;
	}


/*==Color List==*/
.colortext-w {
  color: rgb(255,255,255) !important; }

.colortext-c1 {
  color: rgb(1,164,164) !important; }

.colorbg-c1 {
  background-color: rgb(1,164,164)  !important; }
  
.colortext-c2 {
  color: rgb(0,161,203) !important; }

.colorbg-c2 {
  background-color: rgb(0,161,203)  !important; }
  
.colortext-c3 {
  color: rgb(15,151,185) !important; }

.colorbg-c3 {
  background-color: rgb(15,151,185)  !important; }
  
.colortext-c4 {
  color: rgb(215,0,96) !important; }

.colorbg-c4 {
  background-color: rgb(215,0,96)  !important; }
  
.colortext-c5 {
  color: rgb(241,141,5) !important; }

.colorbg-c5 {
  background-color: rgb(241,141,5)  !important; }
  

.colortext-c6 {
  color: rgba(103,225,220,1.00)  !important; }
.colorbg-c6 {
  background-color: rgba(103,225,220,1.00)  !important; }
  
.colortext-c7 {
  color: rgba(26,135,130,1.00)  !important; }
.colorbg-c7 {
  background-color: rgba(26,135,130,1.00)  !important; }
 
.colorbg-c8{background-color:#aac8e2 !important;}

.colorbg-w {
	background-color: rgb(255,255,255)  !important;
}

.box{padding: 15px;}
 .colorbg-r {
  background-color: rgba(223,0,3,1.00)  !important; }

.aligncenter{text-align: center;}
.alignright{text-align: right;}
.alignleft {text-align: left;}
.bold{font-weight: 900 !important;}

.marginb5{margin-bottom: 5px;}
.marginb10{margin-bottom: 10px;}
.marginb20{margin-bottom: 20px;}
.marginb30{margin-bottom: 30px!important;}
.marginb40{margin-bottom: 40px !important;}
.marginb50{margin-bottom: 50px !important;}
.marginb80{margin-bottom: 80px !important;}
.marginU80{margin-top: 80px !important;}
.big{font-size: 1.5em;}

/* Individual Controls
 ------------------------------------------------------------- */
.radio {
  display: inline-block;
  padding-right: 20px;
  font-size: 18px;
  line-height: 49px;
  cursor: pointer;
}
.radio:hover .inner {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: .5;
}
.radio input {
  height: 1px;
  width: 1px;
  opacity: 0;
}
.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.radio input:checked + .outer {
  border: 3px solid #4E9CB5;
}
.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #4E9CB5;
}
.radio .outer {
  height: 26px;
  width: 26px;
  display: block;
  float: left;
  margin: 10px 9px 10px 10px;
  border: 2px solid #60ad24;
  border-radius: 50%;
  background-color: #fff;
}
.radio .inner {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  height: 16px;
  width: 16px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 2px;
  border-radius: 50%;
  background-color: #4E9CB5;
  opacity: 0;
}


input[type="text"],
textarea{
	width: 95%;
	padding: 10px;
	border: 2px solid #60AD24;
	border-radius: 5px;}
#cform dt{
	border-bottom: dashed 1px #CDCDCD;
	margin: 20px 0 10px 0;}
#cform dd{margin: 0 0 20px 0;}

@media (min-width: 320px) and (max-width: 480px) {
/*tr,
th,
td{display:block;}*/

.jumbotron {
	display: block;
	min-height: 100vh;
    height:auto;
	padding: 80px 0;
}
.jumbotron h1 {
	font-size: 30px;
}
.jumbotron h2 {
	font-size: 16px;
}
.form-container {
	margin-top: 20px;
}
}
 /**** END 320 and 480 ****/

.border{border:1px solid #ECECEC;}
.borderB{border-bottom:1px solid #ECECEC;}

dt,
dd{font-weight:500;}

/*===Page top===*/
.backtotop {
	position: fixed;
	right: 20px;
	bottom: 20px;
    display: none;
} 
.backtotop a {
    display: block;
    padding: 14px 6px;
    margin: 0;
}

/*================================追加===================================*/
.counter{  counter-reset: counter-list;
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;}
.counter-list{
  counter-increment: counter-list;
  margin: 1em 0;
  position: relative;
  width: 100%;
}
.counter-list::before {
  content: counter(counter-list,decimal);
  background: #FFF;
  border: 5px solid #FFF;
  border-radius: 50%;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 2.5em;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2.8em;
  z-index: 2;
}

.counter-list > span {
  border-radius: 4px;
  color: #FFF;
  display: inline-block;
  position: relative;
  line-height: 2em;
  margin: 0 0 0 -2em;
  padding: 0em 2em 0em 3em;
  vertical-align: middle;
  width: 95%;
}

.counter-list > span::after {
  background: transparent;
  content: "";
  position: absolute;
  top: 24%;
  right: 2%;
  width: 50%;
  height: 50%;
  max-width: 300px;
  z-index: -1;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}


.counter-list:nth-child(odd)::before {
  background: #2980B9;
  border-color: #FFF;
  box-shadow: 0 0 0 8px #2980B9;
}

.counter-list:nth-child(odd) > span {
  background: #2980B9;
}

.counter-list:nth-child(even)::before {
  background: #16A085;
  border-color: #FFF;
  box-shadow: 0 0 0 8px #16A085;
}

.counter-list:nth-child(even) > span {
  background: #16A085;
}
.big2{font-size: 1.2em;}
.big3{font-size: 1.5em;}

/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
/* Border-box-sizing */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Clearfix */
.block-group {
*zoom: 1;}
.block-group:before, .block-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.block-group:after {
  clear: both;
}

.block-group {
  /* ul/li compatibility */
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Nested grid */
.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important;
}

/* Default block */
.block {
  float: left;
  width: 100%;
}

.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background-color: #EEE;/*#E0E9FF; /* Old browsers */
	color: #333;
	border: solid 1px #DDD;
	text-align: center;
	padding: 30px 10px;
}

@media screen and (min-width: 800px){
.w90 { width: 90%;}
.w80 { width: 80%;}
.w75 { width: 75%;}
.w70 { width: 70%;}
.w65 { width: 65%;}
.w60 { width: 60%;}
.w50 { width: 50%;}
.w40 { width: 40%;}
.w25 { width: 25%;}
.w20 { width: 20%;margin: 0 14px 0 14px;}
.w10 { width: 9%; margin: 0 5px 0 5px;}
.subtitle{font-size: 1.3em !important;}
iframe.youtube{
	width: 100%;
	height: 100vh;
	}

}
@media screen and (max-width: 799px){
.w20 { margin: 14px 0 14px 0;}
.w10 { margin: 0 5px 0 5px;}
iframe{
	width: 100%;
	height: 45vh;
	}

	}

.btn-xlg{width: 100%;border-radius: 8px;font-size: 1.5em;overflow: hidden;}
.bgw{background: #FFF !important;}

.wrap{height: 100% !important;}