@charset "utf-8";

/* +++++++++++++++++++++++++　common */

.visible-sp{
	display:none;
}
.visible-pc{
	display:block;
}
.content-area01{
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.content-area02{
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.content-area03{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

.ttl01 {
	position: relative;
	background: #00398b;
	color: #fff;
	font-weight:bold;
	text-align: center;
	font-size: 40px;
	padding: 0;
	margin: 0 0 60px;
}
	/* 下三角 */ 
	.ttl01:after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 30px solid #00398b;
		border-bottom-width: 0;
		bottom: -29px;
		content: "";
		display: block;
		left: 50%;
		position: absolute;
		width: 0;
		margin-left:-40px;
	}

.ttl02 {
	position: relative;
	color:#00398b;
	text-align: center;
	font-size: 44px;
	font-weight:bold;
	line-height: 1.4;
	padding:8px 1em;
	display: inline-block;
	top:0;
	left:180px;
	width:720px;
	margin:0 auto 50px;
}
.ttl02:before,
.ttl02:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 18px;
	height: 100%;
	display: inline-block;
}
.ttl02:before {
	border-left: solid 1px #20529a;
	border-top: solid 1px #20529a;
	border-bottom: solid 1px #20529a;
	left: 0;
}
.ttl02:after {
	content: '';
	border-top: solid 1px #20529a;
	border-right: solid 1px #20529a;
	border-bottom: solid 1px #20529a;
	right: 0;
}

.bg-yellow{
	background:url(../img/bg_yellow.png) repeat-x bottom left;
	padding-left: 16px;
	padding-right: 16px;
}
.ttl03 {
	position: relative;
	display: block;
	padding: 0 230px;
	color:#00398b;
	font-size: 32px;
	font-weight:bold;
	width:1080px;
	margin:40px auto;
	text-align:center;
}
.ttl03:before,
.ttl03:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 200px;
  height: 1px;
  background-color: #00398b;
}

.ttl03:before {
  left:0;
}
.ttl03:after {
  right: 0;
}
.ttl04 {
	position: relative;
	display: block;
	padding: 0 45px;
	font-size:38px;
	font-weight:500;
	text-align:center;
	letter-spacing:-0.05em;
	width:880px;
	margin:0 auto 20px;
}
.ttl04:before, .ttl04:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 66px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.ttl04:before {
  left:0;
}
.ttl04:after {
  right: 0;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
/* +++++++++++ */

a.btn-orange01{
	font-size:20px;
	line-height:1;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:16px 20px;
	color:#ffffff;
	letter-spacing:0.05em;
	background-color:#ff8741;
	border-radius:5px;
}
a.btn-orange02{
	font-size:28px;
	line-height:1;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:20px 40px;
	color:#ffffff;
	letter-spacing:0;
	background-color:#ff8741;
	border-radius:5px;
	box-shadow:0px 3px #e55407;
}
a.btn-orange02.width560{
	width:560px;
	margin:0 auto;
}
a.btn-green02{
	font-size:28px;
	line-height:1;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:20px 40px;
	color:#ffffff;
	letter-spacing:0.05em;
	background-color:#009fa2;
	border-radius:5px;
	box-shadow:0px 3px #005f69;
}
/* ++++++ header +++++ */
/* header{padding:10px 0;} */
header{padding: 0;}
header .pc-header {padding-left:36px;padding-right:36px;}
header .pc-header_202111 .header-logo {
	display: block;
	margin: 0;
	width: 171px;
	height: 72px;
}
header .pc-header_202111 .header-logo a {
	width: 171px;
	height: 72px;
}
header .pc-header_202111 .header-logo a img {
	width: 171px;
	height: 72px;
}
header .pc-header_202111 .header-logo + .flex-ace {
	margin-top: 10px 0;
}
#top-main{
	background:#002a5c;
}

/* +++++ #catch-area ++++++ */
#catch-area{
	margin-bottom:84px;
	padding-top:66px;
	background: url(../img/bg_catchcopy.png) repeat-x left top;
}

.catch-text01{
	font-size:28px;
	color:#00398b;
	padding:30px 36px;
	text-align: center;
	margin: 0 auto;
}

.catch-text02{
	margin-top:50px;
	height:616px;
	background:url(../img/bg_monthlycatch.jpg) no-repeat center bottom;
}
.catch-inner02{
	color:#fff;
	width:520px;
	margin:0 auto 0;
	padding-top:460px;
}
.catch-inner02 h2{
	font-weight:bold;
	display:flex;
	font-size:32px;
	line-height:32px;
	align-items:center;
	margin-bottom:8px;
}
.catch-inner02 h2 .catch-label{
	background:#fff;
	font-size:24px;
	color:#00398b;
	padding:2px 8px;
	margin-right:8px;
}
.catch-inner02 p{
	margin-left:16px;
	font-size:20px;
	font-weight:bold;
}
/* +++++ #comparison-area ++++++ */
#comparison-area{
	margin-bottom:80px;
}
#comparison-area > section{margin:76px 0;}

.comparison-txt01{
	font-size:16px;
	width:970px;
	margin:5px auto 0;
	text-align:right;
}

/* +++++ #supporttenants-area ++++++ */
#supporttenants-area{
	padding:80px 0;
	background:#ddecff;
	margin-bottom:80px;
}
.s-point01,
.s-point02,
.s-point03{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	margin:78px 38px;
}
.s-point02{flex-direction:row-reverse;}

.s-point01 div{background:url(../img/bg_point1.png) no-repeat left top;}
.s-point02 div{background:url(../img/bg_point2.png) no-repeat left top;}
.s-point03 div{background:url(../img/bg_point3.png) no-repeat left top;}

.s-point01 div,
.s-point03 div{margin-right:38px;}
.s-point02 div{margin-left:38px;}

.s-point01 h3,
.s-point02 h3,
.s-point03 h3{
	font-weight:bold;
	font-size:36px;
	margin-top:15px;
	margin-bottom:20px;
}
.s-point01 h3 span,
.s-point02 h3 span,
.s-point03 h3 span{
	font-weight:normal;
	font-style:italic;
	font-size:30px;
	color: #00398b;
}
.s-point01 h3 span.point-circle,
.s-point02 h3 span.point-circle,
.s-point03 h3 span.point-circle {
	display: inline-block;
	width: 38px;/*幅*/
	height: 38px;/*高さ*/
	border-radius: 50%;/*角丸*/
	color:#fff;
	background: #00398b;
	text-align:center;
	line-height: 38px;
	font-style:normal;
	margin-left:8px;
}

/* +++++ #shareno1-area ++++++ */
#shareno1-area{
	padding:0;
	margin-bottom:80px;
	background:url(../img/bg_japan.png) no-repeat center bottom 200px;
}
.shareno1-copy{
	font-size:26px;
	margin-bottom:16px;
}
.shareno1-txt{
	line-height:36px;
	font-size:30px;
	text-align:center;
}
.map-route{
	margin:30px 0 100px 0px ;
}
.map-route img{
	max-width: 100%;
}

/* +++++ #recommend-area ++++++ */
#recommend-area{
	background: #ddecff;
	padding:80px 0;
}

#recommend-area .property-ara{
	width:1080px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin-bottom:80px;
}
.property{
	border-bottom:2px solid #afbac8;
	padding-bottom:30px;
	padding-right:40px;
	margin:0 0px 30px 40px ;
}
.property:nth-child(even){
	padding-right:0px;
	padding-left:40px;
	margin:0 40px 30px 0px ;
}
.property:nth-last-child(2),
.property:nth-last-child(1){
	padding-bottom:0px;
	border-bottom:none;
}
.property h3{
	display:flex;
	align-items:center;
	margin-bottom:18px;
}
.property h3 span{
	font-size:28px;
	line-height:28px;
	color: #00398b;
	font-weight:bold;
	padding:4px 8px;

}
.property h3 span.mens-only{
	font-size:18px;
	color: #fff;
	background:#002a5c;
}
.property h3 span.womans-only{
	font-size:18px;
	color: #fff;
	background:#ff7883;
}
.property h3 span.unisex{
	font-size:18px;
	color: #fff;
	background:#7db340;
}
/* +++++ #voice-area ++++++ */
#voice-area{
	padding:80px 0;
	background:url(../img/bg_voice.png);
}

.voice-article{
	border:1px solid #9e9e9e;
	background:#fff;
	padding:50px 35px;
	margin-bottom:60px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.voice-corporation{
	width:500px;
	padding-right:35px;
	border-right:1px dashed #9e9e9e;
}
.voice-corporation h3{
	position: relative;
	color:#ff7883;
	text-align: center;
	font-size: 32px;
	margin: 0 0 40px;
	border-bottom:1px solid #ff7883;
}
	/* 下三角 */ 
	.voice-corporation h3:after {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #ff7883;
		border-bottom-width: 0;
		bottom: -20px;
		content: "";
		display: block;
		left: 50%;
		position: absolute;
		width: 0;
		margin-left:-20px;
	}
.voice-corporation p span{
	color:#ff7883;
	margin-left:-18px;
}
.voice-corporation p {
	margin-left:18px;
}
.voice-user{
	width:500px;
	padding-left:35px;
}
.voice-user h3{
	position: relative;
	color:#009fa2;
	text-align: center;
	font-size: 32px;
	margin: 0 0 40px;
	border-bottom:1px solid #009fa2;
}
	/* 下三角 */ 
	.voice-user h3:after {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #009fa2;
		border-bottom-width: 0;
		bottom: -20px;
		content: "";
		display: block;
		left: 50%;
		position: absolute;
		width: 0;
		margin-left:-20px;
	}
.voice-user p span{
	color:#009fa2;
	margin-left:-18px;
}
.voice-user p {
	margin-left:18px;
}


/* +++++ #flow-area ++++++ */

#flow-area{
	background: #ddecff;
	padding:80px 0;
	margin-bottom:80px;
}
/* +++++ #faq-area ++++++ */
#faq-area{
	padding:0;
	margin-bottom:80px;
}

.faq-article dt.faq-q {
	position: relative;
	padding: 0 76px 32px 120px;
	font-weight:bold;
}
.faq-article dd.faq-a {
	position: relative;
	margin: 0 0 32px 0;
	padding: 0 76px 32px 120px;
	border-bottom: 1px dotted #cccccc;
}

.faq-article dt.faq-q::before, 
.faq-article dd.faq-a::before {
	position: absolute;
	left:72px;
	top:0;
	font-weight:normal;
	font-size: 1.2em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
	text-align:center;
}
.faq-article dt.faq-q::before {
	padding: 0.1em ;
	content: 'Q';
	background: #ff7883;
}
.faq-article dd.faq-a::before {
	padding: 0.12em ;
	content: 'A';
	background: #00398b;
}


/* +++++ footer ++++++ */


footer {text-align:center;}
.footer-copy{
	color: #00398b;
	font-size:28px;
	line-height:36px;
	margin-bottom:40px;
}
footer address{
	font-style:normal;
	font-size:14px;
	margin-bottom:30px;
}

.footer-logo{
	margin:0 auto 20px;
}

footer address span{display:block;}

.footer-bn{
	display:flex;
	justify-content:center;
}
.footer-bn li{
	    margin: 0 20px 30px;
}

#copyright{
	background:#00398b;
	color:#fff;
	font-size:16px;
	padding:16px;
	letter-spacing:0.05em;
	text-align:center;
}

#btn-pagetop{
	  position: fixed;
	right:50px;
	bottom:100px;
}
/* 20211119 pannav */
.panNav {
	max-width: 1200px;
	margin: 10px auto;
	padding: 0 30px;
	color: #333;
	font-size: 80%;
	text-decoration: none;
}
.panNav a {
	display: inline;
	color: #333;
	text-decoration: none;
}
.panNav a:hover {
	text-decoration: underline;
}

/* area search 202111 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:700,900&display=swap");
.search-wrap {
	width: 100%;
	background: #f8f8f8;
}
.search-inner-box {
	padding-top: 40px;
	position: relative;
	z-index: 2;
	font-size: 16px;
	letter-spacing: 0.14em;
	line-height: 1.9;
}
@media screen and (max-width: 599px) {
	.search-inner-box {
		padding: 4vw 5.8vw;
	}
}
.search-box {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
	position: relative;
}

@media screen and (max-width: 599px) {
	.search-box {
		width: 100%;
		padding: 12vw 0;
	}
}
.sec-bg-border {
	/* width: 100%; */
	position: relative;
	z-index: 1;
}
.sec-ttl {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.14em;
}
.sec-ttl span {
	display: block;
	font-size: .4em;
	color: #a6c2e7;
	line-height: 1.4;
}

@media screen and (max-width: 599px) {
	.sec-ttl {
		font-size: 5.86667vw;
	}
}
.copy-en {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.sp-ui {
	display: none;
}

@media screen and (max-width: 599px) {
	.sp-ui {
		display: block;
	}
}
.search-inner-box {
	padding-top: 40px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 599px) {
	.search-inner-box {
		padding: 4vw 5.8vw;
	}
}
.search-area-list-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.search-area-list-wrap .search-area-list {
	margin-top: 20px;
	width: 18%;
	height: 60px;
}

.search-area-list-wrap .search-area-list:not(:nth-of-type(5n)) {
	margin-right: 2.5%;
}

@media screen and (max-width: 599px) {
	.search-area-list-wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.search-area-list-wrap .search-area-list {
		margin-top: 4vw;
		width: 48%;
		height: 13vw;
	}
	.search-area-list-wrap .search-area-list:not(:nth-of-type(5n)) {
		margin-right: 0;
	}
}
a.search-area-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	font-weight: 700;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
	position: relative;
	color: #333;
	text-decoration: none;
}

a.search-area-link:after {
	content: url(../img/arrow_circle.svg);
	display: inline-block;
	position: absolute;
	top: 28%;
	right: 5%;
}
@media screen and (min-width: 990px) {
	a.search-area-link:hover {
		opacity: 0.7;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
}