@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	text-decoration: none;
	list-style: none;
	letter-spacing: 1px;
	font-family:'ヒラギノ角ゴ Pro W3',YuGothic,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.indent_01 {
	text-indent:-2em;
	margin-left:2em;
}
/*============================================
content
============================================*/

@media (min-width: 970px){
.container-fluid {
    max-width: 970px;
	}
}

.section_01 {
	margin-bottom: 50px;
}
.section_02 {
	margin-bottom: 30px;
}
.section_03 {
	margin-bottom: 20px;
}

@media (max-width:767px) {
	.section_01 {
		margin-bottom: 20px;
	}
	.section_02 {
		margin-bottom: 15px;
	}
	.section_03 {
		margin-bottom: 10px;
	}
}

header {
	margin-bottom: 0;
	padding-top: 20px;
}
header h1 img {
	width: 70%;
	margin-top: 5px;
}
@media (max-width:767px) {
	header {
		padding-top: 0;
	}
	header .navbar-brand {
		height: auto;
		padding: 5px 10px 10px;
	}
	header h1 {
		width: 75%;
	}
	header .navbar {
		border: none;
	}
	header .navbar .container-fluid {
		z-index: 2;
		background-color: #FFFFFF;
		border-bottom: 1px solid #CCCCCC;
}

}
.tellArea .tell span {
	margin-right: 3px;
	font-size: 80%;
}
header .tellArea .tell {
	text-align: right;
	font-size: 180%;
	line-height: 1;
	margin-bottom: 0;
}
header .tellArea .tell a {
	line-height: 1;
	color: #007bc4;
}
header .tellArea .tell a:hover{
	text-decoration: none;
}
header .tellArea .time {
	text-align: right;
	font-size: 90%;
	line-height: 1;
}
header .tellArea .time br {
	line-height: 1;
}
@media (max-width:767px) {
	header .tellArea .tell {
		text-align: center;
		margin: 15px 0;
		font-size: 150%;
		text-decoration: underline;
	}
	header .tellArea .time {
		text-align: center;
		font-size: 90%;
		line-height: 1;
	}
}

header .navi_01 {
	background: #007bc4;
	margin-bottom: 30px;
}
@media (max-width:767px) {
	header .navi_01 {
		margin-bottom: 20px;
	}
}
#topPage header nav {
	margin-bottom: 0;
}
ul {
	margin-bottom: 0;
}
header .navi_01 li {
	float: left;
	width: 16.66666667%;
	font-size: 100%;
}
header .navi_01 li a {
	display: block;
	text-align: center;
	width: 16.66666667%;
	height: 52px;
	display: table-cell;
	vertical-align: middle;
	background:#007bc4;
	color: #FFFFFF;
	transition-property: background, color;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
@media (max-width:767px) {
	.navi_01 .container-fluid {
		padding: 0;
	}
	header .navi_01 li a {
		font-size: 70%;
	}
		header .navi_01 li {
			width: 33.3333333%;
	}
		header .navi_01 li.btn1 a {
			background-color: #007bc4;
			border-bottom: 1px solid #FFFFFF;
			border-right: 1px solid #FFFFFF;
			color: #FFFFFF;
	}
	header .navi_01 li.btn2 a {
		background-color: #007bc4;
		border-bottom: 1px solid #FFFFFF;
		color: #FFFFFF;
	}
	header .navi_01 li a:hover {
		background-color: #FFFFFF;
		color: #007bc4;
	}
	.display_none {
		display: none;
	}
}

header .navi_01 a:hover {
	background: #FFFFFF;
	color: #007bc4;
	text-decoration: none;
}
header .navi_01 li:first-child {
	padding-left: 0;
}

/* .mainImg_pc,.mainImg_sp {margin-bottom: 30px;} */

h1 {
	margin:0 ;
	font-size: 150%;
	font-weight: bold;
}
h2 {
	margin:0 0 20px;
	font-size: 180%;
	font-weight: bold;
	border-bottom: 1px solid #007bc4;
	line-height: 2;
	color: #555555;
}

h3 {
	margin:0 0 15px;
	font-size: 130%;
	font-weight: bold;
	color: #007bc4;
}
h4 {
	margin:0 0 15px;
	font-size: 120%;
	font-weight: bold;
}

h5, h6 {
	margin:0 0 5px;
	font-size: 120%;
	font-weight: normal;
}
@media (max-width:767px) {
	h2 {
		font-size: 130%;
		line-height: 1.5;
	}
	h3, h4 {
		font-size: 110%;
	}
	h5, h6 {
		font-size: 100%;
	}
}
p {
	color: #555555;
	margin: 0 0 15px;
}
p.last-child {
	margin-bottom: 0;
}
.pageTop {
	display: none;
		position:relative;
		width:100%;
		max-width:100%;
		height:0;
		margin:0 auto;
}
.pageTop a {
		position: fixed;
		font-size: 300%;
		color: #51B2DB;
		bottom: 0px;
		display: block;
		left:-60px;
    margin-left:100%;
}
.pageTop a:hover {
	color: #E2F5FF;
}
.carousel {
	max-width: 940px;
	margin: 0 auto;
}
@media (max-width:767px) {
.mainImg_pc {
		display: none;
	}
}
@media (min-width:768px) {
.mainImg_sp {
		display: none;
	}
.mainImg_pc img {
		text-align:center;
		margin:0 auto;
		max-height: 700px;
}
}
.catchCopy {
	background: #E2F5FF;
	padding: 50px 0;
}
.catchCopy li {
	font-size: 130%;
	color: #007bc4;
}
.catchCopy li div {
	text-align: center;
	padding: 35px 0;
	background: #FFFFFF;
}
.catchCopy li span {
	font-size: 300%;
	margin-bottom: 20px;
}
@media (max-width:767px) {
	.catchCopy {
		padding: 15px 0;
	}
	.catchCopy li {
		font-size: 110%;
		color: #007bc4;
		margin-bottom: 15px;
	}
	.catchCopy li.last-child {
		margin-bottom: 0;
	}
	.catchCopy li div {
		text-align: center;
		padding: 15px 0;
		background: #FFFFFF;
	}
	.catchCopy li span {
		font-size: 200%;
		margin-bottom: 10px;
	}
}

.topOasis_os .btn {
	display: block;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
table.consultationTime {
	margin-bottom: 5px;
}
table.consultationTime th, table.consultationTime td {
	text-align: center;
	vertical-align: inherit !important;
	color: #555555;
}
table.consultationTime th {
	background: #E2F5FF;
}

footer {
	background: #A1C1CE;
	padding: 50px 0;
}
footer h1{
	font-size: 215%;
	margin-bottom: 0;
}
footer h1 a {
	color: #FFFFFF;
	line-height: 1;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
footer h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
footer .small {
	font-size: 105%;
	color: #FFFFFF;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.footerNav {
	margin: 0 auto;
}
.footerNav li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}
.footerNav li a {
	color: #FFFFFF;
	font-size: 90%;
	padding: 3px;
	border: 1px solid #FFFFFF;
	border-radius:3px / 3px ;
}
.footerNav li a:hover {
	color: #A1C1CE;
	background-color: #FFFFFF;
	text-decoration: none;
}
footer .tellArea {
	text-align: right;
}
footer .tellArea .tell {
	margin: 0;
	font-size: 170%;
	line-height: 1;
}
footer .tellArea .tell a {
	line-height: 1;
	color: #FFFFFF;
}
footer .tellArea .tell a:hover{
	text-decoration: none;
}
footer .tellArea .time {
	font-size: 90%;
	line-height: 1;
	color: #FFFFFF;
}
footer .tellArea .time br {
	line-height: 1;
}
@media (max-width:767px) {
	footer {
		padding: 20px 0;
	}
	footer h1 {
		font-size: 200%;
		text-align: center;
	}
	footer .small {
		font-size: 80%;
		text-align: center;
	}
	footer .tellArea .tell {
		text-align: center;
		margin: 15px 0;
		font-size: 150%;
		text-decoration: underline;
	}
	footer .tellArea .time {
		text-align: center;
		font-size: 90%;
		line-height: 1;
	}
	footer ul {
		display: none;
	}
	.copyright {
		font-size: 90%;
	}
}
.copyright {
	text-align: center;
	padding: 10px 0;
}
.reservation_table table th, .reservation_table table td {
	text-align: center;
}

/* アニメーションマウスオーバー　ここから */
.button_base {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}
.button_base:hover {
    cursor: pointer;
}
.b11_3d_jumpback {
    perspective: 500px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
}
.b11_3d_jumpback a {
		display: table-cell;
		vertical-align: middle;
    color: #007BC1;
    background-color: #ffffff;
		border-radius: 3px / 3px;
    padding: 10px 5px;
    width: 1%;
    height: 86px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.b11_3d_jumpback:hover a {
		text-decoration: none;
    color: #ffffff;
    background-color: #000000;
		border-radius: 3px / 3px;
    animation: b11_3d_jump 0.3s ease-out;
    -webkit-animation: b11_3d_jump 0.3s ease-out;
    -moz-animation: b11_3d_jump 0.3s ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}
@-webkit-keyframes b11_3d_jump {
    from {
        transform: translateZ(0px) rotateX(0deg);
        -webkit-transform: translateZ(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) rotateX(0deg);
        background-color: #ffffff;
        color: #51B2DB;
    }
    49.99% {
        transform: translateZ(100px) rotateX(90deg);
        -webkit-transform: translateZ(100px) rotateX(90deg);
        -moz-transform: translateZ(100px) rotateX(90deg);
        background-color: #51B2DB;
        color: #51B2DB;
    }
    50.00% {
        transform: translateZ(100px) rotateX(-90deg);
        -webkit-transform: translateZ(100px) rotateX(-90deg);
        -moz-transform: translateZ(100px) rotateX(-90deg);
        background-color: #51B2DB;
        color: #51B2DB;
    }
    to {
        transform: translateZ(0px) rotateX(0deg);
        -webkit-transform: translateZ(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) rotateX(0deg);
        background-color: #51B2DB;
        color: #ffffff;
    }
}
@-moz-keyframes b11_3d_jump {
    from {
        transform: translateZ(0px) rotateX(0deg);
        -webkit-transform: translateZ(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) rotateX(0deg);
        background-color: #ffffff;
        color: #51B2DB;
    }
    49.99% {
        transform: translateZ(100px) rotateX(90deg);
        -webkit-transform: translateZ(100px) rotateX(90deg);
        -moz-transform: translateZ(100px) rotateX(90deg);
        background-color: #51B2DB;
        color: #51B2DB;
    }
    50.00% {
        transform: translateZ(100px) rotateX(-90deg);
        -webkit-transform: translateZ(100px) rotateX(-90deg);
        -moz-transform: translateZ(100px) rotateX(-90deg);
        background-color: #51B2DB;
        color: #51B2DB;
    }
    to {
        transform: translateZ(0px) rotateX(0deg);
        -webkit-transform: translateZ(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) rotateX(0deg);
        background-color: #51B2DB;
        color: #ffffff;
    }
}
@media (min-width:769px) {
	.button_base.last-child, .button_base.last-child_pc {
		margin-bottom: 0;
	}
}
/* アニメーションマウスオーバー　ここまで */

.toContent {
	background: #007bc4;
	padding: 50px 0;
}
.toContentInn div {
	margin: 0 0 20px;
	border: 0;
	font-size: 105%;
}
@media (max-width:767px) {
	.toContent {
		padding: 15px 0;
	}
	.toContentInn .last-child {
		margin-bottom: 0;
	}
	.b11_3d_jumpback a {
		font-size: 85%;
		padding: 5px;
		height: 65px;
	}
}
.cabinbtn, .oasisbtn {
	display: block;
	margin: 0 auto;
	width: 55%;
}
@media (max-width:767px) {
	.cabinbtn, .oasisbtn {
		width: 100%;
		font-size: 95%;
	}
}
@media (min-width:769px) {
	header .display_none_pc {
		display: none;
	}
}