/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100..900&display=swap");
/* line 11, style.scss */
.min_R {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

/* line 17, style.scss */
.frame_content_main {
  color: #000; }

/* line 20, style.scss */
.title-r {
  /*font-family: "Kaisei Opti", serif;
  font-weight: 400;
  font-style: normal;*/
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

/* line 31, style.scss */
.title-b {
  /*font-family: "Kaisei Opti", serif;
  font-weight: 700;
  font-style: normal;*/
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal; }

/* line 40, style.scss */
.text_R {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

/* line 46, style.scss */
.text_M {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1em; }

/* line 53, style.scss */
.text_B {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.1em; }

/* line 60, style.scss */
.text_BB {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0.1em; }

/* line 67, style.scss */
.color_b {
  color: #673309; }

/**/
@media screen and (min-width: 600.01px) and (max-width: 760px) {
  /* line 72, style.scss */
  .title_img {
    margin: 0 -20px 0; } }
@media screen and (max-width: 600px) {
  /* line 72, style.scss */
  .title_img {
    margin: 0 -20px 0; } }

/* line 84, style.scss */
.title_imgb {
  max-width: 100%;
  height: 360px;
  position: relative;
  background: url("../images/topimg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  /*&:before {
  	display: block;
  	content: '';
  	width: calc(100% - 20px);
  	height: calc(100% - 20px);
  	border: 1px solid #fff;
  	border-radius: 10px;
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	margin: auto;
  }*/ }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 84, style.scss */
    .title_imgb {
      height: 30vw; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 84, style.scss */
    .title_imgb {
      height: 30vw; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 84, style.scss */
    .title_imgb {
      height: 50vw; } }
  @media screen and (max-width: 600px) {
    /* line 84, style.scss */
    .title_imgb {
      height: max(50vw, 220px); } }

/* line 121, style.scss */
.topic_stitle {
  position: absolute;
  width: 144px;
  height: 135px;
  top: 0;
  left: 25px;
  background-image: url("../images/stitle_bg.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 121, style.scss */
    .topic_stitle {
      width: 115.2px;
      height: 108px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 121, style.scss */
    .topic_stitle {
      width: 105.6px;
      height: 90px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 121, style.scss */
    .topic_stitle {
      width: 115.2px;
      height: 108px; } }
  @media screen and (max-width: 600px) {
    /* line 121, style.scss */
    .topic_stitle {
      width: 86.4px;
      height: 81px;
      left: 10vw; } }

/* line 150, style.scss */
.topic_stitleb {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 36px;
  font-size: 3.6rem;
  color: #ffffff;
  letter-spacing: 0.25em;
  padding-left: 0.25em; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 150, style.scss */
    .topic_stitleb {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 150, style.scss */
    .topic_stitleb {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 150, style.scss */
    .topic_stitleb {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (max-width: 600px) {
    /* line 150, style.scss */
    .topic_stitleb {
      font-size: 22px;
      font-size: 2.2rem; } }
  /* line 176, style.scss */
  .topic_stitleb span {
    margin-top: 20px;
    line-height: 1.2; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 176, style.scss */
      .topic_stitleb span {
        margin-top: 15px; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 176, style.scss */
      .topic_stitleb span {
        margin-top: 15px; } }
    @media screen and (max-width: 600px) {
      /* line 176, style.scss */
      .topic_stitleb span {
        margin-top: 15px; } }

/* line 192, style.scss */
.topic_title {
  position: absolute;
  width: 50%;
  height: fit-content;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  left: 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 192, style.scss */
    .topic_title {
      width: 55%; } }
  @media screen and (max-width: 600px) {
    /* line 192, style.scss */
    .topic_title {
      width: 60%; } }

/* line 216, style.scss */
.topic_titleb {
  max-width: 750px;
  width: 100%;
  background: rgba(255, 255, 255, 0.92);
  margin: auto;
  text-align: center;
  color: #bb1717; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 216, style.scss */
    .topic_titleb {
      max-width: 50vw; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 216, style.scss */
    .topic_titleb {
      max-width: 50vw; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 216, style.scss */
    .topic_titleb {
      max-width: 260px; } }
  @media screen and (max-width: 600px) {
    /* line 216, style.scss */
    .topic_titleb {
      max-width: 180px; } }
  /* line 236, style.scss */
  .topic_titleb div {
    background: #bb1717;
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.0;
    padding: 10px;
    color: #ffffff; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 236, style.scss */
      .topic_titleb div {
        font-size: 2.6vw; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 236, style.scss */
      .topic_titleb div {
        font-size: 20px;
        font-size: 2.0rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 236, style.scss */
      .topic_titleb div {
        font-size: 22px;
        font-size: 2.2rem; } }
    @media screen and (max-width: 600px) {
      /* line 236, style.scss */
      .topic_titleb div {
        font-size: 18px;
        font-size: 1.8rem; } }
  /* line 263, style.scss */
  .topic_titleb span {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 0.1rem;
    line-height: 1.0;
    padding: 20px 10px 5px; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 263, style.scss */
      .topic_titleb span {
        font-size: 2.6vw; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 263, style.scss */
      .topic_titleb span {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 263, style.scss */
      .topic_titleb span {
        font-size: 26px;
        font-size: 2.6rem; } }
    @media screen and (max-width: 600px) {
      /* line 263, style.scss */
      .topic_titleb span {
        font-size: 20px;
        font-size: 2.0rem;
        padding: 15px 10px 5px; } }
  /* line 289, style.scss */
  .topic_titleb h2 {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 1.0;
    text-align: center;
    letter-spacing: -0.3rem;
    padding: 10px 10px 20px;
    font-weight: 700; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 289, style.scss */
      .topic_titleb h2 {
        font-size: 3.2vw; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 289, style.scss */
      .topic_titleb h2 {
        font-size: 32px;
        font-size: 3.2rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 289, style.scss */
      .topic_titleb h2 {
        font-size: 34px;
        font-size: 3.4rem; } }
    @media screen and (max-width: 600px) {
      /* line 289, style.scss */
      .topic_titleb h2 {
        font-size: 26px;
        font-size: 2.6rem;
        padding: 5px 10px 15px; } }
    /* line 314, style.scss */
    .topic_titleb h2 br.xxs-media {
      display: none; }
      @media all and (min-width: 250.01px) and (max-width: 450px) {
        /* line 314, style.scss */
        .topic_titleb h2 br.xxs-media {
          display: inline-block; } }

/* line 322, style.scss */
.topics_box {
  padding: 0 20px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 322, style.scss */
    .topics_box {
      padding: 0; } }
  @media screen and (max-width: 600px) {
    /* line 322, style.scss */
    .topics_box {
      padding: 0; } }

/* line 337, style.scss */
.topics_boxb {
  max-width: 800px;
  width: 100%;
  margin: auto;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 337, style.scss */
    .topics_boxb {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 337, style.scss */
    .topics_boxb {
      font-size: 15px;
      font-size: 1.5rem; } }
  @media screen and (max-width: 600px) {
    /* line 337, style.scss */
    .topics_boxb {
      font-size: 15px;
      font-size: 1.5rem; } }

/* line 358, style.scss */
.lead_title {
  text-align: center;
  font-weight: 400;
  font-family: "Noto Serif JP", serif; }

/* line 363, style.scss */
.lead_txt {
  margin: 30px 0 0; }
  /* line 366, style.scss */
  .lead_txt .lead_title {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: 500; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 366, style.scss */
      .lead_txt .lead_title {
        font-size: 20px;
        font-size: 2.0rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 366, style.scss */
      .lead_txt .lead_title {
        font-size: 20px;
        font-size: 2.0rem; } }
    @media screen and (max-width: 600px) {
      /* line 366, style.scss */
      .lead_txt .lead_title {
        font-size: 18px;
        font-size: 1.8rem; } }

/* line 392, style.scss */
.list {
  margin: 15px 0 0; }
  @media screen and (max-width: 600px) {
    /* line 392, style.scss */
    .list {
      margin: 5px 0 0; } }
  /* line 403, style.scss */
  .list ul {
    width: fit-content;
    margin: auto; }
    /* line 406, style.scss */
    .list ul li {
      display: flex;
      font-size: 18px;
      font-size: 1.8rem; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 406, style.scss */
        .list ul li {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 406, style.scss */
        .list ul li {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 600px) {
        /* line 406, style.scss */
        .list ul li {
          font-size: 16px;
          font-size: 1.6rem; } }
      /* line 424, style.scss */
      .list ul li:before {
        display: inline-block;
        content: '';
        width: 14px;
        height: 14px;
        background: #673309;
        border-radius: 50%;
        position: relative;
        top: 12px;
        margin-right: 12px; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 424, style.scss */
          .list ul li:before {
            width: 12px;
            height: 12px;
            top: 11px; } }
        @media screen and (max-width: 600px) {
          /* line 424, style.scss */
          .list ul li:before {
            width: 12px;
            height: 12px;
            top: 11px;
            margin-right: 6px; } }

/* line 453, style.scss */
.content_list {
  margin: 40px 0 0; }
  @media screen and (max-width: 600px) {
    /* line 453, style.scss */
    .content_list {
      margin: 30px 0 0; } }

/* line 465, style.scss */
.content_listb {
  padding: 40px;
  /*border-radius: 10px;
  background: #ecfcff;*/
  background: #ffeded; }
  /* line 470, style.scss */
  .content_listb h3 {
    color: #de2f00;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    border-top: 3px double #de2f00;
    border-bottom: 3px double #de2f00;
    text-align: center;
    margin: 0 auto 20px;
    max-width: 600px;
    padding: 3px 0; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 470, style.scss */
      .content_listb h3 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 470, style.scss */
      .content_listb h3 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (max-width: 600px) {
      /* line 470, style.scss */
      .content_listb h3 {
        font-size: 16px;
        font-size: 1.6rem; } }
  /* line 496, style.scss */
  .content_listb dl {
    margin: 10px auto 0;
    width: fit-content;
    counter-reset: listnum; }
    /* line 500, style.scss */
    .content_listb dl a {
      text-decoration: none;
      color: #000000; }
      /* line 503, style.scss */
      .content_listb dl a:hover {
        text-decoration: underline;
        opacity: 0.6; }
    /* line 509, style.scss */
    .content_listb dl dt:before {
      counter-increment: listnum;
      content: counter(listnum) "."; }
    /* line 514, style.scss */
    .content_listb dl dd {
      margin-left: 1.5em; }
      /* line 516, style.scss */
      .content_listb dl dd:before {
        display: inline-block;
        content: '';
        width: 4px;
        height: 4px;
        background: #595959;
        border-radius: 50%;
        position: relative;
        margin-right: 10px; }

/* line 529, style.scss */
.topics_main_title {
  margin: 60px 0 0; }

/* line 533, style.scss */
.topics_main_titleb h3 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 542, style.scss */
  .topics_main_titleb h3 span {
    font-size: 20px;
    font-size: 2.0rem;
    color: #000;
    display: inline;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 1.5; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 542, style.scss */
      .topics_main_titleb h3 span {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 542, style.scss */
      .topics_main_titleb h3 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.5; } }
    @media screen and (max-width: 600px) {
      /* line 542, style.scss */
      .topics_main_titleb h3 span {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; } }
    /* line 566, style.scss */
    .topics_main_titleb h3 span.min_no {
      border: 1px solid #de2f00;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.2;
      padding: 0 30px;
      margin-right: 15px;
      color: #de2f00; }

/* line 578, style.scss */
.product_lead {
  margin: 20px 0 0;
  padding: 20px 50px;
  text-align: center;
  background: #ffeded;
  border-radius: 100px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 578, style.scss */
    .product_lead {
      border-radius: 10px;
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 578, style.scss */
    .product_lead {
      border-radius: 10px;
      padding: 20px; } }
  /* line 596, style.scss */
  .product_lead p {
    display: inline-block;
    text-align: left; }

/* line 601, style.scss */
.main_lead {
  margin: 20px 0 0; }

/* line 604, style.scss */
.about_box {
  margin: 40px 0 0; }

@media screen and (min-width: 600.01px) and (max-width: 760px) {
  /* line 607, style.scss */
  .about_boxb {
    display: flex;
    flex-direction: column-reverse; } }
@media screen and (max-width: 600px) {
  /* line 607, style.scss */
  .about_boxb {
    display: flex;
    flex-direction: column-reverse; } }
@media screen and (min-width: 600.01px) and (max-width: 760px) {
  /* line 624, style.scss */
  .about_boxb .about_txt {
    width: 100%; } }
@media screen and (max-width: 600px) {
  /* line 624, style.scss */
  .about_boxb .about_txt {
    width: 100%; } }
/* line 638, style.scss */
.about_boxb .about_txt h5 {
  font-size: 20px;
  font-size: 2.0rem; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 638, style.scss */
    .about_boxb .about_txt h5 {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 638, style.scss */
    .about_boxb .about_txt h5 {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (max-width: 600px) {
    /* line 638, style.scss */
    .about_boxb .about_txt h5 {
      font-size: 18px;
      font-size: 1.8rem; } }
/* line 656, style.scss */
.about_boxb .about_txt h4 {
  color: #098e19;
  font-size: 18px;
  font-size: 1.8rem; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 656, style.scss */
    .about_boxb .about_txt h4 {
      font-size: 15px;
      font-size: 1.5rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 656, style.scss */
    .about_boxb .about_txt h4 {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (max-width: 600px) {
    /* line 656, style.scss */
    .about_boxb .about_txt h4 {
      font-size: 16px;
      font-size: 1.6rem; } }
  /* line 674, style.scss */
  .about_boxb .about_txt h4 span.no {
    display: inline-block;
    color: #fff;
    background: #098e19;
    border-radius: 50%;
    width: 1.4em;
    height: 1.4em;
    margin-right: 5px;
    text-align: center;
    line-height: 1.3; }
/* line 686, style.scss */
.about_boxb .about_txt p {
  margin-top: 10px; }
/* line 690, style.scss */
.about_boxb .about_img {
  max-width: 200px;
  width: 100%;
  margin: 20px 0 0 50px;
  float: right; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 690, style.scss */
    .about_boxb .about_img {
      max-width: 180px;
      margin: 10px 0 0 20px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 690, style.scss */
    .about_boxb .about_img {
      max-width: 150px;
      margin: 10px 0 0 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 690, style.scss */
    .about_boxb .about_img {
      float: none;
      max-width: 300px;
      margin: 20px auto 0; } }
  @media screen and (max-width: 600px) {
    /* line 690, style.scss */
    .about_boxb .about_img {
      float: none;
      max-width: 300px;
      margin: 20px auto 0; } }
@media screen and (min-width: 600.01px) and (max-width: 760px) {
  /* line 717, style.scss */
  .about_boxb .point_img {
    margin: 15px auto 0; } }
@media screen and (max-width: 600px) {
  /* line 717, style.scss */
  .about_boxb .point_img {
    margin: 15px auto 0; } }

/* line 730, style.scss */
.colum_box {
  margin: 30px 0 0; }

/* line 733, style.scss */
.colum_boxb {
  border: 5px solid #098e19;
  border-bottom-color: #43BD52;
  border-right-color: #43BD52;
  background-position: top left;
  background-repeat: repeat;
  background-size: auto;
  padding: 10px; }

/* line 744, style.scss */
.colum_boxc {
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  padding: 20px 30px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 744, style.scss */
    .colum_boxc {
      padding: 20px 20px; } }
  @media screen and (max-width: 600px) {
    /* line 744, style.scss */
    .colum_boxc {
      padding: 20px 20px; } }
  /* line 755, style.scss */
  .colum_boxc h5 {
    text-align: center; }
    /* line 757, style.scss */
    .colum_boxc h5 span {
      display: inline-block;
      text-align: left;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.5; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 757, style.scss */
        .colum_boxc h5 span {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 757, style.scss */
        .colum_boxc h5 span {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold; } }
      @media screen and (max-width: 600px) {
        /* line 757, style.scss */
        .colum_boxc h5 span {
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold; } }
  /* line 781, style.scss */
  .colum_boxc p {
    display: inline-block;
    text-align: left;
    margin: 20px 0 0; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 781, style.scss */
      .colum_boxc p {
        margin: 15px 0 0; } }
    @media screen and (max-width: 600px) {
      /* line 781, style.scss */
      .colum_boxc p {
        margin: 15px 0 0; } }

/* line 793, style.scss */
.table_box {
  margin: 30px 0 0; }
  /* line 795, style.scss */
  .table_box table {
    width: 100%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; }
    /* line 799, style.scss */
    .table_box table th, .table_box table td {
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 5px; }
    /* line 805, style.scss */
    .table_box table thead th {
      background: #139021;
      text-align: center;
      color: #ffffff; }
    /* line 812, style.scss */
    .table_box table tbody th {
      text-align: center;
      background: #f3fef3;
      width: 200px; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 812, style.scss */
        .table_box table tbody th {
          width: 100px; } }
      @media screen and (max-width: 600px) {
        /* line 812, style.scss */
        .table_box table tbody th {
          width: 100px; } }
    /* line 827, style.scss */
    .table_box table tbody td {
      padding: 5px 20px; }
  /* line 832, style.scss */
  .table_box .text_center {
    margin: 10px 0 0;
    text-align: center; }
    /* line 835, style.scss */
    .table_box .text_center p {
      display: inline-block;
      text-align: left; }

/* line 841, style.scss */
.hint_box {
  margin: 40px 0 0; }

/* line 844, style.scss */
.hint_boxb {
  margin: 40px 0 0; }

/* line 847, style.scss */
.hint_title {
  color: #098e19;
  font-size: 18px;
  font-size: 1.8rem; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 847, style.scss */
    .hint_title {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 847, style.scss */
    .hint_title {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (max-width: 600px) {
    /* line 847, style.scss */
    .hint_title {
      font-size: 16px;
      font-size: 1.6rem; } }
  /* line 865, style.scss */
  .hint_title span.no {
    display: inline-block;
    color: #fff;
    background: #098e19;
    border-radius: 50%;
    width: 1.4em;
    height: 1.4em;
    margin-right: 5px;
    text-align: center;
    line-height: 1.3; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 865, style.scss */
      .hint_title span.no {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 865, style.scss */
      .hint_title span.no {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 600px) {
      /* line 865, style.scss */
      .hint_title span.no {
        font-size: 15px;
        font-size: 1.5rem; } }
  /* line 890, style.scss */
  .hint_title span:nth-of-type(2) {
    margin-right: 5px; }
  /* line 893, style.scss */
  .hint_title div.design_sort {
    display: inline-block;
    border: 1px solid #098e19;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0 10px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 893, style.scss */
      .hint_title div.design_sort {
        margin-top: 5px;
        display: block;
        width: fit-content; } }
    @media screen and (max-width: 600px) {
      /* line 893, style.scss */
      .hint_title div.design_sort {
        margin-top: 5px;
        display: block;
        width: fit-content; } }
  /* line 911, style.scss */
  .hint_title + p {
    margin-top: 15px; }

/* line 915, style.scss */
.hint_flex {
  margin: 15px 0 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 600px) {
    /* line 915, style.scss */
    .hint_flex {
      display: block; } }
  /* line 928, style.scss */
  .hint_flex .hint_txt {
    width: calc(100% - 400px); }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 928, style.scss */
      .hint_flex .hint_txt {
        width: calc(100% - 300px); } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 928, style.scss */
      .hint_flex .hint_txt {
        width: calc(100% - 150px); } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 928, style.scss */
      .hint_flex .hint_txt {
        width: calc(100% - 270px); } }
    @media screen and (max-width: 600px) {
      /* line 928, style.scss */
      .hint_flex .hint_txt {
        width: 100%; } }
  /* line 943, style.scss */
  .hint_flex .hint_img {
    max-width: 330px;
    display: flex; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 943, style.scss */
      .hint_flex .hint_img {
        max-width: 270px; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 943, style.scss */
      .hint_flex .hint_img {
        display: block;
        max-width: 120px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 943, style.scss */
      .hint_flex .hint_img {
        max-width: 250px; } }
    @media screen and (max-width: 600px) {
      /* line 943, style.scss */
      .hint_flex .hint_img {
        max-width: 100%;
        margin: 20px 0 0; } }
    /* line 960, style.scss */
    .hint_flex .hint_img a {
      display: block; }
      /* line 962, style.scss */
      .hint_flex .hint_img a img {
        border: 1px solid #cccccc;
        width: 160px; }
        @media screen and (min-width: 930.01px) and (max-width: 1200px) {
          /* line 962, style.scss */
          .hint_flex .hint_img a img {
            width: 130px; } }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 962, style.scss */
          .hint_flex .hint_img a img {
            width: 120px; } }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 962, style.scss */
          .hint_flex .hint_img a img {
            width: 120px; } }
        @media screen and (max-width: 600px) {
          /* line 962, style.scss */
          .hint_flex .hint_img a img {
            width: 100%; } }
      /* line 978, style.scss */
      .hint_flex .hint_img a + a {
        margin-left: 10px; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 978, style.scss */
          .hint_flex .hint_img a + a {
            margin: 10px 0 0; } }
      /* line 990, style.scss */
      .hint_flex .hint_img a:hover {
        opacity: 0.6; }

/* line 996, style.scss */
.topics_main_stitle {
  margin: 60px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 996, style.scss */
    .topics_main_stitle {
      margin: 40px 0 0; } }
  @media screen and (max-width: 600px) {
    /* line 996, style.scss */
    .topics_main_stitle {
      margin: 40px 0 0; } }

/* line 1009, style.scss */
.topics_main_stitleb {
  text-align: center; }
  /* line 1019, style.scss */
  .topics_main_stitleb h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    line-height: 1.0;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.1rem;
    padding: 15px 30px;
    margin: auto;
    border-top: 3px double #098e19;
    border-bottom: 3px double #098e19;
    background-position: top left, bottom left;
    background-repeat: repeat-x, repeat-x;
    background-size: auto, auto;
    position: relative; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1019, style.scss */
      .topics_main_stitleb h3 {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1019, style.scss */
      .topics_main_stitleb h3 {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold; } }
    @media screen and (max-width: 600px) {
      /* line 1019, style.scss */
      .topics_main_stitleb h3 {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold; } }
    /* line 1055, style.scss */
    .topics_main_stitleb h3 small {
      color: #098e19;
      margin-right: 20px;
      white-space: nowrap;
      font-size: 20px;
      font-size: 2.0rem; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1055, style.scss */
        .topics_main_stitleb h3 small {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 1055, style.scss */
        .topics_main_stitleb h3 small {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 600px) {
        /* line 1055, style.scss */
        .topics_main_stitleb h3 small {
          font-size: 16px;
          font-size: 1.6rem; } }
    /* line 1075, style.scss */
    .topics_main_stitleb h3 span {
      text-align: left;
      line-height: 1.5; }
  /* line 1080, style.scss */
  .product_title .topics_main_stitleb {
    padding: 15px 20px; }

/* line 1084, style.scss */
.merit_box {
  margin: 20px 0 0; }

/* line 1087, style.scss */
.merit_boxb {
  border: 1px solid #cccccc;
  padding: 20px 40px;
  background-image: url("../images/bg_merit.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 200px auto; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1087, style.scss */
    .merit_boxb {
      padding: 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1087, style.scss */
    .merit_boxb {
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 1087, style.scss */
    .merit_boxb {
      padding: 15px; } }
  /* line 1107, style.scss */
  .merit_boxb dl dt {
    color: #ff6600; }
    /* line 1109, style.scss */
    .merit_boxb dl dt:before {
      display: inline-block;
      content: '';
      width: 15px;
      height: 15px;
      background: #ff6600;
      border-radius: 50%;
      position: relative;
      top: 2px;
      margin-right: 5px; }
  /* line 1121, style.scss */
  .merit_boxb dl dd {
    padding-left: 20px; }
    /* line 1123, style.scss */
    .merit_boxb dl dd + dt {
      margin-top: 25px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1123, style.scss */
        .merit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 1123, style.scss */
        .merit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (max-width: 600px) {
        /* line 1123, style.scss */
        .merit_boxb dl dd + dt {
          margin-top: 10px; } }

/* line 1141, style.scss */
.demerit_box {
  margin: 15px 0 0; }

/* line 1144, style.scss */
.demerit_boxb {
  border: 1px solid #cccccc;
  padding: 20px 40px;
  background-image: url("../images/bg_demerit.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 171px auto; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1144, style.scss */
    .demerit_boxb {
      padding: 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1144, style.scss */
    .demerit_boxb {
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 1144, style.scss */
    .demerit_boxb {
      padding: 15px; } }
  /* line 1164, style.scss */
  .demerit_boxb dl dt {
    color: #1b5683; }
    /* line 1166, style.scss */
    .demerit_boxb dl dt:before {
      display: inline-block;
      content: '';
      width: 15px;
      height: 15px;
      background: #1b5683;
      border-radius: 50%;
      position: relative;
      top: 2px;
      margin-right: 5px; }
  /* line 1178, style.scss */
  .demerit_boxb dl dd {
    padding-left: 20px; }
    /* line 1180, style.scss */
    .demerit_boxb dl dd + dt {
      margin-top: 25px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1180, style.scss */
        .demerit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 1180, style.scss */
        .demerit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (max-width: 600px) {
        /* line 1180, style.scss */
        .demerit_boxb dl dd + dt {
          margin-top: 10px; } }

/* line 1202, style.scss */
.sort_pointb h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #17b486;
  border-radius: 15px;
  color: #ffffff;
  margin-top: 10px;
  padding: 0 10px; }
  /* line 1212, style.scss */
  .sort_pointb h5 span {
    display: inline-block;
    text-align: left; }
/* line 1217, style.scss */
.sort_pointb p {
  margin-top: 10px; }
  /* line 1219, style.scss */
  .sort_pointb p.center {
    text-align: center; }
    /* line 1221, style.scss */
    .sort_pointb p.center span {
      display: inline-block;
      text-align: left; }
/* line 1227, style.scss */
.sort_pointb table {
  max-width: 450px;
  width: 100%;
  margin: 10px auto 0;
  border-top: 1px solid #E7C0C0;
  border-right: 1px solid #E7C0C0; }
  /* line 1233, style.scss */
  .sort_pointb table th {
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #E7C0C0;
    padding: 5px 20px;
    text-align: center;
    background: #FFC6BE;
    white-space: nowrap;
    width: 90px; }
    @media screen and (max-width: 600px) {
      /* line 1233, style.scss */
      .sort_pointb table th {
        padding: 5px; } }
  /* line 1251, style.scss */
  .sort_pointb table td {
    border-bottom: 1px solid #E7C0C0;
    border-left: 1px solid #E7C0C0;
    padding: 5px 20px;
    text-align: center;
    background: #fff; }
    @media screen and (max-width: 600px) {
      /* line 1251, style.scss */
      .sort_pointb table td {
        padding: 5px; } }
    /* line 1267, style.scss */
    .sort_pointb table td span {
      display: inline-block;
      text-align: left; }
  /* line 1272, style.scss */
  .sort_pointb table + h5 {
    margin-top: 25px; }

/* line 1277, style.scss */
.product_box {
  margin: 20px 0 0; }

/* line 1281, style.scss */
.product_boxb .product_title {
  text-align: center; }
  /* line 1283, style.scss */
  .product_boxb .product_title h4 {
    display: inline-block;
    text-align: center;
    color: #b92422;
    line-height: 1.5;
    font-size: 18px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1283, style.scss */
      .product_boxb .product_title h4 {
        font-size: 16px; } }
    @media screen and (max-width: 600px) {
      /* line 1283, style.scss */
      .product_boxb .product_title h4 {
        font-size: 16px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1300, style.scss */
    .product_boxb .product_title.product_title-osusume h4 {
      font-size: 18px; } }
  @media screen and (max-width: 600px) {
    /* line 1300, style.scss */
    .product_boxb .product_title.product_title-osusume h4 {
      font-size: 18px; } }

/* line 1311, style.scss */
.product_list {
  margin: 20px 0 0; }

/* line 1322, style.scss */
.list_lead {
  text-align: center; }
  /* line 1324, style.scss */
  .list_lead p {
    display: inline-block;
    text-align: left; }

/* line 1329, style.scss */
.list_box {
  margin: 15px 0 0; }

/* line 1333, style.scss */
.list_boxb table {
  width: 100%;
  border-collapse: inherit;
  font-size: 15px;
  font-size: 1.5rem; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1333, style.scss */
    .list_boxb table {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1333, style.scss */
    .list_boxb table {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 600px) {
    /* line 1333, style.scss */
    .list_boxb table {
      font-size: 14px;
      font-size: 1.4rem; } }
  /* line 1352, style.scss */
  .list_boxb table th,
  .list_boxb table td {
    padding: 10px;
    text-align: center;
    vertical-align: middle; }
    @media screen and (max-width: 600px) {
      /* line 1352, style.scss */
      .list_boxb table th,
      .list_boxb table td {
        padding: 5px;
        line-height: 1.5; } }
  @media all and (min-width: 1200.01px) {
    /* line 1368, style.scss */
    .list_boxb table td {
      text-align: left;
      padding-left: 65px; } }
  /* line 1375, style.scss */
  .list_boxb table thead th {
    background: #08b3b3;
    color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-size: 1.6rem; }
    /* line 1385, style.scss */
    .list_boxb table thead th:last-of-type {
      border-right: none; }
  /* line 1392, style.scss */
  .list_boxb table tbody th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e8f4f4; }
  /* line 1398, style.scss */
  .list_boxb table tbody td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 1411, style.scss */
      .list_boxb table tbody td p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1411, style.scss */
      .list_boxb table tbody td p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 1.5; } }
    @media screen and (max-width: 600px) {
      /* line 1411, style.scss */
      .list_boxb table tbody td p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    /* line 1433, style.scss */
    .list_boxb table tbody td p:before {
      display: inline-block;
      content: '';
      width: 26px;
      height: 26px;
      background-image: url("../images/list_icon01.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      position: relative;
      top: 7px;
      margin-right: 10px; }
      @media screen and (min-width: 930.01px) and (max-width: 1200px) {
        /* line 1433, style.scss */
        .list_boxb table tbody td p:before {
          margin-right: 0;
          margin-bottom: 10px; } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1433, style.scss */
        .list_boxb table tbody td p:before {
          margin-right: 0;
          margin-bottom: 10px; } }
      @media screen and (max-width: 600px) {
        /* line 1433, style.scss */
        .list_boxb table tbody td p:before {
          margin-right: 0;
          margin-bottom: 10px; } }
    /* line 1460, style.scss */
    .list_boxb table tbody td p.list01 {
      color: #ff7c12; }
      /* line 1462, style.scss */
      .list_boxb table tbody td p.list01:before {
        width: 26px;
        height: 26px;
        background-image: url("../images/list_icon01.png");
        top: 7px; }
    /* line 1469, style.scss */
    .list_boxb table tbody td p.list02 {
      color: #000000; }
      /* line 1471, style.scss */
      .list_boxb table tbody td p.list02:before {
        width: 26px;
        height: 26px;
        background-image: url("../images/list_icon02.png");
        top: 7px; }
    /* line 1478, style.scss */
    .list_boxb table tbody td p.list03 {
      color: #385fad; }
      /* line 1480, style.scss */
      .list_boxb table tbody td p.list03:before {
        width: 28px;
        height: 24px;
        background-image: url("../images/list_icon03.png");
        top: 8px; }

/* line 1500, style.scss */
.matome_box {
  margin: 120px 0 0; }
  @media screen and (max-width: 600px) {
    /* line 1500, style.scss */
    .matome_box {
      margin: 80px 0 0; } }

/* line 1512, style.scss */
.matome_boxb {
  border: 1px solid #139021;
  padding: 30px 50px; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1512, style.scss */
    .matome_boxb {
      padding: 30px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1512, style.scss */
    .matome_boxb {
      padding: 30px; } }
  @media screen and (max-width: 600px) {
    /* line 1512, style.scss */
    .matome_boxb {
      padding: 20px; } }
  /* line 1527, style.scss */
  .matome_boxb .matome_title {
    margin-top: -55px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1527, style.scss */
      .matome_boxb .matome_title {
        margin-top: -55px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1527, style.scss */
      .matome_boxb .matome_title {
        margin-top: -55px; } }
    @media screen and (max-width: 600px) {
      /* line 1527, style.scss */
      .matome_boxb .matome_title {
        margin-top: -40px; } }
  /* line 1542, style.scss */
  .matome_boxb .matome_titleb h3 {
    position: relative;
    text-align: center;
    /*&:before {
    	content: '';
    	width: 150px;
    	height: 70px;
    	background: linear-gradient(90deg,rgba(40, 166, 181, 1) 0%, rgba(120, 158, 235, 1) 100%);
    	-webkit-mask-image: radial-gradient(circle, blue calc(50% - 1px), transparent 50%), radial-gradient(circle, blue calc(50% - 1px), transparent 50%), radial-gradient(circle, blue calc(50% - 1px), transparent 50%);
    	-webkit-mask-size: 70px 70px, 70px 70px, 70px 70px;
    	-webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
    	-webkit-mask-position: top 0px left 0px, top 0px left 40px, top 0px left 80px;
    	position: absolute;
    	top: 0;
    	right: 0;
    	left: 0;
    	margin: auto;
    	@include mq(m) {
    	}
    	@include mq(ls) {
    		width: 130px;
    		-webkit-mask-size: 60px 60px, 60px 60px, 60px 60px;
    		-webkit-mask-position: top 0px left 0px, top 0px left 32px, top 0px left 64px;
    	}
    	@include mq(s) {
    		width: 130px;
    		-webkit-mask-size: 60px 60px, 60px 60px, 60px 60px;
    		-webkit-mask-position: top 0px left 0px, top 0px left 32px, top 0px left 64px;
    	}
    	@include mq(xs) {
    		width: 110px;
    		-webkit-mask-size: 50px 50px, 50px 50px, 50px 50px;
    		-webkit-mask-position: top 0px left 0px, top 0px left 28px, top 0px left 56px;
    	}
    } */ }
    /* line 1577, style.scss */
    .matome_boxb .matome_titleb h3 span {
      position: relative;
      letter-spacing: 4px;
      padding: 0 20px 2px 24px;
      color: #fff;
      font-size: 24px;
      font-size: 2.4rem;
      background: #139021; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1577, style.scss */
        .matome_boxb .matome_titleb h3 span {
          font-size: 24px;
          font-size: 2.4rem;
          letter-spacing: 4px;
          padding: 0 17px 2px 21px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 1577, style.scss */
        .matome_boxb .matome_titleb h3 span {
          font-size: 22px;
          font-size: 2.2rem;
          letter-spacing: 4px;
          padding: 0 17px 2px 21px; } }
      @media screen and (max-width: 600px) {
        /* line 1577, style.scss */
        .matome_boxb .matome_titleb h3 span {
          font-size: 20px;
          font-size: 2.0rem;
          letter-spacing: 5px;
          padding: 0 19px 2px 22px; } }
  /* line 1609, style.scss */
  .matome_boxb h4 {
    text-align: center;
    margin: 20px 0 0; }
    /* line 1612, style.scss */
    .matome_boxb h4 span {
      display: inline-block;
      text-align: left;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.5; }
      @media screen and (max-width: 600px) {
        /* line 1612, style.scss */
        .matome_boxb h4 span {
          font-size: 15px;
          font-weight: bold; } }
  /* line 1629, style.scss */
  .matome_boxb p {
    margin-top: 30px; }
    @media screen and (max-width: 600px) {
      /* line 1629, style.scss */
      .matome_boxb p {
        margin-top: 15px; } }

/* line 1639, style.scss */
.img_flex {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1639, style.scss */
    .img_flex {
      display: block; } }
  @media screen and (max-width: 600px) {
    /* line 1639, style.scss */
    .img_flex {
      display: block; } }

/* line 1656, style.scss */
.attention_box {
  margin: 40px 0 0; }

/* line 1659, style.scss */
.attention_boxb {
  padding: 30px;
  border: 3px solid #17b486;
  position: relative;
  background: #FFFDF0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1659, style.scss */
    .attention_boxb {
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 1659, style.scss */
    .attention_boxb {
      padding: 20px 15px 15px; } }
  /* line 1678, style.scss */
  .attention_boxb h4 {
    width: fit-content;
    padding: 0 30px;
    background: #17b486;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: auto; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1678, style.scss */
      .attention_boxb h4 {
        font-size: 16px;
        font-size: 1.6rem;
        top: -15px; } }
    @media screen and (max-width: 600px) {
      /* line 1678, style.scss */
      .attention_boxb h4 {
        font-size: 16px;
        font-size: 1.6rem;
        top: -15px; } }

/* line 1712, style.scss */
.size_formula {
  margin: 30px 0; }
  /* line 1715, style.scss */
  .size_formula dl dt {
    text-align: center; }
    /* line 1717, style.scss */
    .size_formula dl dt span {
      display: inline-block;
      text-align: left; }
  /* line 1722, style.scss */
  .size_formula dl dd {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: #301313; }
    @media screen and (max-width: 600px) {
      /* line 1722, style.scss */
      .size_formula dl dd {
        font-size: 18px;
        font-size: 1.8rem; } }

@media screen and (max-width: 600px) {
  /* line 1744, style.scss */
  .product_flex {
    margin-top: 15px; } }

/* line 1757, style.scss */
.product_flexb {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media screen and (max-width: 600px) {
    /* line 1757, style.scss */
    .product_flexb {
      display: block; } }
  /* line 1773, style.scss */
  .product_flexb .product_flex_img1 {
    max-width: 180px;
    width: 100%;
    margin-left: 30px;
    align-self: center; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1773, style.scss */
      .product_flexb .product_flex_img1 {
        margin: 0 auto 10px; } }
    @media screen and (max-width: 600px) {
      /* line 1773, style.scss */
      .product_flexb .product_flex_img1 {
        margin: 0 auto 10px; } }

/* line 1805, style.scss */
.product_txtb h4 {
  padding: 0 5px 3px;
  font-size: 110%;
  line-height: 1.5;
  border-bottom: 2px solid #94dfc9; }
/* line 1812, style.scss */
.product_txtb p {
  margin: 20px 0 0; }
/* line 1815, style.scss */
.product_txtb dl.point {
  margin: 15px 0 0; }
  /* line 1817, style.scss */
  .product_txtb dl.point dt {
    font-weight: 500; }
  /* line 1820, style.scss */
  .product_txtb dl.point dd {
    padding-left: 0.5em; }
    /* line 1822, style.scss */
    .product_txtb dl.point dd + dt {
      margin-top: 10px; }
  /* line 1827, style.scss */
  .product_txtb dl.point.point_color dt {
    color: #17b486; }
    /* line 1829, style.scss */
    .product_txtb dl.point.point_color dt:before {
      display: inline-block;
      content: '';
      width: 14px;
      height: 14px;
      background: #17b486;
      border-radius: 7px;
      margin-right: 6px; }
  /* line 1839, style.scss */
  .product_txtb dl.point.point_color dd {
    padding-left: 20px; }
    /* line 1841, style.scss */
    .product_txtb dl.point.point_color dd + dt {
      margin-top: 5px; }
/* line 1847, style.scss */
.product_txtb .column {
  margin: 20px 0 0; }
/* line 1850, style.scss */
.product_txtb .columnb {
  background: #d1f0e7;
  border-radius: 10px;
  padding: 20px; }

/* line 1856, style.scss */
.product_listb {
  display: grid;
  column-gap: 28px;
  row-gap: 40px;
  grid-template-columns: repeat(4, 1fr); }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 1856, style.scss */
    .product_listb {
      column-gap: 15px;
      row-gap: 30px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1856, style.scss */
    .product_listb {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 10px;
      row-gap: 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1856, style.scss */
    .product_listb {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 10px;
      row-gap: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 1856, style.scss */
    .product_listb {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 10px;
      row-gap: 20px; } }
  /* line 1880, style.scss */
  .product_listb .product_link {
    max-width: 179px;
    width: 100%; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1880, style.scss */
      .product_listb .product_link {
        max-width: 200px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1880, style.scss */
      .product_listb .product_link {
        max-width: 200px; } }
    @media screen and (max-width: 600px) {
      /* line 1880, style.scss */
      .product_listb .product_link {
        max-width: 300px; } }
    /* line 1896, style.scss */
    .product_listb .product_link a {
      text-decoration: none;
      color: #000;
      line-height: 1.3; }
      /* line 1901, style.scss */
      .product_listb .product_link a:hover {
        opacity: 0.6; }
      /* line 1904, style.scss */
      .product_listb .product_link a img {
        border: 1px solid #ccc; }
  /* line 1911, style.scss */
  .product_listb .product_img01_1 {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
    background-image: url("https://www.mallche.com/images/item_134544_img_01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (max-width: 600px) {
      /* line 1911, style.scss */
      .product_listb .product_img01_1 {
        height: calc(100vw - 40px); } }
  /* line 1929, style.scss */
  .product_listb .product_img01_2 {
    grid-row: 5 / 7;
    grid-column: 3 / 5;
    background-image: url("https://www.mallche.com/images/item_134451_img_03.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 1929, style.scss */
      .product_listb .product_img01_2 {
        grid-row: 5 / 7;
        grid-column: 3 / 5; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1929, style.scss */
      .product_listb .product_img01_2 {
        grid-row: 7 / 9;
        grid-column: 2 / 4; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1929, style.scss */
      .product_listb .product_img01_2 {
        grid-row: 7 / 9;
        grid-column: 2 / 4; } }
    @media screen and (max-width: 600px) {
      /* line 1929, style.scss */
      .product_listb .product_img01_2 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1955, style.scss */
  .product_listb .product_img01_3 {
    background-image: url("../images/img01_3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1955, style.scss */
      .product_listb .product_img01_3 {
        grid-row: 11 / 13;
        grid-column: 2 / 4; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1955, style.scss */
      .product_listb .product_img01_3 {
        grid-row: 11 / 13;
        grid-column: 2 / 4; } }
    @media screen and (max-width: 600px) {
      /* line 1955, style.scss */
      .product_listb .product_img01_3 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1977, style.scss */
  .product_listb .product_img02_1 {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
    background-image: url("https://www.mallche.com/images/item_134433_img_02.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (max-width: 600px) {
      /* line 1977, style.scss */
      .product_listb .product_img02_1 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1997, style.scss */
  .product_listb .product_img02_2 {
    background-image: url("https://www.mallche.com/images/item_85669_img_02.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1997, style.scss */
      .product_listb .product_img02_2 {
        grid-row: 6 / 8;
        grid-column: 1 / 3; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1997, style.scss */
      .product_listb .product_img02_2 {
        grid-row: 6 / 8;
        grid-column: 1 / 3; } }
    @media screen and (max-width: 600px) {
      /* line 1997, style.scss */
      .product_listb .product_img02_2 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 2019, style.scss */
  .product_listb .product_img02_3 {
    background-image: url("https://www.mallche.com/images/item_133923_img_01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 2019, style.scss */
      .product_listb .product_img02_3 {
        grid-row: 9 / 11;
        grid-column: 2 / 4; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 2019, style.scss */
      .product_listb .product_img02_3 {
        grid-row: 9 / 11;
        grid-column: 2 / 4; } }
    @media screen and (max-width: 600px) {
      /* line 2019, style.scss */
      .product_listb .product_img02_3 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 2041, style.scss */
  .product_listb .product_img02_4 {
    background-image: url("https://www.mallche.com/images/item_84820_img_04.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 2041, style.scss */
      .product_listb .product_img02_4 {
        grid-row: 11 / 13;
        grid-column: 1 / 3; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 2041, style.scss */
      .product_listb .product_img02_4 {
        grid-row: 11 / 13;
        grid-column: 1 / 3; } }
    @media screen and (max-width: 600px) {
      /* line 2041, style.scss */
      .product_listb .product_img02_4 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }

/* line 2064, style.scss */
.product_link_name {
  margin: 10px auto 0;
  width: fit-content;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 2070, style.scss */
.product_link_price {
  font-size: 14px;
  font-size: 1.4rem;
  color: #801414;
  text-align: center;
  font-weight: bold;
  margin-top: 5px; }

/* line 2082, style.scss */
.product_tableb table {
  border-top: 1px solid #17b486;
  border-left: 1px solid #17b486;
  width: 100%;
  line-height: 1.4; }
  /* line 2087, style.scss */
  .product_tableb table caption {
    margin-bottom: 10px; }
  /* line 2091, style.scss */
  .product_tableb table th,
  .product_tableb table td {
    border-bottom: 1px solid #17b486;
    border-right: 1px solid #17b486;
    padding: 5px 10px; }
    @media screen and (max-width: 600px) {
      /* line 2091, style.scss */
      .product_tableb table th,
      .product_tableb table td {
        font-size: 14px;
        font-size: 1.4rem; } }
  /* line 2109, style.scss */
  .product_tableb table thead th {
    text-align: center;
    background: #17b486;
    border-right: 1px solid #fff;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff; }
    @media screen and (max-width: 600px) {
      /* line 2109, style.scss */
      .product_tableb table thead th {
        font-size: 14px;
        font-size: 1.4rem; } }
    /* line 2127, style.scss */
    .product_tableb table thead th:last-of-type {
      border-right: 1px solid #17b486; }
  /* line 2132, style.scss */
  .product_tableb table td:nth-of-type(2) {
    word-break: break-all; }
  /* line 2143, style.scss */
  .product_tableb table td:last-of-type {
    color: #801414;
    text-align: right;
    font-size: 14px;
    font-weight: bold; }

/* line 2160, style.scss */
.product_title {
  margin: 30px 0 0; }

/* line 2163, style.scss */
.product_titleb {
  font-size: 125%; }

/* line 2166, style.scss */
.pickup_title {
  margin: 60px 0 0; }
  /* line 2168, style.scss */
  .pickup_title.first_title {
    margin: 10px 0 0; }

/* line 2172, style.scss */
.pickup_titleb {
  width: fit-content;
  text-align: center;
  margin: auto;
  background: #2f9a5a;
  font-size: 18px;
  font-size: 1.8rem;
  margin: auto;
  color: #fff;
  padding: 0 30px;
  position: relative; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 2172, style.scss */
    .pickup_titleb {
      padding: 5px 30px; } }
  @media screen and (max-width: 600px) {
    /* line 2172, style.scss */
    .pickup_titleb {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 5px 30px; } }
  /* line 2195, style.scss */
  .pickup_titleb span {
    display: inline-block;
    text-align: left; }
  /* line 2199, style.scss */
  .title1 .pickup_titleb {
    background: #2f9a5a; }
  /* line 2202, style.scss */
  .title2 .pickup_titleb {
    background: #9a2f39; }
  /* line 2205, style.scss */
  .pickup_titleb:before {
    display: block;
    content: '';
    width: 30px;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -15px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 2205, style.scss */
      .pickup_titleb:before {
        width: 20px;
        left: -10px; } }
    @media screen and (max-width: 600px) {
      /* line 2205, style.scss */
      .pickup_titleb:before {
        width: 20px;
        left: -10px; } }
  /* line 2228, style.scss */
  .pickup_titleb:after {
    display: block;
    content: '';
    width: 30px;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -15px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 2228, style.scss */
      .pickup_titleb:after {
        width: 20px;
        right: -10px; } }
    @media screen and (max-width: 600px) {
      /* line 2228, style.scss */
      .pickup_titleb:after {
        width: 20px;
        right: -10px; } }

/* line 2252, style.scss */
.pickup_txt {
  margin: 10px 0 0; }

/*# sourceMappingURL=style.css.map */
