@charset "utf-8";

/*-------------------------------------------
	top main
--------------------------------------------*/
.t_main{
position:relative;
width:100%;
text-align: center;
height: 500px;
background: url(/images/webp/top_main.webp) no-repeat center top;
background-size: cover;
}
.no-webp .t_main{
background: url(/images/top_main.jpg) no-repeat center top;
background-size: cover;
}
.t_main_txt{
display: table;
margin:0 auto;
padding:0 20px;
padding-top:200px;
text-align: left;
color:#fff;
}
.t_main_l,
.t_main_r{
display: table-cell;
vertical-align: top;
}
.t_main_l{
padding-right:30px;
}
.t_main_ltxt{
display: none;
/*
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;*/
}
.t_main_title{
font-size:45px;
font-size:4.5rem;
line-height: 1.2;
font-weight: 700;
}
.t_main_lead{
font-size:20px;
font-size:2.0rem;
}
.t_main_btn{
width:400px;
margin:50px auto 0;
}
.t_main_btn a{
display: block;
padding:15px 0;
font-size:20px;
font-size:2.0rem;
color:#fff;
border-radius: 5px;
background:rgba(221,54,54,1);
}


/*-------------------- Media Queries --------------------*/
@media (min-width: 1440px) {
.t_main{
height: 550px;
}
}/*1440px*/

@media (max-width: 768px) {
.t_main{
position:relative;
width:100%;
text-align: center;
height: 400px;
}
.t_main_l img{
width:80px;
height: auto;
}
.t_main_txt{
padding:120px 20px 0;
}
.t_main_title{
font-size:35px;
font-size:3.5rem;
}
.t_main_lead{
font-size:16px;
font-size:1.6rem;
}

}/*768px*/

@media (max-width: 640px) {
.t_main_txt{
padding-top:50px;
}

.t_main_l{
padding-right:15px;
}
.t_main_r{
line-height: 1.2;
}
.t_main_title{
font-size:30px;
font-size:3.0rem;
}
.t_main_btn{
position: absolute;
width:80%;
left:10%;
bottom:30px;
}

.t_main_btn a{
width:100%;
font-size:18px;
font-size:1.8rem;
font-weight: 700;
padding:10px 0;
}


}/*640px*/
@media (max-width: 480px) {
.t_main{
height: 400px;
background:#4C3D29 url(/images/webp/top_main.webp) no-repeat center bottom;
background-size: 140% auto;
}
.no-webp .t_main{
height: 400px;
background:#4C3D29 url(/images/top_main.jpg) no-repeat center bottom;
background-size: 140% auto;
}
.t_main_txt{
display: block;
padding-top:30px;
text-align: center;
}
.t_main_l,
.t_main_r{
display: block;
}
.t_main_l{
padding-right:0;
}

.t_main_l img{
display: none;
}
.t_main_ltxt{
display: inline-block;
padding:8px 20px;
color:#333;
font-size:14px;
font-size: 1.4rem;
line-height: 1;
background:#fff;
border-radius:50px;
}
.t_main_r{
margin-top:10px;
}

.t_main_title{
font-size:24px;
font-size:2.4rem;
line-height: 1.8;
}
.t_main_lead{
font-size:14px;
font-size:1.4rem;
line-height: 1.4;
}

.t_main_btn a{
padding:5px 0;
font-size:18px;
font-size:1.8rem;
font-weight: 700;
}
}/*480px*/


/*-------------------------------------------
	top search
--------------------------------------------*/
.h_search{
padding:20px 0 20px;
background: linear-gradient(to right, #4268A7 0,#478AC2 70%, #4CB2E3 100%);
}
.h_search_l {
float: left;
}
.h_search_l p{
display: inline-block;
color:#fff;
}
.h_search_btn{
float: right;
width:100px;
}
.h_search_btn a{
display: block;
padding:4px 0;
color:#fff;
text-align: center;
border-radius: 3px;
background: #333;
}

.h_search_txt,
.h_search_slc{
display: inline;
}

/*-------------------- Media Queries --------------------*/
@media (max-width:950px) {
.h_search{
padding:80px 0 20px;
background: linear-gradient(to bottom, #4268A7 0,#478AC2 70%, #4CB2E3 100%);
}
.h_search_l{
    width: 70%;
}
.h_search .text_box {
display: block;
    width: 100%;
	margin-bottom:5px;

}
.h_search input[type=text] {
  font-size: 16px;
	  transform: scale(0.8);
}

.h_search_slc{
display: inline;
}

}/* 950px */

/*-------------------- Media Queries --------------------*/
@media (max-width: 375px) {
.h_search_l{
float: none;
    width: 100%;
}
.h_search_slc{
text-align: center;
}
.h_search_btn{
float: none;
width:100px;
margin:20px auto 0;
}

}/*375*/





/*-------------------- Media Queries --------------------*/
@media (max-width: 480px) {

}/*480*/





/*-------------------------------------------
	top common
--------------------------------------------*/
.t_sec{
width:980px;
margin:0 auto;
}
.gtop{
position: relative;
/*padding-top:63px;*/
}
.gtop h2{
font-weight: 700;
font-size:28px;
font-size:2.8rem;
}

.gtop h3{
font-weight: 700;
font-size:22px;
font-size:2.2rem;
text-align: center;
color:#0099FF;
}
.t_sec .kansai h3{
color:#F3A23D;
}
.t_sec h3:after {
    content: "";
    display: block;
    width: 40px;
    border-bottom: 2px solid #ddd;
    margin: 0 auto 30px;
    height: 10px;
}


/*-------------------- Media Queries --------------------*/
@media (max-width: 950px) {
.t_sec{
width:100%;
margin:0;
padding:0 20px;
}
.gtop{
padding-top:0px;
}
}/*950px*/

@media (max-width: 768px) {
.gtop h2{
font-size:24px;
font-size:2.4rem;
}

.gtop h3{
font-size:18px;
font-size:1.8rem;
}

.lead{
width:100%;
display:block;
margin:30px 0;
text-align: center;
padding:0 20px;
color:#333;
}

}/*768*/



/*-------------------------------------------
	t_rent
--------------------------------------------*/
.t_rent{
padding:0 0 60px;
z-index: -3;
}

.t_rent .t_cheadwrap{
display: table;
width:100%;
}

.t_rent .t_chead:before{
content: "";
position: absolute;
display:inline-block;
	top: 0;
	left: 0;
	width:50px;
	height: 100%;
	transform: skew(-30deg);
 -webkit-transform: skew(-30deg);
 background-color: #005BAC;
}

.t_rent .t_chead{
display: table-cell;
width:50%;
height: 120px;
background:#005BAC;
transform: skew(30deg);
 -webkit-transform: skew(30deg);
 z-index: -2;
}
.t_rent h2{
padding-top:30px;
transform: skew(-30deg);
 -webkit-transform: skew(-30deg);
vertical-align: middle;
text-align:right;
color:#fff;
padding-right:80px;
}

.t_rent .lead{
display: table-cell;
vertical-align: middle;
padding-left:80px;
}

.t_rent .t_sec{
margin-top:60px;
}

.t_rent ul{
display: table;
width:100%;
text-align: center;
border:1px solid #ddd;
}
.t_rent ul li{
display: table-cell;
background:#fff;
padding:20px 8px 8px;
width:35%;
}
.t_rent ul li.kansai{
width:65%;
border-left:1px solid #ddd;
}
.t_rent ul li a{
font-size:24px;
font-size:2.4rem;
line-height: 1;
font-weight: 700;
}
.t_rent ul li p:before{
content: "";
display: inline-block;
width:30px;
height: 22px;
background: url(/images/webp/cmn_icon_search.webp) no-repeat left center;
}
.no-webp .t_rent ul li p:before{
background: url(/images/cmn_icon_search.png) no-repeat left center;
}

.t_rent ul li div a{
display:block;
padding:120px 0 30px;
background:#E4F4FB url(/images/webp/nav_icon01.webp) no-repeat center 20px;
}
.no-webp .t_rent ul li div a{
display:block;
padding:120px 0 30px;
background:#E4F4FB url(/images/nav_icon01.png) no-repeat center 20px;
}
.t_rent ul li.kansai div{
display: inline-block;
width:49.5%;
}
.t_rent ul li.kansai h3+div a{
background:#FDF1E2 url(/images/webp/nav_icon02.webp) no-repeat center 20px;
}
.no-webp .t_rent ul li.kansai h3+div a{
background:#FDF1E2 url(/images/nav_icon02.png) no-repeat center 20px;
}
.t_rent ul li.kansai div:last-child a{
background:#FDF1E2 url(/images/webp/nav_icon03.webp) no-repeat center 20px;
}
.no-webp .t_rent ul li.kansai div:last-child a{
background:#FDF1E2 url(/images/nav_icon03.png) no-repeat center 20px;
}




/*-------------------- Media Queries --------------------*/
@media (max-width: 768px) {

.t_rent .t_chead:before{
content: none;
}

.t_rent .t_chead{
display: block;
width:100%;
height: auto;
transform: none;
 -webkit-transform: none;
}
.t_rent h2{
padding:15px 0;
transform: none;
 -webkit-transform: none;
vertical-align: middle;
text-align:center;
color:#fff;
padding-right:0;
}
.t_rent .lead{
width:100%;
display:block;
padding-left:0;
}



.t_rent .t_sec{
margin-top:0;
}

.t_rent ul{
display:block;
width:100%;
text-align: center;
border:1px solid #ddd;
}
.t_rent ul li{
display:block;
padding:20px 8px 8px;
width:100%;
}
.t_rent ul li.kansai{
width:100%;
border-left:none;
border-top:1px solid #ddd;
}
.t_rent ul li a{
font-size:18px;
font-size:1.8rem;
}
}/* 768px */


@media (max-width: 480px) {
.t_rent ul li.kansai div{
display: block;
width:100%;
}
.t_rent ul li.kansai div+div{
margin-top:10px;
}

}/* 480px */



/*-------------------------------------------
	recom
--------------------------------------------*/
.t_recom{
position: relative;
padding-bottom:60px;
width: 100%;
background: #F2F2F4;
}

.t_recom:before{
content: "";
position: absolute;
display: inline-block;
width:50%;
height: 350px;
top: 30px;
right: 102px;

z-index: 1;
background:#005BAC;
transform: skew(-30deg);
 -webkit-transform: skew(-30deg);
}
.t_recom:after{
content: "";
position: absolute;
display:inline-block;
	top: 30px;
	right: 0;
	width:200px;
height: 350px;
z-index: 1;
background:#005BAC;
}

.t_recom .t_chead {
display:table;
width:100%;
padding:20px 0 0;
position: relative;
z-index: 2;
}

.t_recom h2{
display:table-cell;
width:45%;
height: 125px;
padding-right:150px;
vertical-align: middle;
text-align: left;
color:#005AAC;
}
.t_recom .lead{
display:table-cell;
width:55%;
padding-left:100px;
vertical-align: middle;
color:#fff;
}



.t_recom_box{
position:relative;
width:47%;
float: left;
padding:20px 10px;
background:#fff;
border-top:2px solid #0099FF;
z-index: 2;
}
.t_recom_box.kansai{
border-color: #EC9B42;
}
.t_recom_box+.t_recom_box{
margin-left:6%;
}

.t_recom .btn a{
display: block;
margin:0px auto 0;
padding:10px;
text-align: center;
font-weight: 700;
color:#fff;
border-radius:4px;
}


.t_recom_btn a{
width:80%;
font-size:18px;
font-size:1.8rem;
background: #4DB2E3;
}
.kansai .t_recom_btn a{
background: #F3A23D;
}


.t_recom_bottom{
margin-top:80px;
font-size:20px;
font-size:2.0rem;
text-align: center;
font-weight: 700;
}
.t_recom_btn {
margin-top:40px;
}
.t_recom_bottombtn a{
width:530px;
background: rgba(221,54,54,1);
}

.t_recom_list li{
padding:20px 0;
border-bottom:1px solid #ddd;
}
.b_name{
padding:8px 10px;
font-size:18px;
font-size:1.8rem;
font-weight:700;
}
.tokyo .b_name{
background:#E5F5FF;
}
.kansai .b_name{
background:#FEF6EB;
}
.b_price{
font-size:18px;
font-size:1.8rem;
font-weight: 700;
letter-spacing: 0.08em;
}
.b_price span{
display: inline-block;
margin-right:10px;
padding:0px 5px;
color:#fff;
font-weight: normal;
font-size:12px;
font-size:1.2rem;
background:#4DB2E3;
}
.kansai .b_price span{
background:#FF9900;
}
.b_detail{
margin:10px 0;
}
.b_ph,
.b_detail2{
float:left;
}
.b_ph{
width:160px;
margin-right:30px;
}
.b_detail2{
width:220px;
line-height: 1.4;
}
.b_btn a{
display: block;
text-align: center;
margin-top:20px;
padding:5px 0;
color:#fff;
border-radius:4px;
background:#676C83;
}


/*-------------------- Media Queries --------------------*/
@media (max-width: 950px) {


.b_ph,
.b_detail2{
float:none;
text-align: center;
}
.b_ph{
width:100%;
margin-right:0;
margin-bottom:20px;
}
.b_detail2{
width:100%;
line-height: 1.4;
}
.b_btn a{
display: block;
width:80%;
padding:10px 0;
margin:20px auto 0;
}
.t_recom_btn a{
width:90%;
font-size:15px;
font-size:1.5rem;
line-height: 1.5;
}
.t_recom_btn a span{
display: block;
}

.t_recom_bottom{
font-size:18px;
font-size:1.8rem;
line-height: 1.5;
margin:40px auto 0;
}
.t_recom_bottombtn a{
width:80%;
}
}/*950px*/

@media (max-width: 768px) {
.t_recom h2{
display:block;
width:100%;
height: auto;
padding:15px 0;
text-align: center;
color:#fff;
background: #005BAC;
}
.t_recom .lead{
width:100%;
display:block;
color:#333;
padding-left:0;
}
.t_recom:before{
content: none;
}
.t_recom:after{
content: none;
}



}/* 768px */



@media (max-width: 640px) {
.t_recom_box{
width:100%;
float: none;
}
.t_recom_box.kansai{
border-color: #EC9B42;
}
.t_recom_box+.t_recom_box{
margin-left:0;
margin-top:60px;
}
}/* 640px */

@media (max-width: 480px) {
.t_recom_btn a{
width:100%;
}
}/* 480px */




/*-------------------------------------------
	top support
--------------------------------------------*/
.t_support{
position: relative;
padding:20px 0 0;
}


.t_support .t_chead:before{
content: "";
position: absolute;
display: block;
width:50%;
background:#92B81D;
height: 350px;
top: 30px;
right: 102px;
z-index: -1;

transform: skew(-30deg);
 -webkit-transform: skew(-30deg);
}
.t_support .t_chead:after{
content: "";
position: absolute;
display:inline-block;
	top: 30px;
	right: 0;
	width:200px;
height: 350px;
z-index: -1;
background:#92B81D;
}



.t_support .t_chead {
display:table;
width:100%;
padding:20px 0 0;

}

.t_support h2{
width:50%;
display:table-cell;
vertical-align: middle;
height: 125px;
padding-right:150px;
text-align: left;
color:#92B81D;
}
.t_support .lead{
width:50%;
display:table-cell;
vertical-align: middle;
padding-left:100px;
color:#fff;
}
.t_support h2 span{
display: block;
font-size:18px;
font-size:1.8rem;
color:#333;
}



.t_support_inner{
padding:40px 0;
background: url(/images/webp/top_btm_bg.webp) no-repeat left bottom;
background-size: cover;
}
.no-webp .t_support_inner{
background: url(/images/top_btm_bg.jpg) no-repeat left bottom;
background-size: cover;
}
.t_support ul {

}
.t_support ul li{
float:left;
width:49%;
margin-bottom:10px;

}
.t_support ul li+li{
margin-left:2%;
}
.t_support ul li:nth-child(3){
margin-left:0;
}

.t_support ul li a{
display: block;
padding:30px;
background: #fff;
border-radius:4px;
}
.t_support ul li dl{
display: table;
}
.t_support ul li dt,
.t_support ul li dd{
display: table-cell;
vertical-align: middle;
}

.t_support ul li dt{
width:200px;
color:#92B81D;
font-weight:700;
font-size:18px;
font-size:1.8rem;
line-height: 1.2;
background: url(/images/webp/top_line.webp) no-repeat 95% center;
}

.no-webp .t_support ul li dt{
background: url(/images/top_line.png) no-repeat 95% center;
}

.t_support ul li dd{
position: relative;
line-height:1.2;
}

/*-------------------- Media Queries --------------------*/
@media (max-width: 768px) {
.t_support{
padding:0;
}
.t_support .t_chead:before,
.t_support .t_chead:after{
content: none;
}
.t_support .t_chead {
padding:0;
}
.t_support .inner{
margin:0;
}
.t_support h2{
display:block;
width:100%;
height: auto;
padding:15px 0;
text-align: center;
color:#fff;
line-height: 1.5;
background: #92B81D;
}
.t_support .lead{
width:100%;
display:block;
margin:30px 0;
text-align: center;
padding:0 20px;
color:#333;
}
.t_support h2 span{
color:#fff;
}

.t_support ul li{
float: none;
width:100%;
margin-bottom:10px;
}
.t_support ul li+li{
margin-left:0;
margin-top:20px;
}
}/* 768px */


@media (max-width: 480px) {
.t_support ul li dl{
display: block;
}
.t_support ul li dt{
display: block;
width:100%;
text-align: center;
background: none;
}
.t_support ul li dt br{
display:none;
}
.t_support ul li dd{
display: none;
}
}/* 480px */

/*-------------------------------------------
	top info
--------------------------------------------*/
.t_info{
padding:60px 0;
background: #005BAC;
}

.t_info h2{
font-size:20px;
font-size:2rem;
color:#fff;
}
.t_info .lead{
margin-bottom:20px;
color:#fff;
}

.t_info_box{
width:47%;
float: left;
padding:23px;
background:#fff;
}

.t_info.kansai{
border-color: #EC9B42;
}
.t_info_box+.t_info_box{
margin-left:6%;
}

.t_info_area{
font-weight:700;
font-size:18px;
font-size:1.8rem;
}
.tokyo .t_info_area{
color:#0099FF;
}
.kansai .t_info_area{
color:#F2A03D;
}
.t_info_bg{
text-align: center;
font-size:32px;
font-size:3.2rem;
font-weight: 700;
background:#CCEBFF;
}
.kansai .t_info_bg{
background:#FDECD8;
}
.t_info_bg span:before{
content: "";
display: inline-block;
width:50px;
height: 28px;
margin:0px 10px 0 0;
vertical-align: middle;
background: url(/images/webp/cmn_freedial.webp) no-repeat left center;
background-size:50px auto;
}
.no-webp .t_info_bg span:before{
background: url(/images/cmn_freedial.png) no-repeat left center;
}

.t_info_office{
margin-top:10px;
font-weight:700;
}

.t_info_bg+p{
margin-top:10px;
}

.t_info_time span+span{
padding-left:20px;
}
/*-------------------- Media Queries --------------------*/
@media (max-width: 768px) {
.t_info h2{
text-align: center;
}

.t_info_box{
width:100%;
float: none;
}

.t_info.kansai{
border-color: #EC9B42;
}
.t_info_box+.t_info_box{
margin-left:0;
margin-top:30px;
}
}/* 768px */












/*-------------------------------------------
	bottom link
--------------------------------------------*/
.btm_link{
padding:30px 0;
background:#F6F6FA;
}

.btm_link01 > li {
padding:20px 0;
border-bottom:1px solid #ddd;
}
.btm_link01 > li:first-child {
padding-top:0;
}
.btm_link01 li dl {
display: table;
}

.btm_link01 li dl dt,
.btm_link01 li dl dd{
display: table-cell;
}
.btm_link01 li dl dt{
width:250px;
vertical-align: middle;
font-weight: 700;
}
.btm_link01 li dl li{
display:inline-block;
margin-right:25px;
font-size:13px;
font-size:1.3rem;
}

.btm_link02{
padding:20px 0 0;

}
.btm_link02 li {
display:inline-block;
margin-right:25px;
font-weight: 700;
font-size:14px;
font-size:1.4rem;
}

.btm_link01 li dt:before {
content: "";
display: inline-block;
width:25px;
height: 28px;
margin:0px 10px 0 0;
vertical-align: middle;
}

.btm_link01 li.btm_lst01 dt:before {
background: url(/images/webp/nav_icon01.webp) no-repeat left center;
background-size:25px auto;
}
.no-webp .btm_link01 li.btm_lst01 dt:before {
background: url(/images/nav_icon01.png) no-repeat left center;
background-size:25px auto;
}
.btm_link01 li.btm_lst02 dt:before {
background: url(/images/webp/nav_icon02.webp) no-repeat left center;
background-size:25px auto;
}
.no-webp .btm_link01 li.btm_lst02 dt:before {
background: url(/images/nav_icon02.png) no-repeat left center;
background-size:25px auto;
}
.btm_link01 li.btm_lst03 dt:before {
background: url(/images/webp/nav_icon03.webp) no-repeat left center;
background-size:25px auto;
}
.no-webp .btm_link01 li.btm_lst03 dt:before {
background: url(/images/nav_icon03.png) no-repeat left center;
background-size:25px auto;
}
.btm_link01 li.btm_lst04 dt:before {
background: url(/images/webp/nav_icon04.webp) no-repeat left center;
background-size:20px auto;
}
.no-webp .btm_link01 li.btm_lst04 dt:before {
background: url(/images/nav_icon04.png) no-repeat left center;
background-size:20px auto;
}
.btm_link01 li.btm_lst05 dt:before {
background: url(/images/webp/nav_icon05.webp) no-repeat left center;
background-size:20px auto;
}
.no-webp .btm_link01 li.btm_lst05 dt:before {
background: url(/images/nav_icon05.png) no-repeat left center;
background-size:20px auto;
}

/*-------------------- Media Queries --------------------*/
@media (max-width: 768px) {

.btm_link01 li dl {
display: block;
}
.btm_link01 li dl dt,
.btm_link01 li dl dd{
display: block;
}
.btm_link01 li dl dt{
width:100%;
}
.btm_link01 li dt:before {
content: "";
display: inline-block;
width:25px;
height: 28px;
margin:0px 10px 0 0;
vertical-align: middle;
}

}/* 768px */


@media (max-width: 480px) {

}/* 480 */



/*-------------------------------------------
	top support
--------------------------------------------*/


/*-------------------- Media Queries --------------------*/
@media (max-width: 480px) {

}/*480*/



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

    20200617~:

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

/* 
20200801:BB-13
 */

@media (min-width: 769px) {
  .p_sp .t_recom h2{
    height: 20rem;
    padding-right: 100px;
  }


  .p_sp .t_recom h2 span.minor {
    font-size: 0.7em;
    display: block;
  }
  .p_sp .t_recom h2 span.major {
    font-size: 0.9em;
  }
  .p_sp .t_recom .lead {
    font-size: 0.9em;
  }
}


@media (max-width: 768px) {
/*  .t_recom h2 {
    display:block;
    width:100%;
    height: auto;
    padding:15px 0;
    text-align: center;
    color:#fff;
    background: #005BAC;
  }*/
  .p_sp .t_recom h2 span.minor {
    font-size: 0.7em;
    display: block;
  }
}/* 768px */