/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
{
  % include "hubspot/styles/responsive/modules.css"%
}

  {
  % include "hubspot/styles/patches/recommended.css"%
}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@charset "utf-8";

.pc_none {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc_none {
    display: block;
  }
}

#hs_cos_wrapper_module_1585548803167165 {
  border-top: 2px solid #000;
}

.modified_title {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 9px;
}

.modified_title span {
  font-size: 16px;
}

.light_black {
  color: #333333;
}

.small_text {
  font-size: 10px;
  color: #666666;
}

.title_20 {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0 5px;
  line-height: 1.25;
}

.title_20_s {
  font-weight: bold;
  font-size: 20px;
  margin: 10px auto 5px;
  padding: 0 15px;
}

.title_h3 {
  width: 100%;
}

.title_16 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}

.font10 {
  font-size: 10px;
}

.font9 {
  font-size: 9px;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font16_underline {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #000;
  padding-bottom: 15px
}

.button1 {
  border: 1px solid #e6e6e6;
  padding: 13px 0;
  text-align: center;
  position: relative;
  border-radius: 5px;
  background: #fff;
}

.button1 span::after {
  content: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/r_arr2.png);
  transform: scale(.5);
  position: absolute;
  right: 10px;
  top: 11px;
}

.button2 {
  text-align: center;
  position: relative;
  background: #8c6267;
  border-radius: 5px;
}

.button2 a {
  padding: 14px 0;
  display: flex;
  justify-content: center;
}

.button2 span {
  color: #fff;
}

.button2 span::after {
  content: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/wr_arr2.png);
  transform: scale(.5);
  position: absolute;
  right: 10px;
  top: 14px;
}

.bannerPSD {
  border-top: 2px solid black;
}

/* .banner1 {
  background-image: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/MV_sp.png);
  padding: 116.5px 15px 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
} */

.banner1>p,
.banner1>h1 {
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  margin-bottom: 110px;
  font-weight: normal;
}

.banner1>p span,
.banner1>h1 span {
  font-size: 44px;
}

.banner2 {
  background-image: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/banner_sp2.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 2px solid black;
}

.banner2 p,
.banner2 h1 {
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  padding: 69px 90px;
  font-size: 32px;
  color: #ffffff;
}

/* .form_banner {
  border-top: 2px solid #000;
} */

.form_banner p {
  padding: 30px;
}

.form_banner>p span,
.form_banner>h1 {
  font-size: 2rem;
  /* display: flex; */
  justify-content: center;
  padding: 20px 0;
  text-align: center;
}

#nowform h1 span {
  font-size: 24px;
}

#nowform h1 span.color {
  color: #A72F41;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  /* .form_banner > p span,
  .form_banner > h1 {
    font-size: 28px;
  } */

  .banner2 p,
  .banner2 h1 {
    font-size: 28px;
  }
}

.redflag_group {
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 2px solid black;
  height: auto;
  background: #fff;
  padding: 30px 15px 0;
  position: relative;
}

.redflag_group:first-child {
  margin-bottom: 20px;
}

.redflag_group::before {
  content: " ";
  background-image: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/flag.png);
  height: 65px;
  width: calc(100% - 10px);
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  top: -5px;
  left: 10px;
}

.redflag_group-title {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.redflag_group>p span {
  font-size: 20px;
}

.grayboxes {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  justify-content: space-between;
  text-align: center;
}

.grayboxes li {
  background: #555555;
  width: 31%;
  padding: 8px 0 2px;
  border-radius: 5px;
  border-bottom: 4px solid black;
}

.grayboxes li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

.grayboxes li p {
  font-size: 23px;
}

.grayboxes li p span {
  font-size: 14px;
  display: block;
}

.grayboxes li:nth-child(1) div {
  width: 33px;
  height: 17px;
  /*   height: 100%; */
}

.grayboxes li:nth-child(2) div {
  width: 21px;
  height: 14px;
  /*   height: 100%; */
}

.grayboxes li:nth-child(3) div {
  width: 21px;
  height: 20px;
  margin-bottom: -5px;
}

.section_purchase {
  padding: 50px 15px 41px;
}

@media screen and (max-width:768px){
  .section_purchase{
    padding: 20px 15px 0;
  }
}

.purchase_price .redflag_group-title {
  margin-bottom: 15px;
}

#body>div.version2.page11>div:nth-child(3)>ul>li:nth-child(2)>div>img {
  height: 250px;
}

/* --------------modal------------------ */
.modal1 {
  padding: 46px 15px 30px;
  background: #fff;
}

.modal1 .modified_title {
  padding: 25px 0 13px;
  border-top: 1px solid #eeeeee;
}

.modal1 ul {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
}

.modal1 .selection li {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  width: 48.2%;
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.modal1 .selection li a {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal1 .buttons li {
  width: 100%;
  text-align: center;
  border-radius: 5px;
}

.modal1 .buttons li:nth-child(1) {
  background: #eeeeee;
  margin-bottom: 12px;
}

.modal1 .buttons li:nth-child(1) a {
  color: #cccccc;
}

.modal1 .buttons li:nth-child(2) {
  background: #8c6267;
}

.modal1 .buttons li:nth-child(2) a {
  color: #ffffff;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding: 75px 0 40px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 92%;
  position: relative;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  position: absolute;
  right: 15px;
  top: 16px;
}

.close img {
  width: 16px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

ul li a:hover {
  cursor: pointer;
}


.whitebox_selection {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.whitebox_selection li {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  width: 48.2%;
  margin-bottom: 10px;
  text-align: center;
}

.whitebox_selection li a {
  min-height: 40px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whitebox_selection.arrow_down li a {
  padding: 15px 11px;
  justify-content: start;
  background: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/down-arrow-1.png) no-repeat;
  background-size: 10px;
  background-position: calc(100% - 11px) center;
}

.version2 .flex-container {
  padding: 0 15px 30px;
  background: #eeeeee;
}

.version2 .redflag_group:first-child {
  position: relative;
  margin-bottom: 8px;
}

.brand_quotation_section .image_container {
  display: flex;
  justify-content: center;
}

.jewel_notice .black_bg {
  padding: 49px 15px 105px;
  background-position: center;
  color: #fff;
  background-color: black;
  background: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%20506.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.jewel_notice ul.images {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px;
  position: relative;
  top: -90px;
  margin-bottom: -90px;
}

.jewel_notice ul.images li {
  border: 1px solid #e6e6e6;
  padding: 8px 8px 20px;
  background: #fff;
  margin-bottom: 20px;
}

.jewel_notice ul.images li p {
  padding-left: 8px;
}

.jewel_notice ul.images li p span {
  font-weight: bold;
  display: block;
  padding: 13px 0 15px;
}

.green_button {
  background: #7cc236;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  border-bottom: 4px solid #5e9428;
}

.view_model_button {
  background: #8c6267;
}

.green_button a,
.view_model_button a {
  color: #fff;
}

.disc_list {
  border: 1px solid #eeeeee;
  padding: 20px;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.disc_list li {
  list-style: disc;
  position: relative;
  right: -14px;
}

.asterisk_list {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.asterisk_list li {
  position: relative;
  margin-left: 15px;
  width: 100%;
}

.asterisk_list li:before {
  content: '※';
  position: absolute;
  left: -14px;
}

.section_sale-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.section_sale-list>li {
  width: 48.2%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
}

.section_sale-image {
  display: flex;
  justify-content: center;
  background: #fff;
  align-items: center;
}

.section_sale-image img {
  height: 43vw;
  object-fit: contain;
  width: auto;
}

.section_sale-text {
  background: #f8f8f8;
  padding: 15px 10px;
}

.section_sale-text .red_text {
  font-size: 20px;
}

.section_sale-text .text_right {
  margin-bottom: 12px;
}

input[type=button]:hover {
  cursor: pointer;
}

#myModal_view1 .buttons {
  display: flex;
  justify-content: center;
}

#myModal_view1 .buttons input[type=button]:nth-child(1) {
  margin-right: 30px;
}

#myModal_view1 .buttons input {
  background: #8c6267;
  padding: 11px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 29%;
  border-radius: 5%;
  font-size: 16px;
}

#myModal_view1 .buttons input[type=button] {
  border: none;
  border-radius: 5px;
}

#myModal_view1 .buttons input[type=button]:disabled {
  background: #eeeeee;
  color: #cccccc;
  border: 1px solid #eeeeee;
}

.page11>.section {
  padding: 0 15px;
}

.page11>.section:nth-child(2) {
  padding: 50px 15px;
}

.page11>.section:nth-child(3),
.page11>.section:nth-child(4) {
  margin-bottom: 50px;
}

.page11>.section:nth-child(3)>ul,
.page11>.section:nth-child(4)>ul {
  margin: 30px 0 0;
}

.page11>.section:nth-child(3)>ul li,
.page11>.section:nth-child(4)>ul li {
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  padding: 15px 15px 20px;

}

.page11>.section:nth-child(3)>ul .font14,
.page11>.section:nth-child(4)>ul .font14 {
  font-weight: bold;
  padding: 20px 0 15px;
}

.page12 .section:nth-child(2) {
  padding: 50px 15px;
}

.page12 .section:nth-child(2) p:nth-child(2) {
  margin-bottom: 20px;
}

.page12 .section:nth-child(2) div:nth-child(3) {
  margin-bottom: 10px;
}

.page12 .section:nth-child(2) div a {
  padding: 10px 0;
}

.page13 .banner2 p,
.page13 .banner2 h1 {
  padding: 69px 59px;
}

/* .contact_list_popup {
background: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/bg_popup-contact.png);
margin: 7px 0 0;
padding: 20px 15px;
background-repeat: no-repeat;
background-size: cover;
background-position: 39%;
} */

.contact_list_popup {
  display: none;
  background: #917d6f;
  padding: 20px 15px;
  position: relative;
  flex-direction: column;
}

.contact_list_popup:before {
  content: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/brownsugar.png);
  position: absolute;
  top: -16px;
  /*   width: calc(50% - 21px);
  transform: scale(0.5); */
}

.contact_list_popup>div {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.contact_list_popup>div>span {
  color: #fff;
}

.contact_list_popup>div>div {
  background: #fff;
  border-radius: 5px;
  border-bottom: 3px solid #dddddd;
  margin: 10px 0 0;
}

.contact_list_popup>div>div a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
}

.contact_list_popup .contact_list_popup-address {
  margin: 20px 0 0;
}

.contact_list_popup .contact_list_popup-address a {
  padding: 8px 17px;
}

.red_border_notice {
  display:none;
}

.red_border_notice {
  border: 8px solid #e4c7cb;
}

.red_border_notice_v2 {
  border: 8px solid #e4c7cb;
}

.red_border_notice .red {
  font-size: 14px;
  color: #952130;
  font-weight: bold;
  padding: 0 0 0 25px;
  margin: 0 0 10px;
  position: relative;
}

.red_border_notice_v2 .red {
  font-size: 14px;
  color: #952130;
  font-weight: bold;
  padding: 0 0 0 25px;
  margin: 0 0 10px;
  position: relative;
}

.red_border_notice .red:before {
  content: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016.png);
  position: absolute;
  transform: scale(0.65);
  left: -15px;
  top: -2px;
}

.red_border_notice_v2 .red:before {
  content: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016.png);
  position: absolute;
  transform: scale(0.65);
  left: -15px;
  top: -2px;
}

.red_border_notice p.gray {
  position: relative;
}

.red_border_notice_v2 p.gray {
  position: relative;
}

.red_border_notice .gray:before {
  content: "※";
  position: absolute;
  left: -10px;
}

.red_border_notice_v2 .gray:before {
  content: "※";
  position: absolute;
  left: -10px;
}

.red_border_notice p.gray a:hover {
  cursor: pointer;
}

.red_border_notice_v2 p.gray a:hover {
  cursor: pointer;
}

.red_border_notice p.gray a {
  border-bottom: 1px solid #000;
}

.red_border_notice_v2 p.gray a {
  border-bottom: 1px solid #000;
}

.page17 .title_20_s {
  margin: 30px 0 20px;
  line-height: 1;
}

.page17 .page_text_info {
  line-height: 1;
  padding: 0 15px 30px;
}

.page17 .page_text_info .red_number {
  font-weight: bold;
  font-size: 16px;
  color: #c50000;
}

.chart_buttons {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}

.chart_buttons li:hover {
  cursor: pointer;
}

.chart_buttons li {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 40px;
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chart_buttons li.active {
  background: #b8a3a6;
  color: #fff;
  font-weight: bold;
}

/* ::placeholder {
  color: #000;
} */

.page7 {
  margin: 0 0 30px;
}

.menu-list__input-area input:-webkit-autofill,
.menu-list__input-area input:-webkit-autofill:hover,
.menu-list__input-area input:-webkit-autofill:focus,
.menu-list__input-area input:-webkit-autofill:active,
.menu-list__input-area input:-webkit-autofill:valid,
.menu-list__input-area select:-webkit-autofill,
.menu-list__input-area select:-webkit-autofill:hover,
.menu-list__input-area select:-webkit-autofill:focus {
  -webkit-transition-delay: 99999s;
  /*     -webkit-box-shadow: 0 0 0 30px white inset !important; */
}

.swiper-container .text_right.red_text {
  color: #c50000;
}

/* チャート X軸のスタイル */
g.x_axis path {
  stroke-width: 1px;
}

/* チャート Y軸のスタイル */
g.y_axis path {
  stroke-width: 0px;
}

/* チャート 罫線スタイル */
g.x_axis line,
g.y_axis line {
  stroke: lightgray;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

/* チャート 凡例 */
.legendOrdinal {
  font-size: 10px;
}

/* チャート 線のスタイル（データがある時） */
.segments-line {
  fill: none;
  stroke-width: 1.5;
}

/* チャート 線のスタイル（データがない時） */
.gap-line {
  fill: none;
  stroke-width: 1.5;
  opacity: 0.6;
  stroke-dasharray: 3, 3;
}

/* pc */
@media screen and (min-width: 1140px) {
  .sp_only {
    display: none;
  }

  .banner2 {
    background-image: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/banner_pc2.png);
  }

  .main_container_pc {
    width: 1140px;
    margin: 0 auto;
  }


  .close img {
    width: 21px;
  }

  .redflag_group {
    width: 1140px;
    margin: 0 auto;
  }

  .page2 .redflag_group {
    padding: 30px 15px 20px;
  }

  .page2 .redflag_group-title,
  .page9 .redflag_group-title,
  .page10 .redflag_group-title,
  .page14 .redflag_group-title,
  .page7 .redflag_group-title {
    font-size: 32px;
    padding: 0;
  }

  .redflag_group-title {
    padding-top: 40px;
    font-size: 40px;
  }

  .redflag_group>p span {
    font-size: 32px;
  }

  .modified_title {
    font-size: 20px
  }

  .modified_title span {
    font-size: 28px
  }

  .whitebox_selection {
    justify-content: flex-start;
  }

  .search_cat_2 .whitebox_selection li {
    width: 23.5%;
    margin: 6px;
  }

/*   .banner1 {
    background-image: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/KV.png);
  } */

  .banner1>p,
  .banner1>h1 {
    font-size: 32px;
  }

  .banner1>p span,
  .banner1>h1 span {
    font-size: 80px;
  }

  .flex-container.first {
    display: flex;
    width: 1140px;
    margin: 0 auto;
    justify-content: space-between;
  }

  .flex-container.first>div {
    width: 49%;
    margin: 0;
    padding: 0;
  }

  .flex-container.first .purchase_price {
    height: min-content;
  }

  .flex-container.first .contact_info .redflag_group div:nth-child(2) {
    padding: 40px 30px 0;
  }

  .flex-container.first .contact_list {
    margin: 0;
    padding: 30px 0 0;
  }


  .grayboxes {
    padding: 20px 30px;
  }

  .grayboxes li {
    width: 31.9%;
    padding: 13.5px 0;
  }

  .grayboxes li p {
    font-size: 34px;
  }

  .grayboxes li p span {
    font-size: 20px;
  }

  .grayboxes li:nth-child(1) div {
    width: 54px;
    height: 100%;
  }

  .grayboxes li:nth-child(2) div {
    width: 38px;
    height: 100%;
  }

  .grayboxes li:nth-child(3) div {
    width: 36px;
    height: 16px;
    margin-bottom: 16px;
  }

  .section_purchase p.title20 {
    font-size: 32px;
  }

  .button1 {
    width: 272px;
    margin: 30px auto 60px;
  }

  .button1.slider_button {
    margin: 30px auto;
  }

  .title_20 {
    width: 1140px;
    /* margin: 5px auto 5px; */
  }

  .title_20_s {
    width: 1140px;
    margin: 0 auto 30px;
    font-size: 32px;
    padding: 0;
  }

  .title_16 {
    width: 1140px;
    font-size: 24px;
    margin: 0 auto 20px;
  }

  .redflag_group::before {
    height: 90px;
    width: 100%;
    top: -8px;
  }

  .version2 .flex-container {
    padding: 0 0 40px;
  }

  .brand_quotation_section, .section_sale_jewel {
    padding: 60px 0;
    width: 1140px;
    margin: 0 auto;
  }

  #assessment-point,#other_brand,#assessor_strongs{
    width: 1140px;
    margin: 0 auto;
  }

  .form_banner p {
    width: 1140px;
    margin: 0 auto;
  }

  .form_banner>span {
    font-size: 40px;
  }

  .jewel_notice .title_20~p {
    width: 1140px;
    margin: 0 auto 30px;
  }

  .jewel_notice ul.images {
    flex-direction: row;
    width: 1140px;
    margin: 0 auto;
  }

  .jewel_notice ul.images li p span {
    font-size: 14px;
  }

  .jewel_notice ul.images li {
    width: 23.9%;
    margin: 0;
    padding: 20px 17px;
  }

  .jewel_notice ul.images li:nth-child(2) {
    margin: 0 20px;
  }

  .disc_list {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
  }

  .disc_list li {
    width: 50%;
  }

  .section_sale {
    width: 1140px;
    margin: 0 auto 60px;
  }

  .section_sale-list>li {
    width: 23.7%;
    margin: 0 14px 0 0;
  }

  .section_sale-list>li:nth-child(4) {
    margin: 0 0 10px;
  }

  .section_sale-image img {
    object-fit: cover;
    height: 270px;
    width: auto;
  }

  .section_sale-text .red_text {
    font-size: 32px;
  }

  .section_sale-text .two.font10 {
    font-size: 14px;
  }

  .jewel_notice .black_bg {
    padding: 49px 15px 105px;
    background-position: center;
    color: #fff;
    background-color: black;
    background: url(https://6706445.fs1.hubspotusercontent-na1.net/hubfs/6706445/images/%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%20506_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .jewel_notice ul.images {
    padding: 0;
  }

  .button2 span::after {
    top: 18px;
  }

  .brand_quotation_chart {
    width: 1140px;
    margin: 0 auto;
  }

  .brand_quotation_chart_2 {
    width: 1140px;
    margin: 0 auto 30px;
  }

  .page11>.section,
  .widget-type-widget_container.section {
    padding: 0;
    width: 1140px;
    margin: 0 auto;
  }

  .page11>.section:nth-child(2),
  .widget-type-widget_container.section {
    padding: 0;
    margin: 60px auto;
  }

  .widget-type-widget_container.section {
    float: none;
  }

  .page11>.section:nth-child(3)>ul,
  .page11>.section:nth-child(4)>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .page11>.section:nth-child(3)>ul li,
  .page11>.section:nth-child(4)>ul li {
    width: 31%;
    padding: 20px;
  }

  .page11>.section:nth-child(4)>ul li:nth-child(1) .button2 {
    margin-top: 20px;
  }

  .page11>.section:nth-child(4)>ul li:nth-child(2) .button2 {
    margin-top: 140px;
  }

  .page11>.section:nth-child(4)>ul li:nth-child(3) .button2 {
    margin-top: 92px;
  }

  .page11>.section:nth-child(3)>ul .font14,
  .page11>.section:nth-child(4)>ul .font14 {
    font-size: 16px;
  }

  .page11>.section:nth-child(4)>ul .font14 {
    padding: 10px 0;
  }

  .page11>.section:nth-child(3)>ul .font14~p,
  .page11>.section:nth-child(4)>ul .font14~p {
    font-size: 14px;
  }

  .whitebox_selection li a {
    padding: 13px 12px;
  }

  .page12 .section:nth-child(2) {
    width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    padding: 50px 0;
  }

  .page12 .section:nth-child(2) p:nth-child(2) {
    margin-bottom: 30px;
    width: 100%;
  }

  .page12 .section:nth-child(2) .button2 {
    width: 314px;
  }

  .page12 .section:nth-child(2) .button2>a {
    padding: 13px 0;
  }

  .page12 .section:nth-child(2) div:nth-child(3) {
    margin-bottom: 10px;
    margin: 0 30px 0 0;
  }

  /*  modal content  */
  .modal-content {
    width: 71%;
  }

  .contact_list_popup {
    padding: 30px;
  }

  #contact_list_popup1:before {
    left: calc(50% - 191px);
    transform: scale(1);
  }

  #contact_list_popup2:before {
    left: calc(50% - 20px);
    transform: scale(1);
  }

  #contact_list_popup3:before {
    left: calc(50% - -149px);
    transform: scale(1);
  }

  .contact_list_popup>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .contact_list_popup>div>span {
    font-size: 18px;
  }

  .contact_list_popup>div.contact_list_popup-number>div {
    font-size: 28px;
    margin: 0;
    background: none;
    border: none;
    width: 76%;
    display: flex;
    justify-content: flex-start;
  }

  .contact_list_popup>div.contact_list_popup-number>div a {
    color: #fff;
    padding: 0;
  }

  .contact_list_popup>div>div {
    width: 76%;
  }

  .red_border_notice .red:before {
    transform: scale(0.75);
    top: 1px;
  }
  
    .red_border_notice_v2 .red:before {
    transform: scale(0.75);
    top: 1px;
  }

  .red_border_notice {
    padding: 24px 45px;
  }
  
    .red_border_notice_v2 {
    padding: 24px 45px;
  }

  .red_border_notice .red {
    font-size: 20px;
  }
  
    .red_border_notice_v2 .red {
    font-size: 20px;
  }

  .red_border_notice p.gray {
    font-size: 14px;
  }
  
    .red_border_notice_v2 p.gray {
    font-size: 14px;
  }

  .modal1 {
    padding: 46px 40px 30px;
  }

  .button2.anchor_button span::after {
    content: "\2193";
    transform: scale(0.75);
    top: 14px;
  }

  .page17 .title_20_s {
    margin: 60px auto 30px;
  }

  .page17 .page_text_info {
    width: 1140px;
    margin: 0 auto 20px;
    padding: 0;
  }

  .page17 .page_text_info .red_number {
    font-size: 24px;
  }

  #hs_cos_wrapper_module_158803966920661 {
    background: #fff;
    width: 1140px;
    margin: 0 auto;
  }

  /* チャート描画エリア */
  #chart_wrapper {
    width: 1140px;
    /* min-height: 360px; */
    margin: 0 auto;
  }

  .chance_section #chart_wrapper {
    width: auto;
  }

  #chart_wrapper span{
    display: block;
  }

  .chart_buttons {
    width: 37.4%;
    margin: 0 auto 40px;
  }

  .chart_buttons li {
    min-height: 54px;
    width: 48%;
  }

  ::placeholder {
    font-size: 16px;
  }

  .error-message {
    color: #c50000;
    padding: 12px 0 0 279px;
  }
}

@media (min-width: 1280px) {
  .row-fluid [class*="span"].widget-type-widget_container.section:first-child {
    margin-right: auto;
    margin-left: auto;
  }
}

/* mobile */
@media screen and (max-width: 1139px) {
  .pc_only {
    display: none;
  }

  .banner2 p,
  .banner2 h1 {
    padding: 25px 0;
  }

  .modal1 .selection li a {
    padding: 16px 12px;
  }

  .onsale_center {
    display: flex;
    justify-content: center;
  }

  .section_sale_jewel {
    padding: 50px 15px 41px;
  }

  .brand_quotation_section {
    padding: 50px 15px 0;
  }

  .section_sale {
    padding: 0;
    /* margin-bottom: 50px; */
  }

  #myModal_view1 .buttons {
    flex-direction: column;
  }

  #myModal_view1 .buttons input[type=button]:nth-child(1) {
    margin: 0 0 12px;
  }

  #myModal_view1 .buttons input {
    width: 100%;
    border-radius: 5%;
    font-size: 12px;
    padding: 9px 0;
    margin: 0;
    min-height: 42.8px;
  }

  .page2 .whitebox_selection.plain li {
    display: flex;
    justify-content: center;
  }

  .page2 .whitebox_selection.plain>li:nth-child(1) a {
    padding: 8px 38px;
  }

  .page11>.section:nth-child(4)>ul li .button2 {
    margin-top: 20px;
  }

  .section_sale-list {
    margin: 0 0 10px;
  }

  #contact_list_popup1:before {
    width: calc(50% - 21px);
    transform: scale(0.5);
  }

  #contact_list_popup2:before {
    left: calc(50% - 21px);
    width: auto;
    transform: scale(0.5);
  }

  #contact_list_popup3:before {
    left: calc(50% - -90px);
    transform: scale(0.5);
  }

  .red_border_notice {
    line-height: 1.25;
    padding: 15px 20px 15px 25px;
    margin: 30px 0 0;
  }
  
    .red_border_notice_v2 {
    line-height: 1.25;
    padding: 15px 20px 15px 25px;
    margin: 30px 0 0;
  }

  .red_border_notice .gray {
    font-size: 10px;
  }
  
    .red_border_notice_v2 .gray {
    font-size: 10px;
  }

  .button2.anchor_button span::after {
    content: "\2193";
    transform: scale(0.75);
    top: 11px;
  }

  .section_sale-list>li {
    margin: 0 5px 10px 0;
  }

  .modal1 .selection li {
    margin: 0 5px 10px 0;
  }

  .error-message {
    color: #c50000;
    padding: 12px 0 0 11px;
  }

  /* チャート描画エリア */
  #chart_wrapper {
    margin: 0 auto;
    box-sizing: border-box;
  }

  .brand_quotation_chart_2 {
    margin: 15px;
  }
}

/* breadcrumbs */
.breadcrumbs {
  margin: 0 auto;
  width: 1140px;
}

@media screen and (max-width: 1139px) {
  .breadcrumbs {
    width: 100%;
    padding: 0 15px;
  }
}

.breadcrumbs li,
.breadcrumbs li a {
  font-size: 12px;
  display: inline-block;
}

.breadcrumbs li a {
  color: #002c91;
  position: relative;
}

.breadcrumbs li a:after {
  content: '>';
  display: inline-block;
  padding: 0 0.5em;
  color: #000;
}