/* 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: 600;
  font-style: normal; }

/* line 31, style.scss */
.title-b {
  /*font-family: "Kaisei Opti", serif;
  font-weight: 700;
  font-style: normal;*/
  font-family: "Noto Serif JP", 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-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1em; }

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

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

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

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

/* line 87, 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; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 87, style.scss */
    .title_imgb {
      height: 30vw; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 87, style.scss */
    .title_imgb {
      height: 30vw; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 87, style.scss */
    .title_imgb {
      height: 50vw; } }
  @media screen and (max-width: 600px) {
    /* line 87, style.scss */
    .title_imgb {
      height: max(50vw, 220px); } }
  /* line 109, style.scss */
  .title_imgb: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; }

/* line 124, 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 124, style.scss */
    .topic_stitle {
      width: 115.2px;
      height: 108px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 124, style.scss */
    .topic_stitle {
      width: 105.6px;
      height: 90px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 124, style.scss */
    .topic_stitle {
      width: 115.2px;
      height: 108px; } }
  @media screen and (max-width: 600px) {
    /* line 124, style.scss */
    .topic_stitle {
      width: 86.4px;
      height: 81px;
      left: 10vw; } }

/* line 153, 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 153, style.scss */
    .topic_stitleb {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 153, style.scss */
    .topic_stitleb {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 153, style.scss */
    .topic_stitleb {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (max-width: 600px) {
    /* line 153, style.scss */
    .topic_stitleb {
      font-size: 22px;
      font-size: 2.2rem; } }
  /* line 179, style.scss */
  .topic_stitleb span {
    margin-top: 20px;
    line-height: 1.2; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 179, style.scss */
      .topic_stitleb span {
        margin-top: 15px; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 179, style.scss */
      .topic_stitleb span {
        margin-top: 15px; } }
    @media screen and (max-width: 600px) {
      /* line 179, style.scss */
      .topic_stitleb span {
        margin-top: 15px; } }

/* line 195, style.scss */
.topic_title {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: fit-content;
  height: fit-content; }
  @media all and (min-width: 250.01px) and (max-width: 450px) {
    /* line 195, style.scss */
    .topic_title {
      top: auto;
      bottom: 30px;
      margin: 0 auto; } }

/* line 229, style.scss */
.topic_titleb div {
  text-align: center;
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.5;
  color: #a11414;
  text-shadow: 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white;
  font-weight: 700; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 229, style.scss */
    .topic_titleb div {
      font-size: 34px;
      font-size: 3.4rem; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 229, style.scss */
    .topic_titleb div {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 229, style.scss */
    .topic_titleb div {
      font-size: 30px;
      font-size: 3.0rem; } }
  @media screen and (max-width: 600px) {
    /* line 229, style.scss */
    .topic_titleb div {
      font-size: max(5vw, 24px); } }
/* line 253, style.scss */
.topic_titleb h2 {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1.5;
  text-align: center;
  color: #000;
  letter-spacing: 0.1rem;
  text-shadow: 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white;
  font-weight: 700; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 253, style.scss */
    .topic_titleb h2 {
      font-size: 32px;
      font-size: 3.2rem; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 253, style.scss */
    .topic_titleb h2 {
      font-size: 26px;
      font-size: 2.6rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 253, style.scss */
    .topic_titleb h2 {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (max-width: 600px) {
    /* line 253, style.scss */
    .topic_titleb h2 {
      font-size: max(4.7vw, 22px); } }
  /* line 277, style.scss */
  .topic_titleb h2 span {
    background: #009bb7;
    color: #fff;
    font-size: 85%;
    line-height: 1.0;
    padding: 3px 10px 5px;
    margin-right: 20px;
    text-shadow: none; }
    @media screen and (max-width: 600px) {
      /* line 277, style.scss */
      .topic_titleb h2 span {
        margin-right: 10px; } }
  /* line 295, style.scss */
  .topic_titleb h2 br.xxs-media {
    display: none; }
    @media all and (min-width: 250.01px) and (max-width: 450px) {
      /* line 295, style.scss */
      .topic_titleb h2 br.xxs-media {
        display: inline-block; } }

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

/* line 318, 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 318, style.scss */
    .topics_boxb {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 318, style.scss */
    .topics_boxb {
      font-size: 15px;
      font-size: 1.5rem; } }
  @media screen and (max-width: 600px) {
    /* line 318, style.scss */
    .topics_boxb {
      font-size: 15px;
      font-size: 1.5rem; } }

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

/* line 344, style.scss */
.lead_txt {
  margin: 30px 0 0; }
  /* line 347, 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 347, 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 347, style.scss */
      .lead_txt .lead_title {
        font-size: 20px;
        font-size: 2.0rem; } }
    @media screen and (max-width: 600px) {
      /* line 347, style.scss */
      .lead_txt .lead_title {
        font-size: 18px;
        font-size: 1.8rem; } }

/* line 373, style.scss */
.list {
  margin: 15px 0 0; }
  @media screen and (max-width: 600px) {
    /* line 373, style.scss */
    .list {
      margin: 5px 0 0; } }
  /* line 384, style.scss */
  .list ul {
    width: fit-content;
    margin: auto; }
    /* line 387, 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 387, style.scss */
        .list ul li {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 387, style.scss */
        .list ul li {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 600px) {
        /* line 387, style.scss */
        .list ul li {
          font-size: 16px;
          font-size: 1.6rem; } }
      /* line 405, 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 405, style.scss */
          .list ul li:before {
            width: 12px;
            height: 12px;
            top: 11px; } }
        @media screen and (max-width: 600px) {
          /* line 405, style.scss */
          .list ul li:before {
            width: 12px;
            height: 12px;
            top: 11px;
            margin-right: 6px; } }

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

/* line 446, style.scss */
.content_listb {
  padding: 20px;
  /*border-radius: 10px;
  background: #ecfcff;*/
  background: #f7f6eb; }
  /* line 451, style.scss */
  .content_listb h3 {
    color: #009bb7;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    border-top: 1px solid #009bb7;
    border-bottom: 1px solid #009bb7;
    text-align: center;
    padding: 3px 0; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 451, style.scss */
      .content_listb h3 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 451, style.scss */
      .content_listb h3 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (max-width: 600px) {
      /* line 451, style.scss */
      .content_listb h3 {
        font-size: 16px;
        font-size: 1.6rem; } }
  /* line 475, style.scss */
  .content_listb dl {
    margin: 10px auto 0;
    width: fit-content;
    counter-reset: listnum; }
    /* line 479, style.scss */
    .content_listb dl a {
      text-decoration: none;
      color: #000000; }
      /* line 482, style.scss */
      .content_listb dl a:hover {
        text-decoration: underline;
        opacity: 0.6; }
    /* line 488, style.scss */
    .content_listb dl dt:before {
      counter-increment: listnum;
      content: counter(listnum) "."; }
    /* line 493, style.scss */
    .content_listb dl dd {
      margin-left: 1.5em; }
      /* line 495, 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 508, style.scss */
.topics_main_title {
  margin: 60px 0 0; }

/* line 512, 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; }
  /* line 518, style.scss */
  .topics_main_titleb h3 span {
    font-size: 24px;
    font-size: 2.4rem;
    color: #000;
    display: inline;
    text-align: left;
    /*background-image: url("../images/title_bg01.png");
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: 12px auto;*/
    background: linear-gradient(transparent 75%, #caeef0 75%);
    padding: 0 10px; }
    /* line 530, style.scss */
    .title01 .topics_main_titleb h3 span {
      background: linear-gradient(transparent 75%, #caeef0 75%); }
    /* line 534, style.scss */
    .title02 .topics_main_titleb h3 span {
      background: linear-gradient(transparent 75%, #f5d5d6 75%); }
    /* line 538, style.scss */
    .title03 .topics_main_titleb h3 span {
      background: linear-gradient(transparent 75%, #bfe4e4 75%); }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 518, style.scss */
      .topics_main_titleb h3 span {
        font-size: 20px;
        font-size: 2.0rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 518, style.scss */
      .topics_main_titleb h3 span {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.5; } }
    @media screen and (max-width: 600px) {
      /* line 518, style.scss */
      .topics_main_titleb h3 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.5; } }

/* line 561, style.scss */
.about_box,
.point_box {
  margin: 20px 0 0; }

@media screen and (min-width: 600.01px) and (max-width: 760px) {
  /* line 577, style.scss */
  .about_boxb .about_txt,
  .about_boxb .point_txt,
  .point_box .about_txt,
  .point_box .point_txt {
    width: 100%; } }
@media screen and (max-width: 600px) {
  /* line 577, style.scss */
  .about_boxb .about_txt,
  .about_boxb .point_txt,
  .point_box .about_txt,
  .point_box .point_txt {
    width: 100%; } }
/* line 592, style.scss */
.about_boxb .about_txt h5,
.about_boxb .point_txt h5,
.point_box .about_txt h5,
.point_box .point_txt h5 {
  font-size: 20px;
  font-size: 2.0rem; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 592, style.scss */
    .about_boxb .about_txt h5,
    .about_boxb .point_txt h5,
    .point_box .about_txt h5,
    .point_box .point_txt h5 {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 592, style.scss */
    .about_boxb .about_txt h5,
    .about_boxb .point_txt h5,
    .point_box .about_txt h5,
    .point_box .point_txt h5 {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (max-width: 600px) {
    /* line 592, style.scss */
    .about_boxb .about_txt h5,
    .about_boxb .point_txt h5,
    .point_box .about_txt h5,
    .point_box .point_txt h5 {
      font-size: 18px;
      font-size: 1.8rem; } }
/* line 610, style.scss */
.about_boxb .about_txt p,
.about_boxb .point_txt p,
.point_box .about_txt p,
.point_box .point_txt p {
  margin-top: 15px; }
/* line 614, style.scss */
.about_boxb .about_img,
.about_boxb .point_img,
.point_box .about_img,
.point_box .point_img {
  max-width: 230px;
  width: 100%;
  margin: 0 0 30px 50px;
  float: right; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 614, style.scss */
    .about_boxb .about_img,
    .about_boxb .point_img,
    .point_box .about_img,
    .point_box .point_img {
      max-width: 220px;
      margin: 10px 0 0 20px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 614, style.scss */
    .about_boxb .about_img,
    .about_boxb .point_img,
    .point_box .about_img,
    .point_box .point_img {
      max-width: 200px;
      margin: 10px 0 0 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 614, style.scss */
    .about_boxb .about_img,
    .about_boxb .point_img,
    .point_box .about_img,
    .point_box .point_img {
      float: none;
      max-width: 300px;
      margin: 0 auto 0; } }
  @media screen and (max-width: 600px) {
    /* line 614, style.scss */
    .about_boxb .about_img,
    .about_boxb .point_img,
    .point_box .about_img,
    .point_box .point_img {
      float: none;
      max-width: 300px;
      margin: 0 auto 0; } }
@media screen and (min-width: 600.01px) and (max-width: 760px) {
  /* line 642, style.scss */
  .about_boxb .point_img,
  .point_box .point_img {
    margin: 15px auto 0; } }
@media screen and (max-width: 600px) {
  /* line 642, style.scss */
  .about_boxb .point_img,
  .point_box .point_img {
    margin: 15px auto 0; } }

/* line 655, style.scss */
.trivia_box {
  margin: 0; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 655, style.scss */
    .trivia_box {
      margin: 30px 0 0; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 655, style.scss */
    .trivia_box {
      margin: 30px 0 0; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 655, style.scss */
    .trivia_box {
      margin: 30px 0 0; } }
  @media screen and (max-width: 600px) {
    /* line 655, style.scss */
    .trivia_box {
      margin: 30px 0 0; } }

/* line 673, style.scss */
.trivia_boxb {
  background: #e8f5f4;
  padding: 10px; }

/* line 678, style.scss */
.trivia_boxc {
  border: 1px solid #fff;
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 678, style.scss */
    .trivia_boxc {
      display: block; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 678, style.scss */
    .trivia_boxc {
      display: block; } }
  @media screen and (max-width: 600px) {
    /* line 678, style.scss */
    .trivia_boxc {
      display: block; } }
  /* line 696, style.scss */
  .trivia_boxc .trivia_txt {
    width: calc(100% - 310px); }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 696, style.scss */
      .trivia_boxc .trivia_txt {
        width: calc(100% - 250px); } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 696, style.scss */
      .trivia_boxc .trivia_txt {
        width: 100%; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 696, style.scss */
      .trivia_boxc .trivia_txt {
        width: 100%; } }
    @media screen and (max-width: 600px) {
      /* line 696, style.scss */
      .trivia_boxc .trivia_txt {
        width: 100%; } }
    /* line 713, style.scss */
    .trivia_boxc .trivia_txt .bg_circle {
      position: relative; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 713, style.scss */
        .trivia_boxc .trivia_txt .bg_circle {
          text-align: center; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 713, style.scss */
        .trivia_boxc .trivia_txt .bg_circle {
          text-align: center; } }
      @media screen and (max-width: 600px) {
        /* line 713, style.scss */
        .trivia_boxc .trivia_txt .bg_circle {
          text-align: center; } }
      /* line 726, style.scss */
      .trivia_boxc .trivia_txt .bg_circle:before {
        display: block;
        content: '';
        width: 170px;
        /*height: 50px;
        background-image: radial-gradient(circle, #fff calc(50% - 1px), transparent 50%), radial-gradient(circle, #fff calc(50% - 1px), transparent 50%), radial-gradient(circle, #fff calc(50% - 1px), transparent 50%), radial-gradient(circle, #fff calc(50% - 1px), transparent 50%), radial-gradient(circle, #fff calc(50% - 1px), transparent 50%);
        background-size: 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: top 0px left 0px, top 0px left 26px, top 0px left 52px, top 0px left 78px, top 0px left 104px;*/
        height: 36px;
        background: #fff;
        position: absolute;
        top: 3px;
        left: 0; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 726, style.scss */
          .trivia_boxc .trivia_txt .bg_circle:before {
            left: 0;
            right: 0;
            margin: auto; } }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 726, style.scss */
          .trivia_boxc .trivia_txt .bg_circle:before {
            width: 145px;
            top: 2px;
            left: 0;
            right: 2px;
            margin: auto;
            background-size: 45px 45px, 45px 45px, 45px 45px, 45px 45px, 45px 45px;
            background-position: top 0px left 0px, top 0px left 24px, top 0px left 48px, top 0px left 72px, top 0px left 96px; } }
        @media screen and (max-width: 600px) {
          /* line 726, style.scss */
          .trivia_boxc .trivia_txt .bg_circle:before {
            width: 145px;
            top: 2px;
            left: 2px;
            right: 0;
            margin: auto;
            background-size: 45px 45px, 45px 45px, 45px 45px, 45px 45px, 45px 45px;
            background-position: top 0px left 0px, top 0px left 24px, top 0px left 48px, top 0px left 72px, top 0px left 96px; } }
      /* line 770, style.scss */
      .trivia_boxc .trivia_txt .bg_circle h5 {
        display: inline-block;
        position: relative;
        /*background: linear-gradient(90deg,rgba(40, 166, 181, 1) 0%, rgba(120, 158, 235, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        color: #28a6b5;
        font-size: 22px;
        font-size: 2.2rem;
        letter-spacing: 3px;
        margin-left: 25px;
        font-weight: 800; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 770, style.scss */
          .trivia_boxc .trivia_txt .bg_circle h5 {
            margin-left: 0px;
            font-size: 18px;
            font-size: 1.8rem; } }
        @media screen and (max-width: 600px) {
          /* line 770, style.scss */
          .trivia_boxc .trivia_txt .bg_circle h5 {
            margin-left: 0px;
            font-size: 18px;
            font-size: 1.8rem; } }
    /* line 798, style.scss */
    .trivia_boxc .trivia_txt p {
      margin: 10px 0 0; }
  /* line 802, style.scss */
  .trivia_boxc .trivia_img {
    max-width: 260px;
    width: 100%; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 802, style.scss */
      .trivia_boxc .trivia_img {
        max-width: 230px; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 802, style.scss */
      .trivia_boxc .trivia_img {
        margin: 20px auto 0; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 802, style.scss */
      .trivia_boxc .trivia_img {
        margin: 20px auto 0; } }
    @media screen and (max-width: 600px) {
      /* line 802, style.scss */
      .trivia_boxc .trivia_img {
        margin: 20px auto 0; } }

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

/* line 832, style.scss */
.topics_main_stitleb {
  text-align: center; }
  /* line 842, style.scss */
  .topics_main_stitleb h3 {
    display: inline-block;
    line-height: 1.0;
    font-size: 20px;
    font-size: 2.0rem;
    padding: 10px 30px;
    color: #ffffff;
    letter-spacing: 0.1rem;
    background: linear-gradient(90deg, #28a6b5 0%, #789eeb 100%);
    position: relative; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 842, style.scss */
      .topics_main_stitleb h3 {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 8px 30px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 842, style.scss */
      .topics_main_stitleb h3 {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 8px 30px; } }
    @media screen and (max-width: 600px) {
      /* line 842, style.scss */
      .topics_main_stitleb h3 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 8px 30px; } }
    /* line 869, style.scss */
    .topics_main_stitleb h3:before {
      display: block;
      content: '';
      height: 100%;
      width: 30px;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      left: -15px;
      top: 0; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 869, style.scss */
        .topics_main_stitleb h3:before {
          width: 20px;
          left: -10px; } }
      @media screen and (max-width: 600px) {
        /* line 869, style.scss */
        .topics_main_stitleb h3:before {
          width: 20px;
          left: -10px; } }
    /* line 894, style.scss */
    .topics_main_stitleb h3:after {
      display: block;
      content: '';
      height: 100%;
      width: 30px;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      right: -15px;
      top: 0; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 894, style.scss */
        .topics_main_stitleb h3:after {
          width: 20px;
          right: -10px; } }
      @media screen and (max-width: 600px) {
        /* line 894, style.scss */
        .topics_main_stitleb h3:after {
          width: 20px;
          right: -10px; } }
    /* line 919, style.scss */
    .title01 .topics_main_stitleb h3 {
      background: linear-gradient(90deg, #28a6b5 0%, #789eeb 100%); }
    /* line 922, style.scss */
    .title02 .topics_main_stitleb h3 {
      background: linear-gradient(90deg, #e68285 0%, #efa777 100%); }
  /* line 926, style.scss */
  .product_title .topics_main_stitleb {
    padding: 15px 20px; }

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

/* line 933, 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 933, style.scss */
    .merit_boxb {
      padding: 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 933, style.scss */
    .merit_boxb {
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 933, style.scss */
    .merit_boxb {
      padding: 15px; } }
  /* line 953, style.scss */
  .merit_boxb dl dt {
    color: #ff6600; }
    /* line 955, 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 967, style.scss */
  .merit_boxb dl dd {
    padding-left: 20px; }
    /* line 969, style.scss */
    .merit_boxb dl dd + dt {
      margin-top: 25px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 969, style.scss */
        .merit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 969, style.scss */
        .merit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (max-width: 600px) {
        /* line 969, style.scss */
        .merit_boxb dl dd + dt {
          margin-top: 10px; } }

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

/* line 990, 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 990, style.scss */
    .demerit_boxb {
      padding: 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 990, style.scss */
    .demerit_boxb {
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 990, style.scss */
    .demerit_boxb {
      padding: 15px; } }
  /* line 1010, style.scss */
  .demerit_boxb dl dt {
    color: #1b5683; }
    /* line 1012, 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 1024, style.scss */
  .demerit_boxb dl dd {
    padding-left: 20px; }
    /* line 1026, style.scss */
    .demerit_boxb dl dd + dt {
      margin-top: 25px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1026, style.scss */
        .demerit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 1026, style.scss */
        .demerit_boxb dl dd + dt {
          margin-top: 15px; } }
      @media screen and (max-width: 600px) {
        /* line 1026, style.scss */
        .demerit_boxb dl dd + dt {
          margin-top: 10px; } }

/* line 1048, 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 1058, style.scss */
  .sort_pointb h5 span {
    display: inline-block;
    text-align: left; }
/* line 1063, style.scss */
.sort_pointb p {
  margin-top: 10px; }
  /* line 1065, style.scss */
  .sort_pointb p.center {
    text-align: center; }
    /* line 1067, style.scss */
    .sort_pointb p.center span {
      display: inline-block;
      text-align: left; }
/* line 1073, 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 1079, 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 1079, style.scss */
      .sort_pointb table th {
        padding: 5px; } }
  /* line 1097, 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 1097, style.scss */
      .sort_pointb table td {
        padding: 5px; } }
    /* line 1113, style.scss */
    .sort_pointb table td span {
      display: inline-block;
      text-align: left; }
  /* line 1118, style.scss */
  .sort_pointb table + h5 {
    margin-top: 25px; }

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

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

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

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

/* line 1151, 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 1151, style.scss */
    .list_boxb table {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1151, style.scss */
    .list_boxb table {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 600px) {
    /* line 1151, style.scss */
    .list_boxb table {
      font-size: 14px;
      font-size: 1.4rem; } }
  /* line 1170, 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 1170, style.scss */
      .list_boxb table th,
      .list_boxb table td {
        padding: 5px;
        line-height: 1.5; } }
  @media all and (min-width: 1200.01px) {
    /* line 1186, style.scss */
    .list_boxb table td {
      text-align: left;
      padding-left: 65px; } }
  /* line 1193, 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 1203, style.scss */
    .list_boxb table thead th:last-of-type {
      border-right: none; }
  /* line 1210, 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 1216, 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 1229, 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 1229, 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 1229, style.scss */
      .list_boxb table tbody td p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    /* line 1251, 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 1251, 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 1251, style.scss */
        .list_boxb table tbody td p:before {
          margin-right: 0;
          margin-bottom: 10px; } }
      @media screen and (max-width: 600px) {
        /* line 1251, style.scss */
        .list_boxb table tbody td p:before {
          margin-right: 0;
          margin-bottom: 10px; } }
    /* line 1278, style.scss */
    .list_boxb table tbody td p.list01 {
      color: #ff7c12; }
      /* line 1280, style.scss */
      .list_boxb table tbody td p.list01:before {
        width: 26px;
        height: 26px;
        background-image: url("../images/list_icon01.png");
        top: 7px; }
    /* line 1287, style.scss */
    .list_boxb table tbody td p.list02 {
      color: #000000; }
      /* line 1289, style.scss */
      .list_boxb table tbody td p.list02:before {
        width: 26px;
        height: 26px;
        background-image: url("../images/list_icon02.png");
        top: 7px; }
    /* line 1296, style.scss */
    .list_boxb table tbody td p.list03 {
      color: #385fad; }
      /* line 1298, style.scss */
      .list_boxb table tbody td p.list03:before {
        width: 28px;
        height: 24px;
        background-image: url("../images/list_icon03.png");
        top: 8px; }

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

/* line 1330, style.scss */
.matome_boxb {
  border: 1px solid #5ba1d7;
  padding: 30px 50px; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1330, style.scss */
    .matome_boxb {
      padding: 30px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1330, style.scss */
    .matome_boxb {
      padding: 30px; } }
  @media screen and (max-width: 600px) {
    /* line 1330, style.scss */
    .matome_boxb {
      padding: 20px; } }
  /* line 1345, style.scss */
  .matome_boxb .matome_title {
    margin-top: -65px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1345, style.scss */
      .matome_boxb .matome_title {
        margin-top: -60px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1345, style.scss */
      .matome_boxb .matome_title {
        margin-top: -60px; } }
    @media screen and (max-width: 600px) {
      /* line 1345, style.scss */
      .matome_boxb .matome_title {
        margin-top: -45px; } }
  /* line 1360, 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 1395, style.scss */
    .matome_boxb .matome_titleb h3 span {
      position: relative;
      letter-spacing: 8px;
      padding: 0 17px 2px 23px;
      color: #fff;
      font-size: 32px;
      font-size: 3.2rem;
      background: linear-gradient(90deg, #28a6b5 0%, #789eeb 100%); }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 1395, style.scss */
        .matome_boxb .matome_titleb h3 span {
          font-size: 28px;
          font-size: 2.8rem;
          letter-spacing: 4px;
          padding: 0 17px 2px 21px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 1395, style.scss */
        .matome_boxb .matome_titleb h3 span {
          font-size: 28px;
          font-size: 2.8rem;
          letter-spacing: 4px;
          padding: 0 17px 2px 21px; } }
      @media screen and (max-width: 600px) {
        /* line 1395, style.scss */
        .matome_boxb .matome_titleb h3 span {
          font-size: 22px;
          font-size: 2.2rem;
          letter-spacing: 5px;
          padding: 0 19px 2px 22px; } }
  /* line 1426, style.scss */
  .matome_boxb p {
    margin-top: 15px; }

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

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

/* line 1450, 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 1450, style.scss */
    .attention_boxb {
      padding: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 1450, style.scss */
    .attention_boxb {
      padding: 20px 15px 15px; } }
  /* line 1469, 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 1469, style.scss */
      .attention_boxb h4 {
        font-size: 16px;
        font-size: 1.6rem;
        top: -15px; } }
    @media screen and (max-width: 600px) {
      /* line 1469, style.scss */
      .attention_boxb h4 {
        font-size: 16px;
        font-size: 1.6rem;
        top: -15px; } }

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

/* line 1535, style.scss */
.product_lead {
  margin: 20px 0 0; }

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

/* line 1551, style.scss */
.product_flexb {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media screen and (max-width: 600px) {
    /* line 1551, style.scss */
    .product_flexb {
      display: block; } }
  /* line 1567, 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 1567, style.scss */
      .product_flexb .product_flex_img1 {
        margin: 0 auto 10px; } }
    @media screen and (max-width: 600px) {
      /* line 1567, style.scss */
      .product_flexb .product_flex_img1 {
        margin: 0 auto 10px; } }

/* line 1599, style.scss */
.product_txtb h4 {
  padding: 0 5px 3px;
  font-size: 110%;
  line-height: 1.5;
  border-bottom: 2px solid #94dfc9; }
/* line 1606, style.scss */
.product_txtb p {
  margin: 20px 0 0; }
/* line 1609, style.scss */
.product_txtb dl.point {
  margin: 15px 0 0; }
  /* line 1611, style.scss */
  .product_txtb dl.point dt {
    font-weight: 500; }
  /* line 1614, style.scss */
  .product_txtb dl.point dd {
    padding-left: 0.5em; }
    /* line 1616, style.scss */
    .product_txtb dl.point dd + dt {
      margin-top: 10px; }
  /* line 1621, style.scss */
  .product_txtb dl.point.point_color dt {
    color: #17b486; }
    /* line 1623, 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 1633, style.scss */
  .product_txtb dl.point.point_color dd {
    padding-left: 20px; }
    /* line 1635, style.scss */
    .product_txtb dl.point.point_color dd + dt {
      margin-top: 5px; }
/* line 1641, style.scss */
.product_txtb .column {
  margin: 20px 0 0; }
/* line 1644, style.scss */
.product_txtb .columnb {
  background: #d1f0e7;
  border-radius: 10px;
  padding: 20px; }

/* line 1650, 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 1650, style.scss */
    .product_listb {
      column-gap: 15px;
      row-gap: 30px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 1650, 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 1650, style.scss */
    .product_listb {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 10px;
      row-gap: 20px; } }
  @media screen and (max-width: 600px) {
    /* line 1650, style.scss */
    .product_listb {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 10px;
      row-gap: 20px; } }
  /* line 1674, style.scss */
  .product_listb .product_link {
    max-width: 179px;
    width: 100%; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1674, style.scss */
      .product_listb .product_link {
        max-width: 200px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1674, style.scss */
      .product_listb .product_link {
        max-width: 200px; } }
    @media screen and (max-width: 600px) {
      /* line 1674, style.scss */
      .product_listb .product_link {
        max-width: 300px; } }
    /* line 1690, style.scss */
    .product_listb .product_link a {
      text-decoration: none;
      color: #000;
      line-height: 1.3; }
      /* line 1695, style.scss */
      .product_listb .product_link a:hover {
        opacity: 0.6; }
      /* line 1698, style.scss */
      .product_listb .product_link a img {
        border: 1px solid #ccc; }
  /* line 1705, 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 1705, style.scss */
      .product_listb .product_img01_1 {
        height: calc(100vw - 40px); } }
  /* line 1723, 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 1723, 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 1723, 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 1723, style.scss */
      .product_listb .product_img01_2 {
        grid-row: 7 / 9;
        grid-column: 2 / 4; } }
    @media screen and (max-width: 600px) {
      /* line 1723, style.scss */
      .product_listb .product_img01_2 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1749, 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 1749, 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 1749, style.scss */
      .product_listb .product_img01_3 {
        grid-row: 11 / 13;
        grid-column: 2 / 4; } }
    @media screen and (max-width: 600px) {
      /* line 1749, style.scss */
      .product_listb .product_img01_3 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1771, 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 1771, style.scss */
      .product_listb .product_img02_1 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1791, 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 1791, 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 1791, style.scss */
      .product_listb .product_img02_2 {
        grid-row: 6 / 8;
        grid-column: 1 / 3; } }
    @media screen and (max-width: 600px) {
      /* line 1791, style.scss */
      .product_listb .product_img02_2 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1813, 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 1813, 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 1813, style.scss */
      .product_listb .product_img02_3 {
        grid-row: 9 / 11;
        grid-column: 2 / 4; } }
    @media screen and (max-width: 600px) {
      /* line 1813, style.scss */
      .product_listb .product_img02_3 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }
  /* line 1835, 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 1835, 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 1835, style.scss */
      .product_listb .product_img02_4 {
        grid-row: 11 / 13;
        grid-column: 1 / 3; } }
    @media screen and (max-width: 600px) {
      /* line 1835, style.scss */
      .product_listb .product_img02_4 {
        grid-row: auto;
        grid-column: 1 / 3;
        height: calc(100vw - 40px); } }

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

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

/* line 1876, style.scss */
.product_tableb table {
  border-top: 1px solid #17b486;
  border-left: 1px solid #17b486;
  width: 100%;
  line-height: 1.4; }
  /* line 1881, style.scss */
  .product_tableb table caption {
    margin-bottom: 10px; }
  /* line 1885, 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 1885, style.scss */
      .product_tableb table th,
      .product_tableb table td {
        font-size: 14px;
        font-size: 1.4rem; } }
  /* line 1903, 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 1903, style.scss */
      .product_tableb table thead th {
        font-size: 14px;
        font-size: 1.4rem; } }
    /* line 1921, style.scss */
    .product_tableb table thead th:last-of-type {
      border-right: 1px solid #17b486; }
  /* line 1926, style.scss */
  .product_tableb table td:nth-of-type(2) {
    word-break: break-all; }
  /* line 1937, style.scss */
  .product_tableb table td:last-of-type {
    color: #801414;
    text-align: right;
    font-size: 14px;
    font-weight: bold; }

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

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

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

/* line 1966, 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 1966, style.scss */
    .pickup_titleb {
      padding: 5px 30px; } }
  @media screen and (max-width: 600px) {
    /* line 1966, style.scss */
    .pickup_titleb {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 5px 30px; } }
  /* line 1989, style.scss */
  .pickup_titleb span {
    display: inline-block;
    text-align: left; }
  /* line 1993, style.scss */
  .title1 .pickup_titleb {
    background: #2f9a5a; }
  /* line 1996, style.scss */
  .title2 .pickup_titleb {
    background: #9a2f39; }
  /* line 1999, 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 1999, style.scss */
      .pickup_titleb:before {
        width: 20px;
        left: -10px; } }
    @media screen and (max-width: 600px) {
      /* line 1999, style.scss */
      .pickup_titleb:before {
        width: 20px;
        left: -10px; } }
  /* line 2022, 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 2022, style.scss */
      .pickup_titleb:after {
        width: 20px;
        right: -10px; } }
    @media screen and (max-width: 600px) {
      /* line 2022, style.scss */
      .pickup_titleb:after {
        width: 20px;
        right: -10px; } }

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

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