@charset "utf-8";
/* CSS Document */

/*========================================================================================================Basic*/ 


/*hover*/
a:hover img:not(#img-top){
	opacity:0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: rgba(255,255,255,0);
}

a:hover img:not(#img-top){
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.no-hover a:hover img:not(#img-top){
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*========================================================================================================layout*/
/*以前使用していたクラス名が変更不可なので、"2"を付加*/
.container2{
	width: 1200px;
	margin: 0 auto;
}

.container2-min{
	min-width: 1200px;
	margin: 0 auto;
}

/*-----可変テキストの中央寄せ-----*/
.variable-txt{text-align:center;}
.variable-txt p{
	display:inline-block;
	text-align:left;
}

/*--------------------------------------------------------------------------------------------------------header*/
.sec:not(.sec--width80per){margin-bottom:15px;}

.sec--width80per{
	width:85%;
	margin:0 auto 15px;
}

header{margin-bottom:20px;}

/*area_header
--------------------------*/
#area_header{display:table;}

#area_header .logo,
#area_header .tel,
#area_header .other{
	display:table-cell;
	vertical-align:middle;
}

#area_header .logo{width:53%;}
#area_header .tel{width:35%;}
#area_header .other{width:12%;}

#area_header .tel,
#area_header .other{text-align:right;}

#area_header .other li{margin-bottom:10px;}

/*main-visual
--------------------------*/
#main-visual{text-align:center;}

/*-----each main img-----*/
#main-visual .default{
	/*background:url(images/common/bg_sky.jpg) repeat-x;*/
	border-top:3px solid #01836B;
	border-bottom:3px solid #01836B;
}

/*#main-visual .rent{background:url(images/index/bg_pink.gif);}*/
#main-visual .lend{background:url(images/common/bg_bdr-pink.jpg) bottom repeat-x;}

/*global_tab
--------------------------*/
#global_tab ul::after{
	content:"";
	display:block;
	clear:both;
}

#global_tab li{
	float:left;
	width:22.5%;
	padding:0 1%;
	height:55px;
	margin:0 0.25%;
	text-align:center;
	border-radius:10px 10px 0 0;
}

#global_tab a{
	position:relative;
	display:block;
	width: 100%;
	height: 100%;
}

#global_tab img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#global_tab li:not(.applicable){border-bottom:1px solid #fff;}
#global_tab .applicable{padding-bottom:1px;}

/*each tab bg*/
#global_tab .sale{background:url(images/common/bg_blue.gif);}
#global_tab .lend{background:url(images/common/bg_red.gif);}
#global_tab .buy{background:url(images/common/bg_orange.gif);}
#global_tab .rent{background:url(images/common/bg_green.gif);}

/*global_nav
--------------------------*/
#global_nav ul{display:table;}

#global_nav li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	float:none;
}

#global_nav li:not(.btn_wrap) a{
	display:block;
	height:49px;
	margin:4.5px 0;
}

#global_nav li:not(:last-child) a{border-right:1px solid #fff;}
#global_nav nav{width:auto;}
/*each nav bg*/
#global_nav .sale{background:url(images/common/bg_blue.gif);}
#global_nav .lend{background:url(images/common/bg_red.gif);}
#global_nav .buy{background:url(images/common/bg_orange.gif);}
#global_nav .rent{background:url(images/common/bg_green.gif);}

/*lend*/
#global_nav .lend .area_contact{
	background: #fff;
	width: 450px;
	margin: 4.5px 10px;
	height: 49px;
	border-radius: 8px;
}

#global_nav .lend .area_contact div{
	float:left;
	margin-left: 15px;
}

#global_nav .lend .area_contact::after{
	content:"";
	display:block;
	clear:both;
}

#footer{
	clear: both;
	padding-top:40px;
	margin-top:40px;
	border-top:dotted 2px #aaa;
	text-align: left;
}

/*area_footer
--------------------------*/
#footer_contact .area_contact{
	background:url(images/common/footer_contact-bg.png) center no-repeat;
	height:305px;
	position:relative;
}

#footer_contact .area_contact-btn{
	position:absolute;
	bottom: 28px;
	left: 190px;
}

footer a{
	text-decoration:none;
	font-weight:bold;
	color:#666 !important;
}


/*========================================================================================================other*/
.area-social{
	margin:3px 0;
	height:20px;
}
.fb-like{line-height: 10px;}

.smp_area{display:none !important;}

.tel-btn {
	display: block;
	border: 2px solid #E64A19;
	color:#E64A19;
	font-weight: bold;
	border-radius: 5px;
	max-width:480px;
	padding: 15px 0;
	margin: 0 auto 15px;
	position: relative;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.e_icon-toll-free{
	font-size: 2.5em;
	padding-left: 1.5em;
	position: relative;
	line-height: 1.5;
}

.e_icon-toll-free::before{
	content:"";
	width:40px;
	height:40px;
	background:url(images/common/toll-free.png) center center no-repeat;
	position:absolute;
	top: 7px;
	left:0;
}

/*------------------------------------------------------btn*/ 
/*c_btn 
------------------------------------------------------
.c_btn	  - 共通クラス
.c_btn--def - 通常のページへのリンクボタン
.c_btn--imp - 大事なページへのリンク
.c_btn--tmp - テンプレートガイドのリンク
*/

/*.c_btn
---------------------------*/
.c_btn{text-align:center;}

.c_btn a,
.c_btn > span{
	width:100%;
	max-width:290px;
	display: inline-block;
	text-decoration: none;
	padding: 20px 60px;
}

@keyframes c_btn--fade {0% { opacity:.3; }10% { opacity:.7; }100% { opacity:1; }}
@-webkit-keyframes c_btn--fade {0% { opacity:.5; }10% { opacity:.7; }100% { opacity:1; }}

/*e_btn--adv
---------------------------*/
.e_btn--adv a{
	color:#fff;
	background:#008269;
	box-shadow: 0 6px 0 #004D40, 0 12px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	position:relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_btn--adv a:hover{
	color:#fff;
	text-decoration:none;
	box-shadow: 0 3px 0 #004D40, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--fade 1s;
	animation: c_btn--fade 1s;
}

.e_btn--adv a:visited {
	color: #fff;
}

.e_btn--adv a::after{
	content: "\f101";
	font-family: "fontawesome";
	width: 33px;
	height: 33px;
	text-align: center;
	font-size: 2.2em;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 30px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_btn--adv a:hover::after{
	right:20px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_btn--adv a:active {
	box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
	transition-duration: 0.1s;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--fade 1s;
	animation: c_btn--fade 1s;
}

/*e_btn--bck
---------------------------*/
.e_btn--bck a{
	color:#fff;
	background:#3F51B5;
	box-shadow: 0 6px 0 #1A237E, 0 12px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	max-width: 175px;
	position:relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_btn--bck a:hover{
	box-shadow: 0 3px 0 #1A237E, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--fade 1s;
	animation: c_btn--fade 1s;
}

.e_btn--bck a::after{
	content: "\f100";
	font-family: "fontawesome";
	width: 42px;
	height: 64px;
	text-align: center;
	font-size: 2.2em;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 30px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_btn--bck a:hover::after{
	left:20px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_btn--bck a:active {
	box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
	transition-duration: 0.1s;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--fade 1s;
	animation: c_btn--fade 1s;
}

/*e_btn--cov
---------------------------*/
.e_btn--cov a {
	color: #fff;
	background-color: #20b2aa;
	box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.e_btn--cov a:hover {
	background-color: #20b2aa;
	box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--cov 1s;
	animation: c_btn--cov 1s;
}

.e_btn--cov a:active {
	color: #ddd;
	background-color: #12978d;
	box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition-duration: 0.1s;
}

/*list-style
----------------------------------------------------*/
/*c_li-bl
---------------------------*/
.c_li-bl{margin: 0 0 8px 16px;}

.c_li-bl > li{
	position: relative;
	padding-left: 1em;
	margin-bottom: 3px;
	height: 100%;
}

.c_li-bl > li::before{
	background:#01836B;
	content: " ";
	display: block;
	position: absolute;
	left:2px;
}

.e_li-bl--line > li::before{
	width: 7px;
	height: 2px;
	position:absolute;
	top:.8em;
}

/*c_li-bdr
--------------------------*/
.e_li-bdr--gray li{
	border-bottom:1px solid #ccc;
}

/*-----def----- */
dl.def{
	margin-bottom:15px;
}
dl.def dt{
	font-weight:bold;
	margin-bottom:10px;
}
dl.def dd{margin-left:15px;}

@keyframes c_btn--cov {0% { background-color: #20b2aa; }10% { background-color: #96e9e6; }100% { background-color: #20b2aa; }}
@-webkit-keyframes c_btn--cov {0% { background-color: #20b2aa; }10% { background-color: #96e9e6; }100% { background-color: #20b2aa; }}

/*----------------------------------------------------c_grid
.c_grid		- 全体を囲う
.c_grid--fl-*  - float:left;
.c_grid--fr-*  - float:right;

.c_grid--fr	- paddingなし
.c_grid--*-b   - padding:0 1%;
.c_grid--*-l   - padding-left:2%;
.c_grid--*-r   - padding-right:2%;

.c_grid__md-*  - *→12分割
*/

.c_grid{width: 100%;margin-bottom:15px;}
.c_grid:after{content:"";display:block;clear:both;}

.c_grid--div-mb > div{margin-bottom:15px;}

.c_grid--fl > div{float:left;padding:0;}
.c_grid--fl-b > div{float:left;padding:0 1%;}
.c_grid--fl-l > div{float:left;padding-left:2%;}
.c_grid--fl-r > div{float:left;padding-right:2%;}

.c_grid--fr > div{float:right;padding:0;}
.c_grid--fr-b > div{float:right;padding:0 1%;}
.c_grid--fr-l > div{float:right;padding-left:2%;}
.c_grid--fr-r > div{float:right;padding-right:2%;}

.c_grid--fl .c_grid__md-1,.c_grid--fr .c_grid__md-1{width: 8.33333333%;}
.c_grid--fl .c_grid__md-2,.c_grid--fr .c_grid__md-2{width: 16.66666667%;}
.c_grid--fl .c_grid__md-3,.c_grid--fr .c_grid__md-3{width: 25%;}
.c_grid--fl .c_grid__md-4,.c_grid--fr .c_grid__md-4{width: 33.33333333%;}
.c_grid--fl .c_grid__md-5,.c_grid--fr .c_grid__md-5{width: 41.66666667%;}
.c_grid--fl .c_grid__md-6,.c_grid--fr .c_grid__md-6{width: 50%;}
.c_grid--fl .c_grid__md-7,.c_grid--fr .c_grid__md-7{width: 58.33333333%;}
.c_grid--fl .c_grid__md-8,.c_grid--fr .c_grid__md-8{width: 66.66666667%;}
.c_grid--fl .c_grid__md-9,.c_grid--fr .c_grid__md-9{width: 75%;}
.c_grid--fl .c_grid__md-10,.c_grid--fr .c_grid__md-10{width: 83.33333333%;}
.c_grid--fl .c_grid__md-11,.c_grid--fr .c_grid__md-11{width: 91.66666667%;}
.c_grid--fl .c_grid__md-12,.c_grid--fr .c_grid__md-12{width: 100%;}

.c_grid--fl-b .c_grid__md-1,.c_grid--fr-b .c_grid__md-1,.c_grid--fl-l .c_grid__md-1,.c_grid--fr-l .c_grid__md-1,.c_grid--fl-r .c_grid__md-1,.c_grid--fr-r .c_grid__md-1{width: 6.33333333%;}
.c_grid--fl-b .c_grid__md-2,.c_grid--fr-b .c_grid__md-2,.c_grid--fl-l .c_grid__md-2,.c_grid--fr-l .c_grid__md-2,.c_grid--fl-r .c_grid__md-2,.c_grid--fr-r .c_grid__md-2{width: 14.66666667%;}
.c_grid--fl-b .c_grid__md-2-4,.c_grid--fr-b .c_grid__md-2-4,.c_grid--fl-l .c_grid__md-2-4,.c_grid--fr-l .c_grid__md-2-4,.c_grid--fl-r .c_grid__md-2-4,.c_grid--fr-r .c_grid__md-2-4{width: 18%;}
.c_grid--fl-b .c_grid__md-3,.c_grid--fr-b .c_grid__md-3,.c_grid--fl-l .c_grid__md-3,.c_grid--fr-l .c_grid__md-3,.c_grid--fl-r .c_grid__md-3,.c_grid--fr-r .c_grid__md-3{width: 23%;}
.c_grid--fl-b .c_grid__md-4,.c_grid--fr-b .c_grid__md-4,.c_grid--fl-l .c_grid__md-4,.c_grid--fr-l .c_grid__md-4,.c_grid--fl-r .c_grid__md-4,.c_grid--fr-r .c_grid__md-4{width: 31.33333333%;}
.c_grid--fl-b .c_grid__md-5,.c_grid--fr-b .c_grid__md-5,.c_grid--fl-l .c_grid__md-5,.c_grid--fr-l .c_grid__md-5,.c_grid--fl-r .c_grid__md-5,.c_grid--fr-r .c_grid__md-5{width: 39.66666667%;}
.c_grid--fl-b .c_grid__md-6,.c_grid--fr-b .c_grid__md-6,.c_grid--fl-l .c_grid__md-6,.c_grid--fr-l .c_grid__md-6,.c_grid--fl-r .c_grid__md-6,.c_grid--fr-r .c_grid__md-6{width: 48%;}
.c_grid--fl-b .c_grid__md-7,.c_grid--fr-b .c_grid__md-7,.c_grid--fl-l .c_grid__md-7,.c_grid--fr-l .c_grid__md-7,.c_grid--fl-r .c_grid__md-7,.c_grid--fr-r .c_grid__md-7{width: 56.33333333%;}
.c_grid--fl-b .c_grid__md-8,.c_grid--fr-b .c_grid__md-8,.c_grid--fl-l .c_grid__md-8,.c_grid--fr-l .c_grid__md-8,.c_grid--fl-r .c_grid__md-8,.c_grid--fr-r .c_grid__md-8{width: 64.66666667%;}
.c_grid--fl-b .c_grid__md-9,.c_grid--fr-b .c_grid__md-9,.c_grid--fl-l .c_grid__md-9,.c_grid--fr-l .c_grid__md-9,.c_grid--fl-r .c_grid__md-9,.c_grid--fr-r .c_grid__md-9{width: 73%;}
.c_grid--fl-b .c_grid__md-10,.c_grid--fr-b .c_grid__md-10,.c_grid--fl-l .c_grid__md-10,.c_grid--fr-l .c_grid__md-10,.c_grid--fl-r .c_grid__md-10,.c_grid--fr-r .c_grid__md-10{width: 81.33333333%;}
.c_grid--fl-b .c_grid__md-11,.c_grid--fr-b .c_grid__md-11,.c_grid--fl-l .c_grid__md-11,.c_grid--fr-l .c_grid__md-11,.c_grid--fl-r .c_grid__md-11,.c_grid--fr-r .c_grid__md-11{width: 89.66666667%;}
.c_grid--fl-b .c_grid__md-12,.c_grid--fr-b .c_grid__md-12,.c_grid--fl-l .c_grid__md-12,.c_grid--fr-l .c_grid__md-12,.c_grid--fl-r .c_grid__md-12,.c_grid--fr-r .c_grid__md-12{width: 98%;}


.aligncenter,
.c_ma-img img{
	display:block;
	margin:0 auto;
}

/*.c_iframe
---------------------------*/
.c_iframe{
	position: relative ;
	margin-top: 1.2em ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
}

.c_iframe iframe{
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
}