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

SP

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


/* module
-------------------------------------------------------*/
.pc {
display: none;
}
.sp {
display: block;
}
.in {
width:100%;
max-width:100%;
}
.area {
padding:30px 20px;
}
.f-box,
.f-box.rev {
flex-flow: column nowrap;
align-items: center;
}
.page_ttl {
font-size: 120%;
font-weight: bolder;
border-bottom: 1px solid #b18524;
padding-bottom: 10px;
margin-bottom: 30px;
line-height: 1.2;
text-align: center;
}
#service .page_vishual {
margin-bottom:0;
}
.pan {
max-width: 1020px;
margin: 0 auto;
margin-bottom: 0;
padding: 10px 20px;
}

#service .ul-flow .txt {

	text-align: left;
}

/* header
-------------------------------------------------------*/
#header {
text-align: center;
position: fixed;
top:0;
width: 100%;
padding: 10px;
box-sizing: border-box;
z-index: 99;
}
#header h1 {
display: none;
padding: 0 30px;
}
#header .box {
width: 100%;
}
#header ul {
justify-content: center;
position: fixed;
left:0;
bottom:0;
z-index: 999;
background:#fff;
padding:10px 5px;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #333;
}
#header ul li {
padding: 0 5px;
}
#header .ul-box {
display: none;
}

#header .logo img {
max-width: 120px;
}


/* nav
-------------------------------------------------------*/
#menu-btn {
position: fixed;
cursor: pointer;
right: 10px;
top: 12px;
z-index: 9999;
height: 18px;
}
#menu-btn span {
display: block;
background:#000;
width: 25px;
height: 2px;
transition: 0.5s;
position: relative;
}
#menu-btn span:nth-child(2) {
top: 6px;
}
#menu-btn span:last-child {
top: 12px;
}
#menu-btn.on span {
background: #fff;
}
#menu-btn.on span:first-child {
transform: translateY(8px) rotate(225deg);
}
#menu-btn.on span:nth-child(2) {
transform: scaleX(0);
}
#menu-btn.on span:last-child {
transform: translateY(-8px) rotate(-225deg);
}
#menu {
background: rgba(0,0,0,0.6);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: -100%;
z-index: 999;
overflow: hidden;
}
#menu .box {
display: flex;
flex-flow: column;
justify-content: center;
height:100%;
}
#menu ul {
over-flow:auto;
}
#menu ul li {
text-align: center;
}
#menu ul li:first-child {
border-top:1px solid #333;
}
#menu ul li {
color: #fff;
border-bottom: 1px solid #333;
}
#menu ul li a {
color:#fff;
display: block;
transition: .2s;
padding: 10px;
margin:0 auto;
line-height:1.2;
}
#menu ul li a:hover {
opacity: 0.7;
}
#menu-bg {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
overflow: hidden;
position: fixed;
top: 0;
right: -110%;
z-index: 998;
}


/* visual
-------------------------------------------------------*/
#index #visual .slide li {
background:none;
margin-top:40px;
padding:0;
}
#index #visual .slide li img {
max-width: 100%;
}
#index #visual .slide .slick-slide {
padding: 0;
}


.page_vishual_txt h2 {
	font-size: 140%;
	padding: 65px 0px 25px 0px;
}

.page_vishual {
margin-top:41px;
padding:30px 10px;
}
#service.service01 .page_vishual {
background:url(../img/service/service01/visual_sp.jpg)no-repeat center center/cover;
}
#service.service02 .page_vishual {
background:url(../img/service/service02/visual_sp.jpg)no-repeat center center/cover;
}
#service.service03 .page_vishual {
background:url(../img/service/service03/visual_sp.jpg)no-repeat center center/cover;
}
#service.service04 .page_vishual {
background:url(../img/service/service04/visual_sp.jpg)no-repeat center center/cover;
}
#service.service05 .page_vishual {
background:url(../img/service/service05/visual_sp.jpg)no-repeat center center/cover;
}
#service.service06 .page_vishual {
background:url(../img/service/service06/visual_sp.jpg)no-repeat center center/cover;
}
#recruit .page_vishual {
background:url(../img/recruit/visual_sp.jpg)no-repeat center center/cover;
}
#company .page_vishual {
background:url(../img/company/visual_sp.jpg)no-repeat center center/cover;
}
#privacy .page_vishual {
background:url(../img/privacy/visual_sp.jpg)no-repeat center center/cover;
}
#contact-page .page_vishual {
background:url(../img/contact/visual_sp.jpg)no-repeat center center/cover;
}
#member .page_vishual {
background:url(../img/member/visual_sp.jpg)no-repeat center center/cover;
}
#partner .page_vishual {
background:url(../img/partner/visual_sp.jpg)no-repeat center center/cover;
}
#property .page_vishual {
background:url(../img/property/visual_sp.jpg)no-repeat center center/cover;
}

/* footer
-------------------------------------------------------*/
#footer .footer-banner {
padding: 20px 5px;
}
#footer .footer-banner ul li {
padding: 0 5px;
}
#footer .footer-cont .ul-box {
flex-flow: column nowrap;
}
#footer .footer-cont .ul-box>li {
margin-bottom:10px;
}
#footer .footer-cont {
padding: 30px 0 60px;
}
#footer .copy {
margin-top: 30px;
}


/* ページ共通(一時アップ用)
-------------------------------------------------------*/

.page_vishual {
padding: 100px 0;
box-sizing: border-box;
text-align: center;
background: #f6f4f4;
margin-bottom: 20px;
}

.page_vishual h2 {
font-size: 150%;
}

.area_wrap {
margin-bottom: 20px;
padding: 20px;
}

.page_subttl {
font-size: 120%;
margin-bottom: 20px;
}

.page_subttl span {
display: block;
font-size: 60%;
font-weight:normal;
color: #b18e40;
}

.page_subttl02 {
font-size: 100%;
font-weight: bolder;
margin-bottom: 10px;
border-left: 3px solid #b18e40;
padding-left: 15px;
line-height: 1.2;
}


.service03_flow ul {
display: block;
}

.service03_flow ul li {
width: 100%;
margin-bottom: 40px;
}

.service03_flow ul li .flow_img {
width: 50%;
margin: 0 auto;
}


.service03_flow ul li .flow_img:after {
background-size: 14px 28px;
width: 14px;
height: 28px;
right: 50%;
top: 0%;
margin-top: -30px;
margin-right: -7px;
transform: rotate( 90deg );
}

.service03_flow ul li:last-child .flow_img:after {
display: block;
}

.service03_flow ul li:first-child .flow_img:after {
display:none;
}



.baseTB dl {
display: block;
margin-bottom: 20px;
}

.baseTB dl dt{
display:block;
width: 100%;
padding: 0%;
padding-bottom: 10px;
}

.baseTB dl dd{
display:block;
width: 100%;
padding: 0%;
padding-bottom: 20px;
}

.two_box {
display: block;

}

.two_box li {
margin-bottom: 15px;
}


/* index
-------------------------------------------------------*/
#index #area01 {
padding-bottom: 0;
}
#index #area01 ul li:nth-child(odd) a {
padding-left:0;
}
#index #area01 ul li:nth-child(even) a {
padding-right:0;
}
#index #area02 .btn a span::after {
right: -95px;
}
#index #area02 .box {
padding: 30px 0;
}
#index .txt-t .txt {
padding: 0;
}
#index #area02 .btn a {
padding: 15px 20px;
}
#index #area01 ul li span img {
width: 40px;
}
@media screen and (max-width:610px){
#index #area01 ul li {
width: 100%;
border:none!important;
border-top:1px solid #bfbfbf!important;
margin-bottom:0;
}
#index #area01 ul li:nth-child(odd) a,
#index #area01 ul li:nth-child(even) a {
padding: 0;
}
#index #area01 ul li span br {
display: none;
}
}

#index #area02 .btn a span::after {

display: none;

}


/* contact
-------------------------------------------------------*/
#contact .ttl-txt {
font-size: 90%;
line-height: 1.2;
}
#contact tr {
width: 100%;
}
#contact tr > * {
padding: 15px 20px;
display: block;
}
#contact tr th {
font-size: 100%;
width: 100%;
background-position: right center;
border-right: 0;
}
#contact tr:last-child th {
background-position: right center;
}
#contact tr td {
width: 100%;
}
#contact .radio-area {
padding-botom:5px;
}
#contact .text {
height: 30px;
}
#contact .contact-btn {
font-size: 100%;
padding: 10px;
width: 80%;
margin: 30px 5px 0;
display: block;
}
#contact .back-btn {
font-size: 100%;
padding: 10px;
width: 80%;
margin: 30px 5px 0;
display: block;
}

/* service
-------------------------------------------------------*/
#service .ul-flow{
display: block;
}
#service .ul-flow li {
width: 100%;
margin:0 0 40px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
}
#service .ul-flow li:last-child {
margin-bottom:0;
}
#service .ul-flow .ttl {
margin-right: 20px;
width:76px;
}
#service .ul-flow .ttl img {
width: 76px;
margin-top:10px;
}
#service .ul-flow .img {
display: none;
}
#service .ul-flow .txt span {
display: inline-block;
}
#service .ul-flow li:not(:last-child)::after {
display: none
}
#service .ul-flow li:not(:last-child)::after {
content: "";
display: inline-block;
background: url(../img/service/service01/arrow.png)no-repeat center center/11px 22px;
width: 11px;
height: 22px;
position: absolute;
top: auto;
bottom: -33px;
right: 0;
left:0;
margin: auto;
transform: rotate(90deg);
}
#service .ul-txt-box li .txt {
padding: 10px;
}
#service .ul-txt-box.col li .img img {
width: 100px;
}
#service .ul-txt-box.col li .txt {
padding:10px 0 0;
}
#service .service03_flow ul li {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
position: relative;
}
#service .service03_flow ul li .flow_img {
width: auto;
margin:0;
}
#service .service03_flow ul li .flow_img img {
width: 100px;
}
#service .service03_flow ul li p {
margin-top: 0;
font-size: 90%;
margin-left:20px;
}
#service .service03_flow ul li .flow_img:after {
display: none;
}
#service .service03_flow ul li:last-child .flow_img:after {
display: none;
}
#service .service03_flow ul li:not(:last-child)::after {
content: "";
display: inline-block;
background:url(../img/service/service03/arrow.png)no-repeat center center/14px 28px;
width: 14px;
height: 28px;
margin:auto;
position: absolute;
left:0;
right: 0;
bottom:-35px;
transform: rotate(90deg);
}
#service .ul-service05 {
display: block;
}
#service .ul-service05 li {
width: 100%;
max-width: 100%;
}
#service .ul-service05 li:first-child {
margin-bottom:20px;
}
#service.service05 .ul-b {
margin-bottom: 30px;
}
#service.service06 .ul-flow li {
width: 100%;
margin: 0 0 40px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
}
#service.service06 .ul-flow li:not(:last-child)::after {
content: "";
display: inline-block;
background: url(../img/service/service01/arrow.png)no-repeat center center/11px 22px;
width: 11px;
height: 22px;
position: absolute;
top: auto;
bottom: -33px;
right: 0;
left: 0;
margin: auto;
transform: rotate(90deg);
}
#service.service06 .ul-flow {
width: 100%;
max-width: 100%;
margin: 0 auto;
justify-content: center;
}
#service.service06 .ul-flow li:last-child {
margin-bottom:0;
}

@media screen and (max-width:550px){
#service .ul-txt-box.col.txt li .img img {
width: 100%;
max-width: 450px;
margin-right: 0;
}
#service .ul-txt-box.col.txt li .txt.img {
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
}
#service .ul-txt-box.col.txt li .txt.img span {
display: block;
text-align: center;
width: 100%;
margin-bottom:20px;
}
}
@media screen and (max-width: 500px) {
#service .ul-img-box,
#service .ul-txt-box {
display: block;
}
#service .ul-img-box li .ttl {
font-size: 110%;
}
#service .ul-img-box li .txt {
line-height: 1.4;
}
#service .ul-img-box li, #service .ul-txt-box li {
width: 100%;
}
#service .ul-img-box li:first-child {
margin-bottom:30px;
}
#service .ul-txt-box li {
margin-bottom: 30px;
}
#service .ul-txt-box li:last-child {
margin-bottom:0;
}
#service .ul-txt-box li .ttl {
font-size: 110%;
padding: 15px;
}
#service .ul-txt-box li .txt {
line-height: 1.4;
padding: 15px;
}
}


/* company
-------------------------------------------------------*/
.ul-company li > * {
width: 50%;
height: 220px;
}
.ul-company li .page_subttl::after {
height: 1px;
margin: 10px auto 0;
}
.ul-company li .page_subttl {
margin-bottom: 10px;
}
.ul-company .font_big {
font-size: 100%;
} 
@media screen and (max-width:450px){
.ul-company li {
display: block;
border:1px solid #b18524;
box-sizing: border-box;
}
.ul-company li:first-child {
margin-bottom:30px;
}
.ul-company li > * {
width: 100%;
height: 150px;
}
.ul-company li .box {
border:none;
	height: auto;
}
}


#service.service06 .ul-img-box li, #service.service06  .ul-txt-box li {

    max-width:inherit;
    width: 100%;

}

#service.service06 .ul-txt-box li .txt02 {

    padding: 20px;

}

#service.service06 .ul-txt-box li .ttl {
    font-size: 110%;
	text-align: center;
	min-height:inherit;
}

#renoleaseback .area_wrap {
max-width: 100%;
}
#renoleaseback hr {
margin-bottom:30px;
}
#renoleaseback .renoleaseback_visual .in {
width: 100%;
}
#renoleaseback .renoleaseback_visual h2 {
margin-bottom:30px;
}
#renoleaseback .renoleaseback_visual .img {
padding:0 20px;
box-sizing: border-box;
}
#renoleaseback .area_wrap.main h3,
#renoleaseback .area_wrap.main ul {
max-width: 1000px;
margin:0 auto;
}
#renoleaseback .area_wrap.main h3 {
margin-bottom:30px;
}
#renoleaseback .area_wrap.main ul li {
margin-bottom:30px;
}
#renoleaseback .area_wrap.main .txt {
margin-bottom:30px;
margin:0 auto 30px;
}
#renoleaseback .area_wrap.main .btn-area {
flex-flow: column nowrap;
}
#renoleaseback .area_wrap.main .btn-area {
align-items: center;
}



.sv3_newarea dl {
	display: block;
}

.sv3_newarea dl dt {
	width: 100%;
}

.sv3_newarea dl dd {
	width: 100%;
}

.sv3_newarea dl dd p {
	padding: 20px;
	box-sizing: border-box;
}


.new_img_list {
	display: block;
	margin-bottom: 30px;
}

.new_img_list li {
	width: 100%;
	margin-bottom: 20px;
}

.right_cap {
	font-size: 80%;
}


.new_img_list.col_two li {
	width: 100%;
}



.col_two .new_img_list_img {
	min-height: 200px;
}

.col_two .new_img_list_txt {
	min-height: auto;
}

.pc_center {
	text-align: left;
}


.sv3_newarea.bg_none dl p {
	border-left: 2px solid #b89240;
	padding-left: 20px;
}

.sv3_newarea.bg_none dl dd {
	padding-left: 0px;
	margin-top: 20px;
}





.company_cont_flex {
	display: block;
}

.left_img {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.left_txt {
	width: 100%;
}

.company_sub {
	text-align: center;
	margin-bottom: 20px;
	font-size: 120%;
}

.left_txt01 {
	font-weight: 700;
	color: #b18524;
}


.under_wrap {
	max-width: 100%;
	width: 80%;
	margin: 0;
	padding: 30px;
}