@charset "UTF-8";
/* ===================================================================
Style CSS
ウィンドウ幅[1024px～]の場合に適用
=================================================================== */
/* ===================================================================
各ページ共通
=================================================================== */
.sp_on {
  display: none !important; }

.pc_on {
  display: block !important; }

/*	body
--------------------------------------------------------------------*/
/*	h
--------------------------------------------------------------------*/
.column h2 {
  position: relative;
  padding: .6em;
  font-size: 2.4rem;
  font-weight: bold;
  border-top: 3px solid #23ac38;
  border-bottom: 1px dotted #7e7e7e; }
  .column h2:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #23ac38; }

.column h3 {
  padding: .6em .4em;
  font-size: 2.1rem;
  border-bottom: 3px solid #23ac38;
  background: #f8f8f8; }

.column h4 {
  margin-bottom: 0;
  padding: .4em 0 1em;
  font-size: 1.8rem; }
  .column h4:before {
    content: '\f10c';
    padding-right: .4em;
    font-family: 'FontAwesome';
    color: #23ac38; }

.column h5 {
  padding: .4em 0;
  font-size: 1.6rem;
  color: #23ac38; }

.column h6 {
  padding: .4em 0;
  font-size: 1.6rem; }

.ttl_bg_green {
  margin-bottom: 1em;
  padding: 5px 10px;
  font-weight: normal;
  color: #23ac38;
  border-top: none;
  border-bottom: none;
  background: #d9f1bc; }

.bdb_2color {
  position: relative;
  margin-bottom: 1em;
  padding: 1em 0; }
  .bdb_2color:before, .bdb_2color:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px; }
  .bdb_2color:before {
    width: 100%;
    background: #c4e4c9; }
  .bdb_2color:after {
    width: 25%;
    background: #23ac38; }

/*	ul,ol
--------------------------------------------------------------------*/
.column .editor ul {
  padding-bottom: 1em;
  padding-left: 1.5em; }
  .column .editor ul li {
    position: relative;
    padding-bottom: .4em; }
    .column .editor ul li:last-child {
      padding-bottom: 0; }
    .column .editor ul li:before {
      content: '●';
      position: absolute;
      top: 2px;
      left: -25px;
      font-size: 1.2rem;
      color: #ff9c00; }

.column .editor ol {
  padding-bottom: 1em;
  padding-left: 1.5em;
  list-style: decimal; }
  .column .editor ol ol {
    list-style: lower-alpha; }

.column .editor address {
  font-style: normal; }

/*	table
--------------------------------------------------------------------*/
.column table {
  color: #766665; }

.column th {
  background: #a8dcb0; }

/* ===================================================================
index
=================================================================== */
/*	slider
--------------------------------------------------------------------*/
.sec_slider {
  padding-bottom: 25px; }
  .sec_slider .inner {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto; }
  .sec_slider .thumb_slider {
    max-width: 940px;
    width: 100%;
    margin: auto; }
    .sec_slider .thumb_slider .slick-slide:not(:last-child) {
      margin-right: 10px; }
    .sec_slider .thumb_slider .slick-slide img {
      border: 1px solid #ccc;
      cursor: pointer; }

/*	cont_type_pt_1
--------------------------------------------------------------------*/
.cont_type_pt_1 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 1em; }
  .cont_type_pt_1 .inner img {
    border: 1px solid #ccc; }
  .cont_type_pt_1 .inner figure {
    width: 28%; }
  .cont_type_pt_1 .inner figcaption {
    width: 70%; }

/*	sec_ind_cont .parts_about
--------------------------------------------------------------------*/
.sec_ind_cont {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
@media screen and (min-width: 1023px) {
.sec_ind_cont {
  min-width: 1120px;
}
}


/* sec_ind_cont end */
.parts_about {
  max-width: 440px;
  width: 100%;
  margin-right: 2.65%;
  margin-bottom: 35px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #ff657e;
  box-shadow: inset 0 0 0 2px #ff657e; }
  .parts_about > .inner {
    padding: 10px 20px 20px; }
  .parts_about .ttl_pt_border {
    position: relative;
    padding: .6em;
    text-align: center;
    font-size: 2.2rem;
    font-weight: normal;
    color: white;
    border-radius: 4px;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 3px 0 #c95165;
    box-shadow: 0px 3px 0 #c95165;
    background-color: #ff657e; }
    .parts_about .ttl_pt_border:before, .parts_about .ttl_pt_border:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto; }
    .parts_about .ttl_pt_border:before {
      bottom: -19px;
      width: 16px;
      height: 16px;
      border-width: 8px;
      border-style: solid;
      border-color: transparent;
      border-top-color: #c95165; }
    .parts_about .ttl_pt_border:after {
      bottom: -8px;
      width: 14px;
      height: 8px; }
    .parts_about .ttl_pt_border:after {
      background-image: url(../images/index/ttl_pt_bdarrow_pink.png); }
  .parts_about .btn li {
    padding-bottom: 1em; }
  .parts_about .btn a {
    font-size: 1.8rem; }
  .parts_about .img {
    text-align: center; }

/*	sec_ind_cont .parts_search
--------------------------------------------------------------------*/
.parts_search {
  max-width: 310px;
  width: 100%;
  margin-right: 2.65%;
  margin-bottom: 35px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #6586e5;
  box-shadow: inset 0 0 0 2px #6586e5; }
  .parts_search > .inner {
    padding: 10px 20px 20px; }
  .parts_search .ttl_pt_border {
    position: relative;
    padding: .6em;
    text-align: center;
    font-size: 2.2rem;
    font-weight: normal;
    color: white;
    border-radius: 4px;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 3px 0 #3f5fba;
    box-shadow: 0px 3px 0 #3f5fba;
    background-color: #6586e5; }
    .parts_search .ttl_pt_border:before, .parts_search .ttl_pt_border:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto; }
    .parts_search .ttl_pt_border:before {
      bottom: -19px;
      width: 16px;
      height: 16px;
      border-width: 8px;
      border-style: solid;
      border-color: transparent;
      border-top-color: #3f5fba; }
    .parts_search .ttl_pt_border:after {
      bottom: -8px;
      width: 14px;
      height: 8px; }
    .parts_search .ttl_pt_border:after {
      background-image: url(../images/index/ttl_pt_bdarrow_blue.png); }
    .parts_search .ttl_pt_border .fa-search {
      margin-right: .5em; }
  .parts_search .btn {
    margin-bottom: 1em; }
    .parts_search .btn a {
      font-size: 1.8rem; }
  .parts_search .lst_cat {
    padding: 1em;
    font-size: 1.4rem;
    border-radius: 3px;
    border: 1px solid #ffa800; }
    .parts_search .lst_cat dt {
      margin-bottom: .6em;
      padding-left: .6em;
      font-size: 1.6rem;
      border-left: 5px solid #23ac38; }
    .parts_search .lst_cat dd span:not(:last-child):after {
      content: '/';
      padding-right: 5px;
      padding-left: 10px; }

/*	sec_ind_cont .parts_lnk
--------------------------------------------------------------------*/
.parts_lnk {
  max-width: 310px;
  width: 100%;
  margin-bottom: 35px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #f6b34a;
  box-shadow: inset 0 0 0 2px #f6b34a; }
  .parts_lnk > .inner {
    padding: 10px 20px 20px; }
  .parts_lnk .ttl_pt_border {
    position: relative;
    padding: .6em;
    text-align: center;
    font-size: 2.2rem;
    font-weight: normal;
    color: white;
    border-radius: 4px;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 3px 0 #bf8832;
    box-shadow: 0px 3px 0 #bf8832;
    background-color: #f6b34a; }
    .parts_lnk .ttl_pt_border:before, .parts_lnk .ttl_pt_border:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto; }
    .parts_lnk .ttl_pt_border:before {
      bottom: -19px;
      width: 16px;
      height: 16px;
      border-width: 8px;
      border-style: solid;
      border-color: transparent;
      border-top-color: #bf8832; }
    .parts_lnk .ttl_pt_border:after {
      bottom: -8px;
      width: 14px;
      height: 8px; }
    .parts_lnk .ttl_pt_border:after {
      background-image: url(../images/index/ttl_pt_bdarrow_yellow.png); }
  .parts_lnk .btn li:not(:last-child) {
    padding-bottom: 1em; }
  .parts_lnk .btn a {
    padding: .3em 1em; }
    .parts_lnk .btn a:after {
      font-size: 2.4rem; }

/*	sec_ind_cont .parts_counseling
--------------------------------------------------------------------*/
.parts_counseling {
  max-width: 780px;
  width: 100%;
  margin-right: 2.65%;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #54b045;
  box-shadow: inset 0 0 0 2px #54b045; }
  .parts_counseling > .inner {
    padding: 10px 20px 20px; }
  .parts_counseling .ttl_pt_border {
    position: relative;
    padding: .6em;
    text-align: center;
    font-size: 2.2rem;
    font-weight: normal;
    color: white;
    border-radius: 4px;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 3px 0 #3e8134;
    box-shadow: 0px 3px 0 #3e8134;
    background-color: #54b045; }
    .parts_counseling .ttl_pt_border:before, .parts_counseling .ttl_pt_border:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto; }
    .parts_counseling .ttl_pt_border:before {
      bottom: -19px;
      width: 16px;
      height: 16px;
      border-width: 8px;
      border-style: solid;
      border-color: transparent;
      border-top-color: #3e8134; }
    .parts_counseling .ttl_pt_border:after {
      bottom: -8px;
      width: 14px;
      height: 8px; }
    .parts_counseling .ttl_pt_border:after {
      background-image: url(../images/index/ttl_pt_bdarrow_green.png); }
  .parts_counseling .txt {
    padding-bottom: 1em;
    font-size: 1.4rem; }
  .parts_counseling .flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px; }
    .parts_counseling .flow li {
      position: relative;
      width: 25%;
      margin-right: 1px; }
      .parts_counseling .flow li:nth-of-type(1) {
        background: #ffeff2; }
      .parts_counseling .flow li:nth-of-type(2) {
        background: #eff3fc; }
      .parts_counseling .flow li:nth-of-type(3) {
        background: #fef7ed; }
      .parts_counseling .flow li:nth-of-type(4) {
        background: #ebf7ee; }
      .parts_counseling .flow li:not(:last-child):after {
        content: '';
        position: absolute;
        top: 110px;
        right: -28px;
        width: 28px;
        height: 80px;
        border-width: 40px 14px;
        border-style: solid;
        border-color: transparent;
        border-left-color: white;
        z-index: 1; }
    .parts_counseling .flow h3 {
      padding: 10px;
      border-bottom: 1px solid white; }
      .parts_counseling .flow h3 span {
        display: block; }
        .parts_counseling .flow h3 span:first-child {
          padding-bottom: 10px; }
        .parts_counseling .flow h3 span:last-child {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 38px; }
        .parts_counseling .flow h3 span img {
          display: block; }
  .parts_counseling .cont_flow_step .inner {
    text-align: center; }
  .parts_counseling .cont_flow_step img {
    width: 100px; }
  .parts_counseling .cont_flow_step figcaption {
    padding: 10px;
    font-size: 1.2rem; }
  .parts_counseling .btn {
    text-align: right; }
    .parts_counseling .btn a {
      width: 45%;
      padding: .3em 1em;
      text-align: left; }

/*	sec_ind_cont .parts_contact
--------------------------------------------------------------------*/
.parts_contact {
  max-width: 310px;
  width: 100%; }
  .parts_contact .btm_contact .ttl_bg_parts_contact .img {
    width: 100%; }
  .parts_contact .btm_contact .frm_btm_contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    background: none; }
    .parts_contact .btm_contact .frm_btm_contact li:before {
      content: none; }
    .parts_contact .btm_contact .frm_btm_contact .ptn {
      margin-bottom: 20px;
      padding: 20px;
      background: white; }
    .parts_contact .btm_contact .frm_btm_contact .frm_ttl {
      display: block;
      padding-bottom: 1em;
      text-align: center;
      font-size: 1.6rem; }
    .parts_contact .btm_contact .frm_btm_contact .txt_attach:after {
      content: none; }
  .parts_contact .btm_contact .tel {
    max-width: 100%; }
  .parts_contact .btm_contact .tel_nomber {
    font-size: 2.8rem; }

/*	sec_ind_info
--------------------------------------------------------------------*/
.sec_ind_info {
  padding-bottom: 45px; }
  .sec_ind_info h2 {
    margin-bottom: .6em;
    padding-left: .6em;
    font-size: 2.2rem;
    border-left: 5px solid #23ac38; }
  .sec_ind_info .ttl_bg_green {
    font-size: 1.7rem;
    text-align: center; }
  .sec_ind_info > p {
    padding-bottom: 1em; }
  .sec_ind_info img {
    border: 1px solid #ccc; }
  .sec_ind_info .lst_ind_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .sec_ind_info .lst_ind_info li {
      width: 23.5%; }
      .sec_ind_info .lst_ind_info li:not(:nth-child(4n)) {
        margin-right: 2.4%; }
  .sec_ind_info .cont_type_pt_1 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .sec_ind_info .cont_type_pt_1 .inner img {
      width: 100%;
      height: 180px;
      -o-object-fit: contain;
      object-fit: contain; }
    .sec_ind_info .cont_type_pt_1 .inner figure {
      width: 100%; }
    .sec_ind_info .cont_type_pt_1 .inner figcaption {
      width: 100%; }

/*	sec_ind_price_choose
--------------------------------------------------------------------*/
.sec_ind_price_choose {
  padding-bottom: 40px; }
  .sec_ind_price_choose h2 {
    margin-bottom: .6em;
    padding-left: .6em;
    font-size: 2.2rem;
    border-left: 5px solid #23ac38; }
  .sec_ind_price_choose > p {
    padding-bottom: 1em; }
  .sec_ind_price_choose .cont_ind_price_choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 25px; }
    .sec_ind_price_choose .cont_ind_price_choose > .inner {
      width: 49.5%; }
    .sec_ind_price_choose .cont_ind_price_choose .cont_left {
      padding: 1em;
      border-radius: 3px;
      border: 1px solid #23ac38; }
    .sec_ind_price_choose .cont_ind_price_choose .cont_right dl {
      padding: 1em;
      border-radius: 3px;
      border: 1px solid #23ac38; }
    .sec_ind_price_choose .cont_ind_price_choose .btn {
      margin-top: 1em; }
  .sec_ind_price_choose .lst_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .sec_ind_price_choose .lst_product a:hover {
      text-decoration: none; }
      .sec_ind_price_choose .lst_product a:hover figcaption {
        background: #d9f1bc; }
    .sec_ind_price_choose .lst_product li {
      width: 32%; }
      .sec_ind_price_choose .lst_product li:not(:last-child) {
        margin-right: 1.5%; }
    .sec_ind_price_choose .lst_product .parts_pt_product {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #23ac38; }
      .sec_ind_price_choose .lst_product .parts_pt_product .inner {
        width: 100px;
        border-right: 1px solid #23ac38; }
        .sec_ind_price_choose .lst_product .parts_pt_product .inner img {
          width: 100px;
          height: 100px;
          -o-object-fit: cover;
          object-fit: cover; }
      .sec_ind_price_choose .lst_product .parts_pt_product figcaption {
        width: 260px;
        background: #f6f6f6; }
      .sec_ind_price_choose .lst_product .parts_pt_product .ttl {
        padding: 6px 14px 0; }
        .sec_ind_price_choose .lst_product .parts_pt_product .ttl span {
          display: block; }
          .sec_ind_price_choose .lst_product .parts_pt_product .ttl span:first-child {
            font-size: 1.4rem;
            color: #333; }
          .sec_ind_price_choose .lst_product .parts_pt_product .ttl span:last-child {
            font-size: 2.2rem;
            color: #018c16; }
      .sec_ind_price_choose .lst_product .parts_pt_product .price {
        padding: 3px 14px;
        background: #23ac38; }
        .sec_ind_price_choose .lst_product .parts_pt_product .price span {
          display: inline-block; }
          .sec_ind_price_choose .lst_product .parts_pt_product .price span:first-child {
            margin-right: .6em;
            padding: 0 1em;
            font-size: 1.4rem;
            color: white;
            border-radius: 50px;
            background: #018c16; }
          .sec_ind_price_choose .lst_product .parts_pt_product .price span:last-child {
            font-size: 1.6rem;
            color: #ffe400; }

/*	sec_ranking
--------------------------------------------------------------------*/
.sec_ranking {
  padding-bottom: 40px; }
  .sec_ranking .ttl_bg_green {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    font-size: 2.2rem;
    color: #333; }
    .sec_ranking .ttl_bg_green img {
      width: 43px;
      height: 33px;
      margin-right: 10px; }
  .sec_ranking > p {
    padding-bottom: 1em; }
  .sec_ranking .lst_ranking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .sec_ranking .lst_ranking li {
      width: 18.5%;
      padding: 20px;
      border: 1px solid #d3edf2; }
      .sec_ranking .lst_ranking li:not(:last-child) {
        margin-right: 1%; }
      .sec_ranking .lst_ranking li:nth-of-type(1) {
        border-color: #e4c623; }
      .sec_ranking .lst_ranking li:nth-of-type(2) {
        border-color: #d3d3d3; }
      .sec_ranking .lst_ranking li:nth-of-type(3) {
        border-color: #8d6832; }
    .sec_ranking .lst_ranking a {
      text-decoration: none; }
  .sec_ranking .cont_type_pt_2 {
    position: relative; }
    .sec_ranking .cont_type_pt_2 .inner {
      padding-bottom: 1em; }
      .sec_ranking .cont_type_pt_2 .inner img {
        border: 1px solid #ccc; }
    .sec_ranking .cont_type_pt_2 figcaption {
      font-size: 1.4rem; }
      .sec_ranking .cont_type_pt_2 figcaption .ico_rank {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 33px;
        height: 35px; }
    .sec_ranking .cont_type_pt_2 .ttl {
      padding-bottom: 1em;
      min-height: 95px; }
    .sec_ranking .cont_type_pt_2 .price {
      color: #333; }
      .sec_ranking .cont_type_pt_2 .price span {
        margin-right: .8em;
        padding: 0 .8em;
        color: white;
        border-radius: 50px;
        background: #4499ae; }

/*	sec_news
--------------------------------------------------------------------*/
.sec_news {
  padding-bottom: 55px; }
  .sec_news .inner {
    padding: 20px;
    border: 1px solid #d9f1bc; }
  .sec_news .ttl_bg_green {
    font-size: 2.2rem; }
  .sec_news .lst_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .sec_news .lst_news a {
      text-decoration: underline; }
      .sec_news .lst_news a:hover {
        text-decoration: none; }
    .sec_news .lst_news dt,
    .sec_news .lst_news dd {
      border-bottom: 1px dotted #ccc; }
    .sec_news .lst_news dt {
      width: 15%;
      padding: 1em; }
    .sec_news .lst_news dd {
      width: 85%;
      padding: 1em 0; }
  .sec_news .btn {
    text-align: right; }
    .sec_news .btn a {
      width: 30%;
      padding: .6em 1em;
      text-align: center; }

/*	sec_perplexity
--------------------------------------------------------------------*/
.sec_perplexity {
  padding-bottom: 50px; }
  .sec_perplexity > .ttl_pt_border {
    text-align: center;
    font-weight: normal;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    margin-bottom: 1em;
    padding: 1em;
    font-size: 2.8rem;
    color: #23ac38;
    background-color: #d9f1bc;
    overflow: hidden; }
    .sec_perplexity > .ttl_pt_border span {
      position: relative; }
      .sec_perplexity > .ttl_pt_border span:before, .sec_perplexity > .ttl_pt_border span:after {
        content: '';
        position: absolute; }
      .sec_perplexity > .ttl_pt_border span:before {
        top: -19px;
        left: -60px;
        width: 61px;
        height: 110px;
        background: url(../images/index/img_ttl_bg_ind_perplexity_l.png) no-repeat;
        background-size: 52px; }
      .sec_perplexity > .ttl_pt_border span:after {
        top: -19px;
        right: -90px;
        width: 77px;
        height: 109px;
        background: url(../images/index/img_ttl_bg_ind_perplexity_r.png) no-repeat;
        background-size: 66px; }
  .sec_perplexity > p {
    padding-bottom: 45px;
    text-align: center; }
  .sec_perplexity .nav_perplexity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .sec_perplexity .nav_perplexity .inner {
      width: 260px;
      border-bottom: 4px solid #e5e5e5;
      background: #f8f8f8; }
      .sec_perplexity .nav_perplexity .inner:not(:nth-child(4n)) {
        margin-right: 1.5%; }
    .sec_perplexity .nav_perplexity .ttl_pt_border {
      text-align: center;
      font-weight: normal;
      background-image: url(../images/index/bg_border.png);
      background-repeat: repeat;
      margin: 0;
      padding: .8em 0;
      color: #333;
      border-top: 4px solid #23ac38;
      border-bottom: 1px solid #23ac38;
      background-color: #d9f1bc; }
    .sec_perplexity .nav_perplexity .lst_ico_arrow {
      padding: 20px; }
      .sec_perplexity .nav_perplexity .lst_ico_arrow li {
        position: relative;
        padding-bottom: .6em;
        padding-left: 30px; }
        .sec_perplexity .nav_perplexity .lst_ico_arrow li:before {
          content: '\f138';
          position: absolute;
          top: -5px;
          left: 0;
          width: 20px;
          height: 20px;
          font-family: 'Font Awesome 5 Free';
          font-size: 2rem;
          font-weight: bold;
          color: #23ac38; }

/*	area_bnr
--------------------------------------------------------------------*/
.area_bnr {
  padding-bottom: 50px; }
  .area_bnr .lst_bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .area_bnr .lst_bnr li {
      width: 208px; }
      .area_bnr .lst_bnr li:not(:nth-child(5n)) {
        margin-right: 1.7%; }
      .area_bnr .lst_bnr li img {
        border: 1px solid #ccc; }

/* ===================================================================
下層ページ共通
=================================================================== */
.degree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .degree span {
    width: 24.25%;
    margin-right: 1%; }
    .degree span:last-child {
      margin-right: 0; }

.lst_sub_info {
  padding: 1em 0 0;
  font-size: 1.2rem; }

/*	カテゴリーページリスト
--------------------------------------------------------------------*/
.column .txt_mp_btm {
  padding-bottom: 30px; }

.column .column_lst_cat {
  padding: 0; }
  .column .column_lst_cat li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc; }
    .column .column_lst_cat li:before {
      content: none; }
    .column .column_lst_cat li:last-child {
      border-bottom: none; }
  .column .column_lst_cat .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .column .column_lst_cat .inner figure {
      max-width: 260px;
      width: 100%;
      margin-right: 10px; }
      .column .column_lst_cat .inner figure img {
        border: 1px solid #ccc; }
    .column .column_lst_cat .inner figcaption {
      width: 100%; }

/*	カテゴリー詳細ページ
--------------------------------------------------------------------*/
.cat_post .cat_post_ttl {
  position: relative;
  margin-bottom: .6em;
  padding: .6em;
  font-size: 2.4rem;
  font-weight: bold;
  border-top: 3px solid #23ac38;
  border-bottom: 1px dotted #7e7e7e; }
  .cat_post .cat_post_ttl:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #23ac38; }

.cat_post .editor h2 {
  padding: .6em .4em;
  font-size: 2.1rem;
  border-top: none;
  border-bottom: 3px solid #23ac38;
  background: #f8f8f8; }
  .cat_post .editor h2:before {
    content: none; }

.cat_post .editor h3 {
  margin-bottom: 0;
  padding: .4em 0;
  font-size: 1.8rem;
  border: none;
  background: none; }
  .cat_post .editor h3:before {
    content: '\f10c';
    padding-right: .4em;
    font-family: 'FontAwesome';
    color: #23ac38; }

.column .lst_sns_btn {
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 50px 0;
  margin-bottom: 50px;
  border-bottom: 1px solid #ccc; }
  .column .lst_sns_btn li:before {
    content: none; }
  .column .lst_sns_btn li:not(:last-child) {
    padding-right: 1em; }

.post_nav {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px; }
  .post_nav a {
    display: block; }
  .post_nav .prev .fa {
    padding-right: .6em; }
  .post_nav .next .fa {
    padding-left: .6em; }

/*	btm_contact
--------------------------------------------------------------------*/
  .btm_contact > .inner {
    padding: 8px 0 20px;
    background: #ffa210; }
  .btm_contact .ttl_bg_parts_contact {
    position: relative;
    margin: 0;
    padding: .5em 0;
    font-size: 2.2rem;
    font-weight: normal;
    text-align: center;
    color: white;
    border: none; }
    .btm_contact .ttl_bg_parts_contact:before {
      content: none; }
    .btm_contact .ttl_bg_parts_contact .img {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 80px;
      margin: auto;
      overflow: hidden; }
      .btm_contact .ttl_bg_parts_contact .img:before, .btm_contact .ttl_bg_parts_contact .img:after {
        content: '';
        position: absolute;
        background-size: 40%;
        background-repeat: no-repeat; }
      .btm_contact .ttl_bg_parts_contact .img:before {
        top: 26px;
        left: 10px;
        width: 111px;
        height: 127px;
        background-image: url(../images/index/img_ttl_bg_ind_contact_l.png); }
      .btm_contact .ttl_bg_parts_contact .img:after {
        top: 25px;
        right: 13px;
        width: 80px;
        height: 151px;
        background-image: url(../images/index/img_ttl_bg_ind_contact_r.png);
        background-position: right top; }
  .btm_contact .frm_btm_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 20px 0;
    padding: 20px;
    background: white; }
    .btm_contact .frm_btm_contact ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      padding-bottom: 1em; }



@media screen and (min-width: 1024px) {
.btm_contact .frm_btm_contact li {
font-size: 2rem;
line-height: 2.5;
}
}


@media screen and (mmaxn-width: 1023px) {
.btm_contact .frm_btm_contact li {
font-size: 4vw;
line-height: 2.5;
}
}

    .btm_contact .frm_btm_contact li:not(:nth-child(3n)) {
      padding-right: .8em; }
    .btm_contact .frm_btm_contact li:before {
      content: none; }
    .btm_contact .frm_btm_contact .frm_ttl {
      display: none; }
    .btm_contact .frm_btm_contact .txt_attach {
      position: relative; }
      .btm_contact .frm_btm_contact .txt_attach:after {
        content: '※複数選択可';
        position: absolute;
        top: 5px;
        right: -70px;
        font-size: 1.2rem;
        color: #6f6f6f; }
    .btm_contact .frm_btm_contact button {
      position: relative;
      font-size: 1.6rem;
      color: white;
      border: 1px solid #23ac38;
      background: #23ac38;
      -webkit-box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white, 0 2px 0 rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white, 0 2px 0 rgba(0, 0, 0, 0.1); }
      .btm_contact .frm_btm_contact button:hover {
        color: #23ac38;
        background: white; }
      .btm_contact .frm_btm_contact button:after {
        content: '\f105';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 1em;
        bottom: 0;
        margin: auto;
        font-family: 'FontAwesome';
        font-size: 2rem;
        opacity: .8; }
  .btm_contact .tel {
    max-width: 250px;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border: 3px solid #ffe240;
    background: white; }
    .btm_contact .tel p {
      text-align: center; }
  .btm_contact .reception_time {
    padding-bottom: 1em;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-size: 2rem;
    font-weight: bold; }
    .btm_contact .reception_time span {
      display: block;
      font-size: 1.4rem;
      line-height: 1; }
  .btm_contact .tel_nomber {
    font-size: 2.6rem; }
    .btm_contact .tel_nomber:before {
      width: 37px;
      height: 23px; }

/*	btm_contact_v2
--------------------------------------------------------------------*/
.btm_contact_v2 {
  padding-bottom: 0px; }
  .btm_contact_v2 > .inner {
    padding-bottom: 20px;
    background: #ffa210; }
  .btm_contact_v2 .ttl_bg_parts_contact {
    position: relative;
    margin: 0;
    padding: .5em 0;
    font-size: 2.2rem;
    font-weight: normal;
    text-align: center;
    color: white;
    border: none; }
    .btm_contact_v2 .ttl_bg_parts_contact:before {
      content: none; }
    .btm_contact_v2 .ttl_bg_parts_contact .img {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 80px;
      margin: auto;
      overflow: hidden; }
      .btm_contact_v2 .ttl_bg_parts_contact .img:before, .btm_contact_v2 .ttl_bg_parts_contact .img:after {
        content: '';
        position: absolute;
        background-size: 40%;
        background-repeat: no-repeat; }
      .btm_contact_v2 .ttl_bg_parts_contact .img:before {
        top: 26px;
        left: 10px;
        width: 111px;
        height: 127px;
          background-image: url(../images/index/img_ttl_bg_ind_contact_l.png); }
      .btm_contact_v2 .ttl_bg_parts_contact .img:after {
        top: 25px;
        right: 26px;
        width: 80px;
        height: 151px;
        background-image: url(../images/index/img_ttl_bg_ind_contact_r.png);
        background-position: right top; }
  .btm_contact_v2 .frm_btm_contact {
    margin: 0 20px 0;
    padding: 20px;
    background: white; }
    .btm_contact_v2 .frm_btm_contact .main_img {
      margin-top: 0; }
    .btm_contact_v2 .frm_btm_contact .align_center_weight {
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1.25; }
    .btm_contact_v2 .frm_btm_contact .red {
      font-weight: bold;
      color: #f00; }
    .btm_contact_v2 .frm_btm_contact .marker {
      font-weight: bold;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff66));
      background: -webkit-linear-gradient(transparent 60%, #ffff66 60%);
      background: -o-linear-gradient(transparent 60%, #ffff66 60%);
      background: linear-gradient(transparent 60%, #ffff66 60%); }
    .btm_contact_v2 .frm_btm_contact .center_big {
      text-align: center;
      font-weight: bold;
      font-size: 2.4rem;
      line-height: 1.2; }
    .btm_contact_v2 .frm_btm_contact ul {
      padding-left: 50px; }
    .btm_contact_v2 .frm_btm_contact li {
      position: relative;
      margin-bottom: 12px;
      padding-left: 25px;
      font-weight: bold; }
      .btm_contact_v2 .frm_btm_contact li:before {
        position: absolute;
        top: -8px;
        left: 0;
        content: "\f14a";
        font-size: 2.2rem;
        font-weight: bold;
        color: #f00;
        font-family: fontAwesome; }
    .btm_contact_v2 .frm_btm_contact .align_center {
      text-align: center; }
    .btm_contact_v2 .frm_btm_contact .contact_area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .btm_contact_v2 .frm_btm_contact .contact_area .btn_area {
        width: 340px; }
        .btm_contact_v2 .frm_btm_contact .contact_area .btn_area p {
          margin: 0;
          border: 1px solid #23ac38;
          border-radius: 10px; }
          .btm_contact_v2 .frm_btm_contact .contact_area .btn_area p:hover {
            border: 1px solid #fff; }
          .btm_contact_v2 .frm_btm_contact .contact_area .btn_area p a {
            position: relative;
            display: block;
            padding: 15px 0;
            text-align: center;
            font-size: 1.6rem;
            color: #ffff;
            border: 1px solid #fff;
            background: #23ac38;
            border-radius: 10px; }
            .btm_contact_v2 .frm_btm_contact .contact_area .btn_area p a:hover {
              color: #23ac38;
              text-decoration: none;
              border: 1px solid #23ac38;
              background: #fff; }
            .btm_contact_v2 .frm_btm_contact .contact_area .btn_area p a:after {
              content: '\f105';
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              position: absolute;
              top: 0;
              right: 1em;
              bottom: 0;
              margin: auto;
              font-family: 'FontAwesome';
              font-size: 2rem;
              opacity: .8; }
        .btm_contact_v2 .frm_btm_contact .contact_area .btn_area p:first-child {
          margin-bottom: 20px; }
      .btm_contact_v2 .frm_btm_contact .contact_area .tel_area {
        width: 340px;
        padding: 20px;
        border: 3px solid #ffe240;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .btm_contact_v2 .frm_btm_contact .contact_area .tel_area p {
          margin: 0; }
        .btm_contact_v2 .frm_btm_contact .contact_area .tel_area .reception_time {
          margin-bottom: 1em;
          text-align: center;
          font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
          font-size: 2rem;
          font-weight: bold; }
          .btm_contact_v2 .frm_btm_contact .contact_area .tel_area .reception_time span {
            display: block;
            font-size: 1.3rem;
            line-height: 1; }
        .btm_contact_v2 .frm_btm_contact .contact_area .tel_area .tel_number {
          display: block;
          text-align: center;
          font-size: 2.6rem;
          font-weight: bold;
          color: #23ac38;
          line-height: 1; }
          .btm_contact_v2 .frm_btm_contact .contact_area .tel_area .tel_number:before {
            content: '';
            display: inline-block;
            width: 37px;
            height: 23px;
            margin-right: .2em;
            background: url(../images/common/ico_freedial.svg) no-repeat; }
          .btm_contact_v2 .frm_btm_contact .contact_area .tel_area .tel_number a {
            color: #23ac38; }
            .btm_contact_v2 .frm_btm_contact .contact_area .tel_area .tel_number a:hover {
              text-decoration: none; }

/*	btm_related/btm_news
--------------------------------------------------------------------*/
.btm_related,
.btm_news {
  margin-bottom: 30px;
  border-radius: 10px; }
  .btm_related .lst,
  .btm_news .lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px; }
    .btm_related .lst li,
    .btm_news .lst li {
      position: static;
      width: 24.25%;
      padding-bottom: 0; }
      .btm_related .lst li:not(:nth-child(4n)),
      .btm_news .lst li:not(:nth-child(4n)) {
        padding-right: 1%; }
      .btm_related .lst li:before,
      .btm_news .lst li:before {
        content: none; }
    .btm_related .lst img,
    .btm_news .lst img {
      width: 100%;
      height: 122px;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: 'object-fit: cover;'; }
    .btm_related .lst .ttl,
    .btm_news .lst .ttl {
      padding: 0;
      font-size: 1.4rem;
      font-weight: normal;
      border-bottom: none;
      background: none; }
    .btm_related .lst .txt,
    .btm_news .lst .txt {
      font-size: 1.2rem; }
  .btm_related .inner > figure,
  .btm_news .inner > figure {
    padding-bottom: 1em; }

.btm_related {
  -webkit-box-shadow: inset 0 0 0 2px #6586e5;
  box-shadow: inset 0 0 0 2px #6586e5; }
  .btm_related .ttl_pt_border {
    position: relative;
    padding: .6em;
    text-align: center;
    font-size: 2.2rem;
    font-weight: normal;
    color: white;
    border-radius: 4px;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 3px 0 #3f5fba;
    box-shadow: 0px 3px 0 #3f5fba;
    background-color: #6586e5;
    border-top: none;
    border-bottom: none; }
    .btm_related .ttl_pt_border:before, .btm_related .ttl_pt_border:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto; }
    .btm_related .ttl_pt_border:before {
      bottom: -19px;
      width: 16px;
      height: 16px;
      border-width: 8px;
      border-style: solid;
      border-color: transparent;
      border-top-color: #3f5fba; }
    .btm_related .ttl_pt_border:after {
      bottom: -8px;
      width: 14px;
      height: 8px; }
    .btm_related .ttl_pt_border:before {
      top: auto;
      background: none; }
    .btm_related .ttl_pt_border:after {
      top: auto;
      background-image: url(../images/index/ttl_pt_bdarrow_blue.png); }

.btm_news {
  -webkit-box-shadow: inset 0 0 0 2px #ff657e;
  box-shadow: inset 0 0 0 2px #ff657e; }
  .btm_news .ttl_pt_border {
    position: relative;
    padding: .6em;
    text-align: center;
    font-size: 2.2rem;
    font-weight: normal;
    color: white;
    border-radius: 4px;
    background-image: url(../images/index/bg_border.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 3px 0 #c95165;
    box-shadow: 0px 3px 0 #c95165;
    background-color: #ff657e;
    border-top: none;
    border-bottom: none; }
    .btm_news .ttl_pt_border:before, .btm_news .ttl_pt_border:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto; }
    .btm_news .ttl_pt_border:before {
      bottom: -19px;
      width: 16px;
      height: 16px;
      border-width: 8px;
      border-style: solid;
      border-color: transparent;
      border-top-color: #c95165; }
    .btm_news .ttl_pt_border:after {
      bottom: -8px;
      width: 14px;
      height: 8px; }
    .btm_news .ttl_pt_border:before {
      top: auto;
      background: none; }
    .btm_news .ttl_pt_border:after {
      top: auto;
      background-image: url(../images/index/ttl_pt_bdarrow_pink.png); }

/*	lst_related_products
--------------------------------------------------------------------*/
.related_products {
  padding-bottom: 30px; }
  .related_products .lst_related_products > li:first-child {
    border-top: 5px #23ac38 solid; }

.lst_related_products > li {
  padding: 2.6%; }
  .lst_related_products > li:last-child {
    padding-bottom: 2.6%; }
  .lst_related_products > li:nth-of-type(odd) {
    background: #f2fef4; }
  .lst_related_products > li:nth-of-type(even) {
    background: #fff1dc; }

.lst_related_products figcaption {
  width: 80%;
  padding-left: 3%; }

.lst_related_products h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 1em; }
  .lst_related_products h4 .img_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    border: 1px solid #ccc;
    background: white; }
  .lst_related_products h4 .txt {
    padding-left: .6em;
    font-size: 1.8rem; }
    .lst_related_products h4 .txt span:last-child {
      font-size: 1.2rem; }
    .lst_related_products h4 .txt a {
      text-decoration: underline; }
      .lst_related_products h4 .txt a:hover {
        text-decoration: none; }
  .lst_related_products h4 span {
    display: block; }
  .lst_related_products h4:before {
    content: none; }

.lst_related_products .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px; }

.lst_related_products .img {
  width: 20%; }
  .lst_related_products .img img {
    width: 100%;
    height: 142px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: cover;';
    border: 1px solid #ccc;
    background: white; }

.lst_related_products .tbl_price {
  margin-bottom: 20px;
  font-size: 1.6rem; }
  .lst_related_products .tbl_price th {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    text-align: center;
    background: #ecf4f7;
    border-bottom: none; }
  .lst_related_products .tbl_price td {
    width: 50%;
    padding: .4em 1em;
    background: white; }
    .lst_related_products .tbl_price td span {
      font-size: 1.4rem; }
      .lst_related_products .tbl_price td span:after {
        content: '：'; }

.lst_related_products .degree dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%; }
  .lst_related_products .degree dt:after {
    content: '：'; }

.lst_related_products .degree dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%; }

.lst_related_products .btn_product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0; }
  .lst_related_products .btn_product li {
    width: 49%; }
  .lst_related_products .btn_product a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    color: white;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white, 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white, 0 2px 0 rgba(0, 0, 0, 0.1); }
    .lst_related_products .btn_product a:hover {
      text-decoration: none; }
    .lst_related_products .btn_product a:after {
      content: '\f105';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: 0;
      right: 1em;
      bottom: 0;
      margin: auto;
      font-family: 'FontAwesome';
      font-size: 2rem;
      opacity: .8; }
  .lst_related_products .btn_product .bg_green a {
    border: 1px solid #23ac38;
    background: #23ac38; }
    .lst_related_products .btn_product .bg_green a:hover {
      color: #23ac38;
      background: white; }
  .lst_related_products .btn_product .bg_orange a {
    border: 1px solid #ff9c00;
    background: #ff9c00; }
    .lst_related_products .btn_product .bg_orange a:hover {
      color: #ff9c00;
      background: white; }

/*	一覧ページ
--------------------------------------------------------------------*/
.cnt_list .page_number {
  display: block;
  padding-bottom: 1em;
  font-size: 1.4rem; }

.cnt_list .nav_sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1em;
  font-size: 1.4rem; }
  .cnt_list .nav_sort span {
    display: block; }
    .cnt_list .nav_sort span:after {
      content: '｜'; }
    .cnt_list .nav_sort span:last-child:after {
      content: none; }
  .cnt_list .nav_sort a {
    text-decoration: underline; }
    .cnt_list .nav_sort a:hover {
      text-decoration: none; }
  .cnt_list .nav_sort .ttl {
    margin-right: .4em;
    padding: 0 .4em;
    color: white;
    background: #23ac38; }
    .cnt_list .nav_sort .ttl:after {
      content: none; }

.cnt_list .nav_sort_pager ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1em;
  font-size: 1.4rem; }
  .cnt_list .nav_sort_pager ol li {
    margin-right: .4em;
    padding-bottom: 0;
    border: 1px solid #23ac38; }
    .cnt_list .nav_sort_pager ol li:last-child {
      margin: 0; }
  .cnt_list .nav_sort_pager ol a {
    display: block;
    padding: .2em 1em; }
    .cnt_list .nav_sort_pager ol a:hover {
      color: white;
      text-decoration: none;
      background: #23ac38; }
  .cnt_list .nav_sort_pager ol .current {
    padding: .2em 1em;
    border: 1px solid #ccc; }

/*	メーカー一覧ページ
--------------------------------------------------------------------*/
.maker_list_page .lst_related_products .inner {
  padding-bottom: 0; }

.maker_list_page .lst_related_products .ttl {
  font-weight: normal; }

.maker_list_page .lst_related_products .txt {
  padding-left: 0; }

/*	ランキング一覧ページ
--------------------------------------------------------------------*/
.cnt_list_ranking .img {
  position: relative; }
  .cnt_list_ranking .img .ico_rank {
    position: absolute;
    top: -12px;
    left: -12px;
    z-index: 1; }
    .cnt_list_ranking .img .ico_rank img {
      width: 45px;
      height: auto;
      border: none;
      background: none; }

.cnt_list_ranking .lst_related_products > li:nth-of-type(odd) {
  background: white; }

.cnt_list_ranking .lst_related_products > li:nth-of-type(even) {
  background: #edfcff; }

.cnt_list_ranking .lst_related_products > li:nth-of-type(1) {
  background: #fdf5cc; }

.cnt_list_ranking .lst_related_products > li:nth-of-type(2) {
  background: #f3f3f3; }

.cnt_list_ranking .lst_related_products > li:nth-of-type(3) {
  background: #efe7da; }

/*	詳細ページ
--------------------------------------------------------------------*/
.post .lst_related_products .inner {
  padding-bottom: 0; }

.ttl_post_detail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 1em; }
  .ttl_post_detail .img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 15%;
    height: 70px; }
    .ttl_post_detail .img img {
      position: absolute;
      top: 0;
      left: 0; }
  .ttl_post_detail .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 83%;
    margin-left: 2%;
    margin-bottom: 0;
    padding: .4em;
    font-size: 2.4rem;
    font-weight: normal; }
  .ttl_post_detail .sub {
    position: absolute;
    bottom: 15px;
    width: 15%;
    text-align: center;
    font-size: .4rem; }

.post_main_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px; }
  .post_main_description figcaption {
    width: 60%;
    padding-left: 20px; }
  .post_main_description td span {
    font-size: 1.4rem; }
    .post_main_description td span:after {
      content: '：'; }
  .post_main_description .inner {
    width: 40%; }
  .post_main_description .tbl_product th {
    font-weight: normal;
    background: #ecf4f7; }
  .post_main_description .ico:after {
    content: none; }
  .post_main_description .lst_sub_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .post_main_description .lst_sub_info li:first-child {
      padding-right: 1em; }

.post_thumb_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.post_thumb_slider .slick-slide:not(:last-child) {
  margin-right: 10px; }

.post_thumb_slider .slick-slide img {
  border: 1px solid #ccc;
  cursor: pointer;
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.product_feature {
  padding-bottom: 30px; }
  .product_feature h4 {
    color: #23ac38;
    font-size: 1.6rem; }
    .product_feature h4:before {
      content: none; }

.on_board_function {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px; }
  .on_board_function h3 {
    width: 100%; }
  .on_board_function .lst_function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 63%; }
    .on_board_function .lst_function li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 18.3%;
      height: 90px;
      margin-right: 2%;
      color: white;
      background: #ccc; }
      .on_board_function .lst_function li:nth-child(5n) {
        margin-right: 0; }
      .on_board_function .lst_function li:not(:nth-of-type(-n+5)) {
        margin-top: 2%; }
    .on_board_function .lst_function span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .on_board_function .lst_function .txt {
      height: 30%;
      text-align: center;
      font-size: 1.2rem;
      line-height: 1; }
    .on_board_function .lst_function .ico {
      width: 50px;
      height: 50px;
      margin: 0 auto;
      padding: 10px;
      font-size: 2.4rem;
      border-radius: 50px;
      background: white;
      overflow: hidden; }
    .on_board_function .lst_function .pt_program {
      background: #23ac38; }
      .on_board_function .lst_function .pt_program .ico {
        color: #23ac38; }
      .on_board_function .lst_function .pt_program.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_channel {
      background: #ec644b; }
      .on_board_function .lst_function .pt_channel .ico {
        color: #ec644b; }
      .on_board_function .lst_function .pt_channel.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_frequency {
      background: #6fa8ef; }
      .on_board_function .lst_function .pt_frequency .ico {
        padding: 0; }
      .on_board_function .lst_function .pt_frequency.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_auto_volume {
      background: #b79d4f; }
      .on_board_function .lst_function .pt_auto_volume .txt {
        padding-bottom: 2px; }
      .on_board_function .lst_function .pt_auto_volume.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_noise_suppression {
      background: #f1a6b8; }
      .on_board_function .lst_function .pt_noise_suppression.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_howling_suppression {
      background: #f0ad4d; }
      .on_board_function .lst_function .pt_howling_suppression.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_directivity {
      background: #3fc381; }
      .on_board_function .lst_function .pt_directivity.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_environ_adaptation {
      background: #dfb408; }
      .on_board_function .lst_function .pt_environ_adaptation .txt {
        padding-bottom: 2px; }
      .on_board_function .lst_function .pt_environ_adaptation.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_wireless {
      background: #947cb0; }
      .on_board_function .lst_function .pt_wireless.none {
        background: #ccc; }
    .on_board_function .lst_function .pt_waterproof {
      background: #1e8bc3; }
      .on_board_function .lst_function .pt_waterproof.none {
        background: #ccc; }
  .on_board_function .radar_chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35%;
    margin-left: 2%;
    border: 1px solid #ccc;
    background: url(../images/common/img_bg_radar_chart.png) no-repeat;
    background-position: center; }
    .on_board_function .radar_chart .inner {
      position: relative;
      width: 124px;
      height: 120px; }
      .on_board_function .radar_chart .inner .radar_canvas {
        position: relative;
        width: 100%;
        height: 100%; }
        .on_board_function .radar_chart .inner .radar_canvas canvas {
          position: absolute;
          top: -24px;
          right: 0; }
    .on_board_function .radar_chart .label {
      position: absolute;
      font-size: 1.2rem; }
    .on_board_function .radar_chart .label_01 {
      top: -18px;
      left: 44px; }
    .on_board_function .radar_chart .label_02 {
      top: 25px;
      right: -40px; }
    .on_board_function .radar_chart .label_03 {
      right: -36px;
      bottom: -22px; }
    .on_board_function .radar_chart .label_04 {
      top: 34px;
      left: -27px; }
    .on_board_function .radar_chart .label_05 {
      bottom: -22px;
      left: -24px; }

/*	カテゴリ検索ページ
--------------------------------------------------------------------*/
.cnt_search {
  padding-bottom: 30px;
  font-size: 1.4rem; }
  .cnt_search table {
    margin-bottom: 20px; }
  .cnt_search th {
    width: 25%;
    text-align: left;
    font-weight: normal;
    background: #ecf4f7; }
  .cnt_search td {
    width: 75%; }
  .cnt_search ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .cnt_search li {
    padding-right: 1.8em; }
  .cnt_search .btn_reset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 20px; }
    .cnt_search .btn_reset button {
      max-width: 160px;
      margin: 0;
      color: white;
      border: 1px solid #1ba2d4;
      background: #1ba2d4;
      -webkit-box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white;
      box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white; }
      .cnt_search .btn_reset button:hover {
        color: #1ba2d4;
        background: white; }
  .cnt_search .btn_input button {
    padding: .8em;
    font-size: 1.6rem;
    color: white;
    border-radius: 50px;
    border: 1px solid #ff9c00;
    background: #ff9c00;
    -webkit-box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white, 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 0 white, inset 1px -1px 0 white, inset -1px 1px 0 white, inset -1px -1px 0 white, 0 3px 0 rgba(0, 0, 0, 0.1); }
    .cnt_search .btn_input button:hover {
      color: #ff9c00;
      background: white; }
  .cnt_search .btn_input i {
    margin-right: .6em; }

/*	エディター内スタイル
--------------------------------------------------------------------*/
.column .editor p {
  padding-bottom: 1em; }

.column .editor .pp_adrs {
  padding-bottom: 1em; }
  .column .editor .pp_adrs p {
    padding-bottom: 0; }

/*	よくある質問
--------------------------------------------------------------------*/
.lst_faq > dt {
  padding-bottom: .2em;
  margin-bottom: .6em;
  font-size: 2.2rem;
  color: #23ac38;
  border-bottom: 1px dotted #23ac38; }
  .lst_faq > dt:before {
    content: 'Q.'; }

.lst_faq > dd {
  position: relative;
  padding-bottom: 30px;
  padding-left: 30px; }
  .lst_faq > dd:before {
    content: 'A.';
    position: absolute;
    top: -6px;
    left: 3px;
    font-size: 2.2rem;
    color: #df7676; }
  .lst_faq > dd:last-child {
    padding-bottom: 0; }
  .lst_faq > dd p:last-child {
    padding: 0; }

.lst_faq .lst_type .lst_inner {
  padding: 0; }
  .lst_faq .lst_type .lst_inner li:before {
    content: none; }

.lst_faq .lst_type .ttl {
  color: #df7676; }
  .lst_faq .lst_type .ttl:before {
    content: '・';
    color: #333; }

/*	運営会社情報
--------------------------------------------------------------------*/
.editor .tbl_company .txt,
.editor .sec_map .txt {
  padding-bottom: 0; }

.tbl_company {
  margin-bottom: 60px;
  font-size: 1.4rem; }
  .tbl_company th {
    font-weight: normal;
    text-align: left; }
  .tbl_company td {
    position: relative; }
  .tbl_company .btn_map {
    position: absolute;
    right: 1em;
    bottom: 1em; }
    .tbl_company .btn_map a {
      display: block;
      padding: .2em .4em;
      color: white;
      border-radius: 5px;
      background: #f2c94e; }
      .tbl_company .btn_map a:hover {
        text-decoration: none;
        color: #f2c94e;
        border: 1px solid #f2c94e;
        background: white; }

.sec_map:not(:last-child) {
  padding-bottom: 30px; }

/*	あたまの健康チェック
--------------------------------------------------------------------*/
.column .editor .cta {
  padding-bottom: 50px; }

.column .editor .txt_btm {
  padding-bottom: 50px; }

.column .editor .bg_purple {
  margin-bottom: 30px;
  padding: .6em 0;
  text-align: center;
  background: #9c8ad7; }

.column .editor .txt_color_orange {
  color: #f7b52b; }

.editor .sec_check_about p {
  font-size: 1.4rem; }

.editor .sec_check_about .img_dementia_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-bottom: 50px; }
  .editor .sec_check_about .img_dementia_check figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .editor .sec_check_about .img_dementia_check figcaption {
    padding-bottom: 40px; }
    .editor .sec_check_about .img_dementia_check figcaption p:last-child {
      padding-bottom: 0; }

.editor .sec_check_about .txt_lead_group p {
  padding-bottom: 50px;
  text-align: center; }

.editor .sec_check_about .txt_lead_risk {
  padding-bottom: 30px;
  text-align: center; }

.editor .sec_check_about .lst_risk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em 1em 1em 2em;
  margin-bottom: 30px;
  font-size: 2.4rem;
  border: 3px solid #23ac38;
  border-radius: 8px;
  background: #fffefa;
  list-style: disc; }
  .editor .sec_check_about .lst_risk li {
    width: 33.33333%; }
    .editor .sec_check_about .lst_risk li:before {
      content: none; }

.editor .sec_check_about .txt_lead_know {
  color: #23ac38; }
  .editor .sec_check_about .txt_lead_know span {
    display: block;
    font-size: 2.4rem;
    text-align: center; }
    .editor .sec_check_about .txt_lead_know span:last-child {
      font-size: 2.8rem; }

.editor .sec_check_about .sec_flow {
  margin-bottom: 50px;
  padding: 50px;
  border-radius: 8px;
  background: #ebebeb; }
  .editor .sec_check_about .sec_flow h4:before {
    content: none; }
  .editor .sec_check_about .sec_flow > p {
    text-align: center; }
  .editor .sec_check_about .sec_flow .inner {
    padding: 30px;
    border-radius: 8px;
    background: white; }
  .editor .sec_check_about .sec_flow .lst_flow {
    padding: 0 0 1em;
    list-style: none; }
    .editor .sec_check_about .sec_flow .lst_flow li {
      position: relative;
      padding-bottom: 40px;
      padding-left: 90px; }
      .editor .sec_check_about .sec_flow .lst_flow li:not(:last-child) {
        margin-bottom: 20px; }
      .editor .sec_check_about .sec_flow .lst_flow li:before, .editor .sec_check_about .sec_flow .lst_flow li:after {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50px; }
      .editor .sec_check_about .sec_flow .lst_flow li:before {
        content: '';
        top: 0;
        left: 0;
        width: 80px;
        height: 80px;
        background-color: #23ac38;
        background-position: center center; }
      .editor .sec_check_about .sec_flow .lst_flow li:after {
        content: '\f103';
        right: 0;
        left: 0;
        width: 36px;
        height: 36px;
        margin: auto;
        font-size: 3.3rem;
        font-family: FontAwesome;
        color: white;
        background: #f7b52b; }
      .editor .sec_check_about .sec_flow .lst_flow li:nth-of-type(1):before {
        background-image: url(/upload/hc_ico_flow_step01.png); }
      .editor .sec_check_about .sec_flow .lst_flow li:nth-of-type(2):before {
        background-image: url(/upload/hc_ico_flow_step02.png); }
      .editor .sec_check_about .sec_flow .lst_flow li:nth-of-type(3):before {
        background-image: url(/upload/hc_ico_flow_step03.png); }
      .editor .sec_check_about .sec_flow .lst_flow li:nth-of-type(4):before {
        background-image: url(/upload/hc_ico_flow_step04.png); }
      .editor .sec_check_about .sec_flow .lst_flow li:last-child {
        padding-bottom: 0; }
        .editor .sec_check_about .sec_flow .lst_flow li:last-child:after {
          content: none; }
    .editor .sec_check_about .sec_flow .lst_flow h5 {
      margin: 0;
      padding: 0;
      font-size: 2.2rem;
      color: #23ac38; }
    .editor .sec_check_about .sec_flow .lst_flow p {
      padding: 0 0 1em;
      font-size: 1.4rem; }
  .editor .sec_check_about .sec_flow .lst_anno {
    padding: 0;
    font-size: 1.2rem; }
    .editor .sec_check_about .sec_flow .lst_anno li {
      padding-bottom: 0; }
      .editor .sec_check_about .sec_flow .lst_anno li:before {
        content: '※';
        position: static;
        color: #333; }

.editor .sec_data {
  padding-bottom: 50px; }

.editor .sec_mci .mci_human {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px; }
  .editor .sec_mci .mci_human span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.editor .sec_mci .txt_year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px; }
  .editor .sec_mci .txt_year span {
    width: 49%;
    padding: 20px;
    text-align: center;
    border: 3px solid #ff9000;
    border-radius: 5px;
    background: #ffc000; }

.editor .sec_mci .mci_effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px; }
  .editor .sec_mci .mci_effect span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .editor .sec_mci .mci_effect span:last-child {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }

.editor .sec_about_mci .about_mci {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-bottom: 30px; }

.editor .sec_about_mci .lst_mci {
  padding-bottom: 30px; }
  .editor .sec_about_mci .lst_mci ol {
    padding-bottom: 0;
    padding-left: 2em; }
  .editor .sec_about_mci .lst_mci p {
    padding-bottom: 0; }

.editor .sec_about_mci .lst_estimate li:before {
  content: '◆';
  top: -5px;
  font-size: 2rem;
  color: #333; }

.editor .sec_about_mci .txt_color_orange {
  padding-bottom: 50px;
  font-size: 2rem;
  text-align: center; }

.editor .sec_about_mci .lst_check {
  padding-bottom: 100px;
  text-align: center; }

.editor .sec_about_mci .check_success {
  margin-bottom: 50px;
  padding: 50px;
  background: #edf9ef; }
  .editor .sec_about_mci .check_success dt {
    margin-bottom: 50px;
    padding: .4em 0;
    text-align: center;
    border-top: 1px solid #23ac38;
    border-bottom: 1px solid #23ac38; }
  .editor .sec_about_mci .check_success .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .editor .sec_about_mci .check_success .inner figure {
      width: 40%;
      padding-left: 2%; }
    .editor .sec_about_mci .check_success .inner figcaption {
      width: 58%;
      padding: .6em;
      text-align: center;
      background: white; }

.editor .sec_prevention p {
  padding-bottom: 30px; }

.editor .sec_prevention .lst_cognitive_check {
  padding-left: 0;
  list-style: none; }
  .editor .sec_prevention .lst_cognitive_check li {
    position: relative;
    padding-left: 2em;
    color: #f08802;
    counter-increment: li; }
    .editor .sec_prevention .lst_cognitive_check li:before {
      content: counter(li);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 2rem;
      height: 2rem;
      margin: auto;
      border: 1px solid #f08802;
      border-radius: 50px; }

.editor .sec_prevention .lst_prevention_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 100px;
  padding-left: 0; }
  .editor .sec_prevention .lst_prevention_check li {
    width: 49%;
    padding: 0; }
    .editor .sec_prevention .lst_prevention_check li:before {
      content: none; }
    .editor .sec_prevention .lst_prevention_check li:nth-of-type(even) {
      margin-left: 2%; }
    .editor .sec_prevention .lst_prevention_check li:not(:nth-child(-n+2)) {
      padding-top: 20px; }
  .editor .sec_prevention .lst_prevention_check .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .editor .sec_prevention .lst_prevention_check .inner figure {
      padding-right: 2%; }
      .editor .sec_prevention .lst_prevention_check .inner figure img {
        max-width: inherit;
        width: 100px; }
    .editor .sec_prevention .lst_prevention_check .inner figcaption {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 .8em;
      width: 100%;
      height: 100px;
      font-size: 1.5rem;
      border: 2px solid #23ac38;
      border-radius: 10px;
      background: white; }
    .editor .sec_prevention .lst_prevention_check .inner p {
      padding: 0; }

.editor .sec_prevention .txt_color_orange {
  font-size: 2rem;
  text-align: center; }

.editor .sec_prevention .lst_point {
  padding-bottom: 100px;
  text-align: center; }

.editor .sec_prevention .lst_prevention_about {
  padding: 0 0 50px; }
  .editor .sec_prevention .lst_prevention_about > li:before {
    content: none; }
  .editor .sec_prevention .lst_prevention_about > li:not(:last-child) {
    padding-bottom: 30px; }
  .editor .sec_prevention .lst_prevention_about > li:nth-of-type(odd) .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .editor .sec_prevention .lst_prevention_about > li:nth-of-type(odd) .inner figure {
      margin-left: 2%; }
  .editor .sec_prevention .lst_prevention_about > li:nth-of-type(even) .inner figure {
    margin-right: 2%; }
  .editor .sec_prevention .lst_prevention_about .sttl_txt dt {
    margin-bottom: 20px;
    padding: .6em 0;
    text-align: center;
    border-top: 1px solid #23ac38;
    border-bottom: 1px solid #23ac38;
    background: #edf9ef; }
  .editor .sec_prevention .lst_prevention_about .sttl_txt dd p {
    padding-bottom: 0; }
  .editor .sec_prevention .lst_prevention_about .sttl_txt ul {
    padding-bottom: 0;
    list-style: disc; }
    .editor .sec_prevention .lst_prevention_about .sttl_txt ul li {
      padding-bottom: 0; }
      .editor .sec_prevention .lst_prevention_about .sttl_txt ul li:before {
        content: none; }
  .editor .sec_prevention .lst_prevention_about .sttl_txt .txt_color_orange {
    font-size: 1.6rem; }
  .editor .sec_prevention .lst_prevention_about .img {
    float: right;
    padding-bottom: 1em;
    padding-left: 1em;
    background: white; }

/*	新着情報 wordpress
--------------------------------------------------------------------*/
.sec_archive .lst_news dt,
.sec_category .lst_news dt {
  width: 20%; }

.sec_archive .lst_news dd,
.sec_category .lst_news dd {
  width: 80%; }

.sec_news_post .post_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  font-size: 1.2rem; }

.sec_news_post .time {
  padding: .4em 1em;
  border: 1px solid #23ac38; }

.sec_news_post .cat a {
  display: block;
  padding: .4em 1em;
  border: 1px solid #23ac38; }
  .sec_news_post .cat a:hover {
    color: white;
    text-decoration: none;
    background: #23ac38; }

.widget_archive {
  padding: 1px;
  font-size: 1.8rem;
  border: 1px solid #23ac38; }
  .widget_archive > li:not(:first-child) {
    padding-top: 1px; }
  .widget_archive a {
    display: block;
    padding: .6em 1em; }
    .widget_archive a:hover {
      color: #23ac38;
      background: #d9f1bc;
      text-decoration: none; }
  .widget_archive .ttl {
    margin-bottom: 0;
    padding: .6em 1em;
    font-size: 1.8rem;
    font-weight: normal;
    color: white;
    background: #23ac38; }

.f_btm .f_btm_sp {
  display: none; }

/*	ランキングページ改修
--------------------------------------------------------------------*/
.ranking_contents p,
.ranking_contents summary {
  font-size: 1.8rem;
  line-height: 1.5; }

.ranking_contents .eye_catching {
  text-align: center; }

.ranking_contents .marker {
  background-color: #ff0; }

.ranking_contents .red {
  color: #f00; }

.ranking_contents .btn_center {
  text-align: center; }

.ranking_contents .autherBox .writer {
  font-size: 1.4rem; }

.ranking_contents .autherBox .autherBox_text_content {
  font-size: 1.6rem;
  line-height: 1.6; }

.ranking_contents h2 {
  padding: .6em .4em;
  font-size: 2.1rem;
  border-top: none;
  border-bottom: 3px solid #23ac38;
  background: #f8f8f8; }
  .ranking_contents h2:before {
    content: none; }

.ranking_contents h3 {
  margin-bottom: 0;
  padding: .4em 0;
  font-size: 1.8rem;
  border: none;
  background: none; }
  .ranking_contents h3:before {
    content: '\f10c';
    padding-right: .4em;
    font-family: 'FontAwesome';
    color: #23ac38; }

.ranking_contents table {
  margin-bottom: 1.4em; }
  .ranking_contents table th, .ranking_contents table td {
    padding: .8em;
    font-size: 1.8rem; }

.ranking_contents .table_of_contents {
  margin: 2em 0;
  border-top: solid 5px #5d627b; }
  .ranking_contents .table_of_contents p {
    margin-top: 3px;
    padding: .2em 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background: #5d627b; }
  .ranking_contents .table_of_contents > ol {
    padding: 1.5em 3em .5em;
    border: #5d627b solid 2px;
    border-top: none;
    background: #f8f8f8; }
  .ranking_contents .table_of_contents li {
    font-size: 1.8rem; }

.ranking_contents details {
  margin-bottom: 2em; }

.ranking_contents summary {
  width: 350px;
  margin: 0 auto 1em;
  padding: .5em 0;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background: #23ac38;
  -webkit-box-shadow: 2px 2px 0 #2E7D32, 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 0 #2E7D32, 0px 3px rgba(0, 0, 0, 0.5);
  border-radius: 23px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .ranking_contents summary:hover {
    opacity: .7; }

.ranking_contents details[open] summary {
  background: #ffa210;
  -webkit-box-shadow: 2px 2px 0 #bb770f, 0px 3px black;
  box-shadow: 2px 2px 0 #bb770f, 0px 3px black; }

.ranking_contents .box11 p {
  text-align: center; }

.ranking_contents .box11 p {
  text-align: center; }

.ranking_contents .item-box {
  margin-bottom: 1.4em; }
  .ranking_contents .item-box .item-box-left .no_image {
    margin-top: 25%; }
  .ranking_contents .item-box .item-box-right h4 {
    margin-bottom: 1em; }
  .ranking_contents .item-box .item-box-right p {
    font-size: 1.8rem; }
  .ranking_contents .item-box .item-box-right .item-btn {
    font-size: 18px;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    padding: 0;
    color: #fff;
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 0 #2E7D32, 0px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 0 #2E7D32, 0px 3px rgba(0, 0, 0, 0.5); }
    .ranking_contents .item-box .item-box-right .item-btn a {
      padding: 10px 20px;
      text-decoration: none;
      color: #fff;
      display: block; }
      .ranking_contents .item-box .item-box-right .item-btn a:hover {
        color: #4CAF50;
        background: #fff; }
  .ranking_contents .item-box .item-box-right .item-label {
    top: 0;
    left: -90px;
    font-size: 2rem;
    font-weight: bold; }
  .ranking_contents .item-box .item-box-right .second {
    background: #929292; }
  .ranking_contents .item-box .item-box-right .third {
    background: #a05015; }
  .ranking_contents .item-box .item-box-right .fourth {
     background: orange; }

.column .ranking_contents .ul_disc {
  padding-left: 0; }
  .column .ranking_contents .ul_disc li {
    position: static;
    padding-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.5; }
    .column .ranking_contents .ul_disc li:before {
      content: '・';
      position: static;
      font-size: 2rem;
      color: #333; }

.ranking_lp .btm_lp {
  padding: 0 20px; }
  .ranking_lp .btm_lp .sec01 {
    padding: 20px 20px 0;
    background: #fff; }
    .ranking_lp .btm_lp .sec01 dl {
      -js-display: flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
      flex-flow: row-reverse;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .ranking_lp .btm_lp .sec01 dl dt {
        width: 280px; }
      .ranking_lp .btm_lp .sec01 dl dd {
        width: 410px; }
        .ranking_lp .btm_lp .sec01 dl dd p {
          margin-bottom: 1em;
          font-size: 1.8rem;
          line-height: 1.5; }
        .ranking_lp .btm_lp .sec01 dl dd .red {
          font-weight: bold;
          color: #f00;
          text-decoration: underline; }
  .ranking_lp .btm_lp .sec02 {
    padding: 20px;
    background: #23AC35; }
    .ranking_lp .btm_lp .sec02 .last {
      margin-bottom: 1.5em; }
    .ranking_lp .btm_lp .sec02 ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      padding: 1em 0; }
      .ranking_lp .btm_lp .sec02 ul li {
        width: 250px;
        height: 250px;
        padding: 15px;
        margin-bottom: 38px;
        font-weight: normal;
        background: #fff;
        border-radius: 50%; }
        .ranking_lp .btm_lp .sec02 ul li:before {
          content: none; }
        .ranking_lp .btm_lp .sec02 ul li p {
          margin-bottom: 20px; }
          .ranking_lp .btm_lp .sec02 ul li p:first-child {
            text-align: center; }
          .ranking_lp .btm_lp .sec02 ul li p:last-child {
            margin-bottom: 0;
            text-align: center;
            font-size: 1.6rem; }
        .ranking_lp .btm_lp .sec02 ul li .ttl {
          padding-bottom: 20px;
          font-size: 2.0rem;
          color: #23ac38;
          text-align: center;
          font-weight: bold;
          border-bottom: 1px solid #23ac38; }
    .ranking_lp .btm_lp .sec02 .center {
      margin-bottom: 2em;
      text-align: center;
      font-size: 1.75rem;
      color: #fff;
      font-weight: bold; }
      .ranking_lp .btm_lp .sec02 .center .marker {
        font-weight: bold;
        color: #333;
        background: #ffe400; }
    .ranking_lp .btm_lp .sec02 .map figure img {
      display: block;
      margin: 0 auto 1em; }
    .ranking_lp .btm_lp .sec02 .map .area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ranking_lp .btm_lp .sec02 .map .area li {
        width: 200px;
        height: auto;
        padding: 0;
        font-size: 14px;
        background: none; }
        .ranking_lp .btm_lp .sec02 .map .area li h4 {
          width: 200px;
          padding: 1px 0;
          margin-bottom: 1.1rem;
          text-align: center;
          color: #fff;
          border: 1px solid #fff; }
          .ranking_lp .btm_lp .sec02 .map .area li h4:before {
            content: none;
            padding-right: 0; }
        .ranking_lp .btm_lp .sec02 .map .area li p {
          font-size: 1.5rem;
          text-align: left;
          color: #fff;
          line-height: 20px;
          font-weight: bold; }
  .ranking_lp .btm_lp .sec03 {
    padding: 20px;
    background: #e6f3c5; }
    .ranking_lp .btm_lp .sec03 ul {
      padding: 0; }
      .ranking_lp .btm_lp .sec03 ul li {
        position: static;
        padding: 0;
        font-weight: normal; }
        .ranking_lp .btm_lp .sec03 ul li:befor {
          content: none; }
        .ranking_lp .btm_lp .sec03 ul li figure {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .ranking_lp .btm_lp .sec03 ul li figure figure {
            display: block;
            width: 230px; }
          .ranking_lp .btm_lp .sec03 ul li figure figcaption {
            width: 450px; }
            .ranking_lp .btm_lp .sec03 ul li figure figcaption p {
              font-size: 1.6rem; }
      .ranking_lp .btm_lp .sec03 ul .arrow {
        width: 128px;
        margin: 12px auto; }

.column .ranking_lp .sec02 h3 {
  margin-bottom: .1em;
  padding: .4em 0;
  text-align: center;
  font-size: 2.4rem;
  color: #f7ffa2;
  background: #23ac38;
  border: none; }

.column .ranking_lp .sec03 h3 {
  padding: 0;
  text-align: center;
  font-size: 2.4rem;
  color: #23ac38;
  border-bottom: none;
  background: no-repeat; }

.column .ranking_lp .sec03 h4 {
  margin-bottom: 0;
  padding: 0 0 .4em;
  font-size: 2.2rem; }
  .column .ranking_lp .sec03 h4:before {
    content: none; }



/*	村中さんCSS
--------------------------------------------------------------------*/
/*ボタン*/
.square_btn {
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    background: #ffa210;
    color: #FFF !important;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border: solid 0.6px #fff;
    outline: solid 6px #ffa210;
    vertical-align: middle;
    font-weight: bold;
}
/*投稿者情報*/
.autherBox {
	background-color: #f4f4f4;
}

.writer {
	background-color: #FFF;
	padding: 0px 10px 0px 10px;
	margin: 0 0 5px 0;
	font-size: 0.65em;
	color: #8c8c8c;
}

.writer-pen {
	padding: 0 2px 0 0;
	color: #8c8c8c;
}

.autherBox_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px;
	border-color: #b3b1b1;
}

.autherBox_img {
	width: 55px;
	/* height: auto; */
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.autherBox_img img {
	/* width: 125%;
	min-width: 125% !important;
	on: absolute;
	left: -100%;
	right: -100%;
	margin: 0 auto !important; */
}

.autherBox_name {
	width: 100%;
	margin: 5px 0 0 15px;
}

/* .author_name{
padding: 5px 0 10px 0;
color: #232323;
	} */

.autherBox_text_content {
	font-size: 0.7em;
	line-height: 2em;
	padding: 10px 15px 10px 15px;
}

ruby>rt {
	display: block;
	font-size: 50%;
	text-align: start;
	color: #909090;
	font-weight: normal;
}

rt {
	line-height: normal;
	-webkit-text-emphasis: none;
}

ruby,
rt {
	text-indent: 0px;
}

rb {
	font-size: 22px;
}

.fa-external-link-alt {
    padding-left: 10px;
}
/*ブロック*/
.box9 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box9 p {
    margin: 0;
    padding: 0;
}
/*人の吹き出し*/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}

/*	サルワカCSS
--------------------------------------------------------------------*/
/*ブロック　影付き*/
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0;
    padding: 0;
}

/*ブロック黒枠*/
.box1 {
    padding: 0.5em 1em;
    margin: 1em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0;
    padding: 0;
}

/*ブロックタイトル付き*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff6600;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff6600;
    font-weight: bold;
}
.box26 p {
    margin: 0;
    padding: 0;
}
/*ブロック　灰色背景*/

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #EEEEEE;/*背景色*/
}
.box3 p {
    margin: 0;
    padding: 0;
}

/*二重線見出し*/
h5 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #23ac38;
}

/*商品カード*/
.item-box {
  padding: 10px;
  border:  1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #ccc;
}
.item-box:after {
    content: '';
    display: block;
    clear: both;
}

.item-box img {
  max-width: 100%;
}

.item-box > div {
  float:  left;
  width: 50%;
}

.item-box-left {
  padding-left: 0;
}

.item-box-right {
  position: relative;
}

.item-box-right h4 {
    margin: 0;
    padding: 10px;
    background: #eee;
    border-radius: 5px;
}

.item-box-right h4 a {
      letter-spacing: 1px;
  font-size:  20px;
  font-weight: bold;
  color:  #666;
  margin-top: 0;
  padding-top: 0;
}

.item-box-right p {
  font-size: 14px;
}

.item-box-right .item-btn {
    font-size:18px;
    text-decoration:none;
    letter-spacing: 1px;
    display:block;
    text-align:center;
    padding: 10px 20px;
    color:#fff;
    background-color:#4CAF50;
    border-radius:5px;
    box-shadow:2px 2px 0 #2E7D32, 0px 3px rgba(0,0,0,0.5);
}

.item-box-right .item-btn a {
  text-decoration: none;
  color:  #fff;
  display: block;
}

.item-box-right .item-label {
  background-color:  #FBC02D;
  display: inline-block;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: -50px;
  right: -50px;
  transform: rotate(10deg);
  box-shadow: 1px 1px 5px #ccc;
}

@media screen and (max-width: 720px) {
  .item-box > div {
    width: 100%;
  }
  .item-box-right {
    margin-top: 40px;
  }

  .item-box-right .item-label {
    right: -20px;
  }
 }

/* tableスクロール */

.scroll-table {
  overflow-x: auto;
  white-space: nowrap;
  border: solid 1px #ddd;
}

.scroll-table table {
  margin: 0;
  border: none;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #ddd;
  table-layout: auto;
}

.scroll-table th, .scroll-table td {
  padding: 10px;
  border: solid 1px #ddd;
  text-align: left;
  vertical-align: top;
}

.scroll-table thead th {
  background-color: #dafcbe;
  position: sticky;
  top: 0;
  z-index: 1;
}

.scroll-table tr:hover {
  background-color: #eee;
}

.scroll-table th {
  white-space: normal;
}

.scroll-table td {
  white-space: pre-wrap; /* Wrap text within table cells */
}

@media (max-width: 768px) {
  .scroll-table {
    overflow-x: auto;
  }
  .scroll-table table {
     min-width: 600px;
  }
}

/* 逆三角 */
.sankaku{
	width: 0;
	height: 0;
	border-top: 30px solid #ff6600;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
}
/* グーグルMAP */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* ボックス、スマホ縦・パソコン横画像 */
.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
 .contents img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box2 {
     width: 55%;
     margin: auto;
 }
 .box4 {
     width: 45%;
     margin: auto .5rem;
 }
 @media screen and (max-width: 75px) {
     .flexbox {
         display: block;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box4 {
         width: 100%;
         margin: 0 auto;
     }
 }

/* 会話チャット風 */
.balloon1 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon1 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon1 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon1 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}

/* alert */
.alert {
  background-color: #FFEFEF;
  color: #C25338;
  border: 1px solid #D4440D;
  font-size: 20px;
  font-weight: 800;
  margin: 22px 0px 22px 0px;
  text-align: center;
}

/* コンテンツ用CSS */
.first_block_wrapper{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px;
  margin: 10px;
  background: #f8f8f8;
  align-items: flex-start;
}
.first_block_wrapper img{
  width: 15%;
}

.first_block_item{
  width: 85%;
}
.first_block_item p{
  padding-left: 15px;
}
.two_block_wrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.two_block_item{
  width: 48%;
}

.two_block_item img{
  width: 100%;
}
.three_block_wrapper{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.three_block_item{
  width: 33%;
}

.three_block_item img{
  width: 100%;
}

@media screen and (max-width: 750px) {
  .first_block_item{
    width: 100%;
    padding-top: 1rem;
  }
  .two_block_item {
    width: 100%;
  }
  .three_block_item {
    width: 100%;
  }
  .first_block_wrapper img{
    width: 150px;
  }
}

#nagare h3{
  font-size: 20px;
  background-color: #ffffff;
  border-bottom: dotted 2px;
  margin: 0;
}
#nagare ul::before{
  display: none;
}
#nagare h3::before{
  display: none;
}
#nagare ul.flow_list{
  font-size: 18px;
  line-height: 28px;
	list-style: none;
	padding: 0;
	margin: 1rem;
  list-style: none;
}
#nagare ul.flow_list li{
	border: 5px solid #7ac843;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 4px 10px;
    position: relative;
    list-style: none;
}
#nagare ul.flow_list li::before{
  content: none;
  }
#nagare ul.flow_list li::after{bottom: -34px;
    color:#7ac843;
    content: "▼";
    font-size: 24px !important;
    left: 48%;
    position: absolute;}
#nagare ul.flow_list li.last::after{/*最後の▼を外す*/
    content: "";
}
#nagare ul.flow_list li h3::first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.15em;
}
/* accordion */
.accordion {
margin: 3em auto;
max-width: 100%;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
/* 引用 */
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}