*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-style: normal;
}
:root {
 --main-color: #0c20b1;
	--bg-light:#f3f4ff;
	--light:#c5f7f2;
 --green:#0ab879;
 --ju: space-between;
 --rgb-f: rgba(255,255,255,.4);
 --en:"Roboto", sans-serif;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #222;
	font-size: 1rem;
	text-align: center;
}
.wrapper {
	position: relative;
}
img, picture, video, canvas, svg {
	max-width: 100%;
	vertical-align: bottom;
}
input, button, textarea, select {
	font: inherit;
}
p, li, dl, th, td {
	overflow-wrap: break-word;
	text-rendering: optimizeLegibility;
	line-height: 1.8;
}
h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
	letter-spacing: 0.03em;
	text-rendering: optimizeLegibility;
}
table {
	border-collapse: collapse;
	width:100%;
}

th, td {
	padding: .6em 1em;
}

.tbl-normal th, .tbl-normal td{
	border: 1px solid #CCC
}

.tbl th, .tbl td{
	padding: 1em .2em;
	border-bottom: 1px solid #CCC
}

.tbl th{
	border-bottom:2px solid var(--main-color);}
.tbl-normal th{
	background:#f6f6f6}


td hr{
	border:0;
	height:12px}
ul{
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}

.index section{padding:80px 0}
	/**/
	
.txt-sup{
	vertical-align:text-top;
	font-size:.5rem}
.a-center{
	text-align:center;
}
.a-right{
	text-align:right}
.pct-r,.flt-r{
	float:right;
}

.pct-l,.flt-l{
	float:left;}
	.pct-r{
		margin: 0 0 2em 2em}
		.pct-l{
			margin: 0 2em 2em 0}
		.g-map{
		border:0}

.btn-more a {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	border-radius:100px;
	padding: 0 1.6em;
	line-height:2.8rem;
	
}

.btn-more.fff a{
	background:#fff;
	color:var(--main-color);
}

/**/
#page-common{
	padding: 0 0 100px;}
.list-normal{
	margin: 0 0 2em}
	
	.list-normal li{
		padding: 0 0 1em 1.2em;
		position:relative;
	}
	
ol.inner li{
	list-style:none}

ol.inner li a{
	text-decoration:underline}
.list-normal li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 12px;
  background-color:var(--main-color);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  left: 0;
  top: .6em;
}
	.ju
{justify-content:space-between;}

.verse{
	flex-direction:row-reverse;
}
/**/

.cv {
	color:#FFF;
	padding:60px 0;
  background-color:var(--main-color);
}

.cv h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 1.8em;
  letter-spacing: 0.05em;
}

.cv .inner{
  display: flex;
  align-items: center;
		justify-content:center;
		gap:60px;
  flex-wrap: wrap;
}

.cv a{
	font-weight:bold;
  color: #fff;
}

.cv .tel-number{
	padding: 0 0 0 3.8em;
	background:url(../images/ico-tel-w.png) no-repeat left top / 50px;
	
}
.cv .tel-number a{
  font-size: 2.75rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1.1;
}

.cv .tel-number a span{
	display:block;
	font-weight:normal;
	font-size:1.25rem}

.cv .btn-mail a{
	border-radius:10px;
	font-size:1.5rem;
	display:flex;
	align-items:center;
	background:var(--green);
	padding: .88em 1.6em;
}

.cv .btn-mail a img{
	width:auto;
	height: 1.2em;
	margin: 0 .6em 0 0;
}

/**/
.bnr-area{
	padding:60px 0;
	background:#f4f4f4;
}

.bnr-area ul{
	display:flex;
	justify-content:center;
	gap:30px;}
/**/


footer {
	padding:100px 0
}

footer .inner {
	text-align:left;
  display: flex;
  justify-content: space-between;

}

/* 左側 */
footer address {
  font-style: normal;
		font-size:.938rem;
		line-height: 1.8em;
}

footer .logo {
  margin-bottom: 30px;
}

footer .logo img {
	width:360px;
}

/* 右側ナビ */
footer nav {
  display: flex;
  gap: 60px;
}

footer nav ul {
  list-style: none;
  padding: 0;
}

footer nav ul ul{
	padding:.688em 0 0}
footer nav li {
  margin-bottom: 8px;
}
footer nav li li{
	font-size:.875rem}
#pageTop {
	position: fixed;
	bottom: 120px;
	right: 20px;
}

/* コピーライト */
#copyright {
	text-align:left;
	padding: 80px 0 0;
	font-size:.875rem;
  color: var(--main-color);
}

/**/

.list-ank ul{
	padding: 40px 0 80px;
	display:flex;
	align-items:center;
	justify-content:center;
gap:40px;
}
.list-ank ul li a{
	font-size:1.375rem;
	font-weight:bold;
	border-radius:8px;
	display:inline-block;
	padding: 1em 2em;
	color:#666;
	border:1px solid #666;}
	.list-ank ul li a:hover,
	.list-ank ul li.ov a{
		color:#FFF;
		background:var(--green);
		border-color:var(--green);
	}
	
	
	
/**/
#navigation a:hover {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
#navigation ul {
	align-items:center;
	display: flex;
}
#navigation ul li {
	font-size:.938rem;
	text-align: center;
	display: inline-block;
}
#navigation ul li a {
	display: block;
	padding: 0 .8em;
	color: #222;
	text-decoration: none;
}
#navigation ul li:nth-child(-n+5) {
	padding-top:4px}


#navigation ul li a[href*="tel:"]{
	font-weight:bold;
	padding:0 0 0 2em;
	display:flex;
	align-items:center;
	line-height:.88em;
	flex-direction:column;
	background:url(../images/ico_tel.png) no-repeat 16px top / 30px;
	font-size:24px;
}

#navigation ul li a[href*="tel:"] span{
	display:block;
	font-size:.75rem;
	font-weight:400;
	opacity:.6;
}
#navigation ul li a:hover {
	color:var(--color); 
	text-decoration:none;
	position: relative;
}
/* Toggle(Button) */

#btn-toggle div {
	position:relative
}
#btn-toggle span {
	display:block;
	position:absolute;
	width:56%;
	left:22%;
	border-bottom:solid 2px var(--main-color);
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
	border-radius: 10px;
}
#btn-toggle span:nth-child(1) {
top:12px;
}
#btn-toggle span:nth-child(2) {
top:20px;
}
#btn-toggle span:nth-child(3) {
top:28px;
}
#btn-toggle {
	position:fixed;
	right:0;
	top:10px;
	cursor:pointer;
	background:var(--bg);
	z-index: 10000;
	width:60px;
	height: 60px;
}
#btn-toggle:after {
	content:"MENU";
	position:absolute;
	top: 36px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 2vw;
	color:var(--main-color);
}



.fixed #btn-toggle{
	background:#FFF;
	border:1px solid var(--main-color);}
.fixed.openNav #btn-toggle{
	background:transparent}


.openNav #btn-toggle:after {
	content:"";
}
 .openNav #btn-toggle span{
		border-color:#FFF}
 .openNav #btn-toggle span:nth-child(1) {
top: 30px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.openNav #btn-toggle span:nth-child(2), .openNav #btn-toggle span:nth-child(3) {
top: 30px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg)
}
/*header menu*/

 
 
 #navigation li.contact a {transition: .6s;
	background: var(--green) url(../images/ico_mail.png) no-repeat center 4px / 20px;
	border-radius:8px;
	width:90px;
	height:50px;
	font-size:12px;
	color: #FFF;
	text-decoration:none;
	padding: 24px 0 0;
	margin:0 20px

}
.btn a:hover, #navigation li.contact:hover a {
	background-color:#FFCC33;
	color:#FFF;
	text-decoration:none;
}


#main-index{
	background:#f2f2f2;
	padding:0;
	position:relative}
	
	#main-k {
		padding:0}
	#main-k h1{
		padding:180px 0 80px;
		background:var(--main-color);
		color:#FFF;}
		
		#main-k ol {
			padding:40px 0;
  display: flex;
  gap: 8px;
}

		#main-k ol li::after {
  content: ">";
  margin-left: 8px;
}

		#main-k ol li:last-child::after {
  content: "";
}
	/**/
.news-area{
	background:#f2f2f2;
}
.index #news-index{
	padding: 1em 0;
	background:#FFF;
}

	
.index #news-index dl{
	padding: 1em 0;
text-align:left}


#news-index dt span{
	display:inline-flex;
	line-height: 1em;
	border-radius:4px;
	width:8em;
	background:var(--main-color);
	color:#FFF;
	margin: 0 0 0 .6em;
	font-size:.688rem;
	padding:.4em 0;
	align-items:center;
	justify-content:center;
}
#news-index h2{
position:relative;
	color:var(--main-color);
border-right:1px solid #CCC

}
#news-index h2 span{
display:block;
}
#news-index h2 span a{
line-height:1.2em;
display:inline-block;
color:var(--main-color);
border:1px solid var(--main-color);
border-radius:60px;
padding: .4em 1.5em;
font-size:.875rem}

#news-index .flex-pc{
align-items:normal;}

/**/
.wp-block-image{
padding: 1em 0 3em}
.wp-block-table thead{
border: 0!important;}
.wp-block-image :where(figcaption){
margin-top: -1.8em}



#page-common.article-co table{
margin-bottom: 2em;
}
#page-common.article-co th,
#page-common.article-co td {
	border: 1px solid #ccc;
	vertical-align: middle;
	line-height: 1.8em;
	padding: .6em 1em;
}
#page-common.article-co th {
text-align:center;
	background:var(--bg-light);
}

/* ページネーション全体 */
.nation {
    text-align: center;
    margin: 2em 0 0;
				padding: 3em 0 0;
				border-top:1px dotted #CCC;
}

.nation ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nation ul li a,
.nation ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 1rem;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #555;
    background: #FFF;
    transition: background 0.2s;
}

.nation ul li span.current {
    background: var(--main-color);
    color: #FFF;
    border-color: var(--main-color);
    font-weight: 500;
}

.nation ul li a:hover {
    background: #f0f0f0;
    color: #333;
}

.nation ul li span.dots {
    border: none;
    background: transparent;
    color: #999;
    cursor: default;
}

	/**/
	
#page-common p.date{
	text-align:right;
}

#page-common.article-co{
	padding:60px 0;
	background:var(--bg-light);
}

#page-common.article-co .inner{
	padding: 30px 60px;
	background:#FFF;
	border-radius:20px;
}
#page-common p.date span{
	background:var(--main-color);
	color:#FFF;
	font-size:.75rem;
	line-height: 1em;
	padding: .2em 1em;
	border-radius:4px;
}
#page-common.article-co h2{
	border-top:0;
	}
	
	
#page-common.article-co .btn-more{
	text-align:center;
	padding: 40px 0;
	border-top:1px dotted #CCC;
	margin:80px 0 0;}
	
#page-common.article-co .btn-more a{
	color:var(--main-color);
	transition:.8s;
	border:1px solid var(--main-color);
	}
	
#page-common.article-co .btn-more a:hover{
	background:var(--main-color);
	color:#FFF}

#page-common.article-co .wp-block-table{
margin-bottom:2em}

#page-common p.back-home{
	padding: 5em 0}
	
	
#page-common p.back-home a{
	text-decoration:underline;}
/**/

.list-impt{
	background:#FFF;
	margin: 0 0 30px;
	padding:0!important;
	display:flex;
	align-items:stretch;
border: 2px solid #ff0000;
}


.list-impt h2{
	display:flex;
	align-items:center;
	justify-content:center;
	width:14em;
	margin:0;
	font-size: 1rem;
	background:#ff0000;
	color:#FFF}
	
.list-impt ul{
	text-align:left}
.list-impt ul li a{
color:#333;
}

.list-impt ul li span{
	line-height:1em;
	font-size:.875rem;
	width:8em;
	color:#ff0000;
	border: 1px solid #ff0000;
	padding: .4em 0;
	border-radius:4px;
	margin:0 1em 0 0;
	text-align:center;
	display:inline-block}
.list-impt ul{
padding: 1em;
}
.list-impt ul li{
font-weight:bold;
}

	
	/**/
	
	/* アニメーション定義 */
@keyframes slideInBlue {
  from {
    clip-path: polygon(30% 0, 0% 0, -30% 100%, -60% 100%); /* 左外からスタート */
    opacity: 0;
  }
  to {
    clip-path: polygon(30% 0, 100% 0, 70% 100%, 0% 100%); /* 元の位置 */
    opacity: 1;
  }
}


#main-index {
	overflow:hidden}
#main-index .main-img div img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
}
#main-index h2 {
  position: absolute;
  top: 0;
  left: -5%;
		object-fit:cover;
		width:60%;
  max-width: 1200px;
		height:100vh;
		bottom:0;
  z-index: 10;
  margin: 0;
  background-color: var(--main-color);
  clip-path: polygon(30% 0, 100% 0, 70% 100%, 0% 100%);
  display: flex;
  align-items: center;
  justify-content: center;

  animation: slideInBlue 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes fadeInText {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

#main-index h2 img {
	width:50%;
	max-width:600px;
  object-fit: cover;
  animation: fadeInText 1.6s ease forwards;
  animation-delay: 1s;
  opacity: 0;
}
/**/
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
.fade-up.delay {
  transition-delay: 0.4s;
}
/**/

/**/

.tenant-info{
	background:#000 url(../images/tenant-bg.jpg) no-repeat center top;
}

#page-common .tenant-info{
	padding:0;
	background:transparent}
	#page-common .slide-holder{
		text-align:center}

.index .tenant-info h2{
	font-size:2.25rem;
	margin: 0 0 1em;
	color:#FFF;}

.tenant-info .box{
	position:relative;
	border: 2px solid var(--main-color);
	background:#FFF;
	padding: 20px;
	display:flex;
	justify-content:space-between;
	padding:20px;}
	
.tenant-info .box:hover figure,
.tenant-info .box:hover .txt{
	opacity:.6}
.tenant-info .box+.box{
	margin-top:1.5em}
	.tenant-info .box a{
		display:block;
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom:0}
		
		
	.tenant-info .box figure{
	transition:.8s;
		width:200px;
	}
	
	.tenant-info .box figure img{
		height:auto}
		.tenant-info .box .txt{
	transition:.8s;
			text-align:left;
			width:900px;
			margin: 0 15px 0 0;
		}
	
		.tenant-info ul.list-tenant{
			display:flex;
			align-items:center;
		}
		
		.tenant-info ul.list-tenant li{
			text-align:center;
			font-size:.875rem;
			line-height: 1em;
			padding: .4em 0;
			width:6em;
			border-radius:4px;
			background:#aaa;
			color:#FFF;
			margin: 0 .6em 0 0}

		.tenant-info ul.list-tenant li.now{
			background:#ff0000;
		}
		
		.tenant-info ul.list-tenant li.ok{
			background:var(--main-color);}
			
		.tenant-info .box .txt h3{
			margin: .6em 0;
			color:#000;
			font-size:1.5rem}		.tenant-info .box .txt .more{
				text-align:right;
			}
			
			.tenant-info ul.list-tenant li.info-txt{
				font-weight:bold;
				background:transparent;
				width:auto;
				color:#000;
				font-size:1.125rem;
			}
					.tenant-info .box .txt .more{
						text-decoration:underline;
						color:#00F}



/**/

#page-common .tenant-info ul.list-tenant{
	padding:0 0 3em 0;}
#page-common .tenant-info .flex-pc{
	padding: 0 0 60px}
	
#page-common .tenant-info .flex-pc.verse{
	border-bottom:1px dotted #CCC;
}
#page-common .tenant-info .info-box h4.sub{
	background:var(--main-color);
	color:#FFF;
	font-size:1.125rem;
	padding: .4em .8em;
	margin: 0 0 1.5em;
}

#page-common .tenant-info .info-box h4{
	color:#000;
	padding: 0 0 0 .8em;
	font-size:1.125rem;
	border:0;
	border-left:2px solid var(--main-color);
}
#page-common .tenant-info th, #page-common .tenant-info td {
	border: 1px solid #CCC;
	padding: .4em .6em;
}
#page-common .tenant-info th{
	background:#f6f6f6}
	

#page-common .tenant-info .btn-pdf{
	padding: 60px 0 0}	
	
					/**/
.index .about-us{
	padding:0;
	overflow:hidden;
	background:var(--light);}
	
.index .about-us h2{
	font-size:2rem;
	color:var(--main-color);
	margin:0 0 .8em;
}
	.index .about-us .inner{
		padding: 40px 0;
		justify-content:space-between;
		display: flex;}

			.index .about-us
.btn-more a{
	margin: 0 20px 0 0;
}
/**/
.panels {
	margin:auto;
	padding: 80px 0;
  display: flex;
		max-width:1600px;
}
.panels li {
	margin:0 0 0 1px;
	transition:.8s;
	background:url(../images/3menu-01.jpg) no-repeat center top / cover;
  flex: 1;aspect-ratio: 10 / 11;
  position: relative;
}

.panels li:nth-of-type(2){
	background:url(../images/3menu-02.jpg) no-repeat center top / cover;
}
.panels li:nth-of-type(3){
	background:url(../images/3menu-03.jpg) no-repeat center top / cover;
}
/**/


.panels li.fade-up:nth-child(1).show {
  transition-delay: 0s;
}
.panels li.fade-up:nth-child(2).show {
  transition-delay: 0.4s;
}
.panels li.fade-up:nth-child(3).show {
  transition-delay: 0.8s;
}

/**/
.panels a{
	z-index:10}
	.panels li:hover::after{
		content:"";
		background:rgba(0,0,0,.4);
		z-index:1;
	}
	
.panels li:hover::after,
.panels a{
	position:absolute;
	display:block;
	left:0;
	right:0;
	bottom:0;
	top:0}

.panels .tit,
.panels .more {
  color: #fff;
		z-index:10;
}
.panels .tit {
	font-size:1.875rem;
	padding: 3em 0 1em;
	font-weight:bold;
	position:relative;
	display:block;
}

.panels .tit::after{
	bottom:.6em;
	width:3em;
	height: 2px;
	background:#FFF;
	content:"";
	position:absolute;
	transform: translateX(-50%);
	left:50%;}
	
	
.panels .more {
  position: absolute;
		transform: translateX(-50%);
		left:50%;
  width:110px;
		bottom:30px;
  text-decoration: none;
  padding: 0 1.5em .6em;
}
.panels .more::before,
.panels .more::after{
	transition:1.2s;
  content: '';
  position: absolute;
  background: #fff;
		right:0;  bottom: 0;
}
.panels li:hover .more::before{
  transform: translateX(20px);
}

.panels li:hover .more::after {
  transform: translateX(20px) rotate(30deg);
}
.panels .more::before {
  left: 0;
  width:100%;
  height: 1px;
}
.panels .more::after {

  width: 18px;
  height: 1px;
  transform: rotate(30deg);
  transform-origin: right bottom;
}

/**/

#page-common .inner{
	text-align:left;
}

#page-common h2{
	font-size:2.25rem;
	padding: .8em 0;
	margin: 2em 0 1em;
	border-top:3px solid var(--main-color);
	border-bottom: 1px dotted #bbb}

#page-common h2:nth-of-type(1){
	margin-top:0}


#page-common h3{
	font-size:1.875rem;
padding: 0 0 0 .8em;
border-left:2px solid var(--main-color);
margin:2em 0 1em}


#page-common h4{
	clear:both;
	font-size:1.5rem;
	color:var(--main-color);
	border:1px solid var(--main-color);
	padding: .48em .8em;
	margin: 2em 0 1em}
	
#page-common.legal h4{
	border:0;
	padding: 0;
}
#page-common .box h4{
	margin-top:0}
#page-common.legal a{
	text-decoration:underline;
	color:#00F;
}

#page-common h5 {
	border-top:1px dotted #CCC;
	color:var(--main-color);
	font-size:1.375rem;
	margin: 2em 0 1em;
	padding: 1.2em 0 0;
}
#page-common h6 {
	font-size: 1.313rem;
	margin: 2em 0 1em;
	color: var(--color); 
}

/**/

#page-common.article-co ul{
clear: none;
margin: 0 0 2em;
}

#page-common.article-co ol ul{
margin-bottom: 0;
padding: 0;
}

#page-common.article-co ul li {
list-style:none;
position: relative;
padding: .3em 0 .3em 1em
}

#page-common.article-co ul li::after{
position: absolute;
top: .88em;
left: 0;
margin: auto;
content: "▶";
color:#CCC;
font-size:.688rem;
vertical-align: middle;
}


/**/
#page-common.legal h5{
	border:0;
	color:#333;}
	#page-common ol{
		margin: 0 0 2em 1.2em;
	}
		#page-common ol li{
			padding: 0 0 .6em 0}
	#page-common td ol{
		margin-bottom:0}
	
figure.photo,
#page-common p{
	margin: 0 0 2em}
	
figure.photo  img{
	display:block;
	margin:auto}
	
		/**/
	
.inner {
	position: relative;
	width: 1200px;
	margin: auto
}

#page-common .tenant-info .slideshow .slick-prev,
#page-common .tenant-info .slideshow .slick-next {
					display:none!important;}
					
				

#page-common.tenant{
	padding:0}			
#page-common .merit{
	background:var(--bg-light);
	padding: 60px 0}
	
	
#page-common .merit .inner{
	text-align:center;
}

#page-common .merit .column{
	margin-bottom:80px}
#page-common .merit h2{
	border:0;
	margin: 0 0 .4em;
	padding:0;
	font-size:1.875rem;
	color:var(--main-color);
}

#page-common .merit h3{
	border:0;
	color:var(--main-color);
}

#page-common .merit h3{
	padding:0;
	display:flex;
	font-size:1.25rem;
	flex-direction:column;}
#page-common .merit h3 img{
	width:120px;
	display:block;
	margin: 0 auto 1em}
	


#page-common .merit .box,
#page-common .merit .box-qa{
	background:#FFF;
	border-radius:10px;
}
#page-common .merit .box p{
	text-align:left;
	font-size:.875rem;
	margin:1em 2em 0;
}
		
#page-common .merit .box-qa{
	padding: 30px;
	text-align:left;
	margin:25px 0 0;
}

#page-common .merit .box-qa h3{	padding: 0 0 0 1.4em;
	text-indent:-1.4em;
	margin: 0 0 .8em}

#page-common .merit .box-qa p{	padding: 0 0 0 1.2em;
	text-indent:-1.2em;
	margin:0 0 0 .2em;
}

		/**/
#page-common .list-ev li,
#page-common .list-ev{
			display:flex;
		}
#page-common .list-ev li{
	font-size:.938rem;
	width:25%}
	
#page-common .list-ev li span{
	padding: 0 0 0 .8em;
	text-indent:-.8em}
	#page-common .list-ev li img{
		width:140px;}
			
		

 @media print, screen and (min-width:768px) {
		
	#main-index{	
	min-width:1300px;}
#main-index h2{
	min-height:640px;}
	#main-index h2 img{
		margin-top:60px;
	}
/**/
.sp,#btn-toggle {
	display: none!important;
}
a[href*="tel:"], .telSP {
	text-decoration: none!important;
	cursor: text;
	pointer-events: none;
}
p {
	font-size: 1.125rem;
}
body, html {
	min-width: 1240px;
}
.txt-head {
 font-size:.75rem;
	font-weight:normal;
	position:absolute;
	left:90px;
	top:10px;
}
#logo{
	padding:10px 0 0 20px;
	width: 380px;
}
header {
	align-items:center;
	border-radius: 6px;
	background: #FFF;
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 100000;
	height: 90px;
	margin: auto;
	width: 1200px;
	display: flex;
	justify-content: space-between;
}

header.fixed{
	box-shadow:0 0 10px rgba(0,0,0,.14);
}
/**/
.tbl-ss th,.tbl-ss td{
	font-size:.938rem;
	padding: .4em .6em;
}	


/**/

.list-impt ul li+li{
margin-top:.8em}
#news-index h2{
padding: 1em 0;
justify-content: space-between;
font-size:1.5rem;
position:relative;
width:200px;
margin: 0;
display:flex;
flex-direction:column;
}



#news-index .flex-pc{
min-height:130px;
}
#news-index dl,
#newsList dl{
width:950px;
display:flex;
flex-wrap:wrap;
}


#newsList dl{
width:100%;
margin: 2em 0 1em;
}
#news-index dt,
#news-index dd,
#newsList dt,
#newsList dd{
padding:0 0 1em}
#news-index dt,
#newsList dt{
width:20.8%;
}
#news-index dd,
#newsList dd{
width:76%;}
.fontL #news-index dt,
.fontL #newsList dt{
width:20%;
}
.fontL #news-index dd,
.fontL #newsList dd{
width:80%;}

.index #news-index dt:nth-of-type(5),
.index #news-index dd:nth-of-type(5){
padding-bottom:0}



/**/

.index .about-us .inner figure{
	position:absolute;
	z-index:-1;}


		.index .about-us .txt{	margin: 0 0 0 380px;
			text-align:left}	
				.index .about-us .inner figure.map{
				left:-280px;
				top:0; bottom:0;}	
		.index .about-us p{
			width:480px;
			margin: 0 auto 2em 0;
			line-height:2em;}
			.index .about-us .txt figure{
				right: 0;
				top: 60px;
			}
			.index .about-us .txt figure img{
				width:330px;}
			.index .about-us .txt figure.map img{
			width:auto;
  height: 100%;
  object-fit: cover;
	}
/**/
#page-common .map-area .g-map{
	padding: 0 0 30px;
}

#page-common .map-area .flex-pc{
	align-items:center;}
#page-common .map-area .flex-pc p{
	text-align:left;
	margin:0 0 0 2em;
}
.column {
	display: flex;
	flex-wrap: wrap;
}
.column .box{
	padding: 0 0 2em}
	
.column.two {
	justify-content: space-between;
}
.column.two li, .column.two .box {
	width: 580px;
}
.column.three li, .column.three .box {
	width: 380px;
	margin: 0 30px 20px 0;
}
.flex-pc.three ul, .flex-pc.three ol {
	width: 30%
}
.column.four li, .column.four .box {
	width: 280px;
	margin: 0 25px 0 0;
}
.column.three li:nth-of-type(3n), .column.four li:nth-of-type(4n), .column.three .box:nth-of-type(3n), .column.four .box:nth-of-type(4n) {
	margin-right: 0;
}
.column li li, .column .box li {
	width: auto!important;
	text-align: left;
}
.flex-pc {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.flex-pc .txt {
	flex: 1;
	padding: 0 0 0 2em;
	min-width: 0;
}
.flex-pc figure {
	flex: 0 auto; /* 固定幅を持たず、画像サイズのまま */
}
.flex-pc.ver {
	flex-direction: row-reverse;
}
.flex-pc .txt.change,
.flex-pc.ver .txt {
	padding: 0 2em 0 0
}

/**/

#page-common .tenant-info .slide-holder,
#page-common .tenant-info .slideshow{
	width:600px;
}


#page-common .tenant-info .info-box{
	width:560px;
}
#tenant-01,#tenant-02,
		#jigyo{ scroll-margin-top: 200px;
}
			
/* 閉じタグ --*/
}

.iPad #main-index .main-img div img,
.iPad #main-index h2{
	height:50vh;
	min-height:unset;
}

.iPad .tenant-info .box .txt{
	width:870px;
}

.iPad #main-index h2,
.iPad #main-index{
	max-height:unset;
	max-width: unset;
	min-height:unset;
	min-width: unset;}
	
.iPad #page-common .list-ev li{
	font-size:.813rem}	
	
	.iPad #page-common .map-area .flex-pc figure img
{width:740px;
}
	.iPad #page-common .column.two .box{width:560px;
	}	.iPad #page-common .column.three .box{width:360px;
	}
	.iPad .index #news-index dl, #newsList dl{
		width:930px;
	}
	.iPad .list-impt ul li span{
		font-size:.813rem;
		width:9.4em}
/* -- sp -- */


@media screen and (max-width:767px) {
	
	.pc, header .contact-btns, .contact-text, .logo-text,.header-fix .logo {
	display: none
}
p,li,dl,th,td,.btn-more a{
	font-size:3.4vw}
.inner{
	width:94%}

.pct-r{
	margin: 0 0 1em 1em}
	.pct-l{
		margin: 0 1em 1em 0}

	.w30{
		width:30%}
		.w40{
			width:40%}
			.w-half{
				width:50%}
.w100{
	margin-right:0!important;
	margin-left:0!important;
	width:100%!important;
	}
	th,td{
		padding:.6em}
	iframe.g-map
{
	height:18em;
	margin: 0 0 1.2em;
	width:100%}
	
	#page-common .map-area .flex-pc p{
		margin-top:1em}
/**/
	
.btn-more a{
	padding: .2em 0;
	margin:auto;
	display:block;
}
section .contact-btns, .reason .voice, .hayawari,.course-more {
	display: block
}

header {
	text-align:left;
	padding:2% 2.8%;
	height:auto}

header .txt-head{
	font-size:2.4vw;
}
	header #logo{
		width:70%}
/**/
footer{	font-size:2.8vw;
	padding: 2em 1em;}

footer .inner{
	flex-direction:column;
	text-align:center;
}

footer .logo{
	margin: 0 0 1.4em}
footer .logo img{
	width:80%;
	display:block;
	margin:auto}



footer nav{
	display:block;
	padding: 3em 0 0}
	
	
footer nav ul{
	justify-content:center;
	display:flex;
}

footer nav ul a{
	display:block;
	padding: 0 1.5em}
footer nav ul:nth-child(-n+3){
	display:none}
footer address{
	font-size:3vw}
	#copyright {
		padding:3em 0;
		font-size:2.6vw;}

#pageTop{
	width:12vw;
	bottom:5%;
		right:0;}
	/**/
	.cv{
		padding: 2.2em 0}
.cv h2{
	font-size:6vw;
	margin: 0 0 .8em}
.cv .tel-number a{
	font-size:8.6vw}
.cv .tel-number a span{
	font-size:4vw;}

.cv .btn-mail a{
	font-size:5vw}

.cv .tel-number{
	background-size:2em;
	padding:0 0 0 2.6em}
	.cv .inner{
		gap:1.6em}
/**/
.bnr-area{
	padding:1.6em .8em;}
	
	
.bnr-area ul li{
	width:60%;
}

.bnr-area ul{
gap:2%}

.index section {
	padding: 1.8em 0
}

/**/
/**/

	#main-index{
	aspect-ratio:480 / 400;
	height:auto;
}

	#main-index h2{
		width:80%;
		left:-10%;
		height:auto;}
	
	#main-index h2 img{
		width:80%}
#main-index .main-img div img{
	height:50vh;
}
/**/
#main-k h1{
	padding: 1.4em 0;
	font-size:6.8vw}
/* Toggle(Button) */
#main-k ol{
	padding: 1.4em 0}

header.active #logo{
display: none;
}


#navigation ul{
display:block;
}


#navigation ul li{
display:block;
width:100%;
}
#navigation ul li:last-child{
border:0
}

#navigation ul {
	margin: 0;
}
#navigation ul li {
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, .4);
	line-height: 1em;
}
#navigation ul li a {
	display: block;
	font-size: 4vw;
	font-weight: bold;
	padding: 1.5em 0;
	color: #fff;
	text-decoration: none;
}

#navigation ul li:before{
display: none;

}

 header nav {
 background:var(--main-color);
 position: fixed;
 right: -767px;
 top: 0;
 width:100%;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
 text-align:left;
 z-index: 1000;
 box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
 text-align: center;
padding: 80px 0 0;
height:100%;
}

 header.openNav nav {
 -moz-transform: translateX(-767px);
 -webkit-transform: translateX(-767px);
 transform: translateX(-767px);
 z-index: 1100;
 box-shadow: 2px 3px 8px rgba(0,0,0,.3);}


#navigation li.contact a{

	display:block;
	width:80%;
	padding: 1em 0 1em 1.4em;
	background-size:1.4em;
	height:auto;
	margin: 0 auto 2em;
	font-size:5.6vw;
	background-position:2em center;

}
#navigation ul li a[href*="tel:"]{
	margin:1em 0;
	display:inline-block;
		background-image: url(../images/ico-tel-w.png)}
	#navigation ul li a[href*="tel:"] span{
		margin: 1em 0 0;}



/**/

.list-ank {padding:0 0 2em;
}
.list-ank ul{gap:1em;

align-items:normal;
	padding: 1em 0;
	width:80%;
	margin:auto;
	flex-direction:column;}
.list-ank ul li a{
	padding: .4em 0;
	display:block;
	font-size:4vw}


/**/
.list-impt{
	flex-direction:column;
}
.list-impt ul{
	padding: .688em}
.list-impt h2{
	padding: .4em 0;
	width:unset}
	
	.list-impt ul li{
		justify-content:space-between;
		text-align:left;
		font-size:3vw;
		display:flex;
		align-items:flex-start;}
		
	.list-impt ul li span{
		margin:0;
		font-size:2.2vw;
		width:20%;}
		.list-impt ul li a{
			width:76%;
			display:block}
		/**/
		
.index		#news-index{
			padding: 1em }
			
#news-index h2{
	align-items:center;
	border:0;
	display:flex;
	justify-content:space-between;}			
	
		#news-index h2 span a{
			font-size:2.6vw}
		
#news-index dt{
	padding: 1em 0 0;
	border-top:1px dotted #CCC;
}
		#news-index dt span{
			font-size:2.4vw}
#news-index dd{
	padding: .4em 0 1em}
	
#page-common .news-ichiran h2{
	border-bottom:0;
	margin:0}	
	.nation ul {
        gap: 4px;
    }

    .nation ul li a,
    .nation ul li span {
        width: 32px;
        height: 32px;
        font-size: 3vw;
    }

/**/
.index .about-us figure:not(.map) img{
	width:60%}
/**/
.index	.tenant-info {
		background-size:140%}
.index tenant-info h2{
	font-size:7.6vw}
	
	
.index .tenant-info .box{
		padding:1em;
	flex-direction:column
}
.index	.tenant-info .box .txt{
		width:auto;
		margin:1em 0 0}
.index .tenant-info .box figure{
	width:100%}
.tenant-info ul.list-tenant{
	flex-wrap:wrap;}
	
	.tenant-info ul.list-tenant li.info-txt{
		width:100%;
		padding: 1em 0 0;
		text-align:left;
		font-size:3.2vw}
.tenant-info ul.list-tenant li{font-size:	2.8vw}

.tenant-info .box .txt h3{
	font-size:5vw}
.tenant-info .box .txt p{
	font-feature-settings: "palt";}

.tenant-info .more{
	margin: 1.6em 0 0;
	font-size:3.4vw}
	#page-common .tenant-info .flex-pc{
		padding:0 0 2em}
		
#page-common .tenant-info ul.list-tenant{
	padding: 0 0 2em}
#page-common .slide-holder{
	padding: 2em 0 0}
#page-common .tenant-info .info-box h4,
#page-common .tenant-info .info-box h4.sub, #page-common .tenant-info .info-box h3{
	font-size:4.2vw}
/**/
#page-common .merit .box, #page-common .merit .box-qa{
	padding: 1em}
	
#page-common .merit .box:nth-of-type(2){
	margin: 2em 0}
	
	#page-common .merit h2{
		font-size:7.2vw}
	#page-common .merit h3{
		padding: 0;
		margin: 0 0 1em;
		font-size:6vw}
		
		#page-common .merit h3 img{
			width:40%;
			margin: .6em auto;
		}
		
#page-common .merit .box-qa h3{
	font-size:4.2vw}
#page-common .merit .box p{
	margin: 0 0 1.5em;
	font-size:3.6vw;
}
/**/
	.index .about-us h2{
	font-size:6.8vw}
	
	
.index .about-us p{
	text-align:left;
	margin: 2em 0}
	
	
	.index .about-us .btn-more a{
		display:block;
		width:80%;
		margin: 1em auto}
	/**/
	.panels .tit{
		font-size:8.8vw;}
	ul.panels {
		flex-direction:column;
		padding:0}	
			ul.panels li{
				margin: 1px 0 0}

/**/
#page-common{
	padding: 0 0 2em}
#page-common h2{
	font-size:5.4vw}
#page-common.tenant .tenant-info h2{
	font-size:4.8vw}
#page-common h3{
	font-size:5vw}

#page-common h4{
	font-size:4.6vw;
	padding: .28em 1em;
	
}

#page-common h5{
	font-size:4.2vw}
#page-common h6{
	font-size:4vw}
	
	

.list-normal li::before{
	width:8px;
	height:10px;
}
/**/
#page-common.legal h5{
	font-size:4.2vw}
	
		/**/
#page-common .list-ev{
	display:block;
		}
#page-common .list-ev li{
	font-size:3.4vw;
	padding: 0 0 1.4em;
	width:100%}
	

	#page-common .list-ev li img{
		width:50%;}
				
	/**/
	
	#page-common.article-co{
		padding: .8em 0;}
	#page-common.article-co .inner{
		padding: .8em 1em;
		border-radius:10px;
	}
#page-common.article-co ul li::after{
	font-size:2vw}
	.wp-block-image{
		padding: 0 0 1em}
		
	#page-common.article-co .btn-more {
		margin: 2.2em 0 0}
	#page-common.article-co .btn-more a{
		margin: 0 2em}
/*閉じタグ*/
}

.iPad body,
.iPad html {
  min-width: unset;
}

.iPad #main-index{
	min-width:unset}
.iPad .fade-up {
  opacity: 1;
  transform: translateY(0);
  transition: none;
}
.iPad .index .about-us .txt{
	padding: 30px 
}

.iPad .inner{
	padding: 0 20px;
}
.iPad .contact-text,
.iPad header p.txt{
	font-feature-settings: "palt";
	font-size:.5rem}
	
	/* +++++++++++++++++++++++++ 管理画面 +++++++++++++++++++++++++ */
body.customize-support header {
    top: 32px; /* PC では 32px */
}

@media screen and (max-width: 767px) {
  body.customize-support header {
      top: 46px; /* スマホ時は 46px */
  }
}