@charset "utf-8";
/* ----------------------------------------
【共通タグ】
-------------------------------------------*/
/*tag*/
.tag span {
  color: #fff;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  display: inline-block;
}
.tag .tag0 {
  background: transparent;
  color: #000;
  font-weight: bold;
}
.tag .shi {
  background: #c1ae8c;
}
.tag .ken1 {
  background: #f87214;
}
.tag .ken2 {
  background: #13b5b1;
}
.tag .ken3 {
  background: #83b714;
}
.tag .ken4 {
  background: #448aca;
}
.tag .ken5 {
  background: #ff8589;
}
.tag .ken6 {
  background: #8c97cb;
}
.tag .ken7 {
  background: #fead2f;
}

/*category*/
.category span {
  color: #444444;
  padding: 4px 12px;
  margin: 10px 10px 0 0;
  border-radius: 30px;
  display: inline-block;
  line-height: 1.2;
}
.category .tag0 {
  background: #f0f0f0;
}
.category .tag1 {
  background: #f0f0f0;
}
.category .tag2 {
  background: #f0f0f0;
}
.category .tag3 {
  background: #f0f0f0;
}

/* ----------------------------------------
【共通　selectLINK】
-------------------------------------------*/
/*LINK*/
.link-wrap ul.flexbox {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  align-content: space-around;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.link-wrap ul li {
  margin: 5px 10px;
}
.link-wrap ul li a {
  display: block;
  color: #fff;
  background: #83b714;
  width: 100%;
  padding: 10px 15px;
  line-height: 1;
  margin: 0;
  border-radius: 5px;
  box-shadow: #ccc 2px 2px 0;
}
.link-wrap ul li a:before {
  content: "\f138";
  font-family: FontAwesome;
  font-weight: normal;
  padding: 0 8px 0 0;
}
.link-wrap ul li a:hover {
  color: #ffffff;
  background: #9fcc3f;
}
@media screen and (max-width: 599px) {
  .link-wrap ul li a {
    width: 100%;
    font-size: 86%;
    padding: 10px 5px;
  }
  .link-wrap ul.flexbox {
    justify-content: flex-start;
  }
  .link-wrap ul li {
    margin: 1.5%;
    width: 30%;
  }
}
/* ----------------------------------------
【HOME】イントロ 教官
-------------------------------------------*/
section#intro-slider {
  padding: 0 50px 10px;
  position: relative;
}

/*intro_car*/
.drive {
  animation: drive 10s forwards;
  -webkit-animation: drive 10s forwards;
  -ms-animation: drive 10s linear forwards;
  animation-delay: 1.5s;
}
.intro_car {
  position: absolute;
  right: 25%;
  border: 0;
}

/*arrow*/
.slick-prev:before,
.slick-next:before {
  opacity: 1 !important;
  color: #999 !important;
  font-size: 25px !important;
}

/*BOX*/
#intro-slider .box {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  align-content: space-between;
  align-items: stretch;
  flex-direction: row-reverse;
  justify-content: space-evenly;
}
#intro-slider .box {
  width: 1040px;
  background: #fff;
  border: #ccc 1px solid;
  box-shadow: #a1a1a1 2px 2px 2px;
  margin: 15px 60px;
  text-align: left;
  border-radius: 10px;
}
#intro-slider .box,
#intro-slider .thumnail,
#intro-slider .set {
  padding: 15px;
}
#intro-slider .thumnail {
  width: 40%;
}
#intro-slider .thumnail img {
  width: 100%;
}
#intro-slider .set {
  width: 60%;
  line-height: 1.6;
}

/*info*/
#intro-slider .title {
  background: #ffebd6;
  padding: 5px 10px;
  margin-bottom: 10px;
}
#intro-slider .txt-main {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
#intro-slider .txt-02 {
  font-weight: bold;
  margin: 10px auto 5px;
  color: #448aca;
}
#intro-slider .btn a {
  background: #448aca;
  color: #fff;
  padding: 5px 25px 5px 30px;
  margin-top: 1em;
  border-radius: 50px;
  line-height: 1.2;
  font-size: 90%;
  display: inline-block;
}
#intro-slider .txt-01 {
  font-size: 105%;
  font-weight: bold;
}
#intro-slider .txt-01,
#intro-slider .tag {
  display: inline-block;
}
#intro-slider .tag span {
  background: #4d7599;
  color: #fff;
  padding: 0 10px;
  margin: 0 10px 0 0;
  display: inline-block;
}
#intro-slider .tag .tag1 {
  background: #eb6100;
}
#intro-slider .tag .tag2 {
  background: #13b5b1;
}
#intro-slider .tag .tag3 {
  background: #83b714;
}
#intro-slider .tag .tag4 {
  background: #448aca;
}
#intro-slider .tag .tag5 {
  background: #f29c9f;
}
#intro-slider .tag .tag6 {
  background: #8c97cb;
}
#intro-slider .tag .tag7 {
  background: #f8b551;
}

@media screen and (max-width: 900px) {
  #intro-slider .intro_car {
    display: none;
  }
  #intro-slider .box {
    display: block;
    width: 500px;
  }
  #intro-slider .thumnail {
    width: 250px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  #intro-slider .set {
    width: 100%;
  }
  #intro-slider .btn {
    text-align: center;
  }
  #intro-slider .box,
  #intro-slider .thumnail,
  #intro-slider .set {
    padding: 12px;
  }
}

@media screen and (max-width: 599px) {
  section#intro-slider {
    padding: 25px;
  }
  #intro-slider .box {
    display: block;
    width: 320px;
    width: 80vw;
    margin: 10px;
  }
}
/* ----------------------------------------
【HOME・下層】お客様の声
-------------------------------------------*/
/*TOPのみ*/
section#voice-slider {
  padding-left: 50px;
  padding-right: 50px;
}
/*テキスト５行まで*/
#topPage #voice-slider p.txt-main {
  display: -webkit-box; /*-webkit-boxを使う宣言*/
  -webkit-box-orient: vertical; /*コンテンツの垂直方向の指定*/
  -webkit-line-clamp: 5; /*コンテンツの行数を指定*/
  overflow: hidden; /*はみ出た部分を非表示に*/
  max-height: 120px;
  overflow-y: auto;
  line-height: 1.6;
}
/*タイトル1行*/
#topPage .voice_list .title {
  overflow: hidden; /*はみ出た部分を非表示に*/
  text-overflow: ellipsis; /*はみ出たテキストを「…」で表示*/
  white-space: nowrap; /*テキストを改行させない*/
}
@media screen and (max-width: 599px) {
  /*タイトル2行*/
  #topPage .voice_list .title {
    font-size: 100%;
    padding: 0px 0px 10px;
    display: -webkit-box; /*-webkit-boxを使う宣言*/
    -webkit-box-orient: vertical; /*コンテンツの垂直方向の指定*/
    -webkit-line-clamp: 2; /*コンテンツの行数を指定*/
    overflow: hidden; /*はみ出た部分を非表示に*/
  }
}

/*共通*/
.voice_list .box {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  align-content: space-between;
  align-items: stretch;
  flex-direction: row;
  justify-content: space-evenly;
}
.voice_list .box {
  background: #fff;
  /*background:#f8f8f8 url(../img/bg-6.png) repeat top center scroll;*/
  width: 1000px;
  height: 550px;
  box-shadow: 2px 2px 2px #dfebc5;
  margin: 20px;
  text-align: left;
  border-radius: 10px;
}
.voice_list .box,
.voice_list .thumnail,
.voice_list .set {
  padding: 15px;
}
.voice_list .thumnail {
  width: 25%;
}
.voice_list .thumnail img {
  width: 100%;
  border-radius: 10px;
}
.voice_list .set {
  width: 75%;
  line-height: 1.8;
}

/*info*/
.voice_list .title {
  font-size: 120%;
  color: #18a86b;
  /* background: #f6ead4; */
  padding: 5px 0 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.voice_list .btn a {
  float: right;
  display: block;
}

@media screen and (max-width: 900px) {
  section#voice-slider {
    padding-left: 30px;
    padding-right: 30px;
  }
  .voice_list .box {
    display: block;
    width: 560px;
    margin: 10px;
  }
  .voice_list .thumnail {
    width: 200px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .voice_list .set {
    width: 100%;
  }
  .tag .tag0 {
    padding: 0 0px;
  }
}

@media screen and (max-width: 599px) {
  .voice_list .box {
    display: block;
    width: 320px;
    width: 80vw;
  }
  .voice_list .box,
  .voice_list .thumnail,
  .voice_list .set {
    padding: 12px;
  }
}

/* 下層のみ */
#subPage section#voice-slider {
  padding-left: 0px;
  padding-right: 0px;
}
#subPage .voice_list .box {
  width: 100%;
  margin: 30px auto;
}

/* ----------------------------------------
【HOME・下層】教習日記(ブログ)
-------------------------------------------*/
.blog-top img {
  margin: 0 auto 2em;
}
/*BOX*/
.blog_list .box {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  align-content: space-between;
  align-items: stretch;
  flex-direction: row;
  justify-content: space-evenly;
}
.blog_list .box {
  background: #f8f8f8 url(../img/bg-6.png) repeat top center scroll;
  border: #8e7460 1px solid;
  width: 98%;
  margin: 20px auto;
  padding: 15px;
  border-radius: 10px;
  display: block;
}
.blog_list .box .inner {
  padding: 10px;
}
.blog_list .thumnail,
.blog_list .set {
  padding: 0;
}
.blog_list .set {
  width: 82%;
  width: 100%;
}
.blog_list .thumnail {
  width: 18%;
  width: 100%;
}
.blog_list .thumnail img {
  width: 100%;
}
.blog_list .thumnail .day {
  font-weight: bold;
  color: #6a6a6a;
}
.blog_list .thumnail .day:before {
  content: "\f133";
  font-family: FontAwesome;
  font-weight: normal;
  padding: 0 0.6em 0 0;
}
/*info*/
.blog_list .tag0 {
  color: #eb6100;
  font-weight: bold;
}
.blog_list .title {
  font-weight: bold;
  padding: 10px 0 10px;
  margin-bottom: 10px;
  line-height: 1.6;
  border-bottom: #e2e2e2 6px solid;
}
.blog_list .btn a {
  /*float: right;*/
  display: block;
}

/* 【高さ制限】*/
.blog_list .txt-main {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

/* 【詳細ページ】*/
.blog_detail .blog_list .box {
  flex-direction: column;
}
.blog_detail .blog_list .thumnail {
  width: 100%;
  line-height: 1.4;
}
.blog_detail .blog_list .set {
  width: 100%;
  line-height: 2.4;
}

@media screen and (max-width: 1200px) {
  .blog_list .box {
    width: 100%;
    flex-direction: column;
  }
  .blog_list .thumnail {
    width: 100%;
    padding: 0 10px;
  }
  .blog_list .set {
    width: 100%;
  }
  .blog_list .title {
    padding: 2px 0 10px;
  }
}
@media screen and (max-width: 900px) {
  /* ▼▼▼ 追加：.txt-mainをスクロール可能に ▼▼▼ */
  .txt-main {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: #83b714 #f0f0f0;
  }
  .txt-main::-webkit-scrollbar {
    width: 8px;
    background: #f0f0f0;
  }
  .txt-main::-webkit-scrollbar-thumb {
    background: #83b714;
    border-radius: 5px;
  }
  .txt-main::-webkit-scrollbar-thumb:hover {
    background: #448aca;
  }
  .txt-main::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 5px;
  }
  /* Firefox用 */
  .txt-main {
    scrollbar-width: thin;
    scrollbar-color: #83b714 #f0f0f0;
  }
  .blog_detail .blog_list .txt-main {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: unset;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .tag0 {
    display: block;
    padding: 0;
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px) {
  .blog-top img {
    margin: 1em auto 1.5em;
  }
  .blog_list .box,
  .blog_list .thumnail,
  .blog_list .set {
    padding: 5px;
  }
  .blog_list .box .inner {
    padding: 5px;
  }
}

/*-------------------------------------------
【HOME】こんな人におすすめ
-------------------------------------------*/
#recommen {
  background: #3a7e64 url(../img/recommen_bg.jpg) repeat-x bottom center fixed;
  background-size: cover;
  overflow: hidden;
  max-width: 100%;
}
.recommen_box_bg {
  border-top: 10px solid #0e9c14;
  background: linear-gradient(#2aad4f, #69be80);
  backdrop-filter: ;
  padding: 20px;
}
.recommen_box {
  background: #fff;
  border-radius: 20px;
}

.title_recommen {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
ul.check-list {
}
ul.check-list li {
  border-bottom: #999 1px dashed;
  padding: 15px 0 15px;
  font-size: 114%;
  line-height: 1.4;
}
ul.check-list li i {
  content: "\f14a";
  color: #76ae00;
}
@media screen and (max-width: 1200px) {
  .title_recommen img {
    width: 380px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 2em;
    display: block;
  }
}
@media screen and (max-width: 599px) {
  ul.check-list li {
    font-size: 100%;
    padding: 8px 0 8px;
    line-height: 1.4;
  }
}
/*-------------------------------------------
【HOME・下層】特徴（選ばれる理由）
-------------------------------------------*/
.block03 ul {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  justify-content: center;
}
.block03 ul li {
  position: relative;
  letter-spacing: 0;
  width: 30%;
  margin: 1.5%;
  padding: 1%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 5px;
  border: #e26b8d 2px solid;
}

/* LINK */
.block03 ul li a {
  color: #432b18;
  display: block;
  overflow: hidden;
  text-decoration: none;
}
.block03 ul li a img {
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  transition: 1s ease-out;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
}
.block03 ul li a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}
.block03 ul li a:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
  border-radius: 20px;
}

/* CONTENTS */
.plan_a_title_bg {
  background: #fcfaf1 url(../img/plan_a_obi.png) repeat-x top center scroll;
}
.plan_b_title_bg {
  background: #fcfaf1 url(../img/plan_a_obi.png) repeat-x top center scroll;
}

.block03 ul li a .photo {
  /*height: 275px;*/
  display: block;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}

.block03 ul li a .title {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0 auto;
  padding: 5px 0;
  width: 100%;
}
.block03 ul li a .txt-01 {
  font-size: 90%;
  padding: 0;
}

.block03 .balloon {
  display: none;
}

.point-icon {
  width: 140px;
  border-radius: 0;
  margin-bottom: 0;
}

/*-------------------------------------------
【下層のみ】特徴（選ばれる理由）
-------------------------------------------*/
#featurea-point .block03 ul li {
  position: relative;
  letter-spacing: 0;
  width: 44%;
  margin: 2% 3%;
  padding: 2%;
  box-sizing: border-box;
}
.staff_img {
  width: 390px;
  max-width: 100%;
}

@media screen and (max-width: 1200px) {
  .block03 ul li,
  #featurea-point .block03 ul li {
    width: 44%;
    margin: 3%;
  }
}
@media screen and (max-width: 767px) {
  .block03 ul li,
  #featurea-point .block03 ul li {
    width: 480px;
    max-width: 96%;
    margin: 6% auto;
    padding: 5%;
  }
  .block03 ul li a .photo {
    height: auto;
  }
}
@media screen and (max-width: 599px) {
}

/*-------------------------------------------
【HOME】paperdriver-naviバナー
-------------------------------------------*/
section#paperdriver-navi {
  padding: 3em 0;
}

#paperdriver-navi img {
  width: 680px;
  max-width: 90%;
}

/*-------------------------------------------
【下層】ヘッダー画像
-------------------------------------------*/
#sub_top {
  line-height: 1.2;
  position: relative;
  width: 100%;
}
#sub_top .overlay {
  background: rgb(204, 243, 178);
}
#sub_top h2 {
  font-size: 23px;
  color: #432b18;
  text-shadow: #ffffff 3px 3px 2px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 202px 0 50px;
  width: fit-content;
  margin: 0 auto;
}
#sub_top h2 .en {
  display: block;
  font-size: 60%;
  padding-top: 5px;
  letter-spacing: 2px;
  color: #0e9c14;
}

@media screen and (max-width: 1280px) {
  #sub_top {
  }
  #sub_top h2 {
    font-size: 18px;
    padding: 85px 0 25px;
  }
}

@media screen and (max-width: 599px) {
  #sub_top h2 {
    font-size: 15px;
    padding: 85px 0 25px;
  }
}

/* ----------------------------------------
【下層】pankuzu
------------------------------------------- */
.pankuzu {
  font-size: 14px;
  width: 100%;
  padding: 0.5em;
  background: #19a6a8;
}
.pankuzu ul {
  width: 96%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}
.pankuzu li {
  display: inline-block;
  color: #ffffff;
}
.pankuzu li a {
  text-decoration: underline;
  color: #ffffff;
}
.pankuzu li::after {
  content: ">";
  padding-left: 10px;
  padding-right: 10px;
}
.pankuzu li a:hover {
  color: #432b18;
}
.pankuzu li i {
  padding-right: 5px;
}
.pankuzu li:last-child::after {
  display: none;
}
@media screen and (max-width: 599px) {
  .pankuzu {
    display: none;
  }
}

/*-------------------------------------------
【下層・共通】enter_area
-------------------------------------------*/
#enter_area {
  background: #f6f3e9 url(../img/message_bg.jpg) no-repeat center center scroll;
  padding: 5em 0 4em;
  background-size: cover;
}
#enter_area .copy {
  font-size: 150%;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
  #enter_area .copy {
    font-size: 120%;
  }
}

/*------------------------------------------
【下層】料金表
------------------------------------------*/
#price_area .tab {
  width: 400px;
  max-width: 100%;
  font-size: 20px;
  background: #29ac4e;
  color: #fff;
  padding: 15px 20px 14px;
  margin: 1em 0 0em;
  border-radius: 15px 15px 0px 0px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: normal;
  /* text-align: center; */
  position: relative;
  z-index: 3;
}
#price_area .tab .pin {
  color: #29ac4e;
  background: #ffef5f;
  font-weight: normal;
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 1;
  font-size: 80%;
}
#price_area .tab_box {
  padding: 25px 30px;
  background: #ffffff;
  border: #29ac4e 2px solid;
  border-radius: 0 10px 10px 10px;
  margin-bottom: 2em;
}
#price_area .tab_box .title_c {
  font-size: 100%;
  line-height: 1.6;
  font-weight: bold;
  padding: 0 0 0 1em;
  margin-bottom: 0.3em;
  border-left: #e67f9d 8px solid;
}
#price_area .flexbox {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  align-content: space-around;
  align-items: stretch;
  flex-direction: row;
  justify-content: space-between;
}
#price_area .info {
  border-bottom: #484b4d 1px solid;
  font-weight: normal;
  margin-bottom: 1em;
}
#price_area .title {
  width: 70%;
  padding: 5px 0px 15px;
  font-size: 23px;
  line-height: 1;
  color: #6b9d00;
  /* font-weight: normal;*/
}
#price_area .fee {
  width: 30%;
  padding: 0px;
  font-size: 28px;
  line-height: 1;
  color: #ee0000;
  font-weight: bold;
  text-align: right;
  vertical-align: bottom;
}
#price_area .fee .small {
  font-size: 65%;
  font-weight: bold;
  color: #432b18;
}
#price_area .box_bg {
  background: #ffffff;
  border: #c5b790 1px solid;
  padding: 15px 15px;
  margin-top: 10px;
  border-radius: 0;
  line-height: 1.4;
}
#price_area .example {
  display: inline-block;
  background: #5ea7d0;
  padding: 5px 15px;
  margin-bottom: 5px;
  line-height: 1;
  color: #fff;
}

/*オプションエリア*/
#price_area .option_area .tab {
  background: #c30e23;
}
#price_area .option_area .tab .pin {
  color: #eb6100;
}
#price_area .option_area .tab_box {
  border: #c30e23 2px solid;
}
#price_area .option_area .info {
  border-bottom: none;
}
#price_area .option_area .fee {
  width: 100%;
  text-align: left;
  padding: 10px 0px;
  border-bottom: #c30e23 1px dashed;
  background: #ffffff;
}

@media screen and (max-width: 1023px) {
  #price_area .flexbox {
    display: block;
  }
  #price_area .info {
    border-bottom: #83b714 1px solid;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
  }
  #price_area .title,
  #price_area .fee {
    width: 100%;
  }
  #price_area .fee {
    text-align: left;
    padding: 0;
  }
}

@media screen and (max-width: 780px) {
  #price_area .title {
    font-size: 20px;
  }
  #price_area .fee {
    font-size: 24px;
  }
  #price_area .tab_box {
    padding: 1.5em;
  }
}

@media screen and (max-width: 599px) {
  #price_area .tab {
    width: 100%;
    font-size: 15px;
    padding: 14px 15px 12px;
  }
  #price_area .title {
    font-size: 115%;
    padding: 5px 0px 10px;
    letter-spacing: 0px;
    line-height: 1.4;
  }
  #price_area .fee {
    font-size: 130%;
  }
  #price_area .tab_box {
    padding: 1em;
    border-radius: 0 0 5px 5px;
  }
}

/*--------------------
【下層】　FAQ　よくある質問
---------------------*/
.toggle_wrap {
  background: #edfcfc;
  width: 98%;
  margin: 0 auto 2em;
  border-radius: 5px;
  padding: 2px;
}
.toggle_wrap p.q {
  font-size: 100%;
  line-height: 1.8;
  padding: 5px 40px 5px 14px;
  /*font-weight: bold;*/
}
.toggle_wrap p.q:before,
.toggle_wrap p.a:before {
  content: "Q";
  font-family: FontAwesome;
  margin-right: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background: #5ea7d0;
  padding: 3px 5px;
  border-radius: 5px;
}
.toggle_wrap p.a:before {
  content: "A";
  background: #83b714;
}
.toggle_contents {
  background: #fff;
}

/* アコーディオン */
.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 5px 0;
}
.toggle_contents p {
  text-align: left;
  padding: 5px 15px;
  line-height: 1.8;
}
.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(../img/arrow_down.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: transform 0.2s;
}
.toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 46%;
}
.toggle_contents {
  display: none;
  /*display: block;*/
  padding: 5px 0 5px;
  background: #fff;
  width: 100%;
  margin: 0;
  border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 590px) {
  .toggle_wrap p.q,
  .toggle_wrap p.a {
    font-size: 90%;
    padding: 1px 20px 1px 10px;
  }
  .toggle_switch::after {
    right: 5px;
  }
}

/*--------------------
【下層】LPデザイン
---------------------*/
section#lp-pickup {
  padding: 0em 0 0em;
}
.lp_page .lp-top img {
  margin: 2em auto 2em;
}
/*共通*/
.lp_page .title_f {
  font-size: 23px;
  color: #fff !important;
  background: #ba8c5e url(../img/bg-9.png) repeat bottom center scroll;
  background: #83b714;
  border-right: #55760e 5px solid;
  border-bottom: #55760e 5px solid;
  padding: 0.8em 1em 0.7em;
  margin-bottom: 1em;
  line-height: 1.4;
  font-weight: normal;
}
.lp_page .title_g {
  font-size: 23px;
  background: url(../img/mark_beginer.png) no-repeat center left scroll;
  background-size: contain;
  border-bottom: none;
  padding: 0 0 0em 25px;
  margin: 10px 0;
  line-height: 1.4;
  font-weight: bold;
}

/*人気の出張型教習*/
.lp_page .pickup {
  width: 49%;
  background: #f9f4eb url(../img/bg-7.png) repeat bottom center scroll;
  padding: 1em;
  margin: 1em auto;
  line-height: 1.6;
  border-radius: 10px;
}

.lp_page .pickup .tag {
  font-size: 15px;
  background: #eb6100;
  color: #fff;
  font-weight: normal;
  line-height: 1;
  padding: 6px 16px;
  margin: 0 10px 0px 0;
  border-radius: 37px;
  display: inline-block;
}
.lp_page .pickup .tag i {
  color: #ebe900;
}
.lp_page .pickup .title {
  font-size: 20px;
  color: #eb6100;
  border-bottom: none;
  padding: 0px;
  margin-bottom: 10px;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
}

/*お客様の声&教習日記*/
.lp_page #lp-blog .box {
  background: #f9f4eb url(../img/bg-6.png) repeat bottom center scroll;
  border: #8e7460 1px solid;
  border-radius: 10px;
  padding: 0.5em;
  margin: 30px auto;
  line-height: 1.8;
  display: block;
}
.lp_page #lp-blog .blog_list .thumnail {
  display: none;
}
.lp_page #lp-blog .blog_list .set {
  width: 100%;
}
.lp_page #lp-blog .title {
  font-size: 100%;
  background: #8e7460;
  color: #fff;
  font-weight: normal;
  line-height: 1.4;
  padding: 0.5em 1em 0.5em;
  margin-bottom: 1em;
  border-radius: 5px;
}
.lp_page #lp-blog .title:before {
  content: "\f277";
  content: "\f207";
  content: "\f234";
  content: "\f132";
  font-family: FontAwesome;
  font-weight: normal;
  padding: 0 0.6em 0 0;
}
.lp_page #lp-voice .btn_more a,
.lp_page #lp-blog .btn_more a {
  letter-spacing: 1px;
  box-shadow: #ccc 3px 3px 3px;
}

/*指導員*/
#lp-staff-area .btn a {
  color: #ffffff;
  background-color: #83b714;
  margin: 0.5em 0;
  padding: 0.5em 2em;
  line-height: 1;
  letter-spacing: 0;
  width: fit-content;
  max-width: 90%;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  clear: both;
  display: inline-block;
  border-radius: 50px;
  /* float: right;*/
}

/*出張型教習所ならではの“納得ポイント”*/
.lp_page #price-point .title_e {
  margin-top: 1em;
}

@media screen and (max-width: 1200px) {
  .blog_list .box {
    width: 100%;
    flex-direction: column;
  }
  .blog_list .thumnail {
    width: 100%;
    padding: 0 10px;
  }
  .blog_list .set {
    width: 100%;
  }
  .blog_list .title {
    padding: 2px 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .tag0 {
    display: block;
    padding: 0;
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px) {
  .lp_page .title_f {
    font-size: 100%;
  }
  .lp_page .title_g {
    font-size: 100%;
    padding: 0 0 0em 32px;
  }
  .lp_page .pickup .tag {
    font-size: 12px;
    padding: 6px 10px;
    margin-bottom: 0px;
    /* display: block;*/
  }
  .lp_page .pickup .title {
    font-size: 100%;
  }
  .voice_list .title {
    font-size: 100%;
  }
}

/*
pagination
*/

.pagination {
  width: min(100%, 600px);
  margin: 60px auto;
}

.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.pagination li {
  width: 8%;
  line-height: 1.5;
}

.pagination li:not(:last-of-type) {
  margin-right: 2%;
}

.pagination li a {
  display: flex;
  font-size: calc(1.4rem * 0.8);
  color: #eb6100;
  border: 1px solid #eb6100;
  width: 100%;
  height: 42px;
  align-items: center;
  justify-content: center;
}

.pagination li.active a {
  background: #eb6100;
  color: #fff;
}