@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/* BASE */
html {
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	color: #22295E;
}
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
h1, h2, h3, h4, h5 {
	margin: 0 auto;
	padding: 0;
}
h1 img, h2 img, h3 img, h4 img, h5 img {
	width: 100%;
	height: auto;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
ul {
}
ul li {
	list-style: none;
}
div {
}
p {
}
span {
}
a {
	display: inline-block;
	border: 1px solid #22295E;
	box-sizing: border-box;
	max-height: 60px;
	max-width: 215px;
	width: 100%;
	height: 100%;
	animation: all 0.3s;
}
a:hover {
}
img {
	width: 100%;
	height: auto;
}
/* Common */

._clear {
	clear: both;
	float: none;
}
.container {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
._box {
	padding: 50px 0;
}
._box p {
	color: #22295a;
	letter-spacing: 0.1em;
	line-height: 150%;
	margin: 0 auto;
	max-width: 600px;
	padding: 3% 0;
	width: 100%;
	word-break: break-all;
}
._box .btns {
	text-align: center;
}
._box .btns a {
	min-height: 60px;
	max-width: 275px;
	width: 100%;
	height: 100%;
}
.thumbnail {
	display: table;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
.thumbnail li {
	box-sizing: border-box;
	display: table-cell;
	padding: 0 4%;
	vertical-align: top;
	width: 33.3333%;
}
.thumbnail li label, .thumbnail li h4, .thumbnail li img {
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10%;
}
.points {
 padding-bottom:;
}
.points .thumbnail li label {
	padding-bottom: 5px;
}
.points .thumbnail li h4 {
	letter-spacing: 2.5px;
	line-height: 30px;
	padding-bottom: 10px;
}
.points .thumbnail li img {
	height: 213px;
	width: auto;
	padding-bottom: 10px;
}
.points .thumbnail li p {
	letter-spacing: 2px;
	line-height: 30px;
}
header {
}
header ul {
	display: table;
	margin: 0;
	padding: 45px 0 0;
	table-layout: fixed;
	width: 100%;
}
header ul li {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
header .logo {
	width: 34%;
}
header .logo h2 {
	border: 0 none;
	display: inline-block;
	height: auto;
	width: 100%;
}
header .logo a {
	border: 0 none;
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 100%;
}
header .btns {
	text-align: right;
	width: 66%;
}
header .btns a {
	margin-left: 15px;
	min-height: 58px;
}
header .btns a:hover {
}
a.login, a.regis {
	background-color: #005bac;
	border-color: #005bac;
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
}
a.login:hover, a.regis:hover {
	background-color: #FFF;
	color: #005bac;
}
a.login {
}
a.regis {
}
a.detail {
	background-image: url("../img/btn/btn_detail_off.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 60px;
}
a.function {
	background-color: #fff;
	background-image: url("../img/icon/icon_toR.png");
	background-position: right 3% center;
	background-repeat: no-repeat;
	background-size: auto auto;
	color: #22295a;
	font-weight: bold;
	margin-bottom: 7.5%;
	padding: 5%;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
	max-width: 275px;
}
a.function:last-child {
	margin-bottom: 0;
}
a.detail:hover {
	background-image: url("../img/btn/btn_detail_on.png");
	background-color: #22295a;
}
/* TOP */

.bkg_white {
	background-color: #fff;
}
.bkg_sky_blue {
	background-color: #BDEAEE;
}
.bkg_green_blue {
	background-color: #E3F9EB;
}
.bkg_grey {
	background-color: #F5F8F8;
}
.bkg_light_blue {
	background-color: #F1F6F3;
}
.bkg_blue {
	background-color: #22295E;
	color: #fff;
}
/*font*/
.f_mont {
	font-family: 'Montserrat', "arial black";
}
.page_top {
	position: relative;
}
.page_top h3 {
	padding: 0 0 80px;
}
.page_top h4 {
	padding-left: 3%;
}
.page_top h4 img {
	width: auto;
}
.page_top a {
	margin: 1% 0 0 3.5%;
}
.page_top .container {
}
.page_top .mainPhoto {
	background-color: transparent;
	bottom: 70%;
	display: table;
	left: 50%;
	margin: 0;
	max-width: 450px !important;
	position: absolute;
	right: 50%;
	table-layout: fixed;
	top: 20%;
	width: 30%;/*background-color: transparent;
    display: table;
    margin: 0;
    max-width: 490px !important;
    position: absolute;
    right: 0;
    table-layout: fixed;
    top: 5%;
    width: 100%;*/
}
.page_top .bx-wrapper .bx-viewport {
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
	display: table-cell;
	width: 90% !important;
}
.page_top .bx-wrapper .bx-controls {
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
	display: table-cell;
	width: 10% !important;
	vertical-align: middle;
}
.page_top .bx-wrapper .bx-controls .bx-pager {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 100%;
}
.page_top .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
	display: block;
	float: none;
	width: 100%;
}
.page_top .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
	background-color: transparent;
	background-image: url("../img/icon/icon_slider_off.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: medium none;
	border-radius: 0;
	height: 19px;
	margin-bottom: 10%;
	width: 19px;
}
.page_top .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
	background-image: url("../img/icon/icon_slider_on.png");
}
.page_top .bkg_green_blue {
	padding: 80px 0 60px;
}
.page_top .bkg_green_blue h4 {
	padding: 0 0 10px 25px;
}
.page_top .bkg_green_blue h4 a {
}
.top_slider {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.top_slider li {
	width: 100%;
	height: auto;
}
.top_slider li img {
	width: 100%;
	height: auto;
}
.donyu_map {
	background-image: url("../img/icon/icon_map.png");
	background-position: center top 80px;
	background-repeat: no-repeat;
	position: relative;
}
.donyu_map .btns {
	padding-top: 160px;
}
.donyu_map h3 {
	padding-bottom: 100px;
}
.donyu {
	height: 584px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 684px;
}
.donyu .catch {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.donyu .map {
}
.donyu_map .circle {
	animation: 10s ease 0s normal none 1 running all;
	border: 1px solid #90dff4;
	border-radius: 50%;
	display: block;
	height: 100%;
	left: 0;
	margin: auto;
	max-height: 700px;
	max-width: 700px;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 50px;
	width: 70%;
}
.donyu_map .circle:hover {
/*max-height: 500px;
    max-width: 500px;
    width: 70%;
    height: 100%;
    border: 5px solid #90dff4;
    animation: all 10s;*/

}
.ikyoku, .points, .contents, .donyu_map {
	padding: 135px 0;
}
.ikyoku {
	padding: 135px 0 125px;
}
.ikyoku_2 {
	padding: 185px 0 220px;
}
.ikyoku_2 p {
	letter-spacing: 2px;
	line-height: 25px;
	padding: 20px 0 0;
}
.ikyoku p {
	letter-spacing: 2px;
	line-height: 30px;
}
.points {
	padding: 135px 0 165px;
}
.points_2 {
	padding: 210px 0 260px;
}
.points_2 h3 {
	padding-bottom: 60px;
}
.points_2 li {
}
.points_2 li h4 {
	letter-spacing: 2px;
	padding: 0 0 20px;
}
.points_2 li label {
	letter-spacing: 2px;
	padding: 0 0 10px;
}
.points_2 li img {
}
.points_2 li p {
	letter-spacing: 1px;
	padding: 0 0 10px;
	line-height: 25px;
}
.contents {
	padding: 100px 0 65px;
}
.donyu_map {
	padding: 180px 0 240px;
}
.points h3, .contents h3 {
	padding: 5% 0;
}
.contents .thumbnail {
	padding: 0 0 70px;
}
.contents_2 {
	padding: 150px 0 80px;
}
.contents_2 h3 {
	padding-bottom: 50px;
}
.contents_2 .thumbnail {
	padding: 0 0 90px;
}
.contents .thumbnail li {
	padding: 0 3%;
}
.contents .thumbnail li img {
}
.contents .thumbnail li h4, .contents_2 .thumbnail li h4 {
	padding-bottom: 15px;
}
.contents .thumbnail li p, .contents_2 .thumbnail li p {
	letter-spacing: 1px;
	line-height: 30px;
	min-height: 100px;
	padding: 0;
}
.contents .thumbnail li a, .contents_2 .thumbnail li a {
	font-size: 16px;
	letter-spacing: 2px;
	padding: 20px;
}
footer {
	text-align: center;
	padding: 30px 0 0;
}
footer #copyright {
	margin: 0 auto;
	padding: 35px 0 20px;
}
footer .links {
}
footer .links a {
	color: #fff;
	display: inline;
}
.points .thumbnail li img.icon {
	max-height: 228px;
}
.contents_2 li {
	padding: 0 3%;
}
.contents_2 li h4 {
	letter-spacing: 2px;
	line-height: 30px;
}
.contents_2 li img {
}
.contents_2 li p {
}
.page_btm {
}
.page_btm ._box {
	padding: 65px 0;
}
.page_btm .btns {
}
.page_btm .btns a {
	margin: 0 7.5px;
}
.page_top h3.f_mono {
	font-size: 32px;
	padding-left: 35px;
	line-height:26px;
}
.inq {
	color: #22295e;
	text-align: center;
	font-size: 18px;
	padding-top: 15px;
	text-decoration: none;
	width: 140px;
	box-sizing: border-box;
}
.inq:hover {
	background-color: #22295e;
	color: #FFF;
}
.pcNone {
	display: none;
}
.catch_small{
	font-size:11px;
}

.registerd {
	font-size: 80%;
	vertical-align: middle;
	margin-top: -7px;
	display: inline-block;
}

@media (max-width: 767px) {
.page_top .mainPhoto {
	display: none;
}
.header .btns {
	display: none;
}
.logo img {
	width: 260px;
}
.pcNone {
	display: block;
}
.spNavi {
	padding: 10px 20px;
	background-color: #FFF;
	width: 100%;
	box-sizing: border-box;
}
.spNavi a {
	width: auto;
	display: unset;
	border: none;
	color: #22295e;
}
header ul {
	padding-top: 10px;
}
a.function{
	background-image:none;
}
.contents .thumbnail li a, .contents_2 .thumbnail li a{
	letter-spacing:-1px;
	font-size:14px;
	padding:13px;
}
.points .thumbnail li img.icon {
    max-height: 160px;
}
}

@media (max-width: 600px) {
header .logo {
	width: 100%;
}
header ul li {
	display: block;
	margin: 0 auto;
}
header ul li.btns a {
	margin: 10px auto;
	display: block;
}
.page_top .bx-wrapper {
	display: none;
}
.page_top h4 {
	width: 100%;
	box-sizing: border-box;
}
.page_top h4 img {
	height: 45px;
}
.page_top .bkg_green_blue h4 {
	padding-left: 10px;
}
.ikyoku p, .ikyoku_2 p {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
}
.thumbnail li {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
	margin-bottom: 50px;
}
.points .thumbnail li img.icon {
	margin: 10px auto;
}
.donyu_map .circle {
	display: none;
}
._box .btns a {
	margin-bottom: 20px;
}
.points_2 li img {
	max-width: 250px;
	margin: 10px auto;
}
.logo img {
	width: 260px;
}
.page_top h3.f_mono {
	font-size: 20px;
	padding: 0 3% 30px 3%;
}
.header .btns {
	display: none;
}
.ikyoku {
	padding: 55px 0 60px;
}
.ikyoku_2 {
	padding: 55px 0 60px;
}
.donyu_map, .points_2, .contents_2, .contents, .points {
	padding: 55px 0 60px;
}
.contents .thumbnail li a, .contents_2 .thumbnail li a{
	letter-spacing:2px;
}
.points .thumbnail li img.icon {
    max-height: 228px;
}
}