@charset "utf-8";

/*##################################################
-------------LIST-------------
00: Reset
01: Common
02: Wrapper
03: Link
04: breadcrumb
06: Header
07: Contents
08: Footer
09: Component
10: Project
------------------------------
##################################################*/

@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400');
@font-face {
	font-family: 'Noto Serif Japanese';
	src: url('../font/NotoSerifCJKjp-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	src: url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* animation */
@-webkit-keyframes slideIn {
0% {
-webkit-transform: translateY(-100%)
}
100% {
-webkit-transform: translateY(0)
}
}
@keyframes slideIn {
0% {
transform: translateY(-100%)
}
100% {
transform: translateY(0)
}
}
@-webkit-keyframes slideInRev {
0% {
-webkit-transform: translateY(100%)
}
100% {
-webkit-transform: translateY(0)
}
}
@keyframes slideInRev {
0% {
transform: translateY(100%)
}
100% {
transform: translateY(0)
}
}
@-webkit-keyframes scaleIn {
	0% { -webkit-transform: scale(1);}
	100% { -webkit-transform: scale(1.05);}
}
}
@keyframes scaleIn {
	0% { transform: scale(1);}
	100% { transform: scale(1.05);}
}
@-webkit-keyframes fadeIn {
0% {
visibility: hidden;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}
@keyframes fadeIn {
0% {
visibility: hidden;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}
@-webkit-keyframes fadeInOut {
0%, 100% {
visibility: hidden;
opacity: 0;
}
20%, 80% {
visibility: visible;
opacity: 1;
}
}
@keyframes fadeInOut {
0%, 100% {
visibility: hidden;
opacity: 0;
}
25%, 60% {
visibility: visible;
opacity: 1;
}
}
@keyframes heightDown {
0% {
transform: scaleY(100%);
}
50% {
transform: scaleY(0);
}
100% {
transform: scaleY(100%);
}
}
@keyframes heightDown02 {
0% {
transform: scaleY(100%);
}
50% {
transform: scaleY(0);
}
100% {
transform: scaleY(100%);
}
}

/* --------------------------------------------------
00: Reset Style
-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*, *:before, *:after {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
body {
	margin: 0 auto;
	color: #333;
	font-family: "Noto Serif Japanese", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
	font-feature-settings: "palt";
	font-size: 1.6rem;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	letter-spacing: .05em;
}
.sans-serif {
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
}
.en {
	font-family: "Montserrat", sans-serif;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6, strong, b, dt, th {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	transition: .3s;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none;
	background-color: transparent;
	font-family: inherit;
	font-size: 100%;
	vertical-align: middle;
}
select {
	text-indent: .01px;
	text-overflow: "";
}
select::-ms-expand {
display: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: .3s;
}
em {
	font-style: normal;
}
/* IE9+ & modern browser */
:selection {
	color: #000;
	background: #dbbe64;
}
:-moz-selection {
color: #000;
background: #dbbe64;
}
/* --------------------------------------------------
01:  Common Style
-------------------------------------------------- */

/* color
-------------------------------------------------- */
.txRed {
	color: #f00 !important;
}
/* float
-------------------------------------------------- */
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
/* align
-------------------------------------------------- */
.taL {
	text-align: left !important;
}
.taR {
	text-align: right !important;
}
.taC {
	text-align: center !important;
}
/* size
-------------------------------------------------- */
.txSS {
	font-size: 10px !important;
}
.txS {
	font-size: 12px !important;
}
.txM {
	font-size: 14px !important;
}
.txL {
	font-size: 16px !important;
}
.txLL {
	font-size: 18px !important;
}
.txXL {
	font-size: 18px !important;
}
/* Margin Padding
-------------------------------------------------- */
.noMargin {
	margin: 0 !important;
}
.noPadding {
	padding: 0 !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pr0 {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pl0 {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
/* Clear
-------------------------------------------------- */
.clr {
	clear: both;
}
/* ClearFix
-------------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* display
-------------------------------------------------- */
.display-pc {
}

@media only screen and (max-width: 767px) {
.display-pc {
	display: none !important;
}
}
.display-sp {
	display: none;
}

@media only screen and (max-width: 767px) {
.display-sp {
	display: block !important;
}
}
/* Responsive image */
img[src*="@sp."] {
	display: none;
}

@media only screen and (max-width: 767px) {
img[src*="@pc."] {
	display: none;
}
img[src*="@sp."] {
	display: inline;
}
}
/* --------------------------------------------------
02: Wrapper Style
-------------------------------------------------- */
.wrap {
	box-sizing: content-box;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.wrap.-wide {
	max-width: 1140px;
}
.wrap.no-width {
	width: 100%;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}
/* --------------------------------------------------
03: Link Style
-------------------------------------------------- */
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* --------------------------------------------------
04: breadcrumb Style
-------------------------------------------------- */
.breadcrumb {
	padding: 15px 30px;
	border-bottom: 1px solid #ccc;
}
.breadcrumb ul {
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}
.breadcrumb li {
	display: inline-block;
	color: #ccc;
	font-size: 1.3rem;
	letter-spacing: normal;
	word-spacing: normal;
  white-space: nowrap;
}
.breadcrumb li:not(:last-child)::after {
	content: "|";
	margin-right: .75em;
	margin-left: .75em;
	color: #333;
}
.breadcrumb li a {
	color: #333;
}

@media only screen and (max-width: 767px) {
.breadcrumb {
	padding-right: 20px;
	padding-left: 20px;
}
.breadcrumb li {
	font-size: 1rem;
}
}


.foot__nav {
	padding: 10px 30px;
	border-bottom: 1px solid #ccc;
}
.foot__nav ul {
	text-align: center;
}
.foot__nav ul li {
	display: inline-block;
	font-size: .67em;
	position: relative;
	padding-left: 12px;
	color: #6d6d6d;
	margin-right: 30px;
  white-space: nowrap;
}
.foot__nav ul li:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.foot__nav {
		padding: 10px 20px;
		border-bottom: 1px solid #ccc;
	}
	.foot__nav ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.foot__nav ul li {
		-webkit-flex-basis: calc(500 / 1000 * 100%);
		flex-basis: calc(500 / 1000 * 100%);
		max-width: calc(500 / 1000 * 100%);
		margin: 0;
		padding: 5px 0;
		text-align: left;
	}
}

/* --------------------------------------------------
06: Header Style
-------------------------------------------------- */
.header {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	height: 50px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	transition: .3s;
}
.header__nav {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex: 1;
	flex: 1;
	margin-left: 16px;
}
.header__logo {
	-webkit-align-self: center;
	align-self: center;
}
.header__logo img {
	width: 210px;
}
/* Module */
.header.-hidden {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.header.-top {
	position: absolute;
	height: 65px;
	border-bottom: 0;
	background-color: transparent;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-animation: slideIn .5s ease-in-out 3.2s forwards;
	animation: slideIn .5s ease-in-out 3.2s forwards;
}
.header.-top .header__logo img {
	width: 250px;
}
.header.-top + main {
	padding-top: 0;
}
.header.-top .nav-utility__list li a {
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header.-top .nav-utility__list li a::before {
	border-left-color: #fff;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, .4));
}

@media only screen and (max-width: 1550px) {
.header {
	display: block;
	height: auto;
	padding-top: 12px;
}
.header.-top {
	display: -webkit-flex;
	display: flex;
	padding-top: 0;
}
.header.-top .nav-utility {
	position: static;
}
.header__nav {
	display: block;
	margin-left: 0;
}
}

@media only screen and (max-width: 767px) {
.header {
	display: -webkit-flex;
	display: flex;
	height: 48px;
	padding-top: 0;
}
.header__logo img {
	width: 146px;
}
.header__nav {
	display: none;
	position: fixed;
	top: 48px;
	right: 0;
	left: 0;
	background-color: #fff;
}
.header.-hidden {
	-webkit-transform: none;
	transform: none;
}
.header.-top {
	display: none;
}
}
/* nav-global */
.nav-global {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.nav-global ul {
	display: -webkit-flex;
	display: flex;
}
.nav-global li {
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
}
.nav-global li:not(:first-child) {
	margin-left: 2px;
}
.nav-global li > a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	z-index: 3;
	height: 44px;
	padding: 0 12px 4px;
}
.nav-global li > a::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	height: 4px;
	transition: .3s;
}
.nav-global li > a:hover {
	color: #fff;
	text-decoration: none;
}
.nav-global li > a.disabled {
	cursor: default;
	flex-flow: row wrap;
}
.nav-global li > a.disabled:hover {
	color: rgb(51, 51, 51);
}
.nav-global li > a.disabled span {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.nav-global li > a.disabled span.come {
	font-size: .65rem;
	font-family: "Montserrat", sans-serif;
}
.nav-global li.slide-menu .slide-list {
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -40px;
	left: 0;
	background: rgba(255, 255, 255,0.8);
}
.nav-global li.slide-menu .slide-list + .is-active {
	display: block;
}
.nav-global li.slide-menu .slide-list p {
	display: inline-block;
}
.nav-global li.slide-menu .slide-list a {
	display: inline-block;
	min-width: calc(100vw / 6);
	min-height: 40px;
	line-height: 40px;
	text-decoration: none;
}
.nav-global li.slide-menu .slide-list a span {
	position: relative;
	padding-left: 12px
}
.nav-global li.slide-menu .slide-list a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-left: 7px solid #004165;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
@media only screen and (min-width: 768px) {
.nav-global li > a[href*="access"] + .slide-list {
	background: #d87e3c;
}
.nav-global li > a[href*="access"] + .slide-list p {
	position: relative;
	left: calc(-100vw / 6);
}
.nav-global li > a[href*="design"] + .slide-list {
	background: #4e93a6;
}
.nav-global li.slide-menu .slide-list a {
	display: inline-block;
	min-width: calc(100vw / 6);
	text-decoration: none;
	color: #fff;
}
.nav-global li.slide-menu .slide-list a span {
	position: relative;
	padding-left: 12px
}
.nav-global li.slide-menu .slide-list a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-left: 7px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
}
@media only screen and (min-width: 768px) {
.nav-global li > a[href*="access"] + .slide-list {
	background: #d87e3c;
}
.nav-global li > a[href*="access"] + .slide-list p {
	position: relative;
	left: calc(-100vw / 6);
}
.nav-global li > a[href*="design"] + .slide-list {
	background: #4e93a6;
}
.nav-global li.slide-menu .slide-list a {
	display: inline-block;
	min-width: calc(100vw / 6);
	text-decoration: none;
	color: #fff;
}
.nav-global li.slide-menu .slide-list a span {
	position: relative;
	padding-left: 12px
}
.nav-global li.slide-menu .slide-list a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-left: 7px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
}

@media only screen and (min-width: 1441px) {
.nav-global li.slide-menu .slide-list {
	text-align: left;
}
.nav-global li > a[href*="access"] + .slide-list {
	padding-left: 330px;
}
.nav-global li > a[href*="design"] + .slide-list {
	padding-left: 420px;
}
.nav-global li > a[href*="access"] + .slide-list p {
	position: relative;
	left: 0;
}
.nav-global li > a[href*="design"] + .slide-list p {
	position: relative;
	left: 0;
}
.nav-global li.slide-menu .slide-list a {
	min-width: 0;
	width: 100px;
}
}

.nav-global li.slide-menu .slide-list a:hover {
	opacity: .5;
}
.nav-global li > a:hover::before {
	height: 100%;
}
.nav-global li > a.is-active {
	color: #fff;
}
.nav-global li > a.is-active::before {
	height: 100%;
}
.nav-global li > a.disabled:hover::before {
	height: 4px;
}
.nav-global li > a.is-active {
	pointer-events: none;
}
.nav-global li > a[href*="concept"]::before {
	background-color: #cb5d7d;
}
.nav-global li > a[href*="access"]::before {
	background-color: #d87e3c;
}
.nav-global li > a[href*="design"]::before {
	background-color: #4e93a6;
}
.nav-global li > a[href*="future"]::before {
	background-color: #4f6d90;
}
.nav-global li > a[href*="plan"]::before {
	background-color: #876681;
}
.nav-global li > a[href*="brand"]::before {
	background-color: #699343;
}

.nav-global li > a[href*="../concept"]::before {
	background-color: #cb5d7d;
}
.nav-global li > a[href*="../access"]::before {
	background-color: #d87e3c;
}
.nav-global li > a[href*="../design"]::before {
	background-color: #4e93a6;
}
.nav-global li > a[href*="../future"]::before {
	background-color: #4f6d90;
}
.nav-global li > a[href*="../plan"]::before {
	background-color: #876681;
}
.nav-global li > a[href*="../brand"]::before {
	background-color: #699343;
}

@media only screen and (max-width: 1550px) {
.nav-global {
	margin-top: 12px;
}
.nav-global li {
	-webkit-flex: 1;
	flex: 1;
	font-size: 1.3rem;
}
.nav-global li a {
	padding-right: 4px;
	padding-left: 4px;
  white-space: nowrap;
}
}

@media only screen and (max-width: 767px) {
.nav-global {
	margin-top: 0;
	border-top: 1px solid #ccc;
}
.nav-global ul {
	display: block;
}
.nav-global li {
	text-align: left;
}
.nav-global li:not(:first-child) {
	margin-left: 0;
}
.nav-global li > a {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding: 0 18px 1px;
}
.nav-global li > a::before {
	height: 1px;
}
.nav-global li > a.is-active::before {
	height: 1px;
}
.nav-global li > a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #004165;
	border-right: 1px solid #004165;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.nav-global li > a:hover {
	color: inherit;
}
.nav-global li > a:hover::before {
	height: 1px;
}
.nav-global li br {
	display: none;
}
.nav-global li.slide-menu > a[href*="access"]::before {
	display: none;
}
.nav-global li.slide-menu > a[href*="access"]::after {
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}
.nav-global li.slide-menu a[href*="access"] + .slide-list {
	border-bottom: 1px solid #004165;
	display: block;
	position: static;
	text-align: left;
}

.nav-global li.slide-menu > a[href*="../access"]::before {
	display: none;
}
.nav-global li.slide-menu > a[href*="../access"]::after {
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}
.nav-global li.slide-menu a[href*="../access"] + .slide-list {
	border-bottom: 1px solid #004165;
	display: block;
	position: static;
	text-align: left;
}

.nav-global li > a[href*="concept"].is-active {
	color: #cb5d7d;
}
.nav-global li > a[href*="access"].is-active {
	color: #d87e3c;
}
.nav-global li > a[href*="design"].is-active {
	color: #4e93a6;
}
.nav-global li > a[href*="future"].is-active {
	color: #4f6d90;
}
.nav-global li > a[href*="plan"].is-active {
	color: #876681;
}
.nav-global li > a[href*="brand"].is-active {
	color: #699343;
}

.nav-global li.slide-menu > a[href*="design"]::before {
	display: none;
}
.nav-global li.slide-menu > a[href*="design"]::after {
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}
.nav-global li.slide-menu a[href*="design"] + .slide-list {
	border-bottom: 1px solid #004165;
	display: block;
	position: static;
	text-align: left;
}

.nav-global li.slide-menu > a[href*="../design"]::before {
	display: none;
}
.nav-global li.slide-menu > a[href*="../design"]::after {
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}
.nav-global li.slide-menu a[href*="../design"] + .slide-list {
	border-bottom: 1px solid #004165;
	display: block;
	position: static;
	text-align: left;
}

.nav-global li.slide-menu .slide-list a {
	min-width: calc(100vw / 3);
	min-height: 0;
	line-height: 1.2;
	padding: 0 18px 10px;
	text-align: left;
}
}
/* nav-utility */
.nav-utility {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	order: 2;
	margin-left: auto;
}
.nav-utility__list {
	display: -webkit-flex;
	display: flex;
}
.nav-utility__list li {
	font-size: 1.2rem;
	transition: .3s;
}
.nav-utility__list li:not(:first-child) {
	margin-left: 20px;
}
.nav-utility__list li a {
	position: relative;
	padding-left: 12px;
	color: rgb(51, 51, 51);
}
.nav-utility__list li a::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	border-left: 7px solid rgb(51, 51, 51);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.nav-utility__entry {
	display: -webkit-flex;
	display: flex;
	order: 2;
	margin-left: 20px;
	transition: .3s;
}
.nav-utility__entry li {
	text-align: center;
}
.nav-utility__entry li:not(:first-child) {
	margin-left: 8px;
}
.nav-utility__entry .btn {
	height: 32px;
	font-size: 1.2rem;
	min-width: 16.9em;
	padding-right: 3px;
	padding-left: 3px;
}
.nav-utility__entry .btn::before {
	margin-right: 5px;
}
.nav-utility__entry .btn.-entry::before {
	width: 14px;
	height: 20px;
}
.nav-utility__entry .btn.-limited::before {
	width: 19px;
	height: 19px;
}
.nav-utility__entry .btn.-visit::before {
	width: 14px;
	height: 20px;
}

@media only screen and (max-width: 1550px) {
.nav-utility {
	position: absolute;
	top: 8px;
	right: 10px;
}
.nav-utility__list li:not(:first-child) {
	margin-left: 12px;
}
.nav-utility__entry {
	margin-left: 12px;
}
.nav-utility__entry .btn {
	min-width: 16.9em;
	padding-right: 3px;
	padding-left: 3px;
}
}

@media only screen and (max-width: 767px) {
.nav-utility {
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: static;
	padding: 16px 18px 24px;
}
.nav-utility__list {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 24px;
}
.nav-utility__list li {
	position: relative;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
}
.nav-utility__list li:not(:first-child) {
	margin-left: 16px;
}
.nav-utility__list li:not(:first-child)::before {
	content: "";
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: -8px;
	border-left: 1px solid #b2b2b2;
}
.nav-utility__entry {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	order: 0;
	margin-left: 0;
	flex-wrap: wrap;
}
.nav-utility__entry li {
	width: calc(50% - 8px);
}
.nav-utility__entry li:not(:first-child) {
	margin-left: 16px;
}
.nav-utility__entry li:nth-child(3) {
	width: 100%;
	margin-top: 8px;
	margin-left: 0;
}
.nav-utility__entry .btn {
	height: 32px;
	padding-right: 0;
	padding-left: 0;
	font-size: 0.9rem;
	letter-spacing: .5em;
	min-width: 0;
}
.nav-utility__entry .btn::before {
	content: none;
}
}
/* menu-ico */
.menu-ico {
	display: none;
	position: absolute;
	height: 48px;
	top: 0;
	right: 55px;
	width: 100px;
}
.menu-ico > div {
	display: block;
	position: relative;
	float: left;
	width: 50px;
	border-left: 1px solid #aaa8a8;
}
.menu-ico > div:last-child {
	border-right: 1px solid #aaa8a8;
}
.menu-ico > div a {
	display: block;
	position: relative;
	width: 100%;
	height: 48px;
	text-align: center;
	padding-top: 5px;
}
.menu-ico > div.menu-ico-entry a img {
	width: 40px;
}
.menu-ico > div.menu-ico-visit a  img {
	width: 34px;
}

@media only screen and (max-width: 767px) {
.menu-ico {
	display: block;
}
}
/* menu-trigger */
.menu-trigger {
	display: none;
	position: absolute;
	top: 17px;
	right: 18px;
	cursor: pointer;
}
.menu-trigger > div {
	display: block;
	position: relative;
	width: 22px;
	height: 11px;
	text-indent: -9999px;
}
.menu-trigger span, .menu-trigger > div::before, .menu-trigger > div::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #004165;
	transition: .3s;
}
.menu-trigger > div::before, .menu-trigger > div::after {
	content: "";
}
.menu-trigger span {
	top: 5px;
}
.menu-trigger > div::before {
	top: 0;
}
.menu-trigger > div::after {
	bottom: 0;
}
.menu-trigger.is-active span {
	opacity: 0;
}
.menu-trigger.is-active > div::before {
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}
.menu-trigger.is-active > div::after {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

@media only screen and (max-width: 767px) {
.menu-trigger {
	display: block;
}
}
/* --------------------------------------------------
07: Contents Style
-------------------------------------------------- */
main {
	overflow: hidden;
	padding-top: 50px;
}

@media only screen and (max-width: 1550px) {
main {
	padding-top: 94px;
}
}

@media only screen and (max-width: 767px) {
main {
	padding-top: 48px;
}
}
/* contents */
.contents {
	padding-top: 72px;
}
.top .contetns {
	padding-top: 0;
}

@media only screen and (max-width: 767px) {
.contents {
	padding-top: 36px;
}
.top .contetns {
	padding-top: 0;
}
}
/* entry */
.entry {
	margin-top: 54px;
	padding-top: 72px;
	padding-bottom: 80px;
	background-color: #f5f3f0;
}
.entry__headline {
	font-size: 3.0rem;
	letter-spacing: .2em;
	line-height: 1.3;
	text-align: center;
}
.entry__list-btn {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 880px;
	margin: 28px auto 0;
}
.entry__list-btn.list-center {
	margin: 28px auto 0;
	justify-content: center;	
}
.entry__list-btn li {
-webkit-flex-basis: calc(420 / 880 * 100%);
flex-basis: calc(420 / 880 * 100%);
}
.entry__list-btn.list-center li {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.entry__list-btn li .btn{
	background: #fe7474;
}
.entry__list-btn li .btn.-limited {
	background: #fff;
	border: 1px solid #fe7474;
	color: #fe7474;
}
.entry__list-btn li .btn:hover{
	background: #ff8b8b;
}
.entry__list-btn li .btn.-limited:hover {
	background: #fff;
	opacity: 0.8;
}
.entry__text {
	margin-top: 24px;
	letter-spacing: .1em;
	line-height: 1.625;
	text-align: center;
}
.top .contetns {
	margin-top: 0;
}

.spbr{
    display: none;
}

@media only screen and (max-width: 767px) {
.entry {
	margin-top: 28px;
	padding-top: 44px;
	padding-bottom: 44px;
}
.entry__headline {
	font-size: 1.8rem;
}

.entry__list-btn {
	margin-top: 25px;
}
.entry__list-btn.list-center {
	display: block;
	margin-top: 10px;
}
.entry__text {
	margin-top: 32px;
	font-size: 1rem;
	line-height: 2.1;
}
.top .contetns {
	margin-top: 0;
}

    .spbr{
        display: block;
    }
}
/* --------------------------------------------------
08: Footer Style
-------------------------------------------------- */
.footer {
	padding-top: 10px;
	padding-bottom: 16px;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
}
.footer__unit {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 40px;
}
.footer__info {
	-webkit-flex-basis: 350px;
	flex-basis: 350px;
}
.footer__business {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex: 1;
	flex: 1;
	position: relative;
	margin-left: 44px;
	padding-left: 45px;
}
.footer__business::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px solid #333;
}
.footer__company {
}
.footer__club {
	-webkit-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 1040px) {
.footer__unit {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 0;
}
.footer__info {
	-webkit-flex-basis: 350px;
	flex-basis: 350px;
}
.footer__business {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	margin-top: 24px;
	padding-top: 25px;
	margin-left: 0;
	padding-left: 0;
}
.footer__business::before {
	right: 0;
	bottom: auto;
	border-top: 1px solid #333;
	border-left: none;
}
.footer__club {
	-webkit-flex: 0 1 280px;
	flex: 0 1 280px;
	margin-left: 24px;
}
}

@media only screen and (max-width: 767px) {
.footer {
	padding-top: 36px;
}
.footer__business {
	display: block;
	margin-top: 16px;
	padding-top: 17px;
	text-align: center;
}
.footer__club {
	margin-left: 0;
}
}
/* info-footer */
.info-footer {
	font-size: 1.2rem;
}
.info-footer__tel {
	margin-top: 8px;
	margin-bottom: 20px;
	font-size: 4.4rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: normal;
  white-space: nowrap;
}
.info-footer__tel a {
	position: relative;
	padding-left: 60px;
	pointer-events: none;
}
.info-footer__tel a::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 51px;
	height: 29px;
	background: url(../img/ic_free.svg) no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 767px) {
.info-footer > p:first-child {
	font-weight: bold;
	text-align: center;
}
.info-footer__tel {
	margin-bottom: 16px;
	font-size: 3.6rem;
	text-align: center;
}
.info-footer__tel a {
	padding-left: 40px;
	pointer-events: auto;
}
.info-footer__tel a:hover {
	text-decoration: none;
}
.info-footer__tel a::before {
	top: 20px;
	width: 34px;
	height: 20px;
}
}
/* company-footer */
.company-footer {
	font-size: 1.2rem;
}
.company-footer dt {
	margin-top: 10px;
}
.company-footer dd {
	margin-top: 4px;
}

@media only screen and (max-width: 767px) {
.company-footer {
	display: inline-block;
}
.company-footer > p {
	font-weight: bold;
}
.company-footer dl {
	text-align: left;
}
.company-footer dt {
	margin-top: 12px;
}
.company-footer dd {
	margin-top: 8px;
}
}
/* club-footer */
.club-footer {
	font-size: 1.2rem;
}
.club-footer a {
	overflow: hidden;
	display: block;
	padding: 11px 15px;
	border: 1px solid #333;
}
.club-footer a:hover {
	opacity: .7;
	text-decoration: none;
}
.club-footer__image {
	float: left;
	margin-right: 14px;
}
.club-footer__text {
	overflow: hidden;
	line-height: 1.334;
	text-align: justify;
	text-justify: inter-ideograph;
}

@media only screen and (max-width: 767px) {
.club-footer {
	max-width: 345px;
	margin: 32px auto 0;
}
}
/* link-footer */
.link-footer {
	margin-top: 36px;
}
.link-footer ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: -12px;
	margin-left: -32px;
}
.link-footer li {
	margin-top: 12px;
	margin-left: 32px;
	font-size: 1.4rem;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
.link-footer {
	overflow: hidden;
	margin-top: 24px;
}
.link-footer ul {
	display: block;
	text-align: center;
}
.link-footer li {
	font-size: 1.2rem;
}
}
/* copyright */
.copyright {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #333;
	font-size: 1.4rem;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.copyright {
	margin-top: 24px;
	font-size: 1.2rem;
}
}
/* --------------------------------------------------
09:  Component
-------------------------------------------------- */

/* visual-main */
.visual-main {
	overflow: hidden;
	position: relative;
	height: 394px;
	background: center center no-repeat;
	background-size: cover;
}
.visual-main__contents {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	color: #fff;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.visual-main__headline {
	font-family: "Montserrat", sans-serif;
	font-size: 4.2rem;
	font-weight: 200;
	letter-spacing: .12em;
}
.visual-main__lead {
	margin-top: 4px;
	font-size: 1.6rem;
	letter-spacing: .5em;
}
.visual-main__notes {
	position: absolute;
	right: 10px;
	bottom: 7px;
	font-size: 1.1rem;
	font-family: "Montserrat", sans-serif,"Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
}
.visual-main__notes.-black {
	color: #4b4b4b;
}
.visual-main__notes.-white {
	color: #fff;
}
.visual-main__notes.-location01 {
	right: auto;
	left: 10px;
}
.visual-main__notes.-location02 {
	left: 50%;
	right: auto;
	transform: translateX(14em);
}
.visual-main__notes.-location03 {
	right: 10px;
}
.visual-main.-concept {
	background-image: url(../../concept/img/visual-main_bg@pc.jpg);
}
.visual-main.-access {
	background-image: url(../../access/img/visual-main_bg@pc.jpg);
}
.visual-main.-design {
	background-image: url(../../design/img/visual-main_bg@pc.jpg);
}
.visual-main.-space {
	background-image: url(../../space/img/visual-main_bg@pc.jpg);
}
.visual-main.-future {
	background-image: url(../../future/img/visual-main_bg@pc.jpg);
}
.visual-main.-plan {
	background-image: url(../../plan/img/visual-main_bg@pc.jpg);
}
.visual-main.-location {
	background-image: url(../../location/img/visual-main_bg@pc.jpg);
}

@media only screen and (max-width: 767px) {
.visual-main {
height: calc(225 / 750 * 100vw);
}
.visual-main__headline {
font-size: calc(55 / 750 * 100vw);
}
.visual-main__lead {
font-size: calc(24 / 750 * 100vw);
}
.visual-main.-concept {
	background-image: url(../../concept/img/visual-main_bg@sp.jpg);
}
.visual-main.-access {
	background-image: url(../../access/img/visual-main_bg@sp.jpg);
}
.visual-main.-design {
	background-image: url(../../design/img/visual-main_bg@sp.jpg);
}
.visual-main.-future {
	background-image: url(../../future/img/visual-main_bg@sp.jpg);
}
.visual-main.-plan {
	background-image: url(../../plan/img/visual-main_bg@sp.jpg);
}
.visual-main.-location {
	background-image: url(../../location/img/visual-main_bg@sp.jpg);
}
.visual-main__notes.-location01 {
	font-size: .5rem;
}
.visual-main__notes.-location02 {
	font-size: .5rem;
}
.visual-main__notes.-location03 {
	font-size: .5rem;
}

}
/* intro */
.intro {
	text-align: center;
}
.intro__headline {
	color: #3e3a39;
	font-size: 3.2rem;
	letter-spacing: .35em;
}
.intro__headline > img {
	width: 718px;
}
.intro__lead {
	margin-top: 12px;
	color: #3f3a39;
	font-size: 2.8rem;
	letter-spacing: .5em;
}
.intro__text {
	margin-top: 32px;
	color: #3e3a39;
	letter-spacing: .2em;
	line-height: 2.25em;
}
.intro__logo {
	margin-top: 32px;
}
.intro__logo > img {
	width: 247px;
}
.intro__image {
	margin-top: 48px;
}

@media only screen and (max-width: 767px) {
.intro__headline {
	font-size: 1.6rem;
	letter-spacing: .175em;
}
.intro__headline > img {
	width: 320px;
}
.intro__lead {
	margin-top: 6px;
	font-size: 1.4rem;
	letter-spacing: .25em;
}
.intro__text {
	margin-top: 20px;
	font-size: 1.3rem;
	letter-spacing: .15em;
}
.intro__logo {
	margin-top: 20px;
}
.intro__logo > img {
	width: 140px;
}
.intro__image {
	margin-top: 32px;
}
}
/* area
------------------------------ */
/* area-notes */
.area-notes {
	margin-top: 85px;
	color: #999;
	font-size: 1.1rem;
	letter-spacing: .06em;
	line-height: 2;
}

@media only screen and (max-width: 767px) {
.area-notes {
	margin-top: 40px;
	font-size: 1rem;
	line-height: 1.5;
}
}
/* btn
------------------------------ */
.btn {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 85px;
	background-color: #fe7474;
	color: #fff;
	font-size: 2.1rem;
	letter-spacing: .1em;
}
.btn.-limited {
	background: #fff;
	border: 1px solid #fe7474;
	color: #fe7474;
}
.btn::before {
	content: "";
	display: inline-block;
	margin-right: 14px;
	background-repeat: no-repeat;
	background-size: contain;
}
.btn:hover {
	background-color: #ff8b8b;
	text-decoration: none;
}
.btn.-limited:hover {
	background: #fff;
	opacity: 0.8;
}
.btn.-entry::before {
	width: 17px;
	height: 26px;
	background-image: url(../img/ic_entry.svg);
}
.btn.-limited::before {
	width: 25px;
	height: 26px;
	background-image: url(../img/ic_limited.svg);
}
.btn.-visit::before {
	width: 17px;
	height: 26px;
	background-image: url(../img/ic_visit.svg);
}

@media only screen and (max-width: 767px) {
.btn {
	height: 45px;
	font-size: 1.2rem;
}
.btn::before {
	margin-right: 10px;
}
.btn.-entry::before {
	width: 12px;
	height: 17px;
}
.btn.-limited::before {
	width: 17px;
	height: 17px;
}
.btn.-visit::before {
	width: 13px;
	height: 19px;
}
}
/* slick */
.slick-slider {
	position: relative;
	display: block!important;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	text-align: center;
}
.slick-slider button {
	outline: 0;
	background-color: transparent;
	cursor: pointer;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: 0;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track::before, .slick-track::after {
	display: table;
	content: '';
}
.slick-track::after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: 0;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: inline;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: inline-block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* slick-arrow */
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 25px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .3s;
}
.slick-prev::before, .slick-next::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	border: 1px solid;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.slick-prev {
	left: -72px;
}
.slick-prev::before {
	border-color: transparent transparent #666 #666;
}
.slick-next {
	right: -72px;
}
.slick-next::before {
	border-color: #666 #666 transparent transparent;
}
.slick-prev:hover, .slick-next:hover {
	opacity: .7;
}

@media only screen and (max-width: 640px) {
.slick-prev, .slick-next {
	width: 15px;
	height: 25px;
}
.slick-prev::before, .slick-next::before {
	width: 18px;
	height: 18px;
}
.slick-prev {
	left: -12px;
}
.slick-next {
	right: -12px;
}
}
/* --------------------------------------------------
10:  Project
-------------------------------------------------- */

/* --------------------------------------------------
TOP
-------------------------------------------------- */

/* visual-top */
.visual-top {
	overflow: hidden;
	position: relative;
	height: calc(100vh - 107px);
}

.visual-top__slide {
	visibility: hidden;
	opacity: 0;
	display: none;
	height: 100%;
	-webkit-animation: fadeIn 3s ease-in-out forwards;
	animation: fadeIn 3s ease-in-out forwards;
}
.visual-top__slide p {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	font-size: 1.1rem;
	text-shadow: 0 0 12px rgba(0, 0, 0, .7);
}
.visual-top__slide img {
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	min-width: 100%;
	min-height: 100%;
	margin: auto;
}
@supports (object-fit: cover) {
	.visual-top__slide img {
		position: static;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.visual-top .slick-list,
.visual-top .slick-track,
.visual-top .slick-slide > div,
.visual-top .slick-slide > div > div {
	height: 100%;
}
.visual-top .slick-slide {
	overflow: hidden;
	position: relative;
}

.visual-top .slick-slide {}
.visual-top .slick-slide.-scaleIn img {
	-webkit-animation: scaleIn 4s linear forwards;
	animation: scaleIn 4s linear forwards;
}

.visual-top__header {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadeInOut 3s ease-in-out 0.2s forwards;
	animation: fadeInOut 3s ease-in-out 0.2s forwards;
}
.visual-top__headline img {
	width: 744px;
}
.visual-top__lead {
	margin-top: 16px;
	color: #666;
	font-size: 2.7rem;
	letter-spacing: .5em;
}

.koudou{
    font-size:3.0rem;
    letter-spacing: .2em;
    line-height: 1.3;
    text-align: center;
    margin-bottom:40px;
}

@media only screen and (max-width: 767px) {
	.visual-top {
	padding-top: 48px;
	height: 37vh;
    position: static;
	}

	.visual-top__header {
		width: calc(536 / 750 * 100vw);
		height: calc(144 / 750 * 100vw);
	}
	.visual-top__headline > img {
		width: calc(438 / 750 * 100vw);
	}
	.visual-top__lead {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(18 / 750 * 100vw);
	}
    
    .koudou {
	font-size: 1.8rem;
    }
}
/* nav-top */
.nav-top {
	visibility: hidden;
	opacity: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	-webkit-animation: fadeIn .5s ease-in-out 4.3s forwards;
	animation: fadeIn .5s ease-in-out 4.3s forwards;
	position: relative;
	z-index: 1100;
	zoom:1;
}
.nav-top ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.nav-top li {
	-webkit-flex: 1;
	flex: 1;
}
.nav-top li a {
	display: block;
	text-align: center;
	position: relative;
	z-index: 1101;
}
.nav-top li:not(:first-child)  > a::before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 0;
	border-left: 1px solid #c6c6c6;
	z-index: 1102;
}
.nav-top li a:hover {
	text-decoration: none;
}
.nav-top li span {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 40px;
	line-height: 1.25;
  white-space: nowrap
}
.nav-top li .disabled span {
	flex-flow: row wrap;
}
.nav-top li span .come {
	font-size: .65rem;
	font-family: "Montserrat", sans-serif;
}
.nav-top li .disabled span .come {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.nav-top li i {
	display: block;
	margin-top: 4px;
	font-size: 1rem;
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	letter-spacing: .12em;
}
.nav-top li  a.disabled {
	color: rgb(51, 51, 51) !important;
}
.nav-top li > a[href*="concept"]:hover {
	color: #cb5d7d;
}
.nav-top li > a[href*="access"]:hover {
	color: #d87e3c;
}
.nav-top li > a[href*="design"]:hover {
	color: #4e93a6;
}
.nav-top li > a[href*="future"]:hover {
	color: #4f6d90;
}
.nav-top li > a[href*="plan"]:hover {
	color: #876681;
}
.nav-top li > a[href*="brand"]:hover {
	color: #699343;
}
.nav-top li > a[href*="concept"] i {
	color: #cb5d7d;
}
.nav-top li > a[href*="access"] i {
	color: #d87e3c;
}
.nav-top li > a[href*="design"] i {
	color: #4e93a6;
}
.nav-top li > a[href*="future"] i {
	color: #4f6d90;
}
.nav-top li > a[href*="plan"] i {
	color: #876681;
}
.nav-top li > a[href*="brand"] i {
	color: #699343;
}
.nav-top li.slide-menu .slide-list {
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	top: -60px;
	left: 0;
	background: rgba(255, 255, 255,0.8);
	padding-bottom: 30px;
	z-index: 1101;
}
.nav-top li.slide-menu .slide-list + .is-active {
	display: block;
}
.nav-top li.slide-menu .slide-list p {
	display: inline-block;
}
.nav-top li.slide-menu .slide-list a {
	display: inline-block;
	min-width: calc(100vw / 6);
	min-height: 60px;
	line-height: 60px;
	text-decoration: none;
}
.nav-top li.slide-menu .slide-list a span {
	position: relative;
	padding-left: 12px;
	display: inline;
}
.nav-top li.slide-menu .slide-list a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-left: 7px solid #004165;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
@media only screen and (min-width: 768px) {
.nav-top li.slide-menu a[href*="access"] + .slide-list a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-left: 7px solid #d87e3c;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.nav-top li.slide-menu a[href*="design"] + .slide-list a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border-left: 7px solid #4e93a6;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
}

.nav-top li.slide-menu .slide-list a:hover {
	opacity: .5;
}


@media only screen and (max-width: 767px) {
.nav-top {
	display: none;
}
}
/* info */
.info {
	/*padding-top: 40px;*/
	padding-bottom: 60px;
}
.info__image {
	text-align: center;
}

.topic_info {
text-align: center;
margin: 20px 0;
}

@media only screen and (max-width: 767px) {
.info {
	padding-top: 0;
	padding-bottom: 40px;
	transition-delay:3.6s !important;
}
.info__image > img {
width: calc(598 / 750 * 100vw);
}
}
/* topic */
.topic {
}
.topic > .wrap {
	padding-top: 64px;
	padding-bottom: 64px;
	border-top: 1px solid #dadada;
}
.topic__headline {
	color: #4f6d90;
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
	font-weight: 200;
	letter-spacing: .12em;
	text-align: center;
}
.topic__list {
	position: relative;
	max-width: 750px;
	margin: 8px auto 0;
}
.topic__list dt {
	position: absolute;
	padding-top: 22px;
	padding-left: 4px;
	color: #d2c199;
	font-family: "Montserrat", sans-serif;
	letter-spacing: .12em;
}
.topic__list dd {
	padding: 20px 0 20px 132px;
	color: #666;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	letter-spacing: .12em;
}
.topic__list dd:not(:first-of-type)::before {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin-top: -20px;
	border-top: 1px dashed #ccc;
}
.ttknews:not(:first-of-type)::before {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin-top: -20px;
	border-top: 1px dashed #ccc;
}
.ttknews {
	display: block;
	color: #666;
	padding: 20px 0;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	letter-spacing: .12em;
}
@media only screen and (max-width: 767px) {
.topic > .wrap {
	padding-top: 32px;
	padding-bottom: 20px;
}
.topic__headline {
	font-size: 1.6rem;
}
.topic__list dt {
	position: static;
	padding-top: 20px;
	padding-left: 0;
	font-size: 1.3rem;
}
.topic__list dt:not(:first-of-type)::before {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin-top: -20px;
	border-top: 1px dashed #ccc;
}
.topic__list dd {
	padding: 4px 0 28px;
	font-size: 1.2rem;
}
.topic__list dd:not(:first-of-type)::before {
	content: none;
}
}
/* nav-local */
.nav-local {
	margin-top: 100px;
}
.nav-local__list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.nav-local__item {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	position: relative;
}
.nav-local__item a {
	display: block;
}
.nav-local__item a.disabled {
	cursor: default;
}
.nav-local__item a:hover {
	text-decoration: none;
}
.nav-local__item a:hover .nav-local__image > img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.nav-local__item a.disabled:hover .nav-local__image > img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.nav-local__image {
	overflow: hidden;
	position: relative;
}
.nav-local__image > img {
	width: 100%;
}
.nav-local__image > p {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: 1.1rem;
	text-shadow: 0 0 5px rgba(0, 0, 0, .4);
	font-family: "Montserrat", sans-serif,"Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリ
}
.nav-local__text {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 260px;
	background-color: rgba(255, 255, 255, .9);
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: .3s;
}
.nav-local__text > p {
	margin-top: 8px;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	letter-spacing: .2em;
	line-height: 1.75;
}
.nav-local__item a.disabled .nav-local__text span {
	display: block;
	margin-top: 10px;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	letter-spacing: .35em;
	line-height: 1.75;
	font-weight: 100;
	font-size: 1.2rem;
}
.nav-local__headline {
	font-family: "Montserrat", sans-serif;
	font-size: 3.6rem;
	font-weight: 200;
	letter-spacing: .12em;
	text-align: center;
}
.nav-local__notes {
	padding-top: 36px;
	padding-bottom: 56px;
	color: #999;
	font-size: 1.1rem;
	letter-spacing: .06em;
	line-height: 2;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
}
.nav-local__item > a[href*="concept"] .nav-local__headline {
	color: #cb5d7d;
}
.nav-local__item > a[href*="access"] .nav-local__headline {
	color: #d87e3c;
}
.nav-local__item > a[href*="brand"] .nav-local__headline {
	color: #699343;
}
.nav-local__item > a[href*="design"] .nav-local__headline {
	color: #4e93a6;
}
.nav-local__item > a[href*="space"] .nav-local__headline {
	color: #aa8d35;
}
.nav-local__item > a[href*="future"] .nav-local__headline {
	color: #4f6d90;
}
.nav-local__item > a[href*="plan"] .nav-local__headline {
	color: #876681;
}
.nav-local__item > a[href*="brand"] .nav-local__headline {
	color: #a57a60;
}

@media only screen and (max-width: 1000px) {
.nav-local__text {
	width: 300px;
	height: 195px;
}
.nav-local__text > p {
	font-size: 1.4rem;
}
.nav-local__headline {
	font-size: 3.2rem;
}
}

@media only screen and (max-width: 767px) {
.nav-local {
	margin-top: 20px;
}
.nav-local__list {
	display: block;
}
.nav-local__item {
	margin-top: 14px;
}
.nav-local__image > img {
	filter: none;
	-webkit-transform: none;
	transform: none;
}
.nav-local__image > p {
	font-size: 1rem;
}
.nav-local__text {
	width: 232px;
	height: 124px;
}
.nav-local__text > p {
	margin-top: 4px;
	font-size: 1.1rem;
}
.nav-local__item a.disabled .nav-local__text span {
	font-size: 1rem;
}
.nav-local__headline {
	font-size: 2.1rem;
	line-height: 1.25;
}
.nav-local__notes {
	padding-top: 24px;
	padding-bottom: 28px;
	font-size: 1rem;
}
}
/* inf-limited */
.info-limited {
	background: url(../../img/info-limited_bg.jpg) center center no-repeat;
	background-size: cover;
  padding-bottom: 20px;
}
.info-limited__contents {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 960px;
	height: 502px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.info-limited__headline {
	color: #fefefe;
	font-size: 3.3rem;
	letter-spacing: .25em;
  word-wrap: break-word;
}
.info-limited__list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 48px;
}
.info-limited__item {
-webkit-flex-basis: calc(273 / * 100%);
flex-basis: calc(273 / 960 * 100%);
	font-size: 2.4rem;
	letter-spacing: .1em;
	border-top: 6px solid #666;
	border-bottom: 6px solid #666;
}
.info-limited__item a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	height: 200px;
	background-color: #666;
	color: #fefefe;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.info-limited__item a:hover {
	background-color: #777;
	text-decoration: none;
}
.info-limited__item a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.info-limited__item.-item01 a::before {
	width: 94px;
	height: 140px;
	background-image: url(../../img/info-limited_ic_01.png);
}
.info-limited__item.-item02 a::before {
	width: 129px;
	height: 129px;
	background-image: url(../../img/info-limited_ic_02.png);
}
.info-limited__item.-item03 a::before {
	width: 96px;
	height: 122px;
	background-image: url(../../img/info-limited_ic_03.png);
}
.info-limited__text {
	color: #fff;
    margin-top: 25px;
    font-size: 1.3rem;
}
.info-limited__item.-comingsoon a {
	pointer-events: none;
}
.info-limited__item.-comingsoon a::after {
	content: "Coming Soon";
	display: block;
	margin-top: 4px;
	font-family: "Montserrat", sans-serif;
	font-size: 2rem;
	font-weight: 200;
	letter-spacing: .12em;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.info-limited {
	padding: 64px 8px 68px;
}
.info-limited__contents {
	display: block;
	height: auto;
}
.info-limited__headline {
	font-size: 1.8rem;
}
.info-limited__list {
	display: block;
	margin-top: 24px;
}
.info-limited__item {
	margin-top: 12px;
	font-size: 1.6rem;
}
.info-limited__item a {
	height: 70px;
}
.info-limited__item.-item01 a::before {
	width: 36px;
	height: 53px;
}
.info-limited__item.-item02 a::before {
	width: 46px;
	height: 46px;
}
.info-limited__item.-item03 a::before {
	width: 35px;
	height: 44px;
}
.info-limited__item.-comingsoon a::after {
	margin-top: 0;
	font-size: 1rem;
}
.info-limited__item br {
	display: none;
}
}
/* --------------------------------------------------
CONCEPT
-------------------------------------------------- */
.area-concept {
	margin-top: 65px;
}
.area-concept__item:not(:first-child) {
	margin-top: 50px;
}
.area-concept__slide {
	margin-top: 70px;
}
.area-concept__plan {
	margin-top: 135px;
}

@media only screen and (max-width: 767px) {
.area-concept__slide {
	margin-top: 55px;
}
.area-concept__plan {
	margin-top: 55px;
}
}
/* item-concept */
.item-concept {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-left: 75px;
}
.item-concept__image {
	order: 2;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	margin-left: -80px;
}
.item-concept__image > p {
	margin-top: -10px;
	padding-left: 135px;
	color: #3e3a39;
	font-size: 1.8rem;
	letter-spacing: .1em;
}
.item-concept__image > p.caption {
	margin-top: -70px;
	color: #fff;
	font-size: 1rem;
	font-family: "Montserrat", sans-serif;
}
.item-concept__image > p > span {
	font-size: 1.4rem;
}
.item-concept__contents {
	-webkit-flex-basis: 465px;
	flex-basis: 465px;
}
.item-concept__headline {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	color: #3e3a39;
	font-family: "Montserrat", sans-serif;
}
.item-concept__headline img {
	max-width: none;
}
.item-concept__headline > b {
	position: relative;
	margin-left: 15px;
	padding-bottom: 1px;
	font-size: 1.8rem;
	font-weight: 200;
	letter-spacing: .12em;
}
.item-concept__headline > b::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid transparent;
}
.item-concept__lead {
	margin-top: 15px;
	color: #3e3a39;
	font-size: 3rem;
	letter-spacing: .32em;
}
.item-concept__text {
	margin-top: 25px;
	font-size: 2rem;
	letter-spacing: .3em;
	line-height: 1.8;
}
.item-concept.-item01 .item-concept__headline {
	color: #cb5d7d;
}
.item-concept.-item01 .item-concept__headline > b::before {
	border-bottom-color: #cb5d7d;
}
.item-concept.-item02 {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding-right: 75px;
	padding-left: 0;
}
.item-concept.-item02 .item-concept__image {
	order: 0;
	margin-right: -30px;
	margin-left: 0;
}
.item-concept.-item02 .item-concept__image > p {
	padding-right: 135px;
	padding-left: 0;
}
.item-concept.-item02 .item-concept__headline {
	color: #699343;
}
.item-concept.-item02 .item-concept__headline > b::before {
	border-bottom-color: #699343;
}
.item-concept.-item03 {
	margin-top: -10px;
}
.item-concept.-item03 .item-concept__contents {
	padding-bottom: 120px;
}
.item-concept.-item03 .item-concept__headline {
	color: #d87e3c;
}
.item-concept.-item03 .item-concept__headline > b::before {
	border-bottom-color: #d87e3c;
}
.item-concept.-item04 .item-concept__contents {
	-webkit-align-self: flex-start;
	align-self: flex-start;
	padding-top: 55px;
}
.item-concept.-item04 .item-concept__headline {
	color: #4f6d90;
}
.item-concept.-item04 .item-concept__headline > b::before {
	border-bottom-color: #4f6d90;
}

@media only screen and (max-width: 960px) {
.item-concept {
	display: block;
	padding-left: 0;
}
.item-concept__image {
	margin-left: 0;
}
.item-concept__image > img {
	width: 305px;
}
.item-concept__image > p {
	margin-top: 10px;
	padding-left: 0;
	font-size: 1.1rem;
}
.item-concept__image > p > span {
	font-size: 1rem;
}
.item-concept__contents {
	text-align: center;
}
.item-concept__headline {
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 20px;
}
.item-concept__headline > b {
	margin-left: 10px;
	font-size: 1.4rem;
}
.item-concept__lead {
	font-size: 1.8rem;
	letter-spacing: .175em;
}
.item-concept__image > p.caption {
	margin-top: -40px;
	padding: 0 0 40px 20%;
}
.item-concept__text {
	margin-top: 10px;
	font-size: 1.3rem;
	letter-spacing: .15em;
}
.item-concept.-item01 .item-concept__headline img {
	width: 37px;
}
.item-concept.-item02 {
	padding-right: 0;
}
.item-concept.-item02 .item-concept__image {
	margin-right: 0;
}
.item-concept.-item02 .item-concept__image > p {
	padding-right: 0;
}
.item-concept.-item02 .item-concept__headline img {
	width: 44px;
}
.item-concept.-item03 {
	margin-top: 50px;
}
.item-concept.-item03 .item-concept__contents {
	padding-bottom: 0;
}
.item-concept.-item03 .item-concept__headline img {
	width: 31px;
}
.item-concept.-item04 .item-concept__contents {
	padding-top: 0;
}
.item-concept.-item04 .item-concept__headline img {
	width: 43px;
}
}
/* slide-concept */
.slide-concept {
	margin-bottom: 65px;
}
.slide-concept__headline {
	color: #4e93a6;
	font-family: "Montserrat", sans-serif;
	text-align: center;
}
.slide-concept__headline img {
	max-width: none;
}
.slide-concept__headline > i {
	display: block;
	margin-bottom: 2px;
}
.slide-concept__headline > b {
	position: relative;
	margin-left: 15px;
	padding-bottom: 1px;
	font-size: 1.8rem;
	font-weight: 200;
	letter-spacing: .12em;
}
.slide-concept__headline > b::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #4e93a6;
}
.slide-concept__lead {
	margin-top: 15px;
	color: #3e3a39;
	font-size: 3.1rem;
	letter-spacing: .35em;
	text-align: center;
}
.slide-concept__text {
	margin-top: 25px;
	font-size: 2rem;
	letter-spacing: .3em;
	line-height: 1.8;
	text-align: center;
}
.slide-concept__slide {
	margin-top: 20px;
}
.slide-concept__slide .slick-slide {
	position: relative;
}
.slide-concept__slide p {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	font-size: 1.1rem;
	text-shadow: 0 0 12px rgba(0, 0, 0, .7);
}

@media only screen and (max-width: 767px) {
.slide-concept__headline img {
	width: 27px;
}
.slide-concept__headline > b {
	font-size: 1.4rem;
}
.slide-concept__lead {
	font-size: 1.8rem;
	letter-spacing: .175em;
}
.slide-concept__text {
	margin-top: 10px;
	font-size: 1.3rem;
	letter-spacing: .15em;
}
.slide-concept__slide {
	margin-top: 15px;
}
.slide-concept__slide p {
	bottom: 5px;
	left: 5px;
	font-size: 1rem;
}
}
/* plan-concept */
.plan-concept {
}
.plan-concept__headline {
	color: #876681;
	font-family: "Montserrat", sans-serif;
	text-align: center;
}
.plan-concept__headline img {
	max-width: none;
}
.plan-concept__headline > i {
	display: block;
	margin-bottom: 2px;
}
.plan-concept__headline > b {
	position: relative;
	margin-left: 15px;
	padding-bottom: 1px;
	font-size: 1.8rem;
	font-weight: 200;
	letter-spacing: .12em;
}
.plan-concept__headline > b::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #876681;
}
.plan-concept__lead {
	margin-top: 15px;
	color: #3e3a39;
	font-size: 3.1rem;
	letter-spacing: .35em;
	text-align: center;
}
.plan-concept__lead > b {
	color: #e9474d;
}
.plan-concept__image {
	margin-top: 40px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.plan-concept__headline img {
	width: 43px;
}
.plan-concept__headline > b {
	font-size: 1.4rem;
}
.plan-concept__lead {
	font-size: 1.8rem;
	letter-spacing: .175em;
}
.plan-concept__image {
	margin-top: 20px;
}
}
/* --------------------------------------------------
ACCESS
-------------------------------------------------- */
.station-access {
	margin-top: 50px;
}
.station-access-top {
	position: relative;
}
.station-access-top-note01 {
	position: absolute;
	right: 66%;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
	transform: translateX(-1em);
}
.station-access-top-note02 {
	position: absolute;
	right: 33%;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
	transform: translateX(-1em);
}
.station-access-top-note03 {
	position: absolute;
	right: 0%;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
	transform: translateX(-1em);
}
.station-access-btm {
	margin-top: 60px;
	text-align: center;
}
.station-access-list {
	margin-top: 50px;
}
.station-access-list dl {
	margin-top: 45px;
}
.station-access-list dl:first-child {
	margin-top: 0;
}
.station-access-list dt {
	font-size: 1.25em;
}
.station-access-list dd  {
	margin-top: 25px;
}
.station-access-list dd:nth-of-type(2n-1) {
	float: left;
	width: 49%;
}
.station-access-list dd:nth-of-type(2n) {
	float: right;
	width: 49%;
}
.station-access-rute {
	background: #f5f3f0;
	padding: 40px 10px 50px;
	margin-top: 50px;
	text-align: center;
}
.station-access-rute-title {
	font-size: 2.25em;
	color: #004165;
}
.station-access-rute-title span {
	font-size: .6em;
}
.station-access-rute-lead {
	font-size: 1.12em;
	margin-top: 15px;
}
.station-access-rute-inner {
	margin-top: 25px;
	text-align: center;
}
.station-access-rute-inner {
	margin-top: 25px;
	text-align: center;
}
.station-access-rute-inner-form {
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	background: url(../../access/img/bg_arrow@pc.png) 50% 50% no-repeat;
}
@media only screen and (max-width: 950px) {
	.station-access-rute-inner-form {
		background-size: 55px auto;
	}
}
.station-access-rute-inner-left {
	float: left;
	width: 45%;
}
.station-access-rute-inner-left .circle {
	display: inline-block;
	background: #d77e3c;
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 1.25em;
	color: #fff;
	border-radius: 50%;
	vertical-align: middle;
}
.station-access-rute-inner-left .circle span{
	line-height: 1.2;
	display: inline-block;
	margin-top: 19px;
}
.station-access-rute-inner-left input {
	border: 2px solid #d77e3c;
	padding: 12px 10px 12px 20px;
	border-radius: 4px;
	width: 60%;
	display: inline-block;
	margin-left: 12px;
	cursor: pointer;
	background: #fff;
}
@media only screen and (max-width: 950px) {
	.station-access-rute-inner-left input {
		width: 40%;
	}
}
.station-access-rute-inner-left .text {
	display: inline-block;
	font-size: 1.25em;
	margin-left: 12px;
}
.station-access-rute-inner-right {
	float: right;
	width: 45%;
}
.station-access-rute-inner-right .circle {
	display: inline-block;
	background: #d77e3c;
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 1.25em;
	color: #fff;
	border-radius: 50%;
	vertical-align: middle;
}
.station-access-rute-inner-right .circle span{
	line-height: 1.2;
	display: inline-block;
}
.station-access-rute-inner-right input {
	border: 2px solid #d77e3c;
	padding: 12px 10px 12px 20px;
	background: #fff;
	border-radius: 4px;
	width: 60%;
	display: inline-block;
	margin-left: 12px;
	background: #fff;
}
@media only screen and (max-width: 950px) {
	.station-access-rute-inner-right input {
		width: 40%;
	}
}
.station-access-rute-inner-right .text {
	display: inline-block;
	font-size: 1.25em;
	margin-left: 12px;
}
.station-access-rute-inner-btn {
	margin-top: 20px;
}
.station-access-rute-inner-btn a {
	border: 2px solid #245371;
	text-align: center;
	font-size: 1.5em;
	color: #245371;
	padding: 12px 20px;
	display: block;
	max-width: 670px;
	margin: 0 auto;
	text-decoration: none;
}
.station-access-rute-inner-btn a span {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 26px;
	background: url(../../access/img/ico-01.png) 0 0 no-repeat;
	margin-right: 20px;
	margin-top: -5px;
}
.station-access-rute-inner-btn a:hover {
	background: #245371;
	color: #fff;
}
.station-access-rute-inner-btn a:hover span {
	background: url(../../access/img/ico-02.png) 0 0 no-repeat;
}

.station-access-rute-inner-btn button {
	border: 2px solid #245371;
	text-align: center;
	font-size: 1.5em;
	color: #245371;
	padding: 12px 80px;
	display: block;
	max-width: 670px;
	margin: 0 auto;
	text-decoration: none;
}
.station-access-rute-inner-btn button span {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 26px;
	background: url(../../access/img/ico-01.png) 0 0 no-repeat;
	margin-right: 20px;
	margin-top: -5px;
}
.station-access-rute-inner-btn button:hover {
	background: #245371;
	color: #fff;
}
.station-access-rute-inner-btn button:hover span {
	background: url(../../access/img/ico-02.png) 0 0 no-repeat;
}

@media only screen and (max-width: 767px) {
	.station-access {
		margin-top: 25px;
	}
	.station-access-top-note01 {
		font-size: .5rem;
	}
	.station-access-top-note02 {
		font-size: .5rem;
	}
	.station-access-top-note03 {
		font-size: .5rem;
	}
	.station-access-btm {
		margin-top: 25px;
	}
	.station-access-list {
		margin-top: 25px;
	}
	.station-access-list dl {
		margin-top: 30px;
	}
	.station-access-list dt {
		font-size: 1.25rem;
	}
	.station-access-list dd  {
		margin-top: 15px;
	}
	.station-access-list dd:nth-of-type(2n-1) {
		float: none;
		width: 100%;
	}
	.station-access-list dd:nth-of-type(2n) {
		float: none;
		width: 100%;
	}
	.station-access-rute {
		padding: 30px 10px;
		margin-top: 25px;
	}
	.station-access-rute-title {
		font-size: 2.25rem;
	}
	.station-access-rute-lead {
		font-size: 1.12rem;
	}
	.station-access-rute-inner {
		margin-top: 20px;
	}
	.station-access-rute-inner-form {
		background: none;
	}
	.station-access-rute-inner-left {
		float: none;
		width: 100%;
		display: inline-block;
		padding-bottom: 30px;
		background: url(../../access/img/bg_arrow@sp.png) 50% 100% no-repeat;
		background-size: 23px auto;
	}
	.station-access-rute-inner-left .circle {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 1.25rem;
	}
	.station-access-rute-inner-left input {
		padding: 8px 25px 8px 10px;
		width: 140px;
		font-size: 1.2rem;
		background-size: 18px auto;
		margin-left: 5px;
	}
	.station-access-rute-inner-left .text {
		font-size: 1.25rem;
		margin-left: 5px;
	}
	.station-access-rute-inner-right {
		float: none;
		width: 100%;
		margin-top: 5px;
	}
	.station-access-rute-inner-right .circle {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 1.25rem;
	}
	.station-access-rute-inner-right input {
		padding: 8px 25px 8px 10px;
		border-radius: 4px;
		width: 140px;
		font-size: 1.2rem;
		margin-left: 5px;
	}
	.station-access-rute-inner-right .text {
		font-size: 1.25rem;
		margin-left: 12px;
		margin-left: 5px;
	}
	.station-access-rute-inner-btn {
		margin-top: 20px;
	}
	.station-access-rute-inner-btn a {
		font-size: 1.5rem;
		padding: 8px 10px;
		max-width: none;
	}
	.station-access-rute-inner-btn a span {
		width: 11px;
		height: 13px;
		background-size: 11px auto;
		margin-right: 5px;
		margin-top: -5px;
	}
	.station-access-rute-inner-btn a:hover span {
		background-size: 11px auto;
	}
}

.multi01-access {
	text-align: center;
}
.multi01-access {
	margin: 80px auto 0;
}
.multi01-access__headline {
	max-width: 950px;
	text-align: center;
}
.multi01-access__headline h3 {
	border-bottom: 2px solid #d87e3c;
	padding-bottom: 20px;
}
.multi01-access__headline h3 span {
	font-family: "Montserrat", sans-serif;
	font-size: 1.5em;
	letter-spacing: .35em;
	color: #d87e3c;
	display: block;
}
.multi01-access__headline h3 strong {
	display: block;
	font-size: 2.6em;
	letter-spacing: .35em;
	margin-top: 8px;
}
.multi01-access__headline p {
	margin-top: 15px;
	font-size: 1.6em;
	letter-spacing: .15em;
}
@media only screen and (max-width: 767px) {
	.multi01-access {
		margin: 25px auto 0;
	}
	.multi01-access__headline h3 {
		max-width: 85%;
		padding-bottom: 8px;
		margin: 0 auto;
	}
	.multi01-access__headline h3 span {
		font-size: 1.2rem;
	}
	.multi01-access__headline h3 strong {
		font-size: 1.8rem;
		margin-top: 8px;
	}
	.multi01-access__headline p {
		max-width: 85%;
		margin: 0 auto;
		margin-top: 8px;
		font-size: 1.4rem;
	}
}
.multi01-access-detail {
	display: inline-block;
	text-align: left;
	margin-top: 50px;
}
.multi01-access-detail dl {
	margin-top: 50px;
}
.multi01-access-detail dl:first-child {
	margin-top: 0;
}
.multi01-access-detail dt {
	font-size: 1.25em;
}
.multi01-access-detail dd  {
	margin-top: 25px;
}
.multi01-access-detail-btm {
	margin-top: 60px;
}
.multi01-access-detail .area-notes {
	margin-top: 15px;
}
.multi01-access-attention {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
	background: #f5f3f0;
	padding: 30px 70px;
}
.multi01-access-attention-item {
-webkit-flex-basis: calc(460 / 1000 * 100%);
flex-basis: calc(460 / 1000 * 100%);
max-width: calc(460 / 1000 * 100%);
	font-size: 1.4em;
	text-align: left;
	line-height: 1.9;
	letter-spacing: .35em;
	position: relative;
}
.multi01-access-attention-item .note01 {
	position: absolute;
	right: 50%;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
	transform: translateX(-1em);
}
.multi01-access-attention-item .note02 {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.multi01-access {
		margin: 40px auto 0;
	}
	.multi01-access-detail {
		margin-top: 25px;
	}
	.multi01-access-detail dl {
		margin-top: 15px;
	}
	.multi01-access-detail dt {
		font-size: 1.25rem;
	}
	.multi01-access-detail dd  {
		margin-top: 5px;
	}
	.multi01-access-detail-btm {
		margin-top: 25px;
	}
	.multi01-access-detail .area-notes {
		margin-top: 15px;
	}
	.multi01-access-attention {
		display: block;
		margin-top: 15px;
		padding: 20px 35px;
		text-align: center;
	}
	.multi01-access-attention-item {
		display: block;
		max-width: none;
		font-size: 1.1rem;
		text-align: left;
		margin-top: 0;
	}
	p.multi01-access-attention-item {
		margin-top: 15px;
		display: inline-block;
	}
}

.multi02-access {
	margin: 80px auto 0;
}
.multi02-access__headline {
	max-width: 950px;
	text-align: center;
}
.multi02-access__headline h3 {
	border-bottom: 2px solid #d87e3c;
	padding-bottom: 20px;
}
.multi02-access__headline h3 span {
	font-family: "Montserrat", sans-serif;
	font-size: 1.5em;
	letter-spacing: .35em;
	color: #d87e3c;
	display: block;
}
.multi02-access__headline h3 strong {
	display: block;
	font-size: 2.6em;
	letter-spacing: .35em;
	margin-top: 8px;
}
.multi02-access__headline p {
	margin-top: 15px;
	font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
	.multi02-access {
		margin: 25px auto 0;
	}
	.multi02-access__headline h3 {
		max-width: 85%;
		padding-bottom: 8px;
		margin: 0 auto;
	}
	.multi02-access__headline h3 span {
		font-size: 1.2rem;
	}
	.multi02-access__headline h3 strong {
		font-size: 1.8rem;
		margin-top: 8px;
	}
	.multi02-access__headline p {
		max-width: 85%;
		margin: 0 auto;
		margin-top: 8px;
		font-size: 1.4rem;
	}
}
.multi02-access-top {
	margin-top: 50px;
	padding-top: 15px;
	position: relative;
}
.multi02-access-top-text {
	font-size: 1.4em;
	letter-spacing: .2em;
	padding-right: 53%;
}
.multi02-access-top-img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	max-width: 50%;
}
.multi02-access-top-img .note {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
}
.multi02-access-top-box {
	border: 1px solid #d77e3c;
	width: 52%;
	padding: 30px 55px;
	position: relative;
	z-index: 2;
	margin-top: 60px;
}
.multi02-access-top-box .text {
	font-size: 1.6em;
	letter-spacing: .2em;
	line-height: 1.7;
}
.multi02-access-top-box .note {
	text-align: center;
	margin-top: 12px;
	padding-right: 20px;
	color: #999;
	font-size: 1.1rem;
	letter-spacing: .06em;
	line-height: 2;
}
.multi02-access-btm {
	margin-top: 50px;
}
.multi02-access-btm-text {
	text-align: center;
	font-size: 1.62em;
	letter-spacing: .35em;
}
.multi02-access-btm-box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
	background: #f5f3f0;
	padding: 30px 40px;
}
.multi02-access-btm-box-item {
-webkit-flex-basis: calc(480 / 1000 * 100%);
flex-basis: calc(480 / 1000 * 100%);
max-width: calc(480 / 1000 * 100%);
	font-size: 1.4em;
	text-align: left;
	line-height: 1.9;
	letter-spacing: .35em;
	position: relative;
}
.multi02-access-btm-box-item .note {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
}
@media only screen and (max-width: 767px) {
	.multi02-access-top {
		margin-top: 25x;
		padding-top: 0;
	}
	.multi02-access-top-text {
		font-size: 1.4rem;
		padding-right: 0;
		text-align: center;
	}
	.multi02-access-top-img {
		margin-top: 15px;
		position: static;
		max-width: none;
	}
	.multi02-access-top-box {
		width: 100%;
		padding: 20px 15px;
		position: relative;
		z-index: 2;
		margin-top: 15px;
	}
	.multi02-access-top-box .text {
		font-size: 1.6rem;
	}
	.multi02-access-top-box .note {
		margin-top: 12px;
		padding-right: 0;
		font-size: 0.8rem;
	}
	.multi02-access-btm {
		margin-top: 30px;
	}
	.multi02-access-btm-text {
		font-size: 1.2rem;
	}
	.multi02-access-btm-box{
		display: block;
		margin-top: 16px;
		background: #f5f3f0;
		padding: 25px 20px;
	}
	.multi02-access-btm-box-item {
		max-width: none;
		font-size: 1.4em;
		text-align: left;
		line-height: 1.9;
		letter-spacing: .35em;
		margin-top: 20px;
	}
	.multi02-access-btm-box-item:first-child {
		margin-top: 0;
	}
}
.multi03-access {
	margin: 80px auto 0;
}
.multi03-access__headline {
	max-width: 950px;
	text-align: center;
}
.multi03-access__headline h3 {
	border-bottom: 2px solid #d87e3c;
	padding-bottom: 20px;
}
.multi03-access__headline h3 span {
	font-family: "Montserrat", sans-serif;
	font-size: 1.5em;
	letter-spacing: .35em;
	color: #d87e3c;
	display: block;
}
.multi03-access__headline h3 strong {
	display: block;
	font-size: 2.6em;
	letter-spacing: .35em;
	margin-top: 8px;
}
.multi03-access__headline p {
	margin-top: 15px;
	font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
	.multi03-access {
		margin: 25px auto 0;
	}
	.multi03-access__headline h3 {
		max-width: 85%;
		padding-bottom: 8px;
		margin: 0 auto;
	}
	.multi03-access__headline h3 span {
		font-size: 1.2rem;
	}
	.multi03-access__headline h3 strong {
		font-size: 1.8rem;
		margin-top: 8px;
	}
	.multi03-access__headline p {
		max-width: 85%;
		margin: 0 auto;
		margin-top: 8px;
		font-size: 1.4rem;
	}
}
.multi03-access-box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-top: 45px;
	max-width: 950px;
}
.multi03-access-box-item {
-webkit-flex-basis: calc(490 / 1000 * 100%);
flex-basis: calc(490 / 1000 * 100%);
max-width: calc(490 / 1000 * 100%);
	position: relative;
}
.multi03-access-box-item .note {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: .87rem;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0;
	text-align: right;
	display: inline-block;
}
.multi03-access .area-notes {
	margin-top: 15px;
}
@media only screen and (max-width: 767px) {
	.multi03-access-box {
		margin-top: 35px;
		display: block;
	}
	.multi03-access-box-item {
		max-width: 100%;
		margin-top: 15px;
	}
	.multi03-access-box-item:first-child {
		margin-top: 0;
	}
	.multi03-access .area-notes {
		margin-top: 15px;
	}
}

/* --------------------------------------------------
DESIGN
-------------------------------------------------- */

.area-design {
	margin-top: 30px;
}
.summary-design-top-lead {
	letter-spacing: .2em;
	text-align: center;
	line-height: 2.2;
}
.summary-design-btm {
	margin-top: 40px;
	position: relative;
}
.summary-design-btm-note {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 1.1rem;
	color: #333;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
}
.summary-design-about {
	margin-top: 85px;
}
.summary-design-about-text {
	font-size: 2em;
	letter-spacing: .2em;
	text-align: center;
}
.summary-design-about-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 40px auto 0;
	max-width: 930px;
}
.summary-design-about-list li {
-webkit-flex-basis: calc(310 / 1000 * 100%);
flex-basis: calc(310 / 1000 * 100%);
max-width: calc(310 / 1000 * 100%);
}
.summary-design-about-list-img {
	position: relative;
}
.summary-design-about-list-img .text {
	position: absolute;
	width: 100%;
	background: rgba(51, 51, 51, 0.7);
	color: #fff;
	font-size: 1.72em;
	text-align: center;
	top: 50%;
	left: 0;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	letter-spacing: .2em;
}
.summary-design-about-list-img .note {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 1.1rem;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	color: #fff;
	text-align: right;
}
.summary-design-about-list-text {
	margin-top: 10px;
	letter-spacing: .3em;
	line-height: 1.7;
}
.summary-design-concept {
	margin-top: 50px;
}
.summary-design-concept-img {
	position: relative;
	display: inline-block;
}
.summary-design-concept-img .note {
	position: absolute;
	right: 30px;
	bottom: 0;
	font-size: 1.1rem;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
}
@media only screen and (max-width: 767px) {
	.area-design {
		margin-top: 25px;
	}
	.summary-design-top-lead {
		font-size: 1rem;
	}
	.summary-design-btm {
		margin-top: 30px;
	}
	.summary-design-btm-note {
		right: 5px;
		bottom: 5px;
		font-size: .85rem;
	}
	.summary-design-about {
		margin-top: 30px;
	}
	.summary-design-about-text {
		font-size: 2rem;
	}
	.summary-design-about-list {
		display: block;
		margin: 20px auto 0;
		max-width: none;
	}
	.summary-design-about-list li {
		max-width: none;
		margin-top: 20px;
	}
	.summary-design-about-list li:first-child {
		margin-top: 0;
	}
	.summary-design-about-list-img .text {
		font-size: 1.72rem;
		height: 40px;
		line-height: 40px;
		margin-top: -20px;
	}
	.summary-design-about-list-img .note {
		right: 5px;
		bottom: 5px;
		font-size: .85rem;
	}
	.summary-design-about-list-text {
		font-size: 1.2rem;
	}
	.summary-design-concept {
		margin-top: 25px;
	}
	.summary-design-concept-img .note {
		right: 5px;
		bottom: -3px;
		font-size: .85rem;
	}
}
.supervision-design {
	margin-top: 70px;
}
.supervision-design-box {
	background: #f0f3f5;
	padding: 50px 75px;
}
.supervision-design-box-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.supervision-design-box-photo {
-webkit-flex-basis: calc(270 / 1000 * 100%);
flex-basis: calc(270 / 1000 * 100%);
max-width: calc(270 / 1000 * 100%);
}
.supervision-design-box-detail {
-webkit-flex-basis: calc(700 / 1000 * 100%);
flex-basis: calc(700 / 1000 * 100%);
max-width: calc(700 / 1000 * 100%);
}
.supervision-design-box-detail-title {
	position: relative;
}
.supervision-design-box-detail-title:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #4e93a6;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5;
	z-index: 1;
}
.supervision-design-box-detail-title .left {
	float: left;
	padding-right: 1em;
	background: #f0f3f5;
	color: #4e93a6;
	font-family: "Montserrat", sans-serif;
	position: relative;
	z-index: 2;
	letter-spacing: .25em;
}
.supervision-design-box-detail-title .right {
	float: right;
	padding-left: 1em;
	background: #f0f3f5;
	color: #4e93a6;
	position: relative;
	z-index: 2;
	letter-spacing: .25em;
	text-align: right;
}
.supervision-design-box-detail-prof {
	margin-top: 18px;
}
.supervision-design-box-detail-prof .company {
	font-size: 1.12em;
	letter-spacing: .2em;
}
.supervision-design-box-detail-prof .name {
	font-size: 1.12em;
	letter-spacing: .2em;
	margin-top: 5px;
}
.supervision-design-box-detail-prof .name b {
	font-size: 1.8em;
	padding: 0 20px;
}
.supervision-design-box-detail-text {
	border-left: 5px solid #4e93a6;
	padding-left: 15px;
	min-height: 75px;
	margin-top: 35px;
}
.supervision-design-box-detail-text p {
	font-size: .8em;
	line-height: 2;
}
.supervision-design-box-list {
	margin-top: 40px;
}
.supervision-design-box-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.supervision-design-box-list ul li {
-webkit-flex-basis: calc(320 / 1000 * 100%);
flex-basis: calc(320 / 1000 * 100%);
max-width: calc(320 / 1000 * 100%);
}
.supervision-design-box-list ul li p {
	margin-top: 10px;
	font-size: .87em;
	letter-spacing: .1em;
}
@media only screen and (max-width: 767px) {
	.supervision-design {
		margin-top: 40px;
	}
	.supervision-design-box {
		padding: 35px 25px;
	}
	.supervision-design-box-inner {
		display: block;
	}
	.supervision-design-box-detail {
		max-width: none;
	}
	.supervision-design-box-detail-title .left {
		font-size: .87rem;
	}
	.supervision-design-box-detail-title .right {
		font-size: .87rem;
	}
	.supervision-design-box-detail-prof {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: wrap;
		flex-flow: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.supervision-design-box-detail-prof .sp-left {
	-webkit-flex-basis: calc(350 / 1000 * 100%);
	flex-basis: calc(350 / 1000 * 100%);
	max-width: calc(350 / 1000 * 100%);
	}
	.supervision-design-box-detail-prof .sp-right {
	-webkit-flex-basis: calc(600 / 1000 * 100%);
	flex-basis: calc(600 / 1000 * 100%);
	max-width: calc(600 / 1000 * 100%);
	}
	.supervision-design-box-detail-prof .company {
		font-size: 1.12rem;
	}
	.supervision-design-box-detail-prof .name {
		font-size: 1.12rem;
		margin-top: 5px;
	}
	.supervision-design-box-detail-prof .name b {
		font-size: 1.8em;
		padding: 0;
		display: block;
	}
	.supervision-design-box-detail-text {
		border-left: none;
		padding-left: 15px;
		min-height: none;
		margin-top: 20px;
		position: relative;
	}
	.supervision-design-box-detail-text:before {
		content: "";
		display: block;
		width: 2px;
		height: .8em;
		top: 4px;
		left: 0;
		background: #4e93a6;
		position: absolute;
	}
	.supervision-design-box-detail-text p {
		font-size: 1rem;
		line-height: 1.8;
	}
	.supervision-design-box-list {
		margin-top: 30px;
	}
	.supervision-design-box-list ul {
		display: block;
	}
	.supervision-design-box-list ul li {
		max-width: none;
		margin-top: 20px;
	}
	.supervision-design-box-list ul li:first-child {
		margin-top: 0;
	}
	.supervision-design-box-list ul li p {
		margin-top: 5px;
		font-size: 1rem;
	}
}


/* --------------------------------------------------
COMMON SPACE
-------------------------------------------------- */

.area-space {
	margin-top: 30px;
}
.summary-space-top-lead {
	letter-spacing: .2em;
	text-align: center;
	line-height: 2.2;
}
.summary-space-btm {
	margin-top: 60px;
}
.summary-space-btm-box01 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	background: #f0f3f5;
}
.summary-space-btm-box01-img {
-webkit-flex-basis: calc(595 / 1000 * 100%);
flex-basis: calc(595 / 1000 * 100%);
max-width: calc(595 / 1000 * 100%);
	position: relative;
}
.summary-space-btm-box01-img p {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 1.1rem;
	color: #fff;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
}
.summary-space-btm-box01-text {
-webkit-flex-basis: calc(405 / 1000 * 100%);
flex-basis: calc(405 / 1000 * 100%);
max-width: calc(405 / 1000 * 100%);
	padding: 0 4%;
}
.summary-space-btm-box01-text .text {
	font-size: 1.65em;
	letter-spacing: .1em;
	line-height: 1.6
}
.summary-space-btm-box01-text .note{
	margin-top: 25px;
	font-size: .87em;
	letter-spacing: .2em;
	line-height: 2;
}
.summary-space-btm-box02 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	background: #f4f0ec;
	margin-top: 2px;
}
.summary-space-btm-box02-img {
-webkit-flex-basis: calc(595 / 1000 * 100%);
flex-basis: calc(595 / 1000 * 100%);
max-width: calc(595 / 1000 * 100%);
	position: relative;
	order: 2;
}
.summary-space-btm-box02-img p {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 1.1rem;
	color: #333;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
	color: #fff;
}
.summary-space-btm-box02-text {
-webkit-flex-basis: calc(405 / 1000 * 100%);
flex-basis: calc(405 / 1000 * 100%);
max-width: calc(405 / 1000 * 100%);
	padding: 0 4%;
	order: 1;
}
.summary-space-btm-box02-text .text {
	font-size: 1.65em;
	letter-spacing: .1em;
	line-height: 1.6
}
.summary-space-btm-box02-text .note{
	margin-top: 25px;
	font-size: .87em;
	letter-spacing: .2em;
	line-height: 2;
}

@media only screen and (max-width: 767px) {
	.area-space {
		margin-top: 25px;
	}
	.summary-space-top-lead {
		font-size: 1rem;
	}
	.summary-space-btm {
		margin-top: 30px;
	}
	.summary-space-concept {
		margin-top: 25px;
	}
	.summary-space-btm {
		margin-top: 30px;
	}
	.summary-space-btm-box01 {
		display: block;
	}
	.summary-space-btm-box01-img {
		max-width: none;
		width: 100%;
	}
	.summary-space-btm-box01-img p {
		right: 5px;
		bottom: 5px;
		font-size: .85rem;
	}
	.summary-space-btm-box01-text {
		max-width: none;
		width: 100%;
		padding: 20px 5px;
		text-align: center;
	}
	.summary-space-btm-box01-text .text {
		font-size: 1.75rem;
		letter-spacing: .2em;
		line-height: 1.6
	}
	.summary-space-btm-box01-text .note{
		margin-top: 25px;
		font-size: 1rem;
		letter-spacing: .2em;
		line-height: 2;
	}
	.summary-space-btm-box02 {
		display: block;
	}
	.summary-space-btm-box02-img {
		max-width: none;
		width: 100%;
		order: 1;
	}
	.summary-space-btm-box02-img p {
		right: 5px;
		bottom: 5px;
		font-size: .85rem;
	}
	.summary-space-btm-box02-text {
		max-width: none;
		width: 100%;
		padding: 20px 5px;
		text-align: center;
		order: 2;
	}
	.summary-space-btm-box02-text .text {
		font-size: 1.75rem;
		letter-spacing: .2em;
		line-height: 1.6
	}
	.summary-space-btm-box02-text .note{
		margin-top: 25px;
		font-size: 1rem;
		letter-spacing: .2em;
		line-height: 2;
	}
}
.entrance-space {
	margin-top: 140px;
}
.entrance-space-mv {
	position: relative;
}
.entrance-space-mv p {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 1.1rem;
	color: #333;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
	color: #fff;
}
.entrance-space__headline {
	text-align: center;
	margin-top: 50px;
}
.entrance-space__headline h3 {
	color: #3e3a39;
	font-size: 3.2rem;
	letter-spacing: .35em;
}
.entrance-space__headline p {
	letter-spacing: .2em;
	text-align: center;
	line-height: 2.2;
}
.entrance-space-site {
	position: relative;
	margin-top: 40px;
}
.entrance-space-site p {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 1.1rem;
	color: #333;
	font-weight: 100;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
}
.entrance-space-about {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
}
.entrance-space-about-text {
-webkit-flex-basis: calc(395 / 1000 * 100%);
flex-basis: calc(395 / 1000 * 100%);
max-width: calc(395 / 1000 * 100%);
}
.entrance-space-about-text .text {
	font-size: 1.75em;
	letter-spacing: .2em;
	line-height: 1.6
}
.entrance-space-about-text .note{
	margin-top: 25px;
	font-size: .87em;
	letter-spacing: .2em;
	line-height: 2;
}

.entrance-space-about-list {
-webkit-flex-basis: calc(c / 1000 * 100%);
flex-basis: calc(595 / 1000 * 100%);
max-width: calc(595 / 1000 * 100%);
}
.entrance-space-about-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.entrance-space-about-list li {
-webkit-flex-basis: calc(320 / 1000 * 100%);
flex-basis: calc(320 / 1000 * 100%);
max-width: calc(320 / 1000 * 100%);
	margin-top: 20px;
}
.entrance-space-about-list li:nth-child(-n+3) {
	margin-top: 0;
}
.entrance-space-about-list li > .img {
	position: relative;
}
.entrance-space-about-list li > .img .note {
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size: .87rem;
	color: #fff;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	text-align: right;
	color: #fff;
}
.entrance-space-about-list li p {
	margin-top: 3px;
	font-size: .87em;
}
@media only screen and (max-width: 767px) {
	.entrance-space {
		margin-top: 60px;
	}
	.entrance-space-mv p {
		right: 5px;
		bottom: 5px;
		font-size: .85rem;
	}
	.entrance-space__headline {
		margin-top: 20px;
	}
	.entrance-space__headline h3 {
		font-size: 1.6rem;
		letter-spacing: .175em;
	}
	.entrance-space__headline p {
		font-size: 1rem;
		margin-top: 10px;
	}
	.entrance-space-site {
		margin-top: 30px;
	}
	.entrance-space-site p {
		right: 5px;
		bottom: 5px;
		font-size: .85rem;
	}
	.entrance-space-about {
		margin-top: 20px;
		display: block;
	}
	.entrance-space-about-text {
		max-width: none;
		width: 100%;
	}
	.entrance-space-about-text .text {
		font-size: 1.75rem;
		text-align: center;
	}
	.entrance-space-about-text .note{
		margin-top: 20px;
		font-size: 1rem;
		text-align: center;
	}

	.entrance-space-about-list {
		max-width: none;
		width: 100%;
	}
	.entrance-space-about-list li {
	-webkit-flex-basis: calc(320 / 1000 * 100%);
	flex-basis: calc(320 / 1000 * 100%);
	max-width: calc(320 / 1000 * 100%);
		margin-top: 10px;
	}
	.entrance-space-about-list li:nth-child(3-n) {
		margin-top: 0;
	}
	.entrance-space-about-list li p {
		margin-top: 2px;
		font-size: .87rem;
	}
}

.supervision-space {
	margin-top: 70px;
}
.supervision-space-box {
	background: #f1f3ea;
	padding: 50px 75px;
}
.supervision-space-box-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.supervision-space-box-photo {
-webkit-flex-basis: calc(270 / 1000 * 100%);
flex-basis: calc(270 / 1000 * 100%);
max-width: calc(270 / 1000 * 100%);
}
.supervision-space-box-detail {
-webkit-flex-basis: calc(700 / 1000 * 100%);
flex-basis: calc(700 / 1000 * 100%);
max-width: calc(700 / 1000 * 100%);
}
.supervision-space-box-detail-title {
	position: relative;
}
.supervision-space-box-detail-title:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #699343;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5;
	z-index: 1;
}
.supervision-space-box-detail-title .left {
	float: left;
	padding-right: 1em;
	background: #f1f3ea;
	color: #699343;
	font-family: "Montserrat", sans-serif;
	position: relative;
	z-index: 2;
	letter-spacing: .25em;
}
.supervision-space-box-detail-title .right {
	float: right;
	padding-left: 1em;
	background: #f1f3ea;
	color: #699343;
	position: relative;
	z-index: 2;
	letter-spacing: .25em;
	text-align: right;
}
.supervision-space-box-detail-prof {
	margin-top: 18px;
}
.supervision-space-box-detail-prof .company {
	font-size: 1.12em;
	letter-spacing: .2em;
}
.supervision-space-box-detail-prof .name {
	font-size: 1.12em;
	letter-spacing: .2em;
	margin-top: 5px;
}
.supervision-space-box-detail-prof .name b {
	font-size: 1.8em;
	padding: 0 20px;
}
.supervision-space-box-detail-text {
	border-left: 5px solid #699343;
	padding-left: 15px;
	min-height: 75px;
	margin-top: 35px;
}
.supervision-space-box-detail-text p {
	font-size: .8em;
	line-height: 2;
}
.supervision-space-box-list {
	margin-top: 40px;
}
.supervision-space-box-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.supervision-space-box-list ul li {
-webkit-flex-basis: calc(320 / 1000 * 100%);
flex-basis: calc(320 / 1000 * 100%);
max-width: calc(320 / 1000 * 100%);
}
.supervision-space-box-list ul li p {
	margin-top: 10px;
	font-size: .87em;
	letter-spacing: .1em;
}
@media only screen and (max-width: 767px) {
	.supervision-space {
		margin-top: 40px;
	}
	.supervision-space-box {
		padding: 35px 25px;
	}
	.supervision-space-box-inner {
		display: block;
	}
	.supervision-space-box-detail {
		max-width: none;
	}
	.supervision-space-box-detail-title .left {
		font-size: .87rem;
	}
	.supervision-space-box-detail-title .right {
		font-size: .87rem;
	}
	.supervision-space-box-detail-prof {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: wrap;
		flex-flow: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.supervision-space-box-detail-prof .sp-left {
	-webkit-flex-basis: calc(350 / 1000 * 100%);
	flex-basis: calc(350 / 1000 * 100%);
	max-width: calc(350 / 1000 * 100%);
	}
	.supervision-space-box-detail-prof .sp-right {
	-webkit-flex-basis: calc(600 / 1000 * 100%);
	flex-basis: calc(600 / 1000 * 100%);
	max-width: calc(600 / 1000 * 100%);
	}
	.supervision-space-box-detail-prof .company {
		font-size: 1.12rem;
	}
	.supervision-space-box-detail-prof .name {
		font-size: 1.12rem;
		margin-top: 5px;
	}
	.supervision-space-box-detail-prof .name b {
		font-size: 1.8em;
		padding: 0;
		display: block;
	}
	.supervision-space-box-detail-text {
		border-left: none;
		padding-left: 15px;
		min-height: none;
		margin-top: 20px;
		position: relative;
	}
	.supervision-space-box-detail-text:before {
		content: "";
		display: block;
		width: 2px;
		height: .8em;
		top: 4px;
		left: 0;
		background: #699343;
		position: absolute;
	}
	.supervision-space-box-detail-text p {
		font-size: 1rem;
		line-height: 1.8;
	}
	.supervision-space-box-list {
		margin-top: 30px;
	}
	.supervision-space-box-list ul {
		display: block;
	}
	.supervision-space-box-list ul li {
		max-width: none;
		margin-top: 20px;
	}
	.supervision-space-box-list ul li:first-child {
		margin-top: 0;
	}
	.supervision-space-box-list ul li p {
		margin-top: 5px;
		font-size: 1rem;
	}
}



/* --------------------------------------------------
FUTURE
-------------------------------------------------- */
.area-future {
	margin-top: 40px;
}
.area-future__smart {
}
.area-future__case {
	margin-top: 64px;
}

@media only screen and (max-width: 767px) {
	#future .intro__image img {
		width: 107px;
	}
	.area-future {
		margin-top: 36px;
	}
	.area-future__case {
		margin-top: 32px;
	}
}
/* smart-future */
.smart-future {
	text-align: center;
}
.smart-future__headline {
	color: #4f6d90;
	font-size: 3.2rem;
	letter-spacing: .35em;
}
.smart-future__image {
	margin-top: 32px;
}
.smart-future__image p {
	text-align: right;
	font-size: .75em;
	margin-top: 10px;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
}
.smart-future__box {
	position: relative;
	margin-top: 40px;
	padding: 28px 20px 32px;
	border: 2px solid #aab0c4;
	border-radius: 12px;
}
.smart-future__box::before {
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	width: 118px;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	background: #fff url(../../future/img/ic_wave.png) center center no-repeat;
	background-size: auto 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.smart-future__list {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: -8px;
	margin-left: -32px;
}
.smart-future__list li {
	margin-top: 8px;
	margin-left: 32px;
}
.smart-future__text {
	max-width: 860px;
	margin: 28px auto 0;
	font-size: 1.8rem;
	letter-spacing: .25em;
	line-height: 1.611;
}

@media only screen and (max-width: 767px) {
	.smart-future__headline {
		font-size: 1.8rem;
	}
	.smart-future__image img {
		width: 317px;
	}
	.smart-future__image p {
		font-size: .75rem;
		margin-top: 8px;
	}
	.smart-future__box {
		margin-top: 24px;
		padding: 40px 16px 36px;
	}
	.smart-future__box::before {
		width: 59px;
		height: 15px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.smart-future__list {
		margin-top: -16px;
		margin-left: -16px;
	}
	.smart-future__list li {
		margin-top: 16px;
		margin-left: 16px;
	}
	.smart-future__text {
		font-size: 1.3rem;
		line-height: 1.85;
	}
}
/* case-future */
.case-future {
}
.case-future__headline {
	color: #3e3a39;
	font-size: 3.2rem;
	letter-spacing: .35em;
	text-align: center;
}
.case-future__list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 16px;
}
.case-future__item {
-webkit-flex-basis: calc(480 / 1000 * 100%);
flex-basis: calc(480 / 1000 * 100%);
max-width: calc(480 / 1000 * 100%);
	margin-top: 32px;
	padding: 28px 20px 32px;
	border: 2px solid #aab0c4;
	border-radius: 12px;
}
.case-future__image {
	position: relative;
	text-align: center;
}
.case-future__label {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(79, 109, 144, 8) 30%, rgba(79, 109, 144, 8) 70%, rgba(255, 255, 255, 0) 100%);
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
	font-weight: 200;
	letter-spacing: .12em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.case-future__photo > img {
	width: 100%;
}
.case-future__notes {
	position: absolute;
	right: 10px;
	bottom: 7px;
	color: #fff;
	font-size: 1.1rem;
	font-family: "Montserrat", sans-serif;
}
.case-future__headline-sub {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 100px;
	border-bottom: 1px solid #4f6d90;
	font-size: 2.2rem;
	letter-spacing: .25em;
}
.case-future__text {
	margin-top: 16px;
	letter-spacing: .2em;
	line-height: 1.813;
}
.case-future__text i {
	font-size: .87rem;
	vertical-align: top;
	text-decoration: none;
	font-style: normal;
}
.case-future__text.attention {
	font-size: 1rem;
	margin-top: 5px;
	line-height: 1.4;
}


@media only screen and (max-width: 767px) {
	.case-future__headline {
		font-size: 1.8rem;
	}
	.case-future__list {
		display: block;
		margin-top: 0;
		padding-right: 28px;
		padding-left: 28px;
	}
	.case-future__item {
		max-width: none;
		margin-top: 24px;
		padding: 16px 16px 20px;
	}
	.case-future__label {
		font-size: 1.3rem;
	}
	.case-future__notes {
		font-size: 1rem;
	}
	.case-future__headline-sub {
		display: block;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1.6rem;
	}
	.case-future__text {
		margin-top: 10px;
		font-size: 1.2rem;
		line-height: 1.667;
	}
}


/* --------------------------------------------------
PLAN
-------------------------------------------------- */
.area-plan {
	margin-top: 60px;
}
.detail-plan {
	text-align: center;
}

.detail-plan__list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 16px;
}
.deitail-plan__item {
-webkit-flex-basis: calc(310 / 1000 * 100%);
flex-basis: calc(310 / 1000 * 100%);
max-width: calc(310 / 1000 * 100%);
	margin-top: 32px;
}
.deitail-plan__item a {
	display: block;
	border: 2px solid #aab0c4;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}
.deitail-plan__item a:hover {
	opacity: 0.7;
}
.detail-plan__headline {
	color: #fff;
	background: #aab0c4;
	padding: 13px 0 15px;
	font-weight: 100;
}
.detail-plan__image img {
	width: 100%;
	height: auto;
}
.detail-plan__btn {
	display: block;
	background: #876681;
	color: #fff;
	padding: 15px 0;
	font-family: "Montserrat", sans-serif;
	letter-spacing: .3em;
	font-weight: 100;
}
@media only screen and (max-width: 767px) {
	.area-plan {
		margin-top: 0;
	}
	.detail-plan__list {
		display: block;
		margin-top: 0;
	}
	.deitail-plan__item {
		width: 100%;
		max-width: none;
		margin-top: 32px;
	}
	.deitail-plan__item > a {
		transition: none;
	}
	.deitail-plan__item > a:hover {
		opacity: 1;
	}
	.detail-plan__headline {
		font-size: 1.3rem;
		padding: 8px 0 10px;
	}
	.detail-plan__btn {
		font-size: 1.3rem;
		padding: 10px 0;
	}
}
#plan {
	position: relative;
}
.modal {
	position: absolute;
	z-index: 10001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.modal .overlay {
	position: absolute;
	display: block;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10002;
	width: 100%;
	height: 100%;
}
.modal-plan {
	text-align: center;
	position: absolute;
	z-index: 10003;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding: 0 20px;
}
.modal-plan  .detail-plan {
	background: #fff;
	display: inline-block;
	max-width: 1000px;
	position: relative;
	left: auto;
	right: auto;
	width: 100%;
	padding: 40px 0;
}
.modal-plan  .detail-plan.anime {
	overflow: hidden;
	animation: heightDown .5s linear;
	transform-origin: 50% 50%;
}
.modal-plan  .detail-plan.anime02 {
	overflow: hidden;
	animation: heightDown02 .5s linear;
	transform-origin: 50% 50%;
}
.detail-plan__inner { 0
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	padding: 0 50px;
}
.detail-plan__inner-item {
-webkit-flex-basis: calc(480 / 1000 * 100%);
flex-basis: calc(480 / 1000 * 100%);
max-width: calc(480 / 1000 * 100%);
}
.detail-plan__inner-item .title .type {
	font-size: 2em;
	color: #876681;
	font-family: "Montserrat", sans-serif;
	letter-spacing: .1em;
	border-bottom: 2px solid #876681;
	min-height: 75px;
	line-height: 75px;
}
.detail-plan__inner-item .title .type b {
	font-size: 1.3em;
}
.detail-plan__inner-item .ldk {
	min-height: 75px;
	line-height: 75px;
	font-size: 2em;
	border-bottom: 2px solid #876681;
	font-family: "Montserrat", sans-serif,"Noto Serif Japanese", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
	letter-spacing: .2em;
}
.detail-plan__inner-item .ldk b {
	font-size: 1.3em;
}
.detail-plan__inner-item .detail-list {
	margin-top: 20px;
}
.detail-plan__inner-item .detail-list li {
	padding-left: 11px;
	text-align: left;
	font-weight: 200;
	text-indent: -11px;
	line-height: 1.2;
	margin-top: 12px;
}
.detail-plan__inner-item .detail-list li:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 1.1em;
	background: #876681;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -3px;
}
.detail-plan__inner-item .detail-list li:first-child {
	margin-top: 0;
}
.detail-plan__inner-item .detail-list li b {
	font-size: 2.7em;
	letter-spacing: .1em;
	font-family: "Montserrat", sans-serif,"Noto Serif Japanese", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
}
.detail-plan__inner-item .detail-list li b span {
	font-size: 0.5em;
}
.detail-plan__inner-item .plan-concept {
	margin-top: 18px;
	border-top: 6px solid #876681;
	border-bottom: 6px solid #876681;
}
.detail-plan__inner-item .plan-concept-text {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	color: #fff;
	background: #876681;
	font-size: 1.1em;
}
.detail-plan__inner-item .performance-list {
	margin-top: 25px;
}
.detail-plan__inner-item .performance-list li {
	padding-left: 1.1em;
	text-align: left;
	font-weight: 200;
	text-indent: -1.1em;
	line-height: 1.2;
	margin-top: 12px;
}
.detail-plan__inner-item .performance-list li:before {
	content: "";
	display: inline-block;
	width: .8em;
	height: .8em;
	background: #876681;
	vertical-align: middle;
	margin-right: .2em;
	margin-top: -3px;
}
.detail-plan__inner-item .performance-list li:first-child {
	margin-top: 0;
}
.detail-plan__inner-item .deatil-about {
	margin-top: 20px;
	text-align: left;
	width: 50%;
	min-width: 160px;
}
.detail-plan__inner-item .deatil-about-attention {
	font-size: 1rem;
	margin-top: 30px;
	text-align: left;
}
.detail-plan__inner-item .plan-img {
	position: relative;
}
.modal-plan .close-btn-btm {
	text-align: center;
	margin-top: 10px;
}
.modal-plan .close-btn-btm a {
	width: 75px;
	height: 75px;
	line-height: 75px;
	font-family: "Montserrat", sans-serif;
	color: #3e3a39;
	border: 1px solid #3e3a39;
	display: inline-block;
	border-radius: 50%;
	text-decoration: none;
	font-size: 1.3em;
}
.modal-plan .close-btn-top {
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../../plan/img/modal_img_02.png) 0 0 no-repeat;
	background-size: contain;
	top: 20px;
	right: 25px;
	display: block;
}
.modal-plan .plan-img.img01 .click01 {
	position: absolute;
	display: block;
	width: 27%;
	height: 9%;
	top: 5.6%;
	left: 70%;
}
.modal-plan .plan-img.img01 .click02 {
	position: absolute;
	display: block;
    width: 27%;
    height: 7%;
    top: 35.2%;
    left: 70%;
}
.modal-plan .plan-img.img01 .click03 {
	position: absolute;
	display: block;
    width: 27%;
    height: 9%;
    top: 55%;
    left: 70%;
}
.modal-plan .plan-img.img01 .click04 {
	position: absolute;
	display: block;
    width: 27%;
    height: 7%;
    top: 73.3%;
    left: 70%;
}
.modal-plan .plan-img.img02 .click01 {
	position: absolute;
	display: block;
    width: 27%;
    height: 9%;
    top: 6.2%;
    left: 72.3%;
}
.modal-plan .plan-img.img02 .click02 {
	position: absolute;
	display: block;
    width: 27%;
    height: 7.3%;
    top: 48.3%;
    left: 72.3%;

}
.modal-plan .plan-img.img02 .click_d_01 {
	position: absolute;
	display: block;
	width: 27.5%;
	height: 9%;
	top: 2.6%;
	left: 72%;
}
.modal-plan .plan-img.img02 .click_d_02 {
	position: absolute;
	display: block;
	width: 27.5%;
	height: 7.4%;
	top: 33.2%;
	left: 72%;
}
.modal-plan .plan-img.img03 .click01 {
	position: absolute;
	display: block;
	width: 26.5%;
	height: 9%;
	top: 1.6%;
	left: 68%;
}
.modal-plan .plan-img.img03 .click02 {
	position: absolute;
	display: block;
	width: 26.5%;
	height: 7%;
	top: 91.2%;
	left: 68%;
}
.modal-plan .plan-img.img03 .click03 {
	position: absolute;
	display: block;
	width: 26.5%;
	height: 7%;
	top: 91.2%;
	left: 36%;
}
.modal-plan .plan-img.img03 .click04 {
	position: absolute;
	display: block;
	width: 26.5%;
	height: 9%;
	top: 91.2%;
	left: 3.5%;
}
.modal-plan .plan-img .click:hover {
	background: rgba(255, 255, 255, 0.3);
}
.modal-plan .plan-option {
	display: none;
	padding: 23px 0;
}
.modal-plan .plan-option .option-title {
	border-top: 6px solid #876681;
	border-bottom: 6px solid #876681;
}
.modal-plan .plan-option .option-title p {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	color: #fff;
	background: #876681;
	font-size: 1.1em;
}
.modal-plan .plan-option[data-option="option01"]  .option-title {
	border-top-color: #d87e3c;
	border-bottom-color: #d87e3c;
}
.modal-plan .plan-option[data-option="option01"]  .option-title p {
	background: #d87e3c;
}
.modal-plan .plan-option[data-option="option02"]  .option-title {
	border-top-color: #699343;
	border-bottom-color: #699343;
}
.modal-plan .plan-option[data-option="option02"]  .option-title p {
	background: #699343;
}
.modal-plan .plan-option[data-option="option04"]  .option-title {
	border-top-color: #4e93a6;
	border-bottom-color: #4e93a6;
}
.modal-plan .plan-option[data-option="option04"]  .option-title p {
	background: #4e93a6;
}
.modal-plan .plan-option .option-box {
	margin: 30px auto 0;
	padding: 0 20px;
}
.modal-plan .plan-option[data-option="option01"]  .option-box {
	max-width: 555px;
}
.modal-plan .plan-option[data-option="option02"]  .option-box {
	max-width: 400px;
}
.modal-plan .plan-option[data-option="option03"]  .option-box {
	max-width: 400px;
}
.modal-plan .plan-option[data-option="option04"]  .option-box {
	max-width: 900px;
}
.modal-plan .plan-option .option-box .option-box-about {
	font-size: 1.25em;
	text-align: center;
}
.modal-plan .plan-option .option-box .option-box-img.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
}
.modal-plan .plan-option .option-box .option-box-img.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
}
.modal-plan .plan-option .option-box .option-box-img .option-box-img-item {
-webkit-flex-basis: calc(480 / 1000 * 100%);
flex-basis: calc(480 / 1000 * 100%);
max-width: calc(480 / 1000 * 100%);
}
.modal-plan .plan-option .option-box .option-box-img .option-box-img-item p {
	text-align: left;
}
.modal-plan .plan-option .option-box .option-box-img {
	margin-top: 20px;
}
.modal-plan .plan-option .option-box .option-box-note {
	margin-top: 15px;
}
.modal-plan .plan-option .option-box .option-box-note .note {
	text-align: right;
	font-size: .75em;
}
.modal-plan .plan-option .attention {
	font-size: .75rem;
}
.modal-plan .back {
	margin-top: 25px;
}
.modal-plan .back a {
	font-family: "Montserrat", sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #666;
	display: inline-block;
}
.modal-plan .plan-option .option-box .option-box-note .back a:hover {
	opacity: .7;
}
.modal-plan .plan-option .option-box {
	text-align: right;
	font-size: .75em;
}
@media only screen and (max-width: 767px) {
	.modal-plan .detail-plan {
		padding: 20px 0;
		max-width: 100%;
	}
	.detail-plan__inner {
		display: block;
		padding: 0 20px;
	}
	.detail-plan__inner-item {
		max-width: none;
		width: 100%;
	}
	.detail-plan__inner-item .title .type {
		margin-top: 12px;
		font-size: 2rem;
		min-height: 4rem;
		line-height: 4rem;
	}
	.detail-plan__inner-item  .ldk {
		font-size: 2rem;
		min-height: 4rem;
		line-height: 4rem;
	}
	.detail-plan__inner-item .detail-list {
		margin-top: 10px;
	}
	.detail-plan__inner-item .detail-list li {
		padding-left: 8px;
		text-indent: -8px;
		margin-top: 8px;
		font-size: 1rem;
	}
	.detail-plan__inner-item .detail-list li:before {
		width: 3px;
		height: 1.1em;
		margin-right: 8px;
		margin-top: -3px;
	}
	.detail-plan__inner-item .detail-list li b {
		font-size: 2.7em;
		letter-spacing: .1em;
	}
	.detail-plan__inner-item .detail-list li b span {
		font-size: 0.5em;
	}
	.detail-plan__inner-item .plan-concept {
		margin-top: 15px;
		border-top: 3px solid #876681;
		border-bottom: 3px solid #876681;
	}
	.detail-plan__inner-item .plan-concept-text {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 8px 0;
		color: #fff;
		background: #876681;
		font-size: 1.1rem;
	}
	.detail-plan__inner-item .performance-list {
		margin-top: 10px;
	}
	.detail-plan__inner-item .performance-list li {
		padding-left: 1.1rem;
		text-indent: -1.1rem;
		margin-top: 8px;
		font-size: 1rem;
	}
	.detail-plan__inner-item .performance-list li:before {
		content: "";
		display: inline-block;
		width: .8rem;
		height: .8rem;
		margin-right: .2em;
		margin-top: -3px;
	}
	.detail-plan__inner-item .deatil-about {
		margin-top: 15px;
		width: 60%;
	}
	.detail-plan__inner-item .deatil-about-attention {
		font-size: .86rem;
		margin-top: 15px;
	}
	.detail-plan__inner-item .plan-img {
		margin-top: 30px;
	}
	.modal-plan .close-btn-btm a {
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
		font-size: 1.3rem;
	}
	.modal-plan .close-btn-top {
		width: 15px;
		height: 15px;
		top: 20px;
		right: 20px;
	}
	.modal-plan .plan-option {
		display: none;
		padding: 30px 0 5px;
	}
	.modal-plan .plan-option .option-title {
		border-top-width: 3px;
		border-bottom-width: 3px;
	}
	.modal-plan .plan-option .option-title p {
		padding: 8px 0;
		font-size: 1.1rem;
	}
	.modal-plan .plan-option .option-box {
		max-width: none;
		margin: 20px auto 0;
		padding: 0 25px;
	}
	.modal-plan .plan-option .option-box .option-box-about {
		font-size: 1.25rem;
	}
	.modal-plan .plan-option .option-box .option-box-img {
		margin-top: 10px;
	}
	.modal-plan .plan-option .option-box .option-box-note {
		margin-top: 10px;
	}
	.modal-plan .plan-option .option-box .option-box-note .back {
		font-size: 1.2rem;
	}
	.modal-plan .plan-option .option-box .option-box-note .note {
		font-size: .85rem;
	}
}



/* --------------------------------------------------
LOCATION
-------------------------------------------------- */

.ooi-location {
	margin-top: 60px;
	position: relative;
}
.ooi-location:before {
	display: block;
	content: "";
	background: rgba(135, 102, 129, 0.1);
	position: absolute;
	width: 600%;
	height: 475px;
	top: 40px;
	right: 50%;
	margin-right: -95px;
	z-index: 1;
}
.ooi-location__headline {
	position: absolute;
	top: 85px;
	left: 0;
	z-index: 3;
	width: 50%;
	width: calc(50% - 15px);
}
.ooi-location__title {
	color: #cb5d7d;
	font-size: 1.6em;
	letter-spacing: .35em;
}
.ooi-location__lead {
	margin-top: 25px;
	font-size: 1.9em;
	letter-spacing: .35em;
}
.ooi-location__note {
	margin-top: 25px;
	font-size: 1.25em;
	letter-spacing: .35em;
}
@media only screen and (max-width: 1000px) {
	.ooi-location__title {
		font-size: 2.2rem;
	}
	.ooi-location__lead {
		font-size: 2.8rem;
	}
	.ooi-location__note {
		font-size: 1.6rem;
	}
}
@media only screen and (max-width: 767px) {
	.ooi-location {
		margin-top: 20px;
		padding-top: 10px;
	}
	.ooi-location:before {
		width: 600%;
		height: 220vw;
		top: 0;
		right: 65%;
	}
	.ooi-location__headline {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 20px;
	}
	.ooi-location__title {
		font-size: 1.2rem;
	}
	.ooi-location__lead {
		margin-top: 15px;
		font-size: 1.6rem;
	}
	.ooi-location__note {
		margin-top: 5px;
		font-size: 1rem;
	}
}

.ooi-location__img {
	position: relative;
	z-index: 2;
}
.ooi-location__img-right {
	float: right;
	width: 48%;
}
.ooi-location__img-right-list li {
	margin-top: 30px;
}
.ooi-location__img-right-list li:first-child {
	margin-top: 0;
}
.ooi-location__img-right-list .ooi-location__img-img {
}
.ooi-location__img-right-list .ooi-location__img-text {
	margin-top: 10px;
	letter-spacing: .35em;
}
.ooi-location__img-right-list .ooi-location__img-text span {
	font-size: .89em;
}
.ooi-location__img-left {
	float: left;
	margin-top: 385px;
	width: calc(50% - 15px);
}
.ooi-location__img-left-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.ooi-location__img-left-list li {
-webkit-flex-basis: calc(445 / 1000 * 100%);
flex-basis: calc(445 / 1000 * 100%);
max-width: calc(445 / 1000 * 100%);
}
.ooi-location__img-left-list li:nth-child(n+3) {
	margin-top: 25px;
}
.ooi-location__img-left-list .ooi-location__img-photo {
	position: relative;
}
.ooi-location__img-left-list .ooi-location__img-photo .note {
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size: 0.87rem;
	font-family: "Montserrat", sans-serif,"Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	color: #fff;
}
.ooi-location__img-left-list .ooi-location__img-text {
	margin-top: 5px;
}
.ooi-location__img-left-list .ooi-location__img-text span {
	display: block;
	font-size: .89em;
}
@media only screen and (max-width: 767px) {
	.ooi-location__img-right {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.ooi-location__img-right-list li {
		margin-top: 15px;
	}
	.ooi-location__img-right-list .ooi-location__img-text {
		margin-top: 5px;
		font-size: 1rem
	}
	.ooi-location__img-right-list .ooi-location__img-text span {
		font-size: .85rem
	}
	.ooi-location__img-left {
		float: none;
		margin-top: 15px;
		width: 100%;
	}
	.ooi-location__img-left-list li:nth-child(n+3) {
		margin-top: 15px;
	}
	.ooi-location__img-left-list .ooi-location__img-text {
		font-size: 1rem;
		margin-top: 5px;
	}
	.ooi-location__img-left-list .ooi-location__img-text span {
		font-size: .85rem;
	}
}
.around-location {
	margin-top: 50px;
	position: relative;
}
.around-location:before {
	display: block;
	content: "";
	background: rgba(105, 147, 67, 0.1);
	position: absolute;
	width: 600%;
	height: 475px;
	top: 220px;
	left: 50%;
	margin-left: -120px;
	z-index: 1;
}
.around-location__headline {
	position: absolute;
	top: 370px;
	right: 0;
	z-index: 2;
	width: 48%;
}
.around-location__title {
	color: #699343;
	font-size: 1.6em;
	letter-spacing: .2em;
}
.around-location__lead {
	margin-top: 25px;
	font-size: 1.9em;
	letter-spacing: .2em;
}
.around-location__note {
	margin-top: 25px;
	font-size: 1.25em;
	letter-spacing: .2em;
}
@media only screen and (max-width: 1000px) {
	.around-location__title {
		font-size: 2.2rem;
	}
	.around-location__lead {
		font-size: 2.8rem;
	}
	.around-location__note {
		font-size: 1.6rem;
	}
}
@media only screen and (max-width: 767px) {
	.around-location {
		margin-top: 40px;
		padding-top: 40px;
	}
	.around-location:before {
		width: 600%;
		height: 200vw;
		top: 0;
		left: 40%;
		margin-left: 0;
	}
	.around-location__headline {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
	}
	.around-location__title {
		font-size: 1.2rem;
	}
	.around-location__lead {
		margin-top: 15px;
		font-size: 1.6rem;
	}
	.around-location__note {
		margin-top: 5px;
		font-size: 1rem;
	}
}
.around-location__mv {
	position: relative;
	z-index: 3;
}
.around-location__mv-text {
	margin-top: 5px;
}
.around-location__mv-text span {
	font-size: .89em;
}
@media only screen and (max-width: 767px) {
	.around-location__mv {
		margin-top: 25px;
	}
	.around-location__mv-text {
		font-size: 1rem;
		margin-top: 5px;
	}
	.around-location__mv-text span {
		font-size: .85rem;
	}
}
.around-location__img {
	margin-top: 30px;
	position: relative;
	z-index: 2;
}
.around-location__img-left-list {
	width: calc(50% - 15px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.around-location__img-left-list li {
-webkit-flex-basis: calc(445 / 1000 * 100%);
flex-basis: calc(445 / 1000 * 100%);
max-width: calc(445 / 1000 * 100%);
}
.around-location__img-left-list li:nth-child(n+3) {
	margin-top: 25px;
}
.around-location__img-left-list .around-location__img-img {
}
.around-location__img-left-list .around-location__img-text {
	margin-top: 5px;
}
.around-location__img-left-list .around-location__img-text span {
	display: block;
	font-size: .89em;
}
.around-location__img-left-mv {
	margin-top: 30px;
}
.around-location__img-left-mv-img {
	float: left;
	width: calc(50% - 15px);
}
.around-location__img-left-mv-img p {
	position: relative;
}
.around-location__img-left-mv-img p .note {
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size: 0.87rem;
	font-family: "Montserrat", sans-serif,"Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	color: #fff;
}
.around-location__img-left-mv-text {
	float: right;
	width: 48%;
}
.around-location__img-left-mv-text .around-location__img-text {
	margin-top: 110px;
	font-size: 1.5em;
	letter-spacing: .2em;
}
.around-location__img-left-mv-text .around-location__img-note {
	margin-top: 5px;
}
.around-location__img-left-mv-text .around-location__img-note span {
	font-size: .89em;
}
@media only screen and (max-width: 767px) {
	.around-location__img {
		margin-top: 15px;
	}
	.around-location__img-left-list {
		width: 100%;
	}
	.around-location__img-left-list li:nth-child(n+3) {
		margin-top: 15px;
	}
	.around-location__img-left-list .around-location__img-text {
		font-size: 1rem;
		margin-top: 5px;
	}
	.around-location__img-left-list .around-location__img-text span {
		font-size: .85rem;
	}
	.around-location__img-left-mv {
		margin-top: 15px;
	}
	.around-location__img-left-mv-img {
		float: none;
		width: 100%;
	}
	.around-location__img-left-mv-text {
		float: none;
		width: 100%;
	}
	.around-location__img-left-mv-text .around-location__img-text {
		margin-top: 15px;
		font-size: 1.6rem;
	}
	.around-location__img-left-mv-text .around-location__img-note {
		font-size: 1rem;
		margin-top: 5px;
	}
	.around-location__img-left-mv-text .around-location__img-note span {
		font-size: .85rem;
	}
}
.info-location {
	max-width: 950px;
	margin: 80px auto 0;
}
.info-location__headline {
	text-align: center;
}
.info-location__headline h3 {
	border-bottom: 2px solid #699343;
	padding-bottom: 20px;
}
.info-location__headline h3 span {
	font-family: "Montserrat", sans-serif;
	font-size: 1.5em;
	letter-spacing: .35em;
	color: #699343;
	display: block;
}
.info-location__headline h3 strong {
	display: block;
	font-size: 2.6em;
	letter-spacing: .35em;
	margin-top: 8px;
}
.info-location__headline p {
	margin-top: 15px;
	font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
	.info-location {
		margin: 25px auto 0;
	}
	.info-location__headline h3 {
		max-width: 85%;
		padding-bottom: 8px;
		margin: 0 auto;
	}
	.info-location__headline h3 span {
		font-size: 1.2rem;
	}
	.info-location__headline h3 strong {
		font-size: 1.8rem;
		margin-top: 8px;
	}
	.info-location__headline p {
		max-width: 85%;
		margin: 0 auto;
		margin-top: 8px;
		font-size: 1.4rem;
	}
}
.info-location__box {
	margin-top: 40px;
}
.info-location__box-tab {
	border-bottom: 5px solid #d7d7d7;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.info-location__box-tab li {
	display: table-cell;
	width: calc(100% / 7);
	border-right: 1px solid #d7d7d7;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	line-height: 1.1;
	cursor: pointer;
	transition: 0.3s;
}
.info-location__box-tab li.active {
	cursor: default;
}
.info-location__box-tab li:first-child {
	border-left: 1px solid #d7d7d7;
}
.info-location__box-tab li.list01:hover ,
.info-location__box-tab li.list01.active {
	background: #efced8;
}
.info-location__box-tab li.list02:hover ,
.info-location__box-tab li.list02.active {
	background: #edf4f6;
}
.info-location__box-tab li.list03:hover ,
.info-location__box-tab li.list03.active {
	background: #f0f4ec;
}
.info-location__box-tab li.list04:hover ,
.info-location__box-tab li.list04.active {
	background: #edf0f4;
}
.info-location__box-tab li.list05:hover ,
.info-location__box-tab li.list05.active {
	background: #fbf2eb;
}
.info-location__box-tab li.list06:hover ,
.info-location__box-tab li.list06.active {
	background: #f3eff2;
}
.info-location__box-tab li.list07:hover ,
.info-location__box-tab li.list07.active {
	background: #f6f3ea;
}
.info-location__map {
	margin-top: 40px;
}
.info-location__map-slide {
	display: none;
}
.info-location__map-slide.active {
	display: block;
}
.info-location__map-slide-title {
	display: none;
}
.info-location__map-list ol:nth-child(2n-1) {
	float: left;
	width: 49%;
}
.info-location__map-list ol:nth-child(2n) {
	float: right;
	width: 49%;
}
.info-location__map-list ol li {
	background: url(../../location/img/bg_dot.gif) 0 50% repeat-x;
}
.info-location__map-list ol li p {
	display: inline-block;
	background: #fff;
}
.info-location__map-list ol li p:nth-child(2n) {
	float: right;
	font-size: .87em;
	text-align: right;
}
.info-location__map-list ol li p .num {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #cb5d7d;
	border-radius: 50%;
	text-align: center;
	font-size: .67em;
	vertical-align: baseline;
}
[data-map="list01"] .info-location__map-list ol li p .num {
	background: #cb5d7d;
}
[data-map="list02"] .info-location__map-list ol li p .num {
	background: #4d93a6;
}
[data-map="list03"] .info-location__map-list ol li p .num {
	background: #689243;
}
[data-map="list04"] .info-location__map-list ol li p .num {
	background: #4f6d90;
}
[data-map="list05"] .info-location__map-list ol li p .num {
	background: #d77e3c;
}
[data-map="list06"] .info-location__map-list ol li p .num {
	background: #886681;
}
[data-map="list07"] .info-location__map-list ol li p .num {
	background: #aa8d36;
}
.info-location__map-list ol li p .text {
	display: inline-block;
	line-height: 20px;
	vertical-align: baseline;
	margin-left: 8px;
	font-size: .87em;
}
.info-location__map-list ol li p .note {
	font-size: .75em;
}
.info-location__map-list ol li p .min {
	display: inline-block;
	min-width: 2.5em;
	vertical-align: baseline;
}
.info-location__map-list ol li p .rute {
	display: inline-block;
	min-width: 4em;
	vertical-align: baseline;
}
@media only screen and (max-width: 890px) {
	.info-location__map-list ol li p:nth-child(2n) {
		font-size: .75em;
	}
	.info-location__map-list ol li p .num {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: .67em;
	}
	.info-location__map-list ol li p .text {
		font-size: .75em;
	}
	.info-location__map-list ol li p .note {
		font-size: .67em;
	}
}
.info-location__map .map {
	margin-top: 40px;
	width: 100%;
	height: 600px;
}
@media only screen and (max-width: 767px) {
	.info-location__box {
		margin-top: 20px;
	}
	.info-location__box-tab {
		display: none;
	}
	.info-location__map {
		margin-top: 0px;
	}
	.info-location__map-slide {
		display: block;
	}
	.info-location__map-slide.active {
		display: block;
	}
	.info-location__map-slide-item {
		padding-bottom: 20px;
	}
	.info-location__map .info-location__map-slide-item {
		display: none;
	}
	.info-location__map-slide.active .info-location__map-slide-item {
		display: block;
	}
	.info-location__map-slide-title {
		display: block;
	}
	.info-location__map-slide-title a {
		display: block;
		margin: 0 -20px;
		padding: 10px 20px;
		position: relative;
		text-decoration: none;
		font-size: 1.4rem
	}
	.info-location__map-slide-title a:before {
		display: block;
		content: "";
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -8px;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		transform-origin: 50% 50%;
		transition: 3s;
	}
	.info-location__map-slide.active a:before {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.info-location__map-slide-title a.slide01 {
		background: #efced8;
		border-bottom: 4px solid #ebbfcc;
	}
	.info-location__map-slide-title a.slide01:before {
		border-top: 3px solid #cb5d7d;
		border-right: 3px solid #cb5d7d;
	}
	.info-location__map-slide-title a.slide02 {
		background: #edf4f6;
		border-bottom: 4px solid #b8d4db;
	}
	.info-location__map-slide-title a.slide02:before {
		border-top: 3px solid #4e93a6;
		border-right: 3px solid #4e93a6;
	}
	.info-location__map-slide-title a.slide03 {
		background: #f0f4ec;
		border-bottom: 4px solid #c3d4b4;
	}
	.info-location__map-slide-title a.slide03:before {
		border-top: 3px solid #699343;
		border-right: 3px solid #699343;
	}
	.info-location__map-slide-title a.slide04 {
		background: #edf0f4;
		border-bottom: 4px solid #b9c5d3;
	}
	.info-location__map-slide-title a.slide04:before {
		border-top: 3px solid #4f6d90;
		border-right: 3px solid #4f6d90;
	}
	.info-location__map-slide-title a.slide05 {
		background: #fbf2eb;
		border-bottom: 4px solid #efcbb1;
	}
	.info-location__map-slide-title a.slide05:before {
		border-top: 3px solid #d87e3c;
		border-right: 3px solid #d87e3c;
	}
	.info-location__map-slide-title a.slide06 {
		background: #f3eff2;
		border-bottom: 4px solid #cfc2cd;
	}
	.info-location__map-slide-title a.slide06:before {
		border-top: 3px solid #876781;
		border-right: 3px solid #876781;
	}
	.info-location__map-slide-title a.slide07 {
		background: #f6f3ea;
		border-bottom: 4px solid #ddd1ae;
	}
	.info-location__map-slide-title a.slide07:before {
		border-top: 3px solid #aa8d35;
		border-right: 3px solid #aa8d35;
	}
	.info-location__map-list {
		margin-top: 20px;
	}
	.info-location__map-list ol:nth-child(2n-1) {
		float: none;
		width: 100%;
	}
	.info-location__map-list ol:nth-child(2n) {
		float: none;
		width: 100%;
	}
	.info-location__map-list ol li {
		background-size: 3.5px auto;
	}
	.info-location__map-list ol li p:nth-child(2n) {
		line-height: 2.4rem;
		font-size: .85rem;
		vertical-align: baseline;
	}
	.info-location__map-list ol li p .num {
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: .85rem;
		vertical-align: middle;
	}
	.info-location__map-list ol li p .text {
		line-height: 1.5rem;
		margin-left: 3px;
		font-size: .85rem;
		vertical-align: middle;
	}
	.info-location__map .map {
		margin-top: 20px;
		width: 100%;
		height: 350px;
	}
}

/* --------------------------------------------------
MAP
-------------------------------------------------- */

.map-title b {
	font-family: "Montserrat", sans-serif;
}
.detail-map {
	max-width: 850px;
	margin: 40px auto 0;
}
.detail-map-box {
	margin-top: 40px;
	max-width: 1000px;
	border:1px solid #3e3a39;
	padding: 15px 20px;
	text-align: center;
}
.detail-map-box .text {
	font-size: 1.4em;
}
.detail-map-box .tel {
	font-size: 3.3em;
	font-weight: bold;
	font-family: "Noto Sans JP", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
}
.detail-map-box .tel a {
	text-decoration: none;
}
.detail-map-box .tel span {
	display: inline-block;
	width: 72px;
	height: 40px;
	background: url(../../map/img/img-02.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: -8px 5px 0 0;
}
.detail-map-box .note {
	margin-top: 8px;
}
.detail-map-print {
	margin-top: 40px;
	text-align: center;
}
.detail-map-print .print-btn {
	background: #004165;
	display: inline-block;
	padding: 10px 0;
	width: 250px;
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
}
.detail-map-print .print-btn:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 767px) {
	.detail-map {
		margin-top: 15px;
	}
	.detail-map-box {
		margin-top: 15px;
		padding: 10px 5px;
	}
	.detail-map-box .text {
		font-size: 1rem;
	}
	.detail-map-box .tel {
		font-size: 2.1rem;
	}
	.detail-map-box .tel span {
		width: 25px;
		height: 15px;
		margin: -3px 3px 0 0;
	}
	.detail-map-box .note {
		font-size: .87rem;
		margin-top: 8px;
	}
	.detail-map-print {
		margin-top: 15px;
	}
	.detail-map-print .print-btn {
		display: block;
		padding: 10px 0;
		width: 100%;
		font-size: 1.4rem;
	}
}

/* --------------------------------------------------
OUTLINE
-------------------------------------------------- */

.detail-outline {
	margin-top: 40px;
}
.detail-outline > table {
	font-size: 1.3rem;
	width: 100%;
	line-height: 1.6;
}
.detail-outline table.border1 {
	border: 1px solid #dadada;
}
.detail-outline table.border1 th,
.detail-outline table.border1 td {
	border: 1px solid #dadada;
	padding: 10px;
}
.detail-outline table.border1 .bg0 {
	background: #f5f3f0;
}

/* --------------------------------------------------
BRAND
-------------------------------------------------- */

.summary-brand-logo {
	margin-top: 35px;
	text-align: center;
}
.summary-brand-top-lead {
	margin-top: 25px;
	text-align: center;
	font-size: 1.18em;
	line-height: 1.8;
}
.summary-brand-top-lead-btm {
	margin-top: 20px;
	line-height: 1.8;
	text-align: center;
}
.summary-brand-top-img {
	margin-top: 50px;
	text-align: center;
	max-width: 100%;
	height: auto;
}
.summary-brand-box {
	border: 1px solid #8d7d2b;
	padding: 40px 30px;
	margin-top: 60px;
}
.summary-brand-box-lead .img {
	float: left;
	width: 22%;
}
.summary-brand-box-lead .img p {
	font-size: .67em;
}
.summary-brand-box-lead .text {
	float: right;
	width: 77%;
}
.summary-brand-box-lead .text .text-inner {
	float: left;
	width: 78%;
	font-size: 1.5em;
	margin-top: -8px;
}
.summary-brand-box-lead .text .text-img {
	float: right;
	width: 20%;
	vertical-align: top;
}
.summary-brand-box-lead .text .text-note {
	margin-top: 20px;
	font-size: .87em;
	line-height: 1.8;
}
.summary-brand-box-about {
	margin-top: 25px;
}
.summary-brand-box-about .title {
	font-size: 1.25em;
	color: #604c17;
}
.summary-brand-box-about ul {
	margin-top: 5px;
}
.summary-brand-box-about li {
	width: calc(33% - 3px);
	display: inline-block;
	margin-left: 3px;
	vertical-align: top;
	position: relative;
}
.summary-brand-box-about li img {
	width: 100%;
}
.summary-brand-box-about li:nth-child(3n+1) {
	margin-left: 0;
}
.summary-brand-box-about li:nth-child(n+4) {
	margin-top: 5px;;
}
.summary-brand-box-about li p {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	padding: 5px;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: .625em;
	left: 0;
	bottom: 0;
}
.summary-brand-box-about li p span {
	font-size: 1.25em;
}
.summary-brand-box-about .note {
	font-size: .625em;
	text-align: right;
	margin-top: 5px;
}
.summary-brand-box-attention {
	margin-top: 60px;
}
.summary-brand-box-attention .title {
	font-size: 3.2rem;
	text-align: center;
	line-height: 1.8;
}
.summary-brand-box-attention .img {
	text-align: center;
	margin-top: 30px;
}
.tab-brand {
	margin-top: 100px;
}
.tab-brand-tab-list {
	text-align: center;
}
.tab-brand-tab-list li {
	display: inline-block;
	min-width: 365px;
	margin-left: 15px;
	min-height: 60px;
}
.tab-brand-tab-list li:first-child {
	margin-left: 0;
}
.tab-brand-tab-list li a {
	border: 1px solid #1a1718;
	color: #1a1718;
	text-align: center;
	font-size: 1.25em;
	display: block;
	position: relative;
	padding: 10px 0;
}
.tab-brand-tab-list li a:hover {
	opacity: 0.6;
	text-decoration: none;
}
.tab-brand-tab-list li a:before {
	content: "";
	display: block;
	width: 9px;
	height: 15px;
	background: url(../../brand/img/ico_01.png) 0 0 no-repeat;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -7.5px;
}
.tab-brand-tab-list li a.active {
	background: #0c2a46;
	border: 1px solid #0c2a46;
	color: #fff;
	height: 60px;
}
.tab-brand-tab-list li a.active:hover {
	opacity: 1;
	text-decoration: none;
}
.tab-brand-tab-list li a.active:before {
	content: "";
	display: block;
	width: 9px;
	height: 15px;
	background: url(../../brand/img/ico_02.png) 0 0 no-repeat;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -9px;
	transform-origin: center;
	transform: rotate(90deg);
}
.tab-brand-content {
	border-top: 1px solid #1a1718;
	background: url(../../brand/img/bg_01.png) 50% 0 repeat-x;
}
.tab-inner-lead {
	font-size: 3.2rem;
	text-align: center;
	margin-top: 70px;
}
.tab-inner-note {
	text-align: center;
	text-align: center;
	font-size: 1.87em;
	color: #79704a;
	margin-top: 50px;
	line-height: 1.1;
}
.tab-inner-note span {
	font-family: "Montserrat", sans-serif;
}
.tab-inner-note i {
	display: block;
	font-size: .5em;
	font-style: normal;
}
.tab-inner-box01 {
	margin-top: 20px;
}
.tab-inner-box01 .box .title {
	text-align: center;
	color: #fff;
	padding: 3px 0;
	font-size: 1.5em;
	background: #053152;
}
.tab-inner-box01 .box .title span {
	font-size: .6em;
	display: inline-block;
	margin-left: 10px;
}
.tab-inner-box01 .box01 .lead {
	color: #604c17;
	font-size: 1.56em;
	margin-top: 20px;
}
.tab-inner-box01 .box01 .text {
	font-size: .875em;
}
.tab-inner-box01 .box01 .item {
	border: 1px solid #221e1f;
	padding: 6px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}
.tab-inner-box01 .box01 .item-text {
	width: 89%;
	font-size: .875em;
}
.tab-inner-box01 .box01 .item-img {
	width: 10%;
	max-width: 109px;
	text-align: right;
}
.tab-inner-box01 .box01 .note {
	text-align: right;
	font-size: .67em;
	margin-top: 5px;
}
.tab-inner-box01 .box01 .img-main {
	text-align: center;
	margin-top: 50px;
}
.tab-inner-box01 .box.box02 {
	margin-top: 30px;
}
.tab-inner-box01 .box.box02 .sec01 {
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.tab-inner-box01 .box.box02 .sec01 .img {
	width: 66%;
}
.tab-inner-box01 .box.box02 .sec01 .text-area {
	width: 32%;
}
.tab-inner-box01 .box.box02 .sec01 .text-area .lead{
	font-size: 1.2em;
	color: #45420d;
	border-left: 2px solid #696413;
	padding-left: 10px;
}
.tab-inner-box01 .box.box02 .sec01 .text-area .text{
	font-size: .8em;
	margin-top: 10px;
	line-height: 1.8;
}
.tab-inner-box01 .box.box02 .sec01 .text-area .note {
	font-size: .67em;
	color: #595b5d;
}
.tab-inner-box01 .box.box02 .sec02 .title-inner {
	text-align: left;
	color: #fff;
	padding: 2px 5px;;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 .title-inner {
	background: #12807c;
	margin-top: 30px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 ul {
	text-align: center;
	margin-top: 15px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li:nth-child(3n+1) {
	width: 30.3%;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li:nth-child(3n+2) {
	width: 35%;
	margin-left: 3.9%;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li:nth-child(3n) {
	width: 26.9%;
	margin-left: 3.9%;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li .name {
	color: #45420d;
	border-left: 2px solid #696413;
	padding-left: 10px;
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li .exmp {
	font-size: .8em;
	margin-top: 10px;
	line-height: 1.8;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 .title-inner {
	background: #417aa1;
	margin-top: 30px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 ul {
	text-align: center;
	margin-top: 15px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: calc(34% - 25px);
	margin-left: 25px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li img {
	width: 100%;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li:nth-child(3n+1) {
	margin-left: 0;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li:nth-child(n+4) {
	margin-top: 40px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li .name {
	color: #45420d;
	border-left: 2px solid #696413;
	padding-left: 10px;
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li .exmp {
	font-size: .8em;
	margin-top: 10px;
	line-height: 1.8;
}
.tab-inner-box01 .box.box03 {
	margin-top: 80px;
}
.tab-inner-box01 .box.box03 > .img-area {
	text-align: center;
	margin-top: 30px;
}
.tab-inner-box01 .box.box03 .sec01 .safty-title {
	font-family: "Montserrat", sans-serif;
	color: #053152;
	border-bottom: 5px double #053152;
	font-size: 1.8em;
	text-align: center;
	margin-top: 50px;
}
.tab-inner-box01 .box.box03 .sec01 .safty-title span {
	font-size: .6em;
}
.tab-inner-box01 .box.box03 .sec01 img {
	width: 100%;
}
.tab-inner-box01 .box.box03 .sec01 .img01,
.tab-inner-box01 .box.box03 .sec01 .img02,
.tab-inner-box01 .box.box03 .sec01 .img03 {
	margin-top: 50px;
}
.tab-inner-box01 .box01 .lead02 {
	color: #79704a;
	font-size: 1.56em;
	margin-top: 40px;
	border-bottom: 1px solid #221e1f;
	line-height: 1.8;
}
.tab-inner-box01 .box01 .total-box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.tab-inner-box01 .box01 .total-box > p {
	max-width: 275px;
}
.tab-inner-box01 .box01 .total-box > div {
	-webkit-flex-basis: calc(100% - 300px);
	flex-basis: calc(100% - 300px);
	max-width: calc(100% - 300px);
}
.tab-inner-box01 .box01 .total-box .total-box-title {
	color: #053152;
	font-size: 1.5em;
	line-height: 1.8;
}
.tab-inner-box01 .box01 .total-box .total-box-text {
	font-size: .87em;
}
.tab-inner-box01 .box01 .img-list {
	background: #E9ECEF;
	padding: 20px;
	margin-top: 40px;
}
.tab-inner-box01 .box01 .img-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tab-inner-box01 .box01 .img-list li {
	-webkit-flex-basis: 32%;
	flex-basis: 32%;
	max-width: 32%;
}
.tab-inner-box01 .box01 .img-list li:nth-child(n+4) {
	margin-top: 20px;
}
.tab-inner-box01 .box01 .img-list li img {
	width: 100%;
}
.tab-inner-box01 .box01 .sevice-box {
	margin-top: 45px;
}
.tab-inner-box01 .sevice-box .sevice-title {
	color: #79704a;
	font-size: 1.56em;
	margin-top: 40px;
	border-bottom: 1px solid #221e1f;
	line-height: 1.8;
}
.tab-inner-box01 .sevice-box .sevice-title span {
	width: 1.6em;
	height: 1.6em;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	background: #79704a;
	font-size: .8em;
}
.tab-inner-box01 .sevice-box .list01 {
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tab-inner-box01 .sevice-box .list01 li {
	-webkit-flex-basis: 32%;
	flex-basis: 32%;
	max-width: 32%;
}
.tab-inner-box01 .sevice-box .list01 li img {
	width: 100%;
}
.tab-inner-box01 .sevice-box .sevice-note {
	margin-top: 20px;
	font-size: .67em;
	line-height: 1.8;
}
.tab-inner-box01 .sevice-box .sevice-attention {
	border: 1px solid #221e1f;
	text-align: center;
	padding: 5px;
	line-height: 1;
	margin-top: 20px;
}
.tab-inner-box01 .sevice-box .sevice-attention i {
	font-size: .9em;
	font-style: normal;
}
.tab-inner-box01 .sevice-box .sevice-attention span {
	font-size: 3em;
}
.tab-inner-box01 .sevice-box .sevice-attention span b {
	color: #053152;
	font-size: 1.5em;
}
.tab-inner-box01 .sevice-box .list02 {
	margin-top: 30px;
	text-align: center;
}
.tab-inner-box01 .sevice-box .list02 li {
	display: inline-block;
	vertical-align: top;
	margin-left: 80px;
}
.tab-inner-box01 .sevice-box .sevice-text {
	font-size: .87em;
	margin-top: 20px;
}
.tab-inner-box01 .sevice-box .list02 li:first-child {
	margin-left: 0;
}
.tab-inner-box01 .sevice-box .sevice-link {
	text-align: center;
	margin-top: 70px;
}
.tab-inner-box01 .sale-box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.tab-inner-box01 .sale-box .logo01 {
	max-width: 169px;
	margin-right: 10px
}
.tab-inner-box01 .sale-box .logo02 {
	max-width: 288px;
	margin-left: 10px
}
.tab-inner-box01 .sale-box > div {
	-webkit-flex-basis: calc(100% - 477px);
	flex-basis: calc(100% - 477px);
	max-width: calc(100% - 477px);
}
.tab-inner-box01 .sale-box .sale-note {
	font-size: .67em;
}
.tab-inner-box01 .sale-img {
	text-align: center;
	margin-top: 30px;
}
.tab-inner-box01 .sale-img img {
	width: 100%;
}
.link-brand {
	background: #E6EAEE;
	padding: 30px;
	margin-top: 80px;
}
.link-brand ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.link-brand ul li {
	-webkit-flex-basis: 32%;
	flex-basis: 32%;
	max-width: 32%;
}
.js-tab-target {
	display: none;
}
.js-tab-target.active {
	display: block;
}
.js-tab-btn.active {
	cursor: default;
}




@media only screen and (max-width: 767px) {
.summary-brand-logo {
	width: 40%;
	margin: 10px auto 0;
}
.summary-brand-top-lead {
	margin-top: 10px;
	font-size: 1rem;
}
.summary-brand-top-lead-btm {
	margin-top: 10px;
	font-size: 1rem;
}
.summary-brand-top-img {
	margin-top: 10px;
}
.summary-brand-box {
	padding: 10px;
	margin-top: 20px;
}
.summary-brand-box-lead .img {
	float: none;
	width: 50%;
	margin: 0 auto;
}
.summary-brand-box-lead .img p {
	font-size: .7rem;
}
.summary-brand-box-lead .text {
	float: none;
	width: 100%;
}
.summary-brand-box-lead .text .text-inner {
	float: none;
	width: 100%;
	font-size: 1.6rem;
	margin-top: 10px;
	text-align: center;
}
.summary-brand-box-lead .text .text-img {
	float: none;
	width: 60%;
	margin: 10px auto 0;
}
.summary-brand-box-lead .text .text-note {
	margin-top: 10px;
	font-size: 1rem;
	text-align: center;
}
.summary-brand-box-about {
	margin-top: 10px;
}
.summary-brand-box-about .title {
	font-size: 1.2rem;
	text-align: center;
}
.summary-brand-box-about ul {
	margin-top: 5px;
}
.summary-brand-box-about li {
	width: calc(50% - 2.5px);
	margin-left: 5px;
}
.summary-brand-box-about li img {
	width: 100%;
}
.summary-brand-box-about li:nth-child(3n+1) {
	margin-left: 5px;
}
.summary-brand-box-about li:nth-child(2n+1) {
	margin-left: 0 !important;
}
.summary-brand-box-about li:nth-child(n+3) {
	margin-top: 5px;;
}
.summary-brand-box-about li p {
	padding: 2px;
	font-size: .425rem;
}
.summary-brand-box-about li p span {
	font-size: .7rem;
}
.summary-brand-box-about .note {
	font-size: .625rem;
	margin-top: 3px;
}
.summary-brand-box-attention {
	margin-top: 30px;
}
.summary-brand-box-attention .title {
	font-size: 1.6rem;
}
.summary-brand-box-attention .img {
	margin-top: 20px;
}
.tab-brand {
	margin-top: 50px;
}
.tab-brand-tab-list li {
	display: inline-block;
	min-width: 50%;
	margin-left: 0px;
	min-height: 40px;
}
.tab-brand-tab-list li:first-child {
	margin-left: 0;
}
.tab-brand-tab-list li a {
	font-size: 1.2rem;
	padding: 10px 0;
}
.tab-brand-tab-list li a:before {
	width: 5px;
	height: 9px;
	background-size: contain;
	left: 5px;
	margin-top: -2.5px;
}
.tab-brand-tab-list li a.active {
	background: #0c2a46;
	border: 1px solid #0c2a46;
	color: #fff;
	height: 40px;
}
.tab-brand-tab-list li a.active:hover {
	opacity: 1;
	text-decoration: none;
}
.tab-brand-tab-list li a.active:before {
	width: 5px;
	height: 9px;
	background-size: contain;
	left: 9px;
	margin-top: -2px;
}
.tab-inner-lead {
	font-size: 1.6rem;
	margin-top: 25px;
}
.tab-inner-note {
	font-size: 1.87rem;
	margin-top: 10px;
	line-height: 1.1;
}
.tab-inner-box01 .box .title {
	padding: 3px 0;
	font-size: 1.5rem;
	line-height: 1.2;
}
.tab-inner-box01 .box01 .lead {
	font-size: 1.56rem;
	margin-top: 10px;
}
.tab-inner-box01 .box01 .text {
	font-size: 1rem;
}
.tab-inner-box01 .box01 .item {
	margin-top: 20px;
}
.tab-inner-box01 .box01 .item-text {
	width: 65%;
	font-size: 1rem;
}
.tab-inner-box01 .box01 .item-img {
	width: 34%;
}
.tab-inner-box01 .box01 .note {
	font-size: .67rem;
	margin-top: 3px;
}
.tab-inner-box01 .box01 .img-main {
	margin-top: 20px;
}
.tab-inner-box01 .box.box02 {
	margin-top: 20px;
}
.tab-inner-box01 .box.box02 .sec01 {
	margin-top: 20px;
	display: block;
}
.tab-inner-box01 .box.box02 .sec01 .img {
	width: 100%;
}
.tab-inner-box01 .box.box02 .sec01 .text-area {
	width: 100%;
}
.tab-inner-box01 .box.box02 .sec01 .text-area .lead{
	font-size: 1.2rem;
	padding-left: 8px;
}
.tab-inner-box01 .box.box02 .sec01 .text-area .text{
	font-size: 1rem;
}
.tab-inner-box01 .box.box02 .sec01 .text-area .note {
	font-size: .67rem;
}
.tab-inner-box01 .box.box02 .sec02 .title-inner {
	text-align: left;
	color: #fff;
	padding: 2px 5px;;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 .title-inner {
	margin-top: 20px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 ul {
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li {
	width: 100%;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li:nth-child(3n+1) {
	width: 100%;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li:nth-child(3n+2) {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li:nth-child(3n) {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li .name {
	margin-top: 10px;
	font-size: 1.2rem;
	text-align: left;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner01 li .exmp {
	font-size: .8em;
	margin-top: 10px;
	line-height: 1.8;
	text-align: left;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 .title-inner {
	margin-top: 20px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 ul {
	text-align: center;
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li {
	width: 100%;
	margin-left: 0;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li:nth-child(n+4) {
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li:nth-child(n+1) {
	margin-top: 10px;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li .name {
	color: #45420d;
	border-left: 2px solid #696413;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 1.2rem;
}
.tab-inner-box01 .box.box02 .sec02 .sec-inner02 li .exmp {
	font-size: .8em;
	margin-top: 10px;
	line-height: 1.8;
}
.tab-inner-box01 .box.box03 {
	margin-top: 30px;
}
.tab-inner-box01 .box.box03 > .img-area {
	margin-top: 10px;
}
.tab-inner-box01 .box.box03 .sec01 .safty-title {
	border-bottom: 5px double #053152;
	font-size: 1.8rem;
	margin-top: 20px;
	line-height: 1.2;
}
.tab-inner-box01 .box.box03 .sec01 .safty-title span {
	font-size: .6em;
}
.tab-inner-box01 .box.box03 .sec01 img {
	width: 100%;
}
.tab-inner-box01 .box.box03 .sec01 .img01,
.tab-inner-box01 .box.box03 .sec01 .img02,
.tab-inner-box01 .box.box03 .sec01 .img03 {
	margin-top: 20px;
}
	
	
.tab-inner-box01 .box01 .lead02 {
	font-size: 1.56rem;
	margin-top: 20px;
	border-bottom: 1px solid #221e1f;
	line-height: 1.1;
	padding-bottom: 5px;
}
.tab-inner-box01 .box01 .total-box {
	display: block;
	margin-top: 20px;
	text-align: center;
}
.tab-inner-box01 .box01 .total-box > p {
	max-width: 40%;
	margin: 0 auto;
}
.tab-inner-box01 .box01 .total-box > div {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;;
	max-width: 100%;;
}
.tab-inner-box01 .box01 .total-box .total-box-title {
	color: #053152;
	font-size: 1.5rem;
	line-height: 1.8;
}
.tab-inner-box01 .box01 .total-box .total-box-text {
	font-size: .87em;
}
.tab-inner-box01 .box01 .img-list {
	background: #E9ECEF;
	padding: 5px;
	margin-top: 20px;
}
.tab-inner-box01 .box01 .img-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tab-inner-box01 .box01 .img-list li {
	-webkit-flex-basis: 49%;
	flex-basis: 49%;
	max-width: 49%;
}
.tab-inner-box01 .box01 .img-list li:nth-child(n+3) {
	margin-top: 5px;
}
.tab-inner-box01 .box01 .img-list li img {
	width: 100%;
}
.tab-inner-box01 .box01 .sevice-box {
	margin-top: 20px;
}
.tab-inner-box01 .sevice-box .sevice-title {
	font-size: 1.56rem;
	margin-top: 20px;
}
.tab-inner-box01 .sevice-box .list01 {
	margin-top: 15px;
	display: block;
}
.tab-inner-box01 .sevice-box .list01 li {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
	margin-top: 10px;
}
.tab-inner-box01 .sevice-box .list01 li:first-child {
	margin-top: 0;
}
.tab-inner-box01 .sevice-box .list01 li img {
	width: 80%;
	display: block;
	margin: 0 auto;
}
.tab-inner-box01 .sevice-box .sevice-note {
	margin-top: 10px;
	font-size: .67rem;
	line-height: 1.8;
}
.tab-inner-box01 .sevice-box .sevice-attention {
	text-align: center;
	padding: 5px;
	line-height: 1;
	margin-top: 20px;
}
.tab-inner-box01 .sevice-box .sevice-attention i {
	font-size: .9rem;
	font-style: normal;
}
.tab-inner-box01 .sevice-box .sevice-attention span {
	font-size: 2rem;
}
.tab-inner-box01 .sevice-box .sevice-attention span b {
	color: #053152;
	font-size: 1.5em;
}
.tab-inner-box01 .sevice-box .list02 {
	margin-top: 10px;
}
.tab-inner-box01 .sevice-box .list02 li {
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
	width: 48%;
}
.tab-inner-box01 .sevice-box .sevice-text {
	font-size: .87em;
	margin-top: 20px;
}
.tab-inner-box01 .sevice-box .list02 li:first-child {
	margin-left: 0;
}
.tab-inner-box01 .sevice-box .sevice-link {
	text-align: center;
	margin-top: 15px;
}
.tab-inner-box01 .sale-box {
	display: block;
	margin-top: 10px;
}
.tab-inner-box01 .sale-box .logo01 {
	width: 35%;
	max-width: 169px;
	margin: 0 auto;
}
.tab-inner-box01 .sale-box .logo02 {
	max-width: 288px;
	width: 60%;
	margin: 10px auto 0;
}
.tab-inner-box01 .sale-box > div {
	max-width: none;
	width: 100%;
	margin-top: 10px;
}
.tab-inner-box01 .sale-box .sale-note {
	font-size: .67rem;
}
.tab-inner-box01 .sale-img {
	text-align: center;
	margin-top: 30px;
}
.tab-inner-box01 .sale-img img {
	width: 100%;
}
.link-brand {
	background: #E6EAEE;
	padding: 15px;
	margin-top: 20px;
}
.link-brand ul {
	display: block;
}
.link-brand ul li {
	width: 60%;
	max-width: none;
	margin: 10px auto;
}
.link-brand ul li:first-child {
	margin-top: 0;
}
}

p.rev_table {
	text-align: center;
	margin: 40px auto;
}
p.camp_bn {
	text-align: center;
	margin: 40px auto;
}