@charset "utf-8";

/*-------------------------------
header
-------------------------------*/
header {
  margin-bottom: 4%;
}

body.home header {
  background: url("/wp-content/uploads/image.jpg") no-repeat
    center/cover;
  height: 100vh;
  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;
}

body.home .sp-icon img {
  display: none;
}

body.home .sp-menu {
  display: none;
}

.home .header-container {
  max-width: 635px;
  width: 100%;
}

body.home .logo {
  margin-bottom: 10%;
}

body.home .header-logo {
  margin: auto;
  text-align: center;
}

body.home .logo a img {
  width: 385px;
  height: 220px;
}

body.home .header-nav {
  position: absolute;
  top: 15%;
  right: 8%;
  color: white;
  border-left: 1.5px solid white;
}

body.home .header-nav .menu-header-container li {
  padding-left: 20px;
  padding-bottom: 2.5em;
}

body.home .header-nav .menu-header-container li:first-child {
  padding-top: 1.5em;
}

body.home .header-nav .menu-header-container li:last-child {
  padding-bottom: 1.5em;
}

body.home .header-nav .menu-header-container a {
  text-decoration: none;
  font-size: 14px;
  color: white;
}

body.home .header-nav .menu-header-container a:hover {
  text-decoration: underline;
}

body.home .header-nav .menu-header-container ul li.sns_btn img {
  max-width: 30px;
}

body.home .header-container .row {
  overflow: visible;
}

body.home .header-container p {
  padding-bottom: 5%;
}

body.home header .search .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.home header .header-container .search-wrap input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4em;
  border: 0px;
  border-radius: 8px;
  padding: 0 4%;
  margin-bottom: 5%;
  -moz-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  font-size: 16px;
}

body.home header .search-wrap .select-wrap {
  width: 49%;
  margin-bottom: 4%;
}

body.home header .search-wrap select {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  height: 5em;
  border: 2px solid #333;
  border-radius: 8px;
  padding: 0 4%;
  background: #fff;
  -moz-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  width: 100%;
}

body.home header .header-container .search-wrap .select-wrap:nth-child(3) {
  margin-left: 2%;
}

body.home header .header-container .search-wrap input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  margin-top: 5%;
  height: 5em;
  border: 0px;
  border-radius: 8px;
  background-color: #f39800;
  color: #fff;
  padding: 0 4%;
  -moz-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  cursor: pointer;
  transition: 0.2s;
}

body.home header .header-container .search-wrap input[type="submit"]:hover {
  background: #d97e00;
}

body.home header .header-container .search-wrap .submit-wrap {
  max-width: 260px;
  width: 100%;
  position: relative;
}

body.home header .header-container .search-wrap .submit-wrap::before {
  content: "";
  display: inline-block;
  background: url("/wp-content/uploads/search_wh.png") no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 38%;
  left: 5%;
  margin: auto;
}

.hdr-copy {
  margin-top: 50px;
  color: #f39800;
  max-width: 635px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  body.home header {
    background: url("/wp-content/uploads/sp-image.jpg") no-repeat
      center/cover;
    margin-bottom: 8%;
  }

  body.home .sp-icon img {
    display: block;
    position: absolute;
    top: 20px;
    left: 5%;
    width: 27px;
    height: 22px;
  }

  body.home .sp-menu,
  body:not(.home) .sp-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 5%;
    z-index: 10;
    width: 100vw;
  }
  body.home .header-container {
    margin: 0 10px;
  }
  body.home .logo a img {
    width: 250px;
    height: 143px;
  }

  body.home .header-nav {
    display: none;
  }
  body.home .drawer-wrap,
  body:not(.home) .lower-drawer-wrap {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 50px;
    height: 28px;
    cursor: pointer;
    z-index: 20;
  }
  body.home .drawer-box,
  body:not(.home) .lower-drawer-box {
    position: relative;
    width: 100%;
    height: 100%;
  }
  body.home header span,
  body:not(.home) header span {
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgb(252, 186, 6);
    border-radius: 15px;
    width: 50%;
    height: 3px;
    display: block;
    margin: auto;
    transition: ease 0.3s;
  }
  body.home span:first-child,
  body:not(.home) span:first-child {
    top: 18%;
  }
  body.home span:nth-child(2),
  body:not(.home) span:nth-child(2) {
    top: 48%;
  }
  body.home span:last-child,
  body:not(.home) span:last-child {
    top: 78%;
  }
  body.home .close span:first-child,
  body:not(.home) .close span:first-child {
    transform: rotate(45deg);
    top: 48%;
  }
  body.home .close span:nth-child(2),
  body:not(.home) .close span:nth-child(2) {
    opacity: 0;
  }
  body.home .close span:last-child,
  body:not(.home) .close span:last-child {
    transform: rotate(-45deg);
    top: 48%;
  }

  body.home .sp-menu-content-wrap,
  body:not(.home) .sp-menu-content-wrap {
    height: 100vh;
  }
  body.home header .sp-menu .search-wrap .submit-wrap::before,
  body:not(.home) .sp-menu .search-wrap .submit-wrap::before {
    display: none;
  }

  body.home .sp-menu-column,
  body:not(.home) .sp-menu-column {
    height: 100vh;
    width: 100vw;
    border-radius: 0;
    border: none;
    background: #fff;
    padding: 12% 6%;
    box-sizing: border-box;
    overflow: scroll;
  }

  body.home header .header-container .search-wrap input[type="text"] {
    width: 80%;
    height: 4em;
    font-size: 14px;
  }

  body.home header .header-container .search-wrap .select-wrap {
    width: 43%;
  }

  body.home header .header-container .search-wrap select {
    height: 4em;
  }

  body.home .header-container p {
    padding: 0 0 5% 5%;
  }

  body.home header .header-container .search-wrap input[type="submit"] {
    height: 4em;
  }

  body.home header .header-container .search-wrap .submit-wrap::before {
    width: 20px;
    height: 20px;
    top: 43%;
  }
  body.home header .search-wrap select {
  }
}

/*-------------------------------
lower-layer-header
-------------------------------*/

body:not(.home) .lower-header-container {
  height: 95px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fafafa;
  border-bottom: 2px solid #333;
  position: relative;
}
body:not(.home) .lower-logo img {
  width: 131px;
  height: 75px;
}
@media screen and (max-width: 767px) {
  body:not(.home) .lower-logo img {
    width: 105px;
    height: 59px;
  }
  body:not(.home) .lower-header-container {
    height: 75px;
  }
}
body:not(.home) .lower-icon {
  position: absolute;
  right: 3%;
  width: 27px;
  height: 22px;
}
body:not(.home) .lower-icon img {
  width: 27px;
  height: 22px;
}
body:not(.home) .sp-menu {
  display: none;
}

@media screen and (max-width: 767px) {
  body:not(.home) .lower-icon {
    position: absolute;
    left: 3%;
  }
}
/*-------------------------------
search
-------------------------------*/
.search-wrap select {
  -webkit-appearance: none;
  appearance: none;
}
.search-wrap .select-wrap {
  position: relative;
}
.header-container .search-wrap .select-wrap:after,
footer .search-wrap .select-wrap:after {
  content: "↓";
  color: #333;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #333;
  width: 22px;
  height: 22px;
  font-size: 10px;
  position: absolute;
  top: 32%;
  right: 6%;
  margin: auto;
  font-size: 14px;
  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;
}
footer .search-wrap .select-wrap:after {
  top: 30%;
  width: 18px;
  height: 18px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .search-wrap .select-wrap:after {
    width: 14px !important;
    height: 14px !important;
    font-size: 10px !important;
  }
}
/*-------------------------------
sidebar
-------------------------------*/
.side-column > .side-content-wrap {
  border: 1px solid #333;
  border-radius: 15px;
  background: #fff;
  padding: 12% 6%;
  box-sizing: border-box;
}
body:not(.single) .side-column .side-content-wrap > .row {
  margin-bottom: 20%;
}
.side-title,
.sp-menu-title {
  color: #fff;
  background: #333;
  padding: 0.5em 1.5em;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  margin-bottom: 1.5em;
}

.side-column ul li,
.sp-menu-column ul li {
  margin-bottom: 15px;
}

.side-column p.more,
.sp-menu-column p.more {
  text-align: right;
}

.side-column p.more a,
.sp-menu-column p.more a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
}

.side-column p.more a:hover,
.sp-menu-column p.more a:hover {
  text-decoration: underline;
}

.side-column ul li a,
.sp-menu-column ul li a {
  color: #333;
  text-decoration: none;
}

.side-column ul li a:hover,
.sp-menu-column ul li a:hover {
  text-decoration: underline;
}

.side-column .side-tag-list,
.sp-menu-column .sp-menu-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.side-column .side-tag-list li,
.sp-menu-column .sp-menu-tag-list li {
  margin-right: 10px;
}

.side-column form,
.sp-menu-column form {
  position: relative;
  padding: 2%;
  width: 90%;
}

.side-column form input[type="text"],
.sp-menu-column form input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  padding: 5% 2%;
  border: none;
  width: 100%;
  margin-bottom: 5%;
  border-radius: 8px;
}

.side-column form #cat,
.side-column form #tag,
.sp-menu-column form #cat,
.sp-menu-column form #tag {
  display: none;
}

.side-column form input[type="submit"],
header .sp-menu-column form input[type="submit"] {
  text-indent: -9999px;
  white-space: nowrap;
  position: absolute;
  right: 10px;
  top: 28%;
  margin: auto;
  background: url(/wp-content/uploads/search.png) no-repeat
    center/contain;
  width: 15px;
  height: 15px;
  border: none;
}
.side-column .side-content-wrap .side-select-wrap {
  position: relative;
  padding: 2%;
}
.side-column .side-content-wrap .side-select-wrap::after {
  content: "↓";
  color: #333;
  background: #fff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-size: 10px;
  position: absolute;
  top: 27%;
  right: 8%;
  margin: auto;
  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;
}
.side-column .side-content-wrap .side-select-wrap select {
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  padding: 5%;
  border: none;
  width: 98%;
  margin-bottom: 5%;
  border-radius: 8px;
  color: #fff;
  background: #000;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
.side-column .side-content-wrap .side-select-wrap select::-ms-expand {
  display: none;
}
@media screen and (min-width: 800px) {
  .side-column.fixed_side > .side-content-wrap,
  .sp-menu-column.fixed_side > .sp-menu-content-wrap {
    position: fixed;
    top: 5%;
    padding: 2em 1em;
    width: 299px;
  }
}
@media screen and (max-width: 1265px) and (min-width: 800px) {
  .side-column > .side-content-wrap,
  .sp-menu-column > .sp-menu-content-wrap {
    right: 2%;
    left: auto;
    max-width: 262px;
  }
  .side-column.fixed_side > .side-content-wrap,
  .sp-menu-column.fixed_side > .sp-menu-content-wrap {
    width: 23%;
  }
}
@media screen and (max-width: 799px) {
  .side-column form input[type="submit"] {
    width: 20px;
    height: 20px;
  }
}
/*-------------------------------
archive list
-------------------------------*/
.archive-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.archive-list .article-item {
  position: relative;
  border: 1px solid #333;
  border-radius: 0 15px 15px 15px;
  box-sizing: border-box;
  width: 30%;
  margin-right: 5%;
  margin-top: calc(5% + 37px);
  box-sizing: border-box;
}
.archive-list .article-item:hover figure a {
  opacity: 0.8;
  transition: 0.2s;
}
.archive-list .article-item:hover figure a:hover img {
  opacity: 1;
}
.archive-list .article-item:nth-child(3n) {
  margin-right: 0;
}
.archive-list .article-item > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-decoration: none;
}
.archive-list .article-item figure {
  margin: 0;
  height: 200px;
  position: relative;
}
.archive-list .article-item figure img {
  width: 100%;
  border-radius: 0 12px 0 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.archive-list .article-item figure figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -2px;
  left: -1px;
  border: 1px solid #333;
  border-bottom: none;
  border-radius: 15px 15px 0 0;
  font-size: 12px;
  transform: translateY(-37px);
  height: 37px;
  text-align: center;
  padding: 0 5%;
}
.archive-list .article-item h2.arcive-title {
  font-size: 18px;
}
.archive-list .article-item figure figcaption a {
  color: #333;
  text-decoration: none;
}
.archive-list .article-item .archive-item-info {
  padding: 7%;
}
.archive-list .article-item .archive-item-info .archive-item-date {
  font-size: 12px;
}
.archive-list .article-item .archive-item-info .archive-item-tags {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.archive-list .article-item .archive-item-info .archive-item-tags a {
  margin: 0 15px 5px 0;
  color: #333;
  text-decoration: none;
}
.archive-list .article-item .archive-item-info .archive-item-tags a::before {
  content: "#";
}
.archive-list
  .article-item
  .archive-item-info
  .archive-item-tags
  a:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1200px) {
  .archive-list {
    padding: 0 4%;
  }
}
@media screen and (min-width: 800px) {
  .archive-list .article-item:first-child,
  .archive-list .article-item:nth-child(2),
  .archive-list .article-item:nth-child(3) {
    margin-top: 38px;
  }
}
@media screen and (max-width: 799px) and (min-width: 600px) {
  .archive-list .article-item {
    width: 46% !important;
  }
  .archive-list .article-item {
    margin-right: 5% !important;
  }
  .archive-list .article-item:nth-child(3n) {
    margin-right: 5% !important;
  }
  .archive-list .article-item:nth-child(2n) {
    margin-right: 0 !important;
  }
  .archive-list .article-item figure {
    height: 220px !important;
  }
}
@media screen and (max-width: 599px) {
  .archive-list .article-item {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: calc(10% + 37px);
  }
  .archive-list .article-item figure {
    height: 220px !important;
  }
}
/*-------------------------------
top
-------------------------------*/
body.home main > section {
  position: relative;
  padding: 5% 0 7%;
  border-bottom: 1px solid #333;
  margin: 0 3%;
}
body.home main > section > .container {
  max-width: 1100px;
}
body.home main > section:first-child {
  border-top: 1px solid #333;
}
body.home main > section:last-child {
  border-bottom: none;
}
body.home main > section:nth-child(2) {
  padding: 5% 0;
}
body.home .archive-list .google-adsence-area {
  width: 100%;
  text-align: center;
}
body.home .archive-list .article-item {
  width: 29%;
  margin-right: 6%;
}
body.home .archive-list .article-item:hover figure img {
  opacity: 0.8;
  transition: 0.2s;
}
body.home .archive-list .article-item:nth-child(3n) {
  margin-right: 0;
}
body.home .archive-list .article-item figure {
  margin: 0;
  height: 280px;
  position: relative;
}
body.home .archive-list + .row {
  text-align: right;
}
@media screen and (max-width: 1200px) {
  body.home .archive-list + .row {
    padding: 0 4%;
  }
}
@media screen and (max-width: 767px) {
  body.home main > section {
    padding: 8% 0 13%;
  }
}
/*-------------------------------
tag,category list
-------------------------------*/
.main-column section #search form {
  position: relative;
  max-width: 600px;
}
.main-column section #search {
  margin: 0 2%;
}
.main-column section #search form select {
  display: none;
}
.main-column section #search form .search-wrap {
  text-align: center;
}
.main-column section #search form input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  padding: 4% 2%;
  border: none;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5%;
  border-radius: 8px;
  box-sizing: border-box;
}
.main-column section #search form input[type="submit"] {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 3%;
  top: 25%;
  background: url(/wp-content/uploads/search.png) no-repeat
    center/contain;
  width: 28px;
  height: 28px;
  border: none;
}
.tag-list-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tag-list-wrap ul li {
  margin: 0 2% 5%;
}
.tag-list-wrap ul li a {
  display: block;
  width: 100%;
  border: none;
  text-decoration: none;
  color: #333;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}
.tag-list-wrap ul li a:hover {
  text-decoration: underline;
}
.category-list-sec .row .more {
  margin-top: 3%;
  text-align: right;
}
.category-list-sec .row .more a {
  color: #333;
  text-decoration: none;
}
.category-list-sec .row .more a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .main-column section #search form input[type="submit"] {
    top: 30%;
    width: 20px;
    height: 20px;
  }
}
/*-------------------------------
single
-------------------------------*/
body.single .main-column > section:nth-child(2) {
  margin-bottom: 0;
}
.single-category {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-weight: 500;
}
.single-category a {
  text-decoration: none;
}
.single-category a:hover {
  text-decoration: underline;
}
body.single time {
  display: block;
  text-align: right;
  margin-bottom: 2%;
  font-weight: 500;
}
.single-tag-list p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-tag-list p a {
  font-size: 13px;
  margin: 0 12px 20px 0;
  text-decoration: none;
}
.single-tag-list p a:before {
  content: "#";
}
.single-tag-list p a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
}
body.single .side-column:not(.fixed_side) > .side-content-wrap {
  padding: 8% 6%;
}
body.single .side-column .side-content-wrap .row:first-child {
  padding: 4%;
}
body.single .side-column .side-content-wrap .row .side-title {
  background: transparent;
  color: #333;
  padding: 0;
  margin-bottom: 0;
}
body.single .side-column .side-content-wrap .archive-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.single .side-column .side-content-wrap .archive-list .article-item {
  border: none;
  width: 100%;
  border-radius: 0;
}
body.single .side-column .side-content-wrap .archive-list .article-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 8% 0;
  border-bottom: 1px solid #333;
  transition: 0.2s;
}
body.single .side-column .side-content-wrap .archive-list .article-item:hover {
  background: rgba(220, 220, 220, 0.5);
}
body.single
  .side-column
  .side-content-wrap
  .archive-list
  .article-item:last-child {
  border-bottom: none;
}
body.single .side-column .side-content-wrap .archive-list .article-item > a {
  width: 50%;
  height: 100px;
}
body.single
  .side-column
  .side-content-wrap
  .archive-list
  .article-item
  > .archive-item-info {
  width: 50%;
  padding: 0 0 0 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.single
  .side-column
  .side-content-wrap
  .archive-list
  .article-item
  > .archive-item-info
  > a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.single .side-column .archive-list .article-item figure {
  height: 100%;
}
body.single .side-column .side-content-wrap .archive-list .article-item > a {
  position: relative;
}
body.single
  .side-column
  .side-content-wrap
  .archive-list
  .article-item
  .post-categories
  a {
  font-size: 12px;
}
body.single
  .side-column
  .side-content-wrap
  .archive-list
  .article-item
  figure
  img {
  border-radius: 0;
}
body.single .side-column .side-content-wrap .archive-list .article-item h2 {
  font-size: 16px;
  color: #333;
}
body.single .side-column .side-content-wrap .archive-list .article-item time {
  color: #333;
  font-size: 10px;
}
body.single .side-column .side-content-wrap .archive-list .article-item a {
  text-decoration: none;
}
.relation-list-title {
  border: 1px solid #333;
  border-radius: 15px 15px 0 0;
  display: inline-block;
  padding: 0.7em 4em;
  font-size: 16px;
  border-bottom: none;
}
.relation-list-slider {
  border: 1px solid #333;
  border-radius: 0 15px 15px 15px;
  padding: 6% 3% 70px;
}
.relation-list-slider ul li.slick-slide {
  padding: 0 20px;
  position: relative;
}
.relation-list-slider ul li.slick-slide figure {
  height: 200px;
}
.relation-list-slider ul li.slick-slide figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.relation-list-slider ul li.slick-slide:hover figure img {
  opacity: 0.8;
  transition: 0.2s;
}
.relation-list-slider ul li.slick-slide .archive-item-info {
  margin-top: 7%;
}
.relation-list-slider ul li.slick-slide .archive-item-info > a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.relation-list-slider ul li.slick-slide .archive-item-info .post-categories a {
  text-decoration: none;
  color: #333;
}
.relation-list-slider ul li.slick-slide .archive-item-info h2.ttl {
  margin: 7% 0 2em 0;
  font-size: 18px;
}
body.single .relation-list-slider ul li.slick-slide .archive-item-info time {
  text-align: left;
}
body.single .slick-prev,
body.single .slick-next {
  width: 30px;
  height: 30px;
  top: 110%;
  border: 1px solid #333;
  border-radius: 5px;
  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;
}
body.single .slick-next {
  right: 15px;
}
body.single .slick-prev {
  left: 15px;
}
body.single .slick-prev:before,
body.single .slick-next:before {
  font-size: 20px;
  color: #000;
  padding-bottom: 6px;
}
body.single .slick-prev:before {
  content: "<";
}
body.single .slick-next:before {
  content: ">";
}
body.single .main-column section:nth-child(3) ol:not(.toc),
body.single .main-column section:nth-child(3) ul:not(.toc) {
  padding: 2% 0% 2% 5%;
  margin: 0 0.5em 2em;
  background: rgb(243, 240, 240);
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
}

body.single .main-column section:nth-child(3) ol:not(.toc) li {
  list-style: decimal;
  letter-spacing: 1px;
  padding: 1.5% 0;
}
body.single .main-column section:nth-child(3) ul:not(.toc) li {
  list-style: disc;
  line-height: 1.5em;
  letter-spacing: 2px;
  padding: 1.2% 0;
}
body.single .main-column section:nth-child(3) .row .col.span-10 > .toc {
  background-color: rgb(243, 240, 240);
  border-radius: 5px;
  margin-bottom: 2em;
  padding: 3% 4%;
}

body.single
  .main-column
  section:nth-child(3)
  .row
  .col.span-10
  > .toc
  > li:not(:last-child) {
  margin-bottom: 2em;
}
body.single
  .main-column
  section:nth-child(3)
  .row
  .col.span-10
  > .toc
  > li
  > .toc {
  padding: 1.5em 0 0 1em;
}
body.single
  .main-column
  section:nth-child(3)
  .row
  .col.span-10
  > .toc
  > li
  > .toc
  > li:not(:last-child) {
  margin-bottom: 0.5em;
}
body.single
  .main-column
  section:nth-child(3)
  .row
  .col.span-10
  > .toc
  > li
  > .toc
  a {
  position: relative;
  padding-left: 12px;
}
body.single
  .main-column
  section:nth-child(3)
  .row
  .col.span-10
  > .toc
  > li
  > .toc
  a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 42%;
  margin: auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #333;
}
body.single
  .main-column
  section:nth-child(3)
  .row
  .col.span-10
  > .toc
  > li
  > a {
  font-size: 18px;
}
body.single .main-column section:nth-child(3) .toc li a {
  text-decoration: none;
  color: #333;
}
body.single .main-column section:nth-child(3) .toc li a:hover {
  text-decoration: underline;
}
body.single .main-column section:nth-child(3) .wp-block-table {
  margin: 0 0.5em 2em;
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
}

body.single .main-column section:nth-child(3) .wp-block-table tr,
body.single .main-column section:nth-child(3) .wp-block-table td {
  border-collapse: collapse;
  line-height: 1.5em;
  padding: 1.5%;
  text-align: left;
}
body.single
  .main-column
  section:nth-child(3)
  .wp-block-table
  tr:nth-child(even) {
  background-color: rgb(243, 240, 240);
}
body.single .main-column section:nth-child(3) .wp-block-quote {
  padding: 2%;
  border-radius: 5px;
  background-color: rgb(243, 240, 240);
  margin-bottom: 2em;
}
body.single .main-column section:nth-child(3) .wp-block-quote p {
  font-size: 18px;
  margin-bottom: 1%;
}

body.single .main-column section:nth-child(3) .wp-block-quote cite {
  font-family: serif;
  color: #a9a9a9;
  line-height: 2.5;
}
body.single .main-column section:nth-child(3) .toc-title {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid rgb(240, 167, 10);
}
body.single .main-column section:nth-child(3) h2:not(.toc-title) {
  border-left: 4px solid rgb(240, 167, 10);
  padding: 0.7em;
  background-color: rgb(243, 240, 240);
  margin-bottom: 1em;
}
body.single .main-column section:nth-child(3) h3:not(.toc-title) {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #333;
}
body.single .main-column section:nth-child(3) h4:not(.toc-title) {
  position: relative;
  padding-left: 12px;
}
body.single .main-column section:nth-child(3) h4:not(.toc-title):before {
  content: "";
  width: 5px;
  height: 5px;
  background: #333;
  position: absolute;
  top: 43%;
  left: 0;
  margin: auto;
}
body.single .main-column section:nth-child(3) h3:not(.toc-title),
body.single .main-column section:nth-child(3) h4:not(.toc-title) {
  margin-bottom: 1em;
}
body.single .main-column section:nth-child(3) p {
  line-height: 2.5;
  margin-bottom: 2em;
}
body.single .main-column section:nth-child(3) .wp-block-image {
  margin-bottom: 2em;
}
body.single .main-column section:nth-child(3) .wp-block-image figcaption {
  color: #a9a9a9;
}
body.single .main-column section:nth-child(3) .wp-block-embed {
  margin-bottom: 2em;
}
body.single
  .main-column
  section:nth-child(3)
  .wp-block-embed
  .wp-block-embed__wrapper {
  padding-top: 56%;
  position: relative;
}
body.single
  .main-column
  section:nth-child(3)
  .wp-block-embed
  .wp-block-embed__wrapper
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  body.single .main-column section:nth-child(3) ol:not(.toc),
  body.single .main-column section:nth-child(3) ul:not(.toc) {
    padding: 4% 0 4% 8%;
  }
  body.single .main-column section:nth-child(3) .row .col.span-10 > .toc {
    padding: 6%;
  }
  body.single
    .main-column
    section:nth-child(3)
    .row
    .col.span-10
    > .toc
    > li
    > a {
    font-size: 16px;
  }
  body.single .main-column section:nth-child(3) .wp-block-quote {
    padding-left: 4%;
  }
  body.single .main-column section:nth-child(3) .wp-block-quote p {
    font-size: 16px;
  }
}

@media screen and (max-width: 799px) {
  body.single .side-column:not(.fixed_side) > .side-content-wrap {
    padding: 6% 3%;
  }
  body.single .side-column .archive-list .article-item figure {
    height: 100% !important;
  }
  .relation-list-title {
    font-size: 14px;
  }
  .relation-list-slider ul li.slick-slide {
    padding: 0 10px;
  }
  .relation-list-slider ul li.slick-slide figure {
    height: 150px;
  }
  .relation-list-slider ul li.slick-slide .archive-item-info h2.ttl {
    font-size: 16px;
  }
  .relation-list-slider ul li.slick-slide .archive-item-info .post-categories a,
  body.single .relation-list-slider ul li.slick-slide .archive-item-info time {
    font-size: 12px;
  }
}
/*-------------------------------
other_page
-------------------------------*/
@media screen and (max-width: 767px) {
}
/*-------------------------------
footer
-------------------------------*/
footer {
  border-top: 1px solid #333;
  padding: 3% 0;
  margin: 5% 3% 0;
}
footer .container {
  max-width: none;
  padding: 0 3%;
}
footer .container .bread-wrap.row {
  margin-bottom: 1.5em;
}
footer .container .ftr-search-wrap {
  width: 40%;
}
footer .container .ftr-content-wrap .menu-footer-container ul li a {
  text-decoration: none;
  color: #333;
}
footer .container .ftr-content-wrap .menu-footer-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
footer .container .ftr-content-wrap .menu-footer-container ul li.sns_btn img {
  max-width: 40px;
}
footer .container .ftr-content-wrap .copy-light {
  font-size: 10px;
}
footer .ftr-search-wrap .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
footer .ftr-search-wrap .search-wrap input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4em;
  border: 0px;
  border-radius: 8px;
  padding: 0 4%;
  margin-bottom: 4%;
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
footer .ftr-search-wrap .search-wrap .select-wrap {
  width: 49%;
  margin-bottom: 4%;
}
footer .ftr-search-wrap .search-wrap select {
  height: 4em;
  border: 2px solid #333;
  border-radius: 8px;
  padding: 0 4%;
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
}
footer .ftr-search-wrap .search-wrap .select-wrap:nth-child(3) {
  margin-left: 2%;
}
footer .ftr-search-wrap .search-wrap .submit-wrap {
  max-width: 260px;
  width: 100%;
  position: relative;
}
footer .ftr-search-wrap .search-wrap .submit-wrap::before {
  content: "";
  display: inline-block;
  background: url("/wp-content/uploads/search_wh.png") no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 26%;
  left: 5%;
  margin: auto;
}
footer .ftr-search-wrap .search-wrap input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4em;
  border: 0px;
  border-radius: 8px;
  background-color: #f39800;
  color: #fff;
  padding: 0 4%;
  -moz-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 7px 13px 28px 0px rgba(0, 0, 0, 0.26);
  cursor: pointer;
  transition: 0.2s;
}
footer .ftr-search-wrap .search-wrap input[type="submit"]:hover {
  background: #d97e00;
}
footer .container .ftr-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .container .ftr-content-wrap .menu-footer-container {
  border-left: 1px solid #000;
}
footer .container .ftr-content-wrap .menu-footer-container ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
footer .container .ftr-content-wrap .menu-footer-container ul li {
  padding-left: 25px;
}
footer .container .ftr-content-wrap .copy-light {
  writing-mode: vertical-rl;
  margin-left: 3em;
}
@media screen and (min-width: 768px) {
  footer .container > .ftr-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  footer .container .ftr-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer .container .ftr-content-wrap .menu-footer-container ul li a:hover {
    text-decoration: underline;
  }
  footer .container .ftr-content-wrap .copy-light {
    margin-left: 10em;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding: 7% 0;
  }
  footer .container .ftr-search-wrap {
    width: 100%;
    margin-bottom: 15%;
  }
  footer .ftr-search-wrap .search-wrap input[type="text"] {
    height: 3em;
  }
  footer .ftr-search-wrap .search-wrap .submit-wrap::before {
    width: 20px;
    height: 20px;
  }
  footer .container .ftr-content-wrap .menu-footer-container {
    margin-bottom: 15%;
  }
  footer .container .ftr-content-wrap .menu-footer-container ul li.sns_btn img {
    max-width: 30px;
  }
  footer .container .ftr-content-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  footer .container .ftr-content-wrap .copy-light {
    text-align: center;
  }
}
/*-------------------------------
pagenation
-------------------------------*/
.pagination {
  margin-top: 5%;
}

.pagination .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination .page-numbers li {
  margin-left: 15px;
}

.pagination .page-numbers li:first-child {
  margin-left: 0;
}

.pagination .page-numbers li a {
  text-decoration: none;
  color: #333;
}

.pagination .page-numbers li a:not(.prev):not(.next),
.pagination .page-numbers li span {
  background: #fff;
  width: 45px;
  height: 45px;
  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;
  border-radius: 10px;
  box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
}

.pagination .page-numbers li span {
  border: 1px solid;
}

.pagination .page-numbers li a.prev,
.pagination .page-numbers li a.next {
  width: 45px;
  height: 45px;
  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;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .pagination .page-numbers li a:not(.prev):not(.next),
  .pagination .page-numbers li span {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .pagination .page-numbers li a.prev,
  .pagination .page-numbers li a.next {
    width: 30px;
    height: 30px;
    font-size: 22px;
  }
}
/*-------------------------------
sitemap
-------------------------------*/
#sitemap_list li a {
  color: #333;
}
/*-------------------------------
contact
-------------------------------*/
.contact p.label {
  margin-bottom: 0.5em;
}

.contact > .row {
  margin-bottom: 5%;
}

.contact .col:nth-child(2) {
  width: 50%;
}

.contact .col:nth-child(2) input[type="text"],
.contact .col:nth-child(2) input[type="email"],
.contact .col:nth-child(2) textarea {
  width: 100%;
  box-sizing: border-box;
}

.contact .col:nth-child(2) input[type="text"],
.contact .col:nth-child(2) input[type="email"] {
  height: 25px;
}

.contact input[type="submit"] {
  max-width: 350px;
  width: 100%;
  padding: 0.7em;
  border: none;
  background: #333;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.contact input[type="submit"]:hover {
  background: #555;
}

.contact .row.confirm-check .col {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .contact .col:last-child {
    width: 100%;
  }
}
/*-------------------------------
profile
-------------------------------*/
.profile-image figure {
  margin: 0 0 5% 0;
  overflow: hidden;
  position: relative;
}
.profile-image figure img {
  max-width: 300px;
}
.profile-image .profile-name {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 7%;
}
@media screen and (max-width: 320px) {
  .profile-image figure img {
    max-width: 260px;
  }
}
/*-------------------------------
privacy policy
-------------------------------*/
body.privacy-policy .main-column section:nth-child(3) h2:not(.toc-title) {
  border-left: 4px solid rgb(240, 167, 10);
  padding: 0.7em;
  background-color: rgb(243, 240, 240);
  margin-bottom: 1em;
}
body.privacy-policy .main-column section:nth-child(3) p {
  line-height: 2.5;
  margin-bottom: 2em;
}
body.privacy-policy .main-column section:nth-child(3) ul:not(.toc) {
  padding: 2% 0% 2% 5%;
  margin: 0 0.5em 2em;
  background: rgb(243, 240, 240);
  -moz-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
  -ms-box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 10%);
}
body.privacy-policy .main-column section:nth-child(3) ul:not(.toc) li {
  list-style: disc;
  line-height: 1.5em;
  letter-spacing: 2px;
  padding: 1.2% 0;
}
@media screen and (max-width: 767px) {
  body.privacy-policy .main-column section:nth-child(3) ul:not(.toc) {
    padding: 4% 0 4% 8%;
  }
}