ul.news_list li a {
  display: flex;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding: 15px 0;
  border-bottom: dashed #000000 thin; }
  ul.news_list li a p.date {
    margin-right: 2em; }

ul.comic_list li {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 0;
  border-bottom: dashed #000000 thin; }
  ul.comic_list li figure {
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin-right: 30px; }
    ul.comic_list li figure img {
      width: 100%;
      height: auto; }
  ul.comic_list li .text {
    text-align: left; }
    ul.comic_list li .text h3 {
      text-align: left;
      font-size: 1.4rem;
      margin-bottom: .3rem; }
    ul.comic_list li .text a {
      margin-top: .7rem;
      display: inline-block;
      background-color: black;
      color: white;
      font-size: .8rem;
      padding: 0 1rem;
      line-height: 2rem;
      border-radius: 1rem;
      letter-spacing: .1em; }

.wp-pagenavi {
  margin-top: 100px;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .wp-pagenavi span, .wp-pagenavi a {
    display: block;
    padding: 1rem;
    border: none !important; }
  .wp-pagenavi a {
    font-size: 1.5rem; }

.page_btn {
  margin-top: 100px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.wrap_comic_full {
  width: 100%; }
  .wrap_comic_full p {
    margin-bottom: 2rem; }
  .wrap_comic_full a {
    color: #006BFF;
    text-decoration: underline; }
  .wrap_comic_full figure {
    margin-bottom: 3rem; }
    .wrap_comic_full figure img {
      width: 100%;
      height: auto; }

.news_contents {
  width: 100%; }
  .news_contents p {
    margin-bottom: 2rem; }
  .news_contents a {
    color: #006BFF;
    text-decoration: underline; }
  .news_contents figure {
    margin-bottom: 3rem; }
    .news_contents figure img {
      width: 100%;
      height: auto; }

.works_list {
  width: 103%;
  margin-left: -3%;
  display: flex;
  flex-wrap: wrap; }
  .works_list li {
    margin-left: 3%;
    margin-bottom: 3%;
    width: 22%; }
    .works_list li img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover; }
  @media (max-width: 560px) {
    .works_list {
      width: 100%;
      margin: auto;
      justify-content: space-between; }
      .works_list li {
        margin-left: 0;
        width: 48%;
        margin-bottom: 4%; } }

.wrap_works p {
  margin-bottom: 2rem; }
.wrap_works a {
  color: #006BFF;
  text-decoration: underline; }
.wrap_works figure {
  width: 100%;
  margin-bottom: 3rem; }
  .wrap_works figure img {
    width: 100%;
    height: auto; }

.wrap_prof {
  text-align: left; }
  .wrap_prof h3 {
    margin-top: 5rem;
    margin-bottom: 2rem; }
    .wrap_prof h3 span {
      font-weight: 400px;
      font-size: .75rem;
      padding-left: 1rem; }
  .wrap_prof article {
    margin-bottom: 3rem;
    word-break: break-all; }
    .wrap_prof article h4 {
      margin-bottom: 1rem; }
    .wrap_prof article a {
      background-color: #FFF489; }
    .wrap_prof article ul {
      font-size: .85rem;
      line-height: 1.8em;
      padding-left: 1rem; }

.wrap_contact p {
  text-align: center; }
  .wrap_contact p.mail {
    font-size: 2rem;
    line-height: 4rem; }
.wrap_contact a {
  color: #006BFF;
  text-decoration: underline; }

.common_content h3 {
  text-align: left;
  font-size: 1.2rem;
  margin-bottom: 1rem; }
.common_content p {
  margin-bottom: 3rem; }
.common_content a {
  color: #006BFF;
  text-decoration: underline; }

section.feature_interviewlist {
  background-color: #9CD2DD;
  padding: 75px 0; }
  @media (max-width: 1110px) {
    section.feature_interviewlist {
      padding: 0 0 30px; } }
  section.feature_interviewlist .inner {
    width: 90%;
    max-width: 970px;
    position: relative;
    padding-top: 80px;
    margin: auto; }
    section.feature_interviewlist .inner h2 {
      position: absolute;
      top: 0;
      left: -78px; }
      @media (max-width: 1110px) {
        section.feature_interviewlist .inner h2 {
          display: none; } }

section.list_interview {
  padding: 60px 0 0;
  background-color: #6BC6D7;
  color: white; }
  @media (max-width: 1110px) {
    section.list_interview {
      padding: 30px 0 0; } }
  section.list_interview h2 {
    display: none;
    margin-bottom: 25px; }
    @media (max-width: 1110px) {
      section.list_interview h2 {
        display: block; } }
  section.list_interview ul.list_interview {
    width: 90%;
    max-width: 1000px;
    margin: auto; }
  section.list_interview .page_navi {
    padding: 80px 0 100px;
    width: 100%;
    background-color: white;
    color: #6BC6D7;
    font-size: 1.3rem; }
    section.list_interview .page_navi a, section.list_interview .page_navi span {
      padding: 0 3px; }
    @media (max-width: 560px) {
      section.list_interview .page_navi {
        padding: 40px 0 50px; } }

section.feature_newslist {
  background-color: #EDDCC3;
  padding: 75px 0; }
  @media (max-width: 1110px) {
    section.feature_newslist {
      padding: 0 0 30px; } }
  section.feature_newslist .inner {
    width: 90%;
    max-width: 970px;
    position: relative;
    padding-top: 80px;
    margin: auto; }
    section.feature_newslist .inner h2 {
      position: absolute;
      top: 0;
      left: -78px; }
      @media (max-width: 1110px) {
        section.feature_newslist .inner h2 {
          display: none; } }

section.list_news {
  padding: 60px 0 0; }
  @media (max-width: 1110px) {
    section.list_news {
      padding: 30px 0 0; } }
  section.list_news h2 {
    display: none;
    margin-bottom: 25px; }
    @media (max-width: 1110px) {
      section.list_news h2 {
        display: block; } }
  section.list_news ul.list_news {
    width: 90%;
    max-width: 1000px;
    margin: auto; }
  section.list_news .page_navi {
    padding: 80px 0 100px;
    width: 100%;
    background-color: white;
    color: #6BC6D7;
    font-size: 1.3rem; }
    section.list_news .page_navi a, section.list_news .page_navi span {
      padding: 0 3px; }
    @media (max-width: 560px) {
      section.list_news .page_navi {
        padding: 40px 0 50px; } }

section.feature_newsdetail figure {
  width: 90%;
  max-width: 650px;
  margin: auto; }

section.main_interviewdetail, section.main_newsdetail {
  padding: 70px 0; }
  @media (max-width: 560px) {
    section.main_interviewdetail, section.main_newsdetail {
      padding: 30px 0; } }
  section.main_interviewdetail .inner, section.main_newsdetail .inner {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative; }
    section.main_interviewdetail .inner h2, section.main_newsdetail .inner h2 {
      position: absolute;
      top: .8rem;
      left: 0; }
      @media (max-width: 560px) {
        section.main_interviewdetail .inner h2, section.main_newsdetail .inner h2 {
          display: none;
          position: static;
          width: 100%;
          text-align: center;
          margin-bottom: 40px; } }
    section.main_interviewdetail .inner .text, section.main_newsdetail .inner .text {
      width: 80%;
      max-width: 1000px;
      margin: auto; }
      @media (max-width: 560px) {
        section.main_interviewdetail .inner .text, section.main_newsdetail .inner .text {
          width: 100%; } }
      section.main_interviewdetail .inner .text h3, section.main_newsdetail .inner .text h3 {
        text-align: left;
        line-height: 1.8em;
        font-size: 1.9rem;
        margin-bottom: .4em; }
        @media (max-width: 560px) {
          section.main_interviewdetail .inner .text h3, section.main_newsdetail .inner .text h3 {
            font-size: 1.4rem; } }
      section.main_interviewdetail .inner .text p.name, section.main_newsdetail .inner .text p.name {
        font-size: 1.4rem;
        line-height: 1em; }
      section.main_interviewdetail .inner .text p.date, section.main_newsdetail .inner .text p.date {
        font-size: .94rem;
        line-height: 1em;
        margin-top: 1em;
        margin-bottom: 45px; }
      section.main_interviewdetail .inner .text div.person, section.main_newsdetail .inner .text div.person {
        margin-top: 1rem; }
        section.main_interviewdetail .inner .text div.person:first-of-type, section.main_newsdetail .inner .text div.person:first-of-type {
          margin-top: 3rem; }
        section.main_interviewdetail .inner .text div.person h4, section.main_newsdetail .inner .text div.person h4 {
          font-size: .88rem;
          text-align: left;
          line-height: 2em; }
        section.main_interviewdetail .inner .text div.person p, section.main_newsdetail .inner .text div.person p {
          font-size: .88rem;
          font-weight: 400; }

section.sub_interviewdetail {
  padding: 60px 0;
  background-color: #6BC6D7;
  color: white; }
  section.sub_interviewdetail .inner {
    width: 90%;
    max-width: 1000px;
    margin: auto; }
    section.sub_interviewdetail .inner h3 {
      font-size: 1.45rem;
      text-align: left;
      line-height: 1.6em;
      margin-bottom: 2rem; }
    section.sub_interviewdetail .inner figure {
      margin-bottom: 2rem; }
      section.sub_interviewdetail .inner figure img {
        border-radius: 10px; }
    section.sub_interviewdetail .inner p {
      font-weight: 400;
      margin-bottom: 2rem; }
      @media (max-width: 560px) {
        section.sub_interviewdetail .inner p {
          font-weight: 700; } }

section.list_interview_detail, section.list_news_detail {
  padding: 60px 0; }
  @media (max-width: 1110px) {
    section.list_interview_detail, section.list_news_detail {
      padding: 40px 0; } }
  section.list_interview_detail .inner, section.list_news_detail .inner {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative; }
    section.list_interview_detail .inner h2, section.list_news_detail .inner h2 {
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 560px) {
        section.list_interview_detail .inner h2, section.list_news_detail .inner h2 {
          position: static;
          margin-bottom: 40px; } }
    section.list_interview_detail .inner ul, section.list_news_detail .inner ul {
      width: 90%;
      max-width: 1000px;
      margin: auto; }

section.list_interview_detail {
  border-top: 1px solid white;
  background-color: #6BC6D7;
  color: white; }

section.list_news_detail {
  border-top: 1px solid #6BC6D7; }

section.feature_about {
  width: 100%;
  padding: 10px 0 80px; }
  @media (max-width: 560px) {
    section.feature_about {
      padding: 15px 0 40px; } }
  section.feature_about figure {
    width: 90%;
    max-width: 800px;
    margin: auto; }
  section.feature_about h2 {
    margin: 70px auto auto;
    width: 90%;
    max-width: 575px; }
    @media (max-width: 1110px) {
      section.feature_about h2 {
        margin: 100px auto auto; } }
    @media (max-width: 560px) {
      section.feature_about h2 {
        margin: 90px auto auto; } }
  section.feature_about p {
    margin-top: 40px;
    text-align: center;
    font-size: 26px; }
    @media (max-width: 560px) {
      section.feature_about p {
        margin-top: 20px;
        font-size: 4.3vw; } }

section.about1 .image {
  width: 100%;
  background: url("../img/about/about_img1.jpg") no-repeat center;
  background-size: cover;
  aspect-ratio: 2500 / 1389;
  position: relative; }
  @media (max-width: 560px) {
    section.about1 .image {
      background: url("../img/about/about_img1_sp.jpg") no-repeat center;
      background-size: cover;
      aspect-ratio: 1200 / 1177; } }
  section.about1 .image h2 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%); }
    @media (max-width: 560px) {
      section.about1 .image h2 img {
        width: 170px; } }
section.about1 .inner_about1 {
  padding: 70px 0 50px;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  position: relative; }
  @media (max-width: 560px) {
    section.about1 .inner_about1 {
      padding: 30px 0; } }
  section.about1 .inner_about1 h2 {
    padding-top: 70px;
    position: absolute;
    top: 0;
    left: -2%; }
    @media (min-width: 1333px) {
      section.about1 .inner_about1 h2 {
        left: 2%; } }
    @media (max-width: 560px) {
      section.about1 .inner_about1 h2 {
        position: static;
        width: 100%;
        text-align: center;
        margin-bottom: 40px; } }
  section.about1 .inner_about1 h3 {
    font-size: 22px;
    line-height: 1.8em;
    margin-bottom: 50px; }
    @media (max-width: 560px) {
      section.about1 .inner_about1 h3 {
        font-size: 4.1vw; } }
  section.about1 .inner_about1 article {
    margin-bottom: 50px; }
    section.about1 .inner_about1 article figure {
      margin-bottom: 10px; }
    section.about1 .inner_about1 article h4 {
      font-size: 25px;
      margin-bottom: 25px; }
    section.about1 .inner_about1 article ul {
      line-height: 2em; }

section.about2 .image {
  width: 100%;
  background: url("../img/about/about_img2.jpg") no-repeat center;
  background-size: cover;
  aspect-ratio: 2500 / 1469;
  position: relative; }
section.about2 .inner_about2 {
  padding: 80px 0 100px;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  position: relative; }
  @media (max-width: 560px) {
    section.about2 .inner_about2 {
      padding: 40px 0; } }
  section.about2 .inner_about2 h2 {
    padding-top: 80px;
    position: absolute;
    top: 0;
    left: -2%; }
    @media (min-width: 1333px) {
      section.about2 .inner_about2 h2 {
        left: 2%; } }
    @media (max-width: 560px) {
      section.about2 .inner_about2 h2 {
        padding-top: 0;
        position: static;
        width: 100%;
        text-align: center;
        margin-bottom: 40px; } }
  section.about2 .inner_about2 p {
    width: 90%;
    max-width: 800px;
    margin: auto; }

section.about4 {
  background-color: #6BC6D7;
  color: white; }
  section.about4 .inner_about4 {
    padding: 80px 0 100px;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative; }
    @media (max-width: 560px) {
      section.about4 .inner_about4 {
        padding: 40px 0; } }
    section.about4 .inner_about4 h2 {
      padding-top: 80px;
      position: absolute;
      top: 0;
      left: -2%; }
      @media (min-width: 1333px) {
        section.about4 .inner_about4 h2 {
          left: 2%; } }
      @media (max-width: 560px) {
        section.about4 .inner_about4 h2 {
          padding-top: 0;
          position: static;
          width: 100%;
          text-align: center;
          margin-bottom: 40px; } }
    section.about4 .inner_about4 .inner {
      width: 90%;
      max-width: 1000px;
      margin: auto; }
      section.about4 .inner_about4 .inner figure {
        margin-bottom: 50px; }
        @media (max-width: 560px) {
          section.about4 .inner_about4 .inner figure {
            margin-bottom: 40px; } }
        section.about4 .inner_about4 .inner figure img {
          border-radius: 12px; }
      section.about4 .inner_about4 .inner h3 {
        font-size: 25px;
        margin-bottom: 25px; }
        @media (max-width: 560px) {
          section.about4 .inner_about4 .inner h3 {
            font-size: 6vw; } }
      section.about4 .inner_about4 .inner p.name {
        text-align: center;
        font-size: 23px;
        margin-bottom: 25px;
        line-height: 1.6em; }
        section.about4 .inner_about4 .inner p.name span {
          font-size: .75em; }
        @media (max-width: 560px) {
          section.about4 .inner_about4 .inner p.name {
            font-size: 18px; } }
      section.about4 .inner_about4 .inner h4 {
        font-size: 22px;
        margin-bottom: 50px; }
        @media (max-width: 560px) {
          section.about4 .inner_about4 .inner h4 {
            font-size: 4.5vw;
            margin-bottom: 40px; } }
      section.about4 .inner_about4 .inner p.text {
        width: 100%;
        max-width: 800px;
        margin: auto; }

section.about3 {
  background-color: #eff4f4;
  padding: 100px 0 120px; }
  @media (max-width: 560px) {
    section.about3 {
      padding: 40px 0; } }
  section.about3 .image {
    width: 100%;
    max-width: 1300px;
    margin: auto; }
    section.about3 .image img {
      mix-blend-mode: multiply; }
  section.about3 .image2 {
    display: flex;
    margin-bottom: 60px; }
    section.about3 .image2 img {
      width: 50%; }
    @media (max-width: 560px) {
      section.about3 .image2 {
        flex-direction: column; }
        section.about3 .image2 img {
          width: 100%; } }
  section.about3 h3 {
    margin-top: 40px;
    text-align: center;
    font-size: 26px;
    line-height: 2em;
    margin-bottom: 80px; }
    @media (max-width: 560px) {
      section.about3 h3 {
        margin-top: 20px;
        font-size: 3.9vw;
        margin-bottom: 40px; } }
  section.about3 .inner_about3 {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative; }
    section.about3 .inner_about3 h2 {
      position: absolute;
      top: 0;
      left: -2%; }
      @media (min-width: 1333px) {
        section.about3 .inner_about3 h2 {
          left: 2%; } }
      @media (max-width: 560px) {
        section.about3 .inner_about3 h2 {
          padding-top: 0;
          position: static;
          width: 100%;
          text-align: center;
          margin-bottom: 40px; } }
    section.about3 .inner_about3 ul {
      text-align: center;
      line-height: 2em; }
      section.about3 .inner_about3 ul li {
        margin-bottom: 1rem; }
      @media (max-width: 560px) {
        section.about3 .inner_about3 ul {
          line-height: 1.8em; }
          section.about3 .inner_about3 ul li {
            margin-bottom: 2rem; } }

section.feature_hoikuen {
  width: 100%;
  padding: 10px 0 0; }
  @media (max-width: 560px) {
    section.feature_hoikuen {
      padding: 15px 0 0; } }
  section.feature_hoikuen figure {
    width: 100%;
    max-width: 1300px;
    margin: 50px auto; }
    @media (max-width: 560px) {
      section.feature_hoikuen figure {
        margin: 40px auto; } }
  section.feature_hoikuen h2 {
    width: 90%;
    max-width: 1000px;
    margin: auto;
    text-align: left; }
    section.feature_hoikuen h2 img {
      width: 100%;
      max-width: 565px; }
  section.feature_hoikuen p {
    width: 90%;
    max-width: 1000px;
    margin: 40px auto;
    text-align: left;
    font-size: 26px; }
    @media (max-width: 560px) {
      section.feature_hoikuen p {
        margin: 40px auto 0;
        font-size: 4.3vw; } }

section.hoikuen1 {
  padding-top: 60px; }
  @media (max-width: 560px) {
    section.hoikuen1 {
      padding: 30px 0; } }
  section.hoikuen1 .inner_hoikuen1 {
    width: 90%;
    max-width: 1000px;
    margin: auto;
    position: relative; }
    section.hoikuen1 .inner_hoikuen1 dl {
      line-height: 2em;
      text-align: left; }
      section.hoikuen1 .inner_hoikuen1 dl dd {
        font-weight: 400;
        margin-bottom: 2em; }

section.hoikuen2 {
  padding-top: 60px; }
  @media (max-width: 560px) {
    section.hoikuen2 {
      padding: 40px 0; } }
  section.hoikuen2 .inner_hoikuen2 {
    width: 90%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    text-align: left; }
    section.hoikuen2 .inner_hoikuen2 h2 {
      margin-bottom: 25px; }
    section.hoikuen2 .inner_hoikuen2 .news_field {
      border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;
      padding: 30px 0;
      font-weight: 400; }

section.hoikuen3 {
  padding: 60px 0; }
  @media (max-width: 560px) {
    section.hoikuen3 {
      padding: 40px 0; } }
  section.hoikuen3 .inner_hoikuen3 {
    width: 90%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    text-align: left; }
    section.hoikuen3 .inner_hoikuen3 h2 {
      margin-bottom: 25px; }
    section.hoikuen3 .inner_hoikuen3 p {
      font-weight: 400;
      margin-bottom: 25px; }
    section.hoikuen3 .inner_hoikuen3 .g_map {
      width: 100%;
      aspect-ratio: 10 / 6;
      position: relative; }
      @media (max-width: 560px) {
        section.hoikuen3 .inner_hoikuen3 .g_map {
          aspect-ratio: 333 / 198; } }
      section.hoikuen3 .inner_hoikuen3 .g_map iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }