@charset "utf-8";

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

body {
	font-size:14px;
	line-height:2;
    -webkit-text-size-adjust: 100%;
	min-width:inherit;
}
body,
html{
	overflow:visible;
}

img,svg {
	max-width:100%;
	height:auto !important;
	width:100%;
}
.visible-sp{
	display:block !important;
}
.visible-pc{
	display:none !important;
}
.content-area01{
	max-width: 100%;
	width:100%;
}
.content-area02{
	max-width: 100%;
	width:100%;
	padding:0 5vw;
}
.content-area03{
	max-width: 100%;
	width:100%;
	padding:0 ;
}

.ttl01 {
	font-size: 18px;
		letter-spacing:-0.05em;
	padding: 0;
	margin: 0 0 30px;
}
	/* 下三角 */ 
	.ttl01:after {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 15px solid #00398b;
		border-bottom-width: 0;
		bottom: -14px;
		margin-left:-20px;
	}
.ttl02 {
	left:0;
	width:80vw;
	font-size: 20px;
	margin:0 auto 26px;
	padding:8px 1em;
	display:block;
	text-align:center;
}
.ttl02:before,
.ttl02:after { 
	width: 12px;
}
.bg-yellow{
	background-size:auto 100%;
	padding-left: 8px;
	padding-right: 8px;
}

.ttl03 {
	font-size: 16px;
	width:auto;
	padding: 0;
	margin:18px auto 12px;
}
.ttl03:before,
.ttl03:after {
  width: 7vw;
}

.ttl04 {
	padding: 0 16px;
	font-size:15px;
	letter-spacing:-0.1em;
	width:auto;
	margin:0 auto 20px;
}
.ttl04:before, .ttl04:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 32px;
  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-orange02.width560{
	width:100%;
}
/* +++++++++++*/

.base-btn a{
	display:block;
	padding:4vw 8vw;
}


.mt05{ margin-top:0.5vw !important;}
.mt1{ margin-top:1vw !important;}
.mt2{ margin-top:2vw !important;}
.mt3{ margin-top:3vw !important;}
.mt4{ margin-top:4vw !important;}
.mt5{ margin-top:5vw !important;}
.mt6{ margin-top:6vw !important;}
.mt7{ margin-top:7vw !important;}
.mt8{ margin-top:8vw !important;}
.mt9{ margin-top:9vw !important;}
.mt10{ margin-top:10vw !important;}

.mb05{ margin-bottom:0.5vw !important;}
.mb1{ margin-bottom:1vw !important;}
.mb2{ margin-bottom:2vw !important;}
.mb3{ margin-bottom:3vw !important;}
.mb4{ margin-bottom:4vw !important;}
.mb5{ margin-bottom:5vw !important;}
.mb6{ margin-bottom:6vw !important;}
.mb7{ margin-bottom:7vw !important;}
.mb8{ margin-bottom:8vw !important;}
.mb9{ margin-bottom:9vw !important;}
.mb10{ margin-bottom:10vw !important;}
.mb12{ margin-bottom:12vw !important;}
.mb15{ margin-bottom:15vw !important;}
.mb20{ margin-bottom:20vw !important;}

a,
input,
button {
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:(0,0,0,0);
	cursor: pointer;
}
a.btn-orange02{
	font-size:18px;
	padding:16px 0px;
	color:#ffffff;
	width:90%;
	margin:1vw auto 10px;
}
a.btn-green02{
	font-size:18px;
	padding:16px 0px;
	color:#ffffff;
	width:90%;
	margin:1vw auto 10px;
}


/* ++++++ header +++++ */
header{padding:0;}
.header-logo{
	/* width:18.8%; */
	/* padding:2.5vw 0 ; */
	width: 25%;
	padding: 0;
}
.sp-header{
	width:100%;
	background:#002a5c;
	padding: 3vw 5vw;
}
.sp-header img{
	border-radius:8px;
	padding: 1vw 2.5vw;
	background:#fff;
}

.flex-ce.btn-area{
	display:block;
}


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

#catch-area figure{
	width:30%;
	margin-right:2%;
}
.catch-text01{
	width:68%;
	font-size:11px;
	letter-spacing:-0.15em;
	padding:2.5vw 0;
}
.catch-inner01{
	margin-top:10px;
}
.catch-text02{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	height:160px;
	background:url(../img/bg_monthlycatch_sp.jpg) no-repeat center bottom;
	background-size:cover;
}

/* +++++ #comparison-area ++++++ */
#comparison-area{
	margin-bottom:30px;
}
#comparison-area > section{margin:30px 0;}

.comparison-txt01{
	font-size:10px;
	width:auto;
	margin:5px 5vw 0;
}
/* +++++ #supporttenants-area ++++++ */
#supporttenants-area{
	padding:28px 0;
	margin-bottom:30px;
}

#supporttenants-area > .content-area02{
    padding: 0;
}
#supporttenants-area > .content-area02 > p.t-ac{
	padding: 0 8vw;
	font-size:12px;
}
.s-point01,
.s-point02,
.s-point03{
	display:block;
	margin:25px 0 ;
	padding: 0 8vw;
}

.s-point01 {background:url(../img/bg_point1_sp.png) no-repeat 0 top;background-size:auto 40%;}
.s-point02 {background:url(../img/bg_point2_sp.png) no-repeat 0 top;background-size:auto 40%;}
.s-point03 {background:url(../img/bg_point3_sp.png) no-repeat 0 top;background-size:auto 40%;}

.s-point01 figure,
.s-point02 figure,
.s-point03 figure{margin: 0 5vw;}

.s-point01 div,
.s-point02 div,
.s-point03 div{background:none;}

.s-point01 div,
.s-point02 div,
.s-point03 div{margin-right:-5vw;margin-left:-5vw;padding:0 5%;}

.s-point01 h3,
.s-point02 h3,
.s-point03 h3{
	font-size:20px;
	margin-top:15px;
	margin-bottom:10px;
	text-align:center;
}
.s-point01 h3 span,
.s-point02 h3 span,
.s-point03 h3 span{
	font-size:16px;
}
.s-point01 h3 span.point-circle,
.s-point02 h3 span.point-circle,
.s-point03 h3 span.point-circle {
	width: 20px;/*幅*/
	height: 20px;/*高さ*/
	line-height: 20px;
	margin-left:8px;
}
.s-point01 p,
.s-point02 p,
.s-point03 p{margin: 0 5vw;}

/* +++++ #shareno1-area ++++++ */
#shareno1-area{
	padding:0;
	margin-bottom:80px;
	background:url(../img/bg_japan.png) no-repeat center bottom 360px;
	background-size:120%;
}
.shareno1-copy{
	font-size:14px;
	line-height:1.6;
	margin-bottom:6px;
}
.shareno1-txt{
	font-size:18px;
	line-height:24px;
}
.map-route{
	margin:0 0 36px 0px ;
}
/* +++++ #recommend-area ++++++ */
#recommend-area{
	background: #ddecff;
	padding:30px 0;
}

#recommend-area .property-ara{
	width:100%;
	display:block;
	margin-bottom:30px;
}
.property{
	padding-bottom:20px;
	padding-right:16px;
	padding-left:16px;
	margin:0 0 20px;
}
.property:nth-child(even){
	padding-right:16px;
	padding-left:16px;
	margin:0 0 20px;
}
.property:nth-last-child(2){
	padding-bottom:20px;
	border-bottom:2px solid #afbac8;
	margin:0 0 20px;
}
.property:nth-last-child(1){
	padding-bottom:0px;
	border-bottom:none;
}
.property h3{
	margin-bottom:10px;
}
.property h3 span{
	font-size:18px;
	line-height:20px;
	padding:3px 8px;
}
.property h3 span.mens-only{
	font-size:16px;
}
.property h3 span.womans-only{
	font-size:16px;
}
.property h3 span.unisex{
	font-size:16px;
}

/* +++++ #voice-area ++++++ */
#voice-area{
	padding:30px 0;
}
.voice-article{
	padding:20px 16px;
	margin-left:16px;
	margin-right:16px;
	margin-bottom:20px;
	display:block;
}
.voice-corporation{
	width:auto;
	padding-right:0;
	border-right:none;
	border-bottom:1px dotted #909090;
	padding-bottom:20px;
	margin-bottom:20px;
}
.voice-corporation h3{
	font-size: 20px;
	margin: 0 0 20px;
}
	/* 下三角 */ 
	.voice-corporation h3:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #ff7883;
		border-bottom-width: 0;
		bottom: -10px;
		margin-left:-10px;
	}
.voice-corporation p span{
	color:#ff7883;
	margin-left:-14px;
}
.voice-corporation p {
	margin-left:14px;
}
.voice-user{
	width:auto;
	padding-left:0;
}
.voice-user h3{
	font-size: 20px;
	margin: 0 0 20px;
}
	/* 下三角 */ 
	.voice-user h3:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #009fa2;
		border-bottom-width: 0;
		bottom: -10px;
		margin-left:-10px;
	}
.voice-user p span{
	color:#009fa2;
	margin-left:-14px;
}
.voice-user p {
	margin-left:14px;
}

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

#flow-area{
	padding:30px 0;
	margin-bottom:30px;
}

/* +++++ #faq-area ++++++ */
#faq-area{
	padding:0;
	margin-bottom:30px;
}
.faq-article dt.faq-q {
	font-size:14px;
	padding: 0 0px 16px 32px;
}
.faq-article dd.faq-a {
	font-size:14px;
	margin: 0 0 16px 0;
	padding: 0 0px 16px 32px;
	border-bottom: 1px solid #9f9f9f;
}
.faq-article dt.faq-q::before, 
.faq-article dd.faq-a::before {
	left:0;
	top:0;
}
/* +++++ footer ++++++ */
.footer-copy{
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
}
footer address{
	font-style:normal;
	font-size:12px;
	margin-bottom:20px;
}

footer .tel {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.footer-logo{
	width:35%;
	margin:0 auto 10px;
}
.footer-bn{
	display:block;
}
.footer-bn li{
	display:block;
	width:50%;
	margin: 20px auto;
}

.footer-bn li img{
	padding:3px;
	border:1px solid #ddd;
}

#copyright{
	font-size:12px;
	padding:12px;
}
#btn-pagetop{
	width: 60px;
	height: 60px;
	right:5vw;
	bottom:8vw;
}
/* +++++++++++++++++++++++++　文字調整関連 */


.small-txt01{
	font-size:10px;
}
.small-txt02{
	font-size:11px;
}
.small-txt03{
	font-size:12px;
}

.large-txt01{
	font-size:18px;
}
.large-txt02{
	font-size:20px;

}

/* 20211119 pannav */
.panNav {
	width: 100%;
	margin: 10px auto;
	padding: 0 calc(20/750 * 100vw);
	font-size: 82.75862%;
}