@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');

.main-area .copy {
	zoom: 1;
}

.main-area .copy:before,
.main-area .copy:after {
	content: '';
	display: table;
}

.main-area .copy:after {
	clear: both;
}

.sec-04 .price-table tfoot .btn-reserve {
	display: inline-block;
	position: relative;
	color: #fff;
	text-align: center;
	background: #f8882e;
}

.sec-04 .price-table tfoot .btn-reserve:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	width: 1em;
	height: .333333333em;
	border-bottom: #fff 1px solid;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec-04 .price-table tfoot .btn-reserve:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	width: .5em;
	height: .333333333em;
	border-bottom: #fff 1px solid;
	-webkit-transform: translateY(-.3em) rotate(30deg);
	-ms-transform: translateY(-.3em) rotate(30deg);
	transform: translateY(-.3em) rotate(30deg);
}

.sec-01 .copy-area> .inner> .head,
.sec-04 .head> strong {
	display: inline-block;
	position: relative;
	padding: 0 .25em;
	line-height: 1.2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(50%, #ff0));
	background: -o-linear-gradient(rgba(0, 0, 0, 0) 40%, #ff0 50%);
	background: linear-gradient(rgba(0, 0, 0, 0) 40%, #ff0 50%);
}

/* cmn
---------------------------------------- */

.section-area {
	position: relative;
}

.section-area:before {
	content: '';
	display: block;
	position: absolute;
	top: -40px;
	left: 50%;
	width: 140px;
	height: 140px;
	border-radius: 70px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section-title {
	padding-top: 100px;
	letter-spacing: .05em;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
}

/* main
---------------------------------------- */

.main-area {
	position: relative;
	width: 100%;
	height: 640px;
	background: url('../images/top/img_main.jpg') center center no-repeat;
	background-size: cover;
}

.main-area> .english {
	display: block;
	position: absolute;
	top: 0;
	right: 60px;
	width: 150px;
	height: 167px;
	padding-top: 70px;
	color: #fff;
	letter-spacing: 0;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	background: url('../images/top/bg_english.png') center top no-repeat;
	background-size: contain;
}

.main-area> .english> span {
	display: block;
	letter-spacing: .02em;
	font-size: 18px;
}

.main-area> .cashless {
	display: block;
	position: absolute;
	right: 40px;
	bottom: 100px;
	width: 290px;
	height: 110px;
	color: transparent;
	font: 0/0 a;
	background: url('../images/top/img_main_cashless.png') center center no-repeat;
	background-size: contain;
}

.main-area .inner {
	height: 567px;
}

.main-area .copy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 50%;
	left: 0;
	-ms-flex-pack: justify;
	width: 450px;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-pack: justify;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.main-area .copy> span {
	text-shadow: 0 0 16px rgba(34, 178, 230, .5);
}

.main-area .copy> .head {
	width: 100%;
	margin-bottom: 10px;
	letter-spacing: .08em;
	text-align: center;
}

.main-area .copy> .box1,
.main-area .copy .box2 {
	display: table-cell;
	width: 220px;
	padding: .25em 0;
	letter-spacing: -.07em;
	font-size: 28px;
	line-height: 1.2;
	vertical-align: middle;
	border: #fff 4px solid;
	-webkit-box-shadow: 0 0 16px rgba(34, 178, 230, .5);
	box-shadow: 0 0 16px rgba(34, 178, 230, .5);
}

.main-area .copy> .name {
	display: block;
}

.main-area .text1 {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 500px;
	padding: .5em;
	background: rgba(255, 255, 255, .65);
}

/* anchor
---------------------------------------- */

.anchor-nav {
	width: 100%;
	height: 170px;
	background: #4f526a;
}

.anchor-nav> .anchor-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	padding: 0 40px 0 20px;
	-webkit-transform: translateY(-70px);
	-ms-transform: translateY(-70px);
	transform: translateY(-70px);
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.anchor-nav> .anchor-list> .anchor-item {
	width: calc( (100% - 100px) / 4);
	height: 140px;
	margin-left: 20px;
	text-align: center;
	background: #fff;
}

.anchor-nav> .anchor-list> .anchor-item> a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.anchor-nav> .anchor-list> .anchor-item> a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 1px;
	height: 1em;
	border-left: #4f526a 1px solid;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.anchor-nav> .anchor-list> .anchor-item> a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 1px;
	height: .5em;
	border-left: #4f526a 1px solid;
	-webkit-transform: translateX(1px) rotate(30deg);
	-ms-transform: translateX(1px) rotate(30deg);
	transform: translateX(1px) rotate(30deg);
}

.anchor-nav> .anchor-list> .anchor-item .title {
	letter-spacing: 0;
	font-size: 24px;
	line-height: 1.2;
	word-break: break-all;
}

.anchor-nav> .anchor-list> .anchor-item .text {
	letter-spacing: 0;
	font-size: 14px;
}

/* sec01
---------------------------------------- */

.sec-01 {
	background: #f6f5ec;
}

.sec-01:before {
	background: #f6f5ec;
}

.sec-01 .section-title {
	background: url('../images/top/icn_sec01.png') center 20px no-repeat;
}

.sec-01 .service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin-bottom: 40px;
	vertical-align: top;
	text-align: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.sec-01 .service-list> .service-item {
	display: inline-block;
	width: 480px;
	text-align: center;
}

.sec-01 .service-list> .service-item> .pho {
	border: #c8c8c8 1px solid;
}

.sec-01 .service-list> .service-item> .title {
	margin-top: 10px;
	font-weight: bold;
	font-size: 22px;
}

.sec-01 .service-list> .service-item> .text {
	letter-spacing: 0;
	text-align: left;
}

.sec-01 .copy-area {
	padding: 40px 0;
	background: #fff;
}

.sec-01 .copy-area> .inner {
	text-align: center;
}

.sec-01 .copy-area> .inner> .head {
	font-weight: bold;
	font-size: 30px;
}

.sec-01 .copy-area> .inner> .body {
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.5;
}

.sec-01 .blue-area {
	padding: 40px 0 80px 0;
	background: #22b0e5;
}

.sec-01 .blue-area .icn-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.sec-01 .blue-area .icn-list> .icn-item {
	width: 220px;
	text-align: center;
}

.sec-01 .blue-area .icn-list> .icn-item> .text {
	margin-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

.sec-01 .blue-area .foot {
	margin-top: 30px;
	color: #fff;
}

/* sec02
---------------------------------------- */

.sec-02 {
	padding-bottom: 100px;
	background: #fff;
}

.sec-02:before {
	background: #fff;
}

.sec-02 .section-title {
	background: url('../images/top/icn_sec02.png') center 35px no-repeat;
}

.sec-02 .flow-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-align: center;
}

.sec-02 .flow-list> .flow-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	height: 100px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	background: #22b0e5;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.sec-02 .flow-list> .flow-item:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: -20px;
	width: 20px;
	height: 100px;
	border-top: transparent 50px solid;
	border-bottom: transparent 50px solid;
	border-left: #22b0e5 20px solid;
}

.sec-02 .flow-list> .flow1,
.sec-02 .flow-list .flow2 {
	width: 155px;
}

.sec-02 .flow-list> .flow1,
.sec-02 .flow-list .flow2,
.sec-02 .flow-list .flow3 {
	margin-right: 20px;
}

.sec-02 .flow-list> .flow3 {
	width: 235px;
}

.sec-02 .flow-list> .flow4 {
	width: 160px;
	background: transparent;
}

.sec-02 .flow-list> .flow4:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 34px;
	height: 8px;
	border-top: #90d7f2 8px dotted;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec-02 .flow-list> .flow4:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 34px;
	height: 8px;
	border-top: #90d7f2 8px dotted;
	border-bottom: none;
	border-left: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec-02 .flow-list> .flow5 {
	width: 233px;
}

.sec-02 .flow-list> .flow5:after {
	content: none;
}

.sec-02 .sub-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin-top: 20px;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.sec-02 .sub-area> .sub-item {
	position: relative;
	width: 490px;
	padding: 20px;
	line-height: 1;
	vertical-align: top;
	border: #22b0e5 4px solid;
	border-radius: 12px;
}

.sec-02 .sub-area> .sub-item:after {
	content: '';
	display: block;
	position: absolute;
	top: -32px;
	right: 12px;
	width: 28px;
	height: 40px;
	background: url('../images/cmn/icn_arw-down.png') center top no-repeat;
	background-size: contain;
}

.sec-02 .sub-area> .sub-item> .pho {
	display: inline-block;
	width: 230px;
}

.sec-02 .sub-area> .sub-item> .text {
	display: inline-block;
	width: 200px;
	margin-left: 5px;
	line-height: 1.6;
	vertical-align: top;
}

/* sec03
---------------------------------------- */

.sec-03 {
	padding-bottom: 100px;
	background: #e8f7fc;
}

.sec-03:before {
	background: #e8f7fc;
}

.sec-03 .section-title {
	background: url('../images/top/icn_sec03.png') center 25px no-repeat;
}

.sec-03> .inner {
	text-align: center;
}

.sec-03 .text-area {
	display: inline-block;
	margin-top: 40px;
}

.sec-03 .text-area> .left-area {
	display: inline-block;
	max-width: 470px;
	margin-right: 40px;
	vertical-align: top;
	text-align: left;
}

.sec-03 .text-area> .left-area> .address {
	font-size: 20px;
}

.sec-03 .text-area> .left-area> .time-list {
	margin-top: 10px;
}

.sec-03 .text-area> .left-area> .time-list> .time-item {
	font-size: 26px;
}

.sec-03 .text-area> .left-area> .time-list> .time-item> .minutes {
	color: #22b0e5;
	font-weight: bold;
}

.sec-03 .text-area> .right-area {
	display: inline-block;
}

/* sec04
---------------------------------------- */

.sec-04 {
	padding-bottom: 80px;
	background: #fff;
}

.sec-04:before {
	background: #fff;
}

.sec-04 .section-title {
	background: url('../images/top/icn_sec04.png') center 30px no-repeat;
}

.sec-04 .head {
	font-size: 24px;
	text-align: center;
}

.sec-04 .head-sub {
	display: block;
	margin-top: .5em;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}

.sec-04 .price-table {
	width: 100%;
	margin-top: 40px;
	text-align: left;
	border-spacing: 0;
	border-collapse: collapse;
}

.sec-04 .price-table th,
.sec-04 .price-table td {
	font-size: 14px;
	text-align: center;
	border: #c8c8c8 1px solid;
}

.sec-04 .price-table th.border-none,
.sec-04 .price-table td.border-none {
	border: none;
}

.sec-04 .price-table colgroup:nth-child(1),
.sec-04 .price-table colgroup:nth-child(2) {
	width: 200px;
}

.sec-04 .price-table colgroup:nth-child(3) {
	width: 300px;
}

.sec-04 .price-table colgroup:nth-child(3) {
	border: #22b0e5 4px solid;
}

.sec-04 .price-table thead .bg-area th:nth-child(2),

.sec-04 .price-table thead th:nth-child(3) {
	background: #e8f7fc;
}

.sec-04 .price-table thead th:nth-child(3) {
	color: #22b0e5;
}


.sec-04 .price-table thead th:nth-child(3) {
	font-size: 22px;
	height: 80px;
}

.sec-04 .price-table thead .chitose {
	height: 80px;
	font-weight: normal;
}

.sec-04 .price-table tbody tr:nth-child(even) {
	background: #f6f5ec;
}

.sec-04 .price-table tbody tr:nth-child(even) td:nth-child(4) {
	background: #e8f7fc;
}

.sec-04 .price-table tbody th,
.sec-04 .price-table tbody td {
	padding: .8em;
}

.sec-04 .price-table tbody th {
	font-weight: normal;
}

.sec-04 .price-table tbody td:nth-child(3) {
	font-size: 18px;
}

.sec-04 .price-table tbody td:nth-child(3) {
	font-weight: bold;
}

.sec-04 .price-table tfoot td:nth-child(3) {
	padding: 20px 0;
}

.sec-04 .price-table tfoot .btn-reserve {
	width: 262px;
	height: 50px;
	letter-spacing: .05em;
	font-size: 16px;
	line-height: 3.125;
	border-radius: 25px;
}

.sec-04 .btn-gray {
	width: 440px;
}

.sec-04 .btn-gray:before {
	right: 20px;
	left: auto;
}

.sec-04 .btn-gray:after {
	right: 20px;
	left: auto;
	-webkit-transform: rotate(30deg) translateY(-2px);
	-ms-transform: rotate(30deg) translateY(-2px);
	transform: rotate(30deg) translateY(-2px);
}

.sec-04 .information-area {
	margin-top: 40px;
	padding: 40px 0;
	border-top: #c8c8c8 2px dotted;
	border-bottom: #c8c8c8 2px dotted;
}

.sec-04 .information-area> .area-title {
	font-weight: bold;
	font-size: 125%;
	text-align: center;
}

.sec-04 .information-area> .text {
	margin-top: 20px;
}

.sec-04 .monthly-area {
	display: table;
	width: 100%;
	height: 140px;
	margin-top: 40px;
	padding-left: 50%;
	text-align: center;
	background: url('../images/top/img_sec04.jpg') left center no-repeat;
	background-size: 50% auto;
	border: #4f526a 1px solid;
}

.sec-04 .monthly-area .text-area {
	display: table-cell;
	vertical-align: middle;
}

.sec-04 .monthly-area .text-area> .monthly-head {
	font-size: 18px;
}

.sec-04 .monthly-area .text-area> .monthly-head> strong {
	font-size: 24px;
}

.sec-04 .monthly-area .text-area> .monthly-body {
	margin-bottom: .5em;
	font-size: 14px;
}

.sec-04 .monthly-area .text-area> .monthly-foot> .number {
	position: relative;
	padding-left: 1.2em;
	font-weight: bold;
	font-size: 30px;
	line-height: 1;
}

.sec-04 .monthly-area .text-area> .monthly-foot> .number:before {
	content: '';
	display: block;
	position: absolute;
	top: .1em;
	left: 0;
	width: 1em;
	height: 1em;
	background: url('../images/cmn/icn_phone.png') center center no-repeat #4f526a;
	background-size: .466666667em auto;
	border-radius: .5em;
}

.sec-04 .monthly-area .text-area> .monthly-foot> .time {
	margin-left: .5em;
	font-weight: bold;
	font-size: 16px;
}

/* reserve
---------------------------------------- */

.reserve-area {
	padding: 80px 0;
	background: #e8f7fc;
}

.reserve-area .reserve-title {
	font-size: 30px;
}

.reserve-area .require {
	color: #e23c3c;
}

.reserve-area .note {
	margin-top: 40px;
}

.reserve-area .text {
	display: block;
}

.reserve-area .mt20 {
	margin: 20px auto 0 auto;
}

.reserve-area .notification-area {
	margin-top: 20px;
	padding: 20px;
	text-align: center;
	background: #fff;
}

.reserve-area .notification-area> .area-title {
	font-weight: bold;
	font-size: 125%;
}

.reserve-area .notification-area> .text {
	margin-top: 10px;
}

@media screen and (max-width: 768px) {

.section-area:before {
	top: -5.33333vw;
	width: 18.66667vw;
	height: 18.66667vw;
	border-radius: 9.33333vw;
}

.section-title {
	padding-top: 13.33333vw;
	font-size: 4.8vw;
	-webkit-transform: translateY(-5.33333vw);
	-ms-transform: translateY(-5.33333vw);
	transform: translateY(-5.33333vw);
}

.main-area {
	height: 84.26667vw;
}

.main-area> .english {
	right: 4vw;
	width: 20vw;
	height: 22.4vw;
	padding-top: 9.33333vw;
	font-size: 3.46667vw;
}

.main-area> .english> span {
	letter-spacing: 0;
	font-size: 2.66667vw;
}

.main-area> .cashless {
	right: 4vw;
	bottom: 26.66667vw;
	width: 30.66667vw;
	height: 12vw;
}

.main-area .inner {
	height: 80vw;
}

.main-area .copy {
	top: 42%;
	width: 62.66667vw;
	font-size: 4.26667vw;
}

.main-area .copy> span {
	text-shadow: 0 0 2.13333vw rgba(34, 178, 230, .5);
}

.main-area .copy> .head {
	margin-bottom: 1.33333vw;
}

.main-area .copy> .box1,
.main-area .copy .box2 {
	width: 29.33333vw;
	font-size: 3.73333vw;
	word-break: break-all;
	border: #fff .53333vw solid;
	-webkit-box-shadow: 0 0 2.13333vw rgba(34, 178, 230, .5);
	box-shadow: 0 0 2.13333vw rgba(34, 178, 230, .5);
}

.main-area .text1 {
	bottom: 4vw;
	left: 50%;
	width: 100%;
	font-size: 2.66667vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.anchor-nav {
	height: 54.66667vw;
}

.anchor-nav> .anchor-list {
	padding: 0 4vw 0 1.33333vw;
	-webkit-transform: translateY(-4vw);
	-ms-transform: translateY(-4vw);
	transform: translateY(-4vw);
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.anchor-nav> .anchor-list> .anchor-item {
	width: 44.66667vw;
	height: 21.33333vw;
	margin: 0 0 2.66667vw 2.66667vw;
}

.anchor-nav> .anchor-list> .anchor-item> a {
	padding: 2.66667vw;
}

.anchor-nav> .anchor-list> .anchor-item> a:before {
	bottom: 2.66667vw;
	width: .26667vw;
	border-left: #4f526a .26667vw solid;
}

.anchor-nav> .anchor-list> .anchor-item> a:after {
	bottom: 2.66667vw;
	width: .26667vw;
	border-left: #4f526a .26667vw solid;
	-webkit-transform: translateX(.26667vw) rotate(30deg);
	-ms-transform: translateX(.26667vw) rotate(30deg);
	transform: translateX(.26667vw) rotate(30deg);
}

.anchor-nav> .anchor-list> .anchor-item .title {
	font-size: 4vw;
	line-height: 1.1;
}

.anchor-nav> .anchor-list> .anchor-item .text {
	letter-spacing: -.05em;
	font-size: 2.66667vw;
	line-height: 1.5;
}

.sec-01 .section-title {
	background: url('../images/top/icn_sec01.png') center 2.66667vw no-repeat;
	background-size: auto 8vw;
}

.sec-01 .service-list {
	margin-bottom: 6.66667vw;
}

.sec-01 .service-list> .service-item {
	width: 44.66667vw;
}

.sec-01 .service-list> .service-item> .pho {
	border: #c8c8c8 .26667vw solid;
}

.sec-01 .service-list> .service-item> .title {
	margin-top: 1.33333vw;
	letter-spacing: -.025em;
	font-size: 3.73333vw;
}

.sec-01 .copy-area {
	padding: 5.33333vw 0;
}

.sec-01 .copy-area> .inner> .head {
	font-size: 5.06667vw;
}

.sec-01 .copy-area> .inner> .body {
	margin-top: 1.33333vw;
	letter-spacing: -.025em;
	font-size: 3.73333vw;
}

.sec-01 .blue-area {
	padding: 5.33333vw 0 10.66667vw 0;
}

.sec-01 .blue-area .icn-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sec-01 .blue-area .icn-list> .icn-item {
	width: 43.33333vw;
	margin-bottom: 5.33333vw;
}

.sec-01 .blue-area .icn-list> .icn-item> .text {
	margin-top: 1.33333vw;
	font-size: 3.73333vw;
}

.sec-01 .blue-area .foot {
	margin-top: 0;
}

.sec-02 {
	padding-bottom: 13.33333vw;
}

.sec-02 .section-title {
	background: url('../images/top/icn_sec02.png') center 4.66667vw no-repeat;
	background-size: auto 4vw;
}

.sec-02 .flow-list {
	float: left;
	width: 32vw;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sec-02 .flow-list> .flow-item {
	width: 32vw;
}

.sec-02 .flow-list> .flow-item:after {
	top: auto;
	right: 0;
	bottom: -2.66667vw;
	width: 100%;
	height: 2.66667vw;
	border-top: #22b0e5 2.66667vw solid;
	border-right: transparent 16vw solid;
	border-bottom: none;
	border-left: transparent 16vw solid;
}

.sec-02 .flow-list> .flow1,
.sec-02 .flow-list .flow2 {
	height: 13.33333vw;
}

.sec-02 .flow-list> .flow1,
.sec-02 .flow-list .flow2,
.sec-02 .flow-list .flow3 {
	margin-right: 0;
	margin-bottom: 2.66667vw;
}

.sec-02 .flow-list> .flow3 {
	height: 22vw;
}

.sec-02 .flow-list> .flow4 {
	height: 21.33333vw;
}

.sec-02 .flow-list> .flow4:before {
	top: 1.33333vw;
	left: 50%;
	width: 1.33333vw;
	height: 5.6vw;
	border-top: none;
	border-left: #90d7f2 1.33333vw dotted;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.sec-02 .flow-list> .flow4:after {
	top: auto;
	right: auto;
	bottom: 1.33333vw;
	left: 50%;
	width: 1.33333vw;
	height: 5.6vw;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: #90d7f2 1.33333vw dotted;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.sec-02 .flow-list> .flow4> img {
	line-height: 1;
	vertical-align: middle;
}

.sec-02 .flow-list> .flow5 {
	height: 28vw;
}

.sec-02 .sub-area {
	float: right;
	width: 57.33333vw;
	margin-top: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sec-02 .sub-area> .sub-item {
	width: 100%;
	margin-bottom: 2.66667vw;
	padding: 2.66667vw;
	border: #22b0e5 .53333vw solid;
	border-radius: 1.6vw;
}

.sec-02 .sub-area> .sub-item:after {
	top: auto;
	right: auto;
	bottom: 2.66667vw;
	left: -6vw;
	width: 8vw;
	height: 6.66667vw;
	background: url('../images/cmn/icn_arw-up.png') center top no-repeat;
	background-size: contain;
}

.sec-02 .sub-area> .sub-item> .pho {
	width: 100%;
}

.sec-02 .sub-area> .sub-item> .text {
	width: 100%;
	margin-top: 1.33333vw;
	margin-left: 0;
}

.sec-03 {
	padding-bottom: 13.33333vw;
}

.sec-03 .section-title {
	background: url('../images/top/icn_sec03.png') center 3.33333vw no-repeat;
	background-size: auto 8vw;
}

.sec-03 .gmap {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
}

.sec-03 .gmap> iframe,
.sec-03 .gmap> object,
.sec-03 .gmap> embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sec-03 .text-area {
	width: 100%;
	margin-top: 5.33333vw;
}

.sec-03 .text-area> .left-area {
	float: left;
	width: 40vw;
	margin-right: 2.66667vw;
}

.sec-03 .text-area> .left-area> .address {
	font-size: 2.66667vw;
}

.sec-03 .text-area> .left-area> .time-list {
	margin-top: 1.33333vw;
}

.sec-03 .text-area> .left-area> .time-list> .time-item {
	font-size: 3.46667vw;
}

.sec-03 .text-area> .right-area {
	width: 49.33333vw;
}

.sec-04 .btn-gray {
	width: 100%;
	margin-right: 0;
}

.sec-04 .information-area {
	margin-top: 5.33333vw;
	padding: 5.33333vw 0;
	border-top: #c8c8c8 .53333vw dotted;
	border-bottom: #c8c8c8 .53333vw dotted;
}

.sec-04 .information-area> .text {
	margin-top: 2.66667vw;
}

.sec-04 {
	padding-bottom: 10.66667vw;
}

.sec-04 .section-title {
	background: url('../images/top/icn_sec04.png') center 4vw no-repeat;
	background-size: auto 5.33333vw;
}

.sec-04 .head {
	font-size: 4vw;
}

.sec-04 .head-sub {
	font-size: 2.66667vw;
	text-align: left;
}

.sec-04 .price-table {
	margin-top: 2.66667vw;
}

.sec-04 .price-table th,
.sec-04 .price-table td {
	font-size: 2.66667vw;
	border: #c8c8c8 .26667vw solid;
}

.sec-04 .price-table colgroup:nth-child(1),
.sec-04 .price-table colgroup:nth-child(2),
.sec-04 .price-table colgroup:nth-child(3) {
	width: 22.66667vw;
}

.sec-04 .price-table colgroup:nth-child(3) {
	border: #22b0e5 .53333vw solid;
}


.sec-04 .price-table thead th:nth-child(3) {
	font-size: 4vw;
	line-height: 1.2;
}

.sec-04 .price-table thead .chitose {
	height: 10.66667vw;
}

.sec-04 .price-table tbody th,
.sec-04 .price-table tbody td {
	padding: .1em .3em;
}

.sec-04 .price-table tbody th {
	line-height: 1.2;
}

.sec-04 .price-table tbody td {
	height: 8vw;
}

.sec-04 .price-table tbody td:nth-child(3) {
	font-size: 2.93333vw;
}

.sec-04 .price-table tfoot td:nth-child(3) {
	padding: 1.33333vw 0;
}

.sec-04 .price-table tfoot .btn-reserve {
	width: 20vw;
	height: 10.66667vw;
	padding-top: .75em;
	font-size: 2.66667vw;
	line-height: 1.2;
	border-radius: 5.33333vw;
}

.sec-04 .price-table tfoot .btn-reserve:before,
.sec-04 .price-table tfoot .btn-reserve:after {
	right: 1.33333vw;
}

.sec-04 .monthly-area {
	height: auto;
	margin-top: 5.33333vw;
	padding: 28vw 1.33333vw 2.66667vw 1.33333vw;
	background: url('../images/top/img_sec04.jpg') center top no-repeat;
	background-size: 100% auto;
	border: #4f526a .26667vw solid;
}

.sec-04 .monthly-area .text-area {
	display: table-cell;
	vertical-align: middle;
}

.sec-04 .monthly-area .text-area> .monthly-head {
	letter-spacing: -.025em;
	font-size: 3.73333vw;
}

.sec-04 .monthly-area .text-area> .monthly-head> strong {
	font-size: 4.8vw;
}

.sec-04 .monthly-area .text-area> .monthly-body {
	font-size: 2.93333vw;
}

.sec-04 .monthly-area .text-area> .monthly-foot> .number {
	font-size: 5.86667vw;
}

.sec-04 .monthly-area .text-area> .monthly-foot> .time {
	font-size: 3.2vw;
}

.reserve-area {
	padding: 10.66667vw 0 22.66667vw 0;
}

.reserve-area .reserve-title {
	font-size: 4.8vw;
}

.reserve-area .note {
	margin-top: 5.33333vw;
}

.reserve-area .label-fix {
	width: 26vw;
}

.reserve-area .mt20 {
	margin: 2.66667vw auto 0 auto;
}

.reserve-area .notification-area {
	margin-top: 2.66667vw;
	padding: 2.66667vw;
}

.reserve-area .notification-area> .text {
	margin-top: 1.33333vw;
	text-align: left;
}

}