@charset "utf-8";

/*
-----------------------------------------------

	: layout
	: header
	: page-header
	: pankuzu
	: contents
	: footer
	
*/



/* : layout
----------------------------------------------- */

body{
  font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	line-height:1.5;
	color:#121D34;
/*	
	padding-top:80px;
*/	
}

.font-en{
  font-family: "Lato", sans-serif;

}

h1,h2,h3,h4,h5,h6{
	letter-spacing:0.05em;
}


a{
	color:#121D34;
	transition: all .3s;

}
a:hover{
	opacity:0.7;
}



#container{
}

.frame{
	margin:0px auto;
	width:1080px;
	max-width:calc(100% - 40px);
	position:relative;
}


@media only screen and (max-width: 767px) {

body{
	font-size:14px;
}

.pc-only{
	display:none!important;
}



}
@media print, screen and (min-width: 768px) {
.sp-only{
	display:none!important;
}

}




/* : header
----------------------------------------------- */

.header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color: rgba(13,79,118,0.25);
	z-index:100;
	letter-spacing:0.05em;


}
.header a{
	color:#fff;
}
.header a:hover{
	color:#11A8B9;
}

.header-on .header{
	background:#fff;
	color:#121D34;
}
.header-on .header a{
	color:#121D34;
}



.header .inner{
	position:relative;
	margin:0 30px;
	height:80px;
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;

}


.header .sitename{
	font-size:24px;
	font-weight:bold;
	letter-spacing:0;
}

.header .h-side{
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	column-gap: 25px;
	align-items:center;
}

@media (min-width: 768px) and (max-width: 1000px) {

.header{
	letter-spacing:0em;
}

.header .inner{
	margin:0 15px;
}

.header .sitename{
	font-size:18px;
}
.header .h-side{
	column-gap: 15px;
}

}

@media only screen and (max-width: 767px) {

.header .inner{
	height:60px;
	margin:0 20px;
}

.header .sitename{
	font-size:18px;
}

.header .h-side{
	display:none;
}


}



.header-navi{
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	column-gap: 25px;
	font-weight:bold;
}

.header-navi a:hover{
	opacity:1;
}

@media (min-width: 768px) and (max-width: 1000px) {

.header-navi{
	font-size:13px;
	column-gap: 15px;

}

}


.header-navi > li{
	height:80px;
    display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	list-style:none;

}
.header-navi > li > a{
	display:inline-block;
	position:relative;
}

.header-on .header-navi > li > a:hover{
	color:#11A8B9;
}


.header-navi .parent-navi > a{
	padding-right:12px;
}
.header-navi .parent-navi > a:before{

	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;

	position:absolute;
	top:50%;
	right:0;

	transform: rotate(45deg) translate(-0%, -50%);
	transition: all .3s;

}

.header-navi .parent-navi.on > a{
	color:#11A8B9;
}
.header-navi .parent-navi.on > a:before{
	border-bottom-color:#11A8B9;
	border-right-color:#11A8B9;
	transform: rotate(225deg) translate(-0%, -50%);
	margin:-2px -4px 0 0;

}

.header-on .header-navi .parent-navi > a:before{
	border-bottom-color:#121D34;
	border-right-color:#121D34;
}
.header-on .header-navi .parent-navi.on > a:before{
	border-bottom-color:#11A8B9;
	border-right-color:#11A8B9;
}


/* child */

.header-navi .child-navi{
	position:absolute;
	top:80px;
	left:0;
	background:#fff;
	box-shadow: 2px 2px 6px  rgba(100,100,100,0.3);
	
	display:none;

}

.header-navi .child-navi li{
	border-bottom:1px solid #11A8B9;
	list-style:none;
}
.header-navi .child-navi li:last-child{
	border-bottom:0;
}

.header-navi .child-navi a{
	color:#11A8B9;
	display:block;
	padding:8px 20px;
	white-space:nowrap;
}
.header-navi .child-navi a:hover{
	background:#BBE3E8;
}

/* contact */

.header .contact a{
	cursor:pointer;
	display:inline-block;
	padding:10px 20px;
	border:2px solid #fff;
	text-align:center;
	position:relative;
	border-radius: 40px;
	transition: all .3s;
	
	color:#fff;
	font-weight:bold;

}
.header .contact a:hover{
	background-color: rgba(17,168,185,0.4);
	opacity:1;

}

.header .contact a:before{
	background: url(../img/parts/contact.svg) center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	content:"";
	
	display:inline-block;
	margin-right:5px;
	position:relative;
	top:1px;
	transition: all .3s;


}


.header-on .header .contact a{
	border-color:#121D34;
	color:#121D34;
}
.header-on .header .contact a:hover{
	background:#;
}

.header-on .header .contact a:before{
	background-image:url(../img/parts/contact-black.svg);
}


@media (min-width: 768px) and (max-width: 1000px) {

.header .contact a{
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
}


}


/* menu */

.header .h-menu{
	position:absolute;
	top:10px;
	right:0px;
	color:#fff;
	font-size:11px;
	text-align:center;
	
	width:40px;
	height:40px;
	
	padding-top:7px;
	cursor:pointer;
	
	border:0;
	background:none;


}

@media print, screen and (min-width: 768px) {

.header .h-menu{
	display:none;
}


}

.header .h-menu span{
	height:1px;
	background:#fff;
	width:80%;
	display:block;
	margin:0 auto 5px auto;
}

.header .h-menu div{
	line-height:1;
}


.header-on .header .h-menu{
	color:#121D34;
}
.header-on .header .h-menu span{
	background:#121D34;
}


/*
===== sp-menu =====
*/

.sp-menu{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100vh;
	background:#fff;
	z-index:200;

	transition: all .3s;
	opacity:0;
	
	visibility:hidden;

}
.sp-menu.on{
	right:0;
	opacity:1;
	visibility:visible;
}


@media print, screen and (min-width: 768px) {

.sp-menu{
	display:none!important;
}


}


.sp-menu .inner{
	height:100%;
	overflow-y:scroll;
	position:relative;
	padding:20px;
}

.sp-menu .sitename{
	font-size:18px;
	font-weight:bold;
	margin-bottom:50px;
}

.sp-menu .close{
	position:absolute;
	top:15px;
	right:20px;
	font-size:11px;
	text-align:center;
	
	width:40px;
	height:40px;
	
	padding-top:7px;
	cursor:pointer;


}

.sp-menu .close span{
	width:30px;
	height:1px;
	background:#121D34;
	position:absolute;
}
.sp-menu .close span:nth-child(1){
	top:10px;
	left:5px;
	transform: rotate(25deg);

}
.sp-menu .close span:nth-child(2){
	top:10px;
	right:5px;
	transform: rotate(-25deg);

}
.sp-menu .close div{
	padding-top:12px;
}


.sp-menu-navi{
	border-top:1px solid rgba(18, 29, 52, 0.2);
	margin-bottom:25px;
}

.sp-menu-navi > li{
	border-bottom:1px solid rgba(18, 29, 52, 0.2);
	padding:20px 0;
	list-style:none;
}

.sp-menu-navi > li > a{
	font-weight:600;
}

.sp-menu-navi .child-navi{
	margin-top:15px;
}

.sp-menu-navi .child-navi li{
	padding-left:15px;
	position:relative;
	margin-bottom:10px;
	list-style:none;
}
.sp-menu-navi .child-navi li:last-child{
	margin-bottom:0;
}

.sp-menu-navi .child-navi li:before{
	position:absolute;
	left:0;
	top:13px;
	width:10px;
	height:1px;
	content:"";
	background:#121D34;
	content:"";
}




/* : page-header
----------------------------------------------- */

.page-header{
	background:url(../img/common/page-header.jpg) center no-repeat;
	background-size:cover;
	margin-bottom:15px;
	opacity:0;
	transition: all 0.6s;

}
.page-header.inview{
	opacity:1;
}

@media (prefers-reduced-motion: reduce) {

.page-header{
	opacity:1;
}

}


.page-header.ver-property{
	background-image:url(../img/property/page-header.jpg);
}
.page-header.ver-service{
	background-image:url(../img/service/index/page-header.jpg);
}
.page-header.ver-rental{
	background-image:url(../img/service/rental/page-header.jpg);
}
.page-header.ver-conference{
	background-image:url(../img/service/conference/page-header.jpg);
}
.page-header.ver-garage{
	background-image:url(../img/service/garage/page-header.jpg);
}
.page-header.ver-guide{
	background-image:url(../img/guide/page-header.jpg);
}
.page-header.ver-company{
	background-image:url(../img/company/page-header.jpg);
}


.page-header .frame{
    display:flex;
	align-items:center;
	height:350px;
	padding-top:80px;

}
.page-header h1{
	color:#fff;
	font-size:48px;
	letter-spacing:0.05em;
}

.page-header-blank{
	height:100px;
}

@media only screen and (max-width: 767px) {

.page-header .frame{
	height:220px;
	padding-top:60px;
}

.page-header h1{
	font-size:28px;
}


}



/* : pankuzu
----------------------------------------------- */


.pankuzu{
	opacity:0;
	transition: all 0.6s;
	letter-spacing:0.05em;

}
.pankuzu.inview{
	opacity:1;
}
@media (prefers-reduced-motion: reduce) {

.pankuzu{
	opacity:1;
}

}


.pankuzu ul{
    display:flex;
    flex-wrap:wrap;
	column-gap: 35px;

}
.pankuzu li{
	position:relative;
	color:rgba(18, 29, 52, 0.5);
	list-style:none;
}
.pankuzu li:after{
	background: url(../img/common/pankuzu.svg) center no-repeat;
	background-size:contain;
	width:6px;
	height:10px;
	content:"";
	
	position:absolute;
	top:50%;
	right:-20px;
	margin-top:1px;
	
	transform: translate(0%, -50%);

}
.pankuzu li:last-child:after{
	display:none;
}

.pankuzu li a{
	color:#121D34;

}



/* : contents
----------------------------------------------- */


/*
===== section =====
*/


.section{
	padding:100px 0;
	opacity:0;
	position:relative;
	top:30px;
	transition: all 0.6s;
	z-index:2;

}
.section.inview{
	top:0;
	opacity:1;
}

@media (prefers-reduced-motion: reduce) {

.section{
	top:0;
	opacity:1;
}

}

.section.bg-white + .section.bg-white{
	padding-top:0;
}

.section.bg-lightblue{
	background:#F5F7F8;
}

@media only screen and (max-width: 768px) {

.section{
	padding:50px 0;
}

}

/* section-head */

.section-head{
	margin-bottom:40px;
}

.section-head .section-en-title{
	color:#11A8B9;
	font-size:64px;
	font-weight:600;
	line-height:1;
	margin-bottom:5px;
	font-family: "Lato", sans-serif;
	letter-spacing:0.05em;
}

.section-head .section-title{
	color:#11A8B9;
	font-size:24px;
	font-weight:500;
	margin-bottom:25px;
	position:relative;
	padding-left:18px;
}
.section-head .section-title:before{
	width:8px;
	height:8px;
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-4px;
	background:#11A8B9;
	border-radius: 100%;

}

.section-head .section-lead{
}


@media only screen and (max-width: 767px) {


.section-head .section-en-title{
	font-size:42px;
}

.section-head .section-title{
	font-size:18px;
}


}




/* section-intro */

.section-intro h2{
	font-size:32px;
	margin-bottom:35px;
}
.section-intro .lead{
	margin-bottom:40px;
}


@media only screen and (max-width: 767px) {

.section-intro h2{
	font-size:24px;
	margin-bottom:25px;
}

}



/* : footer
----------------------------------------------- */

.footer{
	background:#133796;
	color:#fff;
	padding:75px 0;
	opacity:0;
	transition: all 0.6s;

}
.footer.inview{
	opacity:1;
}
@media (prefers-reduced-motion: reduce) {

.footer{
	opacity:1;
}

}


.footer a{
	color:#fff;
}


@media only screen and (max-width: 767px) {

.footer{
	padding:60px 0;
}

}


/* f-top */

.footer .f-top{
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:90px;
}


.footer .sitename{
	font-size:24px;
	font-weight:700;
	margin-bottom:25px;
}

.footer .f-sitemap{
    display:flex;
    flex-wrap:wrap;
	column-gap: 60px;


}

.footer .address{
	letter-spacing:0.05em;
}

@media (min-width: 768px) and (max-width: 1000px) {

.footer .f-top{
	display:block;
	margin-bottom:40px;
}
.footer .f-side{
	margin-bottom:30px;
}

}

@media only screen and (max-width: 767px) {

.footer .f-top{
	display:block;
	margin-bottom:40px;
}
.footer .f-side{
	margin-bottom:30px;
}

.footer .sitename{
	font-size:20px;
}

.footer .address{
	font-size:14px;
}

.footer .f-sitemap{
	display:block;
}



}

.footer .f-sitemap li{
	font-weight:600px;
	margin-bottom:15px;
	list-style:none;
}

.footer .f-sitemap li ul{
	margin:15px 0 0 20px;
}
.footer .f-sitemap li li{
	font-weight:400;
	position:relative;
	padding-left:15px;
}
.footer .f-sitemap li li:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:10px;
	height:1px;
	background:#fff;
}



/* f-bottom */

.footer .f-bottom{
	border-top:2px solid #fff;
	padding-top:15px;
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	font-size:12px;
}

.footer .copyright{

}


@media only screen and (max-width: 767px) {

.footer .f-bottom{
	display:block;
	text-align:center;
}
.footer .privacy{
	margin-bottom:15px;
}




}