header.site-header {
  display: block;
  background: url("../images/bg_header.jpg") no-repeat center bottom;
  background-size: 100% 100%;
}
header.site-header .hd-top {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
header.site-header .hd-top .sns-nav nav.nav-sns {
  display: block;
}
header.site-header .hd-top .sns-nav nav.nav-sns ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header.site-header .hd-top .sns-nav nav.nav-sns ul li {
  margin-left: 10px;
}
header.site-header .hd-top .sns-nav nav.nav-sns ul li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.site-header .hd-top .sns-nav nav.nav-sns ul li a:hover {
  opacity: 0.7;
}
header.site-header .hd-top .sns-nav nav.nav-sns ul li a img {
  max-width: 100%;
}
header.site-header .main-visual-block {
  padding: 0 10px;
}
header.site-header .main-visual-block .inner-block {
  max-width: 1350px;
  margin: 0 auto;
  background: url("../images/bg_mainvisual.png") no-repeat center center;
  background-size: contain;
  padding: 0 10px;
  box-sizing: border-box;
}
header.site-header .main-visual-block .inner-block .visual h2 {
  text-align: center;
}
header.site-header .main-visual-block .inner-block .visual h2 img {
  max-width: 100%;
}

.site-navigation__block {
  padding: 40px 20px 20px 20px;
}
.site-navigation__block nav.nav-global {
  max-width: 900px;
  margin: 0 auto;
}
.site-navigation__block nav.nav-global ul {
  display: flex;
  flex-wrap: wrap;
}
.site-navigation__block nav.nav-global ul li {
  width: 20%;
  padding: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .site-navigation__block nav.nav-global ul li {
    width: 50%;
  }
}
.site-navigation__block nav.nav-global ul li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-navigation__block nav.nav-global ul li a:hover {
  opacity: 0.7;
}
.site-navigation__block nav.nav-global ul li a img {
  width: 100%;
}

.page-main-content__wrap {
  padding: 50px 0;
}
.page-main-content__wrap section.each-content-block {
  padding: 0 20px 80px 20px;
}
.page-main-content__wrap section.each-content-block .title-block {
  margin-bottom: 30px;
}
.page-main-content__wrap section.each-content-block .title-block h3 {
  text-align: center;
  font-weight: 600;
  font-size: 25px;
  color: #2aabd3;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .page-main-content__wrap section.each-content-block .title-block h3 {
    font-size: 22px;
  }
}
.page-main-content__wrap section.each-content-block .title-block2 {
  margin-bottom: 50px;
}
.page-main-content__wrap section.each-content-block .title-block2 h3 {
  text-align: center;
}
.page-main-content__wrap section.each-content-block .title-block2 h3 img {
  max-width: 100%;
}
.page-main-content__wrap section.each-content-block .content-inner-block {
  max-width: 900px;
  margin: 0 auto;
}
.page-main-content__wrap section.each-content-block .content-inner-block2 {
  max-width: 850px;
  margin: 0 auto;
}

footer.site-footer {
  padding: 120px 50px 30px 50px;
  background: url("../images/bg_footer.jpg") no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  footer.site-footer {
    padding: 120px 20px 30px 20px;
  }
}
footer.site-footer .inner-block {
  max-width: 1300px;
  margin: 0 auto;
}
footer.site-footer .inner-block .site-information .site-logo {
  margin-bottom: 20px;
}
footer.site-footer .inner-block .site-information .site-logo p img {
  max-width: 200px;
  width: 100%;
  border-radius: 5px;
}
footer.site-footer .inner-block .site-information .site-logo h1 {
  margin-bottom: 10px;
}
footer.site-footer .inner-block .site-information .site-logo h1 a img {
  max-width: 200px;
  width: 100%;
  border-radius: 5px;
}
footer.site-footer .inner-block .site-information .sns-list-block {
  margin-bottom: 20px;
}
footer.site-footer .inner-block .site-information .sns-list-block ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
footer.site-footer .inner-block .site-information .sns-list-block ul li {
  margin-right: 15px;
  width: 40px;
}
footer.site-footer .inner-block .site-information .sns-list-block ul li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer.site-footer .inner-block .site-information .sns-list-block ul li a:hover {
  opacity: 0.7;
}
footer.site-footer .inner-block .site-information .sns-list-block ul li a img {
  width: 100%;
}
footer.site-footer .inner-block .site-information .place-info {
  margin-bottom: 20px;
}
footer.site-footer .inner-block .site-information .place-info ul {
  display: flex;
  flex-wrap: wrap;
}
footer.site-footer .inner-block .site-information .place-info ul li {
  width: 135px;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  footer.site-footer .inner-block .site-information .place-info ul li {
    width: 50%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
  }
}
footer.site-footer .inner-block .site-information .place-info ul li a {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  footer.site-footer .inner-block .site-information .place-info ul li a {
    padding: 10px 5px;
    font-size: 14px;
  }
}
footer.site-footer .inner-block .site-information .place-info ul li a:hover {
  opacity: 0.7;
}
footer.site-footer .inner-block .site-information .basic-info p {
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
footer.site-footer .inner-block .site-information .basic-info p.tl {
  font-size: 18px;
}
@media screen and (max-width: 999px) {
  footer.site-footer .inner-block .site-information .basic-info p.tl {
    font-size: 16px;
  }
}
footer.site-footer .inner-block .site-information .basic-info p.nt {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}
footer.site-footer .inner-block .copyright {
  padding: 50px 0 0 0;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
}

.c-type-news .postlist article.post-row {
  display: flex;
  padding: 25px 0;
  border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
  .c-type-news .postlist article.post-row {
    display: block;
  }
}
.c-type-news .postlist article.post-row time.post-date {
  display: block;
  width: 110px;
  font-size: 16px;
  color: #666666;
  padding: 3px 0 0 0;
}
@media screen and (max-width: 999px) {
  .c-type-news .postlist article.post-row time.post-date {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .c-type-news .postlist article.post-row time.post-date {
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
  }
}
.c-type-news .postlist article.post-row .post-cat {
  width: 100px;
  padding: 3px 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-type-news .postlist article.post-row .post-cat {
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
  }
}
.c-type-news .postlist article.post-row .post-cat span {
  display: block;
  padding: 5px;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  border-radius: 5px;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width: 768px) {
  .c-type-news .postlist article.post-row .post-cat span {
    display: inline-block;
    width: 100%;
    max-width: 50%;
  }
}
.c-type-news .postlist article.post-row .post-title {
  width: calc(100% - 210px);
  padding-left: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-news .postlist article.post-row .post-title {
    width: 100%;
    padding-left: 0px;
  }
}
.c-type-news .postlist article.post-row .post-title h6 {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  line-height: 1.5;
}

.c-type-instagram .wedget-block {
  margin-bottom: 20px;
}
.c-type-instagram .insta-text {
  font-size: 18px;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 30px;
}
.c-type-instagram .follow-btn {
  text-align: center;
}
.c-type-instagram .follow-btn a {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-type-instagram .follow-btn a:hover {
  opacity: 0.7;
}

.c-type-reason .pre-read-block {
  margin-bottom: 50px;
}
.c-type-reason .pre-read-block .tp-text {
  padding: 20px;
  background: #fefdc4;
  margin-bottom: 20px;
  border-radius: 10px;
}
.c-type-reason .pre-read-block .tp-text p {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  color: #329c28;
}
@media screen and (max-width: 999px) {
  .c-type-reason .pre-read-block .tp-text p {
    font-size: 18px;
  }
}
.c-type-reason .pre-read-block .main-text p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 999px) {
  .c-type-reason .pre-read-block .main-text p {
    font-size: 14px;
  }
}
.c-type-reason .sec-content-each {
  margin-bottom: 40px;
}
.c-type-reason .sec-content-each .sub-title-block {
  text-align: center;
  margin-bottom: 20px;
}
.c-type-reason .sec-content-each .sub-title-block span {
  display: inline-block;
  width: 100%;
  max-width: 370px;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #7fb69f;
  border: 2px solid #7fb69f;
}
.c-type-reason .sec-content-each .youtube-block .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.c-type-reason .sec-content-each .youtube-block .inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block {
  padding-top: 20px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block {
    display: block;
  }
}
.c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block .post-row {
  width: calc(100% / 3);
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block .post-row {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
.c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block .post-row .thumb {
  margin-bottom: 10px;
}
.c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block .post-row .thumb img {
  width: 100%;
}
.c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block .post-row .tl {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}
.c-type-reason .sec-content-each .explain-block .detail-caption .clm3-block .post-row .text p {
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.c-type-reason .sec-content-each .explain-block .photo-set {
  display: flex;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-type-reason .sec-content-each .explain-block .photo-set {
    display: block;
  }
}
.c-type-reason .sec-content-each .explain-block .photo-set .map {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .c-type-reason .sec-content-each .explain-block .photo-set .map {
    width: 100%;
    margin-bottom: 10px;
  }
}
.c-type-reason .sec-content-each .explain-block .photo-set .map img {
  width: 100%;
}
.c-type-reason .sec-content-each .explain-block .photo-set .p-list {
  width: 50%;
  padding: 0 0 0 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-reason .sec-content-each .explain-block .photo-set .p-list {
    width: 100%;
    padding: 0;
  }
}
.c-type-reason .sec-content-each .explain-block .photo-set .p-list .each .photo {
  margin-bottom: 5px;
}
.c-type-reason .sec-content-each .explain-block .photo-set .p-list .each .photo img {
  width: 100%;
}
.c-type-reason .sec-content-each .explain-block .photo-set .p-list .each .text p {
  font-size: 14px;
  line-height: 1.5;
}
.c-type-reason .sec-content-each .explain-block .photo-set .p-list .each .text p a {
  color: #2aabd3;
}
.c-type-reason .sec-content-each .explain-block .photo-set .p-list .each .text p a:hover {
  text-decoration: none;
}
.c-type-reason .sec-content-each .explain-block .attention-text p {
  font-size: 12px;
  line-height: 1.5;
  text-indent: -2.5em;
  padding-left: 2.5em;
}

.c-type-schedule .schedule-list-block .schedule-tbl table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 999px) {
  .c-type-schedule .schedule-list-block .schedule-tbl table {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .c-type-schedule .schedule-list-block .schedule-tbl table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-schedule .schedule-list-block .schedule-tbl table tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-schedule .schedule-list-block .schedule-tbl table tbody tr {
    display: block;
  }
}
.c-type-schedule .schedule-list-block .schedule-tbl table tbody tr th {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  border: 4px solid #ffffff;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
  vertical-align: middle;
  border-radius: 10px;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
}
@media screen and (max-width: 768px) {
  .c-type-schedule .schedule-list-block .schedule-tbl table tbody tr th {
    display: block;
    width: 100%;
  }
}
.c-type-schedule .schedule-list-block .schedule-tbl table tbody tr th span {
  font-size: 12px;
  font-weight: 500;
}
.c-type-schedule .schedule-list-block .schedule-tbl table tbody tr td {
  width: 50%;
  padding: 10px 20px;
  box-sizing: border-box;
  border: 4px solid #ffffff;
  font-weight: 500;
  background: #ededed;
  border-radius: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-type-schedule .schedule-list-block .schedule-tbl table tbody tr td {
    display: block;
    width: 100%;
  }
}

.c-type-qa .qa-postlist dl {
  display: block;
  margin-bottom: 35px;
}
.c-type-qa .qa-postlist dl dt {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.c-type-qa .qa-postlist dl dt span.icon {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  line-height: 1;
  border-radius: 5px;
  background: #35aa54;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: -10px;
}
@media screen and (max-width: 999px) {
  .c-type-qa .qa-postlist dl dt span.icon {
    font-size: 20px;
  }
}
.c-type-qa .qa-postlist dl dt .text {
  padding: 2px 10px 2px 45px;
  background: #f7f6c9;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  color: #1d67a0;
}
@media screen and (max-width: 999px) {
  .c-type-qa .qa-postlist dl dt .text {
    font-size: 16px;
  }
}
.c-type-qa .qa-postlist dl dd {
  display: block;
  padding: 0 0 0 45px;
}
.c-type-qa .qa-postlist dl dd p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 999px) {
  .c-type-qa .qa-postlist dl dd p {
    font-size: 14px;
  }
}

.c-type-tour .tour-information {
  margin-bottom: 45px;
}
.c-type-tour .tour-information .each-row {
  padding: 25px 0;
  border-bottom: 1px solid #cccccc;
}
.c-type-tour .tour-information .each-row:last-of-type {
  border: none;
}
.c-type-tour .tour-information .each-row .tp-block dl {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-tour .tour-information .each-row .tp-block dl {
    display: block;
  }
}
.c-type-tour .tour-information .each-row .tp-block dl dt {
  display: block;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .c-type-tour .tour-information .each-row .tp-block dl dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
.c-type-tour .tour-information .each-row .tp-block dl dt span {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
}
@media screen and (max-width: 999px) {
  .c-type-tour .tour-information .each-row .tp-block dl dt span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-type-tour .tour-information .each-row .tp-block dl dt span {
    display: inline-block;
    width: 100%;
  }
}
.c-type-tour .tour-information .each-row .tp-block dl dd {
  display: block;
  width: calc(100% - 100px);
  padding: 0 0 0 30px;
}
@media screen and (max-width: 768px) {
  .c-type-tour .tour-information .each-row .tp-block dl dd {
    width: 100%;
    padding: 0;
  }
}
.c-type-tour .tour-information .each-row .tp-block dl dd p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 999px) {
  .c-type-tour .tour-information .each-row .tp-block dl dd p {
    font-size: 16px;
  }
}
.c-type-tour .tour-information .each-row .tp-block dl dd p.nt {
  text-indent: -1em;
  padding-left: 1em;
}
.c-type-tour .tour-information .each-row .tp-block dl dd p span {
  font-size: 14px;
}
@media screen and (max-width: 999px) {
  .c-type-tour .tour-information .each-row .tp-block dl dd p span {
    font-size: 12px;
  }
}
.c-type-tour .tour-information .each-row .clm3-block {
  padding-top: 20px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-tour .tour-information .each-row .clm3-block {
    display: block;
  }
}
.c-type-tour .tour-information .each-row .clm3-block .post-row {
  width: calc(100% / 3);
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-tour .tour-information .each-row .clm3-block .post-row {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
.c-type-tour .tour-information .each-row .clm3-block .post-row .thumb {
  margin-bottom: 10px;
}
.c-type-tour .tour-information .each-row .clm3-block .post-row .thumb img {
  width: 100%;
}
.c-type-tour .tour-information .each-row .clm3-block .post-row .tl {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}
.c-type-tour .tour-information .each-row .clm3-block .post-row .text p {
  font-size: 14px;
  line-height: 1.5;
}
.c-type-tour .agreement-block .text-block {
  padding: 0 20px 0 0;
  height: 300px;
  overflow: auto;
  margin-bottom: 60px;
}
.c-type-tour .agreement-block .text-block p {
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 1em;
  word-break: break-all;
}
@media screen and (max-width: 999px) {
  .c-type-tour .agreement-block .text-block p {
    font-size: 14px;
  }
}
.c-type-tour .agreement-block .text-block p.tl {
  color: #62af36;
  font-weight: 500;
}
.c-type-tour .agreement-block .apply-btn {
  text-align: center;
}
.c-type-tour .agreement-block .apply-btn a {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  padding: 20px 10px;
  text-decoration: none;
  box-sizing: border-box;
  color: #ffffff;
  border-radius: 5px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
  background: #d3d3d3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 999px) {
  .c-type-tour .agreement-block .apply-btn a {
    font-size: 16px;
  }
}
.c-type-tour .agreement-block .apply-btn a:hover {
  opacity: 0.7;
}

.c-type-learning .pre-text-block {
  margin-bottom: 30px;
}
.c-type-learning .pre-text-block p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 999px) {
  .c-type-learning .pre-text-block p {
    font-size: 14px;
  }
}
.c-type-learning .pre-text-block p a {
  color: #2aabd3;
}
.c-type-learning .pre-text-block p a:hover {
  text-decoration: none;
}
.c-type-learning .youtube-block {
  margin-bottom: 30px;
}
.c-type-learning .youtube-block .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.c-type-learning .youtube-block .inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.c-type-learning .photo-list ul {
  display: flex;
  flex-wrap: wrap;
}
.c-type-learning .photo-list ul li {
  width: 25%;
  padding: 4px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-learning .photo-list ul li {
    width: 50%;
  }
}
.c-type-learning .photo-list ul li:nth-of-type(n + 9) {
  display: none;
}
.c-type-learning .photo-list ul li a {
  font-size: 0;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-type-learning .photo-list ul li a:hover {
  opacity: 0.7;
}
.c-type-learning .photo-list ul li a img {
  width: 100%;
}
.c-type-learning .more-view-btn {
  text-align: center;
  margin-top: 50px;
}
.c-type-learning .more-view-btn span {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-type-learning .more-view-btn span:hover {
  opacity: 0.7;
}
.c-type-learning .comment-list__block .each-row {
  display: flex;
  margin-bottom: 40px;
}
.c-type-learning .comment-list__block .each-row:nth-of-type(even) {
  flex-direction: row-reverse;
}
.c-type-learning .comment-list__block .each-row:nth-of-type(even) .comment-text {
  padding: 0 30px 0 0;
}
.c-type-learning .comment-list__block .each-row:nth-of-type(even) .comment-text p::after {
  background: url("../images/learning/hukidashi_parts02.jpg") no-repeat center center;
  left: 100%;
}
.c-type-learning .comment-list__block .each-row .prof-photo {
  width: 150px;
}
@media screen and (max-width: 768px) {
  .c-type-learning .comment-list__block .each-row .prof-photo {
    width: 70px;
  }
}
.c-type-learning .comment-list__block .each-row .prof-photo img {
  width: 100%;
}
.c-type-learning .comment-list__block .each-row .comment-text {
  width: calc(100% - 150px);
  padding-left: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-learning .comment-list__block .each-row .comment-text {
    width: calc(100% - 70px);
  }
}
.c-type-learning .comment-list__block .each-row .comment-text p {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #000000;
  background: #f7f6c9;
  padding: 10px 15px;
  position: relative;
  border-radius: 10px;
}
@media screen and (max-width: 999px) {
  .c-type-learning .comment-list__block .each-row .comment-text p {
    font-size: 14px;
  }
}
.c-type-learning .comment-list__block .each-row .comment-text p::after {
  content: "";
  width: 30px;
  height: 17px;
  background: url("../images/learning/hukidashi_parts01.jpg") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: -30px;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-type-learning .comment-list__block .each-row .comment-text p::after {
    bottom: 80%;
  }
}
.c-type-learning .message-list-block {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-type-learning .message-list-block {
    display: block;
  }
}
.c-type-learning .message-list-block .each-row {
  width: calc(100% / 3);
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-learning .message-list-block .each-row {
    width: 100%;
    padding: 0 0 25px 0;
  }
}
.c-type-learning .message-list-block .each-row .p-thumb {
  margin-bottom: 10px;
}
.c-type-learning .message-list-block .each-row .p-thumb img {
  width: 100%;
  border-radius: 10px;
}
.c-type-learning .message-list-block .each-row .meta-info .p-icon {
  margin-bottom: 5px;
}
.c-type-learning .message-list-block .each-row .meta-info .p-icon span {
  display: inline-block;
  padding: 1px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px;
  color: #ffffff;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
}
.c-type-learning .message-list-block .each-row .meta-info .prof {
  margin-bottom: 10px;
}
.c-type-learning .message-list-block .each-row .meta-info .prof p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.c-type-learning .message-list-block .each-row .meta-info .comment-text p {
  font-size: 14px;
  line-height: 1.5;
}
.c-type-learning .message-list-block2 {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px dashed #999999;
}
.c-type-learning .message-list-block2 .each-row {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-learning .message-list-block2 .each-row {
    width: 100%;
    padding: 0 0 25px 0;
  }
}
.c-type-learning .message-list-block2 .each-row .p-thumb {
  margin-bottom: 10px;
}
.c-type-learning .message-list-block2 .each-row .p-thumb img {
  width: 100%;
  border-radius: 10px;
}
.c-type-learning .message-list-block2 .each-row .meta-info .p-icon {
  margin-bottom: 5px;
}
.c-type-learning .message-list-block2 .each-row .meta-info .p-icon span {
  display: inline-block;
  padding: 1px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px;
  color: #ffffff;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
}
.c-type-learning .message-list-block2 .each-row .meta-info .prof {
  margin-bottom: 10px;
}
.c-type-learning .message-list-block2 .each-row .meta-info .prof p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.c-type-learning .message-list-block2 .each-row .meta-info .comment-text p {
  font-size: 14px;
  line-height: 1.5;
}

.c-type-preevent .pre-notes {
  margin-bottom: 15px;
}
.c-type-preevent .pre-notes p {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}
.c-type-preevent .pre-text-block {
  margin-bottom: 30px;
}
.c-type-preevent .pre-text-block p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 999px) {
  .c-type-preevent .pre-text-block p {
    font-size: 14px;
  }
}
.c-type-preevent .day-schedule-block .term-tbl {
  max-width: 650px;
  margin: 0 auto;
}
.c-type-preevent .day-schedule-block .term-tbl > p {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 999px) {
  .c-type-preevent .day-schedule-block .term-tbl > p {
    font-size: 13px;
  }
}
.c-type-preevent .day-schedule-block .term-tbl table {
  width: 100%;
  border-collapse: collapse;
  line-height: 2;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table tbody {
    display: block;
  }
}
.c-type-preevent .day-schedule-block .term-tbl table tbody tr {
  border-bottom: 5px solid #ffffff;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table tbody tr {
    display: block;
  }
}
.c-type-preevent .day-schedule-block .term-tbl table tbody tr th {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table tbody tr th {
    display: none;
    width: 100%;
  }
}
.c-type-preevent .day-schedule-block .term-tbl table tbody tr th.time {
  width: 100%;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table tbody tr th.time {
    display: none;
    width: 100%;
  }
}
.c-type-preevent .day-schedule-block .term-tbl table tbody tr td {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  background: #ededed;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table tbody tr td {
    display: block;
    width: 100%;
  }
}
.c-type-preevent .day-schedule-block .term-tbl table tbody tr td.t {
  width: 100%;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .day-schedule-block .term-tbl table tbody tr td.t {
    display: block;
    width: 100%;
  }
}
.c-type-preevent .event-schedule-block {
  margin-bottom: 30px;
}
.c-type-preevent .event-schedule-block .each-row {
  padding: 25px 0;
  border-bottom: 1px solid #cccccc;
}
.c-type-preevent .event-schedule-block .each-row:last-of-type {
  border: none;
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl {
    display: block;
  }
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl dt {
  display: block;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl dt span {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
}
@media screen and (max-width: 999px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl dt span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl dt span {
    display: inline-block;
    width: 100%;
  }
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl dd {
  display: block;
  width: calc(100% - 100px);
  padding: 0 0 0 30px;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl dd {
    width: 100%;
    padding: 0;
  }
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl dd p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  word-break: break-all;
}
@media screen and (max-width: 999px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl dd p {
    font-size: 16px;
  }
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl dd p.nt {
  text-indent: -1em;
  padding-left: 1em;
}
.c-type-preevent .event-schedule-block .each-row .tp-block dl dd p span {
  font-size: 14px;
}
@media screen and (max-width: 999px) {
  .c-type-preevent .event-schedule-block .each-row .tp-block dl dd p span {
    font-size: 12px;
  }
}
.c-type-preevent .event-schedule-block .each-row .clm3-block {
  padding-top: 20px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .event-schedule-block .each-row .clm3-block {
    display: block;
  }
}
.c-type-preevent .event-schedule-block .each-row .clm3-block .post-row {
  width: calc(100% / 3);
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .event-schedule-block .each-row .clm3-block .post-row {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
.c-type-preevent .event-schedule-block .each-row .clm3-block .post-row .thumb {
  margin-bottom: 10px;
}
.c-type-preevent .event-schedule-block .each-row .clm3-block .post-row .thumb img {
  width: 100%;
}
.c-type-preevent .event-schedule-block .each-row .clm3-block .post-row .tl {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}
.c-type-preevent .event-schedule-block .each-row .clm3-block .post-row .text p {
  font-size: 14px;
  line-height: 1.5;
}
.c-type-preevent .youtube-block {
  margin-bottom: 30px;
}
.c-type-preevent .youtube-block .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.c-type-preevent .youtube-block .inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.c-type-preevent .slide-main-photo {
  font-size: 0;
  line-height: 1;
  margin-bottom: 20px;
}
.c-type-preevent .slide-main-photo img {
  width: 100%;
}
.c-type-preevent .photo-list ul {
  display: flex;
  flex-wrap: wrap;
}
.c-type-preevent .photo-list ul li {
  width: 25%;
  padding: 4px;
  box-sizing: border-box;
  font-size: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .photo-list ul li {
    width: 50%;
  }
}
.c-type-preevent .photo-list ul li img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.c-type-preevent .photo-list ul li img:hover {
  opacity: 0.7;
}
.c-type-preevent .photo-list ul li img.is_active {
  opacity: 0.5;
}
.c-type-preevent .performers-list-block {
  display: flex;
  flex-wrap: wrap;
  max-width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .performers-list-block {
    display: block;
  }
}
.c-type-preevent .performers-list-block .each-row {
  width: calc(100% / 2);
  padding: 10px 5px 20px 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-preevent .performers-list-block .each-row {
    width: 100%;
    padding: 0 0 25px 0;
  }
}
.c-type-preevent .performers-list-block .each-row .p-thumb {
  margin-bottom: 10px;
}
.c-type-preevent .performers-list-block .each-row .p-thumb img {
  width: 100%;
  border-radius: 10px;
}
.c-type-preevent .performers-list-block .each-row .meta-info .p-icon {
  margin-bottom: 5px;
}
.c-type-preevent .performers-list-block .each-row .meta-info .p-icon span {
  display: inline-block;
  padding: 1px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px;
  color: #ffffff;
  background: linear-gradient(to right, #62c03c 0%, #30bade 100%);
}
.c-type-preevent .performers-list-block .each-row .meta-info .prof {
  margin-bottom: 10px;
}
.c-type-preevent .performers-list-block .each-row .meta-info .prof p {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.c-type-preevent .performers-list-block .each-row .meta-info .comment-text p {
  font-size: 13px;
  line-height: 1.5;
}

/*# sourceMappingURL=style.css.map */