@charset "utf-8";

body {
	color: #2f4c63;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
}
body .jost { font-family: 'Jost', sans-serif;}
body .roboto { font-family: 'Roboto', sans-serif;}

/* ----- 共通 ----- */
/* コンテンツ幅 */
.wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
}
#header .wrap { width: 1030px;}
@media screen and (max-width:1060px) {
#header .wrap {
	padding-left: 15px;
	padding-right: 15px;
	width: auto;
}
}
@media screen and (max-width:910px) {
.wrap {
	padding-left: 15px;
	padding-right: 15px;
	width: auto;
}
.area-ayumi section.wrap {
	padding-left: 0;
	padding-right: 0;
	width: 880px;
}
}
@media screen and (max-width:880px) {
.area-ayumi section.wrap {
	padding-left: 0;
	padding-right: 0;
	width: auto;
}
}
/* 改行 */
.for-sp { display: none;}
@media screen and (max-width:910px) {
.for-sp { display: block;}
.for-pc { display: none;}
}
/* 改行 */
.fadeIn {
	transform: translate3d(0, -10px, 0);
	transition: 1s;
	opacity: 0;
}
.fadeIn.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}


/* ----- ヘッダー ----- */
#header { padding: 20px 0;}
#header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-backdrop-filter: saturate(160%) blur(6px);
	backdrop-filter: saturate(160%) blur(6px);
	background-color: rgba(255,255,255,.6);
	z-index: 999;
}
#header .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/* ロゴエリア */
.logo-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.logo-area h1 { width: 142px;}
.logo-area h2 {
	margin-left: 20px;
	width: 77px;
}
@media screen and (max-width:1000px) {
#header { padding: 10px 0;}
.logo-area {
	position: fixed;
	z-index: 9999;
}
.logo-area h1 { width: 105px;}
.logo-area h2 {
	margin-left: 15px;
	width: 56px;
}
}
/* グローバルナビゲーション */
#nav a {
	position: relative;
	display: block;
	color: #2f4c63;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
}
#nav-list li:first-child { display: none;}
#nav a.link-current { pointer-events: none;}
@media screen and (min-width:1001px) {
#nav { margin-left: auto;}
#nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#nav li { padding: 0 15px;}
#nav li:first-child { padding-left: 0;}
#nav li:last-child { padding-right: 0;}
#nav a { font-size: 12px;}
#nav a:hover,
#nav a.link-current,
#nav a.active { color:#559fd2;}
#nav a::after {
    position: absolute;
    bottom: -3px;
    left: 50%;
	margin-left: -2px;
    content: '';
    width: 4px;
    height: 0;
    background:#559fd2;
    transition: all .3s;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
#nav a:hover::after,
#nav a.link-current::after,
#nav a.active::after {
	transform: translateY(10px);
    height: 10px;
}
}
@media screen and (max-width:1000px) {
#nav.panelactive {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
#nav-list {
    display: none;
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#nav.panelactive #nav-list { display: block;}
#nav ul {
	opacity: 0;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
}
#nav.panelactive ul { opacity:1;}
#nav li {
	padding: 10px 0;
	border-bottom: 1px #c9c9c9 solid;
}
#nav li:first-child { border-top: 1px #c9c9c9 solid;}
#nav a {
	display: block;
	padding: 10px 0;
}
#nav a.link-current,
#nav a.active {
	margin: 0 auto;
	width: 90%;
	color: #fff;
	background: #2f4c63;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
}
/* メニュー */
.openbtn {
	position: relative;
	background: #2e4c63;
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-left: auto;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	z-index: 9999;
}
.openbtn .openbtn-area {
	transition: all .6s;
	width: 40px;
	height: 40px;
}
.openbtn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 10px;
	width: 50%;
	height: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
}
.openbtn span:nth-of-type(1) { top:12px;}
.openbtn span:nth-of-type(2) { top:19px;}
.openbtn span:nth-of-type(3) { top:26px;}
.openbtn.active .openbtn-area { transform: rotate(180deg);}
.openbtn.active span:nth-of-type(1) {
	top: 13px;
	left: 14px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}
.openbtn.active span:nth-of-type(2) { opacity: 0;}
.openbtn.active span:nth-of-type(3){
	top: 25px;
	left: 14px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}
/* メニュー・グロナビ切り替え */
.openbtn { display: none;}
@media screen and (max-width:1000px) {
.openbtn { display: block;}
}
/* 丸の拡大 */
.circle-bg {
	position: fixed;
	z-index:3;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	animation: bgchange 40s ease infinite;
	transform: scale(0);
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	transition: all .6s;
    border: 2px solid #2e4c63;
	background: #efefef;
	z-index: 998;
}
.circle-bg.circleactive { transform: scale(50);}

/* ----- contents area ----- */
.container { position: relative;}
/* flex */
@media screen and (min-width:911px) {
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex.reverse {
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
}
/* コンテンツヘッダー */
.title-sub {
	margin-bottom: 25px;
	color: #559fd2;
	font-size: 30px;
	text-align: center;
	font-family: 'Jost', sans-serif;
	letter-spacing: 3px;
}
.title-sub span {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 3px #559fd2 solid;
}
.title-main {
	margin-bottom: 50px;
	color: #559fd2;
	font-size: 46px;
	text-align: center;
	font-weight: 500;
}
.title-read {
	margin-bottom: 40px;
	color: #2f4c63;
	font-size: 26px;
	line-height: 1.6;
	text-align: center;
	font-weight: 500;
}
.title-point {
	color: #2f4c63;
	font-size: 28px;
	line-height: 1.6;
	text-align: center;
	font-weight: 700;
}
.title-point span {
	padding: 0 5px 4px;
	background: url(../imgs/bg-underline.png) repeat-x 0 100%;
}
@media screen and (max-width:910px) {
.title-sub {
	margin-bottom: 15px;
	font-size: 18px;
	letter-spacing: 2px;
}
.title-sub span {
	padding-bottom: 3px;
	border-bottom-width: 2px;
}
.title-main {
	margin-bottom: 40px;
	font-size: 32px;
}
.title-read {
	margin-bottom: 30px;
	font-size: 16px;
}
.title-point { font-size: 20px;}
.title-point span {
	padding: 0 5px 4px;
	background-size: 34px;
}
}
/* 背景 */
.bg-pattern { background: #deeaee url(../imgs/bg-pattern.png) repeat 50% 0;}
.bg-dot { background: #deeaee url(../imgs/bg-dot.png) repeat 50% 0;}
/* 動画埋め込み */
.movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* View More */
.btn-more {
	margin-left: auto;
	margin-right: auto;
	width: 150px;
}
.btn-more a {
	display: block;
	padding: 12px 13px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #559fd2;
	letter-spacing: 1px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
    transition: .2s;
}
.btn-more span {
	display: inline-block;
	position: relative;
	padding-right: 22px;
}
.btn-more span::before,
.btn-more span::after {
	position: absolute;
	right: 0;
	content: '';
	width: 14px;
	height: 2px;
	display: inline-block;
	border-radius: 2px;
	background: #fff;
}
.btn-more span::before {
	top: calc(50% - 5px);
	transform: rotate(40deg);
}
.btn-more span::after {
	bottom: calc(50% - 5px);
	transform: rotate(-40deg);
}
@media screen and (min-width:911px) {
.btn-more a:hover {
	background: #4c95c8;
    transition: .3s;
}
}
/* ページトップ */
.pagetop {
	position: fixed;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
	z-index: 99;
}
.pagetop a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	background: #559fd2;
}
.pagetop .text {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1px;
}
.pagetop .arrow::before,
.pagetop .arrow::after {
	position: absolute;
	content: '';
	width: 14px;
	height: 2px;
	display: inline-block;
	background: #fff;
	border-radius: 2px;
	transition: 1.6s;
}
.pagetop .arrow::before {
	left: calc(50% - 2px);
	transform: rotate(40deg);
}
.pagetop .arrow::after {
	right: calc(50% - 2px);
	transform: rotate(-40deg);
}
.pagetop.UpMove { animation: UpAnime 0.5s forwards;}
.pagetop.DownMove{ animation: DownAnime 0.5s forwards;}
@media screen and (min-width:911px) {
.pagetop { right: 40px;}
.pagetop a {
	width: 90px;
	height: 90px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	transition: 1s;
}
.pagetop .text {
	position: absolute;
	top: 40px;
	left: 0;
	font-size: 12px;
}
.pagetop .arrow::before,
.pagetop .arrow::after {
	top: 20px;
	background: #fff;
}
.pagetop a:hover { background: #4794c8;}
.pagetop a:hover .arrow::before,
.pagetop a:hover .arrow::after { top: 12px;}
}
@media screen and (max-width:910px) {
.pagetop { right: 20px;}
.pagetop a {
	padding: 26px 8px 8px;
	font-size: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.pagetop br { display: none;}

.pagetop .text { font-size: 10px;}
.pagetop .arrow::before,
.pagetop .arrow::after {
	top: 12px;
}
}
@keyframes UpAnime {
from { opacity: 0; transform: translateY(100px);}
to { opacity: 1; transform: translateY(0);}
}
@keyframes DownAnime {
from { opacity: 1; transform: translateY(0);}
to { opacity: 1; transform: translateY(200px);}
}
/* 芽 */
.sprout {
	padding: 75px 0 380px;
	background-position: left 50% bottom 100px;
	background-repeat: no-repeat;
}
@media screen and (max-width:910px) {
.sprout {
	padding: 35px 0 140px;
	background-position: left 50% bottom 20px;
	background-size: contain;
}
}
/* メインビジュアル */
.video-area {
	margin: 0 auto;
	width: 100%;
}
.video-area video { width: 100%;}
/* メッセージ */
.area-message .title-main { color: #2f4c63;}
.area-message .img { text-align: center;}
.area-message .bg {
	margin: 0 auto;
	max-width: 1080px;
}
.area-message .name {
	margin-left: auto;
	letter-spacing: 1px;
}
.area-message .name span {
	display: block;
	margin-top: 15px;
	text-indent: -99999px;
	overflow: hidden;
}
.area-message .bg { background-repeat: no-repeat;}
.area-message .message01 { background-position: 0 0;}
.area-message .message02 { background-position: 100% 0;}
.message01 .text-area { color: #fff;}
.message01 .name span {
	background: url(../imgs/signature-nakayama.png) no-repeat 0 0;
	background-size: cover;
}
.message02 .name span {
	background: url(../imgs/signature-noyaki.png) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width:911px) {
.area-message { padding: 70px 0 115px;}
.area-message .title-sub { margin-bottom: 80px;}
.area-message .title-main {
	margin-bottom: 40px;
	font-size: 38px;
	letter-spacing: 3px;
}
.area-message .img { margin-bottom: 90px;}
.area-message .text-area { line-height: 2;}
.area-message .message01 {
	padding-top: 55px;
	padding-bottom: 50px;
	background-image: url(../imgs/message-bg01-pc.png);
}
.area-message .message02 {
	padding-top: 135px;
	background-image: url(../imgs/message-bg02-pc.png);
}
.message01 .text-area { padding-left: 65px;}
.message01 .text-area p + p { margin-top: 30px;}
.message01 .name-area {
	margin-top: 50px;
	width: 745px;
}
.message01 .name { width: 200px;}
.message01 .name span { height: 58px;}
.message02 .text-area { padding-left: 270px;}
.message02 .name-area {
	margin-top: 120px;
	width: 495px;
}
.message02 .name { width: 273px;}
.message02 .name span { height: 58px;}
}
@media screen and (max-width:910px) {
.area-message {
	padding: 40px 0 50px;
	overflow: hidden;
}
.area-message .title-sub { margin-bottom: 40px;}
.area-message .title-main {
	margin-bottom: 10px;
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: 2px;
}
.area-message .img { margin-bottom: 50px;}
.area-message .text-area { line-height: 1.8;}
.area-message .name-area {
	position: relative;
	z-index: 1;
}
.area-message .name { font-size: 12px;}
.area-message .message01 {
	position: relative;
	margin-right: 7%;
	padding-top: 30px;
	background: url(../imgs/message-bg01-sp.png) no-repeat 0 60px, linear-gradient(135deg, #559fd2 0%, #87c4ec 80%);
	background-size: contain;
}
.area-message .message01::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	border-top: 55px solid transparent;
	border-right: 300px solid #fff;
	border-bottom: 55px solid #fff;
	border-left: 300px solid transparent;
}
.area-message .message02 {
	position: relative;
	margin-top: 30px;
	margin-left: 7%;
	padding-top: 65px;
	background: url(../imgs/message-bg02-sp.png) no-repeat 0 60px, linear-gradient(45deg, #dde9ed 0%, #c9dade 40%);
	background-size: contain;
}
.area-message .message02::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	border-top: 18px solid #fff;
	border-right: 270px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 270px solid #fff;
}
.area-message .message02::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	border-top: 50px solid transparent;
	border-right: 300px solid transparent;
	border-bottom: 50px solid #fff;
	border-left: 300px solid #fff;
}
.message01 .name span { height: 29px;}
.message01 .text-area {
	padding-left: 15px;
	padding-right: 5px;
}
.message01 .text-area p + p { margin-top: 20px;}
.message01 .name-area { margin-top: 50px;}
.message01 .name { width: 103px;}
.message01 .name span {
	width: 103px;
	height: 30px;
}
.message02 .text-area {
	padding-left: 5px;
	padding-right: 15px;
}
.message02 .name-area {
	margin-top: 60px;
	width: 100%;
}
.message02 .name {
	margin-left: 0;
	width: 141px;
}
.message02 .name span {
	width: 141px;
	height: 30px;
}
}
/* リゾームものがたり */
.area-story { padding: 60px 0 80px;}
.area-story .movie-area {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
@media screen and (max-width:910px) {
.area-story { padding: 40px 0;}
.area-story .movie-area { width: 86%;}
}
/* リゾームのあゆみ */
.area-ayumi .chart { background: #fff;}
.area-ayumi .chart .title {
	color: #fff;
	text-align: center;
	background: #559fd2;
}
.timeline li { position: relative;}
.timeline li::after {
	position: absolute;
	content:'';
	background: #559fd2;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
.timeline li:first-child::before {
	position: absolute;
	content: '';
	background: #559fd2;
}
.timeline li:last-child::before {
	position: absolute;
	content: '';
}
.timeline dt {
	position: absolute;
	color: #559fd2;
	font-weight: 700;
}
.timeline dd {
	position: relative;
	background: #deeaee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.timeline dd::after {
	position: absolute;
	top: 9px;
	left: -10px;
	content: '';
	border-top: 14px solid transparent;
	border-right: 14px solid #deeaee;
	border-bottom: 14px solid transparent;
}
.timeline dd.dark { background: #c9dade;}
.timeline dd.dark::after { border-right-color: #c9dade;}
.timeline .text-area { line-height: 1.6;}
.timeline .date {
	position: relative;
	padding-left: 2.6em;
	font-weight: 600;
}
.timeline .date span {
	position: absolute;
	top: 0;
	left: 0;
}
.timeline .text { margin-top: 10px;}
.timeline .img { text-align: center;}
.border-line {
	position: absolute;
	height: 0;
	background: #559fd2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.area-ayumi footer {
	height: 360px;
	text-align: center;
	background: url(../imgs/ayumi-15-pc.png) repeat-x 50% 100%;
}
.area-ayumi footer .img { display: none;}
@media screen and (min-width:911px) {
.area-ayumi { padding-top: 70px;}
.area-ayumi .chart .title {
	padding: 10px;
	font-size: 22px;
	letter-spacing: 3px;
}
.area-ayumi .chart .inner { padding: 30px 45px 20px 30px;}
.timeline { padding-bottom: 30px;}
.timeline li { padding-bottom: 10px;}
.timeline li::after{
	top: 17px;
	left: 46px;
	width: 14px;
	height: 14px;
}
.timeline li:last-child { padding-bottom: 40px;}
.timeline li:first-child::before {
	top: -32px;
	left: 51px;
	width: 4px;
	height: 52px;
}
.timeline li:last-child::before {
	bottom: -30px;
	left: 44px;
	border-top: 30px solid #559fd2;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
}
.timeline dl { padding-left: 80px;}
.timeline dt {
	top: 15px;
	left: 0;
	font-size: 16px;
}
.timeline dd { padding: 15px 20px;}
.timeline .text-area { width: 420px;}
.timeline .img { width: 236px;}
.border-line {
	left: 51px;
	top: 19px;
	width: 4px;
}
.area-ayumi footer { padding-top: 80px;}
}
@media screen and (max-width:910px) {
.area-ayumi { padding-top: 40px;}
.area-ayumi .chart .title {
	padding: 8px;
	font-size: 18px;
	letter-spacing: 2px;
}
.area-ayumi .chart .inner { padding: 15px 15px 30px 15px;}
.timeline { padding-bottom: 30px;}
.timeline li { padding-bottom: 8px;}
.timeline li::after{
	top: 18px;
	left: 35px;
	width: 10px;
	height: 10px;
}
.timeline li:last-child { padding-bottom: 20px;}
.timeline li:first-child::before {
	top: -20px;
	left: 39px;
	width: 2px;
	height: 40px;
}
.timeline li:last-child::before {
	bottom: -30px;
	left: 34px;
	border-top: 20px solid #559fd2;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.timeline dl { padding-left: 60px;}
.timeline dt {
	top: 15px;
	left: -2px;
	font-size: 14px;
}
.timeline dd { padding: 15px;}
.timeline .date { line-height: 1.4;}
.timeline .img { margin-top: 15px;}
.border-line {
	left: 39px;
	top: 19px;
	width: 2px;
}
.area-ayumi footer { padding-top: 40px;}
}
/* 日頃の感謝をこめて（共通） */
.area-gratitude { padding: 75px 0 80px;}
.area-gratitude.last { padding-bottom: 90px;}
.area-gratitude header {
	padding-top: 120px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.area-gratitude .part1 { background-image: url(../imgs/h-part1.png);}
.area-gratitude .part2 { background-image: url(../imgs/h-part2.png);}
.area-gratitude .part3 { background-image: url(../imgs/h-part3.png);}
.area-gratitude .part4 { background-image: url(../imgs/h-part4.png);}
.area-gratitude .part5 { background-image: url(../imgs/h-part5.png);}
.area-gratitude .title-read { margin-bottom: 15px;}
@media screen and (max-width:910px) {
.area-gratitude { padding: 40px 0 45px;}
.area-gratitude.last { padding-bottom: 45px;}
.area-gratitude header {
	padding-top: 85px;
	padding-bottom: 40px;
	background-size: 130px;
}
.area-gratitude .title-read { margin-bottom: 10px;}
}
@media screen and (max-width:600px) {
.area-ayumi footer {
	height: auto;
	background: none;
}
.area-ayumi footer .img { display: block;}
}
/* Part.1 理想の商業施設・ショップ */
.area-gratitude header.part1 { padding-bottom: 45px;}
.area-staff {
	margin: 0 auto;
	width: 920px;
}
.area-staff .title {
	margin: 0 auto 85px;
	padding: 20px 0 43px;
	width: 440px;
	text-align: center;
	background: url(../imgs/bg-part1-title.png) no-repeat 0 0;
}
.area-staff .title span {
	display: inline-block;
	padding-left: 40px;
	height: 32px;
	color: #559fd2;
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 1px;
	background: url(../imgs/bg-part1-title-span.png) no-repeat 0 50%;
}
.list-staff li {
	width: 440px;
	position: relative;
	padding: 55px 30px 30px;
	background: #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list-staff li:nth-child(n+3) { margin-top: 105px;}
.list-staff li:nth-child(even) { margin-left: 40px;}
.list-staff li::before {
	position: absolute;
	top: -70px;
	left: 50%;
	content: '';
	margin-left: -70px;
	width: 140px;
	height: 140px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 110px;
}
/* アイコンの指定 */
.list-staff li.f01::before { background-image: url(../imgs_face/01.png);}
.list-staff li.f02::before { background-image: url(../imgs_face/02.png);}
.list-staff li.f03::before { background-image: url(../imgs_face/03.png);}
.list-staff li.f04::before { background-image: url(../imgs_face/04.png);}
.list-staff li.f05::before { background-image: url(../imgs_face/05.png);}
.list-staff li.f06::before { background-image: url(../imgs_face/06.png);}
.list-staff li.f07::before { background-image: url(../imgs_face/07.png);}
.list-staff li.f08::before { background-image: url(../imgs_face/08.png);}
.list-staff li.f09::before { background-image: url(../imgs_face/09.png);}
.list-staff li.f10::before { background-image: url(../imgs_face/10.png);}
.list-staff li.f11::before { background-image: url(../imgs_face/11.png);}
.list-staff li.f12::before { background-image: url(../imgs_face/12.png);}
.list-staff li.f13::before { background-image: url(../imgs_face/13.png);}
.list-staff li.f14::before { background-image: url(../imgs_face/14.png);}
.list-staff li.f15::before { background-image: url(../imgs_face/15.png);}
.list-staff li.f16::before { background-image: url(../imgs_face/16.png);}
.list-staff li.f17::before { background-image: url(../imgs_face/17.png);}
.list-staff li.f18::before { background-image: url(../imgs_face/18.png);}
.list-staff li.f19::before { background-image: url(../imgs_face/19.png);}
.list-staff li.f20::before { background-image: url(../imgs_face/20.png);}
.list-staff li.f21::before { background-image: url(../imgs_face/21.png);}
.list-staff li.f22::before { background-image: url(../imgs_face/22.png);}
.list-staff li.f23::before { background-image: url(../imgs_face/23.png);}
.list-staff li.f24::before { background-image: url(../imgs_face/24.png);}
.list-staff li.f25::before { background-image: url(../imgs_face/25.png);}
.list-staff li.f26::before { background-image: url(../imgs_face/26.png);}
.list-staff li.f27::before { background-image: url(../imgs_face/27.png);}
.list-staff li.f28::before { background-image: url(../imgs_face/28.png);}
.list-staff li.f29::before { background-image: url(../imgs_face/29.png);}
.list-staff li.f30::before { background-image: url(../imgs_face/30.png);}
.list-staff li.f31::before { background-image: url(../imgs_face/31.png);}
.list-staff li.f32::before { background-image: url(../imgs_face/32.png);}
.list-staff li.f33::before { background-image: url(../imgs_face/33.png);}
.list-staff li.f34::before { background-image: url(../imgs_face/34.png);}
.list-staff li.f35::before { background-image: url(../imgs_face/35.png);}
.list-staff li.f36::before { background-image: url(../imgs_face/36.png);}
.list-staff li.f37::before { background-image: url(../imgs_face/37.png);}
.list-staff li.f38::before { background-image: url(../imgs_face/38.png);}
.list-staff li.f39::before { background-image: url(../imgs_face/39.png);}
.list-staff li.f40::before { background-image: url(../imgs_face/40.png);}
.list-staff li.f41::before { background-image: url(../imgs_face/41.png);}
.list-staff li.f42::before { background-image: url(../imgs_face/42.png);}
.list-staff li.f43::before { background-image: url(../imgs_face/43.png);}
.list-staff li.f44::before { background-image: url(../imgs_face/44.png);}
.list-staff li.f45::before { background-image: url(../imgs_face/45.png);}
.list-staff li.f46::before { background-image: url(../imgs_face/46.png);}
.list-staff li.f47::before { background-image: url(../imgs_face/47.png);}
.list-staff li.f48::before { background-image: url(../imgs_face/48.png);}
.list-staff li.f49::before { background-image: url(../imgs_face/49.png);}
.list-staff li.f50::before { background-image: url(../imgs_face/50.png);}
.list-staff li.f51::before { background-image: url(../imgs_face/51.png);}
.list-staff li.f52::before { background-image: url(../imgs_face/52.png);}
.list-staff li.f53::before { background-image: url(../imgs_face/53.png);}
.list-staff li.f54::before { background-image: url(../imgs_face/54.png);}
.list-staff li.f55::before { background-image: url(../imgs_face/55.png);}
.list-staff li.f56::before { background-image: url(../imgs_face/56.png);}
.list-staff li.f57::before { background-image: url(../imgs_face/57.png);}
.list-staff li.f58::before { background-image: url(../imgs_face/58.png);}
.list-staff li.f59::before { background-image: url(../imgs_face/59.png);}
.list-staff li.f60::before { background-image: url(../imgs_face/60.png);}
.list-staff li.f61::before { background-image: url(../imgs_face/61.png);}
.list-staff li.f62::before { background-image: url(../imgs_face/62.png);}
.list-staff li.f63::before { background-image: url(../imgs_face/63.png);}
.list-staff li.f64::before { background-image: url(../imgs_face/64.png);}
.list-staff li.f65::before { background-image: url(../imgs_face/65.png);}
.list-staff li.f66::before { background-image: url(../imgs_face/66.png);}
.list-staff li.f67::before { background-image: url(../imgs_face/67.png);}
.list-staff li.f68::before { background-image: url(../imgs_face/68.png);}
.list-staff li.f69::before { background-image: url(../imgs_face/69.png);}
.list-staff li.f70::before { background-image: url(../imgs_face/70.png);}
.list-staff li.f71::before { background-image: url(../imgs_face/71.png);}
.list-staff li.f72::before { background-image: url(../imgs_face/72.png);}
.list-staff li.f73::before { background-image: url(../imgs_face/73.png);}
.list-staff li.f74::before { background-image: url(../imgs_face/74.png);}
/* 色の指定 */
.list-staff li.blue,.list-staff li.blue::before { background-color: #8ac7ee;}
.list-staff li.yellow,.list-staff li.yellow::before { background-color: #f4f290;}
.list-staff li.pink,.list-staff li.pink::before { background-color: #f0babc;}
.list-staff li.l-blue,.list-staff li.l-blue::before { background-color: #deeaee;}
.list-staff li.brown,.list-staff li.brown::before { background-color: #d0b091;}
.list-staff li.orange,.list-staff li.orange::before { background-color: #ffb789;}
.list-staff .position {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	z-index: 99;
}
.list-staff .name {
	margin-bottom: 15px;
	text-align: center;
}
.list-staff .point {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}
.list-staff .message {
	padding: 15px;
	line-height: 1.8;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.area-staff footer { background-image: url(../imgs/bg-sprout01.png);}
.area-staff .btn a {
	display: block;
    position: relative;
	padding: 20px;
	color: #2f4c63;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	border: 2px #559fd2 solid;
	overflow: hidden;  
    transition: ease .2s;
}
.area-staff .arrow {
	display: inline-block;
	position: relative;
	padding-right: 35px;
}
.area-staff .arrow::before,
.area-staff .arrow::after {
	position: absolute;
	right: 0;
	content: '';
	width: 20px;
	height: 3px;
	display: inline-block;
	border-radius: 2px;
	background: #569fd2;
}
.area-staff .arrow::before {
	top: calc(50% - 7px);
	transform: rotate(40deg);
}
.area-staff .arrow::after {
	bottom: calc(50% - 7px);
	transform: rotate(-40deg);
}
@media screen and (min-width:961px) {
.list-staff ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
}
@media screen and (max-width:960px) {
.area-staff {
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
}
.list-staff li {
	padding: 37px 15px 20px;
	width: auto;
}
.list-staff li:nth-child(n+2) { margin-top: 65px;}
.list-staff li:nth-child(even) { margin-left: 0;}
.list-staff li::before {
	top: -43px;
	margin-left: -43px;
	width: 86px;
	height: 86px;
	background-size: 70px;
}
.list-staff .position { margin-bottom: 6px;}
.list-staff .name { margin-bottom: 10px;}
.list-staff .point {
	margin-bottom: 10px;
	font-size: 14px;
}
}
@media screen and (min-width:911px) {
.area-staff .btn .bg {
	position: relative;
	z-index: 3;
	color: #2f4c63;
}
.area-staff .bgleft::before {
	position: absolute;
	top: 0;
	left: -130%;
	content: '';
	width: 120%;
	height: 100%;
	background: #d0e7f7;
	transform: skewX(-25deg);
}
.area-staff .bgleft:hover::before { animation: skewanime .5s forwards;}
@keyframes skewanime { 100% { left:-10%;}}
}
@media screen and (max-width:910px) {
.area-gratitude header.part1 { padding-bottom: 30px;}
.area-staff .title {
	margin-bottom: 70px;
	padding: 12px 0 29px;
	width: 300px;
	background-size: cover;
}
.area-staff .title span {
	padding-left: 26px;
	height: 24px;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: -0.3px;
	background-size: 20px;
}
.area-staff .btn a {
	padding: 15px 10px;
	font-size: 14px;
	line-height: 1.4;
}
}
/* Part.2 リゾーム社員が注目する SHOP 30選！ */
.area-attention .title {
	position: relative;
	margin-bottom: 35px;
	color: #559fd2;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
.area-attention .title:before,
.area-attention .title:after {
	position: absolute;
	top: 50%;
	margin-top: -1px;
	content: '';
	width: 26%;
	height: 2px;
	background: #559fd2;
}
.area-attention .title:before { left: 0;}
.area-attention .title:after { right: 0;}
.list-attention {
	position: relative;
	padding-bottom: 140px;
}
.list-attention::before,
.list-attention::after {
	position: absolute;
	bottom: 50px;
	content: '';
	width: 5px;
	height: 42px;
	display: inline-block;
	border-radius: 2px;
	background: #569fd2;
}
.list-attention::before {
	left: calc(50% - 15px);
	transform: rotate(-42deg);
}
.list-attention::after {
	right: calc(50% - 15px);
	transform: rotate(42deg);
}
.list-attention ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.list-attention li {
	padding: 30px 15px 20px;
	width: 23%;
	text-align: center;
	background-color: #fff;
	background-position: left 50% bottom 65px;
	background-repeat: no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.list-attention li:first-child { background-image: url(../imgs/bg-attention01.png);}
.list-attention li:nth-child(2) { background-image: url(../imgs/bg-attention02.png);}
.list-attention li:nth-child(3) { background-image: url(../imgs/bg-attention03.png);}
.list-attention li:nth-child(4) { background-image: url(../imgs/bg-attention04.png);}
.list-attention li:nth-child(5) { background-image: url(../imgs/bg-attention05.png);}
.list-attention .standard-01 {
	margin-bottom: 15px;
	color: #559fd2;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 4px;
}
.list-attention .standard-02 {
	color: #335566;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
}
.list-attention .standard-03 {
	position: relative;
	margin-top: 145px;
	color: #335566;
	font-size: 14px;
	line-height: 1.4;
}
.list-attention .standard-03 span {
	position:absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5em;
	width: 100%;
}
.area-attention .text-area {
	position: relative;
	margin-right: 8px;
	padding: 50px 112px;
	background-image: -moz-linear-gradient( 45deg, rgb(85,159,210) 8%, rgb(138,199,238) 100%);
	background-image: -webkit-linear-gradient( 45deg, rgb(85,159,210) 8%, rgb(138,199,238) 100%);
	background-image: -ms-linear-gradient( 45deg, rgb(85,159,210) 8%, rgb(138,199,238) 100%);
}
.area-attention .text-area::after,
.area-attention .text-area::before {
	position: absolute;
	content: '';
	background: #c9dade;
	mix-blend-mode: multiply;
}
.area-attention .text-area::after {
	top: 8px;
	right: -8px;
	width: 8px;
	height: 100%;
}
.area-attention .text-area::before {
	bottom: -8px;
	left: 8px;
	width: calc(100% - 8px);
	height: 8px;
}
.area-attention .text {
	margin-bottom: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	text-align: center;
}
.area-attention .btn-more a { background: #2f4c63;}
.area-attention .index-area ol { counter-reset: number;}
.area-attention .index-area ol li {
	position: relative;
	border-left: #559fd2 35px solid;
	margin-bottom: 5px;
}
.area-attention .index-area ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -35px;
	width: 35px;
	height: 1em;
	line-height: 1;
	text-align: center;
}
.area-attention .index-area ol a {
	display: block;
	padding: 5px 5px 5px 8px;
	color: #559fd2;
	font-weight: 500;
	line-height: 1.6;
	text-decoration: none;
	background: #eff8ff;
}
@media screen and (min-width:911px) {
.area-attention .btn-more a:hover { background: #305a7b;}
.area-attention .img-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}
.area-attention .img-area p + p {margin-left: 26px;}
.area-attention .index-area { padding: 20px 0 80px;}
.area-attention .index-area ol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.area-attention .index-area ol li {
	width: 49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.area-attention .index-area ol a {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.area-attention .index-area ol a:hover {
	color: #fff;
	background: #9bcaea;
}
}
@media screen and (max-width:910px) {
.area-attention .title {
	margin-bottom: 30px;
	font-size: 20px;
}
.area-attention .title:before,
.area-attention .title:after { width: 18%;}
.list-attention { padding-bottom: 100px;}
.list-attention::before,
.list-attention::after {
	bottom: 30px;
	width: 5px;
	height: 42px;
}
.list-attention::before {
	left: calc(50% - 15px);
	transform: rotate(-42deg);
}
.list-attention::after {
	right: calc(50% - 15px);
	transform: rotate(42deg);
}
.list-attention ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-attention li {
	padding: 20px 10px 20px;
	width: 48%;
	background-position: left 50% bottom 40px;
}
.list-attention li:nth-child(n+3) { margin-top: 4%;}
.list-attention .standard-01 {
	margin-bottom: 10px;
	font-size: 24px;
	letter-spacing: 2px;
}
.list-attention .standard-02 { font-size: 16px;}
.list-attention .standard-03 {
	margin-top: 130px;
	font-size: 12px;
}
.area-attention .text-area { padding: 30px 15px}
.area-attention .text {
	margin-bottom: 30px;
	font-size: 14px;
}
.area-attention .img-area {
	margin-bottom: 30px;
	text-align: center;
}
.area-attention .img-area img {
	width: 60%;
}
.area-attention .img-area p + p {margin-top: 20px;}
.area-attention .index-area { padding-bottom: 60px;}
.area-attention .index-area ol a { font-size: 12px;}
}
/* Part.3 新しい好事例が生まれています！ */
.list-case li {
	text-align: center;
	border: 2px #559fd2 solid;
}
.list-case .img img { width: 100%;}
.list-case .name {
	line-height: 1.6;
	font-weight: 500;
}
.list-case .text {
	color: #559fd2;
	line-height: 1.6;
	font-weight: 700;
}
.area-case footer { background-image: url(../imgs/bg-sprout02.png);}
@media screen and (min-width:911px) {
.list-case ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.list-case li {
	padding-bottom: 28px;
	width: 30%;
}
.list-case .name { margin-top: 30px;}
.list-case .text {
	margin-top: 30px;
	font-size: 18px;
}
.list-case .btn-more { margin-top: 30px;}
}
@media screen and (max-width:910px) {
.area-case {
	padding-left: 10px;
	padding-right: 10px;
}
.list-case li { padding-bottom: 20px;}
.list-case li + li { margin-top: 30px;}
.list-case .name {
	margin-top: 15px;
	padding: 0 8px;
}
.list-case .text {
	margin-top: 20px;
	padding: 0 8px;
	font-size: 16px;
}
.list-case .btn-more { margin-top: 20px;}
}
/* Part.4 魅力的な施設・ショップ特集 */
.area-trial .title-area { border: 2px #559fd2 solid;}
.area-trial .title-area .title {
	color: #559fd2;
	letter-spacing: 1px;
}
.area-trial .title-area .title span { background: url(../imgs/icon-camera.png) no-repeat 0 50%;}
.area-trial .title-area .text { line-height: 1.6;}
.list-trial li { background: #fff;}
.list-trial .img { text-align: center;}
.list-trial .img img { width: 100%;}
.list-trial .title {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.list-trial .place {
	margin-bottom: 15px;
	font-weight: 500;
	line-height: 1.4;
}
.list-trial .place:before {
	display: block;
	content: 'PLACE :';
	padding-bottom: 3px;
	font-weight: 400;
	letter-spacing: 1px;
}
.list-trial .text { line-height: 1.8;}
@media screen and (min-width:911px) {
.area-trial .title-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 80px;
	padding: 23px 58px;
}
.area-trial .title-area .title {
	height: 54px;
	line-height: 54px;
}
.area-trial .title-area .title span {
	padding: 0 40px 0 100px;
	font-size: 46px;
}
.area-trial .title-area .text { font-size: 18px;}
.list-trial .inner { padding: 30px 25px;}
.list-trial ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.list-trial li { width: 47%;}
.list-trial li:nth-child(n+3) { margin-top: 40px;}
}
@media screen and (max-width:910px) {
.area-trial {
	padding-left: 10px;
	padding-right: 10px;
}
.area-trial .title-area {
	margin-bottom: 40px;
	padding: 20px 15px;
}
.area-trial .title-area .title {
	margin-bottom: 15px;
	font-size: 36px;
	text-align: center;
}
.area-trial .title-area .title span {
	padding-left: 50px;
	background-size: 35px;
}
.area-trial .title-area .text { font-size: 14px;}
.list-trial .inner { padding: 20px 15px;}
.list-trial li + li { margin-top: 30px;}
.list-trial .title {
	margin-bottom: 10px;
	font-size: 14px;
}
.list-trial .place { margin-bottom: 10px;}
}
/* Part.5 B-PARK */
.area-bpark {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
.area-bpark .movie-area { margin-bottom: 65px;}
.area-bpark .text-area {
	padding: 50px 40px 230px;
	background: #deeaee url(../imgs/bg-ball.png) no-repeat left 50% bottom 65px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.area-bpark .text-area h5 {
	margin-bottom: 40px;
	text-align: center;
}
.area-bpark .text-area p {
	font-weight: 500;
	line-height: 1.6;
}
.area-bpark .text-area p + p { margin-top: 15px;}
@media screen and (max-width:910px) {
.area-bpark .movie-area { margin-bottom: 30px;}
.area-bpark .text-area {
	padding: 40px 20px 160px;
	background-position: left 50% bottom 40px;
	background-size: 64%;
}
}
@media screen and (max-width:630px) {
.area-bpark { width: auto;}
}
/* 最後までご覧いただき */
.area-thanks .text { line-height: 1.8;}
@media screen and (min-width:911px) {
.area-thanks { padding: 50px 0 45px;}
.area-thanks .text-area { padding-right: 80px;}
.area-thanks .text { font-size: 24px;}
.area-thanks .name {
	margin-top: 40px;
	font-size: 20px;
}
}
@media screen and (max-width:910px) {
.area-thanks { padding: 45px 0 40px;}
.area-thanks .img { text-align: center;}
.area-thanks .text-area {
	margin: 50px auto 0;
	text-align: center;
}
.area-thanks .text-area ul { display: inline-block;}
.area-thanks .text-area li { text-align: left;}
.area-thanks .text { font-size: 18px;}
.area-thanks .name {
	margin-top: 30px;
	font-size: 16px;
}
}

/* ----- フッター ----- */
#footer {
	padding: 60px 0 40px;
	color: #fff;
	background: #2f4c63;
}
/* ロゴ */
#footer .logo {
	margin: 0 auto;
	width: 182px;
}
#footer .logo a {
	display: block;
	padding-top: 54px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url(../imgs/logo-rhizome-white.png) no-repeat 50% 0;
	background-size: contain;
}
/* コピーライト */
#footer .copyright {
	margin-top: 40px;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
}
@media screen and (max-width:910px) {
#footer { padding: 50px 0 30px;}
#footer .logo { width: 120px;}
#footer .logo a {
	padding-top: 40px;
	font-size: 10px;
}
#footer .copyright {
	margin-top: 30px;
	font-size: 10px;
}
}

/* ----- 下層ページ ----- */
.sub-page { padding: 50px 0 100px;}
.sub-page header {
	background-image: -moz-linear-gradient( 45deg, rgb(85,159,210) 6%, rgb(138,199,238) 100%);
	background-image: -webkit-linear-gradient( 45deg, rgb(85,159,210) 6%, rgb(138,199,238) 100%);
	background-image: -ms-linear-gradient( 45deg, rgb(85,159,210) 6%, rgb(138,199,238) 100%);
}
.sub-page footer { padding-top: 80px;}
@media screen and (max-width:910px) {
.sub-page { padding: 20px 0 60px;}
.sub-page header { text-align: center;}
.sub-page footer { padding-top: 40px;}
}
/* 理想の商業施設・ショップ */
.sub-page .list-staff li {
	margin-top: 0;
	margin-left: 0;
	width: 290px;
	padding: 37px 15px 20px;
}
.sub-page .list-staff li::before {
	top: -43px;
	margin-left: -43px;
	width: 86px;
	height: 86px;
	background-size: 70px;
}
.sub-page .list-staff .position { margin-bottom: 6px;}
.sub-page .list-staff .name { margin-bottom: 10px;}
.sub-page .list-staff .point {
	margin-bottom: 10px;
	font-size: 14px;
}
.sub-page .list-staff .message { line-height: 1.6;}
@media screen and (min-width:961px) {
.header-staff { padding-top: 30px;}
.header-staff .text { padding-top: 15px;}
.sub-page .area-staff { padding-top: 120px;}
.sub-page .list-staff li:nth-child(n+4) { margin-top: 65px;}
.sub-page .list-staff li { margin-left: 25px;}
.sub-page .list-staff li:nth-child(3n+1) { margin-left: 0;}
}
@media screen and (max-width:960px) {
.header-staff { padding: 40px 30px 30px;}
.header-staff .illust { padding-top: 15px;}
.sub-page .area-staff { padding-top: 80px;}
.sub-page .list-staff li { width: auto;}
.list-staff li:nth-child(n+2) { margin-top: 65px;}
}
/* 知恵と工夫の好事例 */
.sub-page .area-case .title-area { position: relative;}
.sub-page .area-case .title-area:after {
	position: absolute;
	content: '';
	background: url(../imgs/case-glass.png) no-repeat 50% 50%;
}
.sub-page .area-case .title-area .title {
	color: #559fd2;
	font-weight: 700;
	letter-spacing: 1px;
}
.sub-page .area-case .title-area span {
	padding: 0 5px;
	background: url(../imgs/bg-underline-case.png) repeat-x 0 100%;
}
.sub-page .area-case .info-area { border: 2px #559fd2 solid;}
.sub-page .area-case .info-area th,
.sub-page .area-case .info-area td {
	font-weight: 500;
	border-bottom: 1px #2e4c63 solid;
}
.sub-page .area-case a { color: #2f4c63;}
.sub-page .area-case .info-area tr:last-child th,
.sub-page .area-case .info-area tr:last-child td { border-bottom: none;}
.sub-page .area-case .read {
	font-weight: 700;
	line-height: 1.6;
	border-top: 2px #559fd2 solid;
	border-bottom: 2px #559fd2 solid;
}
.area-case .list-text .img-area a { outline: none;}
.area-case .movie-area {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
@media screen and (min-width:911px) {
.header-case { padding-top: 45px;}
.header-case .text {
	padding-top: 25px;
	padding-right: 45px;
}
.sub-page .area-case {
	margin: 0 auto;
	padding-top: 60px;
	width: 660px;
}
.sub-page .area-case .title-area {
	margin-bottom: 30px;
	padding: 25px 0 25px 175px;
}
.sub-page .area-case .title-area:after {
	top: 50%;
	left: 0;
	margin-top: -70px;
	width: 152px;
	height: 139px;
}
.sub-page .area-case .title-area .title {
	font-size: 30px;
	line-height: 1.8;
}
.sub-page .area-case .info-area { padding: 20px 60px;}
.sub-page .area-case .info-area th,
.sub-page .area-case .info-area td {
	padding: 15px 0;
	font-size: 16px;
	line-height: 1.4;
}
.sub-page .area-case .info-area th { width: 8em;}
.sub-page .area-case a:hover { text-decoration: none;}
.sub-page .area-case .read {
	margin: 80px 0 40px;
	padding: 30px 0;
	font-size: 20px;
}
.area-case .list-text { line-height: 1.6;}
.area-case .list-text dt {
	padding-bottom: 25px;
	font-size: 22px;
	font-weight: 500;
}
.area-case .list-text dd > p + p { padding-top: 20px;}
.area-case .list-text dd + dt { padding-top: 60px;}
.area-case .list-text .img-area {
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
}
.area-case .list-text .img-area p + p {
	padding-top: 5px;
	font-size: 12px;
}
.area-case .movie-area { margin-bottom: 50px;}
.area-case .movie-area .text01 {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 700;
}
.area-case .movie-area .text02 {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6;
}
}
@media screen and (max-width:910px) {
.header-case { padding: 40px 30px 25px;}
.header-case .text {
	margin: 0 auto;
	width: 80%;
}
.header-case .illust { padding-top: 25px;}
.sub-page .area-case { padding-top: 40px;}
.sub-page .area-case .title-area {
	margin-bottom: 25px;
	padding-top: 75px;
}
.sub-page .area-case .title-area:after {
	top: 0;
	left: 50%;
	margin-left: -37px;
	width: 74px;
	height: 68px;
	background-size: cover;
}
.sub-page .area-case .title-area .title {
	font-size: 20px;
	line-height: 1.6;
}
.sub-page .area-case .info-area { padding: 15px 20px;}
.sub-page .area-case .info-area th,
.sub-page .area-case .info-area td {
	padding: 13px 0;
	font-size: 14px;
	line-height: 1.4;
}
.sub-page .area-case .info-area th { width: 7em;}
.sub-page .area-case .read {
	margin: 40px 0 30px;
	padding: 15px 0;
	font-size: 16px;
}
.area-case .list-text { line-height: 1.8;}
.area-case .list-text dt {
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
}
.area-case .list-text dd > p + p { padding-top: 10px;}
.area-case .list-text dd + dt { padding-top: 40px;}
.area-case .list-text .img-area {
	margin-top: 20px;
	width: auto;
}
.area-case .list-text .img-area p + p {
	padding-top: 3px;
	font-size: 12px;
	line-height: 1.6;
}
.area-case .movie-area {
	margin-bottom: 30px;
	width: auto;
}
.area-case .movie-area .text01 {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 700;
}
.area-case .movie-area .text02 {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
}
}
@media screen and (max-width:690px) {
.sub-page .area-case {
	padding-top: 30px;
	width: auto;
}
}

/* リゾーム社員の注目SHOP30選 */
.area-best30 + .area-best30 { border-top: 1px #c9c9c9 solid;}
.area-best30 .genre-area { position: relative;}
.area-best30 .genre-area .number {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
	border-right: 1px #2e4c63 solid;
}
.area-best30 .genre-area .text01 { font-weight: 700;}
.area-best30 .title01 {
	font-weight: 700;
	line-height: 1.4;
}
.area-best30 .title02 {
	font-weight: 500;
	line-height: 1.6;
}
.area-best30 .point {
	color: #559fd2;
	text-align: center;
	font-weight: 700;
	border: 2px #559fd2 solid;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
.area-best30 .icon-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.area-best30 .icon-area p {
	color: #fff;
	font-weight: 500;
	text-align: center;
	background-color: #deeaee;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.area-best30 .icon-area p:first-child { background-image: url(../imgs/icon-01.png);}
.area-best30 .icon-area p:nth-child(2) { background-image: url(../imgs/icon-02.png);}
.area-best30 .icon-area p:nth-child(3) { background-image: url(../imgs/icon-03.png);}
.area-best30 .icon-area p:nth-child(4) { background-image: url(../imgs/icon-04.png);}
.area-best30 .icon-area p.on {
	color: #559fd2;
	border-color: #559fd2;
}
.area-best30 .icon-area p.on:first-child { background-image: url(../imgs/icon-01_on.png);}
.area-best30 .icon-area p.on:nth-child(2) { background-image: url(../imgs/icon-02_on.png);}
.area-best30 .icon-area p.on:nth-child(3) { background-image: url(../imgs/icon-03_on.png);}
.area-best30 .icon-area p.on:nth-child(4) { background-image: url(../imgs/icon-04_on.png);}
.area-best30 .list li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-weight: 500;
	line-height: 1.6;
}
.area-best30 .list li:before {
	content: '■';
	padding-right: .3em;
}
.area-best30 .list li + li { margin-top: 10px;}
.area-best30 .embed-area {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width:911px) {
.header-attention { padding: 50px 0 30px;}
.header-attention .text { padding-right: 25px;}
.sub-page .area-attention { padding-top: 60px;}
.area-best30 + .area-best30 {
	margin-top: 50px;
	padding-top: 50px;
}
.area-best30 .genre-area {
	margin-bottom: 40px;
	padding-left: 120px;
}
.area-best30 .genre-area .number {
	padding-right: 15px;
	font-size: 68px;
}
.area-best30 .genre-area .text01 {
	padding-top: 5px;
	font-size: 32px;
}
.area-best30 .genre-area .text02 { padding-top: 10px;}
.area-best30 .title01 {
	margin-bottom: 30px;
	font-size: 28px;
}
.area-best30 .title02 { margin-bottom: 40px;}
.area-best30 .point {
	padding: 10px;
	font-size: 18px;
}
.area-best30 .info-area {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.area-best30 .icon-area {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 264px;
}
.area-best30 .icon-area p {
	padding: 12px 10px;
	width: 120px;
	height: 104px;
	font-size: 18px;
	border: 3px #deeaee solid;
	letter-spacing: 1px;
}
.area-best30 .icon-area p:nth-child(n+3) { margin-top: 24px;}
.area-best30 .list { width: 560px;}
.area-best30 .list li { font-size: 18px;}
.area-best30 .embed-area {
	margin-top: 40px;
	width: 720px;
}
}
@media screen and (max-width:910px) {
.header-attention { padding: 40px 30px 25px;}
.header-attention .illust { padding-top: 25px;}
.sub-page .area-attention { padding-top: 40px;}
.area-best30 + .area-best30 {
	margin-top: 30px;
	padding-top: 30px;
}
.area-best30 .genre-area {
	margin-bottom: 15px;
	padding-left: 65px;
}
.area-best30 .genre-area .number {
	padding-right: 10px;
	font-size: 34px;
}
.area-best30 .genre-area .text01 { font-size: 18px;}
.area-best30 .genre-area .text02 {
	padding-top: 6px;
	font-size: 12px;
}
.area-best30 .title01 {
	margin-bottom: 20px;
	font-size: 18px;
}
.area-best30 .title02 {
	margin-bottom: 25px;
	line-height: 1.8;
}
.area-best30 .point {
	padding: 6px;
	font-size: 16px;
}
.area-best30 .info-area { margin-top: 20px;}
.area-best30 .icon-area p {
	padding: 12px 0px;
	width: 22%;
	height: 82px;
	font-size: 14px;
	border: 2px #deeaee solid;
	background-size: 60px;
}
.area-best30 .list { margin-top: 20px;}
.area-best30 .list li { font-size: 14px;}
.area-best30 .embed-area { margin-top: 20px;}
}