@charset "UTF-8";
/*********************************************************************
* ブレークポイント定義
**********************************************************************/
/*********************************************************************
* メディアクエリー定義
**********************************************************************/
/* ************************************************
 *	共通パーツ
 * ************************************************ */
#content-wrap {
  margin: 55px auto 0;
}
@media print, screen and (min-width: 960px) {
  #content-wrap {
    margin: 0 auto;
  }
}

.section_wrapper {
  padding: 40px 20px 20px 20px;
}
@media print, screen and (min-width: 428px) {
  .section_wrapper {
    padding: 60px 20px 20px 20px;
  }
}
@media print, screen and (min-width: 960px) {
  .section_wrapper {
    padding: 80px 40px 20px 40px;
  }
}
@media print, screen and (min-width: 1280px) {
  .section_wrapper {
    padding: 80px 80px;
  }
}

.section_ttl {
  font-size: 22px;
}
@media print, screen and (min-width: 960px) {
  .section_ttl {
    font-size: 26px;
  }
}

/* ************************************************
 *	page header
 * ************************************************ */
.page_header {
  background-image: url("images/footer-contact.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 2em;
}
@media print, screen and (min-width: 428px) {
  .page_header {
    padding: 10% 0;
  }
}
@media print, screen and (min-width: 960px) {
  .page_header {
    padding: 15% 0 5%;
  }
}
.page_header .page_ttl {
  color: #fff;
  text-align: center;
  font-size: 26px;
  position: relative;
  line-height: 1.5;
  font-weight: 400;
}
@media print, screen and (min-width: 960px) {
  .page_header .page_ttl {
    font-size: 32px;
  }
}
@media print, screen and (min-width: 960px) {
  .page_header .page_ttl {
    font-size: 45px;
  }
}
.page_header .page_ttl::after {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 1px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
.page_header p {
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.8;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .page_header p {
    font-size: 18px;
  }
}

/* ************************************************
 *	order furniture standard furniture
 * ************************************************ */
#order .standard_products_wrapper,
#standard .standard_products_wrapper {
  background-color: #dacebc;
}
#order ul,
#standard ul {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  #order ul,
  #standard ul {
    gap: 60px 40px;
  }
}
#order ul li,
#standard ul li {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  #order ul li,
  #standard ul li {
    width: calc(50% - 20px);
  }
}
@media print, screen and (min-width: 768px) {
  #order ul li,
  #standard ul li {
    width: calc(33.3333% - 26.6666px);
  }
}
#order ul li .thumbnail,
#standard ul li .thumbnail {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
#order ul li .thumbnail img,
#standard ul li .thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  transition: all ease 0.5s;
}
#order ul li .thumbnail img:hover,
#standard ul li .thumbnail img:hover {
  transform: scale(1.1);
}
#order ul li .term,
#standard ul li .term {
  padding: 5px 20px;
  background-color: #2e5c37;
  color: #fff;
  top: 0;
  left: 0;
  font-size: 12px;
  margin-top: 10px;
}
#order ul li h2,
#standard ul li h2 {
  font-weight: 400;
}
#order .products_link,
#standard .products_link {
  gap: 40px 60px;
}
#order .products_link li,
#standard .products_link li {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  #order .products_link li,
  #standard .products_link li {
    width: calc(50% - 30px);
  }
}
@media print, screen and (min-width: 768px) {
  #order .products_link li,
  #standard .products_link li {
    width: calc(33.3333% - 40px);
  }
}
@media print, screen and (min-width: 960px) {
  #order .products_link li,
  #standard .products_link li {
    width: calc(20% - 48px);
  }
}
#order .products_link li .products_link_img,
#standard .products_link li .products_link_img {
  overflow: hidden;
}
#order .products_link li .products_link_img img,
#standard .products_link li .products_link_img img {
  transition: all ease 0.5s;
}
#order .products_link li .products_link_img img:hover,
#standard .products_link li .products_link_img img:hover {
  transform: scale(1.1);
}
#order .products_link li p,
#standard .products_link li p {
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
}
#order .furniture_link,
#standard .furniture_link {
  gap: 0;
}
#order .furniture_link li,
#standard .furniture_link li {
  width: 100%;
  padding: 2em;
}
@media print, screen and (min-width: 960px) {
  #order .furniture_link li,
  #standard .furniture_link li {
    width: 50%;
    padding: 2em;
  }
}
#order .furniture_link li:nth-child(1),
#standard .furniture_link li:nth-child(1) {
  background-color: #dacebc;
}
#order .furniture_link li:nth-child(2),
#standard .furniture_link li:nth-child(2) {
  background-color: #f6f3ee;
}
#order .furniture_link li:nth-child(2) p,
#standard .furniture_link li:nth-child(2) p {
  margin-bottom: 0;
}
@media print, screen and (min-width: 960px) {
  #order .furniture_link li:nth-child(2) p,
  #standard .furniture_link li:nth-child(2) p {
    margin-bottom: 3em;
  }
}
#order .furniture_link li h3,
#standard .furniture_link li h3 {
  color: #2e5c37;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  font-weight: 300;
}
@media print, screen and (min-width: 960px) {
  #order .furniture_link li h3,
  #standard .furniture_link li h3 {
    text-align: start;
  }
}
#order .furniture_link li p,
#standard .furniture_link li p {
  margin-top: 20px;
  text-align: center;
}
@media print, screen and (min-width: 960px) {
  #order .furniture_link li p,
  #standard .furniture_link li p {
    text-align: start;
  }
}
#order .furniture_link li .btn,
#standard .furniture_link li .btn {
  margin-top: 20px;
}

/* ************************************************
 *　About Us
 * ************************************************ */
#about {
  background-color: #fff;
}
#about .page_header {
  background-image: url("images/about-header.jpg");
}
#about .section_wrapper {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 428px) {
  #about .section_wrapper {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 960px) {
  #about .section_wrapper {
    padding-bottom: 80px;
  }
}

@media print, screen and (min-width: 960px) {
  .about_contents {
    flex-wrap: nowrap !important;
  }
}
.about_contents li {
  align-items: center;
}
.about_contents li .about_img {
  width: 100%;
}
@media print, screen and (min-width: 960px) {
  .about_contents li .about_img {
    width: 40%;
    margin-right: 60px;
  }
}
.about_contents li .about_text {
  margin-top: 20px;
  width: 100%;
  line-height: 2;
  font-family: "Shippori Mincho";
}
@media print, screen and (min-width: 960px) {
  .about_contents li .about_text {
    width: unset;
    width: calc(100% - (60px + 40%));
    margin-top: 0;
    line-height: 2.5;
  }
}

.logo_wrapper {
  width: 100%;
  margin: 40px auto 0;
  text-align: center;
}
@media print, screen and (min-width: 960px) {
  .logo_wrapper {
    text-align: start;
    margin: 80px 0 0 0;
  }
}
.logo_wrapper .about_logo {
  width: 220px;
  margin: 0 auto;
}
@media print, screen and (min-width: 960px) {
  .logo_wrapper .about_logo {
    margin: 0;
  }
}
.logo_wrapper p {
  margin-top: 20px;
}
.logo_wrapper p span {
  font-size: 12px;
  font-family: "Shippori Mincho";
}

.mt2em {
  margin-top: 1em;
}
@media print, screen and (min-width: 960px) {
  .mt2em {
    margin-top: 2em;
  }
}

.about_images {
  gap: 40px 0;
  flex-wrap: wrap;
  margin-top: 60px;
}
@media print, screen and (min-width: 428px) {
  .about_images {
    gap: 60px 40px;
  }
}

.image_list {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  .image_list {
    width: calc(50% - 20px);
  }
}
@media print, screen and (min-width: 960px) {
  .image_list {
    width: calc(33.3333% - 26.6666px);
  }
}

/* ************************************************
 *　Show room
 * ************************************************ */
#show_room {
  background-color: #fff;
}
#show_room .section_wrapper {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 428px) {
  #show_room .section_wrapper {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 960px) {
  #show_room .section_wrapper {
    padding: 80px 20px;
  }
}
#show_room .page_header {
  background-image: url("images/about-header.jpg");
}
#show_room h2 {
  font-family: "Shippori Mincho";
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 960px) {
  #show_room h2 {
    font-size: 32px;
  }
}
#show_room .top_text {
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: 14px;
}
@media print, screen and (min-width: 768px) {
  #show_room .top_text {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 960px) {
  #show_room .top_text {
    font-size: 20px;
  }
}
#show_room .top_text span {
  font-size: 16px;
}
@media print, screen and (min-width: 960px) {
  #show_room .top_text span {
    font-size: 18px;
  }
}

.show_room_contents {
  margin-top: 40px;
}
@media print, screen and (min-width: 960px) {
  .show_room_contents {
    flex-wrap: nowrap !important;
    margin-top: 60px;
  }
}
.show_room_contents li {
  align-items: center;
  flex-direction: row-reverse;
}
.show_room_contents li .show_room_img {
  width: 100%;
}
@media print, screen and (min-width: 960px) {
  .show_room_contents li .show_room_img {
    width: 40%;
    margin-left: 80px;
  }
}
.show_room_contents li .show_room_text {
  margin-top: 20px;
  width: 100%;
  line-height: 1.6;
  font-family: "Shippori Mincho";
}
@media print, screen and (min-width: 960px) {
  .show_room_contents li .show_room_text {
    width: unset;
    width: calc(100% - (80px + 40%));
    margin-top: 0;
    line-height: 2.5;
  }
}
.show_room_contents li .show_room_text ul {
  list-style-type: disc;
}
.show_room_contents li .show_room_text ul li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  list-style: inside;
  margin-top: 10px;
}
.show_room_contents li .show_room_text p {
  margin-top: 10px;
}
@media print, screen and (min-width: 960px) {
  .show_room_contents li .show_room_text p {
    margin-top: 20px;
  }
}
.show_room_contents li .show_room_text .btn {
  margin-top: 10px;
  text-align: start !important;
}
.show_room_contents li .show_room_text .caution {
  margin-top: 20px;
}

.information_wrapper {
  line-height: 1.5;
}
.information_wrapper .name {
  font-size: 18px;
}
@media print, screen and (min-width: 960px) {
  .information_wrapper .name {
    font-size: 20px;
  }
}
.information_wrapper .address {
  font-size: 14px;
}
@media print, screen and (min-width: 960px) {
  .information_wrapper .address {
    font-size: 16px;
  }
}
.information_wrapper .tel {
  font-size: 14px;
}
@media print, screen and (min-width: 960px) {
  .information_wrapper .tel {
    font-size: 16px;
  }
}
.information_wrapper .tel a {
  transition: all ease 0.5s;
}
.information_wrapper .tel a:hover {
  color: #2e5c37;
}
.information_wrapper .mail {
  font-size: 14px;
}
@media print, screen and (min-width: 960px) {
  .information_wrapper .mail {
    font-size: 16px;
  }
}

.show_room_images {
  gap: 40px 0;
  flex-wrap: wrap;
  margin-top: 60px;
}
@media print, screen and (min-width: 428px) {
  .show_room_images {
    gap: 60px 40px;
  }
}
.show_room_images .image_list {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  .show_room_images .image_list {
    width: calc(50% - 20px);
  }
}
.show_room_images .about_image img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}

/* ************************************************
 *　About furniture
 * ************************************************ */
#about_furniture p {
  line-height: 2;
}
#about_furniture .en_ttl {
  line-height: 1;
}

.material_contents {
  gap: 40px 0;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media print, screen and (min-width: 428px) {
  .material_contents {
    gap: 40px;
  }
}
.material_contents li {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  .material_contents li {
    width: calc(50% - 20px);
  }
}
@media print, screen and (min-width: 960px) {
  .material_contents li {
    width: calc(33.333% - 26.666px);
  }
}
.material_contents li p {
  margin-top: 10px;
  text-align: center;
}

.furniture_finishing h3,
.furniture_finishing .caution {
  margin-top: 20px;
  font-weight: 400;
}
@media print, screen and (min-width: 428px) {
  .furniture_finishing h3,
  .furniture_finishing .caution {
    margin-top: 40px;
  }
}
.furniture_finishing h3 {
  font-size: 18px;
}
@media print, screen and (min-width: 960px) {
  .furniture_finishing h3 {
    font-size: 20px;
  }
}

.finishing_contents {
  gap: 40px 0;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media print, screen and (min-width: 428px) {
  .finishing_contents {
    gap: 40px;
  }
}
.finishing_contents li {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  .finishing_contents li {
    width: calc(50% - 20px);
  }
}

.method_contents {
  gap: 40px 0;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media print, screen and (min-width: 428px) {
  .method_contents {
    gap: 40px;
  }
}
.method_contents li {
  width: 100%;
}
@media print, screen and (min-width: 428px) {
  .method_contents li {
    width: calc(50% - 20px);
  }
}

.furniture_method p {
  margin-top: 20px;
}

.furniture_caution p {
  margin-top: 20px;
}
.furniture_caution ul {
  margin-top: 20px;
}
.furniture_caution ul li {
  list-style: disc inside;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.furniture_care {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 428px) {
  .furniture_care {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 960px) {
  .furniture_care {
    padding-bottom: 80px;
  }
}
.furniture_care h3 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}
@media print, screen and (min-width: 428px) {
  .furniture_care h3 {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 428px) and (min-width: 960px) {
  .furniture_care h3 {
    font-size: 20px;
  }
}

/* ************************************************
 *　Guide
 * ************************************************ */
#guide {
  background-color: #fff;
}
#guide h3,
#guide span {
  font-family: "Shippori Mincho";
  font-weight: 400;
}
#guide table {
  border-collapse: collapse;
  width: 100%;
}
#guide tr {
  border: 1px solid #333;
}
#guide tr th {
  padding: 1em 0.5em;
  text-align: center;
  border: 1px solid #333;
  background-color: #2e5c37;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
@media print, screen and (min-width: 960px) {
  #guide tr th {
    padding: 1em 2em;
    font-size: 16px;
  }
}
#guide tr td {
  padding: 1em 0.5em;
  text-align: center;
  border: 1px solid #333;
  font-size: 14px;
}
@media print, screen and (min-width: 960px) {
  #guide tr td {
    padding: 1em 2em;
    font-size: 16px;
  }
}

.turuoka th {
  width: 70%;
  font-size: 16px;
  padding: 1em 0.5em;
  text-align: center;
  background-color: #fff !important;
  color: #333 !important;
}
@media print, screen and (min-width: 960px) {
  .turuoka th {
    padding: 1em 2em;
  }
}
.turuoka td {
  width: 30%;
  font-size: 16px;
  padding: 1em 0.5em;
  text-align: center;
}
@media print, screen and (min-width: 960px) {
  .turuoka td {
    padding: 1em 2em;
  }
}

.east {
  margin-top: 20px;
}
@media print, screen and (min-width: 428px) {
  .east {
    margin-top: 40px;
  }
}
.east tr,
.east td {
  width: 25%;
}

.west {
  margin-top: 20px;
}
@media print, screen and (min-width: 428px) {
  .west {
    margin-top: 40px;
  }
}
.west tr,
.west td {
  width: 33.333%;
}

.guide_about p {
  font-size: 14px;
  font-family: "Shippori Mincho";
}
@media print, screen and (min-width: 960px) {
  .guide_about p {
    font-size: 18px;
  }
}
.guide_about .mt20 {
  margin-top: 20px;
}

.guide_flow {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 428px) {
  .guide_flow {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 960px) {
  .guide_flow {
    padding-bottom: 80px;
  }
}

.standard_flow .flow_contents {
  margin-top: 20px;
}
.standard_flow .flow_contents li {
  list-style: decimal inside;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 10px;
}
.standard_flow p {
  margin-top: 20px;
}
@media print, screen and (min-width: 428px) {
  .standard_flow p {
    margin-top: 40px;
  }
}

.order_flow {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .order_flow {
    margin-top: 60px;
  }
}
.order_flow .flow_contents {
  margin-top: 20px;
}
.order_flow .flow_contents li {
  list-style: decimal inside;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 10px;
}
.order_flow p {
  margin-top: 20px;
}
@media print, screen and (min-width: 428px) {
  .order_flow p {
    margin-top: 40px;
  }
}

.about_standard {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .about_standard {
    margin-top: 60px;
  }
}
.about_standard p {
  margin-top: 20px;
}
.about_standard .btn {
  margin-top: 20px;
  margin-bottom: 40px;
}

.about_pay {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .about_pay {
    margin-top: 60px;
  }
}
.about_pay .flow_contents {
  margin-top: 20px;
}
.about_pay .flow_contents li {
  list-style: disc inside;
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-top: 10px;
}
.about_pay p {
  margin-top: 20px;
}
.about_pay h4 {
  margin-top: 40px;
}

.about_delivery {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .about_delivery {
    margin-top: 60px;
  }
}
.about_delivery .btn {
  margin-top: 20px;
  margin-bottom: 40px;
}
.about_delivery p {
  margin-top: 20px;
}

.about_cancel {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .about_cancel {
    margin-top: 60px;
  }
}
.about_cancel p {
  margin-top: 20px;
}

.about_contact {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .about_contact {
    margin-top: 60px;
  }
}
.about_contact .btn {
  margin-top: 20px;
  margin-bottom: 20px;
}
.about_contact .tel,
.about_contact .phone {
  transition: all ease 0.5s;
  font-size: 16px;
  display: block;
}
@media print, screen and (min-width: 960px) {
  .about_contact .tel,
  .about_contact .phone {
    font-size: 18px;
  }
}
.about_contact .tel:hover,
.about_contact .phone:hover {
  color: #2e5c37;
}
.about_contact .tel span,
.about_contact .phone span {
  font-size: 16px;
  margin-right: 0.5em;
}
@media print, screen and (min-width: 960px) {
  .about_contact .tel span,
  .about_contact .phone span {
    font-size: 18px;
  }
}
.about_contact p {
  margin-top: 20px;
}

.about_syounai {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .about_syounai {
    margin-top: 60px;
  }
}
.about_syounai p {
  margin-top: 20px;
}

/* ************************************************
 *　FAQ
 * ************************************************ */
#faq .section_wrapper {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 428px) {
  #faq .section_wrapper {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 960px) {
  #faq .section_wrapper {
    padding-bottom: 80px;
  }
}

.faq-accordion {
  max-width: 1200px;
  margin: 0 auto;
  font-family: "Shippori Mincho";
}

.panel {
  border: 1px solid #2e5c37;
  margin-bottom: 10px;
}

.q {
  margin-right: 20px;
  color: #2e5c37;
}

.panel-header {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  font-family: "Shippori Mincho";
  border: none;
  cursor: pointer;
  font-size: 16px;
  text-align: left;
}

.panel-header:hover {
  background: #fff;
}

.icon {
  font-size: 20px;
  transition: transform 0.5s;
  margin-left: auto;
  padding-left: 15px;
  color: #2e5c37;
}

.panel-header.active .icon {
  transform: rotate(45deg);
}

.panel-content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-out;
}

.panel-body {
  padding: 20px;
  border-top: 1px solid #2e5c37;
}

/* ************************************************
 *	Trusty Wood Works
 * ************************************************ */
.top_trusty {
  background-color: #dacebc;
}

.top_trusty_contents {
  row-gap: 40px;
}
.top_trusty_contents li {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media print, screen and (min-width: 428px) {
  .top_trusty_contents li {
    width: 80%;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 600px) {
  .top_trusty_contents li {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
}
@media print, screen and (min-width: 960px) {
  .top_trusty_contents li {
    width: calc(25% - 22.5px);
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 600px) {
  .top_trusty_contents li:nth-child(2n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 960px) {
  .top_trusty_contents li:nth-child(2n) {
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 960px) {
  .top_trusty_contents li:nth-child(4n) {
    margin-right: 0;
  }
}
.top_trusty_contents li .top_trusty_img {
  overflow: hidden;
  aspect-ratio: 1/1;
}
.top_trusty_contents li .top_trusty_img img {
  transition: all ease 0.5s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_trusty_contents li .top_trusty_img img:hover {
  transform: scale(1.1);
}
.top_trusty_contents li h3 .en_ttl {
  font-size: 26px;
  font-weight: 400;
  margin-top: 20px;
  line-height: 1;
  margin-bottom: 5px;
  font-family: "Arsenal";
}
@media print, screen and (min-width: 960px) {
  .top_trusty_contents li h3 .en_ttl {
    font-size: 40px;
  }
}
.top_trusty_contents li h3 .ja_ttl {
  font-size: 12px;
  margin-top: 0;
  font-weight: normal;
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Helvetica Neue", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Arial, Meiryo, sans-serif;
}
@media print, screen and (min-width: 960px) {
  .top_trusty_contents li h3 .ja_ttl {
    font-size: 14px;
  }
}
.top_trusty_contents li p {
  font-size: 14px;
  margin-top: 20px;
  font-family: "Shippori Mincho", "Noto Sans JP", serif;
  flex-grow: 1;
  margin-bottom: 20px;
}
.top_trusty_contents li .btn {
  margin-top: auto;
}

@media print, screen and (min-width: 600px) {
  .top_trusty_contents {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .top_trusty_contents li {
    height: auto;
    align-self: stretch;
  }
}
/* ************************************************
 *	プライバシーポリシー
 * ************************************************ */
#policy {
  background-color: #fff;
}
#policy .section_wrapper {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 428px) {
  #policy .section_wrapper {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 960px) {
  #policy .section_wrapper {
    padding-bottom: 80px;
  }
}
#policy h2 {
  margin-top: 40px;
  font-weight: 400;
}
#policy .policy_text {
  margin-top: 20px;
}
#policy .mt {
  margin-top: 20px;
}
#policy ul.policy_list {
  margin-top: 20px;
  margin-left: 0.8em;
}
#policy ul.policy_list li {
  list-style: inside;
  margin-left: 1em;
  text-indent: -1.5em;
}
#policy ol.policy_list {
  margin-top: 20px;
  margin-left: 0.8em;
}
#policy ol.policy_list li {
  margin-left: 1em;
  text-indent: -1.1em;
  list-style: decimal inside;
}
#policy .policy_end {
  margin-top: 60px;
}
@media print, screen and (min-width: 768px) {
  #policy .policy_end {
    margin-top: 80px;
  }
}

/* ************************************************
 *	ページネーション
 * ************************************************ */
.pagination-area {
  font-size: 14px;
  padding-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .pagination-area {
    font-size: 16px;
  }
}
.pagination-area .pagination {
  display: flex;
  justify-content: center;
}

.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  color: #00008c;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #2e5c37;
  border-radius: 50%;
  margin: 0 5px;
}
@media print, screen and (min-width: 768px) {
  .pagination a {
    width: 32px;
    height: 32px;
  }
}
@media print, screen and (min-width: 960px) {
  .pagination a:hover {
    opacity: 0.6;
  }
}

.pagination a.prev,
.pagination a.next {
  padding: 7px 15px;
}
@media print, screen and (min-width: 768px) {
  .pagination a.prev,
  .pagination a.next {
    padding: 10px 15px;
  }
}

.pagination a.prev {
  margin-right: 10px;
}
@media print, screen and (min-width: 768px) {
  .pagination a.prev {
    margin-right: 20px;
  }
}

.pagination a.next {
  margin-left: 10px;
}
@media print, screen and (min-width: 768px) {
  .pagination a.next {
    margin-left: 20px;
  }
}

.nav-links {
  display: flex;
  justify-content: center;
}

.pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
}
@media print, screen and (min-width: 768px) {
  .pagination span {
    width: 32px;
    height: 32px;
  }
}

.pagination span.current {
  background-color: #2e5c37;
  color: #fff;
  font-weight: 400;
  margin: 0 5px;
}

h2.screen-reader-text {
  display: none;
}/*# sourceMappingURL=page.css.map */