@charset "UTF-8";
/*----------------------------------------------------------------- 
共通パーツ
----------------------------------------------------------------- */
body {padding-left: 300px; line-height: 1.7; font-weight: 500; letter-spacing: 0.03em; font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
body.fixed {overflow-y: hidden;}
@media (max-width: 834px) {body {  padding-left: 0px; }}
body.open .spMenu {display: flex !important; transform: scale(1); opacity: 1; top: 0; left: 0; width: 100%; z-index: 4;}
body.open .menuBtn {box-shadow: none;}
body.open .menuBtn span {transition: 0.2s transform;}
body.open .menuBtn span.line {top: 24px !important;}
body.open .menuBtn span.line:nth-child(1) {transform: translateX(-50%) rotate(30deg);}
body.open .menuBtn span.line:nth-child(2) {transform: translateX(-50%) rotate(-30deg);}
body.open .menuBtn span.text::before {content: "close" !important;}
a[href^="tel:"] {pointer-events: none;}
@media (max-width: 834px) {a[href^="tel:"] {  pointer-events: unset;   text-decoration: underline; }}
.inner {max-width: 1200px; margin: 0 auto; padding-right: 100px; padding-left: 100px;}
@media (max-width: 1200px) {.inner {  padding-right: 30px;   padding-left: 30px; }}
.linkBtn {font-family: "Cabin", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 22px; display: flex; justify-content: center; align-items: center; width: 290px; background-color: #23b59c; height: 58px; line-height: 1; border-radius: 29px; color: #fff; font-weight: bold; font-style: italic; margin: 0 auto; position: relative; border: solid 3px #23b59c; background-repeat: no-repeat; background-size: 10px, contain; background-position: right 20px center;}
.linkBtn span {padding-bottom: 3px;}
.linkBtn.more {background-image: url("../img/icon_arrow_right_triangle.png"); box-shadow: 2.6px 3px 0 0 #a9d9d2;}
a.linkBtn.sdgsMore.more,a.linkBtn.presentBtn {font-style: normal; font-size: 18px; margin: 0 20px 60px;}
a.linkBtn.presentBtn {background-color: #fc6e6e; box-shadow: 2.6px 3px 0 0 #ffb5b5; border: solid 3px #fc6e6e;}
.linkBtn.blank {color: #23b59c; background-image: url("../img/icon_arrow_right_triangle_o.png"); background-color: #fff; box-shadow: 2.6px 3px 0 0 #23b59c;}
.linkBtn.back {background-image: url("../img/icon_arrow_left_triangle.png"); background-color: #23b59c; background-position: left 23px center; background-size: 10px, contain; font-size: 16px; font-style: normal; box-shadow: 2.5px 3px 0 0 #a9d9d2;}
.linkBtn.newsMore {  background-image: url(../img/icon_arrow_right_triangle.png);   background-color: #4a5bd3;   border: 3px solid #4a5bd3;   box-shadow: 2.5px 3px 0 0 #8693f4;}
.sectionHeading {font-family: "Cabin", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 50px; font-weight: bold; color: #23b59c; font-style: italic; text-align: center; line-height: 1; margin-bottom: 22px;}
.sectionHeading span {font-weight: bold; background: linear-gradient(transparent 70%, #fff600 0%); display: inline; padding: 0 10px; position: relative;}
.sectionHeading span::before, .sectionHeading span::after {position: absolute; content: ""; display: inline-block; transform: rotate(11deg); width: 5px; height: 24px; background-color: #fff; bottom: -2px;}
.sectionHeading span::before {left: -2px;}
.sectionHeading span::after {right: -2px;}
.sectionHeading + p,
.sectionHeading + h1 {font-size: 16px; text-align: center; margin-bottom: 40px;}
.categoryList {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
@media (max-width: 834px) {.categoryList {  justify-content: flex-end; }}
.categoryList li {color: #fff; background-color: #23b59c; height: 30px; line-height: 30px; border-radius: 15px; font-size: 12px; margin-bottom: 10px;}
@media (max-width: 834px) {.categoryList li {  font-size: 11px;   margin-bottom: 6px;   height: 25px;   line-height: 25px; }}
.categoryList li:not(:first-child) {margin-left: 10px;}
@media (max-width: 834px) {.categoryList li:not(:first-child) {  margin-left: 10px; }}
@media (max-width: 834px) {.categoryList li:not(:last-child) {  margin-right: 0;   margin-left: 10px; }}
.categoryList li.onsen {background-color: #335fb9;}
.categoryList li.person {background-color: #f34141;}
.categoryList li.entertainment {background-color: #5945A0;}
.categoryList li.school {background-color: #A8552C;}
.categoryList li.gourmet {background-color: #ff7f16;}
.categoryList li.web-original {background-color: #43A052;}
.categoryList li.trend {background-color: #1AA7C1;}
.categoryList li.life {background-color: #F05F70;}
.categoryList li.sdgs {background-color: #00689d;}
.categoryList li.obs-radio-correspondent {background-color: #24285c;}
.categoryList li a {color: #fff; display: block; width: 100%; padding: 0 10px;}
@media (max-width: 834px) {.categoryList li a {  padding: 0 10px; }}
.tagList {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.tagList.momentary {padding-top: 60px; padding-bottom: 40px; margin-bottom: 0px !important; background-color: #fff;}
.tagList li {color: #fff; background-color: #23b59c; height: 30px; line-height: 30px; border-radius: 15px; font-size: 12px; margin-bottom: 20px;}
.tagList li:not(:last-child) {margin-right: 10px;}
.tagList a {color: #fff; font-weight: 500; padding: 0 20px; height: 100%; display: block;}
.articleWrap {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.articleWrap > li {position: relative; width: calc(100% / 3 - 26px); margin-bottom: 40px;}
@media (max-width: 1200px) {.articleWrap > li {  width: calc(100% / 2 - 10px);   margin-bottom: 20px; }}
.articleWrap > li:not(:nth-child(3n)) {margin-right: 39px;}
@media (max-width: 1200px) {.articleWrap > li:not(:nth-child(3n)) {  margin-right: 0; }}
@media (max-width: 1200px) {.articleWrap > li:not(:nth-child(2n)) {  margin-right: 20px; }}
.articleWrap .articleInner {display: block; height: 100%; border: 3px solid #23b59c; border-radius: 28px; overflow: hidden;}
@media (max-width: 834px) {.articleWrap .articleInner {  border-radius: 14px; }}
.articleWrap .newLabel {position: absolute; width: 78px; height: 78px; -o-object-fit: contain;    object-fit: contain; top: -20px; left: -20px; z-index: 2;}
@media (max-width: 834px) {.articleWrap .newLabel {  top: -20px;   left: -20px;   width: 60px;   height: 60px; }}
.articleWrap img {width: 100%; -o-object-fit: cover;    object-fit: cover; height: 188px;}
@media (max-width: 834px) {.articleWrap img {  height: 85px; }}
.articleWrap .articleInfo {padding: 15px 25px; display: flex; flex-direction: column; justify-content: space-between; background-color: #fff; height: calc(100% - 188px);}
@media (max-width: 834px) {.articleWrap .articleInfo {  padding: 12px;   height: calc(100% - 85px); }}
.articleWrap .articleInfo h2 {font-size: 16px; font-weight: bold; margin-bottom: 40px;}
@media (max-width: 834px) {.articleWrap .articleInfo h2 {  margin-bottom: 10px;   font-size: 13px; }}
.articleWrap .categoryList {justify-content: flex-end; margin-bottom: 0px;}
.breadCrumb {font-size: 11px; color: #999; line-height: 1.4; margin-bottom: 40px;}
.breadCrumb > span {margin-bottom: 10px; display: inline-block;}
.breadCrumb > span:not(:last-child) a {color: #999;}
.breadCrumb > span:not(:last-child) {padding-right: 35px; background-image: url("../img/icon_breadcrumb_right.png"); background-size: 6px 10px; background-position: right 15px center; background-repeat: no-repeat;}
.breadCrumb > span:last-child {color: #333;}
.searchWrap {display: flex; justify-content: center; margin-bottom: 30px;}
.searchWrap input {background-color: #fff; max-width: 400px; width: calc(100% - 100px); height: 50px; margin-right: 10px; border: 3px solid #23b59c; border-radius: 25px; padding: 0 35px; font-size: 16px;}
.searchWrap input::-webkit-input-placeholder {color: #bbb;}
.searchWrap input:-ms-input-placeholder {color: #bbb;}
.searchWrap input::-ms-input-placeholder {color: #bbb;}
.searchWrap input::-moz-placeholder {color: #bbb;}
.searchWrap input::placeholder {color: #bbb;}
@media (max-width: 834px) {.searchWrap input {  padding: 0 10px;   font-size: 14px; }}
.searchWrap .searchButton {display: block; padding-left: 30px; text-align: center; width: 130px; height: 50px; line-height: 50px; border-radius: 25px; color: #fff; font-weight: bold; background-color: #23b59c; box-shadow: 2.6px 3.1px 0 0 #a9d9d2; position: relative; background-image: url("../img/icon_search.png"); background-size: 20px, contain; background-repeat: no-repeat; background-position: left 33px center;}
.searchWrap .searchButton::before {content: '検索';}
@media (max-width: 834px) {.searchWrap .searchButton {  width: 100px;   padding-left: 22px;   background-position: left 16px center; }}
.search.small {display: flex; justify-content: flex-end;}
@media (max-width: 834px) {.search.small {  display: none; }}
.search.small .searchWrap {width: 100%; display: flex; justify-content: flex-end;}
.search.small .searchWrap input {padding: 0 25px; height: 40px; font-size: 13px; width: 280px;}
@media (max-width: 834px) {.search.small .searchWrap input {  width: calc(100% - 100px);   padding: 0 15px; }}
.search.small .searchWrap button {padding-left: 25px; width: 100px; height: 40px; line-height: 40px; font-size: 13px; background-size: 16px, contain; background-position: left 26px center;}
/*----------------------------------------------------------------- 
ヘッダー・フッター
----------------------------------------------------------------- */
.archiveNews,
.recentNews {display: none;}
.archiveNews ul li time {font-size: 14px; font-weight: 500; font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-style: normal;}
.header {width: 300px; height: 100vh; overflow-y: scroll; position: fixed; left: 0; top: 0; background-color: #23b59c; padding-top: 60px; padding-right: 40px; padding-left: 40px; scrollbar-width: none;}
.header::-webkit-scrollbar {/* Chrome, Safari 対応 */
  display: none;}
@media (max-width: 834px) {.header {  display: none; }}
.header .headerLogo {display: block; width: 100%; margin-bottom: 55px;}
.header .headerLogo img {width: 100%;}
.header p {font-size: 13px; color: #fff; margin-bottom: 10px;}
.header nav {margin-bottom: 30px;}
.header nav ul.categoryList li {width: 100%; margin-left: 0;}
.header nav ul.categoryList li:not(:last-of-type) {margin-bottom: 12px;}
.header nav ul.categoryList li a {color: #fff; font-weight: bold; font-size: 16px; line-height: 1;}
.header .newsWrap {background-color: #fff; border-radius: 25px; padding: 25px 20px 20px;}
.header .newsWrap a {text-decoration: underline;}
.header h2,
.header h3 a,
.newsWrap h2,
.newsWrap h3 a,
.header .moreLink {color: #4a5bd3 !important;}
.header h2,
.header time,
.header .moreLink,
.newsWrap h2,
.newsWrap time,
.newsWrap .moreLink{font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-style: italic;}
.header .moreLink,
.newsWrap .moreLink {text-align: right; display: block; padding-right: 24px; padding-bottom: 5px; font-size: 20px; text-decoration: underline; color: #335fb9; background-image: url("../img/icon_arrow_right_triangle_blue.png"); background-size: 13px, contain; background-position: right center; background-repeat: no-repeat;}
.header h2,
.newsWrap h2 {font-size: 30px; font-weight: bold; margin-bottom: 15px; line-height: 1;}
.header h3,
.newsWrap h3 {font-size: 14px; font-weight: 500; margin-bottom: 15px; line-height: 1.6;}
.header h3 time,
.newsWrap h3 time{line-height: 1.6!important;}

.newsListArchive a {text-decoration: underline;}
.newsListArchive select {  background-color: #fff;   max-width: 400px;   height: 50px;   border: 3px solid #4a5bd3;   border-radius: 25px;   padding: 0 40px 0 35px;   font-size: 16px;}
.newsListArchive .selectBox {  position: relative;   display: inline-block;}
.newsListArchive .selectBox::after {  content: '\f0d7';   font-family: "Font Awesome 5 Free";   font-weight: 900;   position: absolute;   display: inline-block;   right: 15px;   top: 50%;   transform: translateY(-50%);   color: #4a5bd3;   font-size: 18px;}
.header time {font-size: 13px; line-height: 1;}
.header .moreLink {display: block; text-align: right; padding-right: 30px; background-image: url("../img/icon_arrow_right_triangle_blue.png"); background-position: right;}
.menuBtn {height: 60px; width: 60px; z-index: 4; -o-object-fit: contain;    object-fit: contain; position: fixed; right: 20px; top: 20px; border-radius: 30px; box-shadow: 2px 3.5px 0 0 #a9d9d2; background-color: #23b59c;}
@media (max-width: 834px) {.menuBtn {  display: block; }}
.menuBtn img {width: 100%; height: 100%;}
.menuBtn span {position: absolute; left: 50%; transform: translateX(-50%);}
.menuBtn span.line {width: 30px; height: 3px; display: inline-block; margin-bottom: 5px; background-color: #fff;}
.menuBtn span.line:nth-child(1) {top: 18px;}
.menuBtn span.line:nth-child(2) {top: 28px;}
.menuBtn span.text {color: #fff; font-size: 15px; font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-style: italic; bottom: 5px;}
.menuBtn span.text::before {content: "menu";}
.spMenu {transition: all 0.2s; transform: scale(0); opacity: 0; position: fixed; background-color: #23b59c;         justify-content: flex-start; flex-direction: column; align-items: center; color: #fff; padding: 120px 30px 40px; overflow-y: scroll; min-height: 100vh; height: 100vh;}
.spMenu .searchWrap {position: relative;}
.spMenu .searchWrap input {height: 60px; border-radius: 30px; color: #333; font-size: 16px; max-width: unset; width: 100%; padding: 0 40px 0 20px;}
.spMenu .searchButton {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; box-shadow: none; color: #333; background-color: transparent; background-image: url("../img/icon_search_green.png"); background-repeat: no-repeat; background-size: 20px, contain; background-position: right center;}
.spMenu .searchButton::before {content: '';}
.spMenu nav {text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: auto; padding-bottom: 100px;}
@media (max-height: 400px) {.spMenu nav {  padding-bottom: 0; }}
.spMenu ul {width: 100%;}
.spMenu ul li {width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.spMenu ul li a {color: #fff;}
.spMenu form {width: 100%;}
.spMenu .logoWrap {position: absolute; top: 20px; left: 30px;}
.spMenu .logoWrap p {font-size: 12px; font-weight: bold; color: #fff; text-align: left; margin-bottom: 5px;}
.spMenu .logoWrap img {width: auto; height: 30px;}
.spMenu .tagList li {background-color: #fff; display: inline-block; width: auto; margin-bottom: 15px;}
.spMenu .tagList li a {color: #23b59c; font-size: 12px;}
.footer {background-color: #e4f8f3; padding: 100px 0 60px;}
@media (max-width: 834px) {.footer {  padding: 100px 0; }}
.footer .tagList {justify-content: center; margin-bottom: 70px;}
.footer .tagList li {margin-bottom: 15px;}
.footer .logoWrap:hover img{opacity: 0.7;}
.footer .logo {display: block; width: 280px; margin: 0 auto 40px;}
.footer .info {display: flex; justify-content: center; margin-bottom: 60px; font-size: 14px; font-weight: bold;}
@media (max-width: 834px) {.footer .info {  flex-wrap: wrap; }}
.footer .info a {display: block; border-bottom: 1px solid #333;}
.footer .info a:not(:last-child) {margin-right: 25px;}
.footer .snsIcons {display: flex; justify-content: center;}
.footer .snsIcons a {width: 47px; height: 47px; -o-object-fit: contain;    object-fit: contain; display: block; margin-bottom: 34px;}
.footer .snsIcons a:not(:last-child) {margin-right: 20px;}
.footer .snsIcons a img {width: 100%;}
.footer small {font-size: 12px; font-weight: 500; display: block; text-align: center;}
/* 特別ページのみ 白いフッター */
.footer.invertedFooter {background-color: #fff;padding: 0px 50px 100px;background-position: center bottom;background-size: 100% 20px;border-top: solid 1px #ddd;}
.footer.invertedFooter .inner {padding-top: 100px;}
.footer.invertedFooter .logo {width: 200px;image-rendering: -webkit-optimize-contrast;}
.topLogo {margin-top: 20px;}
.topLogo p {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #23b59c;}
.topLogo img {width: auto; height: 30px; -o-object-fit: cover;    object-fit: cover;}

.swiper-button-prev,
.swiper-button-next {width: 38px; height: 38px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.swiper-button-prev:focus,
.swiper-button-next:focus {outline: none;}
.swiper-button-prev::after,
.swiper-button-next::after {content: none !important;}
.swiper-button-prev {background-image: url("../img/icon_slider_left.png");}
.swiper-button-next {background-image: url("../img/icon_slider_right.png");}
.swiper-pagination {position: absolute; bottom: 25px !important; display: flex; justify-content: center;}
@media screen and (max-width: 834px) {.swiper-pagination {  bottom: 0px!important;}}
.swiper-pagination span {display: block; width: 12px; height: 12px; background-color: #fff; border-radius: 6px; border: 2px solid #23b59c; margin: 0 7.5px !important; opacity: 1;}
.swiper-pagination span.swiper-pagination-bullet-active {background-color: #23b59c;}
/*----------------------------------------------------------------- 
トップページ
----------------------------------------------------------------- */
main.top {padding-top: 100px; background-image: url("../img/bg_top.png"); background-size: contain; overflow-x: hidden;}
@media (max-width: 834px) {main.top {  padding-top: 90px;   background-image: url("../img/bg_top_sp.png");   background-size: cover;   background-position: top; }}
main.top .news {padding-bottom: 0px;   margin-bottom: 0px;}
main.top .tagList {justify-content: center; margin-bottom: 80px; max-width: 1000px; margin-right: auto; margin-left: auto;}
main.top .swiper-button-next {right: calc(50% - 460px);}
@media (max-width: 1200px) {main.top .swiper-button-next {  right: 2%; }}
main.top .swiper-button-prev {left: calc(50% - 460px);}
@media (max-width: 1200px) {main.top .swiper-button-prev {  left: 2%; }}
main.top .swiper-button-next,
main.top .swiper-button-prev {transform: translateY(calc(-50% - 30px)); height: 40px; width: 40px;}
main.top .categoryList {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
main.top section {margin-bottom: 100px;}
main.top .search > .categoryList {margin-bottom: 80px; justify-content: center;}
main.top .pickup {/* overflow-x: hidden; */
}
main.top .pickup .swiper-container {width: 100% !important; max-width: 1200px !important; padding-bottom: 60px; overflow: visible;}
@media screen and (max-width: 1200px) {main.top .pickup .swiper-container {  padding: 0 30px 60px; }}
main.top .pickup .swiper-slide {max-width: 800px; width: 100%; height: 340px; padding: 4% 0; transition: padding 0.2s ease-out;}
@media screen and (max-width: 834px) {main.top .pickup .swiper-slide {  height: 100%; }}
main.top .pickup .swiper-pagination {transform: translate3d(-50%,0,0); left: 50%;}
main.top .pickup .pickupSlideInner {width: 100%; height: 100%; border: solid 3px #23b59c; border-radius: 26px; display: flex; overflow: hidden;}
@media (max-width: 834px) {main.top .pickup .swiper-slide {  padding: 0px; }
  main.top .pickup .pickupSlideInner{  flex-wrap: wrap;   height: auto; }}
main.top .pickup .swiper-slide-active {/* -webkit-transform: scaleY(1);     -ms-transform: scaleY(1);         transform: scaleY(1); */
          padding: 0;}
@media (max-width: 834px) {main.top .pickup .swiper-slide-active {  transform: unset; }}
main.top .pickup .swiper-slide .thumbnailWrap {height: 100%; width: 65%; -o-object-fit: cover;    object-fit: cover; vertical-align: bottom;}
@media (max-width: 834px) {main.top .pickup .swiper-slide .thumbnailWrap {  width: 100%;   height: 190px; }}
main.top .pickup .swiper-slide .thumbnailWrap img {width: 100%; height: 100%; -o-object-fit: cover;    object-fit: cover;}
main.top .pickup .pickupInfo {width: 35%; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 20px 30px;}
@media (max-width: 834px) {main.top .pickup .pickupInfo {  width: 100%;   padding: 25px 30px; }}
main.top .pickup .pickupInfo .desc h3 {font-size: 16px; font-weight: bold; margin-bottom: 16px;}
main.top .pickup .pickupInfo .desc p {font-size: 14px;}
@media (max-width: 834px) {main.top .pickup .pickupInfo .desc p {  margin-bottom: 15px; }}
main.top .liveVideo .articleInner {display: block;}
main.top .liveVideo .swiper-container {overflow: visible;}
main.top .liveVideo .swiper-pagination,
main.top .liveVideo .swiper-button-prev,
main.top .liveVideo .swiper-button-next {display: none;}
@media (max-width: 834px) {main.top .liveVideo .swiper-pagination,
  main.top .liveVideo .swiper-button-prev,
  main.top .liveVideo .swiper-button-next {  display: flex; }}

main.top .liveVideo .desc {padding: 20px 15px; background-color: #fff;}
@media (max-width: 834px) {main.top .liveVideo .desc {  padding: 35px 25px; }
  .liveVideo {  padding: 0; }}
main.top .liveVideo .desc h3 {font-size: 16px;}
main.top .liveVideo .swiper-container {margin-bottom: 70px;}
main.top .liveVideo .swiper-wrapper {display: flex; justify-content: space-between;}
main.top .liveVideo .swiper-wrapper li {width: calc(100% / 3 - (40px / 3));}
@media (max-width: 834px) {main.top .liveVideo .swiper-container {  padding: 0 30px 60px; }
  main.top .liveVideo .swiper-wrapper li {  width: 100%; }}
main.top .liveVideo .swiper-wrapper li img {height: 188px; width: 100%; -o-object-fit: cover;    object-fit: cover;}
main.top .liveVideo .articleInner {overflow: hidden; border: solid 3px #23b59c; border-radius: 28px;}
main.top .liveVideo .swiper-slide {position: relative; overflow: visible;}
main.top .liveVideo .swiper-slide .newLabel {position: absolute; width: 75px; height: 75px; top: -15px; left: -15px;}
main.top .liveVideo .articleWrap .articleInfo h2 {margin-bottom: 0;}
main.top .extra {background-color: #e4f8f3; padding: 115px 0 100px; margin-bottom: 0;}
main.top .extra .content {display: flex; justify-content: space-between; align-items: center; text-align: center;}
@media (max-width: 834px) {main.top .extra .content {  flex-wrap: wrap;   justify-content: center; }}
main.top .extra .content:nth-child(even) img {order: 2;}
@media (max-width: 834px) {main.top .extra .content:nth-child(even) img {  order: 1; }}
@media (max-width: 834px) {main.top .extra .content:nth-child(even) .contentInfo {  order: 2; }}
main.top .extra .content:not(:last-of-type) {margin-bottom: 60px;}
main.top .extra .content > img {width: 40%; /* border-radius: 50%; */
}
@media (max-width: 834px) {main.top .extra .content > img {  width: 100%;   max-width: 250px;   margin-bottom: 20px; }}
main.top .extra .desc {font-size: 16px; font-weight: 500; margin-bottom: 30px;}
@media (max-width: 834px) {main.top .extra .desc {  text-align: left; }}
main.top .extra .contentInfo {width: calc(60% - 50px);}
@media (max-width: 834px) {main.top .extra .contentInfo {  width: 100%; }}
main.top .extra .contentInfo .lead {font-size: 18px; color: #124900; margin-bottom: 24px; display: inline-block; margin: 0 auto 24px; background-repeat: no-repeat; background-size: contain; background-position: left 50% bottom 0px;}
@media (max-width: 834px) {main.top .extra .contentInfo .lead {  display: block;   margin-bottom: 20px; }}
main.top .extra .contentInfo h2 {font-size: 40px; font-weight: bold; line-height: 1; margin-bottom: 30px;}
main.top .extra .contentInfo h2 img {max-width: 250px; width: 100%; margin: 0 auto;}
main.top .extra .contentInfo .linkBtn {margin-bottom: 15px;}
main.top .extra .contentInfo .annotation {line-height: 1; font-size: 12px;}
main.top .ads {background-color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 0; padding-top: 100px; padding-bottom: 100px;}
@media (max-width: 834px) {main.top .ads {  padding-top: 75px;   padding-bottom: 75px; }}
main.top .ads img {width: 300px; display: block;}
@media (max-width: 834px) {main.top .ads img {  width: 100%;   max-width: 600px; }}
main.top .ads img:first-of-type {margin-right: 60px;}
@media (max-width: 834px) {main.top .ads img:first-of-type {  margin-right: 0px;   margin-bottom: 40px; }}
/*----------------------------------------------------------------- 
下層ページ
----------------------------------------------------------------- */
.lowerPage {padding-top: 60px; padding-bottom: 100px;}
@media (max-width: 834px) {.lowerPage {  padding-top: 40px; }}
/*----------------------------------------------------------------- 
動画一覧ページ
----------------------------------------------------------------- */
/*----------------------------------------------------------------- 
動画詳細ページ
----------------------------------------------------------------- */
.videoDetail {padding-top: 20px; padding-bottom: 100px;}
.videoDetail .swiper-button-next,
.videoDetail .swiper-button-prev {width: 35px; height: 35px; transform: translateY(calc(-50% - 5px));}
@media screen and (max-width: 834px) {.videoDetail .swiper-button-next,
  .videoDetail .swiper-button-prev {  transform: translateY(calc(-50% + 5px));}}
.videoDetail h1 {font-size: 11px; color: #999; margin-bottom: 20px;}
.videoDetail .swiper-container {padding: 30px; margin-bottom: 20px;}
.videoDetail .categoryList {justify-content: flex-start;}
.videoDetail h2 {font-size: 20px; margin-bottom: 10px; font-weight: bold; line-height: 1.4;}
.videoDetail .articleInfo {background-color: #fff; display: flex; font-size: 13px; margin-bottom: 20px;}
.videoDetail .articleInfo time {margin-right: 20px;}
.videoDetail .video {position: relative; width: 100%; height: 0; padding-top: 56.25%; margin-bottom: 60px;}
@media (max-width: 834px) {.videoDetail .video {  margin-bottom: 20px; }}
.videoDetail .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 28px;}
.videoDetail .articleInner {max-width: 800px; width: 100%; margin-right: auto; margin-left: auto;}
.videoDetail .articleDesc {font-size: 16px; margin-bottom: 60px;}
.videoDetail .speechBalloon {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.videoDetail .speechBalloon img {width: 116px; height: 116px; -o-object-fit: cover;    object-fit: cover; border-radius: 50%;}
@media (max-width: 834px) {.videoDetail .speechBalloon img {  width: 80px;   height: 80px; }}
.videoDetail .speechBalloon p {width: calc(100% - 144px); background-color: #e4f8f3; padding: 30px; font-size: 16px; border-radius: 28px; position: relative;}
@media (max-width: 834px) {.videoDetail .speechBalloon p {  width: calc(100% - 104px); }}
.videoDetail .speechBalloon p::before, .videoDetail .speechBalloon p::after {content: ""; position: absolute; top: 50%;}
.videoDetail .speechBalloon p::before {content: ""; position: absolute; top: 50%; left: -30px; margin-top: -15px; border: 15px solid transparent; border-right: 23px solid #e4f8f3;}
.videoDetail .checkPoint {border: solid 3px #ff5c5c; padding: 30px 34px; margin-top: 60px; margin-bottom: 60px; border-radius: 28px; background-color: #fff;}
.videoDetail .checkPoint .sectionHeading {font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 30px; font-weight: bold; margin-bottom: 20px; color: #ff5c5c;}
.videoDetail .checkPoint ul li {padding-left: 28px; margin-bottom: 10px; padding-left: 28px; background-image: url(../img/icon_checklist.png); background-size: 20px, contain; background-position: left top 4px; background-repeat: no-repeat;}
@media (max-width: 834px) {.videoDetail .checkPoint ul li {  margin-bottom: 15px; }}
.videoDetail .placeInfo {display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px;}
@media (max-width: 834px) {.videoDetail .placeInfo {  flex-wrap: wrap; }}
.videoDetail .placeInfo > img {width: calc(50% - 20px); height: 234px; border-radius: 28px; -o-object-fit: cover;    object-fit: cover;}
@media (max-width: 834px) {.videoDetail .placeInfo > img {  width: 100%;   margin-bottom: 30px; }}
.videoDetail .placeInfo .placeDetail {width: calc(50% - 20px);}
@media (max-width: 834px) {.videoDetail .placeInfo .placeDetail {  width: 100%; }}
.videoDetail .placeInfo .placeDetail .gmapLink {text-decoration: underline; text-underline-offset: 0.4em;}
.videoDetail .placeInfo .placeDetail h3 {font-size: 16px; font-weight: bold; margin-bottom: 18px; line-height: 1;}
.videoDetail .placeInfo .placeDetail ul li {line-height: 1.5; font-size: 14px;}
.videoDetail .placeInfo .placeDetail ul li:not(:last-of-type) {margin-bottom: 5px;}
.videoDetail .tagList {justify-content: flex-start;         margin-bottom: 25px;}
.videoDetail .tagList li {margin-bottom: 15px;}
.videoDetail .provision {border: solid 3px #23b59c; border-radius: 28px; padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 40px;}
@media (max-width: 834px) {.videoDetail .provision {  padding: 15px 20px; }}
.videoDetail .provision .broadcastingOffice {display: flex; align-items: center; justify-content: flex-end; width: 40%; padding-right: 20px;}
@media (max-width: 834px) {.videoDetail .provision .broadcastingOffice {  padding-right: 0;   padding-bottom: 10px;   justify-content: center;   width: 100%; }}
.videoDetail .provision .broadcastingOffice img {height: 25px; margin-left: 10px;}
@media (max-width: 834px) {.videoDetail .provision .broadcastingOffice img {  width: auto; }}
.videoDetail .provision .program {display: flex; align-items: center; width: 60%; padding-left: 20px; border-left: 3px dotted #23b59c;}
@media (max-width: 834px) {.videoDetail .provision .program {  justify-content: center;   width: 100%;   border-left: none;   border-top: 3px dotted #23b59c;   font-size: 14px;   padding-left: 0;   padding-top: 10px; }}
.videoDetail .provision .program img {height: 60px; margin-right: 10px; height: 60px; max-width: 140px; margin-right: 10px; -o-object-fit: contain;    object-fit: contain;}
@media (max-width: 834px) {.videoDetail .provision .program img {  height: 40px;   width: auto; }}
.videoDetail .annotation {font-size: 11px; margin-bottom: 40px; text-align: center;}
@media (max-width: 834px) {.videoDetail .annotation {  text-align: left; }}
.share {display: flex; align-items: center; justify-content: center; margin-bottom: 100px; border-top: solid 3px #23b59c; border-bottom: solid 3px #23b59c; padding-top: 30px; padding-bottom: 30px;}
.share span {font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-weight: bold; font-style: italic; font-size: 20px; color: #23b59c;}
.share img {width: 30px; height: 30px; -o-object-fit: contain;    object-fit: contain; margin-left: 30px;}
.recommend {max-width: 1200px; margin: 0 auto; padding-right: 100px; padding-left: 100px;}
@media (max-width: 1200px) {.recommend {  padding-right: 0px;   padding-left: 0px; }}
.recommend .articleWrap .swiper-slide {width: calc(100% / 4 - 24px); margin-right: 32px;}
.recommend .sectionHeading {font-style: normal; font-size: 24px; margin-bottom: 10px;}
.recommend .sectionHeading span {position: relative;}
.recommend .sectionHeading span::before, .recommend .sectionHeading span::after {position: absolute; content: ""; display: inline-block; width: 3px; height: 32px; bottom: -2px; background-color: #23b59c;}
.recommend .sectionHeading span::before {left: -20px; transform: rotate(-30deg);}
.recommend .sectionHeading span::after {right: -20px; transform: rotate(30deg);}
.recommend .swiper-container {padding-bottom: 0;}
.recommend .articleWrap {flex-wrap: nowrap; margin-bottom: 0;}
.recommend .articleWrap.postsWrap {flex-wrap:wrap;}
.recommend .articleWrap .swiper-slide {height: auto !important;}
.recommend .articleWrap h3 {font-size: 13px; margin-bottom: 10px;}
.recommend .articleWrap .articleInner img {height: 140px;}
@media (max-width: 414px) {.recommend .articleWrap .articleInner img {  height: 88px; }}
.recommend .articleWrap .articleInfo {height: calc(100% - 140px); padding: 10px 20px; margin-bottom: 0;}
@media (max-width: 414px) {.recommend .articleWrap .articleInfo {  height: calc(100% - 88px);   padding: 10px; }}
.recommend .categoryList {margin-bottom: 0; justify-content: flex-end;}
.recommend .categoryList li {font-size: 11px; height: 20px; line-height: 19px; margin-right: 0; margin-bottom: 8px;}
.recommend .categoryList li:not(:first-child) {margin-left: 8px;}
.recommend .categoryList li a {padding: 0 10px;}
/*----------------------------------------------------------------- 
ニュース一覧ページ
----------------------------------------------------------------- */
.news {padding-bottom: 60px;}
.news h1 {font-size: 16px; text-align: center; margin-bottom: 40px;}
.news .sectionHeading span {color: #4a5bd3;}
.news time {font-size: 12px;}
.news .articleWrap .articleInner {border: 3px solid #4a5bd3; background-color: #fff;}
.news .articleWrap .articleInfo {justify-content: flex-start;}
.news .bannerWrap {display: block; margin: 80px auto 0;   max-width: 800px;   width: 100%;}
.news .bannerWrap.gurunet {margin: 80px auto 0;}
.news .banner {width: 100%;}
.notFoundText {text-align: center; margin-top: 40px;}
/*----------------------------------------------------------------- 
ニュース詳細ページ
----------------------------------------------------------------- */
.newsDetail {padding-top: 40px; padding-bottom: 100px;}
.newsDetail .linkBtn.back {background-color: #4a5bd3; border: 3px solid #4a5bd3; box-shadow: 2.5px 3px 0 0 #8693f4;}
.newsDetail h1 {font-size: 11px; color: #999; margin-bottom: 20px;}
.newsDetail h2 {font-size: 20px; margin-bottom: 10px;}
.newsDetail video {border-radius: 28px; margin-bottom: 60px;}
.newsDetail video:focus {outline: none;}
.newsDetail .articleDesc {font-size: 16px; margin-bottom: 60px;}
.newsDetail .articleDesc br:not(:last-of-type) {margin-bottom: 10px; content: ""; display: block;}
.newsDetail .articleInfo {display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-bottom: 20px;}
.newsDetail .articleInfo time {line-height: 1;}
.newsDetail .articleInfo .provision {display: flex; align-items: center; font-size: 16px;}
@media (max-width: 834px) {.newsDetail .articleInfo .provision {  font-size: 14px; }}
.newsDetail .articleInfo .provision span {white-space: nowrap;}
.newsDetail .articleInfo .provision img {display: inline-block; margin-left: 10px; width: auto; height: 30px; padding-bottom: 5px; -o-object-fit: contain;    object-fit: contain; -o-object-position: center;    object-position: center;}
@media (max-width: 834px) {.newsDetail .articleInfo .provision img {  height: 22px;   margin-left: 5px;   padding-bottom: 2px; }}
.newsDetail .articleInfo + img {max-width: 600px; display: block; margin: 0 auto 40px; width: 100%;}
.newsDetail .articleWrap img {height: 138px;}
.newsDetail .sectionHeading span {color: #4a5bd3;}
@media (max-width: 834px) {.newsDetail .sectionHeading span {  line-height: 1.4; }}
.newsDetail .sectionHeading span::before {background-color: #4a5bd3;}
@media (max-width: 834px) {.newsDetail .sectionHeading span::before {  left: -20px; }}
.newsDetail .sectionHeading span::after {background-color: #4a5bd3;}
.newsDetail .share {border-top: solid 3px #4a5bd3; border-bottom: solid 3px #4a5bd3;}
.newsDetail .share span {color: #4a5bd3;}
.newsDetail .recommend .sectionHeading {margin-bottom: 40px;}
@media (max-width: 834px) {.newsDetail .recommend .sectionHeading {  margin-bottom: 0; }}
.newsDetail .recommend .articleInner {border: 3px solid #4a5bd3;}

.newsDetail .swiper-container {padding: 30px;}
.newsDetail .swiper-wrapper {/* height: unset; */
  height: auto; margin-bottom: 30px;}
.newsDetail .swiper-wrapper .swiper-slide {margin-bottom: 0px;}
@media (max-width: 834px) {.newsDetail .swiper-wrapper {  justify-content: space-between !important;           margin-bottom: 10px; }}
@media (max-width: 834px) {.newsDetail .swiper-wrapper .swiper-slide {  width: calc(50% - 10px);   margin-right: 0; }}
.newsDetail .swiper-button-prev {width: 35px; height: 35px; background-image: url("../img/icon_slider_left_news.png");}
.newsDetail .swiper-button-next {width: 35px; height: 35px; background-image: url("../img/icon_slider_right_news.png");}
.newsDetail .recommend .articleWrap .articleInner{height: auto;}
.newsDetail .recommend .articleWrap .articleInfo {height: auto;}
/*----------------------------------------------------------------- 
運営会社ページ
----------------------------------------------------------------- */
main.company {padding-bottom: 20px;}
main.company .tableSectionHeading {font-size: 20px; line-height: 1; font-weight: bold; padding-bottom: 20px; margin-bottom: 30px; color: #23b59c; border-bottom: 3px solid #23b59c;}
main.company table {width: 100%; margin-bottom: 80px;}
main.company table a {text-decoration: underline; text-underline-offset: 5px;}
main.company table a[href^="tel:"] {text-decoration: none;}
@media (max-width: 834px) {main.company table a[href^="tel:"] {  text-decoration: underline; }}
main.company table tr {border-bottom: solid #e4f8f3 1px; display: flex; align-items: center;}
@media (max-width: 834px) {main.company table tr {  flex-wrap: wrap; }}
main.company table tr:first-of-type th,
main.company table tr:first-of-type td {padding-top: 0;}
main.company table tr th,
main.company table tr td {font-size: 16px; line-height: 1.7; padding-top: 25px; padding-bottom: 25px;}
main.company table tr th {width: 120px; line-height: 1;}
@media (max-width: 834px) {main.company table tr th {  padding-right: 0;   padding-left: 0;   width: 100%; }}
main.company table tr td {width: calc(100% - 120px); padding-left: 40px;}
@media (max-width: 834px) {main.company table tr td {  width: 100%;   padding-top: 0px;   padding-left: 0px; }}
/*----------------------------------------------------------------- 
404ページ
----------------------------------------------------------------- */
main.notFound .notFoundText {margin-top: 80px; margin-bottom: 100px;}
/*----------------------------------------------------------------- 
ニュースドロワー
----------------------------------------------------------------- */
.oitaNews {background-color: #4a5bd3; height: 100vh; width: 100%; position: fixed; bottom: calc(50px - 100vh); z-index: 3; transition: bottom 0.2s ease-in-out; padding-bottom: 100px;}
.oitaNews .closeNews {display: none; width: 100%; height: 90px; flex-direction: column; justify-content: center; align-items: center; position: fixed; bottom: 0px; text-align: center; background-color: #4a5bd3; color: #fff;}
.oitaNews .closeNews .closeIcon {width: 100%; height: 25px; position: relative;}
.oitaNews .closeNews .line {width: 30px; height: 3px; background-color: #fff; position: absolute; left: 50%;}
.oitaNews .closeNews .line:nth-child(1) {top: 5px; transform: rotate(-30deg) translateX(-50%);}
.oitaNews .closeNews .line:nth-child(2) {top: 20px; transform: rotate(30deg) translateX(-50%);}
.oitaNews .closeNews .text {display: block; font-size: 14px; font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-style: italic; padding-left: 4px; line-height: 1;}
.oitaNews.openNews {bottom: -160px;}
@media (max-width: 834px) {.oitaNews.openNews .closeNews {  display: flex; }}
.oitaNews .circle {width: 100px; height: 100px; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); border-radius: 50%; background-color: #4a5bd3; padding-top: 14px;}
.oitaNews .circle p {color: #fff; font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; text-align: center; font-style: italic; font-size: 24px; line-height: 1.2; font-weight: bold;}
.oitaNews .newsInner {height: 100%; overflow-y: scroll; padding-right: 30px; padding-left: 30px;}
.oitaNews #news_bar {width: 100%; height: 70px;}
.oitaNews ul {margin-bottom: 40px;}
.oitaNews ul li {padding-bottom: 20px; border-bottom: 3px dotted #fff;}
.oitaNews ul li:not(:first-child) {padding-top: 20px;}
.oitaNews ul li a {display: flex; justify-content: space-between;}
.oitaNews ul li img {width: 130px; height: 75px; -o-object-fit: cover;    object-fit: cover;}
.oitaNews ul li .info {width: calc(100% - 150px); color: #fff;}
.oitaNews ul li .info time {font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-style: Italic; font-size: 13px; line-height: 1; margin-bottom: 8px; display: block;}
.oitaNews ul li .info p {font-size: 16px; text-decoration: underline; text-underline-offset: 5px; font-weight: normal;}
.oitaNews .footerNewsMoreLink {display: block; height: 56px; border-radius: 28px; line-height: 56px; font-size: 22px; font-weight: bold; font-style: Italic; font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; background-color: #fff; color: #4a5bd3; text-align: center; margin-bottom: 300px; background-image: url("../img/icon_arrow_right_triangle_blue.png"); background-position: right 20px center; background-size: 13px 14.5px; background-repeat: no-repeat;}
/*----------------------------------------------------------------- 
無限スクロール
----------------------------------------------------------------- */
.scroller-status {display: none;}
.moreButton {width: 100%; max-width: 280px; height: 56px; border-radius: 28px; background-color: #23b59c; box-shadow: 2.6px 3px 0 0 #a9d9d2; font-family: Cabin, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; position: relative; margin: 0 auto 40px;}
.moreButton::after {position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; right: 20px; top: 50%; transform: translateY(-50%); color: #fff;}
.moreButton button {text-align: center; font-size: 22px; width: 100%; height: 100%; line-height: 56px; color: #fff; font-weight: bold; font-style: italic;}
.infinite-scroll-request {text-align: center;}
.infinite-scroll-request img {width: 40px;}
.pagination {display: none;}
.postsWrap .post-video-archive {display: none;}
/*----------------------------------------------------------------- 
スプラッシュスクリーン
----------------------------------------------------------------- */
.topLayer,
.splashLayer {display: none;}
.splashLayer {width: 100%; height: 100vh; padding-right: 300px;}
@media (max-width: 834px) {.splashLayer {  padding-right: 0px;   padding: 0 30px; }}
.splashLayer .splashInner {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.splashLayer img {width: 100%; max-width: 400px; padding-bottom: 80px;}
.newsListArchive {text-align: center;}
.newsListArchive h2 {font-size: 30px;   font-weight: bold;   margin-bottom: 15px;   line-height: 1;}
/*----------------------------------------------------------------- 
サスティナブルなおおいた
----------------------------------------------------------------- */
.backNumberWrap {margin-bottom: 0; padding: 0 30px;}
.backNumberWrap.articleWrap .articleInner {border: none;border-radius: 0px;}
.backNumberWrap.articleWrap img {border-radius: 26px;}
.backNumberWrap.articleWrap .articleInfo {padding: 18px 0 0;font-weight: bold;}
.backNumberWrap.articleWrap > li {margin-bottom: 60px;}
.backNumberWrap.articleWrap .articleInfo h2 {margin-bottom: 0;}
.recommend .backNumberWrap.articleWrap .articleInner img {height:160px;}
.backNumberRecommend .sectionHeading {margin-bottom: 40px;}
.backNumberMoreButton {margin-bottom: 0;}
.backNumberVideoDetail {padding-bottom: 60px;}
.backNumberVideoDetail .moreButton {margin-bottom: 40px;}
@media screen and (max-width: 834px) {.backNumberWrap.articleWrap > li {margin-bottom: 40px;}}
@media screen and (max-width: 414px) {.recommend .backNumberWrap.articleWrap .articleInner img {height:88px;}}
.buttonsWrap {display: flex;justify-content: center;}
@media screen and (max-width: 834px) {.buttonsWrap {flex-wrap:wrap;}}
.adBannerWrap {display: flex;justify-content: center;max-width: 800px;margin-right: auto;margin-left: auto;}
.adBannerWrap.pcNone {display: none;}
.adBannerWrap>div {width: 300px;display: block;}
.adBannerWrap>div:nth-child(2) {margin-left: 40px;}
@media screen and (max-width: 1014px) {.adBannerWrap {flex-direction: column;align-items: center;}
  .adBannerWrap>div:nth-child(2) {margin-left: 0px;margin-top: 80px;}}
@media screen and (max-width: 834px) {.adBannerWrap>div:nth-child(2) {margin-top: 0px;}
  .adBannerWrap.pcNone {display: flex;}
  .adBannerWrap.spNone {display:none;}}

/*----------------------------------------------------------------- 
特派員ページ
----------------------------------------------------------------- */
.memberList {display: flex; flex-wrap: wrap;

}
.memberList li {width: calc(25% - 30px); text-align: center; margin-bottom: 60px; display: flex; flex-direction: column; justify-content: space-between;}
@media screen and (min-width: 601px) {.memberList li:not(:nth-child(4n)){  margin-right: 40px;}}
@media screen and (max-width: 600px) {.memberList li {  width: calc(50% - 10px);   text-align: center;   margin-bottom: 60px;   display: flex;   flex-direction: column;   justify-content: space-between; }
  .memberList li:not(:nth-child(2n)){  margin-right: 20px; }}
.memberList .imgWrap {position: relative; width: 100%;}
.memberList .imgWrap:before {content:""; display: block; padding-top: 100%; /* 高さを幅の75%に固定 */
}
.memberList li img {width: 100%; border-radius: 50%; object-fit: cover; height: 100%;}
.memberList .imgWrapInner {position: absolute;   top: 0;   left: 0;   bottom: 0;   right: 0;   display: block;}
.memberList li .name {font-weight: bold; font-size: 16px; margin-top: 20px; margin-bottom: 10px; line-height: 1;}
.memberList li .desc {font-size: 13px; text-align: left;}
.memberList li .info {margin-bottom: 15px; color: #333;}
.memberList li .moreBtn {width: 100%; display: block; height: 40px; line-height: 40px; border-radius: 20px; box-shadow: 2px 3.5px 0 0 #a9d9d2; background-color: #23b59c; color: #fff; font-size: 16px; font-weight: bold; background-image: url(../img/icon_arrow_right_triangle.png); background-repeat: no-repeat; background-size: 10px 12px; background-position: right 20px top 50%;}
@media screen and (max-width: 600px) {
.memberList li .moreBtn {background-position: right 15px top 50%;}}
@media screen and (max-width: 834px) {.obsRadio .sectionHeading {  font-size: 34px; }}