/* //////////////////
共通
////////////////// */
.main-visual {
}
.mainv-inner {
  height: 30vw;
  padding: 0 6vw;
  background: url(../img/index/index-mv_img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-title {
  text-align: center;
  color: #55a764;
  font-weight: 700;
  margin-bottom: 3em;
  margin-top: 1.5em;
}
.page-title .main {
  font-size: 2em;
}
.page-title .sub {
  display: block;
  font-size: 1.5em;
}
.page-title_wrap {
  margin-top: -12vw;
  position: relative;
  text-align: center;
}
@media print, screen and (max-width: 740px) {
  .page-title_wrap figure {
    padding: 0 20vw;
  }
}
.page-title_wrap img {
  max-width: 100%;
}
@media print, screen and (min-width: 741px) {
  .mv-inner {
    margin-top: 200px;
  }
  .page-title_wrap {
    padding: 0 12vw;
  }
  .mainv-inner {
    height: 160px;
  }
  .page-title_wrap {
    margin-top: -72px;
  }
  .page-title .sub {
    display: inline;
  }
}

/* //////////////////
ambition
////////////////// */

.ambition-section p .pc {
  display: none;
}
@media print, screen and (min-width: 741px) {
  .ambition-section p {
    text-align: center;
  }
  .ambition-section p .pc {
    display: block;
  }
}

/* //////////////////
product
////////////////// */

.product-section p .pc {
  display: none;
}
.product-read .read-box {
  margin-top: 2em;
  margin-bottom: 4em;
  padding: 1.75em;
  border-radius: 20px;
  border: solid 2px #55a764;
}
.product-read .read-box .txt-size14 {
  margin-top: 1em;
}
.product-read .read-box strong {
  font-weight: bold;
  color: #55a764;
}
.product-lineup .content-title02 {
  margin-bottom: 3em;
}
.product-lineup p.txt-size16 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.product-lineup p.txt-size16 {
  text-align: center;
  border: solid 2px #55a764;
  border-radius: 10px;
  padding: 1em;
}
.product-lineup p.txt-size16 span {
  text-align: left;
  display: inline-block;
}
.product-point img {
  max-width: 100%;
}
.lineup-list {
  justify-content: center;
  margin-top: 3.125em;
  display: flex;
  flex-wrap: wrap;
  gap: 12vw;
}
.lineup-list_item {
  width: 100%;
}
.lineup-list_item figure img {
  max-width: 100%;
}
.lineup-list_item h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.lineup-list_item .txt-size18 {
  margin-top: 0.25em;
}

@media print, screen and (max-width: 740px) {
}
@media print, screen and (min-width: 741px) {
  .product-read .txt-size18 {
    text-align: center;
  }
  .product-section p .pc {
    display: block;
  }
  .lineup-list {
    gap: 60px;
  }
  .lineup-list_item {
    width: calc(50% - 30px);
  }
  /* テキストとかきたら消す */
  .lineup-list_item:nth-child(2) .txt-size18 {
    padding-top: 0.75em;
  }
}

.product-contact-section {
  padding-top: 21vw;
}
.product-contact-section .content-title04 {
  margin-bottom: 3em;
}
.contact-link {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.contact-link_item {
  width: 100%;
}
.contact-link_item a {
  font-size: 1.375em;
  border-radius: 5em;
  display: block;
  font-weight: 700;
  padding: 1em 1em;
  color: #fff;
  width: 100%;
  background-color: #98caa1;
}
.contact-read {
  margin-top: 3.75em;
  margin-bottom: 3.125em;
}
.contact-read p + p {
  margin-top: 0.5em;
}
.contact-read p .txt-green {
  color: #55a764;
}

.product-contact-section .contact-tel-box {
  padding: 2em 0;
  color: #55a764;
  text-align: center;
  border-top: solid 2px;
}
.product-contact-section .contact-tel-box:last-child {
  border-bottom: solid 2px;
}
.product-contact-section .contact-tel-box .content-title03 {
  margin-bottom: 0.5em;
}
.product-contact-section .contact-tel-box .tel-nom {
  margin-bottom: 0.5em;
  font-weight: 700;
}
.product-contact-section .contact-tel-box .tel-nom .nom-sub {
  font-size: 1em;
}
.product-contact-section .contact-tel-box .tel-nom .nom {
  font-size: 2.25em;
}
.product-contact-section .contact-tel-box .tel-nom .nom02 {
  font-size: 1.75em;
}
.contact-form .content-title03 {
  margin-top: 4em;
  margin-bottom: 2em;
}
.contact-form > p {
  margin-bottom: 3em;
}
@media print, screen and (min-width: 741px) {
  .product-contact-section .contact-tel-box .tel-nom .nom-sub {
    font-size: 1.75em;
  }
  .product-contact-section .contact-tel-box .tel-nom .nom {
    font-size: 3.625em;
  }
  .product-contact-section .contact-tel-box .tel-nom .nom02 {
    font-size: 2.5em;
  }
  .product-contact-section .content-inner {
  }
  .product-contact-section {
    padding-top: 140px;
  }
  .contact-link {
    gap: 40px;
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
  }
  .contact-link_item {
    text-align: center;
    width: calc((100% - 80px) / 3);
  }
  .contact-link_item a:hover {
    background-color: #55a764;
  }
}

/* //////////////////
encyclopedia
////////////////// */
.encyclopedia-section p .pc {
  display: none;
}
@media print, screen and (min-width: 741px) {
  .encyclopedia-read .txt-size18 {
    text-align: center;
  }
  .encyclopedia-section p .pc {
    display: block;
  }
}

/* ムクナ豆とは */
.encyclopedia-about {
  margin-top: 12vw;
}
.encyclopedia-about .content-title02 {
  margin-bottom: 3em;
}
.encyclopedia-about .txt-box {
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
  margin-bottom: 3em;
}
.encyclopedia-about .txt-box figure {
  width: 100%;
  text-align: center;
}
.encyclopedia-about .txt-box figure img {
  max-width: 100%;
}
.encyclopedia-about .txt-box p {
  width: 100%;
}
.trivia-content {
  position: relative;
  padding: 2.5em;
  border: #55a764 solid 2px;
  border-radius: 20px;
}
.trivia-content .trivia-title {
  position: absolute;
  left: 0.5em;
  top: -2em;
}
.trivia-content .trivia-title img {
  max-width: 100%;
}
@media print, screen and (min-width: 741px) {
  .encyclopedia-about {
    margin-top: 80px;
  }
  .encyclopedia-about .txt-box {
    gap: 19px;
  }
  .encyclopedia-about .txt-box p {
    width: calc(100% - 280px);
  }
  .encyclopedia-about .txt-box figure {
    width: auto;
    text-align: center;
  }
}

/* ムクナのチカラ */
.encyclopedia-power {
  margin-top: 12vw;
}
.encyclopedia-power .content-title02 {
  margin-bottom: 3em;
}
.encyclopedia-power .txt-box {
  margin-bottom: 8vw;
}
.encyclopedia-power .txt-box figure {
  width: 100%;
  text-align: center;
}
.encyclopedia-power .txt-box figure img {
  max-width: 100%;
}
.power-title01 {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  gap: 1.25em;
  margin-bottom: 1.5em;
}
.power-title01 .txt-size14 {
  padding: 0.5em 1em;
  color: #fff500;
  background-color: #55a764;
}
.power-title01 strong {
  font-weight: 700;
  font-size: 1.375em;
}
.power-title01 .orange {
  color: #e33c0b;
}
.power-title01 .txt-green {
  color: #55a764;
}
.power-sub-title {
  position: relative;
  display: flex;
  margin-top: 3em;
  margin-bottom: 1.5em;
}
.power-sub-title:after {
  content: "";
  z-index: -1;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #505050;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.power-sub-title_inner {
  align-items: flex-end;
  position: relative;
  background-color: #fff;
  padding-right: 2em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.power-sub-title_inner strong {
  font-size: 1.375em;
}
.power-sub-title_inner strong {
  font-size: 1.375em;
}
@media print, screen and (min-width: 741px) {
  .encyclopedia-power {
    margin-top: 80px;
  }
  .encyclopedia-power .txt-box {
    margin-bottom: 60px;
  }
}

/* 実は身近なムクナ豆 */
.encyclopedia-midika {
  margin-top: 12vw;
}
.encyclopedia-midika .content-title02 {
  margin-bottom: 3em;
}
.encyclopedia-midika .content-title02 .main {
  font-size: 1.375em;
}
.encyclopedia-midika .txt-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
  margin-bottom: 6em;
}
.encyclopedia-midika .txt-box figure {
  width: 100%;
  text-align: center;
}
.encyclopedia-midika .txt-box figure img {
  max-width: 100%;
}
.encyclopedia-midika .txt-box p {
  width: 100%;
}
.trivia-content {
  position: relative;
  padding: 2.5em;
  border: #55a764 solid 2px;
  border-radius: 20px;
}
.trivia-content .trivia-title {
  position: absolute;
  left: 0.5em;
  top: -2em;
}
.trivia-content .trivia-title img {
  max-width: 100%;
}
@media print, screen and (min-width: 741px) {
  .encyclopedia-midika {
    margin-top: 80px;
  }
  .encyclopedia-midika .txt-box {
    gap: 19px;
    margin-bottom: 7em;
  }
  .encyclopedia-midika .txt-box p {
    width: calc(100% - 320px);
  }
  .encyclopedia-midika .txt-box figure {
    z-index: 1;
    right: 0;
    position: absolute;
    width: auto;
    text-align: center;
  }
}

/* //////////////////
member
////////////////// */

.member-section p .pc {
  display: none;
}
.member-title {
  margin-bottom: 2.5em;
  color: #55a764;
  position: relative;
  font-weight: 700;
  margin-top: 4em;
}
.member-title span {
  position: relative;
  display: inline-block;
  font-size: 1.375em;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.member-title span:before,
.member-title span:after {
  content: "";
  display: block;
  width: 2px;
  height: 1.25em;
  background-color: #55a764;
  position: absolute;
  bottom: -0.125em;
}
.member-title span:before {
  left: 0;
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
}
.member-title span:after {
  right: 0;
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
}

.member-read .member-img01 {
  width: 100%;
  border-radius: 3vw;
  overflow: hidden;
}
.member-read .member-img01 img {
  width: 100%;
}

.member-read .read-box {
  margin-top: 2em;
  margin-bottom: 4em;
  padding: 2.5em;
  border-radius: 20px;
  background: url(../img/common/head-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.member-read .read-box .read-box_inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 6vw;
}
.member-read .read-box .txt-size14 {
  margin-top: 1em;
}
.member-read .read-box .content-title03 {
  margin-bottom: 1em;
}
.member-read .read-box strong {
  font-weight: bold;
  color: #55a764;
}
.member-read .read-box figure .pc {
  display: none;
}

.member-read .read-box figure img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media print, screen and (min-width: 741px) {
  .member-title {
    text-align: center;
  }
  .member-read .txt-size18 {
    text-align: center;
  }
  .member-section p .pc {
    display: block;
  }
  .member-read .read-box .read-box_inner {
    gap: 40px;
  }
  .read-box_txt {
    width: calc(70% - 40px);
  }
  .member-read .member-img01 {
    border-radius: 60px;
  }
  .member-read .read-box figure {
    bottom: 0;
    right: 0;
    width: 30%;
    position: absolute;
  }
  .member-read .read-box figure img {
    width: 100%;
  }
  .member-read .read-box figure .sp {
    display: none;
  }
  .member-read .read-box figure .pc {
    display: block;
  }
}

/* //////////////////
essay
////////////////// */
.essay-section .read-box {
  margin-top: 2em;
  margin-bottom: 4em;
  padding: 2.5em;
  border-radius: 20px;
  background: url(../img/common/head-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.essay-name {
  color: #55a764;
}
.essay-name .main {
  font-weight: 700;
  font-size: 1.375em;
}
.essay-name .sub {
  font-weight: 500;
  font-size: 0.875em;
}
.essay-section .read-box_main .txt-size18 {
  font-weight: 500;
  color: #55a764;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
}
.essay-section .read-box_main .txt-size18.top-boder {
  border-top: solid 1px #55a764;
  padding-top: 0.75em;
  margin-top: 0.75em;
}
.essay-section .read-box_main h4 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}
.essay-section .read-box_sub .essay-sub-title {
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #55a764;
  position: relative;
}
.essay-section .read-box_sub .essay-sub-title span {
  display: inline-block;
  background-color: #f4faf6;
  position: relative;
  padding-right: 2em;
}
.essay-section .read-box_sub .essay-sub-title:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #55a764;
}
.essay-section .read-box_sub .txt-link {
  color: #005ebe;
}

.essay-main-section .title-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1em;
  align-items: flex-end;
  margin-bottom: 1.25em;
}

.essay-item + .essay-item {
  margin-top: 12vw;
}
.essay-main-section .title-wrap.img-title figure {
  max-width: 6em;
}
.essay-main-section .title-wrap.img-title figure img {
  max-width: 100%;
}
.essay-main-section .title-wrap.img-title h3 {
  max-width: calc(100% - 7em);
}
@media print, screen and (min-width: 741px) {
  .essay-item + .essay-item {
    margin-top: 80px;
  }
  .essay-main-section .title-wrap.img-title {
    margin-top: -4em;
  }
  .essay-main-section .title-wrap.img-title figure {
    max-width: none;
  }
}

/* フォーム部分 */

.contact-dl {
  padding: 1em 0;
  border-bottom: solid 1px #bbdcc1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
}
.contact-dl .form-title p {
  gap: 1em;
  width: 100%;
  display: flex;
  align-items: center;
}
.form-inputs {
  width: 100%;
}
.contact-dl .form-title .kome {
  border-radius: 1em;
  padding: 0.25em 1em;
  color: #55a764;
  background-color: #d6ecdb;
}
.contact-dl .form-title .must {
  background-color: #55a764;
  color: #fff;
}
.contact-dl:first-child {
  border-top: solid 1px #bbdcc1;
}
.contact-dl input[type="text"],
.contact-dl input[type="email"],
.contact-dl input[type="tel"],
.contact-dl select,
.contact-dl textarea {
  border: solid 1px #bbdcc1;
  padding: 0.75em;
  border-radius: 3px;
}
.contact-dl .w100 input[type="text"],
.contact-dl .w100 input[type="email"],
.contact-dl .w100 input[type="tel"],
.contact-dl .w100 textarea {
  width: 100%;
}
.contact-dl .adress-box dl {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  align-items: center;
}
.contact-dl .adress-box dl + dl {
  margin-top: 0.625em;
  width: 100%;
}
.contact-dl .adress-box dl dd {
  gap: 0.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.contact-dl .adress-box .add-nom p:first-child input {
  width: 5em;
}
.contact-dl .adress-box .add-nom p:last-child input {
  width: 8em;
}
.contact-dl .adress-box dl .w100 p {
  width: 100%;
}
.contact-dl .adress-box dl select {
  width: 50%;
}
.contact-dl .flex-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
.contact-dl .flex-2:nth-child(n + 2) {
  margin-top: 0.625em;
}
.contact-dl .flex-2 p,
.contact-dl .flex-2 input {
  width: 100%;
}

.radiobox01 input {
  display: none;
}
.radiobox01 span.wpcf7-list-item-label {
  display: block;
  position: relative;
  padding-left: 2em;
  line-height: 1.5;
  cursor: pointer;
}
.radiobox01 span.wpcf7-list-item-label:before {
  content: "";
  position: absolute;
  width: 1.25em;
  height: 1.25em;
  border: solid 1px #55a764;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radiobox01 .wpcf7-radio,
.radiobox01 .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em 2em;
}
.radiobox01 span.wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  width: 0.625em;
  height: 0.375em;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 0.3em;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.radiobox01 input:checked + span.wpcf7-list-item-label:after {
  opacity: 1;
}
.contact-section .policy-check p {
  color: #55a764;
  margin: 3.25em auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-section .button input[type="submit"] {
  font-weight: bold;
  padding: 1.5em;
  display: block;
  color: #fff;
  background-color: #55a764;
  border-radius: 3em;
  text-align: center;
  width: 100%;
  margin: auto;
}
.contact-dl .txt-size18 {
  color: #55a764;
  font-weight: 700;
}
.contact-dl .hankaku {
  color: #55a764;
  padding: 0.75em 0 1.5em;
}
.contact-dl .form-inputs.w-100box input[type="text"] {
  width: 5em;
}
.form-inputs.w-100box + .form-inputs.w-100box {
  margin-top: 1em;
}
.form-inputs.w-100box {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .contact-dl .flex-2 {
    gap: 0;
  }
  .contact-dl .flex-2 p {
    width: 50%;
  }
  .contact-dl .flex-2 p:nth-child(2) {
    padding-left: 1em;
  }
  .contact-dl {
    gap: 0 20px;
  }
  .contact-dl .form-title p {
    width: 235px;
    justify-content: space-between;
    padding: 0.5em 0;
  }
  .form-inputs {
    width: calc(100% - 255px);
  }
  .form-inputs.w-100box {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .form-inputs.w-100box .radiobox01 {
    max-width: calc(100% - (100px + 5em));
  }
  .contact-dl .adress-box dl {
    gap: 1em;
  }
  .contact-dl .adress-box dl dt {
    width: 8.375em;
  }
  .contact-dl .adress-box dl dd {
    width: calc(100% - 9.375em);
  }
  .contact-dl .email-box input[type="text"],
  .contact-dl .email-box input[type="email"],
  .contact-dl .email-box input[type="tel"] {
    width: 50%;
  }
  .contact-section .button input[type="submit"] {
    transition: 0.2s;
    max-width: 200px;
  }
  .contact-section .button input[type="submit"]:hover {
    opacity: 0.6;
  }
}
/* //////////////////
about
////////////////// */
.about-main-section .content-inner {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.about-main-section .content-table .content-title05 {
  margin-bottom: 1em;
}
.about-main-section .content-table {
  padding: 3vw;
  border-top: solid #deeee1 1px;
}
.about-main-section .content-table:last-child {
  border-bottom: solid #deeee1 1px;
}
@media print, screen and (min-width: 741px) {
  .about-main-section .content-table {
    padding: 30px 20px;
  }
}
/* //////////////////
voice
////////////////// */
.voice-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3vw;
  border-radius: 3vw;
  padding: 5vw;
  background: url(../img/common/head-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.voice-item .voice-img img {
  margin: auto;
  max-width: 100%;
}
.voice-item + .voice-item {
  margin-top: 5vw;
}
.voice-main-section .last-txt {
  text-align: right;
  margin-top: 1.25em;
}
@media print, screen and (min-width: 741px) {
  .voice-item {
    gap: 1.125em;
    border-radius: 30px;
    padding: 30px 50px 50px 30px;
  }
  .voice-item + .voice-item {
    margin-top: 50px;
  }
  .voice-item .voice-txt {
    width: calc(100% - 1.125em - 150px);
  }
}
.wpcf7-list-item {
  margin-left: 0 !important;
}

/* 特定商取引法に基づく表記 */
.info-section .content-inner {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.info-section .content-table dl {
  padding: 1em 0;
}
.info-section .content-table dl + dl {
  border-top: solid #deeee1 1px;
}
.info-section .content-table dl dt {
  color: #55a764;
  width: 100%;
  padding-bottom: 0.5em;
}
.info-section .content-table dl dd {
  width: 100%;
}
.info-section .content-table dl dt br {
  display: none;
}
@media print, screen and (min-width: 750px) {
  .info-section .content-table dl dt {
    padding-bottom: 0;
    color: #55a764;
    width: 12em;
  }
  .info-section .content-table dl dd {
    width: calc(100% - 12em);
  }
  .info-section .content-table dl dt br {
    display: block;
  }
}

/* 追記：20250605 */

/* delete reCAPTCHA mark and style  -------  */

.grecaptcha-badge {
  visibility: hidden;
}
.contact-reCAPTCHA-txt p {
  font-size: 1rem;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.6;
}
.contact-reCAPTCHA-txt p a {
  letter-spacing: 1px;
  text-decoration: underline var(--color_theme01);
  color: var(--color_theme01);
}

/* 追記：20250617 */

/* //////////////////
column
////////////////// */

.new-inner {
  width: 85%;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}
.column-mv {
  position: relative;
  background: url(../img/column/bg-mv.jpg) center;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 110px;
}
.column-ttl h2:before {
  content: "";
  width: 5px;
  height: 95%;
  background: #fff;
  position: absolute;
  top: 5%;
  bottom: 0;
  left: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.column-ttl h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}
.column-ttl h2 span {
  display: block;
  font-size: 11px;
  margin-top: 15px;
}
.column-ttl p {
  color: #fff;
  font-size: 15px;
  line-height: 1.8;
}
.column-mv .figure {
  position: absolute;
  right: 7.5%;
  bottom: -100px;
  width: 40%;
  max-width: 200px;
}
.column-mv .figure img {
  width: 100%;
}

.category-heading {
  font-size: 22px;
  font-weight: bold;
  color: #59a96b;
  border-bottom: 1px solid #59a96a;
  line-height: 1.6;
  padding-bottom: 15px;
  margin-bottom: 50px;
}

.sort-toggle {
  display: flex;
  margin-bottom: 50px;
  margin-left: auto;
  width: fit-content;
}
.sort-toggle a {
  display: block;
  border: 1px solid #59a96a;
  background: #f5faf7;
  line-height: 1;
  font-size: 15px;
  width: 120px;
  text-align: center;
  padding: 12px 0;
  font-weight: bold;
}
.sort-toggle a:first-child {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.sort-toggle a:last-child {
  border-radius: 0 3px 3px 0;
}
.sort-toggle a.active {
  background: #59a96a;
  color: #fff;
}

#column-list {
  padding-top: 125px;
}
#column-list ul {
  display: flex;
  gap: 5.88%;
  flex-wrap: wrap;
}
#column-list ul li {
  width: 47.06%;
  max-width: 400px;
  border-radius: 10px;
  border: 1px solid #59a96a;
  box-sizing: border-box;
  margin-bottom: 50px;
  background: #f5faf7;
}
#column-list ul li .photo {
  position: relative;
  height: 200px;
  border-radius: 10px 10px 0 0;
}
#column-list ul li .photo.no-photo {
  background: url(../img/column/bg-column-list.jpg) center;
  background-size: cover;
}
#column-list ul li .photo .category-box {
  position: absolute;
  top: -32px;
  right: -1px;
  display: flex;
}
#column-list ul li .photo .category-box a {
  font-size: 12px;
  line-height: 1.3;
  padding: 8px 10px;
  display: block;
  background: #55a764;
  color: #fff;
  letter-spacing: 0.3px;
}
#column-list ul li .photo .category-box a + a {
  margin-left: 10px;
}
#column-list ul li .box {
  padding: 35px;
}
#column-list ul li .box .date {
  color: #55a764;
  font-size: 11px;
  margin-bottom: 5px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
#column-list ul li .box h3 {
  font-size: 18px;
  margin-bottom: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}
#column-list ul li .box .txt {
  margin-bottom: 15px;
}
#column-list ul li .box .txt p {
  font-size: 13px;
  color: #000;
  letter-spacing: 0.5px;
  line-height: 1.8;
}
#column-list ul li .box a {
  display: block;
  width: fit-content;
  padding-right: 35px;
  position: relative;
  color: #55a764;
  margin-left: auto;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  font-size: 13px;
  letter-spacing: 1px;
}
#column-list ul li .box a:hover {
  opacity: 0.8;
}
#column-list ul li .box a:after {
  content: "";
  background: url(../img/column/btn-column-more.png) center;
  background-size: cover;
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.news-archive-pagenation {
  margin-top: 40px;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.news-archive-pagenation .page-numbers {
  font-size: 18px;
  border: 1px solid #757575;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border-radius: 40px;
  text-align: center;
  transition: 0.3s ease-in-out;
  margin-left: 4px;
  margin-right: 4px;
}
.news-archive-pagenation .page-numbers:hover {
  background: #55a764;
  color: #fff;
}
.news-archive-pagenation .page-numbers.current {
  background: #55a764;
  color: #fff;
}
.news-archive-pagenation .page-numbers.next {
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  background: none !important;
  font-size: 20px;
}
.news-archive-pagenation .page-numbers.prev {
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  background: none !important;
  font-size: 20px;
}
.news-archive-pagenation .page-numbers.next:hover,
.news-archive-pagenation .page-numbers.prev:hover {
  color: #55a764;
}

@media (max-width: 1023px) {
  .column-mv {
    margin-top: 10vw;
  }
}

@media (max-width: 740px) {
  .pc {
    display: none;
  }

  .column-mv .figure {
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  #column-list ul {
    display: block;
  }
  #column-list ul li {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }
}

@media (max-width: 500px) {
  .column-mv {
    margin-top: 5vw;
    padding-top: 65px;
    padding-bottom: 135px;
  }
  .category-heading {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .column-ttl h2 {
    font-size: 28px;
    padding-left: 25px;
    margin-bottom: 25px;
  }
  .column-ttl h2 span {
    font-size: 10px;
    margin-top: 10px;
  }
  .column-ttl p {
    font-size: 13px;
    line-height: 2;
  }
  .sort-toggle {
    margin-bottom: 30px;
  }
  .sort-toggle a {
    font-size: 12px;
    width: 90px;
    padding: 10px 0;
  }
  #column-list ul li .photo {
    height: 150px;
  }
  #column-list ul li .box {
    padding: 25px 25px 35px 25px;
  }
  #column-list ul li .box .date {
    font-size: 10px;
  }
  #column-list ul li .box h3 {
    font-size: 16px;
    margin-bottom: 13px;
  }
  #column-list ul li .box .txt p {
    font-size: 12px;
  }
  #column-list ul li .box a {
    padding-right: 35px;
    letter-spacing: 1px;
    font-size: 13px;
  }
  .news-archive-pagenation .page-numbers {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .news-archive-pagenation .page-numbers.next {
    margin-left: 0px;
    font-size: 14px;
  }
  .news-archive-pagenation .page-numbers.prev {
    margin-right: 0px;
    font-size: 14px;
  }
}

/* //////////////////
column-single
////////////////// */

.news-single-wrap {
  padding-top: 100px;
}
.news-single-wrap .post {
  margin-bottom: 80px;
}
.news-single-wrap .post .entry-meta {
  margin-bottom: 15px;
}
.news-single-wrap .post .entry-meta .posted-on {
  font-size: 16px;
  color: #55a764;
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
}
.news-single-wrap .post .post-categories {
  display: flex;
  margin-bottom: 10px;
}
.news-single-wrap .post .post-categories a {
  font-size: 13px;
  line-height: 1.3;
  padding: 5px 15px;
  border-radius: 50px;
  display: block;
  background: #55a764;
  color: #fff;
  letter-spacing: 0.3px;
}
.news-single-wrap .post .post-categories a + a {
  margin-left: 10px;
}
.news-single-wrap .post .entry-title {
  font-size: 28px;
  line-height: 1.6;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #55a764;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000;
}
.news-single-wrap .post .wp-block-heading {
  font-size: 20px;
  line-height: 1.6;
  border-left: 5px solid #55a764;
  background: #f4faf7;
  letter-spacing: 1px;
  margin-bottom: 25px;
  padding: 5px 20px;
  font-weight: bold;
}
.news-single-wrap .post .entry-content p {
  font-size: 16px;
  color: #000;
  letter-spacing: 0.5px;
  line-height: 2;
}
.news-single-wrap .post .entry-content p + p {
  margin-top: 20px;
}
.news-single-wrap .post .entry-content img {
  max-width: 650px;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 80%;
}
.news-single-wrap .post .entry-content .wp-element-caption {
  font-size: 12px;
  line-height: 1.6;
  display: block;
  margin-top: -40px;
}
.news-single-wrap .post .entry-content a {
  color: #55a764;
  font-weight: bold;
  text-decoration: underline;
}
.news-single-wrap .post .entry-content .wp-block-quote {
  font-style: italic;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f1f1f1;
  padding: 45px;
}

.news-single-wrap .single-navigation {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  max-width: 480px;
  justify-content: space-between;
  letter-spacing: 1px;
  align-items: center;
}
.news-single-wrap .single-navigation .nav-item {
  font-size: 16px;
  font-weight: bold;
}
.news-single-wrap .single-navigation .nav-item.prev {
  transition: 0.3s ease-in-out;
}
.news-single-wrap .single-navigation .nav-item.center a {
  display: block;
  color: #fff;
  background: #55a764;
  padding: 15px 40px;
  border-radius: 50px;
  width: fit-content;
  transition: 0.3s ease-in-out;
}
.news-single-wrap .single-navigation .nav-item.next {
  transition: 0.3s ease-in-out;
}
.news-single-wrap .single-navigation .nav-item.prev:hover,
.news-single-wrap .single-navigation .nav-item.next:hover {
  color: #55a764;
}
.news-single-wrap .single-navigation .nav-item.center a:hover {
  opacity: 0.8;
}

@media (max-width: 740px) {
  .news-single-wrap .post {
    margin-bottom: 50px;
  }
  .news-single-wrap .post .entry-meta .posted-on {
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  .news-single-wrap .post .entry-title {
    font-size: 20px;
    letter-spacing: 0.5px;
    padding-bottom: 15px;
  }
  .news-single-wrap .post .entry-content p {
    font-size: 14.5px;
  }
  .news-single-wrap .post .entry-content p + p {
    margin-top: 15px;
  }
  .news-single-wrap .post .entry-content img {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .news-single-wrap .post .entry-content .wp-element-caption {
    font-size: 11px;
    margin-top: -30px;
  }
  .news-single-wrap .post .entry-content .wp-block-quote {
    padding: 30px;
  }
  .news-single-wrap .post .entry-content .wp-block-quote p {
    font-size: 13px;
  }
  .news-single-wrap .post .wp-block-heading {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 8px 15px;
  }
  .news-single-wrap .single-navigation .nav-item {
    font-size: 12px;
    letter-spacing: 0.4px;
  }
  .news-single-wrap .single-navigation .nav-item.center a {
    padding: 10px 23px;
  }
}

.column-btns {
  margin-top: 60px;
  margin-bottom: 80px;
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.column-btns ul {
  display: flex;
  justify-content: space-between;
}
.column-btns ul li {
  width: 46%;
}
.column-btns ul li a {
  display: block;
  background: #59a96a;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  padding: 20px 0 21px 55px;
  position: relative;
  border-radius: 5px;
}
.column-btns ul li a:hover {
  opacity: 0.8;
}
.column-btns ul li a .arow:before,
.column-btns ul li a .arow:after {
  content: "";
  display: block;
  position: absolute;
}
.column-btns ul li a .arow:before {
  border-radius: 50%;
  border: solid 2px;
  width: 1.25em;
  height: 1.25em;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}
.column-btns ul li a .arow:after {
  top: 0;
  bottom: 0;
  left: 27.5px;
  margin: auto;
  width: 0.315em;
  height: 0.315em;
  border-bottom: 2px solid;
  border-right: 2px solid;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
@media (max-width: 740px) {
  .column-btns ul {
    display: block;
  }
  .column-btns ul li {
    width: 100%;
  }
  .column-btns ul li + li {
    margin-top: 30px;
  }
}