@charset "utf-8";

/*
Theme Name: BAKU
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,picture {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1.5em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
  border: none;
}
picture {
  display: block;
}
/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
:root {
  --inner: 100rem;
}
@media (prefers-reduced-motion: reduce) {
  * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
  }
}
html {
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 0.7320644217vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.6666666667vw;
  }
}
body {
  margin: 0 auto;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.8em;
  color: #000;
  height: 100%;
  font-family: YakuHanMP,"Zen Old Mincho", serif;
  font-weight: 400;
  position: relative;
  font-feature-settings: "palt";
}

table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
}
main {
  display: block;
  position: relative;
}

a {
  outline:none;
  color: #000;
}

a:hover {
  text-decoration: none;
}

a,a:hover,a:hover img,button,input {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


/* -----------------------------------------------
 * COMMON
----------------------------------------------- */
input[type=text]:focus {
    outline: none;
}
#main {
  overflow: hidden;
}
section {
  position: relative;
}
.container {
  max-width: calc(var(--inner) + 4rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.large_conteiner {
  max-width: 117rem;
}
.gosic {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


@media only screen and ( max-width : 767px ) {
  .container {
    max-width: 100%;
  }
  .section {
    padding: 45px 0;
  }
  .br_pc {
    display: none;
  }
  .sp_none{display:none !important;}
}
@media print, screen and ( min-width : 768px ) {
  .section {
    padding: 60px 0;
  }
  .br_sp {
    display: none;
  }
  .sp { display:none !important; }
}
/* ---------------------------------------------------------------------------------------------

　   FLEX

--------------------------------------------------------------------------------------------- */
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}


@media (min-width: 576px) {
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media (min-width: 768px) {
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media (min-width: 992px) {
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

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

　   TEXT

--------------------------------------------------------------------------------------------- */
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

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

　   HEADER

--------------------------------------------------------------------------------------------- */
#header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
}
.h_contact_btnList {
  display: flex;
  align-items: center;
}
.h_contact_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_contact_line {
  background: #39A673;
}
.h_contact_mail {
  background: #00487B;
}

@media only screen and ( max-width : 767px ) {
  #header {
    height: 6rem;
    padding: 0 1.5rem;
  }
  .h_contact_btnList {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	background-color: #fff;
  }
  .h_contact_btnList li {
    width: 50%;
	padding: 8px;
  }
	.h_contact_btnList li .line{
	box-shadow: 3px 3px #3C6652;
  }
	.h_contact_btnList li .tel{
	box-shadow: 3px 3px #0F283B;
  }
  .h_contact_btnList img {
	max-width: 140px;
	}
  .h_contact_btn {
    width: 100%;
    height: 5rem;
	border-radius: 10px;
  }
  #h_contact {
    width: 50%;
  }
  #h_logo {
    width: 30%;
  }
}
@media print, screen and ( min-width : 768px ) {
  #header {
    height: 8.5rem;
    padding: 0 4.5rem;
  }
  #h_logo {
    width: 21rem;
  }
  #h_contact {
    display: flex;
    align-items: center;
  }
  .h_contact_tel {
    pointer-events: auto;
    width: 26rem;
  }
  .h_contact_btn {
    border-radius: 3px;
    width: 23rem;
    height: 4.4rem;
    padding: 0 1.5rem;
  }
  .h_contact_btnList {
    margin-left: 2.5rem;
  }
  .h_contact_btnList li {
    margin-right: 1rem;
  }
  .h_contact_btnList li:last-child {
    margin-right: 0;
  }
}


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

　   FOOTER

--------------------------------------------------------------------------------------------- */
#footer {
  background: #1A1311;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
#footer a {
  color: #fff;
}
#f_content {
  margin-top: 3rem;
}
.f_companyName {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.f_companyInfo {
  font-size: 1.4rem;
  line-height: 1.8em;
}
.f_companyInfo a {

}
.f_copy {
  margin-top: 4rem;
  font-size: 1rem;
}
@media only screen and ( max-width : 767px ) {
  #footer {
    padding: 3rem 0 7rem;
  }
}

@media print, screen and ( min-width : 768px ) {
  #footer {
    padding: 5rem 0 1.5rem;
  }
}


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

　   COMMON

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

.marker {
  background-image: linear-gradient(#d7ede3, #d7ede3);
  background-size: 0% 20%;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: .8s;
}
.marker.active {
  background-size: 100% 20%;
}
.sec_title {
  padding: 5px 0;
  color: #fff;
}
.sec_title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.sec_title_blue {
  background: #00487B;
  border-top: 2px solid #000c09;
  border-bottom: 2px solid #000c09;
}
.sec_title_blue span {
  border-top: 1px solid #000c09;
  border-bottom: 1px solid #000c09;
  background: url(img/sec_title_bg01.png) no-repeat left top / auto 100%,url(img/sec_title_bg02.png) no-repeat right top / auto 100%;
}

.sec_title_green {
  background: #39a673;
  border-top: 2px solid #151b09;
  border-bottom: 2px solid #151b09;
}
.sec_title_green span {
  border-top: 1px solid #151b09;
  border-bottom: 1px solid #151b09;
  background: url(img/sec_title_bg03.png) no-repeat left top / auto 100%,url(img/sec_title_bg04.png) no-repeat right top / auto 100%;
}
.bg {
  background: url(img/bg.jpg) repeat top left / 100%;
}
@media only screen and ( max-width : 767px ) {
  .sec {
    padding: 7rem 0;
  }
  .sec_title {
    height: 8rem;
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .sec {
    padding: 14rem 0;
  }
  .sec_title {
    height: 11.2rem;
    font-size: 3.4rem;
    margin-bottom: 7rem;
  }
}



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

　   MV

--------------------------------------------------------------------------------------------- */
#mv {
  position: relative;
}
#mv img {
  width: 100%;
}

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

}
@media print, screen and ( min-width : 768px ) {

}

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

　   INTRO

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

#campaign {
  margin-bottom: 5rem;
}
#example h2,
#expensive h2 {
  text-align: center;
}
#example h2 {
  margin-bottom: 2rem;
}
.expensive_lead_text {
  text-align: center;
}
#results li .results_item_price {
  color: #00487B;
}
#results li .results_item_price span {
  line-height: 1;
}
.results_sup_text {
  font-size: 1.2rem;
}
.results_lead_text {
  text-align: center;
  line-height: 2em;
  font-weight: 700;
}
.results_lead_text span {
  color: #00487B;
  line-height: 2em;
}
.result_nopost {
  margin-bottom: 6rem;
}
@media only screen and ( max-width : 767px ) {
  #intro {
    padding: 5rem 0 8rem;
    background: url(img/intro_bg01_sp.png) repeat-y -30% 100% / 40%,url(img/intro_bg02_sp.png) repeat-y 130% 100% / 40% #fafafa;
    position: relative;
  }
  #intro:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
    z-index: 1;
  }
  #intro .container {
    position: relative;
    z-index: 2;
  }
  #example {
    margin-bottom: 6rem;
  }
  #expensive {
    margin-bottom: 7rem;
  }
  .expensive_lead_text {
    font-size: 1.8rem;
    margin: 3rem 0 1rem;
  }
  #expensive li {
    width: 49%;
    margin-top: 2rem;
  }
  #expensive li figcaption {
    margin-top: .6rem;
    font-size: 1.4rem;
  }
  #results ul {
    margin-bottom: 4rem;
  }
  #results li {
    width: 49%;
    margin-right: 2%;
    margin-top: 4rem;
    font-size: 1.4rem;
  }
  #results li:nth-child(-n+2) {
    margin-top: 0;
  }
  #results li:nth-child(2n) {
    margin-right: 0;
  }
  #results li figcaption {
    margin: 1rem 0;
  }
  #results li .results_item_price span {
    font-size: 2.4rem;
  }
  .results_lead_text {
    margin-top: 5rem;
    font-size: 1.6rem;
  }
  .results_lead_text span {
    font-size: 2.2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #intro {
    padding: 10rem 0 17rem;
    background: url(img/intro_bg01.png) no-repeat -18% 70% / 31%,url(img/intro_bg02.png) no-repeat 118% 70% / 31% #fafafa;
  }
  #example {
    margin-bottom: 13rem;
  }
  .expensive_lead_text {
    font-size: 2.4rem;
    margin: 4rem 0;
  }
  #expensive {
    margin-bottom: 14rem;
  }
  #expensive li {
    width: 24%;
  }
  #expensive li figcaption {
    margin-top: 1.5rem;
    font-size: 2rem;
  }
  #results ul {
    margin-bottom: 6rem;
  }
  #results li {
    width: 32%;
    margin-right: 2%;
    margin-top: 8rem;
    font-size: 2rem;
  }
  #results li:nth-child(-n+3) {
    margin-top: 0;
  }
  #results li:nth-child(3n) {
    margin-right: 0;
  }
  #results li figcaption {
    margin: 1.5rem 0;
  }
  #results li .results_item_price span {
    font-size: 3.8rem;
  }
  .results_lead_text {
    margin-top: 10rem;
    font-size: 2.8rem;
  }
  .results_lead_text span {
    font-size: 3.8rem;
  }
}

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

　   高価買い取りできる理由

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

.reason_step {
  background: #fff;
  position: relative;
  box-shadow: 0 0 20px rgba(0,0,0,.16);
  text-align: center;
}
.reason_num {
  background: #39A673;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.reason_step .marker {
  line-height: 1.6em;
}
.reason_step figure img {
  max-width: 80%;
}
@media only screen and ( max-width : 767px ) {
  .reason_step {
    padding: 0 2rem 2rem;
    font-size: 1.8rem;
    margin-top: 5rem;
  }
  .reason_num {
    width: 5rem;
    height: 4.4rem;
    font-size: 2.4rem;
    top: -2.2rem;
    position: relative;
  }
  .reason_step figure {
    margin: 2rem 0;
  }
}
@media print, screen and ( min-width : 768px ) {
  .reason_wrapper {
    display: flex;
    justify-content: space-between;
  }
  .reason_step {
    flex: 1;
    margin-right: 1.3rem;
    margin-top: 3.4rem;
    padding: 0 2rem 2rem;
    font-size: 2.2rem;
  }
  .reason_step:last-child {
    margin-right: 0;
  }
  .reason_num {
    width: 7.4rem;
    height: 6.8rem;
    font-size: 3.6rem;
    margin-top: -3.4rem;
  }
  .reason_step figure {
    margin: 4rem 0;
  }
}

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

　   他社の買取金額との比較

--------------------------------------------------------------------------------------------- */
#comparison {
  background: #fafafa;
}
.comparison_box {
  background: #fff;
  border-radius: 1rem;
}
.comparison_box h3 {
  text-align: center;
  color: #00487B;
}
.comparison_box p {
  text-align: center;
}
@media only screen and ( max-width : 767px ) {
  .comparison_box {
    border: .3rem solid #00487B;
    padding: 2.5rem 2.5rem 3rem;
  }
  .comparison_box h3 {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
  }
  .comparison_wrapper {
    margin-top: 2.5rem;
  }
  .comparison_img {
    margin-bottom: 2.5rem;
  }
  .comparison_box p {
    font-size: 1.8rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .comparison_box {
    border: .5rem solid #00487B;
    padding: 5rem 6.5rem 6.5rem;
  }
  .comparison_box h3 {
    font-size: 3.6rem;
    margin-bottom: 5rem;
  }
  .comparison_wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
  }
  .comparison_img {
    width: 44%;
  }
  .comparison_content {
    width: 52%;
  }
  .comparison_box p {
    font-size: 2.8rem;
  }
}


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

　   このようなモノでも買取できます！

--------------------------------------------------------------------------------------------- */
.can_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.can_list li {
  background: #fff;
  border-radius: 1rem;
}
.can_list li figure img {
  border-radius: 1rem;
}
@media only screen and ( max-width : 767px ) {
  .can_list li {
    border: .3rem solid #39A673;
    width: 49%;
    padding: 1rem;
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  .can_list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .can_list li figcaption {
    margin-top: 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .can_list li {
    border: .4rem solid #39A673;
    width: 32%;
    padding: 2.5rem 2rem;
    margin-top: 2rem;
    font-size: 2rem;
  }
  .can_list li:nth-child(-n+3) {
    margin-top: 0;
  }
  .can_list li figcaption {
    margin-top: 2rem;
  }
}

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

　   選べる査定方法

--------------------------------------------------------------------------------------------- */
.tab-group{
  display: flex;
}
.tab {
  list-style:none;
  border-bottom: none;
  cursor:pointer;
  border-radius: 1rem 1rem 0 0;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
}
.tab:after {
  content: "";
  position: absolute;
  background: url(img/tab_arrow.png) no-repeat center / 100%;
}
.tab_inner span {
  display: block;
}
.tab01 {
  background: #EBEBEB;
}
.tab02 {
  background: #EBEBEB;
}
.tab03 {
  background: #F5F5F5;
}
.panel-group {
  background:#FCFAF0;
}
.panel{
  display:none;
}
.tab.is-active{
  background:#FCFAF0;
  transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}
.step_subtitle,
.step_title {
  text-align: center;
  letter-spacing: .1em;
}
.step_subtitle {
  color: #00487B;
}
.step_subtitle span {
  line-height: 1em;
}
.step_list {
  display: flex;
  flex-wrap: wrap;
}
.step_list li {
  position: relative;
}
.step_list li:last-child:after {
  content: none;
}
.step_list li figure {
  text-align: center;
}
.step_list li h3 {
  font-weight: 400;
}
.step_list li p {
  line-height: 1.8em;
}
.howto_sup_text {
  line-height: 1.8em;
}
@media only screen and ( max-width : 767px ) {
  .tab {
    height: 9rem;
    padding: 0 1rem;
    flex-direction: column;
    justify-content: center;
  }
  .tab_inner {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.3em;
  }
  .tab_inner span {
    font-size: 1rem;
    text-align: center;
    margin-top: .5rem;
  }
  .tab:after {
    content: none;
    width: 2rem;
    height: 2rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .tab_pic {
    width: 4rem;
    display: none;
  }
  .panel-group {
    padding: 4rem 2rem 2rem;
  }
  .step_subtitle {
    font-size: 1.8rem;
  }
  .step_subtitle span {
    font-size: 2.4rem;
  }
  .step_title {
    font-size: 2.4rem;
    margin: 1rem 0 4rem;
  }
  .step_list {
    justify-content: space-between;
    margin-bottom: 3rem;
  }
  .step_list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .step_list li:after {
    content: "";
    background: url(img/flow_arrow_sp.png) no-repeat center / 100%;
    display: block;
    width: 2.3rem;
    height: 2.3rem;
    margin: 2rem auto;
  }
  .step_list li figure {
    width: 30%;
  }
  .step_content {
    width: 66%;
  }
  .step_list li h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .step_list li p {
    font-size: 1.4rem;
  }
  .howto_sup_text {
    font-size: 1.2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #howto {
    background: url(img/howto_bg01.png) no-repeat -18% 70% / 28%,url(img/howto_bg02.png) no-repeat 118% 70% / 28% #fafafa;
  }
  .tab {
    height: 11.2rem;
    padding: 0 4rem 0 2rem;
  }
  .tab_inner {
    font-size: 2.4rem;
    width: calc(100% - 8.4rem);
  }
  .tab_inner span {
    font-size: 1.2rem;
  }
  .tab:after {
    width: 2.6rem;
    height: 2.6rem;
    right: 1.3rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .tab_pic {
    width: 6.9rem;
    margin-right: 1.5rem;
  }
  .panel-group {
    padding: 10rem 3rem 5rem;
  }
  .step_subtitle {
    font-size: 2.2rem;
  }
  .step_subtitle span {
    font-size: 4.4rem;
  }
  .step_title {
    font-size: 3.2rem;
    margin: 2rem 0 6rem;
  }
  .step_list {
    justify-content: space-between;
    margin-bottom: 5rem;
  }
  .step_list li {
    width: 20%;
  }
  .step_list li:after {
    content: "";
    position: absolute;
    background: url(img/flow_arrow.png) no-repeat center / 100%;
    width: 2.3rem;
    height: 2.3rem;
    right: -4.5rem;
    top: 8rem;
  }
  .step_list li h3 {
    margin: 4rem 0;
    font-size: 2.2rem;
    text-align: center;
  }
  .step_list li p {
    font-size: 1.8rem;
  }
  .howto_sup_text {
    font-size: 1.4rem;
  }
}

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

　   店舗一覧

--------------------------------------------------------------------------------------------- */
#shop h2 {
  margin-bottom: 0;
}
.shop_wrapper {
  background: #fff;
}
.shop_box:last-child {
  margin-bottom: 0;
}
.shop_box h3 {
  font-weight: 600;
}
.shop_box p {
  line-height: 1.8em;
}
.shop_info_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.reserv_required {
  background: #FF0000;
  color: #fff;
  padding: 0 1.5rem;
}
.shop_lead_text {
  text-align: center;
  letter-spacing: .1em;
}
.shop_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and ( max-width : 767px ) {
  .shop_wrapper {
    padding: 2rem;
  }
  .shop_lead_text {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  .shop_box {
    margin-bottom: 5rem;
  }
  .shop_info_title {
    flex-direction: column-reverse;
    margin-bottom: 2rem;
  }
  .shop_box h3 {
    font-size: 1.8rem;
    margin-top: .5rem;
  }
  .reserv_required {
    font-size: 1.4rem;
  }
  .shop_img {
    margin-bottom: 2rem;
  }
  .shop_info {
  }

}
@media print, screen and ( min-width : 768px ) {
  .shop_wrapper {
    padding: 5rem 3rem;
  }
  .shop_lead_text {
    font-size: 2.8rem;
    margin-bottom: 6rem;
  }
  .shop_list {
  }
  .shop_box {
    margin-bottom: 6rem;
    font-size: 1.8rem;
  }
  .shop_box h3 {
    font-size: 2.4rem;
  }
  .shop_img {
    width: 48%;
  }
  .shop_info {
    width: 48%;
  }
}



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

　   よくあるご質問

--------------------------------------------------------------------------------------------- */
#faq h2 {
  margin-bottom: 0;
}
.accordion {
  background: #EAEFF9;
}
.accordion_wrap {
  max-width: 92rem;
  margin: 0 auto 2rem;
}
.accordion_wrap:last-child {
  margin-bottom: 0;
}
.accordion_header {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fff;
}
.accordion_header:before {
  content: "";
  background: url(img/q.png) no-repeat center / 2.4rem #00487B;
  position: absolute;
  top: 0;
  left: 0;
}
.acc_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transition: .3s;
}
.accordion_header.open .acc_arrow {
  transform: translateY(-50%) rotate(180deg);
  background: url(img/ico-minus.png) no-repeat center / 100%;
}
.accordion_header.open .acc_arrow img {
  opacity: 0;
}
.acc_arrow img {
  display: block;
}
.accordion_content {
  position: relative;
  display: none;
}

.accordion_content p {
  line-height: 1.8em;
}


@media only screen and ( max-width : 767px ) {
  .accordion {
    padding: 4rem 2rem;
  }
  .accordion_header {
    min-height: 6rem;
    font-size: 1.6rem;
    padding-left: 5rem;
    padding-right: 4rem;
  }
  .acc_arrow {
    right: 1rem;
  }
  .accordion_header:before {
    width: 4rem;
    height: 100%;
    background-size: 50%;
  }
  .accordion_content {
    padding: 1.5rem 1.5rem 1.5rem 5rem;
    font-size: 1.5rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #faq {
    background: url(img/faq_bg01.png) no-repeat -6% 50% / 28%,url(img/faq_bg02.png) no-repeat 106% 50% / 28% #fafafa;
  }
  .accordion {
    padding: 5rem 3rem;
  }
  .accordion_header {
    min-height: 7rem;
    font-size: 2.4rem;
    padding-left: 10rem;
    padding-right: 6rem;
  }
  .acc_arrow {
    right: 2rem;
  }
  .accordion_header:before {
    width: 7rem;
    height: 7rem;
  }
  .accordion_content {
    padding: 3rem 3rem 3rem 10rem;
    font-size: 1.8rem;
  }
}

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

　   お客様の声

--------------------------------------------------------------------------------------------- */
#voice h2 {
  margin-bottom: 0;
}
.voice_wrapper {
  background: #FCFAF6;
}
.voice_messageBox h3 {
  color: #fff;
  background: #39A673;
  font-weight: 400;
}
.voice_messageBox p {
  line-height: 1.8em;
}
.voice_sup_text {
  line-height: 1.8em;
}
@media only screen and ( max-width : 767px ) {
  .voice_wrapper {
    padding: 2rem;
  }
  .voice_messageBox {
    margin-bottom: 4rem;
  }
  .voice_img {
    max-width: 16rem;
    margin: 0 auto 2rem;
  }
  .voice_text {
  }
  .voice_messageBox h3 {
    padding: .5rem 1rem;
    font-size: 1.8rem;
  }
  .voice_messageBox p {
    padding: 2rem 1rem;
    font-size: 1.4rem;
  }
  .voice_sup_text {
    font-size: 1.2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .voice_wrapper {
    padding: 5rem;
  }
  .voice_messageBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7rem;
  }
  .voice_img {
    width: 21%;
  }
  .voice_text {
    width: 75%;
  }
  .voice_messageBox h3 {
    font-size: 2.4rem;
    padding: .5rem 2rem;
  }
  .voice_messageBox p {
    padding: 2rem;
    font-size: 1.8rem;
  }
  .voice_sup_text {
    font-size: 1.6rem;
  }
}

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

　   対応一覧

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

#list h2 {
  margin-bottom: 0;
}
.list_lead_text {
  text-align: center;
  letter-spacing: .15em;
}
.list_wrapper {
  background: #EAEFF9;
}
.list_wrapper ul li {
  text-align: center;
}
.list_wrapper ul li figure {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
@media only screen and ( max-width : 767px ) {
  #list {
    background: url(img/list_bg01_sp.png) repeat-y -30% 100% / 40%,url(img/list_bg02_sp.png) repeat-y 130% 100% / 40% #fafafa;
  }
  .list_lead_text {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  .list_wrapper {
    padding: 2rem;
  }
  .list_wrapper ul li {
    width: 48%;
    margin-right: 4%;
    margin-top: 3rem;
  }
  .list_wrapper ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .list_wrapper ul li:nth-child(2n) {
    margin-right: 0;
  }
  .list_wrapper ul li figcaption {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #list {
    background: url(img/list_bg01.png) no-repeat -18% 70% / 28%,url(img/list_bg02.png) no-repeat 118% 70% / 28% #fafafa;
  }
  .list_lead_text {
    font-size: 2.8rem;
    margin-bottom: 6rem;
  }
  .list_wrapper {
    padding: 5rem;
  }
  .list_wrapper ul {
    max-width: 89rem;
    margin: 0 auto;
  }
  .list_wrapper ul li {
    width: 23.5%;
    margin-right: 2%;
    margin-top: 4rem;
  }
  .list_wrapper ul li:nth-child(-n+4) {
    margin-top: 0;
  }
  .list_wrapper ul li:nth-child(4n) {
    margin-right: 0;
  }
  .list_wrapper ul li figcaption {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}

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

　   バナー

--------------------------------------------------------------------------------------------- */
#link_area {
  background: #FAFAFA;
}
#link_area li {
  position: relative;
  overflow: hidden;
}
#link_area li a {
  display: block;
}
#link_area li a img {
  transition: .5s;
  width: 100%;
}
#link_area li a:hover {
  opacity: 1;
}
#link_area li a:hover img {
  transform: scale(1.1);
}
#link_area li span {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
  height: 100%;
  letter-spacing: .1em;
}
@media only screen and ( max-width : 767px ) {
  #link_area li {
    margin-bottom: 2rem;
  }
  #link_area li:last-child {
    margin-bottom: 0;
  }
  #link_area li span {
    font-size: 2.2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #link_area li {
    width: 48%;
    margin-top: 4.5rem;
  }
  #link_area li:nth-child(-n+2) {
    margin-top: 0;
  }
  #link_area li span {
    font-size: 3.2rem;
  }
}
/* ---------------------------------------------------------------------------------------------

　   お問い合わせ

--------------------------------------------------------------------------------------------- */
#contact {
  background: #fafafa;
}
#contact h2 {
  text-align: center;
  letter-spacing: .1em;
  font-weight: 400;
}
.contact_lead_text {
  text-align: center;
  line-height: 1.8em;
}
input,textarea {
  border-radius:0;
  line-height: 1em;
  outline: none;
  line-height: 1.8em;
}
input[type="text"],textarea,input[type="tel"],input[type="email"],input[type="date"],input[type="number"],textarea,select {
  padding:0;
  border: none;
  margin:0;
  display: block;
  background: #fff;
  font-family: inherit;
  -webkit-appearance: none;
  font-size: inherit;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: .5rem;
  padding: 1rem;
}
.form_time_slot{
	border: 1px solid #ccc;
    margin: 0;
    display: block;
    background: #fff;
    font-family: inherit;
    -webkit-appearance: none;
    font-size: inherit;
    width: 100%;
    border-radius: .5rem;
    padding: 1rem;
}
.form_select{
	margin: 0;
    display: block;
    background: #fff;
    font-family: inherit;
    font-size: inherit;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: 1rem; 
}
.form_photo{
	margin: 0;
    display: block;
    background: #fff;
    font-family: inherit;
    font-size: inherit;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: 1rem; 
}
textarea {
  height: 20em;
  width: 100%;
  display: block;
  resize: vertical;
  padding: 0;
  border-radius: .5rem;
  padding: 1rem;
}

button,.send_btn {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
}
.send_btn,
.btn {
  background: #00487B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  margin: 0 auto;
}
.send_btn:hover,
.btn:hover {
  opacity: .8;
}
@media only screen and ( max-width : 767px ) {
  #contact h2 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  .contact_lead_text {
    font-size: 1.8rem;
    margin-bottom: 4rem;
  }
  .form_dl {
    margin: 0 auto;
  }
  .form_dl dt,
  .form_dl dd {
  }
  .form_dl dt:last-of-type,
  .form_dl dd:last-of-type {
  }
  .form_dl dt {
    margin-bottom: .5rem;
  }
  .form_dl dd {
    margin-bottom: 4rem;
  }
  .send_btn,
  .btn {
    width: 100%;
    height: 6rem;
    font-size: 1.8rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #contact h2 {
    font-size: 3.4rem;
    margin-bottom: 7rem;
  }
  .contact_lead_text {
    font-size: 2.4rem;
    margin-bottom: 7rem;
  }
  .form_dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.8rem;
    max-width: 72rem;
    margin: 0 auto 7rem;
  }
  .form_dl dt,
  .form_dl dd {
    margin-bottom: 3rem;
  }
  .form_dl dt:last-of-type,
  .form_dl dd:last-of-type {
    margin-bottom: 0;
  }
  .form_dl dt {
    width: 22rem;
    padding: 1rem 0;
  }
  .form_dl dd {
    width: calc(100% - 22rem);
  }
  .send_btn,
  .btn {
    width: 60rem;
    height: 8rem;
    font-size: 2.4rem;
  }
}


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

    pager

--------------------------------------------------------------------------------------------- */
.wp-pagenavi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.wp-pagenavi .pages,
.previouspostslink,
.nextpostslink {
  display: none;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin: 0 10px;
  color: var(--maincolor);
  font-weight: bold;
  font-size: 24px;
  font-family: 'Oswald', sans-serif;
}
.wp-pagenavi .page:hover {
  background: var(--subcolor01);
}
.wp-pagenavi .current {
  background: var(--maincolor);
  color: #fff;
}
.breadcrumbs {
  font-size: 14px;
  color: #141F3D;
  background: #eee;
  padding: 1em 0;
  margin-top: -11px;
}
.breadcrumbs a {
  color: #141F3D;
  text-decoration: underline;
}
@media only screen and ( max-width : 767px ) {
  .breadcrumbs {
    font-size: 12px;
    margin-top: -20px;
  }
}
@media only screen and ( max-width : 575px ) {
  .breadcrumbs {
    margin-top: -2vw;
  }
}

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

    LINE

--------------------------------------------------------------------------------------------- */
	#contact_LINE{

		margin: 4rem auto 4rem;
		text-align: center;
		width: 100%;
		max-width: 1000px;
        font-family: Meiryo, sans-serif;
	}
	#contact_LINE h2{
		margin: 4rem auto 2rem;
		font-size: 300%;
		color: #06c755;
	}
	#contact_LINE p{
		margin: 2rem auto 2rem;
	}
	#contact_LINE img{
		margin: 4rem auto 4rem;
	}
.contact_LINE_PC{
	display: block;
	border: solid 4px #06c755;
}
.contact_LINE_SP{
	display: none;
}
@media (max-width: 767px) {
.contact_LINE_PC{
	display: none;
}
.contact_LINE_SP{
	display: block;
}
}


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

   TEL

--------------------------------------------------------------------------------------------- */
	.h_contact_tel{
		text-align: center;
	}
	.header-TEL-btn{
  display: flex;
  align-items: center;
		padding: 20px auto;
		justify-content: center
}
	.header-TEL-btn P{
		font-family: 'Noto Sans JP';
	}

.header-TEL-btn-image {
  max-width: 30px;
  height: auto;

  margin-right: 10px; 
}
		.h_contact_tel P {
		font-size: 1.4rem;
	}
	.header-TEL-btn P span{
		font-size: 2.4rem;
		font-weight: bold;
	}
	
	@media screen and (max-width: 768px) {
		.h_contact_tel P{
		font-size: 1.2rem;
	}
		.header-TEL-btn P span{
		font-size: 1.8rem;
		font-weight: bold;
	}
	}
/* ---------------------------------------------------------------------------------------------

   CVtel

--------------------------------------------------------------------------------------------- */
	.button_tel{
		  background: #ff801e;
	    border-radius: 20px 20px 20px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ";
	}
	.TEL-btn{
  display: flex;
  align-items: center;
justify-content: center;
}
.TEL-btn-image {
  width: 30px;
  height: 30px;
  margin-right: 10px; 
}
	@media screen and (max-width: 768px) {
			.button_tel a{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	}