header, footer{
    font-family : -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    line-height: normal;
    -webkit-text-size-adjust: 100%;
}
header *, header ::before, header ::after,
footer *, footer ::before, footer ::after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}
/* topへ戻る */
#pageTop{
	position : fixed;/* 20181102 */
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 0 0 80px 80px;
	border-color : transparent transparent #b26500 transparent;
	bottom : 0;
	right : 0;
	cursor : pointer;
	z-index: 2;
}
#pageTop span {
	position : absolute;
	right : 12px;
	bottom : -65px;
	font-size : 14px;
}
.sp{
	display : none;
}
.drawer.drawer--right{
	display : none;
}
header{
	position : relative;
	overflow : hidden;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	width : 100%;
	height : 130px;
	padding : 30px 10px 45px;
	z-index: 100;
}
header h1:first-child{
	margin-right : auto;
}
header h1{
	position : relative;
}
header h1 a:hover{
	color : #fff;
}
header h1 a span{
	position : relative;
	display : block;
	font-size : 12px;
	font-weight : normal;
}
header nav{
	position : relative;
	margin-top : 10px;
}
header nav ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	justify-content : flex-end;
	-ms-flex-pack : flex-end; /* IE10 */
	-webkit-box-pack : flex-end; /* Android4.3以下、Safari3.1～6.0 */
	-webkit-justify-content : flex-end; /* Safari6.1以降 */
}
header nav ul li{
	padding : 0 10px;
}
header nav ul li a{
	font-size : 13px;
}
.under header{
	background : url(../detail_images/detail_header.jpg)no-repeat;
	background-color : #fff;
	padding-bottom : 0;
}
.under header{
	width : 100%;
	height : 130px;
	padding : 30px 10px 45px;
}
.under .contents01{
	/*background : #fff;*/
    background-color: var(--bg-gray);
	padding : 0 0 0 0;
}
.contents01,
footer{
	position : relative;
	width : 1280px;
	height : auto;
	margin : 0 auto;
	overflow : hidden;
	background : #000000;
	padding-bottom : 100px;
}
/* footer */
footer{
	position : relative;
	overflow : hidden;
	padding : 60px 60px 0;
}
.f_left{
	position : relative;
	float : left;
	width : 70%;
	overflow : hidden;
}
.f_left h2{
	margin-bottom : 30px;
	text-align : left;
}
.f_info{
	float : left;
	overflow : hidden;
	margin-right : 30px;
}
.f_info span{
	float : left;
	margin-right : 10px;
}
.f_info div{
	float : left;
}
.f_info div p{
	font-size : 24px;
}
.f_info div span{
	float : none;
	display : block;
	font-size : 16px;
}
.f_add{
	clear : both;
	position : relative;
	display : block;
	color : #fff;
	padding-top : 10px;
}
.f_left h3{
	clear : both;
	padding-top : 50px;
}
.f_right{
	position : relative;
	float : left;
	width : 30%;
	margin-top : 30px;
	overflow : hidden;
}
.f_mail{
	display : inline-block;
	padding : 5px 40px;
	color : #fff;
	border : 1px solid #fff;
	margin-bottom : 50px;
}
.f_mail:hover{
	border : 1px solid #FF9300;
}
.f_mail img{
	margin-right : 10px;
}
.f_right ul{
	line-height : 2;
}
.f_right ul li{

}
.copy{
	clear : both;
	padding-top : 50px;
	margin-bottom : 10px;
	color : #fff;
}
header h1, header h2, header h3, header h4, header p, header a, header li, header dt, header dd, 
footer h1, footer h2, footer h3, footer h4, footer p, footer a, footer li, footer dt, footer dd {
    color: #fff;
}
header li{
	list-style : none;
}
header a, footer a{
	text-decoration : none;
}
header a:hover, footer a:hover{
	color : #FF9300;
}
@media screen and (max-width: 1280px){
.contents01,
footer{
	width : 100%;
	height : auto;
}
}
@media screen and (max-width: 1000px){
header{
	display : block;
}
footer{
	padding : 60px 10px 0;
}
.f_left{
	float : none;
	width : 100%;
}
.f_right{
	float : none;
	width : 100%;
}
}
@media screen and (max-width: 540px){
.contents01{
	padding-bottom : 50px;
}
footer{
	padding : 30px 10px 0;
}
.f_left h2{
	text-align : center;
}
.f_left h2 a{
	display : block;
}
.f_info{
	float : none;
	margin-right : 0;
	margin-bottom : 20px;
}
.f_left h3{
	padding-top : 5px;
	font-size : 16px;
}
.f_mail{
	display : block;
	text-align : center;
}
small{
	font-size : 70%;
}
}
/* ▼オンライン商談バナー▼ */
.bnr_online{
	position: relative;
}
.bnr_online img{
	position: absolute;
    top: 34px;
    right: 11px;
}
.bnr_online a {
    opacity: 1;
    transition: opacity .3s;
}
.bnr_online a:hover {
    opacity: .8;
}
header .bnr_online .insta{
	position: absolute;
    right: 10px;
}
header .bnr_online .line{
	position: absolute;
    right: 270px;
}
@media screen and (max-width: 1000px){
	.bnr_online img{
		top: -75px;
		max-width:400px;
	}
	}
@media screen and (max-width: 750px){
	.bnr_online{
		display: none;
	}
}
@media screen and (max-width: 650px){
.nav_pc{
	display : none;
}
.drawer.drawer--right,
.drawer.drawer--right.drawer-close{
	display : block;
}
.drawer-hamburger{
	position : absolute !important;
	top : 32px !important;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
	height : 3px !important;
	background-color : #FFF !important;
}
.drawer-nav{
	background-color : rgba(56, 56, 56, 0.7) !important;
}
.drawer-overlay{
	background-color: rgba(0,0,0,0.8) !important;
}
header nav ul{
	display : block;
	top : 40px;
}
header nav ul li{
	text-indent : 1em;
}
header nav ul li a{
	display : block;
	font-size : 16px;
	padding : 10px 0;
}
.rental .contents01{
	padding-bottom : 0;
}
}