@charset "UTF-8";
article, aside, figcaption, figure, footer, header, img, nav, section {
display:block
}
body, dd, div, dl, dt, h1, h2, h3, h4, html, img, li, ol, p, span, table, td, th, tr, ul, figure {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
letter-spacing: 0.03em;
font-size: 14px;
line-height: 2.0;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
font-weight: normal;
}
ol, ul {
list-style:none
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/*button {
border:none
}*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
a {  }
a:link {
color: #0066FF;
text-decoration: none;
}
a:visited {
color: #0066FF;
text-decoration: none;
}
a:hover, a:active {
color: #0066FF;
text-decoration: underline;
}
@media screen and (max-width: 896px) {
a:hover, a:active {
text-decoration: none;
}
}

/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */
.container{
overflow: hidden;
position: relative;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 896px) {
.container {
}
}

.Box01{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 896px) {
.Box01{
padding-top: 7%;
padding-bottom: 7%;
}
}
.Box01b{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 0px;
}
@media screen and (max-width: 896px) {
.Box01b{
padding-top: 7%;
}
}
.Box02{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 896px) {
.Box02{
padding-top: 10%;
padding-bottom: 10%;
}
}
/* ------ Column ------ */
.row_swp{
max-width: 1296px;
margin: 0 auto;
}.row110{
max-width: 1100px;
margin: 0 auto;
}
.row120{
max-width: 1200px;
margin: 0 auto;
}
.row,.row00{
max-width: 1000px;
margin: 0 auto;
}
.row:after,.row00:after {
content: "";
display: block;
clear: both;
}
.row02 {
max-width: 900px;
margin: 0 auto;
}
.row800 {
max-width: 800px;
margin: 0 auto;
}
.row800in {
max-width: 800px;
margin: 0 auto;
}
.row720 {
max-width: 720px;
margin: 0 auto;
}
.row720in {
max-width: 720px;
margin: 0 auto;
}
.row700 {
max-width: 700px;
margin: 0 auto;
}
.row700in {
max-width: 700px;
margin: 0 auto;
}
.row480in {
max-width: 480px;
margin: 0 auto;
}
.row730 {
max-width: 730px;
margin: 0 auto;
}
.row740 {
max-width: 740px;
margin: 0 auto;
}
.row02:after {
content: "";
display: block;
clear: both;
}
.pc_only {
display: block;
}
.sp_only {
display: none;
}

@media screen and (max-width: 896px) {
/* 左右に余白を設定 */
.row110,.row120,.row,.row02,.row720,.row730,.row800,.row700,.row740  {
padding: 0 6%;
}
.row00,.row720in,.row800in,.row480in,.row700in {
padding-top: 0;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0;
}
.pc_only {
display: none !important;
}
.sp_only {
display: block;
}
}
.row_swp  {
padding: 0 0%;
}
.imgpc {
width: auto;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.imgfull img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 896px) {
.imgpc {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
}


.getting-ready{
/*position: relative;*/
}
.inner{
/*margin: 50vh auto 0;
transform: translateY(-50%);*/
text-align: center;
margin-top: 100px;
}
.inner h1{
margin-bottom: 100px;
}
.inner h1 img{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 70%;
height: auto;
display: block;
}
.lead h1 span{
	font-size: 20px;
	line-height: 2em;
	font-weight: normal;
	margin-bottom: 0px;
	display: block;
}
.lead h2{
font-size: 30px;
line-height: 2em;
font-weight: bold;
margin-bottom: 15px;
}
.inner p{
font-size: 16px;
line-height: 2em;
text-align: left;
}
.inner p.comm{
margin-bottom: 50px;
}
.inner p.address,.inner p.copyright{
font-size: 13px;
line-height: 2em;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
color: #444444;
}
@media screen and (max-width: 767px) {
.getting-ready{
position: static;
}
.inner{
margin-top: 50px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
transform: translateY(0%);
text-align: center;
}
.inner h1{
margin-bottom: 50px;
}
.inner h1 img{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 100%;
height: auto;
display: block;
}
.lead h2{
font-size: 25px;
}
.inner p{
font-size: 14px;
}
.inner p.comm{
margin-bottom: 50px;
}
.inner p.address,.inner p.copyright{
font-size: 12px;
text-align: left;
margin-bottom: 50px;
}
}



/*NEWS*/

.plan {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.plan ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.plan li {
width: 31.3333%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 0px;
margin-top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #D5E8B2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.plan li a {
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
.plan li i{
	margin-left: 10px;
}
i.fa-chevron-right {
margin-left: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a:hover i.fa-chevron-right{
margin-left: 15px;
color: #000000;
}
.plan ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 834px) {
.plan {
width: 100%;
}
.plan li {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 10px;
}
}