@charset "UTF-8";
/* variable */
/* breakpoint */
/* font family */
/* mixin */
/* default */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #222526; }

img {
  vertical-align: baseline; }

a {
  text-decoration: none;
  color: #222526; }

p {
  margin-bottom: 1.8em;
  line-height: 1.5em; }

ul,
li {
  list-style: none;
  padding-left: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em; }

.no-sidebar .content .main {
  padding: 0; }

.flex {
  display: flex; }

.text_center {
  text-align: center; }

.wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1240px;
  padding: 0 20px; }

.font_bold {
  font-weight: bold; }

.section_wrap {
  padding: 50px 0; }

#page_detail {
  padding-top: 130px; }

#page_detail .interviewer {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  color: #000077; }

ul.dots {
  padding-left: 2em; }
  ul.dots > li {
    list-style: disc; }
    ul.dots > li ul li {
      list-style: none;
      padding-left: 2em; }

.section_heading {
  color: #2D5280;
  font-size: 55px;
  font-weight: bold;
  -webkit-text-stroke: 4px #fff;
  margin: 0;
  line-height: 1.3em; }
  .section_heading::before {
    display: block;
    width: 100%; }

.section_heading_sm {
  color: #155765;
  font-size: 35px;
  font-weight: bold;
  font-family: YuMincho, "Yu Mincho", serif;
  margin-bottom: 20px; }

.section_heading_ja {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: YuMincho, "Yu Mincho", serif; }

.section_text {
  font-size: 16px;
  color: #222526; }

#bread_list {
  font-size: 12px;
  color: #797979;
  margin: 10px 0 20px; }
  #bread_list a {
    color: #797979; }

/* basic table style */
.basic_table {
  width: 90%;
  margin: 0 auto; }
  @media screen and (max-width: 721px) {
    .basic_table {
      width: 100%; } }
  .basic_table.second {
    margin-top: 50px; }

.basic_table_head th {
  background-color: #8CA609;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.basic_table_body th {
  width: 20%;
  background-color: #F4F4F4;
  text-align: left;
  padding-left: 30px;
  padding-top: 20px;
  vertical-align: sub; }
  @media screen and (max-width: 1200px) {
    .basic_table_body th {
      width: 30%; } }
  @media screen and (max-width: 721px) {
    .basic_table_body th {
      padding-left: 15px; } }
.basic_table_body td {
  width: 80%;
  padding: 20px 0 30px 30px;
  background-color: #fff; }
  @media screen and (max-width: 1200px) {
    .basic_table_body td {
      width: 70%; } }
  @media screen and (max-width: 721px) {
    .basic_table_body td {
      padding-left: 15px; } }

.basic_table_text {
  width: 90%;
  margin: 0 auto;
  padding-top: 15px; }

/* basic heading */
.basic_heading {
  color: #4D2C3D;
  font-size: 20px;
  border: 1px solid #4D2C3D;
  border-left: 5px solid #4D2C3D;
  padding: 15px 0 15px 1em; }

@media screen and (max-width: 721px) {
  br {
    display: none; } }
.blog_layout {
  padding-bottom: 60px; }
  .blog_layout h1, .blog_layout h2 {
    font-size: 30px;
    border-left: 5px solid #57652A;
    padding-left: 10px;
    margin-bottom: 35px; }
  .blog_layout h1 {
    font-size: 38px;
    border-left: none; }
  .blog_layout h3 {
    font-size: 20px;
    font-weight: normal;
    color: #4D2C3D;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #4D2C3D;
    padding: 15px 10px;
    margin-bottom: 10px;
    margin-top: 30px; }
  .blog_layout h4,
  .blog_layout h5,
  .blog_layout h6 {
    padding: 9px 10px;
    border-bottom: 2px solid #ddd; }
  .blog_layout h4 {
    border-top: 2px solid #ddd;
    font-size: 18px; }
  .blog_layout h5 {
    font-size: 18px; }
  .blog_layout h6 {
    font-size: 16px; }
  .blog_layout p {
    line-height: 1.8em; }

#post_wrap .blank-box {
  padding: 1.2em 1em; }
#post_wrap .blank-box.sticky:not([class*="st-"]) {
  border-color: #777; }
#post_wrap .speech-balloon {
  color: inherit; }
#post_wrap .wp-block-columns {
  gap: 2em; }
#post_wrap .has-black-color {
  color: #333 !important; }
#post_wrap .wp-block-group.is-layout-constrained > p {
  max-width: none;
  margin-right: 0 !important;
  margin-bottom: 1.8em;
  margin-left: 0 !important; }
  #post_wrap .wp-block-group.is-layout-constrained > p:last-child {
    margin-bottom: 0; }
#post_wrap ul {
  padding-left: 2em; }
  #post_wrap ul li {
    list-style-type: disc; }
#post_wrap ol {
  padding-left: 2em; }

#post_wrapol li {
  list-style-type: decimal; }

@media screen and (max-width: 721px) {
  .jirei .flex {
    display: block; }

  .jirei .flex img {
    display: block;
    margin: 0 auto; }

  .jirei .flex figure div {
    margin: 0 auto; } }
.micro_text {
  margin: 0;
  font-size: 12px;
  text-align: center;
  display: flex;
  justify-content: center; }
  .micro_text::before, .micro_text::after {
    content: '';
    display: block;
    border-right: 1px solid; }
  .micro_text::before {
    transform: rotate(-45deg); }
  .micro_text::after {
    transform: rotate(45deg); }
  .micro_text span {
    padding: 0 10px; }

#header-container #on_header_widget_area {
  height: 40px;
  background: #ccc; }
  #header-container #on_header_widget_area #on_header_widget_area-in {
    max-width: 1440px;
    display: flex;
    flex-direction: row-reverse; }
    #header-container #on_header_widget_area #on_header_widget_area-in #search-2 {
      margin: 0;
      width: 250px; }
      #header-container #on_header_widget_area #on_header_widget_area-in #search-2 form {
        margin: 0; }
        #header-container #on_header_widget_area #on_header_widget_area-in #search-2 form input {
          height: 28px;
          font-size: 14px;
          padding: 0px 30px 0 10px; }
        #header-container #on_header_widget_area #on_header_widget_area-in #search-2 form button {
          top: calc(50% - 9px); }
#header-container #sp_navi #on_header_widget_area {
  margin-bottom: 20px; }
  #header-container #sp_navi #on_header_widget_area-in {
    padding: 3px 10px 0; }
    #header-container #sp_navi #on_header_widget_area-in #search-2 {
      width: 100%; }

/*# sourceMappingURL=common.css.map */
#voice_wrap h2{
  font-size: 30px;
  color: #155765;
}
#voice_wrap hr{
  height: 4px;
  border-top: 6px solid #8CA609;
  border-radius: 15px;
  margin: 0 auto 20px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  width: 100%;
  max-width: 364px;
}

#voice_wrap {
  padding: 100px 0;
}
#voice_wrap h2 {
  text-align: center;
}
#voice_wrap ul.voice_slider {
  margin: 0;
}
#voice_wrap ul.voice_slider .slick-track {
  display: flex;
  padding-bottom: 10px;
}
#voice_wrap ul.voice_slider .slick-track li {
  width: 100%;
  height: auto;
  margin: 0 10px;
  padding: 45px 10px calc(20px + 1em) 186px;
  background-repeat: no-repeat;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
@media screen and (max-width: 721px) {
  #voice_wrap ul.voice_slider .slick-track li {
    background-size: 120%;
    padding-left: 90px;
  }
}
#voice_wrap ul.voice_slider .slick-track li:nth-child(odd) {
  background-image: url(/wp-content/themes/cocoon-child-master/images/bg_voice01.webp);
}
#voice_wrap ul.voice_slider .slick-track li:nth-child(even) {
  background-image: url(/wp-content/themes/cocoon-child-master/images/bg_voice02.webp);
}
#voice_wrap ul.voice_slider .slick-track li p {
  margin: 0;
  font-size: 16px;
}
#voice_wrap ul.voice_slider .slick-track li a.voice_link{
  position: absolute;
  right: 10px;
  bottom: 1em;
}
#voice_wrap ul.voice_slider .slick-dots {
  display: block !important;
}
#voice_wrap ul.voice_slider .slick-dots li {
  width: 20px;
  padding: 0;
  background-image: none !important;
  box-shadow: none;
  margin: 0 5px;
}
