@charset "utf-8";
/*common*/
body{
font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
font-feature-settings:"palt";
}
a,a:hover,a:visited{
text-decoration:none;
color:#fff;
display:block;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}

/*pc*/
header{
height:80px;
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
width:100%;
padding-left:25px;
}
header h1{
max-width:230px;
}
.h_nav{
max-width:53%;
}
.h_nav ul{
display:flex;
}

article{
/*max-width:900px;*/
margin:0 auto;
}
h3{
margin:0 auto 5%;
padding:10px;
text-align:center;
background:#fff;
font-size:20px;
font-weight:bold;
border:2px solid #eb805d;
color:#eb805d;
box-shadow:3px 3px 0px #eb805d;
}

.mv{
width:100%;
margin-bottom:40px;
}
.point{
margin-bottom:110px;
}
.point ul{
max-width:900px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:40px;
}
.point li{
width:49%;
margin-bottom:20px;
}
.point p{
font-size:16px;
text-align:center;
line-height:2.5em;
letter-spacing:0.1em;
}

.strengths{
background:#fff;
}
.strengths h3{
max-width:900px;
/*margin:0 auto;*/
}
.strengths ul{
max-width:900px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:50px;
}
.strengths li{
width:50%;
}
.promise{
margin-bottom:50px;
}

.leaseback{
margin-bottom:150px;
}
.leaseback_bg{
background:#f3f0ec;
padding:90px 0;
}
.leaseback_inner{
max-width:900px;
margin:0 auto;
}
.leaseback h3 + p{
font-size:16px;
text-align:center;
line-height:2.5em;
letter-spacing:0.1em;
margin-bottom:60px;
}
.othre_case{
margin-bottom:60px;
}
.leaseback_case{
margin-bottom:60px;
}
.compatible{
text-align:center;
background:#840c18;
padding:15px 0;
font-size:28px;
font-weight:700;
color:#fff;
margin-bottom:50px;
}
.both{
font-size:28px;
text-align:center;
font-weight:700;
color:#e66b4b;
}
.possible_box{
}
.possible{
text-align:center;
background:#e66b4b;
padding:30px 0;
font-size:28px;
font-weight:700;
color:#fff;
z-index: -1;
position:relative;
margin-bottom:20px;
}
.possible_inner{
max-width:900px;
margin:0 auto;
padding-left:20px;
text-align:left;
}
.possible span{
background: linear-gradient(to bottom, transparent 60%, #e9ae46 60%, #e9ae46 90%, transparent 90%);
display: inline-block;
padding:2px;
}
.possible + p{
max-width:900px;
margin:0 auto;
padding-left:20px;
font-size:16px;
text-align:left;
line-height:2.5em;
letter-spacing:0.05em;
}
.possible_img_bg{
max-width:900px;
margin:0 auto;
text-align:right;
margin-top:-180px;
}
.possible_img_bg img{
max-width:180px;
margin-bottom:40px;
}
.leaseback_point{
max-width:900px;
margin:0 auto 60px;
display:flex;
justify-content:space-between;
}
.leaseback_point_box{
width:32%;
}

.leaseback h4{
font-size:28px;
text-align:center;
font-weight:700;
color:#e66b4b;
line-height:1.5em;
}


.achievement{
margin-bottom:100px;
}
.achievement h3{
max-width:900px;
margin:0 auto;
}
.achievement_list{
}
.achievement_item{
padding:90px 0;
}
.achievement_item:first-child{
padding:50px 0;
}
.achievement_item:nth-child(even){
background:#f3f0ec;
}
.achievement_item:nth-child(odd){
}
.achievement_item_inner{
max-width:900px;
margin:0 auto;
}
.achievement_flex{
display:flex;
margin-bottom:60px;
}
.achievement_img{
width:52%;
}
.achievement_txt{
width:48%;
padding:40px;
background:#f3f0ec;
font-size:16px;
text-align:left;
line-height:2em;
letter-spacing:0.05em;
}
.achievement_item:nth-child(even) .achievement_txt{
background:#fff;
}


.faq{
background:#f3f0ec;
padding:100px 0 40px;
}
.faq_inner{
max-width:900px;
margin:0 auto;
}
.faq_inner h3{
margin-bottom:60px;
}
.faq_list{
background:url(../img/faq_border.png) repeat-x bottom;
padding-bottom:60px;
margin-bottom:60px;
}
.question_txt{
font-size:23px;
font-weight:700;
}
/* 基本スタイル */
.toggle {
/*margin: 20px 0;*/
overflow: hidden;
}
.toggle-button{
color:#333;
padding:0;
cursor: pointer;
font-weight: bold;
transition: all 0.3s ease;
position: relative;
display:flex;
align-items:center;
}
.toggle-button .question{
background:#ccc;
width:50px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
margin:0 20px 0 0;
}
.toggle-button .question_txt{
width:calc(100% - 90px);
display:flex;
margin:0;
}
.toggle-button:hover {
}
.toggle-button::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
/* + アイコン */
.toggle-button::after {
background:#333;
transition: transform 0.3s ease;
}
/* - アイコン (アクティブ時) */
.toggle-button.active::after {
background:#fff;
transform: translateY(-50%) rotate(180deg);
}
/* アイコンサイズ調整用のカスタムプロパティ */
.toggle-button {
/*--icon-size: 24px;*/
--icon-size:30px;
--icon-thickness: 3px;
}
.toggle-button::after {
width: var(--icon-size);
height: var(--icon-size);
/*width:10%;*/
/*height:10%;*/
background:
linear-gradient(#333, #333) center/var(--icon-thickness) var(--icon-size) no-repeat,
linear-gradient(#333, #333) center/var(--icon-size) var(--icon-thickness) no-repeat;
}
.toggle-button.active::after {
background: linear-gradient(#333, #333) center/var(--icon-size) var(--icon-thickness) no-repeat;
}
.toggle-content {
/*background: white;*/
/*overflow: hidden;*/
max-height: 0;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-inner{
padding:0;
}
.answer_head{
display:flex;
}
.answer_head p:first-child{
width:50px;
/*background:#ccc;*/
margin:0 5px 0 0;
}
.answer_tit{
width:calc(100% - 55px);
font-size:23px;
font-weight:700;
color:#e66b4b;
line-height:50px;
margin-left:15px;
}
.answer_body{
width:calc(100% - 55px);
margin-left:70px;
font-size:16px;
text-align:left;
line-height:2em;
letter-spacing:0.05em;
}
.toggle-inner p:first-child{
/*margin:0 0 10px;*/
/*width:calc(100% - 30px);*/
/*display:flex;*/
}
.toggle-inner p:first-child span{
/*width:50px;*/
/*margin-right:5px;*/
}
.toggle-inner p:last-child{
/*margin:0;*/
}


.f_contact{
background:#770b11;
padding:50px;
}
.f_phone{
max-width:770px;
margin:0 auto;
margin-bottom:30px;
}
.f_contact ul{
display:flex;
justify-content:space-between;
/*justify-content:center;*/
max-width:770px;
margin:0 auto;
}
.f_contact li{
width:47%;
}

.fixed_contact{
}
.fixed_contact ul{
}
.fixed_contact li{
}

footer{
padding:70px;
text-align:center;
}
.f_logo{
max-width:400px;
margin:0 auto 20px;v
}
.address{
margin-bottom:60px;
}
.copy{

}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}


header{
height:65px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
}

header h1{
max-width:230px;
}
.h_nav{
}
.h_nav ul{
}

article{
margin:0 auto;
}
h3{
width:90%;
margin:0 auto 5%;
padding:10px;
text-align:center;
background:#fff;
font-size:20px;
font-weight:bold;
border:2px solid #eb805d;
color:#eb805d;
box-shadow:3px 3px 0px #eb805d;
}

.mv{
width:100%;
margin-bottom:3%;
}

.point{
max-width:95%;
margin:0 auto;
margin-bottom:5%;
}
.point ul{
display:block;
margin-bottom:5%;
}
.point li{
width:100%;
margin-bottom:3%;
}
.point p{
max-width:90%;
margin:0 auto;
font-size:3vw;
line-height:2em;
}

.strengths{
}
.strengths ul{
display:block;
margin-bottom:0;
}
.strengths li{
width:100%;
border-bottom:2px solid #fff;
}
.promise{
margin-bottom:50px;
}

.leaseback{
max-width:100%;
margin:0 auto 15%;
}
.leaseback_bg{
background:#f3f0ec;
padding:10% 5%;
}
.leaseback_inner{
margin:0 auto;
}
.leaseback h3{
width:100%;
}
.leaseback h3 + p{
font-size:3vw;
line-height:2em;
text-align:left;
margin-bottom:5%;
}
.othre_case{
margin-bottom:10%;
}
.leaseback_case{
margin-bottom:5%;
}
.compatible{
}
.both{
font-size:6vw;
line-height:1.5em;
}
.possible_box{
}
.possible{
text-align:left;
background:url(../img/possible_img_bg_sp.png),#e66b4b;
background-repeat:no-repeat,no-repeat;
background-position:right bottom, right bottom;
background-size:40% auto,100% 100%;
padding:5% 0;
font-size:6vw;
margin-bottom:5%;
line-height:1.8em;
}
.possible_inner{
max-width:90%;
margin:0 auto;
padding-left:0;
text-align:left;
}
.possible span{
background: linear-gradient(to bottom, transparent 60%, #e9ae46 60%, #e9ae46 80%, transparent 80%);
}
.possible + p{
max-width:90%;
margin:0 auto 5%;
padding-left:0;
font-size:3vw;
line-height:2em;

}
.possible_img_bg{
}
.possible_img_bg img{
}
.leaseback_point{
margin:0 auto 5%;
display:block;
justify-content:space-between;
align-items:stretch;
}
.leaseback_point_box{
width:90%;
margin:0 auto 5%;
}
.leaseback h4{
font-size: 6vw;
line-height: 1.5em;
}


.achievement{
margin-bottom:10%;
}
.achievement h3{
margin:0 auto;
}
.achievement_list{
max-width:100%;
margin:0 auto;
}
.achievement_item{
padding:10% 0;
}
.achievement_tit{
max-width:90%;
margin:0 auto;
}
.achievement_item:first-child{
padding:5%x 0;
}
.achievement_item:nth-child(even){
}
.achievement_item:nth-child(odd){
}
.achievement_item_inner{
max-width:900px;
margin:0 auto;
}
.achievement_flex{
max-width:90%;
margin:0 auto;
display:block;
margin-bottom:5%;
}
.achievement_img{
width:100%;
margin:0 auto;
}
.achievement_txt{
width:100%;
padding:5%;
font-size:3vw;
line-height:2em;
}
.achievement_item:nth-child(even) .achievement_txt{
background:#fff;
}


.faq{
background:#f3f0ec;
padding:10% 0 ;
}
.faq_inner{
max-width:90%;
margin:0 auto;
}
.faq_inner h3{
width:100%;
margin-bottom:10%;
}
.faq_list{
background:url(../img/faq_border.png) repeat-x bottom;
padding-bottom:10%;
margin-bottom:10%;
}
.question_txt{
font-size:4.5vw;
}
/* 基本スタイル */
.toggle {
/*margin: 20px 0;*/
overflow: hidden;
}
.toggle-button{
color:#333;
padding:0;
cursor: pointer;
font-weight: bold;
transition: all 0.3s ease;
position: relative;
display:flex;
align-items:center;
}
.toggle-button .question{
background:#ccc;
width:50px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
margin:0 10px 0 0;
}
.toggle-button .question_txt{
width:calc(100% - 100px);
display:flex;
margin:0;
}
.toggle-button:hover {
}
.toggle-button::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
/* + アイコン */
.toggle-button::after {
background:#333;
transition: transform 0.3s ease;
}
/* - アイコン (アクティブ時) */
.toggle-button.active::after {
background:#fff;
transform: translateY(-50%) rotate(180deg);
}
/* アイコンサイズ調整用のカスタムプロパティ */
.toggle-button {
/*--icon-size: 24px;*/
--icon-size:30px;
--icon-thickness: 3px;
}
.toggle-button::after {
width: var(--icon-size);
height: var(--icon-size);
/*width:10%;*/
/*height:10%;*/
background:
linear-gradient(#333, #333) center/var(--icon-thickness) var(--icon-size) no-repeat,
linear-gradient(#333, #333) center/var(--icon-size) var(--icon-thickness) no-repeat;
}
.toggle-button.active::after {
background: linear-gradient(#333, #333) center/var(--icon-size) var(--icon-thickness) no-repeat;
}
.toggle-content {
/*background: white;*/
/*overflow: hidden;*/
max-height: 0;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-inner{
padding:0;
}
.answer_head{
display:flex;
}
.answer_head p:first-child{
width:50px;
/*background:#ccc;*/
margin:0 5px 0 0;
}
.answer_tit{
width:calc(100% - 50px);
font-size:4.5vw;
font-weight:700;
color:#e66b4b;
line-height:50px;
margin-left:10px;
}
.answer_body{
width:calc(100% - 50px);
margin-left:65px;
font-size: 3vw;
line-height: 2em;
}
.toggle-inner p:first-child{
/*margin:0 0 10px;*/
/*width:calc(100% - 30px);*/
/*display:flex;*/
}
.toggle-inner p:first-child span{
/*width:50px;*/
/*margin-right:5px;*/
}
.toggle-inner p:last-child{
/*margin:0;*/
}


.f_contact{
background:#770b11;
padding:10% 0 3%;
}
.f_phone{
max-width:80%;
margin:0 auto;
margin-bottom:5%;
}
.f_contact ul{
display:block;
justify-content:space-between;
max-width:80%;
margin:0 auto;
}
.f_contact li{
width:100%;
margin-bottom:5%;
}

.fixed_contact{
position:fixed;
bottom:0;
width:100%;
}
.fixed_contact ul{
display:flex;
justify-content:space-around;
}
.fixed_contact li{
width:calc(100% / 3);
/*width:50%;*/
color:#fff;
text-align:center;
}
.fixed_contact li img{
/*max-height:54px;*/
/*width:auto;*/
/*text-align:center;*/
}
.fixed_contact li:nth-child(1){
/*background:#31a22a;*/
}
.fixed_contact li:nth-child(2){
/*background:#9b0014;*/
}

footer{
padding:10%;
text-align:center;
}
.f_logo{
max-width:70%;
margin:0 auto 5%;
}
.address{
margin-bottom:10%;
font-size:3vw;
}
.copy{
font-size:3vw;
}