@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Kanit:100');
@import url('https://fonts.googleapis.com/css?family=Arbutus+Slab');

/*============================================================


  	0. General
  		0-1. font
  		0-2. icon font
  		0-3. button
  		0-4. color
  		0-5. margin
  		0-6 .padding
  		0-7. column
  		0-8. text
  		0-9. list
  		0-10. width
  		0-11. link
  		0-12. label
  	1. Header
  		1-1. General Header
  		1-2. Mobile Header
  	2. Main
  	3. Footer
  	4. Class
  		4-1. breadcrumbs
  		4-2. title
  		4-3. category-nav
  		4-4. table
  		4-5. news
  		4-6. box-list
  		4-7. contact
  		4-8. link-list
  		4-9. gallery
  	5. Slider
  	6. Pages
  	7. Form
  	8. Media Query
  		7-1. SP
  		7-2. PC
  	9. Language
  		8-1. Chinese
  		8-2. English

  	----------------------------------
  		Change Log
  	----------------------------------

	-2017/00/00


============================================================*/

/*============================================================

	0. General

============================================================*/

/*
	0-1. Font
================================*/
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 300;
}

@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 500;
}

@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: bold;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}

html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	line-height: 1.6;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
	html {
		font-family: Verdana, Meiryo, sans-serif;
	}
}

@media all and (-ms-high-contrast: active) {
	html {
		font-family: Verdana, Meiryo, sans-serif;
	}
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
	line-height: 1.2em;
}

h5, .h5 {
	line-height: 1.4em;
}

h6, .h6 {
	line-height: 1.6em;
}

p {
	line-height: 1.8em;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
	font-size: 60%;
}

.lead {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: .1em;
	margin-bottom: 1em;
}

.name {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .1em;
}

b {
	font-weight: bold;
}

br.pc-only {
	display:block;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #df0d49;
}

strong {
	font-weight: bold;
	font-size: 1.4em;
}

.lh12 {
	line-height: 1.2;
}

.wordbreak {
	word-break: break-all;
}

/*
	0-2. icon font
================================*/
@font-face {
	font-family: 'icon';
	src: url('../fonts/icon.ttf?jkhjmt') format('truetype'),
    url('../fonts/icon.woff?jkhjmt') format('woff'),
    url('../fonts/icon.svg?jkhjmt#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chintai:before {
	content: "\e900";
}

.icon-kaigai:before {
	content: "\e901";
}

.icon-renovation:before {
	content: "\e902";
}

.icon-shakuchi:before {
	content: "\e903";
}

.icon-shataku:before {
	content: "\e904";
}

.icon-establishment:before {
	content: "\e905";
}

.icon-search:before {
	content: "\e906";
}

.icon-plus:before {
	content: "\e907";
}

.icon-minus:before {
	content: "\e908";
}

.icon-triangle:before {
	content: "\e909";
}

.icon-blank:before {
	content: "\e90a";
}

.icon-down:before {
	content: "\e90b";
}

.icon-download:before {
	content: "\e90c";
}

.icon-login:before {
	content: "\e90d";
}

.icon-map:before {
	content: "\e90e";
}

.icon-human:before {
	content: "\e90f";
}

.icon-circle:before {
	content: "\e910";
}

.icon-cross:before {
	content: "\e911";
}

.icon-pdf {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #df0d49;
	border-radius: 3px;
	font-size: 75%;
	font-weight: bold;
	color: #df0d49;
	margin-left: .5em;
}

a:hover .icon-pdf {
	border-color: #fff;
	color: #fff;
}

.special-size-h {
	display: inline-block;
	font-size: 400%;
	-webkit-transform: scale(4, 1);
	-ms-transform: scale(4, 1);
	transform: scale(4, 1);
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

/*
	0-3. button
================================*/
.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #a1a9ac;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .2em;
	text-align: center;
	text-decoration: none;
	background-color: #a1a9ac;
	color: #fff;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all 100ms ease;
	transition: all 100ms ease;
}

.btn.btn-border {
	background-color: transparent;
}

.btn:hover, .btn:focus, .btn:active, .btn.active {
	background-color: #00a66d;
	border-color: #00a66d;
	color: #fff;
	box-shadow: none;
	outline: 0 !important;
	text-decoration: none;
}

.btn .icon {
	display: inline-block;
}

.btn .icon-map {
	font-size: 1.5em !important;
	color: #fff;
}

.btn:hover .icon {
	color: #fff;
}

.btn-green {
	background-color: #00a66d;
	border-color: #00a66d;
	color: #fff;
	opacity: 1;
}

.btn-blue {
	background-color: #0080a1;
	border-color: #0080a1;
	color: #fff;
	opacity: 1;
}

.btn-green:hover, .btn-green:focus, .btn-green:active {
	background-color: #008457;
	border-color: #008457;
	color: #fff;
}

.btn-primary {
	background-color: #c80d49;
	border-color: #c80d49;
	color: #fff;
	opacity: 1;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #00a66d;
	border-color: #00a66d;
	color: #fff;
}

.btn-brown {
	background-color: #9a5f32;
	border-color: #9a5f32;
	color: #fff;
	opacity: 1;
}

.btn-login {
	text-align: center;
}

.btn-login .icon {
	margin-right: 10px;
}

.btn-m {
	font-weight: bold;
	letter-spacing: .1em;
}

.btn-m .icon {
	position: relative;
}

.btn-l {
	font-weight: bold;
	letter-spacing: .2em;
}

.btn-l .icon:before {
	position: relative;
}

.btn-outline {
	background-color: #fff;
	color: #000;
	letter-spacing: .1em;
}

.btn-outline .icon {
	color: #00a66d;
}

.btn-left {
	justify-content: flex-start !important;
}

.btn-center {
	justify-content: flex-start !important;
}

.btn-label {
	display: inline-block;
	margin-right: .7em;
	width: 8em;
	padding: 1px 0 0;
	border-radius: 4px;
	background-color: #000;
	color: #fff;
}

.btn:hover .btn-label, .btn:focus .btn-label, .btn:active .btn-label {
	background-color: #fff;
	color: #00a66d;
}

.btn-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -30px;
}

.btn-list.col1 > li {
	width: 100%;
}

.btn-list.col2 > li,
.btn-list.col3 > li,
.btn-list.col4 > li {
	flex: 0 1 auto;
}

.btn-list > li > .btn {
	display: flex;
	justify-content: flex-start;
	text-align: left;
}

.btn-list > li > button.btn {
	display: flex;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.btn-center {
	justify-content: center !important;
	text-align: center !important;
}

button.btn-outline {
	justify-content: flex-start !important;
	text-align: left !important;
}

button.btn-outline.btn-center {
	justify-content: center !important;
	text-align: center !important;
}

button.btn-outline:disabled {
	background-color: #fff;
	cursor: default;
	transition: none;
}

button.btn-outline:hover .icon-pdf {
	border-color: #fff;
	color: #fff;
}

button.btn-outline:disabled,
button.btn-outline:disabled .icon,
button.btn-outline:disabled .icon-pdf {
	border-color: #a1a9ac;
	color: #a1a9ac;
}

.btn-pink {
	background-color: #f497a7;
	border: none;
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
	background-color: #df0d49;
}

.btn-aqua {
	background-color: #a5ced0;
	border: none;
}

.btn-aqua i {
	color: #fff;
}

.btn-aqua:hover, .btn-aqua:focus, .btn-aqua:active {
	background-color: #729a9d;
}

/*
	0-4. color
================================*/
/* background */
.bg-green-01 { background-color: #008d54 !important; }

.bg-green-02 { background-color: #00a66d !important; }

.bg-black-01 { background-color: #000 !important; }

.bg-gray-01 { background-color: #474d4d !important; }

.bg-gray-02 { background-color: #7d888c !important; }

.bg-gray-03 { background-color: #a1a9ac !important; }

.bg-gray-04 { background-color: #d2d4d6 !important; }

.bg-gray-05 { background-color: #eaf0f0 !important; }

.bg-brown-01 { background-color: #9a5f32 !important; }

.bg-em { background-color: #df0d49 !important; }

.bg-recruit { background-color: #7ba9ac !important; }

.bg-chintai { background-color: #7ab347 !important; }

.bg-establishment { background-color: #00628f !important; }

.bg-renovation { background-color: #e07e93 !important; }

.bg-shakuchi { background-color: #c4b821 !important; }

.bg-kaigai { background-color: #2d9db4 !important; }

.bg-shataku { background-color: #888fac !important; }

.bg-owner { background-color: #094a98 !important; }

.bg-tenants { background-color: #e74d57 !important; }

.bg-chukai { background-color: #7c7cb8 !important; }

.bg-rent { background-color: #7ab347 !important; }

.bg-monthly { background-color: #3f99a4 !important; }

.bg-tokutei { background-color: #3fbcab !important; }

.bg-campaign { background-color: #f78e00 !important; }

.bg-red { background-color: #f00 !important }

.bg-lightred { background-color: #fdd !important }

.bg-blue { background-color: #03f !important }

.bg-lightblue { background-color: #def !important }

/* color */
.fc-green-01 { color: #008d54 !important; }

.fc-green-02 { color: #00a66d !important; }

.fc-black-01 { color: #000 !important; }

.fc-gray-01 { color: #474d4d !important; }

.fc-gray-02 { color: #7d888c !important; }

.fc-gray-03 { color: #a1a9ac !important; }

.fc-gray-04 { color: #d2d4d6 !important; }

.fc-gray-05 { color: #eaf0f0 !important; }

.fc-brown-01 { color: #9a5f32 !important; }

.fc-em { color: #df0d49 !important; }

.fc-recruit { color: #7ba9ac !important; }

.fc-chintai { color: #7ab347 !important; }

.fc-establishment { color: #00628f !important; }

.fc-renovation { color: #e07e93 !important; }

.fc-shakuchi { color: #c4b821 !important; }

.fc-kaigai { color: #2d9db4 !important; }

.fc-shataku { color: #888fac !important; }

.fc-owner { color: #094a98 !important; }

.fc-tenants { color: #e74d57 !important; }

.fc-chukai { color: #7c7cb8 !important; }

.fc-rent { color: #7ab347 !important; }

.fc-monthly { color: #3f99a4 !important; }

.fc-tokutei { color: #3fbcab !important; }

.fc-campaign { color: #f78e00 !important; }

.fc-white { color: #fff !important; }

.fc-yellow { color: #fc0 !important; }

.fc-red { color: #f00 !important }

.fc-lightred { color: #fcc !important }

.fc-blue { color: #06f !important }

.fc-lightblue { color: #acf !important }

/* border */
.line-green-01 { border-color: #008d54 !important; }

.line-green-02 { border-color: #00a66d !important; }

.line-black-01 { border-color: #000 !important; }

.line-gray-01 { border-color: #474d4d !important; }

.line-gray-02 { border-color: #7d888c !important; }

.line-gray-03 { border-color: #a1a9ac !important; }

.line-gray-04 { border-color: #d2d4d6 !important; }

.line-gray-05 { border-color: #eaf0f0 !important; }

.line-brown-01 { border-color: #9a5f32 !important; }

.line-em { border-color: #df0d49 !important; }

.line-recruit { border-color: #7ba9ac !important; }

.line-chintai { border-color: #7ab347 !important; }

.line-establishment { border-color: #00628f !important; }

.line-renovation { border-color: #e07e93 !important; }

.line-shakuchi { border-color: #c4b821 !important; }

.line-kaigai { border-color: #2d9db4 !important; }

.line-shataku { border-color: #888fac !important; }

.line-owner { border-color: #094a98 !important; }

.line-tenants { border-color: #e74d57 !important; }

.line-chukai { border-color: #7c7cb8 !important; }

.line-rent { border-color: #7ab347 !important; }

.line-monthly { border-color: #3f99a4 !important; }

.line-tokutei { border-color: #3fbcab !important; }

.line-campaign { border-color: #f78e00 !important; }

.line-white { border-color: #fff !important; }

.line-red { border-color: #f00 !important }

.line-blue { border-color: #06f !important }

/*
	0-5. margin
================================*/
.mt0 { margin-top: 0 !important; }

.mt03em { margin-top: .3em !important; }

.mt05em { margin-top: .5em !important; }

.mt1em { margin-top: 1em !important; }

.mt2em { margin-top: 2em !important; }

.mt3em { margin-top: 3em !important; }

.mt4em { margin-top: 4em !important; }

.mt5em { margin-top: 5em !important; }

.mr03em { margin-right: .3em; }

.mr05em { margin-right: .5em; }

.mr1em { margin-right: 1em; }

.mr2em { margin-right: 2em; }

.mr3em { margin-right: 3em; }

.mr4em { margin-right: 4em; }

.mr5em { margin-right: 5em; }

/*
	0-6. padding
================================*/
.pt1em { padding-top: 1em }

.pt2em { padding-top: 2em; }

.pt3em { padding-top: 3em; }

.pt4em { padding-top: 4em; }

.pt5em { padding-top: 5em; }

.pr03em { padding-right: .3em }

.pr05em { padding-right: .5em }

.pr1em { padding-right: 1em }

.pr2em { padding-right: 2em; }

.pr3em { padding-right: 3em; }

.pr4em { padding-right: 4em; }

.pr5em { padding-right: 5em; }

/*
	0-7. column
================================*/
.column { display: flex; }

/*
	0-8. text
================================*/
.taL { text-align: left !important; }

.taC { text-align: center !important; }

.taR { text-align: right !important; }

.vaT { vertical-align: top !important; }

.vaM { vertical-align: middle !important; }

.vaB { vertical-align: bottom !important; }

.nwrp { white-space: nowrap; }

.word { display: inline-block; white-space: nowrap; }

/*
	0-9. list, indent
================================*/
ul {
	list-style-type: none;
}

.list {
	display: table;
	width: 100%;
}

.list > li {
	display: table-row;
}

.list > li > div {
	display: table-cell;
	vertical-align: top;
}

.list > li > div {
	white-space: nowrap;
}

.list > li > div:last-child {
	width: 100%;
	white-space: normal;
}

/* indent, note */
.indent, .note {
	display: table;
}

.indent > span,
.note > span {
	display: table-cell;
	vertical-align: top;
}

.indent > span:first-child,
.note > span:first-child {
	white-space: nowrap;
}

.indent > span:first-child {
	padding-right: .5em;
}

.note {
	line-height: 1.6;
}

/*
	0-10. width
================================*/
.w100 {
	width: 100%;
}

.w70 {
	width: 70%
}


/*
	0-11. link
================================*/
a {
	color: #00a66d;
}

a:hover a:visited {
	color: #005336;
}

a:active {
	color: #7fd2b6;
}

/*
	0-12. label
================================*/
.label {
	display: inline-flex;
	align-items: center;
	padding: .4em .5em;
	border-radius: 4px;
	border: 1px solid #fff;
}


/*============================================================

	1. Header

============================================================*/
.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
}

.header-top {
	display: flex;
	align-items: center;
}

.sitelogo {
	position: relative;
	margin-right: auto;
	top: 3px;
}

/* header-nav */
.header-nav {
	width: 100%;
}

.header-nav.active {
}

.header-nav-category {
}

.header-nav-category > dt {
	cursor: pointer;
}

.header-nav-category > dd {
	font-size: .875rem;
	display: none;
}

/* header-nav-inner-text */
.header-nav-inner-text > p {
	display: block;
	text-align: justify;
	text-justify: inter-ideograph;
}

.header-nav-inner-text > .btn {
	margin-top: 15px;
}

/* header-nav-list */
.header-nav-list {
	display: flex;
	flex-wrap: wrap;
}

.header-nav-list > li {
	background-color: #fff;
}

.header-nav-list > li > a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: left;
	text-decoration: none;
	color: #000;
}

.header-nav-list > li > a > .icon {
	width: 1em;
}

.header-nav-list > li > a > span {
	flex: 1;
}

.header-nav-list > li > a > .icon:before {
	color: #00a66d;
}

/*============================================================

	2. Main

============================================================*/
.main {
	line-height: 1.8;
}

.main .section {
}

.main .section .container {
}

/*============================================================

	3. Footer

============================================================*/
.footer {
	border-bottom: solid #00a66d;
	background: #eaf0f0;
	letter-spacing: .1em;
}

/* footer-nav */
.footer-nav > dl > dt,
.footer-nav > .footer-nav-link a {
	display: inline-block;
	padding: 0 1em 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-weight: bold;
	line-height: 1;
}

.footer-nav > .footer-nav-link a {
	color: #000;
	text-decoration: none;
}

.footer-nav > dl > dd > ul > li {
	display: table;
	font-size: .875rem;
	margin-right: .5em;
	color: #00a66d;
}

.footer-nav > dl > dd > ul > li > i {
	display: table-cell;
	font-size: .75rem;
	padding-right: .5em;
	color: #00a66d;
}

.footer-nav > dl > dd > ul > li > span {
	display: table-cell;
	font-size: .875rem;
}

.footer-nav > dl > dd > ul > li > a {
	color: #000;
	text-decoration: none;
}

.footer-nav > dl > dd > ul > li > a:hover {
	color: #00a66d;
}

/* footer-bottom */
.footer-bottom {
	background: #00a66d;
	color: #fff;
	text-align: center;
}

.footer-bottom > ul > li > i {
	font-size: .85em;
	margin-right: .5em;
	color: #fff;
}

.footer-bottom > ul > li > a {
	color: #fff;
	text-decoration: none;
}

.footer-bottom > ul > li > a:hover {
	text-decoration: underline;
}

.footer-bottom .copyright {
	font-size: .75rem;
	margin-top: .5em;
}

/*============================================================

	4. Class

============================================================*/

/*
	4-1. breadcrumbs
================================*/

.breadcrumbs {
	padding: 10px 0;
	background: #fff;
	border-top: 1px solid #b3b3b3;
	font-size: .8125rem;
	letter-spacing: .15em;
}

.breadcrumbs > ul {
	width: 960px;
	margin: 0 auto;
}

.breadcrumbs > ul > li {
	display: inline;
	margin-right: 1em;
}

.breadcrumbs > ul > li::after {
	content: ">";
	color: #b3b3b3;
}

.breadcrumbs > ul > li > a {
	margin-right: 1em;
	color: #000;
	text-decoration: none;
}

.breadcrumbs > ul > li > a:hover {
	color: #00a66d;
}

.breadcrumbs > ul > li:last-child,
.breadcrumbs > ul > li:last-child > a {
	margin-right: 0;
}

.breadcrumbs > ul > li:last-child::after {
	content: "";
}

/*
	4-2. title
================================*/
/* title-01 */
.title-01 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-size: cover;
}

.title-01 > span {
	display: block;
	/*text-align : center;*/
	/*background : rgba(125, 136, 140, .9);*/
	/*color      : #fff;*/
}

.title-01 > span > img {
	width: 100%;
	vertical-align: bottom;
}

.title-01 .en {
	display: inline-block;
	padding-left: .3em;
	font-family: 'Kanit', sans-serif;
	font-weight: 100;
	letter-spacing: .2em;
	-webkit-transform: scale(.9, 1) skewX(-15deg);
	-ms-transform: scale(.9, 1) skewX(-15deg);
	transform: scale(.9, 1) skewX(-15deg);
}

.title-01 .ja {
	display: inline-block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	letter-spacing: .2em;
	line-height: 1;
}

.title-01.business {
	background-image: url("../img/main_img_business.jpg");
}

.title-01.service {
	background-image: url("../img/main_img_service.jpg");
}

.title-01.search {
	background-image: url("../img/main_img_search.jpg");
}

.title-01.company {
	background-image: url("../img/main_img_company.jpg");
}

/* title-02 */
.title-02 {
	background: #a1a9ac;
	color: #fff;
}

.title-02 > span {
	display: flex;
	align-items: center;
	line-height: 1.4;
}

.title-02 > span > i {
}

/* title-03 */
.title-03 {
	padding: 1px 0 0 1em;
	margin-bottom: 1em;
	border-left: 6px solid #00a66d;
	line-height: 1.4;
	letter-spacing: .1em;
}

/* title-04 */
.title-04 {
	position: relative;
	padding-left: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4;
	letter-spacing: .1em;
}

.title-04:before {
	content: "■";
	position: absolute;
	left: 0;
	top: 0;
	color: #00a66d;
	margin-right: .3em;
}

.title-line {
	padding-bottom: 1em;
	border-bottom: 1px solid #a1a9ac;
}

/* title-05 */
.title-05 {
	position: relative;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.title-05 img {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

/* title-06 */
.title-06 {
	background: #a1a9ac;
	color: #fff;
}

.title-06 > span {
	display: flex;
	align-items: center;
	line-height: 1.4;
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
}

.title-06.owner {
	background-color: #094a98;
	background-image: linear-gradient(to right, #2667a4 10%, #094a98 60%);
}

.title-06.owner > span {
	background-image: url("../img/main_img_owner.jpg");
}

.title-06.tenants {
	background-color: #e74d57;
	background-image: linear-gradient(to right, #fc6873 10%, #e74d57 60%);
}

.title-06.tenants > span {
	background-image: url("../img/main_img_tarents.jpg");
}

.title-06.chukai {
	background-color: #7c7cb8;
	background-image: linear-gradient(to right, #9090c0 10%, #7c7cb8 60%);
}

.title-06.chukai > span {
	background-image: url("../img/main_img_chukai.jpg");
}

/*
	4-3. category-nav
================================*/
.category-nav {
	border-top: 1px solid #a1a9ac;
	border-bottom: 1px solid #a1a9ac;
	background-color: #fff;
	font-size: .875rem;
	line-height: 1.4;
	color: #000;
}

.category-nav > dl > dt {
}

.category-nav > dl > dt > i {
	border-left: 2px solid #999;
	border-bottom: 2px solid #999;
}

.category-nav > dl > dd > ul > li > a,
.category-nav > dl > dd > ul > li > span {
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
	color: #000;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.category-nav > dl > dd > ul > li > a:hover,
.category-nav > dl > dd > ul > li.current > span {
	background: #00a66d;
	color: #fff;
}

.category-nav > dl > dd > ul > li > a:before,
.category-nav > dl > dd > ul > li > span:before {
	color: #00a66d;
}

.category-nav > dl > dd > ul > li > a:hover:before,
.category-nav > dl > dd > ul > li.current > span:before {
	color: #fff;
}

.category-nav > dl > dd > ul > li > a.primary {
	background-color: #df0d49 !important;
	color: #fff;
}

.category-nav > dl > dd > ul > li > a.primary:before,
.category-nav > dl > dd > ul > li > span.primary:before {
	color: #fff;
}

.category-nav > dl > dd > ul > li > a.primary:hover,
.category-nav > dl > dd > ul > li.current > span.primary {
	background-color: #00a66d !important;
}

/* category-tab */
.category-tab > dl > dd > ul > li > a:hover,
.category-tab > dl > dd > ul > li.current > span {
	background: #a1a9ac;
	color: #fff;
}

/*
	4-4. table
================================*/
/* table-01 */
/* table-02 */
.table-01,
.table-02 {
	width: 100%;
	border-top: 1px solid #000;
	border-collapse: collapse;
}

.table-01 > thead > tr > th,
.table-01 > thead > tr > td,
.table-01 > tbody > tr > th,
.table-01 > tbody > tr > td,
.table-02 > thead > tr > th,
.table-02 > thead > tr > td,
.table-02 > tbody > tr > th,
.table-02 > tbody > tr > td {
	padding: 10px 5px;
	border-bottom: 1px solid #000;
	text-align: left;
	vertical-align: top;
}

.table-01 > thead > tr > th:first-child,
.table-01 > thead > tr > td:first-child,
.table-01 > tbody > tr > th:first-child,
.table-01 > tbody > tr > td:first-child,
.table-02 > thead > tr > th:first-child,
.table-02 > thead > tr > td:first-child,
.table-02 > tbody > tr > th:first-child,
.table-02 > tbody > tr > td:first-child {
	padding-left: 10px;
}

.table-01 > thead > tr > th:last-child,
.table-01 > thead > tr > td:last-child,
.table-01 > tbody > tr > th:last-child,
.table-01 > tbody > tr > td:last-child,
.table-02 > thead > tr > th:last-child,
.table-02 > thead > tr > td:last-child,
.table-02 > tbody > tr > th:last-child,
.table-02 > tbody > tr > td:last-child {
	padding-right: 10px;
}

/* table-01 コンテンツタイプ対応版 */
div.table-01 table,
div.table-02 table
 {
	width: 100%;
	border-collapse: collapse;
}
div.table-01 table> thead > tr > th,
div.table-01 table> thead > tr > td,
div.table-01 table> tbody > tr > th,
div.table-01 table> tbody > tr > td,
div.table-02 table> thead > tr > th,
div.table-02 table> thead > tr > td,
div.table-02 table> tbody > tr > th,
div.table-02 table> tbody > tr > td{
	padding: 10px 5px;
	border-bottom: 1px solid #000;
	text-align: left;
	vertical-align: top;
}

div.table-01 table> tbody > tr > th,
div.table-02 table> tbody > tr > th{
white-space: nowrap
}

div.table-01 table> thead > tr > th:first-child,
div.table-01 table> thead > tr > td:first-child,
div.table-01 table> tbody > tr > th:first-child,
div.table-01 table> tbody > tr > td:first-child,
div.table-02 table> thead > tr > th:first-child,
div.table-02 table> thead > tr > td:first-child,
div.table-02 table> tbody > tr > th:first-child,
div.table-02 table> tbody > tr > td:first-child{
	padding-left: 10px;
}

div.table-01 table > thead > tr > th:last-child,
div.table-01 table > thead > tr > td:last-child,
div.table-01 table > tbody > tr > th:last-child,
div.table-01 table > tbody > tr > td:last-child,
div.table-02 table > thead > tr > th:last-child,
div.table-02 table > thead > tr > td:last-child,
div.table-02 table > tbody > tr > th:last-child,
div.table-02 table > tbody > tr > td:last-child {
	padding-right: 10px;
}

/* table-03 */
.table-03 {
	width: 100%;
	border-collapse: collapse;
}

.table-03 > thead > tr > th,
.table-03 > thead > tr > td,
.table-03 > tbody > tr > th,
.table-03 > tbody > tr > td {
	padding: 10px 14px;
	border: 1px solid #000;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.table-03 > thead > tr > th {
	background: #d2d4d6;
}

.table-03 > tbody > tr > th {
	background: #eaf0f0;
}

/* table-04 */
.table-04 {
	width: 100%;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-collapse: collapse;
}

.table-04 > thead > tr > th,
.table-04 > thead > tr > td,
.table-04 > tbody > tr > th,
.table-04 > tbody > tr > td {
	padding: 10px 14px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.table-04 > thead > tr > th {
	background: #eaf0f0;
}

/* table-05 */
.table-05 {
	display: flex;
	border: 1px solid #a1a9ac;
}

.table-05 > div {
	flex: 1 1 auto;
	width: 33%;
	border-right: 1px solid #a1a9ac;
}

.table-05 > div:last-child{
	border-right: none;
}

.table-05 > div > .title {
	padding: .8em 1em;
	border-bottom: 1px solid #a1a9ac;
}

.table-05 > div > div {
	padding: 1em;
}

/*
	4-5. box-list
================================*/
/* box-list-01 */
.box-list-01 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box-list-01 > li {
}

.box-list-01 > li > a {
	display: block;
	height: 100%;
	padding: 30px;
	border: 1px solid #a1a9ac;
	color: #000;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.box-list-01 > li > a > h2 {
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #00a66d;
	letter-spacing: .2em;
	color: #474d4d;
}

.box-list-01 > li > a > h2 > i {
	position: absolute;
	left: 0;
	top: .2em;
	color: #00a66d;
}

.box-list-01 > li > a > p em {
	font-style: normal;
	color: #00a66d;
}

.box-list-01 > li > a:hover {
	background-color: #00a66d;
	color: #fff;
}

.box-list-01 > li > a:hover > h2 {
	color: #fff;
	border-bottom-color: #fff;
}

.box-list-01 > li > a:hover > h2 > i {
	color: #fff;
}

.box-list-01 > li > a:hover > p em {
	color: #fff;
}

/* box-list-02 */
.box-list-02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box-list-02 > li {
}

.box-list-02 > li > a {
	display: block;
	height: 100%;
	border: 1px solid #a1a9ac;
	color: #000;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.box-list-02 > li > a > .image {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.box-list-02 > li > a > .image > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}

.box-list-02 > li > a > h2 {
	display: inline-block;
	text-align: center;
	letter-spacing: .1em;
	color: #000;
}

.box-list-02 > li > a > h2 > i {
	color: #00a66d;
}

.box-list-02 > li > a:hover {
	background-color: #00a66d;
	color: #fff;
}

.box-list-02 > li > a:hover > h2 {
	color: #fff;
}

.box-list-02 > li > a:hover > h2 > i {
	color: #fff;
}

/* box-list-03 */
.box-list-03 > li > a > h2 {
	display: flex;
	border-bottom: none;
	text-align: left;
}

.box-list-03 > li > a > h2 {
	display: flex;
	padding-left: 0;
	border-bottom: none;
	text-align: left;
}

.box-list-03 > li > a > h2 > i {
	position: static;
	padding-top: .15em;
}

.box-list-03 > li > a > .image {
	position: relative;
	width: 100%;
	height: 240px;
	margin-bottom: 1em;
	vertical-align: top;
	overflow: hidden;
}

.box-list-03 > li > a > .image > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 240px;
}

/*
	4-6. news
================================*/
.news-list {
	border-top: 1px solid #000;
}

.news-list > li {
	display: flex;
	align-items: flex-start;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	align-items: stretch;
}

.news-list .news-time {
	flex: 0 1 auto;
	letter-spacing: .05em;
	white-space: nowrap;
}

.news-list .news-category {
	display: inline-block;
	flex: 0 1 auto;
	padding: 0 2px;
	margin-right: 20px;
	border-radius: 2px;
	letter-spacing: .15em;
	text-align: center;
	white-space: nowrap;
	color: #fff;
}

.news-list .news-text {
	flex: 1 1 auto;
}

.news-btnWrapper {
	padding-left: 10px;
	display: flex;
	align-items: center;
}

.news-btn {
  width: 185px;
	padding: 5px 35px;
	text-decoration: none;
	color: #fff;
	background-color: #1bafbf;
}

.news-btn:hover {
	text-decoration: none;
	opacity: 0.8;
	cursor: pointer;
}

/*
	4-7. contact
================================*/
.contact {
	border: 1px solid #000;
	text-align: center;
}

.contact > dt {
	display: inline-block;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1;
}

.contact > dd p {
	margin-bottom: 1em;
	line-height: 1.8;
}

.contact .btn {
	margin: 0 auto;
}

.contact > dd > ul {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

/*
	4-8. link-list
================================*/

.link-list {
	border-top: 1px dotted #a1a9ac;
}

.link-list li {
	border-bottom: 1px dotted #a1a9ac;
	font-size: .9375rem;
}

li i {
	margin-right: 5px;
	font-size: .75rem;
	color: #00a66d;
}

.link-list li a {
	display: block;
	padding: 15px;
	color: #000;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.link-list li a:hover {
	background-color: #eaf0f0;
}

/*
	4-9. gallery
================================*/
.gallery {
}

/*
	4-10. anchor-link
================================*/
/* anchor-link-01 */
.anchor-link-01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.anchor-link-01 > li {
	position: relative;
	flex: 0 1 auto;
	border: 2px solid #00a66d;
}

.anchor-link-01 > li > a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	text-decoration: none;
}

.anchor-link-01 > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-bottom: .5em;
	background: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
	color: #00a66d;
}

.anchor-link-01 > li > a .icon {
	content: "\e90b";
	position: absolute;
	left: 50%;
	color: #00a66d;
}

.anchor-link-01 > li > a:hover {
	color: #fff;
	background: #00a66d;
}

.anchor-link-01 > li > a:hover > .icon {
	color: #fff;
}

/* anchor-link-02 */
.anchor-link-02 {
	justify-content: space-between;
}

.anchor-link-02 > li {
	position: relative;
	flex: 0 1 auto;
	border: 2px solid #00a66d;
}

.anchor-link-02 > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1em 2em 3em;
	background: #fff;
	text-decoration: none;
}

.anchor-link-02 > li > a > dl > dt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 3.4em;
	padding-bottom: .6em;
	margin-bottom: .6em;
	border-bottom: 2px solid #00a66d;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.4;
	color: #00a66d;
}

.anchor-link-02 > li > a > dl > dd {
	color: #000;
}

.anchor-link-02 > li > a .icon {
	content: "\e90b";
	position: absolute;
	left: 50%;
	bottom: 1.5em;
	margin-left: -6px;
	font-size: 12px;
	color: #00a66d;
}

.anchor-link-02 > li > a:hover {
	color: #fff;
	background: #00a66d;
}

.anchor-link-02 > li > a:hover > dl > dt {
	color: #fff;
	border-bottom-color: #fff;
}

.anchor-link-02 > li > a:hover > dl > dd {
	color: #fff;
}

.anchor-link-02 > li > a:hover > .icon {
	color: #fff;
}

/*
	4-11. border-box
================================*/
/* border-box-01 */
.border-box-01 {
	padding: 1em 1.5em;
	border: 1px solid #a1a9ac;
}

/* border-box-02 */
.border-box-02 {
	padding: 1.5em 1.5em;
	border: 1px solid #a1a9ac;
}

.border-box-02 + .border-box-02 {
	margin-top: -1px;
}

/* border-box-03 */
.border-box-03 {
	padding: 5px;
}

.border-box-03 .inner {
	padding: 1em 1.5em;
	border: 1px solid #fff;
}

/* border-box-04 */
.border-box-04 {
	border: 1px solid #a1a9ac;
}

.border-box-04 > dt {
	padding: 1em 1.5em;
	border-bottom: 1px solid #a1a9ac;
}

.border-box-04 > dd {
	padding: 1em 1.5em;
}

.border-box-01 .column.col2 {
	margin-left: 1em;
	margin-right: 1em;
}

/*
	4-12. point-list
================================*/
/* point-list */
.point-list {
	padding-top: 10px;
}

.point-list li {
	position: relative;
	margin-bottom: 1.5em;
	padding: .4em 10px .4em 75px;
	background: linear-gradient( to right, rgba( 0, 166, 109, .8) 30%, rgba( 0, 166, 109, .5 ) );
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .1em;
	color: #fff;
}

.point {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	left: 5px;
	top: 50%;
	border: 2px solid #00a66d;
	background: #fff;
	font-family: 'Arbutus Slab', serif;
	color: #00a66d;
}

.point > span:first-child {
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .05em;
	-webkit-transform: scale(.9, 1);
	-ms-transform: scale(.9, 1);
	transform: scale(.9, 1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.point > span:last-child {
	display: inline-block;
	padding: 0 0 0 .1em;
	line-height: 1;
	-webkit-transform: scale(.9, 1);
	-ms-transform: scale(.9, 1);
	transform: scale(.9, 1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

/*
	4-13. step
================================*/
/* step-h */
.step-h {
	display: flex;
}

.step-h > li {
	flex: 1 1 auto;
}

.step-h .step {
	border: 1px solid #00a66d;
}

.step-h .step dl dt {
	padding: 5px 15px;
	background: #00a66d;
	font-weight: bold;
	color: #fff;
}

.step-h .step dl dd {
	padding: 10px 15px;
}

.step-h .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
}

.step-h .step-02 {
	position: relative;
	vertical-align: bottom;
}

.step-02 .before,
.step-02 .after {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: .8;
}


/*
	4-14. login
================================*/
.login {
	border: 1px solid #000;
	text-align: center;
}

.login > dt {
	display: inline-flex;
	align-items: center;
	height: 68px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.4;
	vertical-align: top;
}

.login > dd {
	vertical-align: top;
}

/*
	4-15. round-box
================================*/
.round-box-01 {
	padding: 15px;
	border-radius: 1px;
}

.round-box-02 {
	padding: 15px;
	border-radius: 2px;
}

.round-box-03 {
	padding: 15px;
	border-radius: 3px;
}

.round-box-04 {
	padding: 15px;
	border-radius: 4px;
}

.round-box-05 {
	padding: 15px;
	border-radius: 5px;
}

/*
	4-16. scroll
================================*/
.scroll {
	height: 20em;
	overflow: auto;
}

.scroll-inner {
	padding: 1em;
}


/*
	4-17. facebook-box
================================*/
.facebook-box {
	max-width: 500px;
	margin: 0 auto;
}

.facebook-box > .fb-page {
	width: 100%;
}

.facebook-box > .fb-page > span,
.facebook-box iframe {
	width: 100% !important;
}

/*
	4-18. accordion-box
================================*/
.accordion.accBox01 {
	margin-top: 3em;
	font-size: 1rem;
}
.accordion.accBox01 > dt {
	border: solid 1px #a1a9ac;
	padding: 1em 2em;
	cursor: pointer;
	position: relative;
}
.accordion.accBox01 > dt > i {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 15px;
	height: 15px;
	margin-top: -9px;
	border-left: 2px solid #999;
	border-bottom: 2px solid #999;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.accordion.accBox01 > dt.open > i {
	margin-top: -3px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.accordion.accBox01 > dd {
	border: solid 1px #a1a9ac;
	border-top: none;
	padding: 1em;
	display: none;
}
.accordion.accBox01 > dd p {
	font-size: 1rem;
}


/*============================================================

	5. Slider

============================================================*/
.slick-slider {
	position: relative;
	display: block;
	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;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: 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-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	border-radius: 15px;
	cursor: pointer;
	color: #fff;
	outline: none;
	background: #a1a9ac;
	text-align: center;
	z-index: 100;
}

.slick-prev:hover,
.slick-next:hover {
	background: #00a66d;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .5;
}

.slick-prev:before,
.slick-next:before {
	margin-top: -.1em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 1.25rem;
	font-weight: bold;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -15px;
}

.slick-prev:before {
	content: "\00ab";
}

.slick-next {
	right: -15px;
}

.slick-next:before {
	content: "\00bb";
}



/*============================================================

	6. Pages

============================================================*/
/*
	business
================================*/
/* business-list */
.business-list {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
}

.business-list > li {
}

.business-list > li > a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all .6s ease 0s;
	transition: all .6s ease 0s;
}

.business-list > li.chintai > a {
	background-color: #87c175;
}

.business-list > li.chintai > a:hover {
	background-color: #7ab347;
}

.business-list > li.establishment > a {
	background-color: #0080a1;
}

.business-list > li.establishment > a:hover {
	background-color: #00628f;
}

.business-list > li.renovation > a {
	background-color: #f497a7;
}

.business-list > li.renovation > a:hover {
	background-color: #e07e93;
}

.business-list > li.shakuchi > a {
	background-color: #d1c259;
}

.business-list > li.shakuchi > a:hover {
	background-color: #c4b821;
}

.business-list > li.kaigai > a {
	background-color: #1bafbf;
}

.business-list > li.kaigai > a:hover {
	background-color: #2d9db4;
}

.business-list > li.shataku > a {
	background-color: #9da3ae;
}

.business-list > li.shataku > a:hover {
	background-color: #888f9e;
}

.business-list > li > a > i {
	font-size: 5.625rem;
	color: #fff;
}

.business-list > li > a > h3 {
	letter-spacing: .3em;
	-webkit-transform: scale(.9, 1);
	-ms-transform: scale(.9, 1);
	transform: scale(.9, 1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	text-align: left;
}

.business-list > li > a > h3 > i {
	color: #fff;
}

.business-list > li > a > p {
	text-align: left;
}

/*
	chintai_direction
================================*/
/* title-02 */
.chintai_direction .title-02 {
	background: #7ab347;
}

/* title-03 */
.chintai_direction .title-03 {
	border-left-color: #7ab347;
}

/* title-04 */
.chintai_direction .title-04:before {
	color: #7ab347;
}

/* anchor-link-02 */
.chintai_direction .anchor-link-02 > li {
	border: 2px solid #7ab347;
}

.chintai_direction .anchor-link-02 > li > a > dl > dt {
	border-bottom-color: #7ab347;
	color: #7ab347;
}

.chintai_direction .anchor-link-02 > li > a .icon {
	color: #7ab347;
}

.chintai_direction .anchor-link-02 > li > a:hover {
	background: #7ab347;
}

.chintai_direction .anchor-link-02 > li > a:hover > dl > dt {
	border-bottom-color: #fff;
	color: #fff;
}

.chintai_direction .anchor-link-02 > li > a:hover .icon {
	color: #fff;
}

.chintai_direction .category-nav > dl > dd > ul > li > a:hover,
.chintai_direction .category-nav > dl > dd > ul > li.current > span {
	background: #7ab347;
	color: #fff;
}

.chintai_direction .category-nav > dl > dd > ul > li > a:before,
.chintai_direction .category-nav > dl > dd > ul > li > span:before {
	color: #7ab347;
}

.chintai_direction .category-nav > dl > dd > ul > li > a:hover:before,
.chintai_direction .category-nav > dl > dd > ul > li.current > span:before {
	color: #fff;
}

/*
	introduction
================================*/

/* title-03 */
.introduction .qa {
	display: table;
}
.introduction .qa.q {
	margin-bottom: 0.5em;
}
.introduction .qa.a {
	margin-bottom: 2em;
}
.introduction .qa > dt {
	display: table-cell;
}
.introduction .qa > dt > span {
	padding: 0.8em;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	min-width: 2.9em;
	display: inline-block;
	text-align: center;
	line-height: 1em;
	border-radius: 5px;
}
.introduction .qa.q > dt > span {
	background: #7ab347;
}
.introduction .qa.a > dt > span {
	background: #d4526e;
}
.introduction .qa > dd {
	display: table-cell;
	padding: 0.6em 0 0 1em;
	font-size: 1.2em;
	vertical-align: top;
}

/*
	establishment
================================*/
/* title-02 */
.establishment .title-02 {
	background: #00628f;
}

/* title-03 */
.establishment .title-03 {
	border-left-color: #00628f;
}

/* title-04 */
.establishment .title-04:before {
	color: #00628f;
}

/* anchor-link-01 */
.establishment .anchor-link-01 > li {
	border: 2px solid #00628f;
}

.establishment .anchor-link-01 > li > a {
	color: #00628f;
}

.establishment .anchor-link-01 > li > a .icon {
	color: #00628f;
}

.establishment .anchor-link-01 > li > a:hover {
	background: #00628f;
	color: #fff;
}
.establishment .anchor-link-01 > li > a:hover .icon {
	color: #fff;
}


/*
	renovation
================================*/
.renovation .category-nav > dl > dd > ul > li > a:hover,
.renovation .category-nav > dl > dd > ul > li.current > span {
	background: #e07e93;
	color: #fff;
}

.renovation .category-nav > dl > dd > ul > li > a:before,
.renovation .category-nav > dl > dd > ul > li > span:before {
	color: #e07e93;
}

.renovation .category-nav > dl > dd > ul > li > a:hover:before,
.renovation .category-nav > dl > dd > ul > li.current > span:before {
	color: #fff;
}

.renovation .box-list-01 > li > a,
.renovation .box-list-02 > li > a {
	border: none;
}

.renovation .box-list-01 > li > a:hover,
.renovation .box-list-02 > li > a:hover {
	background-color: #e9e9e9;
	color: #000;
}

/* renovation-slide-01 */
.renovation-slide-01 .slick-dots {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 100;
}

.renovation-slide-01 .slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
}

.renovation-slide-01 .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #fff;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	outline: none;
}

.renovation-slide-01 .slick-dots li button:hover,
.renovation-slide-01 .slick-dots li button:focus {
	outline: none;
}

.renovation-slide-01 .slick-dots li.slick-active button {
	background: #000;
}

/* renovation-slide-02 */
.renovation-slide-02 .slick-dots {
	position: relative;
	margin-top: 10px;
	text-align: center;
}

.renovation-slide-02 .slick-dots li {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.renovation-slide-02 .slick-dots li:last-child {
	margin-right: 0;
}

.renovation-slide-02 .slick-dots li img {
	width: 150px;
	height: auto;
}

.renovation-slide-02 .slick-dots li.slick-active {
	line-height: 0;
	border: 3px solid #a1a9ac;
}

/* renovation-slide-03 */
.renovation-slide-03 .slick-slide {
	padding: 3px;
}

.renovation-slide-03 .slick-current {
	line-height: 0;
	background-color: #a1a9ac;
}

.renovation-slide-03 .slick-current img {
	opacity: .8;
}

/* renovation-visual */

.renovation-visual {
	position: relative;
}

.renovation-visual-text {
	padding: 1em;
	background: -moz-linear-gradient(top left, #6e7c7f, #3d4a4c);
	background: -webkit-linear-gradient(top left, #6e7c7f, #3d4a4c);
	background: linear-gradient(to bottom right, #6e7c7f, #3d4a4c);
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: .1em;
	margin-bottom: 1em;
}

/* sample */
#sample {
	padding-left: 0;
	padding-right: 0;
}

#sample .slick-list {
	padding: 0 10px;
}

#sample .slick-slide {
	margin: 0 10px;
	/*border: 1px solid #a1a9ac;*/
}

#sample .slick-slide a {
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	color: #000;
	height: 100%;
}

#sample .slick-slide a:hover {
	/*background-color: #00a66d;*/
	/*color: #fff;*/
	background-color: #e9e9e9;
	color: #000;
}

/* new */
.new {
	position: relative;
}

.new::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #f497a7 url("../img/icon_new.png") no-repeat center center;
	background-size: 100% 100%;
	z-index: 10;
}

/*
	kaigai
================================*/
.kaigai .category-nav > dl > dd > ul > li > a:hover,
.kaigai .category-nav > dl > dd > ul > li.current > span {
	background: #2d9db4;
	color: #fff;
}

.kaigai .category-nav > dl > dd > ul > li > a:before,
.kaigai .category-nav > dl > dd > ul > li > span:before {
	color: #2d9db4;
}

.kaigai .category-nav > dl > dd > ul > li > a:hover:before,
.kaigai .category-nav > dl > dd > ul > li.current > span:before,
.kaigai .category-nav > dl > dd > ul > li > a.primary:before {
	color: #fff;
}

.kaigai-visual {
	position: relative;
}

.kaigai-visual .text {
	position: absolute;
	top: 70px;
	color: #fff;
}

.kaigai-thumbnail {
}

.kaigai-thumbnail .image {
	position: relative;
	width: 100%;
	height: 210px;
	overflow: hidden;
}

.kaigai-thumbnail a .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .6s ease 0s;
	transition: all .6s ease 0s;
}

.kaigai-thumbnail a:hover .image img {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform:  translate(-50%, -50%) scale(1.1);
}

.kaigai-state {
	position: absolute;
	display: flex;
	align-items: center;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: .5em 1em;
	background: rgba( 0, 0, 0, .8 );
}

.table-from-narita {
	width: 100%;
}

.table-from-narita td {
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}

.table-from-narita .line {
	display: block;
	width: 100%;
	height: 4px;
}

/*
	service
================================*/
.service-list > li {
	color: #fff;
}

.service-list > li > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
}

.service-list .image {
	display: block;
	height: 100%;
	overflow: hidden;
}

.service-list .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.service-list .text {
	display: flex;
	align-items: center;
}

/*
	manthly
================================*/
.monthly .category-nav,
.monthly .category-nav > dl > dd > ul,
.monthly .category-nav > dl > dd > ul > li {
	border-color: #9a5f32
}

.monthly .category-nav > dl > dd > ul > li > a:hover,
.monthly .category-nav > dl > dd > ul > li.current > span {
	background-color: #3f99a4;
}

.monthly .btn-primary:hover, .monthly .btn-primary:focus, .monthly .btn-primary:active {
	background-color: #9a5f32;
	border-color: #9a5f32;
	color: #fff;
}

.monthly .category-nav > dl > dd > ul > li > a.primary:hover,
.monthly .category-nav > dl > dd > ul > li.current > span.primary {
	background-color: #9a5f32 !important;
}

/*
	structure
================================*/
/* box-list-02 */
.structure .box-list-02 > li > a {
	border: 1px solid #9a5f32;
	color: #9a5f32;
}

.structure .box-list-02 > li > a > h2 {
	color: #9a5f32;
}

.structure .box-list-02 > li > a > h2 > i {
	color: #9a5f32;
}

.structure .box-list-02 > li > a:hover {
	background-color: #9a5f32;
	color: #fff;
}

.structure .box-list-02 > li > a:hover > h2 {
	color: #fff;
}

.structure .box-list-02 > li > a:hover > h2 > i {
	color: #fff;
}

/* btn-list */
.structure .btn-list .btn {
	box-sizing: content-box;
	padding: 0;
	border: 1px solid #9a5f32;
	color: #9a5f32;
}

.structure .btn-list .btn > img {
	margin-right: .7em;
}

.structure .btn-list .btn:hover {
	background-color: #9a5f32;
	color: #fff;
}

.structure .btn-list .btn > i:before {
	color: #9a5f32 !important;
}

.structure .btn-list .btn:hover > i:before {
	color: #fff !important;
}

/* campaign */
.structure .campaign {
  font-family: 'Yu Gothic', Meiryo, sans-serif;
}

.structure .campaign .title {
  display: inline-block;
  padding: 4px 2.5em 0;
  background-color: #3f99a4;
  color: white;
  font-weight: 500;
  font-size: 1.25rem;
}

.structure .campaign .content {
  border: solid 2px #3f99a4;
}

.structure .campaign .content-inner {
  margin: 0 auto;
  padding: 1.35em 0;
  width: 80%;
}

.structure .campaign .content p {
  font-size: .875rem;
}

.structure .campaign .content .link-button {
  padding-top: 1em;
  text-align: center;
}

.structure .campaign .content .link-button a {
	opacity: 1.0;
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
	border-bottom: solid 1px #3f99a4;
	padding-right: .3em;
  color: #3f99a4;
  font-weight: bold;
	font-size: .95rem;
	text-decoration: none;
}

.structure .campaign .content .link-button a:hover {
	opacity: .8;
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
}

.structure .campaign .content .link-button a::after {
  display: inline-block;
  width: .6em;
  height: .6em;
	content: '';
	border-right: 1px solid #3f99a4;
	border-bottom: 1px solid #3f99a4;
	transform: rotate(-45deg);
	margin-left: .5em;
}

.room-num {
	line-height: 1.3;
}

.room-num > strong {
	font-size: 1.9em;
	font-weight: normal;
}

.room-price {
	line-height: 1.3;
}

.room-price > strong {
	font-size: 1.715em;
	font-weight: normal;
}

/*
	recruit
================================*/
/* title-01 */
.recruit .title-01 {
	background-image: url("../img/main_img_recruit.jpg");
}

.recruit .title-01 > span {
	/*background : rgba(101, 147, 155, .9);*/
}

/* category-nav */
.recruit .category-nav > dl > dd > ul > li > a:hover,
.recruit .category-nav > dl > dd > ul > li.current > span {
	background-color: #7ba9ac !important;
}

/* box-list-01 */
.recruit .box-list-01 > li > a > h2 {
	border-bottom: 1px solid #7ba9ac;
}

.recruit .box-list-01 > li > a > h2 > i {
	color: #7ba9ac;
}

.recruit .box-list-01 > li > a > p em {
	color: #7ba9ac;
}

.recruit .box-list-01 > li > a:hover {
	background-color: #7ba9ac;
}

.recruit .box-list-01 > li > a:hover > h2 {
	border-bottom: 1px solid #fff;
}

.recruit .box-list-01 > li > a:hover > h2 > i,
.recruit .box-list-01 > li > a:hover > p em.fc-recruit {
	color: #fff !important;
}

/*
	tenants-special-site
================================*/
.tenants-special-site {}

/*
	tokuten
================================*/
.tokuten-box {
	border: 1px solid #a1a9ac;
}

.tokuten-box dt {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 1.5em;
	margin: 0;
	background: #00a66d;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}

.tokuten-box dd {
	padding: 2em;
}

.tokuten-box dd h5 {
	color: #00a66d;
}

.tokuten-box dd .title-line {
	border-bottom: 2px solid #00a66d;
}

.tokuten-box-02 dt {
	background: #e18715;
}

.tokuten-box-02 dd h5 {
	color: #e18715;
}

.tokuten-box-02 dd .title-line {
	border-bottom: 2px solid #e18715;
}


/*
	sitemap
================================*/
.sitemap .column {
	margin-top: -3em;
}

.sitemap .column > div {
	margin-top: 3em;
}

.sitemap .column a {
	text-decoration: none;
	color: #000;
}

.sitemap .column a:hover {
	color: #00a66d;
}

.sitemap .column .title-03 {
	display: flex;
	align-items: center;
	font-size: 1.125rem;
	padding-left: 0.7em;
}

.sitemap .column .title-03 a {
	width: 100%;
}

.sitemap .column .title-03 .icon {
	flex: 1 0 auto;
	padding-right: 5px;
	font-size: .75rem;
	text-align: right;
	color: #00a66d;
}

.sitemap .column .title-04 {
	display: flex;
	align-items: center;
	font-size: .9375rem;
	margin-bottom: .5em;
	padding-left: 0;
}

.sitemap .column .title-04:before {
	content: "";
	margin-right: 0;
}

.sitemap .column .title-04 .icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 13px;
	height: 13px;
	padding: 0 0 0 .3em;
	margin-right: .3rem;
	border-radius: 3px;
	background-color: #00a66d;
	font-size: .5rem;
	font-weight: normal;
	color: #fff;
}

.sitemap .column .list {
	padding-left: 1.3em;
}

.sitemap .column .list li {
	display: table;
	margin-bottom: .5em;
}


/*============================================================

	7. form

============================================================*/
.form_table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 2em;
}

.form_table th,
.form_table td {
	padding: 1em;
	border: 1px solid #a1a9ac;
}

.form_table td a {
	text-decoration: none;
}

.form_table th{
	background: #eaf0f0;
	text-align: left;
}

.form_table label {
	margin: 0 1em 3px 0;
	padding: 0;
	display: inline-block;
}

.form_table input[type=text],
.form_table input[type=date],
.form_table input[type=datetime],
.form_table input[type=number],
.form_table input[type=search],
.form_table input[type=time],
.form_table input[type=url],
.form_table input[type=email],
textarea,
select {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #bebebe;
	padding: 7px;
	margin: 0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}

.form_table input[type=text]:focus,
.form_table input[type=date]:focus,
.form_table input[type=datetime]:focus,
.form_table input[type=number]:focus,
.form_table input[type=search]:focus,
.form_table input[type=time]:focus,
.form_table input[type=url]:focus,
.form_table input[type=email]:focus,
.form_table textarea:focus,
.form_table select:focus {
	-moz-box-shadow: 0 0 8px #88d5e9;
	-webkit-box-shadow: 0 0 8px #88d5e9;
	box-shadow: 0 0 8px #88d5e9;
	border: 1px solid #88d5e9;
}

.form_table input[type=submit], .form_table input[type=button] {
	background: #4b99ad;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
}

.form_table input[type=submit]:hover, .form_table input[type=button]:hover {
	background: #4691a4;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.form_table span {
	color: #c80d49 !important;
}

.nyukyo_form_table th {
	width: 30%;
}

.stepBar {
	position: relative;
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	*zoom: 1;
}

/* stepBar */
.stepBar .step {
	position: relative;
	float: left;
	display: inline-block;
	line-height: 40px;
	padding: 0 40px 0 20px;
	background-color: #eee;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stepBar .step:before, .stepBar .step:after {
	position: absolute;
	left: -15px;
	display: block;
	content: '';
	background-color: #eee;
	border-left: 4px solid #fff;
	width: 20px;
	height: 20px;
}

.stepBar .step:after {
	top: 0;
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
}

.stepBar .step:before {
	bottom: 0;
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}

.stepBar .step:first-child {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.stepBar .step:first-child:before, .stepBar .step:first-child:after {
	content: none;
}

.stepBar .step:last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.stepBar .step.current {
	color: #fff;
	background-color: #26bfa1;
}

.stepBar .step.current:before, .stepBar .step.current:after {
	background-color: #26bfa1;
}

.stepBar.step2 .step {
	width: 50%;
}

.stepBar.step3 .step {
	width: 33.333%;
}

.stepBar.step4 .step {
	width: 25%;
}

.stepBar.step5 .step {
	width: 20%;
}

/*============================================================

	8. Media Query

============================================================*/

/*
	8-1. SP
================================*/
@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	
	:target:before {
		height: 70px;
		margin: -70px 0 0;
		content: "";
		display: block;
	}

	br.pc-only {
    display:none;
	}


	/*============================================================

		0. General

	============================================================*/
	/*
		0-1. font
	================================*/
	h1, .h1 {
		font-size: 2rem;
	}
	
	h2, .h2 {
		font-size: 1.25rem;
	}
	
	h3, .h3 {
		font-size: 1rem;
	}
	
	h4, .h4 {
		font-size: .875rem;
	}
	
	h5, .h5 {
		font-size: .75rem;
	}
	
	h6, .h6 {
		font-size: .625rem;
	}
	
	p {
		font-size: .75rem;
	}
	
	.lead {
		font-size: .875rem;
	}
	
	.name {
		font-size: .875rem;
	}
	
	.note {
		font-size: .625rem;
	}
	
	/*
		0-3. button
	================================*/
	.btn {
		height: 30px;
		width: 100%;
		font-size: .75rem;
	}
	
	.btn .icon {
		font-size: .625rem;
		margin-right: 5px;
	}
	
	.btn-m {
		height: 40px;
		width: 100%;
		font-size: .8125rem;
	}
	
	.btn-m .icon {
		font-size: .6875rem;
	}
	
	.btn-l {
		height: 50px;
		width: 100%;
		padding: 0 1em;
		font-size: .8125rem;
	}
	
	.btn-l .icon {
		font-size: .6875rem;
	}
	
	.btn-wide {
		width: 100%;
	}
	
	.btn-label {
		width: auto;
		min-width: 4em;
		padding: 1px 7px;
		font-size: .625rem;
	}
	
	.btn-list {
		margin-bottom: -10px;
	}
	
	.btn-list.col1 > li {
		margin-bottom: 10px;
	}
	
	.btn-list.col2 > li {
		flex: 1 1 auto;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.btn-list.col3 > li {
		flex: 1 1 auto;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.btn-list.col4 {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -10px;
	}
	
	.btn-list.col4 > li {
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
	
	/* btn-login */
	.btn-login {
		width: 100%;
		justify-content: center !important;
		text-align: center !important;
	}
	
	.btn-login .icon {
		font-size: 1.125rem;
		color: #fff !important;
	}
	
	/* btn-download */
	.btn-download .icon {
		font-size: .875rem;
		margin-right: .5em;
	}
	
	/*
		0-7. column
	================================*/
	.column {
		flex-direction: column;
	}
	
	.column > * {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.column > *:last-child {
		margin-bottom: 0;
	}
	
	.column > .mbsp {
		margin-bottom: 30px;
	}
	
	.column.col4 {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -10px;
	}
	
	.column.col4 > * {
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
	
	/*
		0-8. text
	================================*/
	.fsXL {
		font-size: 1rem;
	}
	
	.fsL {
		font-size: .875rem;
	}
	
	.fsN {
		font-size: .75rem;
	}
	
	.fsM {
		font-size: .625rem;
	}
	
	.fsS {
		font-size: .5rem;
	}
	
	.fsXS {
		font-size: .375rem;
	}
	
	/*
		0-10. width
	================================*/
	.w100sp {
		width: 100%;
	}
	
	/*============================================================

		1. Header

	============================================================*/
	.header {
		height: 40px;
	}
	
	.header-top {
		height: 40px;
	}
	
	.sitelogo {
		width: 220px;
		margin-left: 9px;
	}
	
	/* header-burger */
	.header-burger,
	.header-burger span {
		display: inline-block;
		transition: all .4s;
	}
	
	.header-burger {
		position: relative;
		width: 20px;
		height: 14px;
		margin-right: 10px;
		outline: none;
		z-index: 2;
	}
	
	.header-burger::selection {
		background-color: transparent !important;
	}
	
	.header-burger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #a1a9ac;
		border-radius: 2px;
	}
	
	.header-burger span:nth-of-type(1) {
		top: 0;
	}
	
	.header-burger span:nth-of-type(2) {
		top: 6px;
	}
	
	.header-burger span:nth-of-type(3) {
		bottom: 0;
	}
	
	.header-burger.active {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	
	.header-burger.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}
	
	.header-burger.active span:nth-of-type(2) {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	
	.header-burger.active span:nth-of-type(3) {
		opacity: 0;
	}
	
	/* header-nav */
	.header-nav {
		position: fixed;
		left: 0;
		top: 0;
		height: 0;
		overflow: hidden;
		background-color: #eaf0f0;
		z-index: 1;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	
	.header-nav.active {
		height: 100%;
		overflow: auto;
	}
	
	.header-nav-category {
		padding: 50px 30px 0;
	}
	
	.header-nav-category > dt {
		position: relative;
		display: flex;
		align-items: center;
		margin-top: -1px;
		padding: 18px 4px;
		border-top: 1px solid #a1a9ac;
		border-bottom: 1px solid #a1a9ac;
		cursor: pointer;
	}
	
	.header-nav-category > dt > span {
		font-size: .875rem;
		font-weight: bold;
	}
	
	.header-nav-category > dt > .icon-accordion {
	}

	.header-nav-category > .header-nav-category-haslink {
		display: inline;
		padding: 0;
	}

	.header-nav-category > .header-nav-category-haslink > span > a {
		display: flex;
		align-items: center;
		padding: 18px 4px;
		width: 100%;
		color: #000;
		text-decoration: none;
	}
	
	.header-nav-category > dt > .icon-accordion:after {
		position: absolute;
		right: 4px;
		top: 20px;
		content: "\e907";
		font-size: 1.125rem;
		color: #00a66d;
	}
	
	.header-nav-category > dt.open > .icon-accordion:after {
		content: "\e908";
	}
	
	.header-nav-category > dd {
		padding: 20px 0;
		font-size: .875rem;
		display: none;
	}
	
	.header-nav-category > dd > .btn {
	}
	
	/* header-nav-list */
	.header-nav-list {
		margin: 20px 0 0 0;
		border-top: 1px solid #b3b3b3;
		border-left: 1px solid #b3b3b3;
	}
	
	.header-nav-list > li {
		flex: 0 1 50%;
		height: 42px;
		border-right: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
		font-size: .625rem;
	}
	
	.header-nav-list > li > a {
		padding: 0 8px;
	}
	
	.header-nav-list > li > a > .icon {
		font-size: .5625rem;
		margin-right: 3px;
	}
	
	.header-nav-list > li > a > span {
	}
	
	/* header-nav-list */
	.header-nav-list-02 {
		padding-bottom: 30px;
		margin: -1px 30px 0;
		border-left: none;
	}
	
	.header-nav-list-02 > li {
		flex: 0 1 100%;
		border-right: none;
		background: none;
		font-size: .875rem;
	}
	
	.header-nav-list-02 > li > a {
		font-size: .75rem;
	}
	
	/*============================================================

		2. Main

	============================================================*/
	.main {
		padding: 40px 0 30px;
		font-size: .75rem;
	}
	
	.main .section {
		margin-top: 30px;
	}
	
	.main .section .container {
		margin: 0 20px
	}
	
	.main .section.mt0 .container {
		margin: 0;
	}
	
	/*============================================================

		3. Footer

	============================================================*/
	.footer {
		font-size: .75rem;
	}
	
	/* footer-nav */
	.footer-nav {
		padding: 40px 15px;
	}
	
	.footer-nav > dl {
		margin-top: 1.5em;
	}
	
	.footer-nav > dl:first-child {
		margin-top: 0;
	}
	
	.footer-nav > dl > dd {
		margin-top: .5em;
	}
	
	.footer-nav > dl > dd > ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.footer-nav > dl > dd > ul > li {
		flex: 0 1 50%;
		padding: 2px 0;
		font-size: .625rem;
	}
	
	/* footer-bottom */
	.footer-bottom {
		padding: 10px;
	}
	
	.footer-bottom > ul > li {
		font-size: .625rem;
		margin-top: .5em;
	}
	
	.footer-bottom .copyright {
		font-size: .5rem;
		margin-top: 1.5em;
	}
	
	/*============================================================

		4. Class

	============================================================*/
	/*
		4-1. breadcrumbs
	================================*/
	.breadcrumbs {
		padding: 5px 0;
		font-size: .625rem;
		letter-spacing: .05em;
		width: 100%;
		overflow: auto;
	}
	
	.breadcrumbs > ul {
		width: auto;
		padding: 0 1em;
		white-space: nowrap;
	}
	
	.breadcrumbs > ul > li {
		margin-right: .5em;
	}
	
	.breadcrumbs > ul > li > a {
		margin-right: .5em;
	}
	
	/*
		4-2. title
	================================*/
	/* title-01 */
	.title-01 {
		height: 120px;
	}
	
	.title-01 > span {
		width: 280px;
		/*padding     : 15px 0 15px;*/
		/*line-height : 1.3;*/
	}
	
	.title-01 .en {
		font-size: 1.375rem;
	}
	
	.title-01 .ja {
		padding: 2px 20px 0;
		font-size: .875rem;
	}
	
	/* title-02 */
	.title-02 {
		background: #a1a9ac;
		color: #fff;
	}
	
	.title-02 > span {
		height: 100px;
		margin: 0 20px;
		font-size: 1rem;
		letter-spacing: .2em;
	}
	
	.title-02 > span > i {
		font-size: 3.75rem;
		margin-right: 10px;
	}
	
	/* title-03 */
	.title-03 {
		font-size: 1rem;
	}
	
	/* title-04 */
	.title-04 {
		font-size: .875rem;
	}
	
	/* title-05 */
	.title-05 {
		height: 120px;
	}
	
	.title-05 img {
		width: 180px;
		height: auto;
	}
	
	/* title-06 */
	.title-06 {
	}
	
	.title-06 > span {
		height: 100px;
		padding-right: 180px;
		margin: 0 0 0 20px;
		font-size: 1rem;
		letter-spacing: .2em;
	}
	
	/*
		4-3. category-nav
	================================*/
	.category-nav {
		border-top: 1px solid #a1a9ac;
		border-bottom: 1px solid #a1a9ac;
		font-size: .875rem;
		line-height: 1.4;
	}
	
	.category-nav > dl > dt {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		font-weight: bold;
		letter-spacing: .3em;
		cursor: pointer;
	}
	
	.category-nav > dl > dt > i {
		position: absolute;
		display: inline-block;
		right: 15px;
		top: 50%;
		width: 10px;
		height: 10px;
		margin: -7px 0 0 -5px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: sdb 2s infinite;
		animation: sdb 2s infinite;
	}
	
	.category-nav > dl > dt.open > i {
		margin-top: -2px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	
	.category-nav > dl > dd {
		display: none;
	}
	
	.category-nav > dl > dd > ul {
		width: 100%;
	}
	
	.category-nav > dl > dd > ul > li {
		border-top: 1px solid #a1a9ac;
		font-size: .75rem;
		font-weight: bold;
	}
	
	.category-nav > dl > dd > ul > li > a,
	.category-nav > dl > dd > ul > li > span {
		height: 50px;
		padding: 15px;
	}
	
	.category-nav > dl > dd > ul > li > a:before,
	.category-nav > dl > dd > ul > li > span:before {
		content: "\e909";
		font-family: 'icon';
		font-size: .625rem;
		margin-right: .3em;
	}
	
	/*
		4-4. table
	================================*/
	/* table-01 */
	.table-01 {
		width: 100%;
		border-top: 1px solid #000;
		border-collapse: collapse;
	}
	
	.table-01 > thead > tr > th,
	.table-01 > thead > tr > td,
	.table-01 > tbody > tr > th,
	.table-01 > tbody > tr > td {
		padding: 10px 5px;
		border-bottom: 1px solid #000;
	}
	
	.table-01 > thead > tr > th:first-child,
	.table-01 > thead > tr > td:first-child,
	.table-01 > tbody > tr > th:first-child,
	.table-01 > tbody > tr > td:first-child {
		padding-left: 10px;
	}
	
	.table-01 > thead > tr > th:last-child,
	.table-01 > thead > tr > td:last-child,
	.table-01 > tbody > tr > th:last-child,
	.table-01 > tbody > tr > td:last-child {
		padding-right: 10px;
	}
	
	/* table-01 コンテンツタイプ対応版 */
	.table-01 > table > thead > tr > th,
	.table-01 > table > thead > tr > td,
	.table-01 > table > tbody > tr > th,
	.table-01 > table > tbody > tr > td {
		padding: 10px 5px;
		border-bottom: 1px solid #000;
	}
	
	div.table-01 > thead > tr > th:first-child,
	div.table-01 > thead > tr > td:first-child,
	div.table-01 > tbody > tr > th:first-child,
	div.table-01 > tbody > tr > td:first-child {
		padding-left: 10px;
	}
	
	.table-01 > table > thead > tr > th:last-child,
	.table-01 > table > thead > tr > td:last-child,
	.table-01 > table > tbody > tr > th:last-child,
	.table-01 > table > tbody > tr > td:last-child {
		padding-right: 10px;
	}
	
	.recruit .table-01 > colgroup > col:nth-child(1) {
		width: 30%;
	}
	
	.recruit .table-01 > colgroup > col:nth-child(2) {
		width: 70%;
	}
	
	/* table-02 */
	.table-02 {
		border-top: 1px solid #000;
	}
	
	.table-02 > thead > tr > td,
	.table-02 > tbody > tr > td {
		display: block;
		padding: 5px 10px 10px;
	}
	
	.table-02 > thead > tr > th,
	.table-02 > tbody > tr > th {
		display: block;
		border-top: none;
		border-bottom: none;
		padding: 10px 10px 0;
		width: 100%;
	}
	
	/* table-02 コンテンツタイプ対応版 */
	div.table-02 > table > thead > tr > td,
	div.table-02 > table > tbody > tr > td {
		display: block;
		padding: 5px 10px 10px;
	}
	
	div.table-02 > table > thead > tr > th,
	div.table-02 > table > tbody > tr > th {
		display: block;
		border-top: none;
		border-bottom: none;
		padding: 10px 10px 0;
		width: 100%;
	}
	
	/* table-03 */
	.table-03 > thead > tr > th,
	.table-03 > thead > tr > td,
	.table-03 > tbody > tr > th,
	.table-03 > tbody > tr > td {
		padding: 5px 10px;
	}
	
	/* table-04 */
	/* table-04 */
	.table-04 {
		border: none;
		border-top: 1px solid #000;
	}
	
	.table-04 > thead {
		display: none;
	}
	
	.table-04 > thead > tr {
		display: block;
		margin-bottom: 20px;
		border-top: 1px solid #000;
	}
	
	.table-04 > thead > tr > th,
	.table-04 > thead > tr > td,
	.table-04 > tbody > tr > th,
	.table-04 > tbody > tr > td {
		padding: 5px 10px;
	}
	
	.table-04 > thead > tr > td,
	.table-04 > tbody > tr > td {
		display: block;
		width: 100%;
		text-align: right;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.table-04 > thead > tr > td::before,
	.table-04 > tbody > tr > td::before {
		content: attr(data-label);
		float: left;
		font-size: .75rem;
		font-weight: bold;
		margin-right: 1em;
	}
	
	/* table-05 */
	.table-05 {
		flex-direction: column;
		border: none;
	}
	
	.table-05 > div {
		width: 100%;
		border: 1px solid #a1a9ac;
		margin-bottom: 1em;
	}
	
	.table-05 > div:last-child{
		border-right: 1px solid #a1a9ac;
		margin-bottom: 0;
	}
	
	.table-05 > div > .title {
		border-bottom: 1px solid #a1a9ac;
	}
	
	/*
		4-5. news
	================================*/
	.news-list {
	}
	
	.news-list > li {
		flex-wrap: wrap;
		padding: 10px 0;
		border-bottom: 1px solid #000;
	}
	
	.news-list .news-time {
		margin-right: 10px;
		font-size: .625rem;
	}
	
	.news-list .news-category {
		min-width: 70px;
		margin-top: .2em;
		font-size: .5rem;
	}
	
	.news-list .news-text {
		margin-top: .5em;
	}

	.news-btnWrapper {
		width: 100%;
		padding: 0;
		padding-top: 10px;
	}

	.news-btn {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	/*
		4-6. box-list
	================================*/
	/* box-list-01 */
	.box-list-01 {
		margin-bottom: -20px;
	}
	
	.box-list-01 > li {
		flex: 1 1 auto;
		margin-bottom: 20px;
	}
	
	.box-list-01 > li > a {
		padding: 20px;
	}
	
	.box-list-01 > li > a > h2 {
		padding: 0 1em 10px 1.5em;
		margin-bottom: 10px;
		font-size: 0.875rem;
	}
	
	.box-list-01 > li > a > h2 > i {
		font-size: .75rem;
	}
	
	/* box-list-02 */
	.box-list-02 {
		margin-bottom: -20px;
	}
	
	.box-list-02 > li {
		flex: 0 1 auto;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.box-list-02 > li > a {
		padding: 10px;
	}
	
	.box-list-02 > li > a > .image {
		height: calc(90vw / 4 * 3);
	}
	
	.box-list-02 > li > a > h2 {
		padding: 15px 5px 5px;
		font-size: .875rem;
	}
	
	.box-list-02 > li > a > h2 > i {
		margin-right: 3px;
		font-size: .75rem;
	}
	
	/* box-list-03 */
	.box-list-03 > li > a > h2 {
		padding: 0 1em 0 0;
		margin-bottom: 1em;
	}
	
	.box-list-03 > li > a > .image {
		height: 140px;
	}
	
	.box-list-03 > li > a > .image > img {
		width: 100%;
	}
	
	/*
		4-7. contact
	================================*/
	.contact {
		padding: 20px 15px;
	}
	
	.contact > dt {
		padding: 2px 20px 0;
		margin-bottom: 20px;
		font-size: .75rem;
	}
	
	.contact > dd p {
		font-size: .6875rem;
		line-height: 1.8;
	}
	
	.contact .btn {
		width: 100%;
		margin: 0 auto;
	}
	
	.contact > dd > ul {
		flex-wrap: wrap;
	}
	
	.contact > dd > ul > li {
		flex: 1 1 auto;
		margin-bottom: 10px;
	}
	
	.contact > dd > ul > li:last-child {
		margin-bottom: 0;
	}
	
	.contact > dd > ul > li > div:last-child {
		margin-top: 10px;
	}
	
	/*
		4-8. link-list
	================================*/
	.link-list {
	}
	
	.link-list li {
		font-size: .9375rem;
	}
	
	li i {
		font-size: .75rem;
	}
	
	.link-list li a {
		padding: 15px;
	}
	
	.link-list li a:hover {
	}
	
	/*
		4-9. gallery
	================================*/
	.gallery {
		margin: 0 -20px;
	}
	
	.gallery .slide {
		width: 100%;
	}
	
	.gallery .slick-slide {
		position: relative;
		height: calc(100vw * .625 * 2.6 / 4);
		overflow: hidden;
	}
	
	.gallery .slick-slide img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: auto;
		padding: 3%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.img-item img{
		width: 100%;
	}

	/*
		4-10. anchor-link
	================================*/
	/* anchor-link-01 */
	.anchor-link-01 {
		flex-direction: column;
	}
	
	.anchor-link-01 > li {
		height: 50px;
		margin-bottom: 1em;
	}
	
	.anchor-link-01 > li:last-child {
		margin-bottom: 0;
	}
	
	.anchor-link-01 > li > a {
		font-size: .75rem;
	}
	
	.anchor-link-01 > li > a .icon {
		bottom: .5em;
		margin-left: -5px;
		font-size: 10px;
	}
	
	.anchor-link-01.col4,
	.anchor-link-01.col2sp {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -10px;
	}
	
	.anchor-link-01.col4 > *,
	.anchor-link-01.col2sp > * {
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
	
	.anchor-link-01.col4 > *:last-child,
	.anchor-link-01.col2sp > *:last-child {
		margin-bottom: 10px;
	}
	
	/* anchor-link-02 */
	.anchor-link-02 {
		flex-direction: column;
	}
	
	.anchor-link-02 > li {
		margin-bottom: 2em;
	}
	
	.anchor-link-02 > li:last-child {
		margin-bottom: 0;
	}
	
	.anchor-link-02 > li > a {
		padding: 1em 1.5em 2.5em;
	}
	
	.anchor-link-02 > li > a > dl > dt {
		height: 2.9em;
		padding-bottom: .6em;
		margin-bottom: 1em;
		font-size: .875rem;
	}
	
	.anchor-link-02 > li > a .icon {
		bottom: 1em;
	}

	/*
		4-11. border-box
	================================*/
	/* border-box-02 */
	.border-box-02 .column > * {
		margin-bottom: 1em;
	}
	
	.border-box-02 .column > *:last-child {
		margin-bottom: 0;
	}
	
	/* botdrer */
	.border-left {
		border-top: 1px solid #a1a9ac;
		padding-top: 1em;
	}
	
	/*
		4-12. point-list
	================================*/
	/* point-list */
	.point-list li {
		padding: .5em 10px .4em 60px;
		font-size: .875rem;
	}

	.point {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		border-radius: 25px;
	}
	
	.point > span:first-child {
		padding: .6em 0 0 .4em;
		font-size: .625rem;
	}
	
	.point > span:last-child {
		font-size: 1.25rem;
	}
	
	/*
		4-13. step
	================================*/
	/* step-h */
	.step-h {
		flex-direction: column;
		justify-content: center;
	}
	
	.step-h .step {
		width: 100%;
	}
	
	.step-h .step dl dt {
		font-size: .875rem;
	}
	
	.step-h .step dl dd {
		padding: 10px 15px;
	}
	
	.step-h .arrow {
		justify-content: center;
		margin: 0;
	}
	
	.step-h .arrow .icon {
		font-size: 2rem;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	.step-h .step-02 {
	}
	
	.step-h .step-02.portrait {
		width: 70%;
		margin: 0 auto;
	}
	/*
		4-14. login
	================================*/
	.login {
		padding: 20px 15px;
	}
	
	.login > dt {
		justify-content: center;
		height: auto;
		margin-bottom: 1em;
		padding: 2px 20px 0;
		font-size: .75rem;
		text-align: center;
	}
	
	.login > dd {
		display: block;
	}
	
	/*
		4-15. round-box
	================================*/
	.round-box-01,
	.round-box-02,
	.round-box-03,
	.round-box-04,
	.round-box-05 {
		padding: 10px;
	}

	/*
		4-18. accordion-box
	================================*/
	.accordion.accBox01 {
		margin-top: 1em;
		font-size: .8125rem;
	}
	.accordion.accBox01 > dt > i {
		right: 15px;
		width: 10px;
		height: 10px;
		margin-top: -7px;
	}
	.accordion.accBox01 > dt.open > i {
		margin-top: -2px;
	}
	.accordion.accBox01 > dd p {
		font-size: .8125rem;
	}

	/*============================================================
	
		6. Pages
	
	============================================================*/
	/*
		business
	================================*/
	/* business-list */
	.business-list > li {
		flex: 1 1 auto;
		margin-bottom: 0;
	}
	
	.business-list > li > a {
		position: relative;
		display: block;
		padding: 15px;
	}
	
	.business-list > li > a > i {
		position: absolute;
		font-size: 3rem;
	}
	
	.business-list > li > a > h3 {
		display: flex;
		align-items: center;
		height: 3rem;
		margin-left: 3.7rem;
		font-size: .875rem;
		letter-spacing: .2em;
	}
	
	.business-list > li > a > h3 > i {
		font-size: .635rem;
	}
	
	.business-list > li > a > p {
		clear: both;
		margin-top: 10px;
	}
	
	/*
		renovation
	================================*/
	/* new */
	.new::before {
		width: 40px;
		height: 40px;
		opacity: .8;
	}

	/* renovation-slide-01 */
	.renovation-slide-01 .slick-dots {
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 100;
	}
	
	/* renovation-visual */
	.renovation-visual-text {
	}

	/*
		service
	================================*/
	/* service-list */
	.service-list > li {
		height: 64px;
		margin-bottom: 10px;
	}

	.service-list > li:last-child {
		margin-bottom: 0;
	}

	.service-list > li.owner {
		background-color: #296498;
	}

	.service-list > li.tenants {
		background-color: #e75e57;
	}

	.service-list > li.chukai {
		background-color: #7c85c8;
	}

	.service-list .image {
		position: absolute;
		left: 5px;
		top: 0;
		width: 75px;
	}

	.service-list .image img {
		width: auto;
		height: 100%;
	}

	.service-list .text {
		width: 100%;
		height: 100%;
		align-items: center;
		padding-left: 100px;
		font-size: .8125rem;
		letter-spacing: .2em;
	}

	/*
		introduction
	================================*/

	.introduction .qa > dt > span {
		font-size: 1.2em;
	}
	.introduction .qa > dd {
		padding: 0.6em 0 0 0.5em;
		font-size: 1em;
	}
	
	/*
		structure
	================================*/
	/* column column-structure */
	.column-structure {
		display: block;
	}
	
	.column-structure .lead {
		float: left;
		width: 50%;
	}
	
	.column-structure .text {
		float: left;
		width: 50%;
		margin-bottom: 2em;
	}
	
	.column-structure .image {
		float: right;
		width: 45%;
		margin-bottom: 2em;
	}
	
	.column-structure .table-structure-01 {
		clear: both;
	}
	
	/* btn-list */
	.structure .btn-list .btn > img {
		width: auto;
		height: 100%;
	}
	
	/* room */
	.room-num {
		font-size: 1rem
	}
	
	.room-madori img {
		width: 100%;
	}
	
	/* access */
	.access {
		flex-direction: column;
	}
	
	.access .map {
		margin-top: 2em;
	}
	
	.access .map iframe {
		width: 100%;
		height: 250px;
	}

	/* campaign */
.structure .campaign .title {
  display: block;
  padding: calc(4px + .3em) 0 .3em;
  width: 100%;
  text-align: center;
  font-size: 1.0rem;
}



.structure .campaign .content-inner {
  width: 88%;
}

.structure .campaign .content p {
  font-size: .75rem;
  line-height: 1.25;
}



.structure .campaign .content .link-button a {
  font-size: .85rem;
}



	/*
		interview
	================================*/
	.interview-message {
		display: block;
	}
	
	.interview-message > div:last-child {
		margin-top: 2em;
		text-align: center;
	}
	
	.interview-message > div:last-child img {
		width: 200px;
	}
	
	/*
		results
	================================*/
	.results-sample {
		display: block;
	}
	
	.results-sample > div,
	.results-sample > div img {
		width: 100%;
	}
	
	.results-sample > div {
		margin-bottom: 1em;
	}
	
	.results-sample > div:last-child {
		margin-bottom: 0;
	}
	
	/*
		tenants-special-site
	================================*/
	.tenants-special-site > *:first-child {
		margin-bottom: 1em;
	}

	/*
		tokuten
	================================*/
	.tokuten-box dt {
		height: 50px;
		padding: 0 1.5em;
		font-size: 1rem;
	}
	
	.tokuten-box dd h5 {
		font-size: .875rem;
	}

	/*
		tokutei
	================================*/
	.tokutei .column {
		margin-bottom: -1em;
	}
	.tokutei .column > *.bg-green-02 {
		margin-bottom: 1em;
	}
	
	/*
		kaigai
	================================*/
	.kaigai-visual {
		width: 100%;
	}
	
	.kaigai-visual .text {
		position: absolute;
		top: 30px;
		width: 80%;
	}
	
	.kaigai .map iframe {
		width: 100%;
		height: 250px;
	}
	
	.table-from-narita {
		height: 100%;
	}

	.table-from-narita td {
		height: 100%;
	}
	
	.table-from-narita td.fc-kaigai {
		text-align: left;
	}
	
	.table-from-narita .line {
		width: 3px;
		height: 100%;
		margin: 0 auto;
	}

	/*
		sitemap
	================================*/
	.sitemap .column {
		margin-top: -2em;
	}
	
	.sitemap .column > div {
		margin-top: 2em;
	}
	
	.sitemap .column a {
		text-decoration: none;
		color: #000;
	}
	
	.sitemap .column a:hover {
		color: #00a66d;
	}
	
	.sitemap .column .title-03 {
		font-size: 1rem;
		padding-left: 0.7em;
	}
	
	.sitemap .column .title-03 {
		font-size: 1rem;
		padding-left: 0.7em;
	}
	
	.sitemap .column .title-04 {
		font-size: .875rem;
	}
	
	.sitemap .column .title-04:before {
		content: "";
		margin-right: 0;
	}
	
	.sitemap .column .title-04 .icon {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 12px;
		height: 12px;
		padding: .1em 0 0 .3em;
		margin-right: .3rem;
		border-radius: 3px;
		background-color: #00a66d;
		font-size: .4375rem;
		font-weight: normal;
		color: #fff;
	}
	
	
	.sitemap .column .list {
		padding-left: 1.3em;
	}

	
	/*============================================================
	
		7. form
	
	============================================================*/
	.form_table { margin: 0 }
	
	.form_table th,
	.form_table td {
		width: 100%;
		display: block;
		border-top: none;
	}
	
	.form_table tr:first-child th {
		border-top: 1px solid #a1a9ac;
	}
	
	.form_table textarea,
	.form_table select {
		width: 100% !important;
		max-width: 100% !important;
	}
	
}

/*
	8-2. PC
================================*/
@media screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
	
	:target:before {
		height: 140px;
		margin: -140px 0 0;
		content: "";
		display: block;
	}
	
	/*============================================================

		0. General

	============================================================*/
	/*
		0-0. min-width
	================================*/
	.header, .top-visual, .top-info, .top-business, .top-service, .top-search, .top-contact, .footer, .main, #wrapper {
		min-width: 1000px;
	}
	
	/*
		0-1. font
	================================*/
	h1, .h1 {
		font-size: 3rem;
	}
	
	h2, .h2 {
		font-size: 2rem;
	}
	
	h3, .h3 {
		font-size: 1.5rem;
	}
	
	h4, .h4 {
		font-size: 1.25rem;
	}
	
	h5, .h5 {
		font-size: 1rem;
	}
	
	h6, .h6 {
		font-size: .875rem;
	}
	
	p {
		font-size: .875rem;
	}
	
	.lead {
		font-size: 1.25rem;
	}
	
	.name {
		font-size: 1.25rem;
	}
	
	.note {
		font-size: .75rem;
	}
	
	/*
		0-3. button
	================================*/
	.btn {
		height: 40px;
		padding: 0 25px;
		font-size: .8125rem;
	}
	
	.btn .icon {
		font-size: .625rem;
	}
	
	.btn-m {
		height: 50px;
		padding: 0 25px;
		font-size: .9375rem;
	}
	
	.btn-m .icon {
		font-size: .6875rem;
	}
	
	.btn-l {
		height: 68px;
		padding: 0 25px;
		font-size: 1.0625rem;
	}
	
	.btn-l .icon {
		font-size: .75rem;
		margin-right: 5px;
	}
	
	.btn-wide {
		width: 465px;
	}
	
	.btn-list.col1 {
		margin-bottom: -30px;
	}
	
	.btn-list.col1 > li {
		margin-bottom: 30px;
	}
	
	.btn-list.col2 {
		margin-bottom: -30px;
	}
	
	.btn-list.col2 > li {
		flex: 0 1 auto;
		width: calc(50% - 15px);
		margin-bottom: 30px;
	}
	
	.btn-list.col3 {
		margin-bottom: -20px;
	}
	
	.btn-list.col3 > li {
		flex: 0 1 auto;
		width: calc(33% - 10px);
		margin-bottom: 20px;
	}
	
	.btn-list.col3::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(33% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.btn-list.col4 {
		margin-bottom: -20px;
	}
	
	.btn-list.col4 > li {
		flex: 0 1 auto;
		width: calc(25% - 10px);
		margin-bottom: 20px;
	}
	
	.btn-list.col4::before {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(25% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		order: 1;
	}
	
	.btn-list.col4::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(25% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	/* btn-tel */
	.btn-tel {
		border: none;
		height: auto;
		padding-top: .4em;
		font-size: 1.25rem;
	}
	
	.btn-tel-2 {
		font-size: 1.25rem;
		flex-wrap: wrap;
		border: none;
	}
	
	.btn-tel:hover, .btn-tel:focus, .btn-tel:active {
		background-color: inherit;
		border-color: inherit;
		color: inherit;
	}
	
	.btn-tel-2:hover, .btn-tel-2:focus, .btn-tel-2:active {
		background-color: inherit;
		border: none;
		color: inherit;
	}
	
	.btn-tel:hover .btn-label, .btn-tel:focus .btn-label, .btn-tel:active .btn-label,
	.btn-tel-2:hover .btn-label, .btn-tel-2:focus .btn-label, .btn-tel-2:active .btn-label {
		background-color: #000;
		color: #fff;
	}
	
	.btn-tel .btn-label,
	.btn-tel-2 .btn-label {
		font-size: 1rem;
	}
	
	.application .btn-tel-2 span {
		margin-top: 10px;
	}
	
	.btn-tel-2 time {
		line-height: 1;
		height: 20px;
	}
	
	
	
	/* btn-login */
	.btn-login {
		justify-content: center !important;
	}
	
	.login .btn-login {
		width: 410px;
	}
	
	.btn-login .icon {
		font-size: 1.5rem;
		color: #fff !important;
	}
	
	/* btn-download */
	.btn-download .icon {
		font-size: 1.125rem;
	}
	
	/*
		0-7. column
	================================*/
	.column {
		justify-content: space-between;
	}
	
	.column.col2 {
		flex-wrap: wrap;
		margin-bottom: -30px;
	}
	
	.column.col2 > * {
		width: calc(50% - 15px);
		margin-bottom: 30px;
	}
	
	.column.col3 {
		flex-wrap: wrap;
		margin-bottom: -20px;
	}
	
	.column.col3 > * {
		width: calc(33% - 10px);
		margin-bottom: 20px;
	}
	
	.column.col3::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(33% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.column.col4 {
		flex-wrap: wrap;
		margin-bottom: -20px;
	}
	
	.column.col4 > * {
		width: calc(25% - 10px);
		margin-bottom: 20px;
	}
	
	.column.col4::before {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(25% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		order: 1;
	}
	
	.column.col4::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(25% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.column > .vaM {
		display: flex;
		align-items: center;
		width: 100%;
	}
	
	
	/*
		0-8. text
	================================*/
	.fsXL {
		font-size: 1.25rem;
	}
	
	.fsL {
		font-size: 1rem;
	}
	
	.fsN {
		font-size: .875rem;
	}
	
	.fsM {
		font-size: .75rem;
	}
	
	.fsS {
		font-size: .625rem;
	}
	
	.fsXS {
		font-size: .5rem;
	}
	
	/*============================================================

		1. Header

	============================================================*/
	.header {
		height: 110px;
	}
	
	.header-top {
		height: 60px;
	}
	
	.sitelogo {
		width: 277px;
		margin-left: 70px;
	}
	
	.header-sitemap,
	.header-recruit {
		margin-right: 20px;
	}
	
	.header-contact {
		margin-right: 70px;
	}
	
	.header-sitemap a,
	.header-recruit a,
	.header-contact a {
		font-size: .8125rem;
		text-decoration: none;
		letter-spacing: .1em;
		color: #7d888c;
	}
	
	.header-sitemap a span,
	.header-recruit a span,
	.header-contact a span {
		font-weight: bold;
	}
	
	.header-sitemap a:hover span,
	.header-recruit a:hover span,
	.header-contact a:hover span {
		color: #00a66d;
	}
	
	.header-sitemap a .icon:before,
	.header-recruit a .icon:before,
	.header-contact a .icon:before {
		margin-right: 8px;
		font-size: .75rem;
		font-weight: normal;
		text-decoration: none;
		color: #00a66d;
	}
	
	/* header-nav */
	.header-nav {
		position: relative;
	}
	
	.header-nav-category {
		display: flex;
		justify-content: stretch;
		align-items: center;
		width: 850px;
		height: 50px;
		margin: 0 auto;
	}
	
	.header-nav-category > dt {
		position: relative;
		flex: 0 1 25%;
		height: 26px;
		border-right: 1px solid #b3b3b3;
		font-size: .9375rem;
		font-weight: bold;
		letter-spacing: .2em;
		background-color: #fff;
		cursor: pointer;
		z-index: 1;
	}
	
	.header-nav-category > dt span {
		background-color: #fff;
	}
	
	.header-nav-category > dt:hover span,
	.header-nav-category > dt.open span {
		background-color: #00a66d;
		color: #fff;
	}
	
	.header-nav-category > dt:first-child {
		border-left: 1px solid #b3b3b3;
	}
	
	.header-nav-category > dt > span {
		display: flex;
		margin-top: -12px;
		justify-content: center;
		align-items: center;
		height: 50px;
	}

	.header-nav-category > .header-nav-category-haslink > span {
		height: auto;
	}

	.header-nav-category > .header-nav-category-haslink > span a {
		display: flex;
		justify-content: center;
		align-items: center;
    width: 100%;
		color: #000;
		text-align: center;
		text-decoration: none;
		height: 50px;
	}

	.header-nav-category > .header-nav-category-haslink:hover.header-nav-category-haslink > span a {
		color: #fff;
	}

	.header-nav-category > dd {
		position: absolute;
		left: 50%;
		top: 50px;
		width: 960px;
		margin-left: -480px;
		padding: 70px 80px 70px;
		background-color: rgba(255, 255, 255, .9);
	}
	
	.header-nav-category > dd > h2 {
		padding-left: .3em;
		margin-bottom: 15px;
		font-family: 'Kanit', sans-serif;
		font-size: 1.5625rem;
		font-weight: 100;
		letter-spacing: .2em;
		color: #666;
		-webkit-transform: scale(.9, 1) skewX(-15deg);
		-ms-transform: scale(.9, 1) skewX(-15deg);
		transform: scale(.9, 1) skewX(-15deg);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	
	.header-nav-category > dd > h3 {
		display: inline-block;
		padding: 2px 25px 0;
		margin-bottom: 30px;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		font-size: .9375rem;
		letter-spacing: .2em;
		line-height: 1;
	}
	
	/* header-nav-inner */
	.header-nav-inner {
		display: flex;
		justify-content: space-between;
	}
	
	/* header-nav-inner-text */
	.header-nav-inner-text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 330px;
		font-size: .875rem;
	}
	
	.header-nav-inner-text > .btn {
		height: 50px;
	}
	
	/* header-nav-list */
	.header-nav-list {
		width: 420px;
		justify-content: space-between;
	}
	
	.header-nav-list > li {
		flex: 0 1 100%;
		height: 50px;
		margin-top: 20px;
		border: 1px solid #b3b3b3;
		font-size: .875rem;
	}
	
	.header-nav-list.col1 > li {
		flex: 0 1 100%;
	}
	
	.header-nav-list.col2 > li {
		flex: 0 1 200px;
	}
	
	.header-nav-list.col1 > li:first-child {
		margin-top: 0;
	}
	
	.header-nav-list.col2 > li:nth-child(-1n+2) {
		margin-top: 0;
	}
	
	.header-nav-list > li > a {
		padding: 0 16px;
		transition: all 150ms linear;
	}
	
	.header-nav-list > li > a:hover {
		background-color: #00a66d;
		color: #fff;
	}
	
	.header-nav-list > li > a > .icon {
	}
	
	.header-nav-list > li > a > span {
		padding-top: 2px;
	}
	
	.header-nav-list > li > a > .icon:before {
		font-size: .75rem;
	}
	
	.header-nav-list > li > a:hover > .icon:before {
		color: #fff;
	}
	
	/*============================================================

		2. Main

	============================================================*/
	.main {
		padding: 110px 0 60px;
		font-size: .875rem;
	}
	
	.main .section {
		margin-top: 60px;
	}
	
	.main .section .container {
		width: 960px;
		margin: 0 auto;
	}
	
	/*============================================================

		3. Footer

	============================================================*/
	.footer {
		width: 100%;
		font-size: .875rem;
		height: auto;
	}
	
	/* footer-nav */
	.footer-nav {
		display: flex;
		width: 1024px;
		margin: 0 auto;
		padding: 50px 30px;
	}
	
	.footer-nav > dl {
		flex: 1 1 auto;
	}
	
	.footer-nav > dl > dd {
		margin-top: 1.5em;
	}
	
	.footer-nav > dl > dd > ul > li {
		margin-top: .6em;
	}
	
	.footer-nav > dl > dd > ul > li:first-child {
		margin-top: 0;
	}

	.footer-nav > .footer-nav-link {
		flex: 1 1 auto;
	}
	
	/* footer-bottom */
	.footer-bottom {
		padding: 30px 0 25px;
	}
	
	.footer-bottom > ul > li {
		display: inline-block;
		margin-right: 1em;
	}
	
	.footer-bottom > ul > li:last-child {
		margin-right: 0;
	}
	
	.footer-bottom .copyright {
		font-size: .75rem;
	}
	
	/*============================================================

		4. Class

	============================================================*/
	/*
		4-1. breadcrumbs
	================================*/
	.breadcrumbs {
		padding: 10px 0;
		font-size: .8125rem;
		letter-spacing: .15em;
	}
	
	.breadcrumbs > ul {
		width: 960px;
		margin: 0 auto;
	}
	
	.breadcrumbs > ul > li {
		margin-right: 1em;
	}
	
	.breadcrumbs > ul > li > a {
		margin-right: 1em;
	}
	
	/*
		4-2. title
	================================*/
	/* title-01 */
	.title-01 {
		height: 300px;
	}
	
	.title-01 > span {
		width: 450px;
		/*padding : 20px 0 25px;*/
	}
	
	.title-01 .en {
		font-size: 2.0625rem;
	}
	
	.title-01 .ja {
		padding: 2px 35px 0;
		font-size: 1.3125rem;
	}
	
	/* title-02 */
	.title-02 {
		background: #a1a9ac;
		color: #fff;
	}
	
	.title-02 > span {
		width: 960px;
		height: 150px;
		margin: 0 auto;
		font-size: 1.3125rem;
		letter-spacing: .3em;
	}
	
	.title-02 > span > i {
		font-size: 5.9375rem;
		margin-right: 35px;
	}
	
	/* title-03 */
	.title-03 {
		font-size: 1.25rem;
	}
	
	/* title-04 */
	.title-04 {
		font-size: 1rem;
	}
	
	/* title-05 */
	.title-05 {
		height: 420px;
	}
	
	.title-05 img {
		width: 420px;
		height: auto;
	}
	/* title-06 */
	.title-06 {
		background: #a1a9ac;
		color: #fff;
	}
	
	.title-06 > span {
		width: 960px;
		height: 300px;
		margin: 0 auto;
		font-size: 1.3125rem;
		letter-spacing: .3em;
	}
	
	
	/*
		4-3. category-nav
	================================*/
	.category-nav {
		border-top: 1px solid #a1a9ac;
		border-bottom: 1px solid #a1a9ac;
		font-size: .875rem;
		line-height: 1.4;
	}
	
	.category-nav > dl > dd > ul {
		display: flex;
		width: 960px;
		margin: 0 auto;
		border-left: 1px solid #a1a9ac;
	}
	
	.category-nav > dl > dd > ul > li {
		flex: 1;
		width: 100%;
		border-right: 1px solid #a1a9ac;
	}
	
	.category-nav > dl > dd > ul > li > a,
	.category-nav > dl > dd > ul > li > span {
		justify-content: center;
		height: 60px;
		text-align: center;
	}
	
	/* category-tab */
	.category-tab {
		border-top: none;
		margin-top: 20px;
	}
	
	.category-tab > dl > dd > ul > li {
		border-top: 1px solid #a1a9ac;
		border-right: 1px solid #a1a9ac;
	}
	
	.category-tab > dl > dd > ul > li > a,
	.category-tab > dl > dd > ul > li > span {
		height: 50px;
	}
	
	/*
		4-4. table
	================================*/
	/* table-01 */
	/* table-02 */
	.table-01,
	.table-01 {
		width: 100%;
		border-top: 1px solid #000;
		border-collapse: collapse;
	}
	
	.table-01 > thead > tr > th,
	.table-01 > thead > tr > td,
	.table-01 > tbody > tr > th,
	.table-01 > tbody > tr > td,
	.table-02 > thead > tr > th,
	.table-02 > thead > tr > td,
	.table-02 > tbody > tr > th,
	.table-02 > tbody > tr > td {
		padding: 10px 5px;
		border-bottom: 1px solid #000;
	}
	
	.table-01 > thead > tr > th:first-child,
	.table-01 > thead > tr > td:first-child,
	.table-01 > tbody > tr > th:first-child,
	.table-01 > tbody > tr > td:first-child,
	.table-02 > thead > tr > th:first-child,
	.table-02 > thead > tr > td:first-child,
	.table-02 > tbody > tr > th:first-child,
	.table-02 > tbody > tr > td:first-child {
		padding-left: 10px;
	}
	
	.table-01 > thead > tr > th:last-child,
	.table-01 > thead > tr > td:last-child,
	.table-01 > tbody > tr > th:last-child,
	.table-01 > tbody > tr > td:last-child,
	.table-02 > thead > tr > th:last-child,
	.table-02 > thead > tr > td:last-child,
	.table-02 > tbody > tr > th:last-child,
	.table-02 > tbody > tr > td:last-child {
		padding-right: 10px;
	}
	
	.table-01 col:nth-child(1),
	.table-02 col:nth-child(1) {
		width: 20%;
	}
	
	.table-01 col:nth-child(2),
	.table-02 col:nth-child(2) {
		width: 80%;
	}

	/* table-01 コンテンツタイプ対応版 */
	.table-01 > table > thead > tr > th,
	.table-01 > table > thead > tr > td,
	.table-01 > table > tbody > tr > th,
	.table-01 > table > tbody > tr > td,
	.table-02 > table > thead > tr > th,
	.table-02 > table > thead > tr > td,
	.table-02 > table > tbody > tr > th,
	.table-02 > table > tbody > tr > td {
		padding: 10px 5px;
		border-bottom: 1px solid #000;
	}
	
	.table-01 > table > thead > tr > th:first-child,
	.table-01 > table > thead > tr > td:first-child,
	.table-01 > table > tbody > tr > th:first-child,
	.table-01 > table > tbody > tr > td:first-child,
	.table-02 > table > thead > tr > th:first-child,
	.table-02 > table > thead > tr > td:first-child,
	.table-02 > table > tbody > tr > th:first-child,
	.table-02 > table > tbody > tr > td:first-child {
		padding-left: 10px;
	}
	
	.table-01 > table > thead > tr > th:last-child,
	.table-01 > table > thead > tr > td:last-child,
	.table-01 > table > tbody > tr > th:last-child,
	.table-01 > table > tbody > tr > td:last-child,
	.table-02 > table > thead > tr > th:last-child,
	.table-02 > table > thead > tr > td:last-child,
	.table-02 > table > tbody > tr > th:last-child,
	.table-02 > table > tbody > tr > td:last-child {
		padding-right: 10px;
	}
	
	.table-01 > table > tbody > tr > th,
	.table-02 > table > tbody > tr > th {
		width: 20%;
	}
	
	.table-01 > table > tbody > tr > td,
	.table-02 > table > tbody > tr > td {
		width: 80%;
	}
	
	/* table-03 */
	.table-03 > thead > tr > th,
	.table-03 > thead > tr > td,
	.table-03 > tbody > tr > th,
	.table-03 > tbody > tr > td {
		padding: 10px 14px;
	}
	
	/* table-04 */
	.table-04 > thead > tr > th,
	.table-04 > thead > tr > td,
	.table-04 > tbody > tr > th,
	.table-04 > tbody > tr > td {
		padding: 10px 14px;
	}
	
	/*
		4-5. news
	================================*/
	.news-list {
	}
	
	.news-list > li {
		padding: 10px 0;
	}
	
	.news-list .news-time {
		margin-right: 20px;
	}
	
	.news-list .news-category {
		min-width: 90px;
		margin-top: .3em;
		font-size: .625rem;
	}
	
	/*
		4-6. box-list
	================================*/
	/* box-list-01 */
	.box-list-01 {
		margin-bottom: -40px;
	}
	
	.box-list-01 > li {
		flex: 0 1 auto;
		margin-bottom: 40px;
	}
	
	.box-list-01 > li > a {
		width: 460px;
		padding: 30px;
	}
	
	.box-list-01 > li > a > h2 {
		padding: 0 1em 20px 1.5em;
		margin-bottom: 20px;
		font-size: 1.0625rem;
	}
	
	.box-list-01 > li > a > h2 > i {
		font-size: .9375rem;
	}
	
	.box-list-01 > li > a > p em {
		margin-left: 1em;
	}
	
	/* box-list-02 */
	.box-list-02 {
		margin-bottom: -30px;
	}
	
	.box-list-02 > li {
		flex: 0 1 auto;
		width: 300px;
		margin-bottom: 30px;
	}
	
	.box-list-02 > li > a {
		padding: 10px;
	}
	
	.box-list-02 > li > a > .image {
		height: 220px;
	}
	
	.box-list-02 > li > a > h2 {
		padding: 15px 5px 5px;
		font-size: 1.0625rem;
	}
	
	.box-list-02 > li > a > h2 > i {
		margin-right: 3px;
		font-size: .9375rem;
	}
	
	.box-list-02::after,
	.box-list-02-mini::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc(33% - 10px);
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	/* box-list-02-mini */
	.box-list-02-mini > li {
		width: 300px;
		font-size: 1.0625rem;
	}
	
	.box-list-02-mini > li > a {
		height: 68px;
	}
	
	.box-list-02-mini > li > a > i {
		font-size: .9375rem;
	}
	
	/* box-list-03 */
	.box-list-03 > li > a > h2 {
		padding: 0 1em 0 0;
		margin-bottom: 20px;
	}
	
	/*
		4-7. contact
	================================*/
	.contact {
		padding: 50px 0;
	}
	
	.contact > dt {
		margin-bottom: 25px;
		padding: 2px 35px 0;
		font-size: 1.125rem;
	}
	
	.contact > dd p {
		font-size: 1rem;
	}
	
	.contact .btn {
		width: 410px;
	}
	
	.contact > dd > ul {
		width: 856px;
	}
	
	.contact > dd > ul > li {
		display: flex;
		flex: 1 1 410px;
		flex-direction: column;
	}
	
	.contact > dd > ul > li:last-child > div {
		flex: 1 1 auto;
		height: 100%;
	}
	
	.contact > dd > ul > li > div > .btn-primary {
		height: 100%;
	}
	
	/*
		4-8. link-list
	================================*/
	.link-list {
	}
	
	.link-list li {
		font-size: .9375rem;
	}
	
	li i {
		font-size: .75rem;
	}
	
	.link-list li a {
		padding: 15px;
	}
	
	.link-list li a:hover {
	}
	
	/*
		4-9. gallery
	================================*/
	.gallery {
		display: flex;
		flex-wrap: wrap;
	}
	
	.gallery .slide {
		flex: 0 1 auto;
		width: 664px;
		height: 434px;
	}
	
	.gallery .slick-slide {
		position: relative;
		width: 664px;
		height: 434px;
		overflow: hidden;
	}
	
	.gallery .slick-slide img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
	
	.gallery .thumbnails {
		position: relative;
		flex: 0 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		width: 296px;
		margin: 0 -10px -10px 10px;
	}
	
	.gallery .thumbnails > div {
		position: relative;
		flex: 0 0 auto;
		width: 64px;
		height: 64px;
		margin: 0 10px 10px 0;
		overflow: hidden;
		cursor: pointer;
	}
	
	.gallery .thumbnails > div > img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		min-width: 64px;
		min-height: 64px;
	}
	
	/*
		4-10. anchor-link
	================================*/
	/* anchor-link-01 */
	.anchor-link-01 > li {
		height: 68px;
	}
	
	.anchor-link-01.col2 {
		margin-bottom: -40px;
	}
	
	.anchor-link-01.col2 li {
		width: calc( 50% - 20px );
		margin-bottom: 40px;
	}
	
	.anchor-link-01.col3 {
		margin-bottom: -30px;
	}
	
	.anchor-link-01.col3 li {
		width: calc( 33% - 15px );
		margin-bottom: 30px;
	}
	
	.anchor-link-01.col3::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: 300px;
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.anchor-link-01.col4 {
		margin-bottom: -20px;
	}
	
	.anchor-link-01.col4 li {
		width: calc( 25% - 10px );
		margin-bottom: 20px;
	}
	
	.anchor-link-01.col4::before {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc( 25% - 10px );
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		order: 1;
	}
	
	.anchor-link-01.col4::after {
		content: "";
		display: block;
		flex: 0 1 auto;
		width: calc( 25% - 10px );
		height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.anchor-link-01 > li > a {
		font-size: 1rem;
		line-height: 1.4;
	}
	
	.anchor-link-01 > li > a .icon {
		bottom: .8em;
		margin-left: -6px;
		font-size: 12px;
	}
	
	/* anchor-link-02 */
	.anchor-link-02 {
		justify-content: space-between;
	}
	
	.anchor-link-02 > li {
		flex: 0 1 auto;
		width: 460px;
		border: 2px solid #00a66d;
	}
	
	.anchor-link-02 > li > a {
		padding: 1em 2em 3em;
	}
	
	.anchor-link-02 > li > a > dl > dt {
		height: 3.4em;
		padding-bottom: .6em;
		margin-bottom: .6em;
		font-size: 1rem;
		line-height: 1.4;
	}
	
	.anchor-link-02 > li > a .icon {
		bottom: 1.5em;
		margin-left: -6px;
		font-size: 12px;
	}

	/*
		4-11. border-box
	================================*/
	/* botdrer */
	.border-left {
		display: flex;
		align-items: center;
		width: 50% !important;
		border-left: 1px solid #a1a9ac;
		padding-left: 2em;
	}
	
	.border-left ~ div {
		display: flex;
		align-items: center;
		width: 50% !important;
	}
	
	/*
		4-12. point-list
	================================*/
	/* point-list */
	.point-list li {
		font-size: 1.125rem;
	}

	.point {
		width: 60px;
		height: 60px;
		margin-top: -30px;
		border-radius: 30px;
	}
	
	.point > span:first-child {
		padding: .4em 0 0 .4em;
		font-size: .8125rem;
		letter-spacing: .05em;
	}
	
	.point > span:last-child {
		font-size: 1.5rem;
	}
	
	/*
		4-13. step
	================================*/
	/* step-h */
	.step-h .step {
		width: 280px;
	}
	
	.step-h .step dl dt {
		font-size: 1rem;
	}
	
	.step-h .step dl dd {
		padding: 10px 15px;
	}
	
	.step-h .arrow {
		margin-left: 10px;
	}
	
	.step-h .arrow .icon {
		font-size: 3rem;
	}
	
	.step-h .step-02 {
		width: 465px;
	}
	
	.step-h .step-02.portrait {
		width: 321px;
		margin: 0 82px 0 82px;
	}
	
	
	/*
		4-14. login
	================================*/
	.login {
		padding: 50px 0;
	}
	
	.login > dt {
		height: 68px;
		margin-right: 20px;
		padding: 0 35px;
		font-size: 1.125rem;
		text-align: left;
	}
	
	.login > dd {
		display: inline-block;
	}
	
	/*============================================================
	
		6. Pages
	
	============================================================*/
	/*
		business
	================================*/
	/* business-list */
	.business-list {
	}
	
	.business-list > li {
		flex: 1 1 auto;
		width: 33.3%;
	}
	
	.business-list > li > a {
		display: block;
		height: 100%;
		padding: 30px;
		text-align: center;
	}
	
	.business-list > li > a > i {
		font-size: 5.625rem;
	}
	
	.business-list > li > a > h3 {
		font-size: 1.0625rem;
		margin-top: 15px;
    padding-left: 1.5em;
		text-indent: -1.5em;
	}
	
	.business-list > li > a > h3 > i {
		font-size: .9375rem;
	}
	
	.business-list > li > a > p {
		margin-top: 15px;
	}
	
	/*
		renovation
	================================*/
	/* new */
	.new::before {
		width: 60px;
		height: 60px;
		opacity: .8;
	}
	
	/* renovation-visual */
	.renovation-visual-text {
		font-size: 1.125rem;
	}
	
	/*
		service
	================================*/
	.service-list > li {
		height: 240px;
	}

	.service-list .image {
		position: relative;
		width: 100%;
	}

	.service-list > li > a .image img {
		-webkit-transition: all .6s ease 0s;
		transition: all .6s ease 0s;
	}

	.service-list > li > a:hover .image img {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		transform:  translate(-50%, -50%) scale(1.1);
	}

	.service-list .text {
		position: absolute;
		justify-content: center;
		bottom: 10px;
		width: 100%;
		height: 68px;
		font-size: 1.0625rem;
		-webkit-transition: all .6s ease 0s;
		transition: all .6s ease 0s;
	}

	.service-list > li.owner .text {
		background-color: rgba( 41, 100, 152, .8 );
	}

	.service-list > li.tenants .text {
		background-color: rgba( 231, 94, 87, .8 );
	}

	.service-list > li.chukai .text {
		background-color: rgba( 124, 133, 200, .8 );
	}

	.service-list > li.owner a:hover .text {
		background-color: rgba( 41, 100, 152, 1 );
	}

	.service-list > li.tenants a:hover .text {
		background-color: rgba( 231, 94, 87, 1 );
	}

	.service-list > li.chukai a:hover .text {
		background-color: rgba( 124, 133, 200, 1 );
	}
	
	/*
		structure
	================================*/
	/* column column-structure */
	.column-structure {
		flex-direction: column;
		flex-wrap: wrap;
		height: 380px;
	}
	
	.column-structure .lead {
		flex: 0 0 auto;
		width: 640px;
		order: 1;
	}
	
	.column-structure .text {
		flex: 1 0 auto;
		width: 640px;
		order: 2;
	}
	
	.column-structure .image {
		flex: 1 0 auto;
		width: 250px;
		height: 380px;
		margin-left: 70px;
		order: 4;
	}
	
	.column-structure .table-structure-01 {
		flex: 0 0 auto;
		width: 640px;
		order: 3;
	}
	
	/* table-structure-02 */
	.table-structure-02 col:nth-child(1) {
		width: 15%;
	}
	
	.table-structure-02 col:nth-child(2) {
		width: 45%;
	}
	
	.table-structure-02 col:nth-child(3) {
		width: 20%;
	}
	
	.table-structure-02 col:nth-child(4) {
		width: 20%;
	}
	
	/* room */
	.room-num {
		font-size: 1.375rem
	}
	
	.room-madori img {
		width: 280px;
	}
	
	/* access */
	.access {
		justify-content: space-between;
	}
	
	.access .map {
		width: 600px;
	}
	
	.access .map .btn {
		width: 100%;
	}
	
	/*
		recruit
	================================*/
	.recruit .title-01 > span {
		width: 418px;
	}
	
	/*
		interview
	================================*/
	.interview-message > div:first-child {
		margin-right: 100px;
	}
	
	.interview-message > div:last-child img {
		width: 220px;
	}
	
	/*
		results
	================================*/
	.results-sample {
		justify-content: space-between;
	}
	
	.results-sample > div,
	.results-sample > div img {
		width: 300px;
	}
	
	/*
		tenants-special-site
	================================*/
	.tenants-special-site > *:first-child {
		width: 300px;
	}
	
	.tenants-special-site > *:last-child {
		width: 620px;
	}

	/*
		tokuten
	================================*/
	.tokuten-box dt {
		height: 60px;
		padding: 0 1.5em;
		font-size: 1.2rem;
	}
	
}


/*============================================================

	9. Language

============================================================*/

/*
	9-1. Chinese
================================*/
html:lang(zh-cmn-Hans) {
	font-family: "Droid Sans", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", Simhei, sans-serif;
}


html:lang(zh-cmn-Hans) .lead,
html:lang(zh-cmn-Hans) .name,
html:lang(zh-cmn-Hans) .point-list li {
	font-family: "STSong", SimSun, serif;
}

/*
	9-2. English
================================*/
html:lang(en) {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'arial black' ,arial, sans-serif;
}

html:lang(en) .lead,
html:lang(en) .name,
html:lang(en) .point-list li {
	font-family: georgia,'times new roman',serif;
}

/*============================================================

	10. backnumber

============================================================*/
.bnpick-up a {
	display: block;
	width: 400px;
	height: auto;
	margin: 0 auto;
}
.bnpick-up img {
	width: 100%;
	border:1px solid #EEE;
	box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}
.bn-past img {
	border:1px solid #EEE;
	box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}
@media screen and (max-width: 767px) {
	.bnpick-up a {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}

.textright {
	text-align: right;
}

/*
	banner
================================*/
.banner {
	display: flex;
	justify-content: center;
}

.banner-imgWrapper {
	width: 100%;
	margin-bottom: 1em;
	transition: opacity 0.2s;
}

.banner-imgWrapper:hover {
	opacity: 0.8;
}

.banner-imgWrapper img {
	vertical-align: middle;
	width: 100%;
}