/*
Last Updated: 2025-09-11
name: tajima4
Author:zeal
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	/*font-family:'游明朝体','Yu Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Sawarabi Mincho',serif;*/
	font-size:62.5%;
	color: /*#353535;*/ #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
.meiryo{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.yugo{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.yumin{
	font-family:'游明朝体','Yu Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Sawarabi Mincho',serif;
}
.lora{
	font-family: 'Lora', serif;
}
.shippori{
  	font-family: "Shippori Mincho B1", serif;
  	font-weight: 500;
  	font-style: normal;
}


body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; image-rendering: -webkit-optimize-contrast; }
a{
	color:#14184c;
	transition: all 0.3s;
}
a:hover{
	color:#252b7e;
	transition: all 0.3s;
}
.op img{ transition: all 0.3s; }
.op:hover img{
	opacity:0.70;
	transition: all 0.3s;
}
.op:hover{
	opacity: 0.7;
}
.max_respon{max-width:100%;}
#container{ overflow: hidden; }
li{ list-style:none; }
.center{ text-align:center; }

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

	.copy{ font-size: 1.8rem; }
	p{text-align:left;}

}/*END*/


/*----------------------------------------
	text
----------------------------------------*/

p{ line-height: 2; }
.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }

.text_white{ color:#fff; }
.text_gray{ color:#808080; }
.text_red{ color:#e5004f }
.text_skyblue{ color:#7ecef4 }
.text_deepblue{ color: #32476b; }
.text_water{ color:#00b7ee }
.text_lightblack{ color:#666666; }
.text_darkbrown{ color:#4d2a09; }


.italic{
	font-style: italic;
}

.text_10{ font-size:1rem !important; }
.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }
.text_14{ font-size:1.4rem !important; }
.text_15{ font-size:1.5rem !important; }
.text_16{ font-size:1.6rem !important; }
.text_18{ font-size:1.8rem !important; }
.text_20{ font-size:28rem !important; }
.text_22{ font-size:2.2rem !important; }
.text_24{ font-size:2.4rem !important; }
.text_26{ font-size:2.6rem !important; }
.text_28{ font-size:2.8rem !important; }
.text_30{ font-size:3rem !important; }
.text_32{ font-size:3.2rem !important; }
.text_34{ font-size:3.4rem !important; }
.text_36{ font-size:3.6rem !important; }
.text_38{ font-size:3.8rem !important; }
.text_40{ font-size:4rem !important; }
.text_42{ font-size:4.2rem !important; }
.text_44{ font-size:4.4rem !important; }
.text_46{ font-size:4.6rem !important; }
.text_48{ font-size:4.8rem !important; }
.text_50{ font-size:5rem !important; }
.text_55{ font-size:5.5rem !important; }



.lh_28{ line-height: 2.8 !important; }
.lh_26{ line-height: 2.6 !important; }
.lh_25{ line-height: 2.5 !important; }
.lh_24{ line-height: 2.4 !important; }
.lh_22{ line-height: 2.2 !important; }
.lh_20{ line-height: 2 !important; }
.lh_18{ line-height: 1.8 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_14{ line-height: 1.4 !important; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }
.ls_4{ letter-spacing: 4px; }

.ls_-1{ letter-spacing: -1px; }
.ls_-2{ letter-spacing: -2px; }


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

	p{ line-height: 1.8; }
	.text_16{ font-size: 1.5rem !important; ; }
	.text_18{ font-size: 1.6rem !important; ; }
	.text_20{ font-size:1.8rem !important; }
	.text_22{ font-size:2rem !important; }
	.text_24{ font-size: 2.2rem !important; }
	.text_26{ font-size:2.4rem !important; }
	.text_28{ font-size: 2.6rem !important; }

	.text_30{ font-size: 2.8rem !important; }
	.text_32{ font-size: 3rem !important; }
	.text_34{ font-size: 3.2rem !important; }
	.text_36{ font-size: 3.4rem !important; }
	.text_38{ font-size: 3.4rem !important; }

	.text_40{ font-size:3.6rem !important; }
	.text_42{ font-size: 3.6rem !important; }
	.text_44{ font-size:3.7rem !important; }
	.text_46{ font-size:3.7rem !important; }
	.text_48{ font-size:3.8rem !important; }

	.text_50{ font-size:4rem !important; }
	.text_55{ font-size:4.3rem !important; }

	.text_sp16{ font-size: 1.6rem !important; }
	.text_sp25{ font-size: 2.3rem !important; }

	.ls_2{ letter-spacing: 1px; }
	.ls_4{ letter-spacing: 2px; }

	/*line-height*/
	.lh_18{ line-height: 1.6 !important; }
	.lh_16{ line-height: 1.5 !important; }
	.lh_15{ line-height: 1.4 !important; }
	.lh_14{ line-height: 1.4 !important; }

	.lh_20,
	.lh_21,
	.lh_22,
	.lh_23,
	.lh_24,
	.lh_25,
	.lh_26,
	.lh_28{
		line-height: 1.9 !important;
	}


}/*END*/

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

	.text_16{ font-size: 1.5rem !important; ; }
	.text_18{ font-size: 1.5rem !important; ; }
	.text_20{ font-size:1.6rem !important; }
	.text_22{ font-size:1.6rem !important; }
	.text_24{ font-size: 1.8rem !important; }
	.text_26{ font-size:1.8rem !important; }
	.text_28{ font-size: 2rem !important; }
	.text_30{ font-size: 2rem !important; }
	.text_32{ font-size: 2.1rem !important; }
	.text_34{ font-size: 2.2rem !important; }
	.text_36{ font-size: 2.2rem !important; }
	.text_38{ font-size: 2.4rem !important; }

	.text_40{ font-size:2.6rem !important; }
	.text_42{ font-size: 2.8rem !important; }
	.text_44{ font-size:2.9rem !important; }
	.text_46{ font-size:3rem !important; }
	.text_48{ font-size:3.1rem !important; }

	.text_50{ font-size:3.2rem !important; }
	.text_55{ font-size:3.2rem !important; }









	.sp_text_left{
		text-align: left;
	}

	.ls_4{ letter-spacing: 1px; }

}/*END*/


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

.inner_frame{
	width: 100%;
	max-width: 1160px;
	position: relative;
	box-sizing: border-box;
	margin-inline: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.pc_block{
	display: block;
}
.sp_block{
	display: none;
}



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

	.inner_frame{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}

}/*END*/

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

	.pc_block{
		display: none;
	}
	.sp_block{
		display: block;
	}
	.inner_frame{
		padding-right: 4%;
		padding-left: 4%;
	}

}/*END*/

.box_l{
	float: left;
	width: 45%;
}
.box_r{
	float: right;
	width: 50%;
}
.box_l55{
	float: left;
	width: 55%;
}
.box_r55{
	float: right;
	width: 55%;
}
.box_l45{
	float: left;
	width: 43.5%;
}
.box_r45{
	float: right;
	width: 43.5%;
}
.box_r65{
	width:68%;
	max-width:700px;
	float:right;
}
.box_l65{
	width:68%;
	max-width:700px;
	float:left;
}
.box_r60{
	width:58.15%;
	float:right;
}
.box_l60{
	width:58.15%;
	float:left;
}
.box_r40{
	width:39.2%;
	float:right;
}
.box_l40{
	width:39.2%;
	float:left;
}
.fl_R{
	float:right;
}

.list_three{ margin-left: -3.33%; }
.list_three li{
	position: relative;
	float: left;
	margin-bottom: 30px;
	box-sizing: border-box;
	width: 30%;
	margin-left:3.33%;
}
.list_three li a{ text-decoration: none; }
.list_three li:nth-child(3n+1){ clear: both; }
.list_four{
	margin-left: -1.85%;
}
.list_four li{
	position: relative;
	float: left;
	margin-bottom: 30px;
	box-sizing: border-box;
	margin-left:2%;
}
.list_four li{
	width: 23.14%;
	margin-left: 1.85%;
}

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

	.list_four li:nth-child(4n+1){ clear: both; }

}/*END*/

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

	.list_four li:nth-child(2n+1){ clear: both; }
	.list_four li{
		width: 48%;
		margin-bottom: 20px;
	}

}/*END*/

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

	.box_l,
	.box_r{
		float: none;
		width: 100%;
	}
	.box_r65,.box_l65,.box_l60,.box_r60,.box_l40,.box_r40,.box_l55,.box_r55,.box_l45,.box_r45{
		float: none;
		width: 100%;
	}
	.list_three{ margin-left: -1.3%; }
	.list_three li{
		position: relative;
		float: left;
		margin-bottom: 20px;
		box-sizing: border-box;
		width: 32%;
		margin-left:1.3%;
	}
	#feature .list_three{
		margin-left:0;
	}
	#feature .list_three li{
		float: none;
		width: 100%;
		margin-left:0;
		margin-bottom: 35px;
	}
	#access .list_three{
		margin-left:0;
	}
	#access .list_three li{
		float: none;
		width: 100%;
		margin-left:0;
		margin-bottom: 15px;
	}

}/*END*/


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

header{
	background: #000000;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 2%;
}

h1.read{
	float:left;
	font-weight: normal;
	line-height: 1.6;
	font-size: 1.2rem;
	color: #888888;
	padding: 5px 2px 5px 2%;
}
.head_logo{
	float: left;
	width: 40%;
}
.head_logo img{
	width: 100%;
	max-width:292px;
}

.head_contact{
	float: right;
	width: 40%;
	text-align: right;
}




.nav li{
	float: left;
	width: calc(100% / 7);
	text-align: center;
	border-left: 1px solid #000;
	box-sizing: border-box;
}

.nav_border_r{
	border-right:1px solid #000;
}

.nav li a {
	display: inline-block;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    color: #000;
    padding: 12px 8px;
    width: 100%;
}
.nav li a:hover{
	opacity: 0.7;
}

.sp_sd_menu{
	display: none;
}




.pan_nav{
	font-size: 1.2rem;
	color: #737373;
	letter-spacing: 1px;
}
.pan_nav li{
	float: left;
	line-height: 1.4;
}
.pan_nav a{
	color: #737373;
	text-decoration:underline;
}
.pan_nav a:hover{
	color: #5d5d5d;
	text-decoration: underline;
}
.pan_nav a:after{
	content: ">";
	color: #737373;
	font-size: 1.2rem;
	padding-left: 10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}


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

	#sd{
		letter-spacing: 0.5px;
	}


	.nav_fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: rgba(255,255,255,0.9);
		width: 100%;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 0;
	}

	.nav_fixed .nav li a{
		padding: 16px 8px;
	}



}/*END*/


#sd{
	display: none;
}


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

	#sd ul,
	.head_inner{
		padding:0;
	}
	#sd{
		border-left: 6px solid #000;
		display: block;
	}

	.nav li{
		width: 100%;
		float: none;
		border: none;
	}

	.nav_border_r{
		border-right:none;
	}


	.sd-trigger{
		float: right;
		position: fixed;
		right: 0;
		top: 3%;
		width: 44px;
		height: 38px;
		cursor: pointer;
		border: 1px solid #000;
		z-index: 10;
		background: #000;
		color:#fff;
	}


	.sp_fix_btn{
		display: block;
		position: fixed;
		right: 80px;
		top: 23px;
		width: auto;
		cursor: pointer;
		z-index: 10;
	}
	.nav_sp_block{
		display: block;
	}
	.nav_sp_none{
		display: none;
	}
	.sd-trigger span{
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		width: 22px;
		background-color: #fff;
	}
	.sd-trigger span:nth-of-type(1){ top: 11px; left: 11px; }
	.sd-trigger span:nth-of-type(2){ top: 19px; left: 11px; }
	.sd-trigger span:nth-of-type(3){ top: 27px; left: 11px; }
	#sd{ box-sizing: border-box; }
	#sd ul{
		margin-bottom: 0;
	}
	#sd li{ position: relative; }
	#sd li a{
		display: block;
		text-decoration: none;
		padding: 15px 5% 15px 5%;
		color:#000;
		border-bottom: 1px dotted #555;
	}


	.head_contact{
		padding-right:50px;
	}

	.sp_sd_menu{
		display: block;
	}

	.head_contact{
		padding-right:60px;
	}



}/*END*/


@media print, screen and (max-width: 599px){
	.pan_nav a:after{
		padding-left: 5px;
		margin-right: 5px;
	}

	header{
		padding: 10px 2%;
	}


	.head_contact{
		padding-right:40px;
	}

	.sd-trigger{
		top: 5px;
	}




}/*END*/





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

	.pc_fixed{
		position: fixed;
		right: -70px;
		top: 70%;
		z-index: 100;
		transition: all 0.4s;
	}
	.pc_fixed li{
		position: relative;
		right: -140px;
		width: 210px;
		transition: all 0.4s;
	}
	.pc_fixed li a{
		display: block;
		color: #fff;
		text-decoration: none;
		letter-spacing: 2px;
		font-size: 1.6rem;
	}
	.pc_fixed li:first-child a{
		background: #bd6117;
	}
	.pc_fixed li:last-child a{
		background: #000;
	}
	.pc_fixed li a img{
		width: 70px;
		display: inline-block;
		margin-right: 25px;
		vertical-align: middle;
	}
	.pc_fixed li:hover{
		right: 0;
	}
	.pc_fixed li:first-child a:hover{
		background: #968044;
	}


}/*END*/



@media print, screen and (max-width: 1199px){
	.pc_fixed{
		display: none;
	}

}/*END*/




/*----------------------------------------
	MV
----------------------------------------*/

.TopMain{
	padding:0 !important;
	margin:0;
	position: relative;
}
.mv_img{
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.mv_copy{
	width:45%;
	max-width:396px;
	position: absolute;
	top: 55%;
	left: 29.4%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
}
.mv_point ul{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.mv_point li{
	float: left;
	width: 32%;
	box-sizing: border-box;
	text-align: center;
}


@media screen and (max-width: 599px){
	.mv_point ul{
		display: block;
	}

	.mv_point li{
		float: none;
		width: 100%;
		border: none;
		text-align: center;
		margin-bottom: 10px;
	}

	.mv_point li img{
		width: 85%;
	}

	.mv_point li:first-child{
		border-left: none;
	}
	.mv_point li:last-child{
		margin-bottom: 0;
	}

}/*END*/


/*----------------------------------------
	contents
----------------------------------------*/
.rela{
	position:relative;
}

.ttl img{
	width: 100%;
	max-width:560px;
}

.fl_list{
	display: flex;
	justify-content: space-between;
	row-gap: 30px;
	flex-wrap: wrap;
}
.fl_list.three li{
	width: 31%;
}

.sp_none{
	display: block;
}
.big_ttl img{
	max-width: 554px;
	width: 100%;
}
.small_ttl img {
    max-width: 155px;
    width: 32%;
}
.contents_flex {
    display: flex;
    gap: 5%;
}
.contents_flex > div{
	width: 50%;
}
.contents_flex.gap3 {
    display: flex;
    gap: 3%;
}
.al_center{
	align-items: center;
}
.bg1{
	background-color: #afa980;
}
.bg2{
	background-color: #535353;
}
.bg3{
	background-color: #f7f1ed;
}
.bg4{
	background-color: #eeeeee;
}
.text_right{
	text-align: right;
}
.nowrap{
	text-wrap: nowrap;
}

@media screen and (max-width: 599px){
	.sp_none{
		display: none;
	}
	.fl_list.three li{
		width: 100%;
	}
	.contents_flex {
		flex-direction: column;
		row-gap: 30px;
	}
	.contents_flex.gap3 {
		row-gap: 30px;
	}
	#outline .contents_flex.gap3 {
		row-gap: 0px;
	}
	.contents_flex > div{
		width: 100%;
	}
	.sp_bt_none{
		border-top: none!important;
	}
}/*END*/

/*----------------------------------------
	区画図
----------------------------------------*/
.plan_inner{
	width: 100%;
	box-sizing: border-box;
	margin-inline:auto;
}
.plan_in_bg {
    padding: 40px 4% 70px;
    background: #f0f0f0;
}
.data{
    background-color: #fff;
    border: 1px solid #bfbfbf;
    padding: 2%;
    display: flex;
    justify-content: center;
}
.plan_h3 img{
	max-width: 281px;
	width: 70%;
}
@media screen and (max-width: 599px){
	.plan_in_bg{
		padding: 30px 4.5%;
	}
	.data{
		padding: 4%;
	}
}/*END*/

/*----------------------------------------
	間取り図
----------------------------------------*/
/* タブの設定 */
.tab {
    overflow: hidden;
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
	gap: 8px;
}

.tab.tab_botom{
	background: #fff;
}
.tab_list {
	list-style-type: none;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	width: fit-content;
}
.tab_list img{
	max-width: 150px;
	width: 100%;
}
.tab_contents_list {
	box-sizing: border-box;
}

.tab_list.active img.tab_on{
	display: block;
	transition: all 0.3s;
}
.tab_list img.tab_on{
	display: none;
	transition: all 0.3s;
}

.tab_list.active img.tab_off{
	display: none;
	transition: all 0.3s;
}
.tab_list img.tab_off{
	display: block;
	transition: all 0.3s;
}


.tab_contents_list .inner{
	padding: 5.5% 4%;
}

@media screen and (max-width: 599px){
	.c{
		text-align: center;
	}
	.tab_list {
		width: 30%;
	}
	.tab {
		gap: 4px;
	}
}/*END*/


/*----------------------------------------
	周辺環境
----------------------------------------*/
.location_frame{
	background: none;
	box-sizing: border-box;
}

.location_list .over{
	overflow:hidden;
}
.location_frame table{
	width: 100%;
	line-height: 1.6;
	color: #fff;
}
.location_frame th,
.location_frame td{
	font-weight: normal;
	text-align: left;
	padding: 12px 10px 12px 10px;
	border-bottom: 1px solid #fff;
	font-size: 1.6rem;
}
.location_frame th{ text-align: left; }
.location_frame td{ text-align: right; }

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

	.location_list{
		padding: 15px;
	}
	.location_list .over{
		overflow:hidden;
	}

}/*END*/

@media screen and (max-width: 599px){
	.location_frame table{
		width: 100%;
		line-height: 1.6;
	}
	.location_frame th{
		display: block;
		text-align: left;
		padding:10px 10px 0 10px;
		border-bottom:none;
	}
	.location_frame td{
		display: block;
		text-align: left;
		padding:3px 10px 10px 10px;
	}
	.location_frame th,
	.location_frame td{
		font-size: 1.4rem;
	}


	#location .list_three p{
		line-height: 1.5;
		font-size: 1.2rem;
	}

	.over.p_b40{
		padding-bottom:20px !important;
	}



	.location_list{
		background: #f8f9fa;
		padding: 25px 10px 10px 10px;
	}

	.p_t3em{
		padding-top: 3em;
	}



}/*END*/


/*----------------------------------------
	map
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 40% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none){
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/

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

	.map{ padding: 70% 0 0; }

}/*END*/



/*----------------------------------------
	物件概要テーブル
----------------------------------------*/
.tb_style_outline{
	width: 100%;
	border-top:1px solid #bdbdbd;
	background: none;
}

table.tb_style_outline{
	word-break: break-all;
}

.tb_style_outline th,
.tb_style_outline td{
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding:10px 15px;
	overflow-wrap : break-word;
}
.tb_style_outline th{
	background: none;
	font-weight:bold;
	border-bottom:1px solid #bdbdbd;
	box-sizing: border-box;
}

.tb_style_outline td{
	border-bottom:1px solid #bdbdbd;
	padding-left:13px;
}

.tb_style_outline .td_wide th{
	width:40%;
}



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

	.tb_style_outline th{
		width:30%;
		max-width: 170px;
	}

}/*END*/

@media screen and (max-width: 768px){
	table.tb_style_outline {
	    border-spacing: 0 0;
	}

	.tb_style_outline th, .tb_style_outline td {
	   /* border: none;
	    display: block; スマホテーブル幅いっぱい*/
		font-size:1.4rem;
	}

	.tb_style_outline th {
	    padding:8px 5px 8px 8px;
	}
	.tb_style_outline td {
	    padding: 8px 5px 8px 8px;
	}

	.th2 th.tb_bg_brown {
	    background: none;
	    font-weight: bold;
	}

	.tb_style_outline th {
	    /*width:100%;　スマホテーブル幅いっぱい*/
		width: 34%;
	}

}/*END*/

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

	.border_t0{border-top:none;}

}/*END*/






/*----------------------------------------
	contact
----------------------------------------*/
.contact_frame{
	background: url("../images/contact_bg.jpg") no-repeat;
	background-size:cover;
	background-position: bottom;
	text-align: center;
}

.c_box_l{
	float: left;
	width: 47%;
}
.c_box_r{
	float: right;
	width: 47%;
}

.f_btn img{
	max-width: 295px;
}

.contact_in{
	width: 100%;
	max-width: 668px;
	margin: 0 auto;
}

/*
@media screen and (max-width: 1369px){

	.contact_frame{ background-size: auto 100%; }

}END*/

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

	.c_box_l,.c_box_r{
		float: none;
		width: 90%;
		margin: 0 auto 30px auto;
	}

}/*END*/







/*----------------------------------------
	footer
----------------------------------------*/
.foot_navi_area{
	border-bottom: 1px solid #000;
}

.fl_menu{
	display: flex;
	justify-content: center;
}

.fl_menu li{
	padding: 0 9px;
}

.fl_menu li a{
	color: #000;
	text-decoration: none;
}


.foot_bg{
	background: #fff;
}
.foot_logo{
	width:70%;
}
.foot_logo img{
	max-width:275px;
}
.copyright{
	font-size: 1.2rem;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	color:#000;
}

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

	footer .inner_frame .clearfix{
		margin-left: auto;
		margin-right: auto;
		width: 600px;
	}

}/*END*/

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

	footer{ text-align: center; }

}/*END*/

@media screen and (max-width: 599px){
	.fl_menu{
		display: block;
		overflow: hidden;
	}

	.fl_menu li{
		float: left;
		margin-bottom: 15px;
	}

	.copyright{ font-size: 1rem; }

}/*END*/


/*----------------------------------------
	page top
----------------------------------------*/

.page_top{
	width: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 49;
}
.page_top a{
	display: block;
	text-align: center;
	padding-top: 28px;
	padding-bottom: 20px;
	line-height: 0;
	background: #e26e10;
}
.page_top a::after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
	-webkit-transform: scaleY(0.9) rotate(45deg);
	-moz-transform: scaleY(0.9) rotate(45deg);
	-ms-transform: scaleY(0.9) rotate(45deg);
	-o-transform: scaleY(0.9) rotate(45deg);
	transform: scaleY(0.9) rotate(45deg);
	position: absolute;
	top: 7px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

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

	.page_top{
		width: 40px;
		right: 0;
		bottom: 0;
	}
	.page_top a{
		padding-top: 20px;
		padding-bottom: 20px;
	}

}/*END*/




/*btn*/
.btn_border{
	display: block;
	transition: all 0.4s;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	z-index: 10;
	line-height: 1;
	text-decoration: none;
}
.btn_white{
	color: #fff;
}
.btn_black{
	color: #000;
}
.btn_border_l:before,
.btn_border_l:after,
.btn_border_r:before,
.btn_border_r:after{
	content: "";
	position: absolute;
}
.btn_white .btn_border_l:before,
.btn_white .btn_border_l:after,
.btn_white .btn_border_r:before,
.btn_white .btn_border_r:after{
	background: #fff;
}
.btn_black .btn_border_l:before,
.btn_black .btn_border_l:after,
.btn_black .btn_border_r:before,
.btn_black .btn_border_r:after{
	background: #000;
}
.btn_border_l:before{
	width: 1px;
	height: 100%;
	bottom: 0;
	left: 0;
}
.btn_border_l:after{
	height: 1px;
	width: 92%;
	bottom: 0;
	left: 0;
}
.btn_border_r:before{
	width: 1px;
	height: 100%;
	bottom: 0;
	right: 0;
}
.btn_border_r:after{
	height: 1px;
	width: 92%;
	top: 0;
	right: 0;
}
.btn_border:hover{
	color: #e26e10
}
.btn_border:hover .btn_border_l:before,
.btn_border:hover .btn_border_r:before{
	animation: btn_border_b 0.4s ease-in-out forwards;
}

@keyframes btn_border_b{
	0%{
		height: 0;
	}
	10%{
		height: 0;
		background: #e26e10;
	}
	100%{
		height: 100%;
		background: #e26e10;
	}
}
.btn_border:hover .btn_border_l:after,
.btn_border:hover .btn_border_r:after{
	animation: btn_border_a 0.4s ease-in-out forwards;
}

@keyframes btn_border_a{
	0%{
		width: 0;
	}
	10%{
		width: 0;
		background: #e26e10;
	}
	100%{
		width: 92%;
		background: #e26e10;
	}
}

.btn_border .btn_arrow:before,
.btn_border .btn_arrow:after{
	display: inline-block !important;
	content: "";
	position: absolute;
	right: 30px;
	top: 50%;
	height: 1px;
	transition: all 0.4s;
}
.btn_border .btn_arrow:before{
	width: 10px;
	transform: rotate(35deg);
	margin-top: -3px;
}
.btn_border .btn_arrow:after{
	width: 30px;
}
.btn_white .btn_arrow:before,
.btn_white .btn_arrow:after{
	background: #fff;
}
.btn_black .btn_arrow:before,
.btn_black .btn_arrow:after{
	background: #000;
}
.btn_border:hover .btn_arrow:before,
.btn_border:hover .btn_arrow:after{
	right: 20px;
	background: #e26e10;
}

.btn_300{
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}





.f_btn_corp{
	display: inline-block;
	padding: 12px 40px;
	border: 1px solid #000;
}

.img_i{
	max-width: 	100%;
	vertical-align: -8%;
}

a.f_btn_corp{
	text-decoration: none;
	color: #000;
}

@media screen and (max-width: 599px){
	.f_btn_corp{
		padding: 3% 3%;
	}

	.foot_logo{
		width: 50%;
	}

}/*END*/