@charset "UTF-8";
/*
Template: resourseeds
Theme Name: resourseeds
*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  min-width: 320px;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  height: 100vh;
  font-size: 1.6rem;
  margin: 0;
  word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
p {
  margin: 0;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

a {
  text-decoration: none;
  display: inline-block;
  color: #000;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

header {
  max-width: 1400px;
  margin: auto;
  padding: 1.6rem;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

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

.container {
  max-width: 1000px;
  margin: auto;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media screen and (max-width: 1024px) {
  .container {
    margin: 0 1.6rem;
  }
}

html {
  background: #90C32B;
}

@media (max-width: 1024px) {
  html {
    font-size: 54%;
  }
}

body {
  margin-left: 1.6rem;
  background: #fff;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  height: 100%;
}

body.home {
  background-image: url("/wp-content/themes/resourseeds/assets/img/top.png");
  background-size: 80rem;
  background-repeat: no-repeat;
  background-position: top 9rem right 4rem;
}

@media (min-width: 1600px) {
  body.home {
    background-position: top 9rem right 20%;
  }
}

@media (min-width: 2000px) {
  body.home {
    background-position: top 9rem right 30%;
  }
}

@media (max-width: 1340px) {
  body.home {
    background-position: top 4rem right -12rem;
  }
}

@media (max-width: 767px) {
  body.home {
    background-image: url("/wp-content/themes/resourseeds/assets/img/top_sp.png");
    background-position: top -2rem right -6rem;
  }
}

body.home .pagination-container {
  display: none;
}

nav ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100%/10 *7);
  max-width: 80rem;
}

@media (max-width: 1024px) {
  nav ul {
    width: 100%;
  }
}

nav ul:nth-child(2) {
  width: calc(100%/10 *2.8);
  max-width: 40rem;
  margin-right: 0;
  position: relative;
}

@media (max-width: 1024px) {
  nav ul:nth-child(2) {
    width: 100%;
    margin: 1.6rem 0;
  }
}

nav ul:nth-child(2) li {
  width: calc(100%/2);
  margin-right: 1.6rem;
}

nav ul:nth-child(2) li:last-child {
  margin-right: 0;
}

nav ul li {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-weight: 600;
  margin-right: .8rem;
}

nav ul li:last-child {
  margin-right: 0;
}

nav ul li a:hover {
  color: #00A0E9;
}

nav ul .btn {
  height: 4.8rem;
}

nav ul .btn:hover {
  color: #fff;
}

@media (max-width: 768px) {
  header {
    position: relative;
  }
}

header h1 {
  margin: 0;
  font-size: 2.4rem;
}

header h1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header h1 a img {
  width: 18rem;
  margin-right: 0.8rem;
}

header .content-title {
  width: auto;
  text-align: center;
  position: relative;
}

header .content-title::before {
  position: absolute;
  font-size: 8rem;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #90C32B;
  opacity: .2;
  bottom: 0;
  right: 0;
  left: 0;
}

@media (max-width: 768px) {
  header nav.flex {
    display: none;
  }
}

@media (max-width: 1300px) {
  header ul:nth-child(2) {
    position: absolute;
    right: 1.6rem;
    top: 1rem;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  header ul:nth-child(2) {
    top: -.6rem;
  }
}

.breadCrumb {
  padding: 0 1.6rem 1.6rem;
  max-width: 1400px;
  margin: auto;
}

@media (max-width: 768px) {
  .breadCrumb {
    padding-top: 0;
  }
}

#header2 {
  position: fixed;
  width: 100%;
  top: 7%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
  max-width: none;
  z-index: 10;
}

#header2 nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

#header2 nav ul {
  width: 100%;
}

#header2 nav ul:last-child {
  position: fixed;
  right: 1.6rem;
}

@media (max-width: 1024px) {
  #header2 nav ul .btn {
    height: 4rem;
  }
}

@media (min-width: 1023px) {
  #header2 {
    top: 6%;
    max-width: 1440px;
  }
}

@media (max-width: 1024px) {
  #header2 {
    margin: auto;
  }
}

@media (max-width: 768px) {
  #header2 {
    position: static;
    display: none !important;
  }
}

.content-header {
  padding: 4rem 0;
}

.content-header h1 {
  font-size: 3.2rem;
}

@media screen and (min-width: 769px) {
  #sp_nav {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  #sp_nav {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #90C32B;
  }
  #sp_nav-list {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #sp_nav ul {
    opacity: 0;
    position: absolute;
    z-index: 999;
    top: 40%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #90C32B;
    display: block;
  }
  #sp_nav ul {
    opacity: 1;
    padding-right: 1.6rem;
    font-size: 2.4rem;
  }
  #sp_nav li {
    text-align: center;
    list-style: none;
  }
  #sp_nav li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-weight: 400;
    font-size: 1.8rem;
  }
  #sp_menu_b, #sp_menu_a {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #90C32B;
    border-radius: 5rem;
  }
  #sp_menu_b span, #sp_menu_a span {
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    width: 45%;
  }
  #sp_menu_b span:nth-of-type(1) {
    top: 15px;
  }
  #sp_menu_b span:nth-of-type(2) {
    top: 23px;
  }
  #sp_menu_b span:nth-of-type(3) {
    top: 31px;
  }
  #sp_menu_a {
    display: none;
  }
  #sp_menu_a span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  #sp_menu_a span:nth-of-type(2) {
    opacity: 0;
  }
  #sp_menu_a span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
}

.btn {
  color: #fff;
  border-radius: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .8rem;
  font-weight: 400;
  height: 5.6rem;
}

.dl_btn {
  background: #F3981F;
}

.dl_btn:hover {
  opacity: .8;
}

.contact_btn {
  background: #E60012;
}

.contact_btn:hover {
  opacity: .8;
}

.icon-img {
  width: 2.4rem;
  margin-right: .8rem;
  display: inline-block;
}

h1 {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-size: 4.6rem;
  font-weight: 600;
  text-align: left;
  margin: 4rem 0;
}

@media (max-width: 767px) {
  h1 {
    font-size: 3.6rem;
  }
}

h2 {
  letter-spacing: 0.1em;
}

@media (max-width: 767px) {
  h2 {
    font-size: 2.4rem;
  }
}

.sp-br {
  display: none;
}

@media (max-width: 900px) {
  .sp-br {
    display: block;
  }
}

#top, #feature, #strengths, #contents, #price, #news, #information, #voice, #movie, #contact {
  padding: 8rem 0 4rem;
}

@media (max-width: 767px) {
  #top, #feature, #strengths, #contents, #price, #news, #information, #voice, #movie, #contact {
    padding: 6rem 0 4rem;
  }
}

#top h3, #feature h3, #strengths h3, #contents h3, #price h3, #news h3, #information h3, #voice h3, #movie h3, #contact h3 {
  color: #E60012;
  font-size: 2.4rem;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  #top h3, #feature h3, #strengths h3, #contents h3, #price h3, #news h3, #information h3, #voice h3, #movie h3, #contact h3 {
    font-size: 1.8rem;
  }
}

#top h3::before, #feature h3::before, #strengths h3::before, #contents h3::before, #price h3::before, #news h3::before, #information h3::before, #voice h3::before, #movie h3::before, #contact h3::before {
  position: absolute;
  font-size: 8rem;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #90C32B;
  opacity: .2;
  bottom: 0;
  right: 0;
  left: 0;
}

@media (max-width: 767px) {
  #top h3::before, #feature h3::before, #strengths h3::before, #contents h3::before, #price h3::before, #news h3::before, #information h3::before, #voice h3::before, #movie h3::before, #contact h3::before {
    font-size: 5rem;
    bottom: 0.8rem;
  }
}

#top h4, #feature h4, #strengths h4, #contents h4, #price h4, #news h4, #information h4, #voice h4, #movie h4, #contact h4 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  #top h4, #feature h4, #strengths h4, #contents h4, #price h4, #news h4, #information h4, #voice h4, #movie h4, #contact h4 {
    font-size: 2.4rem;
  }
}

#top h5, #feature h5, #strengths h5, #contents h5, #price h5, #news h5, #information h5, #voice h5, #movie h5, #contact h5 {
  font-size: 1.8rem;
  color: #00A0E9;
}

#top .feature-box, #top .contents-box, #top .news-box, #feature .feature-box, #feature .contents-box, #feature .news-box, #strengths .feature-box, #strengths .contents-box, #strengths .news-box, #contents .feature-box, #contents .contents-box, #contents .news-box, #price .feature-box, #price .contents-box, #price .news-box, #news .feature-box, #news .contents-box, #news .news-box, #information .feature-box, #information .contents-box, #information .news-box, #voice .feature-box, #voice .contents-box, #voice .news-box, #movie .feature-box, #movie .contents-box, #movie .news-box, #contact .feature-box, #contact .contents-box, #contact .news-box {
  width: calc(96%/3);
}

@media (max-width: 767px) {
  #top .feature-box, #top .contents-box, #top .news-box, #feature .feature-box, #feature .contents-box, #feature .news-box, #strengths .feature-box, #strengths .contents-box, #strengths .news-box, #contents .feature-box, #contents .contents-box, #contents .news-box, #price .feature-box, #price .contents-box, #price .news-box, #news .feature-box, #news .contents-box, #news .news-box, #information .feature-box, #information .contents-box, #information .news-box, #voice .feature-box, #voice .contents-box, #voice .news-box, #movie .feature-box, #movie .contents-box, #movie .news-box, #contact .feature-box, #contact .contents-box, #contact .news-box {
    width: 100%;
  }
}

#top .center-btn, #feature .center-btn, #strengths .center-btn, #contents .center-btn, #price .center-btn, #news .center-btn, #information .center-btn, #voice .center-btn, #movie .center-btn, #contact .center-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #E60012;
  margin: 4rem auto auto;
  width: 32rem;
  height: 6rem;
  font-size: 1.8rem;
}

#top .center-btn:hover, #feature .center-btn:hover, #strengths .center-btn:hover, #contents .center-btn:hover, #price .center-btn:hover, #news .center-btn:hover, #information .center-btn:hover, #voice .center-btn:hover, #movie .center-btn:hover, #contact .center-btn:hover {
  opacity: .8;
}

#top .btn-area li p, #feature .btn-area li p, #strengths .btn-area li p, #contents .btn-area li p, #price .btn-area li p, #news .btn-area li p, #information .btn-area li p, #voice .btn-area li p, #movie .btn-area li p, #contact .btn-area li p {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: .4rem;
}

#top .btn-area li p::before, #top .btn-area li p::after, #feature .btn-area li p::before, #feature .btn-area li p::after, #strengths .btn-area li p::before, #strengths .btn-area li p::after, #contents .btn-area li p::before, #contents .btn-area li p::after, #price .btn-area li p::before, #price .btn-area li p::after, #news .btn-area li p::before, #news .btn-area li p::after, #information .btn-area li p::before, #information .btn-area li p::after, #voice .btn-area li p::before, #voice .btn-area li p::after, #movie .btn-area li p::before, #movie .btn-area li p::after, #contact .btn-area li p::before, #contact .btn-area li p::after {
  content: '';
  width: 1px;
  height: 2.4rem;
  margin-top: .2rem;
  background-color: #000;
}

#top .btn-area li p::before, #feature .btn-area li p::before, #strengths .btn-area li p::before, #contents .btn-area li p::before, #price .btn-area li p::before, #news .btn-area li p::before, #information .btn-area li p::before, #voice .btn-area li p::before, #movie .btn-area li p::before, #contact .btn-area li p::before {
  margin-right: 1.6rem;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

#top .btn-area li p::after, #feature .btn-area li p::after, #strengths .btn-area li p::after, #contents .btn-area li p::after, #price .btn-area li p::after, #news .btn-area li p::after, #information .btn-area li p::after, #voice .btn-area li p::after, #movie .btn-area li p::after, #contact .btn-area li p::after {
  margin-left: 1.6rem;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

#top .btn-area li a, #feature .btn-area li a, #strengths .btn-area li a, #contents .btn-area li a, #price .btn-area li a, #news .btn-area li a, #information .btn-area li a, #voice .btn-area li a, #movie .btn-area li a, #contact .btn-area li a {
  margin: auto;
}

#top {
  max-width: 1400px;
  margin: auto;
  padding-top: 0;
}

@media (max-width: 768px) {
  #top {
    margin-top: 7rem;
  }
}

@media (max-width: 767px) {
  #top {
    text-align: center;
  }
}

@media (max-width: 767px) {
  #top h1 {
    text-align: center;
  }
}

#top ul {
  margin-top: 8rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

@media (max-width: 768px) {
  #top ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 767px) {
  #top ul li {
    margin: 1.6rem;
  }
}

#top ul li:first-child p {
  margin-right: 4rem;
}

@media (max-width: 767px) {
  #top ul li:first-child p {
    margin: 0;
  }
}

#top ul li .btn {
  font-size: 1.8rem;
  width: 28rem;
  min-width: 10rem;
}

#top ul li .dl_btn {
  margin-right: 4rem;
}

@media (max-width: 767px) {
  #top ul li .dl_btn {
    margin: 0;
  }
}

#feature h1::before, #page-feature h1::before {
  content: 'FEATURE/\ASTRENGTHS';
}

#feature h3::before, #page-feature h3::before {
  content: 'FEATURE';
}

#feature .feature, #page-feature .feature {
  padding-top: 3.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#feature .feature-box, #page-feature .feature-box {
  width: calc(96%/3);
  border: 1px solid;
  border-radius: 10px;
  padding: 8rem 1.6rem 4rem;
  position: relative;
}

@media (max-width: 767px) {
  #feature .feature-box, #page-feature .feature-box {
    width: 100%;
    padding: 8rem 0 4rem;
  }
}

#feature .feature-box::before, #page-feature .feature-box::before {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  position: absolute;
  font-size: 10rem;
  font-weight: 600;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: initial;
  padding: 0 1.6rem 0 2.4rem;
  background-color: #fff;
  top: 0;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#feature .feature-box p, #page-feature .feature-box p {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}

#feature .feature-box .feature-img, #page-feature .feature-box .feature-img {
  margin: auto;
  width: 20rem;
}

#feature .feature-box:first-child, #page-feature .feature-box:first-child {
  border-color: #00A0E9;
}

#feature .feature-box:first-child .feature-img, #page-feature .feature-box:first-child .feature-img {
  margin-top: 4rem;
}

#feature .feature-box:nth-child(2), #page-feature .feature-box:nth-child(2) {
  border-color: #90C32B;
}

#feature .feature-box:last-child, #page-feature .feature-box:last-child {
  border-color: #F3981F;
}

@media (max-width: 767px) {
  #feature .feature-box {
    margin-bottom: 8rem;
  }
}

@media (max-width: 767px) {
  #feature .feature-box:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  #page-feature #feature {
    padding-bottom: 0;
  }
}

#page-feature .content-header {
  padding: 4rem 0 8rem;
}

@media (max-width: 767px) {
  #page-feature .content-header {
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  #page-feature .flex {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}

@media (max-width: 767px) {
  #page-feature .flex:nth-child(2) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#page-feature .feature-box {
  border: none;
  width: calc(96%/2);
  margin-bottom: 8rem;
}

@media (max-width: 767px) {
  #page-feature .feature-box {
    width: 100%;
    margin-bottom: 0;
  }
}

#page-feature .feature-box::before {
  left: 7rem;
  padding: 1rem;
  background: none;
}

@media (max-width: 767px) {
  #page-feature .feature-box::before {
    left: 5rem;
  }
}

#page-feature .feature-box h3 {
  color: #000;
  padding-bottom: 2.4rem;
  text-align: left;
}

#page-feature .feature-box h3::before {
  content: '';
}

#page-feature .feature-box p {
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
}

#page-feature .feature-img {
  width: 40%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #page-feature .feature-img {
    margin: auto;
    margin-bottom: -5rem;
  }
}

.page-feature-box01::before {
  content: '01';
  color: #00A0E9;
}

.page-feature-box02::before {
  content: '02';
  color: #90C32B;
}

.page-feature-box03 {
  margin-bottom: 0 !important;
}

.page-feature-box03::before {
  content: '03';
  color: #F3981F;
}

#strengths h3::before {
  content: 'STRENGTHS';
}

#strengths h5 {
  margin-bottom: 1.6rem;
}

#strengths .strengths {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#strengths .strengths-box {
  width: calc(97.8%/2);
  padding: 3.2rem 2.4rem;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
}

@media (max-width: 767px) {
  #strengths .strengths-box {
    width: 100%;
  }
}

#strengths .strengths-box:first-child, #strengths .strengths-box:nth-child(2) {
  margin-bottom: 2.4rem;
}

#strengths .strengths-box .strengths-img {
  width: calc(96%/10 *2.4);
  max-width: 20rem;
  margin: auto auto auto 0;
}

#strengths .strengths-box .strengths-txt {
  width: calc(96%/10 *7.6);
}

#strengths .strengths-box .strengths-txt p {
  text-align: left;
}

@media (max-width: 767px) {
  #strengths .strengths-box:last-child {
    margin-top: 2.4rem;
  }
}

#contents, #page-contents, #voice {
  background: #ebeff7;
}

#contents h3::before, #page-contents h3::before, #voice h3::before {
  color: #fff;
  opacity: 1;
}

#contents h1::before, #contents h3::before, #page-contents h1::before, #page-contents h3::before {
  content: 'CONTENTS';
}

#contents h4, #page-contents h4 {
  margin-bottom: 2.4rem;
}

#contents h4 + p, #page-contents h4 + p {
  text-align: center;
  margin-bottom: 4rem;
}

#contents .contents, #page-contents .contents {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#contents .contents-box, #page-contents .contents-box {
  background: #fff;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px;
}

#contents .contents-box:nth-child(3n+2), #page-contents .contents-box:nth-child(3n+2) {
  margin: 0 2% 4rem;
}

@media (max-width: 767px) {
  #contents .contents-box:nth-child(3n+2), #page-contents .contents-box:nth-child(3n+2) {
    margin: 0 0 4rem;
  }
}

#contents .contents-box .contents-img, #page-contents .contents-box .contents-img {
  height: 20rem;
}

@media (max-width: 767px) {
  #contents .contents-box .contents-img, #page-contents .contents-box .contents-img {
    height: auto;
  }
}

#contents .contents-box .contents-img img, #page-contents .contents-box .contents-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px 5px 0 0;
}

#contents .contents-box .contents-txt, #page-contents .contents-box .contents-txt {
  padding: 1.8rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#contents .contents-box .contents-txt h5, #page-contents .contents-box .contents-txt h5 {
  margin-bottom: 1.6rem;
}

#contents .contents-box .contents-txt .c_txt, #page-contents .contents-box .contents-txt .c_txt {
  margin-bottom: 1.6rem;
}

#contents .contents-box .contents-txt p, #page-contents .contents-box .contents-txt p {
  font-size: 1.4rem;
  text-align: left;
  width: -webkit-fill-available;
}

#contents .contents-box ul, #page-contents .contents-box ul {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid #E0E0E0;
  margin-top: auto;
  margin-bottom: 0;
}

#contents .contents-box ul li, #page-contents .contents-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: .4rem 0;
}

#contents .contents-box ul li .tag, #page-contents .contents-box ul li .tag {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  width: 7rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1rem;
  font-weight: 600;
  margin-right: 0.8rem;
  padding: .2rem;
  text-align: center;
  color: #fff;
}

#contents .contents-box ul li .theme, #page-contents .contents-box ul li .theme {
  background: #F3981F;
}

#contents .contents-box ul li .category, #page-contents .contents-box ul li .category {
  background: #90C32B;
}

#contents .contents-box ul li .target, #page-contents .contents-box ul li .target {
  background: #E60012;
}

#contents .contents-box ul li .time, #page-contents .contents-box ul li .time {
  background: #00A0E9;
}

#contents .contents-box ul li p, #page-contents .contents-box ul li p {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-weight: 600;
}

#contents .btn-area-2, #page-contents .btn-area-2 {
  margin-top: 4rem;
}

#contents .btn-area-2 p, #page-contents .btn-area-2 p {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #E60012;
  text-align: center;
  margin-bottom: .8rem;
}

#contents .btn-area-2 .center-btn, #page-contents .btn-area-2 .center-btn {
  margin-top: 0;
}

.page-contents {
  background: #fff !important;
}

#page-contents h1::before {
  bottom: 0;
}

#page-contents .contents-txt {
  border: 4px solid #F4F6FB;
  border-top: none;
}

#price h3::before {
  content: 'PRICE';
}

#price h4 {
  margin-bottom: 2.4rem;
}

#price p {
  text-align: center;
}

#price ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 4rem 0;
}

#price ul li {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-weight: 600;
}

#price ul li span {
  font-size: 2.4rem;
  color: #E60012;
  letter-spacing: .1em;
}

#price ul li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#price ul li > span::before, #price ul li > span::after {
  content: '';
  width: 1px;
  height: 2.4rem;
  margin-top: .2rem;
  background-color: #E60012;
}

#price ul li > span::before {
  margin-right: 1.6rem;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

#price ul li > span::after {
  margin-left: 1.6rem;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

#price ul li p {
  font-size: 4.6rem;
  position: relative;
  z-index: 0;
}

#price ul li p span {
  font-size: 8rem;
  letter-spacing: 0;
}

#price ul li p::before {
  position: absolute;
  z-index: -1;
  content: '';
  width: auto;
  height: 1.6rem;
  background: #FFF500;
  bottom: 2.4rem;
  right: 0;
  left: 0;
}

#news h3::before, #page-news h3::before {
  content: 'NEWS';
}

#news h5, #page-news h5 {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #news ul, #page-news ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#news ul li a, #page-news ul li a {
  width: 100%;
}

#news .news-img, #page-news .news-img {
  height: 20rem;
}

@media (max-width: 767px) {
  #news .news-img, #page-news .news-img {
    height: auto;
  }
}

#news .news-img img, #page-news .news-img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#news .news-txt > span, #page-news .news-txt > span {
  display: inline-block;
  margin: .8rem 0;
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-weight: 600;
}

#news h1::before, #page-news h1::before {
  content: 'NEWS&\A COLUMN';
}

#news article h2, #page-news article h2 {
  padding: 0 0 4rem;
}

#news .news-box a, #page-news .news-box a {
  width: 100%;
}

#news .center-btn, #page-news .center-btn {
  margin: 4rem auto;
}

#news ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#news ul .news-box:nth-child(3n+2) {
  margin: 0 2%;
}

@media (max-width: 767px) {
  #news ul .news-box:nth-child(3n+2) {
    margin: 1.6rem 0;
  }
}

@media (max-width: 767px) {
  #news ul .news-box {
    margin: 1.6rem 0;
  }
}

#information h3::before {
  content: 'INFORMATION';
}

#information .links {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 8rem;
}

#information .links li {
  width: calc(97%/2);
  text-align: center;
}

@media (max-width: 767px) {
  #information .links li {
    width: 100%;
    margin: 1.6rem 0;
  }
}

#information .links li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

#information .links li a:hover {
  opacity: .8;
}

#information .links li a p {
  width: 100%;
  height: 16rem;
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 10px;
  background-size: contain;
}

#information .links li a p::after {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 16rem;
  padding: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: .1em;
  color: #fff;
  border-radius: 10px;
}

#information .links li a p span {
  opacity: 0;
}

#information .links li a span {
  display: block;
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: .1em;
}

@media (max-width: 768px) {
  #information .links li a span {
    font-size: 1.8rem;
  }
}

#information .links li:first-child a p {
  background-image: url("/wp-content/themes/resourseeds/assets/img/img05.png");
}

#information .links li:first-child a p::after {
  content: '契約の流れはこちらから';
  background-color: rgba(243, 152, 31, 0.8);
  border: 2px solid #F3981F;
}

#information .links li:first-child a span {
  color: #F3981F;
}

#information .links li:last-child a p {
  background-image: url("/wp-content/themes/resourseeds/assets/img/img06.png");
}

#information .links li:last-child a p::after {
  content: 'セミナーページはこちらから';
  background-color: rgba(0, 160, 233, 0.8);
  border: 2px solid #00A0E9;
}

#information .links li:last-child a span {
  color: #00A0E9;
}

#information .info-all, #information .info-new, #information .info-pre, #information .info-column {
  border-bottom: 1px solid #E5E5E5;
}

#information .info-box {
  width: 100%;
  display: block;
  border-top: 1px solid #E5E5E5;
}

#information .info-txt {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 0;
}

@media (max-width: 767px) {
  #information .info-txt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#information .info-txt span {
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-weight: 600;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 820px) {
  #information .info-txt span {
    margin-right: 1.6rem;
  }
}

@media (max-width: 767px) {
  #information .info-txt h5 {
    margin-top: .8rem;
  }
}

#information .info-checkbox {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 4rem;
}

#information .info-checkbox label {
  margin: 0 8rem;
  cursor: pointer;
}

@media (max-width: 820px) {
  #information .info-checkbox label {
    margin: 0 auto;
  }
}

#information ul.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4rem auto 0;
}

#information ul.pagination .page a {
  width: 4rem;
  height: 4rem;
  border: 1px solid #ebeff7;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#information ul.pagination .first a, #information ul.pagination .prev a, #information ul.pagination .next a, #information ul.pagination .last a {
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#information ul.pagination .first, #information ul.pagination .last {
  display: none;
}

#information ul.pagination .navi-active a {
  border: 1px solid #00A0E9;
  background-color: #00A0E9;
  color: #fff;
}

#information ul.pagination .navi-active a:hover {
  color: #fff;
}

.ea-card p, #single-sec p {
  padding: 0 1.6rem;
}

.ea-card ul, #single-sec ul {
  display: block;
  list-style: disc;
  margin: 0;
  padding: 0 1.6rem 0 3.2rem;
  white-space: nowrap;
}

.ea-card ul li, #single-sec ul li {
  list-style: disc;
}

.ea-card ol, #single-sec ol {
  display: block;
  margin: 0;
  padding: 0 1.6rem;
  white-space: nowrap;
}

.ea-card li, #single-sec li {
  white-space: initial;
}

.ea-card li a, #single-sec li a {
  text-decoration: underline;
  color: #00A0E9;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
  padding: 0 0.8rem 1.6rem;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body p {
  text-align: initial !important;
}

ul.category-list {
  padding: 0 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.category-list li {
  list-style: none !important;
}

@media (max-width: 767px) {
  ul.category-list {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media (max-width: 767px) {
  ul.category-list > span {
    margin-right: 1.6rem;
  }
}

ul.category-list .category {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 4rem;
  padding: 0.8rem;
  font-family: YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: .8;
  vertical-align: middle;
  text-align: center;
}

@media (max-width: 767px) {
  ul.category-list .category {
    margin: 0;
  }
}

ul.category-list .new {
  color: #F3981F;
  border: 1px solid #F3981F;
}

ul.category-list .pre {
  color: #00A0E9;
  border: 1px solid #00A0E9;
}

ul.category-list .column {
  color: #90C32B;
  border: 1px solid #90C32B;
}

#voice h3::before {
  content: 'VOICE';
}

#voice ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#voice .voice-icon {
  width: calc(97%/10 *1);
}

#voice .voice-txt {
  width: calc(97%/10 *9);
  background: #fff;
  padding: 4rem;
  margin-left: 1.6rem;
  margin-bottom: 4rem;
  border-radius: 30px;
  position: relative;
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
}

#voice .voice-txt::before {
  position: absolute;
  display: block;
  content: '';
  top: 2.4rem;
  left: -1.6rem;
  border-style: solid;
  border-width: 0 2rem 2rem 0;
  border-color: transparent #ffffff transparent transparent;
}

#voice .voice-txt p b {
  display: block;
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

#voice .voice-txt p:last-child {
  color: #555;
}

#movie {
  display: none;
}

#movie h3::before {
  content: 'MOVIE';
}

#movie .movie {
  text-align: center;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

#movie .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contact h1::before, #contact h3::before, #page-contact h1::before, #page-contact h3::before, #page-document h1::before, #page-document h3::before {
  content: 'CONTACT';
  bottom: 0;
}

#contact h4, #page-contact h4, #page-document h4 {
  margin-bottom: 1.6rem;
}

#contact .bg-gray, #page-contact .bg-gray, #page-document .bg-gray {
  background: #ebeff7;
  padding: 4rem 1.6rem;
  margin: 0 4rem;
  border-radius: 10px;
}

@media (max-width: 821px) {
  #contact .bg-gray, #page-contact .bg-gray, #page-document .bg-gray {
    margin: 0 1.6rem;
  }
}

#contact ul, #page-contact ul, #page-document ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#contact ul li, #page-contact ul li, #page-document ul li {
  width: calc(96%/2);
}

@media (max-width: 821px) {
  #contact ul li, #page-contact ul li, #page-document ul li {
    width: 100%;
  }
}

#contact ul li p, #page-contact ul li p, #page-document ul li p {
  font-size: 2.4rem;
  letter-spacing: .1em;
  margin-bottom: 1.6rem;
}

@media (max-width: 425px) {
  #contact ul li p, #page-contact ul li p, #page-document ul li p {
    font-size: 1.8rem;
  }
}

#contact ul li p::before, #contact ul li p::after, #page-contact ul li p::before, #page-contact ul li p::after, #page-document ul li p::before, #page-document ul li p::after {
  width: 2px;
  height: 3.2rem;
}

#contact ul li:first-child p, #page-contact ul li:first-child p, #page-document ul li:first-child p {
  color: #F3981F;
}

#contact ul li:first-child p::before, #contact ul li:first-child p::after, #page-contact ul li:first-child p::before, #page-contact ul li:first-child p::after, #page-document ul li:first-child p::before, #page-document ul li:first-child p::after {
  background-color: #F3981F;
}

#contact ul li:last-child p, #page-contact ul li:last-child p, #page-document ul li:last-child p {
  color: #E60012;
}

#contact ul li:last-child p::before, #contact ul li:last-child p::after, #page-contact ul li:last-child p::before, #page-contact ul li:last-child p::after, #page-document ul li:last-child p::before, #page-document ul li:last-child p::after {
  background-color: #E60012;
}

#contact ul li .btn, #page-contact ul li .btn, #page-document ul li .btn {
  font-size: 2.4rem;
  padding: 4.8rem;
  width: 100%;
}

@media (max-width: 767px) {
  #contact ul li .btn, #page-contact ul li .btn, #page-document ul li .btn {
    padding: 4rem 0;
  }
}

@media (max-width: 425px) {
  #contact ul li .btn, #page-contact ul li .btn, #page-document ul li .btn {
    font-size: 2rem;
  }
}

#contact ul li .btn .icon-img, #page-contact ul li .btn .icon-img, #page-document ul li .btn .icon-img {
  width: 3.2rem;
  margin-right: 1.6rem;
}

@media (max-width: 821px) {
  #contact ul li .dl_btn, #page-contact ul li .dl_btn, #page-document ul li .dl_btn {
    margin-bottom: 4rem;
  }
}

#contact .wp-block-snow-monkey-forms-item.smf-item, #page-contact .wp-block-snow-monkey-forms-item.smf-item, #page-document .wp-block-snow-monkey-forms-item.smf-item {
  width: 60%;
  margin: 2.4rem auto;
}

@media (max-width: 767px) {
  #contact .wp-block-snow-monkey-forms-item.smf-item, #page-contact .wp-block-snow-monkey-forms-item.smf-item, #page-document .wp-block-snow-monkey-forms-item.smf-item {
    width: 100%;
  }
}

#contact .wp-block-snow-monkey-forms-item.smf-item:first-child, #page-contact .wp-block-snow-monkey-forms-item.smf-item:first-child, #page-document .wp-block-snow-monkey-forms-item.smf-item:first-child {
  width: 100%;
}

#contact .smf-item__col.smf-item__col--label, #page-contact .smf-item__col.smf-item__col--label, #page-document .smf-item__col.smf-item__col--label {
  padding: 0.8rem 0;
}

#contact .item-center, #page-contact .item-center, #page-document .item-center {
  text-align: center;
}

.wp-block-snow-monkey-forms-item {
  margin: 2.4rem;
}

.smf-action {
  text-align: center;
  margin: 4rem 0 8rem;
}

.smf-action .smf-button-control__control {
  background-image: none;
}

#page-document h1::before, #page-document h3::before {
  content: 'DOWNLOAD';
  bottom: 0;
}

footer .logo-img {
  width: 40rem;
  margin-bottom: 1.6rem;
}

@media (max-width: 425px) {
  footer .logo-img {
    width: 100%;
  }
}

@media (max-width: 800px) {
  footer nav {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

footer nav ul {
  width: calc(100%/10 *8);
  margin-bottom: 2.4rem;
}

@media (max-width: 800px) {
  footer nav ul {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0.8rem;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
  }
}

footer nav ul:nth-child(2) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: calc(100%/10 *1.6);
}

@media (max-width: 1024px) {
  footer nav ul:nth-child(2) {
    margin: -2rem 0 auto auto;
  }
}

@media (max-width: 800px) {
  footer nav ul:nth-child(2) {
    width: 100%;
    margin: auto 0;
  }
}

footer nav ul:nth-child(2) li {
  margin: 0;
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
}

@media (max-width: 800px) {
  footer nav ul li {
    width: 46%;
  }
}

footer p {
  text-align: center;
  font-size: 1.4rem;
  padding-bottom: 1.6rem;
  color: #A5AAAA;
}

@media (max-width: 767px) {
  footer p {
    padding-top: 1.6rem;
  }
}

article.page section {
  padding: 4rem 0 !important;
}

article.page h2 {
  text-align: center;
  font-size: 2.8rem;
  padding-bottom: 2.4rem;
}

article.page p {
  text-align: center;
}

.page-news {
  padding-top: 0 !important;
}

.page-news h2 {
  padding-bottom: 0;
}

.content-header {
  position: relative;
}

.content-header h1::before {
  white-space: pre;
  bottom: -2.8rem;
  line-height: .7;
}

@media (max-width: 767px) {
  .content-header h1::before {
    bottom: -1rem;
    font-size: 5rem;
  }
}

#contract h1::before {
  content: 'CONTRACT';
  bottom: 0;
}

#contract .contract {
  padding-top: 0 !important;
}

#contract h2 {
  text-align: center;
}

#contract h3 {
  text-align: left;
}

#contract ul.contract-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6rem;
  margin: 4rem 0;
  background: #ebeff7;
  position: relative;
}

#contract ul.contract-list li:first-child {
  margin-top: 0;
}

#contract ul.contract-list li span {
  width: calc(96%/4 *1);
}

@media (max-width: 480px) {
  #contract ul.contract-list li span {
    width: auto;
  }
}

#contract ul.contract-list li::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: -4rem;
  right: 50%;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #90C32B transparent transparent transparent;
  opacity: .3;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

#contract ul.contract-list li:last-child::after {
  display: none;
}

#contract .collapsed {
  font-size: 1.8rem;
}

#open, #close {
  margin: auto;
  color: #00A0E9;
  cursor: pointer;
  text-align: center;
}

#single br {
  display: contents;
}

#single .single-header {
  padding: 4rem 0 0;
}

#single #single-sec {
  padding-top: 0;
}

#single .single-info {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  border-bottom: 2px solid #ebeff7;
  padding: 1.6rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#single .single-info span {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 1.6rem;
}

#single .single-info ul.category-list .category {
  margin: 0;
}

#single img {
  margin: auto;
  width: 90%;
  height: auto;
}

#single .single-img {
  margin: 4rem auto;
}

#single .single-img ~ h2 {
  text-align: left;
  padding: 1.6rem;
}

#single .single-img ~ p {
  text-align: left;
  padding: 1.6rem;
}

#single iframe {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-width: -webkit-fill-available;
  width: 100%;
  margin: auto;
}

#single .single-txt {
  white-space: pre-wrap;
}

#single .single-txt a {
  text-decoration: underline;
  color: #00A0E9;
}

#single .single-txt h2 {
  padding: 1.6rem 0.8rem;
  letter-spacing: 0;
  font-size: 2.4rem;
  border: 4px solid #ebeff7;
}

#single .single-txt h3 {
  padding: 1.6rem 0.8rem;
  font-size: 2rem;
  background: #ebeff7;
}

#single .single-txt h4 {
  padding: 0.4rem .8rem;
  border-bottom: 4px solid #ebeff7;
  font-size: 1.8rem;
}

#single .single-txt h5 {
  font-size: 1.6rem;
  padding-left: 0.8rem;
  border-left: 8px solid #ebeff7;
}

#single .btn {
  background: #00A0E9;
  height: auto;
  padding: 0.8rem 1.6rem;
  text-align: center;
  display: inherit;
  margin: 8rem auto 4rem;
  width: 16rem;
}

.wp-block-image {
  margin: 1.6rem;
}

#sitemap_list li {
  background: none !important;
  padding: 0 0 0.8rem !important;
  margin: 2.4rem 0 !important;
  border-bottom: 1px solid #E5E5E5;
}
/*# sourceMappingURL=theme-styles.css.map */