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

/*---------- 共通 ----------*/
h2,h3 {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal; letter-spacing: 2px;}
h4 {font-size: 30px; margin-bottom: 18px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal;}

.pagettl {width:100%; height: 250px; position: relative;}
.pagettl img {width: 100%; min-height: 250px; max-height: 250px; object-fit: cover; }
.pagettl h2 { width: 100%; max-width: 1184px; position: absolute; bottom: 15px; left: 0; right:0 ;margin: auto; font-size: 46px; color: #fff; display:block; padding-left: 80px;}
.pagettl h2 .en {font-size: 16px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; display: block;}
.pagettl h2::before {content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 74px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); 
}
#pan { width: 100%; max-width: 1024px; margin:10px auto 55px; }
#pan li { display:inline-block; font-size:12px; }
#pan li:not(:last-child):after { content:">"; padding:0 1.5em; }


/* 選ばれる理由 */
section.sec_box {position: relative; height: 800px;}
.h3_bg1 {background: #0e0f0e; height: 110px; width: 65%; position: relative; left: 0%; top: 0; z-index: 300; box-shadow: 8px 8px rgba(41,49,41,0.7);}
.sec_txt1 {width: 1024px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900;}
.conttl1 {font-size: 36px; color: #fff; line-height: 110px; margin-bottom: 50px;}
.sec_images1 {width: 45%; min-width: 900px; position: absolute; left: 55%; top: 50px;}
@media screen and (min-width: 600px) {.longtxt {font-size: 94%; margin-left: -50px;}}
.h3_bg2 {background: #0e0f0e; height: 110px; width: 65%; position: relative; left: 35%; top: 0; z-index: 300; box-shadow: -8px 8px rgba(41,49,41,0.7);}
.sec_txt2 {width: 512px;position: absolute; top: 0; left: 50%; margin: auto; z-index: 900;}
.conttl2 {font-size: 36px; color: #fff; line-height: 110px; text-align: left; margin-bottom: 50px;}
.sec_images2 {width: 45%; min-width: 900px; position: absolute; right: 55%; top: 50px;}
.sec_images3 {min-width: 600px; position: absolute; right: 55%; top: 50px; text-align: right; padding-top: 150px;}

.sec_txt3 {max-width: 1024px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900; background: url(/wp-content/uploads/2023/12/merit_bg.svg) center 160px no-repeat;}
.conttl3 {font-size: 36px; color: #fff; line-height: 110px; margin-bottom: 50px;}

.lead {width: 512px; margin-bottom: 50px;}
.lead2 {width: 740px; margin-bottom: 50px;}
.sec_box .image {width: 430px;}
#reason04 .image {width: 350px;}
#reason06 {height: 500px!important;}


/* アフターメンテナンス */
.merit li {width: 47%; background: #fff;  padding: 50px 40px; position: relative; border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; border-right: 2px solid #b0b0b0; border-bottom: 2px solid #b0b0b0;}
.merit li:after{
    position: absolute;
    content: '';
    right: -2px;
    bottom: -2px;
    border-width: 0 0 48px 48px;
    border-style: solid;
    border-color: #dcdcdc #b0b0b0 #dcdcdc #b0b0b0;
}
.merit h4 { font-size: 26px; padding-bottom: 7px; border-bottom: 1px solid #0e0f0e;}
.merit_ttl {text-align: center; font-size: 26px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal; margin: 70px 0 50px;}
.merit_ttl span {font-size: 36px;}


/* 購入サポート */
.sec_txt {max-width: 1024px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900;}
.hosho {justify-content: space-between;} 
.hosho li {width: 19%;}

.sec_box2 {position: relative; margin-bottom: 150px;}
.sec_box2 .sec_txt4 {max-width: 1024px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900; /*height: 300px;*/ }
.sec_box5 {position: relative; height: 800px;}
.sec_txt5 {max-width: 1024px; margin: 50px auto;}

.rescue {display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; width:100%;}
.rescue li {width: 48%; margin-top: 30px;}

.flow { width: 512px; margin-top: -30px;}
.flow li {border-bottom: dotted 2px #0e0f0e; padding: 20px 0; margin-bottom: 0;}
.flow li::before {content: '▼'; font-size: 18px; text-align: center; display: block;}


/* 買取 */
#purchase .conttl1 {font-size: 32px;}
.satei_txt {font-size: 24px; margin-bottom: 30px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.satei {width: 94%; max-width: 820px; background: #fff;  padding: 40px; position: relative; border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; border-right: 2px solid #b0b0b0; border-bottom: 2px solid #b0b0b0;}
.satei:after{
    position: absolute;
    content: '';
    right: -2px;
    bottom: -2px;
    border-width: 0 0 48px 48px;
    border-style: solid;
    border-color: #dcdcdc #b0b0b0 #dcdcdc #b0b0b0;
}
.satei ul {width: 48%;}
.satei ul li::before {content: '■'; font-size: 12px; margin-right: 5px;}
.satei h4 { font-size: 26px; padding-bottom: 7px; border-bottom: 1px solid #0e0f0e; width: 100%;}

.bg_w {background: #fff; padding: 130px 0 100px; width:100%; max-width: 1440px; margin-top: -50px;}
.contact {width: 94%; max-width: 820px; margin: 0 auto 80px;}
.contact > div {border-top: 1px dotted #666; padding: 20px;}
.contact > div:last-child {border-bottom: 1px dotted #666;}
.contact dt {width: 25%; line-height: 30px;}
.contact dd {width: 75%; padding-right: 1em;}
.contact dd input {height: 30px;}
.contact dd label input { height: auto; }
.contact_btn a {background: #000; width: 400px; height: 70px; text-align: center; color: #fff; font-size: 18px; line-height: 70px; display: block; margin: 0 auto;}
.contact_btn a::after {content: '>'; position:relative; left: 10px;}

.thanks .conttl3 { margin-top:50px; }
.thanks .circle_list { margin-top:10px; margin-bottom:50px; }

/* 会社紹介 */
.shop li {width: 50%;}
#company02 .list dt,#company02 .list dd {}
#company02 .list dt {border-bottom: 2px solid #004ea2; width: 25%; padding:20px 15px;}
#company02 .list dd {border-bottom: 2px solid #999; width: 75%; padding:20px 20px 20px 35px;}
.map {width: 100%; height: 500px;}
.access {display: flex; justify-content: space-between;}
.access li {width: 33%; border-right: 1px dotted #000; padding: 0 15px;}
.access li:first-child {border-left: 1px dotted #000;}
.access h4 {font-size: 20px; margin-bottom: 5px;}

.stafflist>li {margin-bottom: 3em;}
.staff_img { width: 300px; padding: 0 1em;}
.staff_txt { width: calc(100% - 300px); padding: 0 1em;}
.staff_position { margin: 0.5em 0 0.5em; font-size: 1.6rem; line-height: 1; border-bottom: solid 2px #999;}

/* お客様の声 */
.voice_list li { margin-bottom: 2%; }


/* プライバシーポリシー */
#policy .conttl4 {font-size: 20px;}
#policy .conttl4:nth-of-type(n+2) { margin-top: 80px; }
#policy .txt1 { margin-top: 1em; }

/* サイトマップ */
#sitemap .box .list > li { position: relative; padding-left: 1em; margin-bottom: 10px; }
#sitemap .box .list > li:before { position: absolute; content: ""; left: 0; top: 10px; width: 7px; height: 7px; background-color: #004ea2; }
#sitemap .box .list ul li { padding-left:1.3em; text-indent:-1.3em; }
#sitemap .box .list ul li:before { content:"・"; padding-right:0.3em; }

/* お問合わせ */
#contact .border_box { margin:20px 0; }
#contact .submit { /*max-width: 350px;*/ width: 100%; margin: 30px auto 0; }
#contact .btn3 { margin: 10px auto 50px; }
#contact .btn3 a { font-size: 15px; padding: 8px 20px; }
#contact.thanks .txtBox .center { margin-top: 20px; margin-bottom:1em; }
#contact.thanks .txtBox .info { padding: 30px; margin-top: 10px; }
#contact.thanks .txtBox .info .name { font-size: 18px; color:#00956d; }

.tab-nav { overflow:hidden; max-width:600px; margin:2rem auto 2rem; border:2px solid #2b5071; }
.tab-nav li { width: 50%; }
.tab-nav li a { display:block; padding:.5em 1em; color:#2b5071; text-align:center; font-weight:bold; text-decoration:none; }
.tab-nav li a:hover { background:#fff; }
.tab-nav li.current a { color:#fff; background:#2b5071; }

footer { margin-top: 100px; }

/* PCのみ */
@media screen and (min-width: 1040px) {
  #sitemap .box .list:nth-child(1) { width:23%; }
  #sitemap .box .list:nth-child(2) { width:28%; }
  #sitemap .box .list:nth-child(3) { width:17%; }
  #sitemap .box .list:nth-child(4) { width:20%; }
}


/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 1040px) {

h2,h3 {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal; letter-spacing: 2px;}
h4 {font-size: 24px; margin-bottom: 18px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal;}

  #pan { display:none; }
  .pagettl {margin-bottom: 30px;}
  .pagettl h2 { font-size: 36px;}

/* 選ばれる理由 */
section.sec_box {position: relative; height: 750px;}
.h3_bg1 {padding-left: 15px; background: #0e0f0e; height: 90px; width: 65%; position: relative; left: 0%; top: 0; z-index: 300; box-shadow: 8px 8px rgba(41,49,41,0.7);}
.sec_txt1 {width: 96%; position: absolute; top: 0; left: 2%; right: 0; margin: 0; z-index: 900;}
.conttl1 {font-size: 28px; color: #fff; line-height: 90px; margin-bottom: 50px;}
.sec_images1 {width: 45%; position: absolute; left: 55%; top: 50px;}
.sec_images1 img {}
.h3_bg2 {background: #0e0f0e; height: 90px; width: 65%; position: relative; left: 35%; top: 0; z-index: 300; box-shadow: -8px 8px rgba(41,49,41,0.7);}
.sec_txt2 {width: 50%;position: absolute; top: 0; left: 48%; margin: auto; z-index: 900;}
.conttl2 {font-size: 28px; color: #fff; line-height: 90px; text-align: left; margin-bottom: 50px;}
.sec_images2 {width: 45%; min-width: 900px; position: absolute; right: 55%; top: 50px;}
.sec_images3 {min-width: 600px; position: absolute; right: 55%; top: 50px; text-align: right; padding-top: 150px;}

.sec_txt3 {max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900; background: url(/wp-content/uploads/2023/12/maintenance/merit_bg.svg) center 160px no-repeat;}
.conttl3 {font-size: 28px; color: #fff; line-height: 90px; margin-bottom: 50px;}

.lead {width: 380px; margin-bottom: 50px;}
.lead2 {width: 430px; margin-bottom: 50px;}
.sec_box .image {width: 380px;}
#reason04 .image {width: 350px;}
#reason06 {height: 500px!important;}

/* 購入サポート */
.sec_txt {max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900;}
.hosho li {width: 19%;}

.sec_box2 {position: relative; margin-bottom: 80px;}
.sec_box2 .sec_txt4 {max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900; /*height: 300px;*/}
.sec_txt5 {max-width: 96%; margin: 30px auto 50px;}
.sec_box5 {position: relative; margin-top: 100px;}

.flow { width: 400px; margin-top: -30px;}

#purchase .conttl1 {font-size: 24px;}

.access h4 {font-size: 18px;}

  /* サイトマップ */
  #sitemap .box .list { width:48%; }
  #sitemap .box .list:nth-child(n+2) { margin-left:4%; }
  #sitemap .box .list:nth-child(odd) { margin-left: 0; }

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

  .boxType1 .txtBox { width: 100%; }
  .boxType1 .slider { width: 100%; max-width: 500px; margin: 20px auto 0; }

  /* お客様の声 / 納車式 */
  #reason .conList li { width:49%; margin-left:2%; }
  #reason .conList li:nth-child(4n+1) { margin-left:2%; }
  #reason .conList li:nth-child(2n+1) { margin-left:0; }

  #about #kouza .illustBox { padding: 20px 30px; }
  #about #kouza .illustBox > div:nth-child(n+2):before { font-size: 30px; }
  #company #access .flex > * { width: 100%; }

}

/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 599px) {

  section:nth-of-type(n+2) { margin-top:40px; }

  .list2 > li { width: 100%; }

  .lead { margin: 1em 0; }

  .qaList dt, .qaList dd { padding: 10px 10px 10px 35px; }
  .qaList dt:before, .qaList dd:before { left: 13px; }

  .big_marker { font-size:22px; }

  footer { margin-top: 50px; }

h2,h3 {letter-spacing: 0;}
h4 {font-size: 20px; margin-bottom: 18px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal;}

.pagettl {width:100%; height: 170px; position: relative;}
.pagettl img {min-height: 170px;}
.pagettl h2 { position: absolute; bottom: 5px; left: 0; right:0 ;margin: auto; font-size: 24px; color: #fff; display:block; padding-left: 50px; line-height: 140%;}
.pagettl h2 .en {font-size: 13px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; display: block;}
.pagettl h2::before {content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 45px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); 
}

/* 選ばれる理由 */
section.sec_box {position: relative; height: 740px;}
.h3_bg1 {padding-left: 15px; background: #0e0f0e; height: 60px; width: 94%; position: relative; left: 0%; top: 0; z-index: 300; box-shadow: 6px 6px rgba(41,49,41,0.7);}
.sec_txt1 {width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900;}
.conttl1 {font-size: 20px; color: #fff; line-height: 60px; margin-bottom: 65%;}
.sec_images1 {min-width: 100%; position: absolute; left: 0%; top: 30px;}

.h3_bg2 {padding-left: 15px; background: #0e0f0e; height: 60px; width: 94%; position: relative; left: 0%; top: 0; z-index: 300; box-shadow: 6px 6px rgba(41,49,41,0.7);}
.sec_txt2 {width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900;}
.conttl2 {font-size: 20px; color: #fff; line-height: 60px; margin-bottom: 65%;}
.sec_images2 {min-width: 100%; position: absolute; left: 0; top: 30px;}
.sec_images3 {min-width: 100%; position: absolute; left: 0; top: 80px; text-align: left; padding-top: 0;}

.sec_txt3 {max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900; background: url(/wp-content/uploads/2023/12/merit_bg.svg) center 80px no-repeat;}
.conttl3 {font-size: 24px; color: #fff; line-height: 90px; margin-bottom: 50px;}

.lead {width: 100%; margin-bottom: 30px;}
.lead2 {width: 100%; margin-bottom: 30px;}
.sec_box .image {width: 70%;}
#reason04 .image {width: 70%;}
#reason02,#reason03 {height: 760px;}
#reason04 {height: 870px;}
#reason05 {height: 730px;}
#reason06 .conttl2 {margin-bottom: 180px;}

 /* アフターメンテナンス */
#maintenance01 .conttl1 {margin-bottom: 40px;}
.merit h4 { font-size: 18px; padding-bottom: 7px; border-bottom: 1px solid #0e0f0e;}
.merit_ttl {text-align: center; font-size: 16px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: normal; margin: 0 0 30px;}
.merit_ttl span {font-size: 24px;}
.merit li {width: 100%; background: #fff;  padding: 35px; position: relative; border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; border-right: 2px solid #b0b0b0; border-bottom: 2px solid #b0b0b0; margin-bottom: 30px;}
.merit li:after{
    position: absolute;
    content: '';
    right: -2px;
    bottom: -2px;
    border-width: 0 0 48px 48px;
    border-style: solid;
    border-color: #dcdcdc #b0b0b0 #dcdcdc #b0b0b0;
}
#maintenance02,#maintenance03,#maintenance04 {height: 560px;}

 /* 購入サポート */
.hosho {justify-content: center;} 
.hosho li {width: 33%; padding: 5px;}

.sec_box2 {position: relative; margin-bottom: 70px;}
.sec_box2 .sec_txt4 {max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 900; height: 300px;}
.sec_box5 {position: relative; margin-top: 70px; height: 1000px;}
#support03 {margin-bottom: 180px;}
.sec_txt5 {margin: 30px auto;}

ul.rescue {display:block; justify-content: space-between; margin-bottom: 30px; width:100%;}
ul.rescue li {width: 96%; margin: 15px auto 0;}

.flow { width: 100%; margin-top: -30px;}
.flow li {border-bottom: dotted 2px #0e0f0e; padding: 20px 0; margin-bottom: 0;}
.flow li::before {content: '▼'; font-size: 18px; text-align: center; display: block;}
#support03 {height: 950px;}

/* 買取 */
#purchase .conttl1 {font-size: 18px;}
.satei_txt {font-size: 18px; margin-bottom: 30px;}
.satei { width: 100%; padding: 30px; position: relative; border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; border-right: 2px solid #b0b0b0; border-bottom: 2px solid #b0b0b0;}
.satei ul {width: 48%;}
.satei ul li::before {content: '■'; font-size: 12px; margin-right: 5px;}
.satei h4 { font-size: 22px; padding-bottom: 7px; border-bottom: 1px solid #0e0f0e; width: 100%;}

.bg_w {padding: 50px 0 80px; width:100%;}
.contact {width: 94%; margin: 0 auto 30px;}
.contact .flex {display: block;}
.contact > div {border-top: 1px dotted #666; padding: 20px;}
.contact > div:last-child {border-bottom: 1px dotted #666;}
.contact dt {width: 100%; line-height: 30px;}
.contact dd {width: 100%; padding-right: 1em;}
.contact dd input {height: 30px; width: 100%;}
.contact_btn a {background: #000; width: 90%; height: 50px; text-align: center; color: #fff; font-size: 14px; line-height: 50px; display: block; margin: 0 auto;}

.access {display: block;}
.access li {width: 100%; border-bottom: 1px dotted #000; padding: 15px; border-right: none;}
.access li:first-child {border-left: none;}
.access h4 {font-size: 18px; margin-bottom: 5px;}
.map {width: 100%; height: 300px;}

  #contact .submit { margin-top: 0; }
  #contact.thanks .txtBox .center { text-align: left; }
  #contact.thanks .txtBox .info { padding: 15px; }

  /* サイトマップ */
  #sitemap .box .list { width:100%; margin-left: 0 !important; }

  /* プライバシーポリシー */
  #policy .conttl4:nth-of-type(n+2) { margin-top: 40px; }
	
	/* お客様の声 */
	.voice_list li { margin-bottom: 4%; }

  /*会社紹介*/
.staff_img,.staff_txt { width: 100%;}

}
@media screen and (max-width: 400px) {
  #about .meritList { width: 200px; }
  #about .meritList li { padding-top: 6%; width: 200px; height: 200px; }

}