@charset "UTF-8";

/*LP 東エリア*/
.le_head {
position: relative;
}
.le_head p {
background-color: #000000;
padding-top: 15px;
padding-bottom: 15px;
}
.le_head p img {
max-width: 480px;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.le_head h1 img {
max-width: 800px;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 30px;
}
.le_head ul.btn {
	display: grid;
	gap: 5px;
	grid-template-columns: 1fr;
	width: 160px;
	height: auto;
	position: fixed;
	top: 20px;
	right: 3%;
	z-index: 2;
}
.le_head ul.btn li img {
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 820px) {
.le_head h1 img {
max-width: 550px;
}
.le_head ul.btn {
gap: 0px;
width: 120px;
right: 1%;
}
}
@media screen and (max-width: 767px) {
.le_head p {
background-color: transparent;
padding-top: 0px;
padding-bottom: 10px;
}
.le_head p img {
max-width: 80%;
margin-left: 0px;
margin-right: auto;
}
.le_head h1 img {
max-width: 70%;
margin-left: 20px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 20px;
}
.le_head ul.btn {
gap: 0px;
width: 20%;
right: 2%;
top: 10px;
}
}

/*LP 電話*/
.le_phone {
background-color: #FFFFFF;
padding-top: 30px;
padding-bottom: 30px;
border-top: 10px solid #FF0000;
border-bottom: 10px solid #FF0000;
margin-bottom: 20px;
}
.le_phone img {
max-width: 1100px;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.le_phone {
background-color: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
border-top: 0px solid #FF0000;
border-bottom: 0px solid #FF0000;
}
.le_phone img {
max-width: 100%;
}
}



/*出張買取*/
.lp_opt1 {
background-color: #FFFFFF;
border-radius: 34px;
border: 5px solid #3CB4FF;
margin-top: 40px;
margin-bottom: 40px;
}
.lp_opt1 h2 {
margin-bottom: 220px;
}
.lp_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr;
position: relative;
}
.lp_opt1 h2 img {
width: 100%;
height: auto;
display: block;
}
.lp_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.lp_opt1 figure img {
width: 102%;
height: auto;
display: block;
position: absolute;
bottom: -3px;
}
.lp_opt1 ul.in_desc li.item {
padding: 0px;
position: relative;
}
@media screen and (max-width: 820px) {
.lp_opt1 h2 {
margin-bottom: 180px;
}
}
@media screen and (max-width: 767px) {
.lp_opt1 {
margin-top: 20px;
margin-bottom: 20px;
}
.lp_opt1 h2 {
margin-bottom: 200px;
}
.lp_opt1 ul.in_desc {
gap: 0px;
grid-template-columns: 1fr;
}
}





/*取り扱い品目一覧*/
.lp_opt2 {
padding-top: 0px;
padding-bottom: 40px;
background-color: #FFFFFF;
border-radius: 34px;
border: 5px solid #A40B5E;
margin-bottom: 40px;
}
.lp_opt2 h2 {
margin-bottom: 30px;
}
.lp_opt2 h3 {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.lp_opt2 p.note {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.lp_opt2 h2 img,.lp_opt2 h3 img {
width: 100%;
height: auto;
display: block;
}

.lp_opt2 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.lp_opt2 ul.in_desc2 {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 90%;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #A40B5E;
padding-bottom: 40px;
margin-bottom: 20px;
}
.lp_opt2 ul.in_desc3 {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
width: 90%;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #A40B5E;
padding-bottom: 40px;
}
.lp_opt2 ul.in_desc4 {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.lp_opt2 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.lp_opt2 figure img {
width: 100%;
height: auto;
display: block;
}
.lp_opt2 ul.in_desc li.item {
padding: 30px;
border-right: 1px solid #A40B5E;
border-bottom: 1px solid #A40B5E;
}
.lp_opt2 ul.in_desc.top4 li.item {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
}
.lp_opt2 ul.in_desc li.item:nth-child(2),
.lp_opt2 ul.in_desc li.item:nth-child(4){
border-right: none;
}

.lp_opt2 ul.in_desc2 li.item {
padding: 25px;
border-right: 1px solid #A40B5E;
border-bottom: 1px solid #A40B5E;
}
.lp_opt2 ul.in_desc2 li.item:nth-child(4),
.lp_opt2 ul.in_desc2 li.item:nth-child(8),
.lp_opt2 ul.in_desc2 li.item:nth-child(12){
border-right: none;;
}
.lp_opt2 ul.in_desc2 li.item:nth-child(9),
.lp_opt2 ul.in_desc2 li.item:nth-child(10),
.lp_opt2 ul.in_desc2 li.item:nth-child(11),
.lp_opt2 ul.in_desc2 li.item:nth-child(12){
border-bottom: none;
}

.lp_opt2 ul.in_desc3 li.item,.lp_opt2 ul.in_desc4 li.item {
padding: 30px;
border-right: 1px solid #A40B5E;
border-bottom: 1px solid #A40B5E;
}
.lp_opt2 ul.in_desc3 li.item:nth-child(1){
padding-top: 30px;
padding-right: 0px;
padding-left: 0px;
border-right: none;
border-bottom: none;
padding-bottom: 0px;
}
.lp_opt2 ul.in_desc3 li.item:nth-child(2),
.lp_opt2 ul.in_desc3 li.item:nth-child(4),
.lp_opt2 ul.in_desc3 li.item:nth-child(6),
.lp_opt2 ul.in_desc4 li.item:nth-child(2),
.lp_opt2 ul.in_desc4 li.item:nth-child(4){
border-right: none;;
}
.lp_opt2 ul.in_desc3 li.item:nth-child(5),
.lp_opt2 ul.in_desc3 li.item:nth-child(6){
border-bottom: none;
}
.lp_opt2 ul.in_desc4 li.item:nth-child(3),
.lp_opt2 ul.in_desc4 li.item:nth-child(4){
border-bottom: none;
}
@media screen and (max-width: 820px) {

}

@media screen and (max-width: 767px) {
.lp_opt2 {
margin-bottom: 20px;
}
.lp_opt2 h2 {
margin-bottom: 20px;
}
.lp_opt2 h3 {
width: 94%;
margin-top: 0px;
margin-bottom: 20px;
}
.lp_opt2 p.note {
width: 90%;
font-size: 3vw;
}
.lp_opt2 ul.in_desc,.lp_opt2 ul.in_desc3,.lp_opt2 ul.in_desc4 {
width: 94%;
grid-template-columns: 1fr;
border-bottom: none;
padding-bottom: 30px;
}
.lp_opt2 ul.in_desc.top4 li.item {
padding-right: 0px;
padding-left: 0px;
padding-top: 30px;
padding-bottom: 30px;
}
.lp_opt2 ul.in_desc li.item,.lp_opt2 ul.in_desc3 li.item {
padding-right: 10px;
padding-left: 10px;
border-right: none;
border-bottom: 1px solid #A40B5E;
padding-top: 30px;
padding-bottom: 30px;
}
.lp_opt2 ul.in_desc4 li.item {
padding-right: 10px;
border-right: none;
border-bottom: 1px solid #A40B5E;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.lp_opt2 ul.in_desc4 li.item:nth-child(3),
.lp_opt2 ul.in_desc4 li.item:nth-child(4){
border-bottom: 1px solid #A40B5E;
}
.lp_opt2 ul.in_desc2 {
width: 94%;
grid-template-columns: 1fr 1fr;
border-bottom: none;
padding-bottom: 0px;
}
.lp_opt2 ul.in_desc2 li.item {
padding: 20px;
}
.lp_opt2 ul.in_desc2 li.item:nth-child(2),
.lp_opt2 ul.in_desc2 li.item:nth-child(6),
.lp_opt2 ul.in_desc2 li.item:nth-child(10){
border-right: none;
}
.lp_opt2 ul.in_desc2 li.item:nth-child(9),
.lp_opt2 ul.in_desc2 li.item:nth-child(10){
border-bottom: 1px solid #A40B5E;
}

.lp_opt2 ul.in_desc3 li.item:nth-child(5),
.lp_opt2 ul.in_desc3 li.item:nth-child(6){
border-bottom: 1px solid #A40B5E;
}
.lp_opt2 ul.in_desc3 li.item:nth-child(1){
padding-top: 0px;
}
}




/*出張買取の流れ*/
.lp_opt3 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
border-radius: 34px;
border: 5px solid #FF6E00;
margin-bottom: 40px;
}
.lp_opt3 h2 {
margin-bottom: 30px;
}
.lp_opt3 h2 img {
width: 100%;
height: auto;
display: block;
}
.lp_opt3 ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
width: 94%;
margin-left: auto;
margin-right: auto;
}
.lp_opt3 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.lp_opt3 figure img {
width: 100%;
height: auto;
display: block;
}
.lp_opt3 ul.in_desc li.item p {
width: 80%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}

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

}

@media screen and (max-width: 767px) {
.lp_opt3 {
margin-bottom: 20px;
}
.lp_opt3 h2 {
margin-bottom: 20px;
}
.lp_opt3 ul.in_desc {
width: 94%;
grid-template-columns: 1fr;
border-bottom: none;
padding-bottom: 30px;
gap: 40px;
}

.lp_opt3 ul.in_desc li.item {
	position: relative;
}
.lp_opt3 ul.in_desc li.item::before {
position   : absolute;
content    : "";
width: 50px;
height: 20px;
background-color: #FF6E00;
clip-path: polygon(0 0, 100% 0, 50% 100%);
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
.lp_opt3 ul.in_desc li.item:nth-child(4)::before {
	display: none;
}
}




/*よくある質問*/
.lp_opt4 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
border-radius: 34px;
border: 5px solid #3DB135;
margin-bottom: 40px;
}
.lp_opt4 h2 {
margin-bottom: 30px;
}
.lp_opt4 h2 img {
width: 100%;
height: auto;
display: block;
}
.lp_opt4 ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
width: 94%;
margin-left: auto;
margin-right: auto;
}
.lp_opt4 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.lp_opt4 figure img {
width: 100%;
height: auto;
display: block;
}
.lp_opt4 ul.in_desc li.item p {
width: 80%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}

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

}

@media screen and (max-width: 767px) {
.lp_opt4 {
}
.lp_opt4 h2 {
margin-bottom: 20px;
}
.lp_opt4 ul.in_desc {
width: 94%;
grid-template-columns: 1fr;
border-bottom: none;
padding-bottom: 30px;
}

.lp_opt4 ul.in_desc li.item {

}
}





/* よくある質問　FAQ */
.list_faq_lp {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
width: 90%;
}
.list_faq_lp h2 {
padding-top: 0px;
padding-bottom: 15px;
padding-left: 0px;
font-size: 20px;
font-weight: bold;
color: #E50003;
line-height: 1.4em;
}
.list_faq_lp ul {
list-style: none;
padding: 0px;
margin-right: auto;
margin-left: auto;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
.list_faq_lp li.LQ {
width: 100%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.list_faq_lp li h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
list-style-type: none;
margin-left: 0px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
background-color: #3DB135;
color: #FFFFFF;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 55px;
}
.list_faq_lp li h3 span {
margin-right: 20px;
font-size: 20px;
font-weight: bold;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
padding-left: 15px;
background-color: #3DB135;
border-right: 1px solid rgba(255,255,255,0.50);
}
.list_faq_lp li p {
font-size: 14px;
color: #333333;
margin-bottom: 0px;
line-height: 1.8em;
background-color: #FEECD2;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 30px;
padding-left: 30px;
}
.list_faq_lp ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.list_faq_lp .button-1 {
width: 100%;
margin-left: auto;
margin-right: auto;
border: 1px solid #3DB135;
}
.list_faq_lp .button-1 a {
color: #3DB135;
}
.list_faq_lp .button-1 .eff-1{
background-color: #3DB135;
}
@media screen and (max-width: 767px) {
.list_faq_lp {

}
.list_faq_lp h2 {
padding-bottom: 12px;
font-size: 18px;
}
.list_faq_lp ul {
width: 100%;
}
.list_faq_lp li.LQ {
margin-bottom: 5px;
padding-bottom: 5px;
}
.list_faq_lp li h3 {
font-size: 13px;
line-height: 1.6em;
}
.list_faq_lp li h3 span {
margin-right: 20px;
font-size: 18px;
padding: 15px;
}
.list_faq_lp li p {
padding: 20px;
font-size: 13px;
}
.list_faq_lp li {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0%;
}
.list_faq_lp li.RQ {
width: 100%;
padding-left: 0%;
}
.list_faq_lp .button-1 {
width: 100%;
}

}






























/* 4-1 ふわっ（下から） */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(50px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

/* 4-1 ふわっ（上から）*/

.fadeDown{
animation-name: fadeDownAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
from {
opacity: 0;
transform: translateY(-50px);
}

to {
opacity: 1;
transform: translateY(0);
}
}


/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
from {
opacity: 0;
transform: translateX(-50px);
}

to {
opacity: 1;
transform: translateX(0);
}
}


/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
from {
opacity: 0;
transform: translateX(50px);
}

to {
opacity: 1;
transform: translateX(0);
}
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
opacity: 0;
}


/*==================================================
ボンッ、ヒュッ
===================================*/

/* 拡大 */
.zoomIn{
animation-name:zoomInAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
from {
transform: scale(0.6);
opacity: 0;
}

to {
transform: scale(1);
opacity: 1;
}
}

/* 縮小 */
.zoomOut{
animation-name:zoomOutAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
}

@keyframes zoomOutAnime{
from {
transform: scale(1.2);
opacity: 0;
}

to {
transform:scale(1);
opacity: 1;
}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.zoomInTrigger,
.zoomOutTrigger{
opacity: 0;
}



/* アニメーションの開始を遅らせるCSS*/

.delay-time05{
animation-delay: 0.5s;
}

.delay-time1{
animation-delay: 1s;
}

.delay-time15{
animation-delay: 1.5s;
}

.delay-time2{
animation-delay: 2s;
}

.delay-time25{
animation-delay: 2.5s;
}