@charset "UTF-8";
/**
Theme Name: npo-webinar
Author: ht
Author URI: https://ht79.info/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: npo-webinar
Template: astra
*/
.flex-container {
  display: flex;
}
@media screen and (max-width: 767px) {
  .flex-container {
    flex-direction: column;
  }
}

@media screen and (min-width: 922px) {
  .home #primary,
.webinar #primary,
.inspection #primary {
    width: auto;
  }
}
.section-inner {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 190px 20px 0 20px;
}
@media screen and (max-width: 767px) {
  .section-inner {
    padding: 20px 10px;
  }
}

.section-inner_s {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .section-inner_s {
    padding-top: 80px;
  }
}

.section_title {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section_title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 374px) {
  .section_title {
    font-size: 6.9333333333vw;
  }
}

.sub_title {
  font-size: 2rem;
  text-align: center;
  margin: 0 auto;
}

.shadow, .floating-banner .pc-item, #top-mv .mv_nav_list .mv-nav_list-item, .search-unit .category, .three-point_card_list .three-point_card_item, .home .mv-content_unit .page-title,
.webinar .mv-content_unit .page-title,
.inspection .mv-content_unit .page-title, .area_card, .event_card {
  box-shadow: 0 3px 6px -5px #000;
}

.event_card {
  max-width: 320px;
  background-color: #fff;
  line-height: 1;
}
.event_card .event-eyecatch {
  max-width: 320px;
  max-height: 178px;
}
.event_card .event-eyecatch img {
  -o-object-fit: cover;
     object-fit: cover;
}
.event_card .event-card_detail {
  display: flex;
  padding: 10px 20px 20px 20px;
}
.event_card .event-time {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-right: 2px solid #CFCFCF;
  height: -moz-fit-content;
  height: fit-content;
  padding: 5px 12px 8px 0;
  margin-right: 10px;
}
.event_card .event-time span {
  display: inline-block;
}
.event_card .event-time .month {
  font-size: 10px;
}
.event_card .event-time .day {
  font-size: 1.8rem;
}
.event_card .event-card_info .datetime {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 3px;
  padding-top: 5px;
  color: #000;
}
.event_card .event-card_info .event-card_location {
  font-size: 1.2rem;
  color: #6E6E6E;
  display: block;
  margin-bottom: 10px;
}
.event_card .event-card_info .event-card_title {
  line-height: 1.5;
  overflow: hidden;
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.area_card {
  max-width: 320px;
  background-color: #fff;
  line-height: 1;
}
.area_card a {
  color: #000;
}
.area_card .area-eyecatch {
  max-width: 320px;
  max-height: 178px;
}
.area_card .area-eyecatch img {
  -o-object-fit: cover;
     object-fit: cover;
}
.area_card .area-card_detail {
  display: flex;
  padding: 10px 20px 20px 20px;
}
.area_card .area-time {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-right: 2px solid #CFCFCF;
  height: -moz-fit-content;
  height: fit-content;
  padding: 5px 12px 8px 0;
  margin-right: 10px;
}
.area_card .area-time span {
  display: inline-block;
}
.area_card .area-time .month {
  font-size: 10px;
}
.area_card .area-time .day {
  font-size: 1.8rem;
}
.area_card .area {
  display: block;
  font-size: 1.1rem;
  font-weight: 900;
  margin-bottom: 3px;
  margin-right: 5px;
  padding: 5px;
  background-color: #4C00B4;
  color: #fff;
  text-align: center;
  min-width: 32px;
  height: 32px;
  border-radius: 5px;
  line-height: 21px;
}
.area_card .area-card_info {
  max-width: 230px;
  margin-left: 13px;
}
.area_card .area-card_info .area-card_location {
  font-size: 1.2rem;
  color: #6E6E6E;
  display: block;
  margin-bottom: 5px;
}
.area_card .area-card_info .area-card_course {
  margin-bottom: 5px;
  display: block;
  color: #000;
}
.area_card .area-card_info .area-card_title {
  line-height: 1.5;
  font-size: 1.4rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.home .mv-content_unit .page-title,
.webinar .mv-content_unit .page-title,
.inspection .mv-content_unit .page-title {
  font-size: 4rem;
  font-weight: 900;
  color: #000;
  padding: 0 10px;
  width: -moz-fit-content;
  width: fit-content;
  height: 66px;
  line-height: 66px;
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255, 0.88);
}
@media screen and (max-width: 767px) {
  .home .mv-content_unit .page-title,
.webinar .mv-content_unit .page-title,
.inspection .mv-content_unit .page-title {
    font-size: 2.2rem;
    height: 37px;
    line-height: 37px;
  }
}
@media screen and (max-width: 374px) {
  .home .mv-content_unit .page-title,
.webinar .mv-content_unit .page-title,
.inspection .mv-content_unit .page-title {
    font-size: 5.8666666667vw;
    padding: 0 5px;
  }
}

a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

.home .ast-container,
.webinar .ast-container,
.inspection .ast-container {
  justify-content: center;
}

html {
  font-size: 62.5%;
  /*16px×62.5%=10px*/
}

body {
  color: #000;
  font-size: 1.6rem;
  font-family: "Montserrat", sans-serif;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}

main {
  overflow: hidden;
}

img {
  width: 100%;
  height: auto;
}

ul {
  list-style: none;
  margin: 0;
}

dd {
  margin: 0;
}

.pc-item {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc-item {
    display: none;
  }
}

.sp-item {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-item {
    display: block;
  }
}

/*****************************************************
  ヘッダー
*****************************************************/
/* タブレット以下のときオフカンバスメニューがコンテンツにかぶるように出現させる */
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .site-header {
    position: absolute;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .site-header {
    position: absolute;
    left: 0;
    right: 0;
  }
}

.ast-mobile-header-content {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  #content {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #content {
    padding-top: 50px;
  }
}

/* ページを中央に寄せる影響がヘッダーにも出ているので解除・ヘッダーの幅調整 */
.home .site-primary-header-wrap,
.webinar .site-primary-header-wrap,
.inspection .site-primary-header-wrap {
  justify-content: normal;
  max-width: 1920px;
  padding-right: 0;
}

/* ロゴの余白を消してヘッダーの高さを70pxに保持 */
.ast-logo-title-inline .ast-site-identity {
  padding: 0;
}

/* primaryコンテナのmarginを消して透過ヘッダーとかぶらせる */
.home .ast-container #primary,
.webinar .ast-container #primary,
.inspection .ast-container #primary {
  margin: 0 !important;
}

/* ヘッダーお問い合わせボタン */
.ast-header-button-1 .ast-builder-button-wrap .ast-custom-button {
  display: flex;
  align-items: center;
  height: 70px;
  padding: 20px 25px;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button {
    flex-direction: column;
    justify-content: center;
    height: 50px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button {
    flex-direction: column;
    justify-content: center;
    height: 50px;
    padding: 0 15px;
  }
}
.ast-header-button-1 .ast-builder-button-wrap .ast-custom-button::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 16px;
  margin-right: 10px;
  background: url(images/mail.svg) no-repeat center center;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button::before {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button::before {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

/* グローバルメニューとお問い合わせボタンの隙間をなくす */
.site-header-section .ast-header-button-1,
.site-header-section .ast-builder-menu-1 {
  padding: 0;
}

/* グローバルメニューのメニューのホバー時の挙動 */
.ast-builder-menu-1 .menu-item > .menu-link:hover {
  background: #e4e4e4;
}

/* トグルボタン */
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .site-header-section .ast-builder-layout-element {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .site-header-section .ast-builder-layout-element {
    padding-left: 0;
  }
}

/* オフカンバスメニュー */
.ast-builder-menu-mobile .main-navigation {
  padding: 15px 0;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
  font-size: 16px;
}

/*****************************************************
  フッター
*****************************************************/
/* フッターの帯の色をページによって変更する */
.page .site-below-footer-wrap[data-section=section-below-footer-builder],
.home .site-below-footer-wrap[data-section=section-below-footer-builder] {
  background-color: #fca167;
}

.webinar .site-below-footer-wrap[data-section=section-below-footer-builder] {
  background-color: #316ea9;
}

.inspection .site-below-footer-wrap[data-section=section-below-footer-builder] {
  background-color: #40b3b3;
}

.post-type-archive-inspections .site-below-footer-wrap[data-section=section-below-footer-builder],
.single-inspections .site-below-footer-wrap[data-section=section-below-footer-builder],
.tax-inspection_area .site-below-footer-wrap[data-section=section-below-footer-builder] {
  background-color: #40b3b3;
}

/* コピーライト */
.ast-footer-copyright {
  font-size: 11px;
}

.webinar_copyright {
  display: none;
}

.webinar .normal_copyright,
.blog .normal_copyright,
.single-post .normal_copyright {
  display: none;
}
.webinar .webinar_copyright,
.blog .webinar_copyright,
.single-post .webinar_copyright {
  display: inline;
}

/* タブレット以下のときmarginが入るのを消す */
@media screen and (max-width: 921px) {
  .site-below-footer-wrap[data-section=section-below-footer-builder].ast-footer-row-tablet-stack .site-footer-section {
    margin-bottom: 0;
  }
}
.contact_sec {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-image: url(images/grid_pattern_blue.png);
  background-repeat: repeat;
  background-size: 40px;
  /* Contact Form ７設定 */
}
.contact_sec .section-inner_s {
  padding-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .contact_sec .section-inner_s {
    padding: 40px 20px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact_sec .section-inner_s {
    padding: 40px 20px 0 20px;
  }
}
.contact_sec form {
  padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .contact_sec form {
    padding-bottom: 80px;
  }
}
.contact_sec input[type=text],
.contact_sec input[type=email],
.contact_sec input[type=date],
.contact_sec textarea,
.contact_sec input[type=tel] {
  border-radius: 5px;
  background-color: #fff;
}
.contact_sec .contact_item_list {
  display: flex;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .contact_sec .contact_item_list {
    flex-direction: column;
  }
}
.contact_sec .contact_item {
  margin-bottom: 15px;
}
.contact_sec .contact_item label {
  display: block;
  margin-bottom: 5px;
}
.contact_sec .contact_item input:not(input[type=radio], input[type=checkbox]) {
  display: block;
  width: 100%;
  height: 36px;
}
.contact_sec .contact_item .radio-item input[type=radio] {
  margin-right: 5px;
}
.contact_sec .contact_item .radio_title {
  margin-bottom: 5px;
}
.contact_sec .contact_item #memo {
  height: 580px;
}
@media screen and (max-width: 767px) {
  .contact_sec .contact_item #memo {
    height: 400px;
  }
}
.contact_sec .section_title {
  margin-bottom: 40px;
  position: relative;
}
.contact_sec .section_title::after {
  content: "";
  display: inline-block;
  width: 396px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .contact_sec .section_title {
    margin-bottom: 20px;
  }
}
.contact_sec .sub_title {
  line-height: 1.7;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contact_sec .sub_title {
    font-size: 1.4rem;
    text-align: left;
  }
}
.contact_sec .left-item {
  width: calc((100% - 30px) / 2);
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .contact_sec .left-item {
    width: 100%;
    margin-right: 0;
  }
}
.contact_sec .right-item {
  width: calc((100% - 30px) / 2);
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .contact_sec .right-item {
    width: 100%;
    margin-left: 0;
  }
}
.contact_sec input[type=submit] {
  width: 250px;
  margin: 0 auto;
}
.contact_sec .wpcf7-checkbox,
.contact_sec .wpcf7-radio {
  /* チェックボックスを縦並びにする */
}
.contact_sec .wpcf7-checkbox .wpcf7-list-item,
.contact_sec .wpcf7-radio .wpcf7-list-item {
  display: block;
  margin: 0;
}
.contact_sec .acceptance_text {
  text-align: center;
  font-size: 1.4rem;
}
.contact_sec .acceptance_text .wpcf7-list-item {
  margin-left: 0;
}
.contact_sec .submit_btn {
  margin-bottom: 0;
}

.point_sec .section_title {
  position: relative;
  margin-bottom: 70px;
}
.point_sec .section_title::after {
  content: "";
  display: inline-block;
  width: 393px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .point_sec .section_title {
    margin-bottom: 30px;
  }
}
.point_sec .section-inner_s {
  margin-bottom: 40px;
  margin-bottom: 0;
}

.three-point_card_list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  min-height: 400px;
}
@media screen and (max-width: 767px) {
  .three-point_card_list {
    flex-direction: column;
    align-items: center;
  }
}
.three-point_card_list .three-point_card_item {
  width: calc((100% - 40px) / 3);
  background-color: #fff;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: right 1rem bottom -20px;
}
@media screen and (max-width: 767px) {
  .three-point_card_list .three-point_card_item {
    width: 100%;
    max-width: 375px;
  }
}
.three-point_card_list .three-point_card_item:not(:first-of-type) {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .three-point_card_list .three-point_card_item:not(:first-of-type) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.three-point_card_list .three-point_card_item:first-of-type {
  background-image: url(images/point_title01.png);
}
.three-point_card_list .three-point_card_item:nth-of-type(2n) {
  background-image: url(images/point_title02.png);
}
.three-point_card_list .three-point_card_item:last-of-type {
  background-image: url(images/point_title03.png);
}
.three-point_card_list .card-item_inner {
  width: calc(100% - 1rem);
  padding: 2rem 1rem;
  margin: 0 auto;
}
.three-point_card_list .card-item_inner .three-point_card_title {
  font-size: 1.9rem;
  text-align: center;
  height: 60px;
  font-weight: 900;
  line-height: 1.35;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .three-point_card_list .card-item_inner .three-point_card_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 374px) {
  .three-point_card_list .card-item_inner .three-point_card_title {
    font-size: 5.0666666667vw;
    height: 40px;
  }
}
.three-point_card_list .card-item_inner .three-point_card_text {
  min-height: 250px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .three-point_card_list .card-item_inner .three-point_card_text {
    font-size: 1.4rem;
  }
}

.search-unit {
  display: flex;
  position: relative;
}
@media screen and (max-width: 767px) {
  .search-unit {
    flex-direction: column;
    width: 100%;
  }
}
.search-unit .select-box {
  position: relative;
  width: 268px;
  height: 40px;
  border: solid 1px #eaeaea;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
  color: #787878;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .search-unit .select-box {
    font-size: 1.4rem;
    height: 34px;
  }
}
.search-unit .select-box::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  right: 5px;
  top: 10px;
  border-bottom: #fff 5px solid;
  border-right: #fff 5px solid;
  transform: rotate(45deg) translateX(-30%);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .search-unit .select-box::after {
    width: 12px;
    height: 12px;
    right: 8px;
    top: 12px;
    border-bottom: #fff 4px solid;
    border-right: #fff 4px solid;
  }
}
.search-unit .select-box::before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fae568;
  position: absolute;
  right: -1px;
  top: -1px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 767px) {
  .search-unit .select-box::before {
    width: 34px;
    height: 34px;
  }
}
.search-unit .category {
  background-color: rgba(255, 255, 255, 0.66);
  position: absolute;
  width: 80%;
  max-width: 760px;
  top: 45px;
  padding: 10px 20px;
  border-radius: 0 0 20px 20px;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 767px) {
  .search-unit .category {
    max-width: 268px;
    width: 100%;
    top: 39px;
  }
}
.search-unit .category.open {
  display: block;
}
.search-unit .category .category-tag {
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 100px;
  border: solid 2px #316ea9;
  padding: 0 10px;
  margin: 5px;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .search-unit .category .category-tag {
    font-size: 1.4rem;
  }
}
.search-unit .category .category-tag a {
  color: #316ea9;
}
.search-unit .category .category-tag:hover {
  background-color: #316ea9;
}
.search-unit .category .category-tag:hover a {
  color: #fff;
}
.search-unit .search-box {
  width: 480px;
  margin-left: 15px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .search-unit .search-box {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}
.search-unit .search-box .search {
  width: 100%;
  height: 40px;
  font-size: 1.8rem;
  padding: 1rem;
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .search-unit .search-box .search {
    font-size: 1.4rem;
    height: 34px;
  }
}
.search-unit .search-box .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  opacity: 0;
  z-index: 1;
}
.search-unit .search-box::after {
  content: "";
  display: inline-block;
  background: url(images/search-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .search-unit .search-box::after {
    width: 30px;
    height: 30px;
  }
}

.no-results .search-form input {
  font-size: 16px;
}
.no-results .search-form input[type=search] {
  padding: 10px;
}

.page-id-9 {
  background: url(images/y-bubble_4.png) right -500px top -150px/1060px auto no-repeat, url(images/y-bubble_3.png) left -100px top 750px/350px auto no-repeat, url(images/y-bubble_2.png) left -100px top 1500px/544px auto no-repeat, url(images/y-bubble_1.png) right -200px top 2100px/544px auto no-repeat;
}
@media screen and (max-width: 767px) {
  .page-id-9 {
    background: url(images/y-bubble_4.png) right -100px top -30px/226px auto no-repeat, url(images/y-bubble_3.png) left -60px top 523px/148px auto no-repeat, url(images/y-bubble_2.png) right -100px top 748px/228px auto no-repeat, url(images/y-bubble_1.png) left -400px top 2058px/544px auto no-repeat;
  }
}

#top-mv {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
  height: 630px;
}
#top-mv .mv-img {
  position: absolute;
  z-index: -1;
  max-width: 913px;
  left: -90px;
  top: -20px;
}
@media screen and (max-width: 767px) {
  #top-mv .mv-img {
    max-width: 500px;
    width: 114.1333333333vw;
    transform: translateX(-50%);
    left: 40%;
    top: 70px;
  }
}
#top-mv .mv-content_unit {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #top-mv .mv-content_unit {
    margin-left: 0;
    margin-right: auto;
  }
}
#top-mv .title_unit {
  margin-bottom: 50px;
}
#top-mv .mv_nav_list {
  display: flex;
}
#top-mv .mv_nav_list .mv-nav_list-item {
  color: #fff;
  width: 100%;
  height: auto;
}
#top-mv .mv_nav_list .mv-nav_list-item:first-of-type {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #316ea9;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B0BEC3;
  color: #fff;
  transition: 0.3s;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  #top-mv .mv_nav_list .mv-nav_list-item:first-of-type {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #top-mv .mv_nav_list .mv-nav_list-item:first-of-type {
    font-size: 4.2666666667vw;
  }
}
#top-mv .mv_nav_list .mv-nav_list-item:first-of-type:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}
#top-mv .mv_nav_list .mv-nav_list-item:last-of-type {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #40b3b3;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B2D2CD;
  color: #fff;
  transition: 0.3s;
  width: 240px;
}
@media screen and (max-width: 767px) {
  #top-mv .mv_nav_list .mv-nav_list-item:last-of-type {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #top-mv .mv_nav_list .mv-nav_list-item:last-of-type {
    font-size: 4.2666666667vw;
  }
}
#top-mv .mv_nav_list .mv-nav_list-item:last-of-type:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}
#top-mv .mv_nav_list .mv-nav_list-item:hover {
  transform: translateY(5px);
}
#top-mv .fix-nav_list {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  height: 50px;
  z-index: 10;
}
#top-mv .fix-nav_list .fix-nav_list-item {
  width: 50%;
  text-align: center;
  line-height: 1.2;
  position: relative;
}
#top-mv .fix-nav_list .fix-nav_list-item a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  width: 90%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 374px) {
  #top-mv .fix-nav_list .fix-nav_list-item a {
    font-size: 3.7333333333vw;
  }
}
#top-mv .fix-nav_list .fix-nav_list-item:first-of-type {
  background-color: #316ea9;
}
#top-mv .fix-nav_list .fix-nav_list-item:last-of-type {
  background-color: #40b3b3;
}

.lead {
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
  margin: 60px 0 100px 0;
}
.lead span {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lead span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .lead {
    font-size: 1.4rem;
    margin-top: 0;
    margin: 0 0 40px 0;
  }
}

.intro_unit {
  position: relative;
  overflow: hidden;
  background: #316ea9;
  background: linear-gradient(103deg, #316ea9 0%, #316ea9 50%, #40b3b3 50%, #40b3b3 100%);
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.deco-copy_area {
  display: flex;
  width: 100%;
  background: url(images/deco-copy_pc.png) left 100px bottom 30px/82vw auto no-repeat;
}
@media screen and (max-width: 767px) {
  .deco-copy_area {
    background: none;
    flex-direction: column;
  }
}

/*---------------------------
*ウェビナー・オンラインイベント　導入
----------------------------*/
#intro_webinar {
  width: 60%;
  height: 780px;
  margin-left: -10%;
}
@media screen and (max-width: 767px) {
  #intro_webinar {
    background-color: #316ea9;
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}
#intro_webinar .inner {
  max-width: 80%;
  padding-top: 90px;
  margin: 0 auto;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #intro_webinar .inner {
    max-width: 100%;
    padding-top: 35px;
    margin: 0 auto;
  }
}
#intro_webinar .more_btn {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B0BEC3;
  color: #fff;
  transition: 0.3s;
  width: 250px;
  margin: 0 auto;
  margin-top: 50px;
  color: #316ea9;
}
@media screen and (max-width: 767px) {
  #intro_webinar .more_btn {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #intro_webinar .more_btn {
    font-size: 4.2666666667vw;
  }
}
#intro_webinar .more_btn:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  #intro_webinar .more_btn {
    width: calc(100% - 40px);
    margin-bottom: 40px;
  }
}

.title_unit {
  text-align: center;
}
.title_unit .for {
  color: #316ea9;
  background-color: #fff;
  border-radius: 100px;
  font-size: 1.1rem;
  width: 200px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .title_unit .for {
    font-size: 1rem;
    margin-bottom: 8px;
    height: 20px;
    line-height: 20px;
  }
}
.title_unit .for span {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .title_unit .for span {
    font-size: 1.8rem;
  }
}
.title_unit .section_title {
  font-size: 3.6rem;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .title_unit .section_title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  .title_unit .section_title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 374px) {
  .title_unit .section_title {
    font-size: 6.9333333333vw;
  }
}
.title_unit .section_title .row-1 {
  margin-bottom: 5px;
  display: block;
}
.title_unit .section_title .row-2 {
  display: block;
  margin-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}
.title_unit .section_title .row-2::after {
  content: "";
  display: inline-block;
  width: 432px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
.title_unit .sub_title {
  font-size: 2rem;
  color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .title_unit .sub_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .title_unit .sub_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 374px) {
  .title_unit .sub_title {
    font-size: 4.8vw;
  }
}

#intro_webinar .card-list, #intro_inspection .card-list {
  max-width: 470px;
  margin: 35px auto 0 auto;
}
#intro_webinar .slick-slide, #intro_inspection .slick-slide {
  transform: scale(0.9);
  transition: all 0.3s;
}
#intro_webinar .slick-current, #intro_inspection .slick-current {
  transform: scale(1);
  transition: all 0.3s;
}

/*---------------------------------
*視察　導入
----------------------------------*/
#intro_inspection {
  width: 60%;
  height: 780px;
  margin-right: -10%;
}
@media screen and (max-width: 767px) {
  #intro_inspection {
    background-color: #40b3b3;
    width: 100%;
    height: auto;
  }
}
#intro_inspection .inner {
  max-width: 80%;
  padding-top: 90px;
  margin: 0 auto;
  margin-left: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #intro_inspection .inner {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #intro_inspection .inner {
    max-width: 100%;
    padding-top: 35px;
    margin: 0 auto;
  }
}
#intro_inspection .more_btn {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B2D2CD;
  color: #fff;
  transition: 0.3s;
  width: 250px;
  margin: 0 auto;
  margin-top: 50px;
  color: #40b3b3;
}
@media screen and (max-width: 767px) {
  #intro_inspection .more_btn {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #intro_inspection .more_btn {
    font-size: 4.2666666667vw;
  }
}
#intro_inspection .more_btn:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  #intro_inspection .more_btn {
    width: calc(100% - 40px);
    margin-bottom: 40px;
  }
}
#intro_inspection .title_unit {
  text-align: center;
}
#intro_inspection .title_unit .for {
  color: #40b3b3;
  background-color: #fff;
  border-radius: 100px;
  font-size: 1.1rem;
  width: 110px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .for {
    font-size: 1rem;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
#intro_inspection .title_unit .for span {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .for span {
    font-size: 1.8rem;
  }
}
#intro_inspection .title_unit .section_title {
  font-size: 3.6rem;
  color: #fff;
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #intro_inspection .title_unit .section_title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .section_title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 374px) {
  #intro_inspection .title_unit .section_title {
    font-size: 6.9333333333vw;
  }
}
#intro_inspection .title_unit .section_title .s-title {
  margin-bottom: 5px;
  font-size: 2rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #intro_inspection .title_unit .section_title .s-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .section_title .s-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 374px) {
  #intro_inspection .title_unit .section_title .s-title {
    font-size: 4.8vw;
  }
}
#intro_inspection .title_unit .section_title .s-title::before, #intro_inspection .title_unit .section_title .s-title::after {
  content: "";
  width: 2px;
  height: 60px;
  display: inline-block;
  background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #intro_inspection .title_unit .section_title .s-title::before, #intro_inspection .title_unit .section_title .s-title::after {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .section_title .s-title::before, #intro_inspection .title_unit .section_title .s-title::after {
    height: 50px;
  }
}
#intro_inspection .title_unit .section_title .s-title::before {
  margin-right: 20px;
  transform: rotate(-23deg);
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .section_title .s-title::before {
    margin-right: 10px;
  }
}
#intro_inspection .title_unit .section_title .s-title::after {
  margin-left: 20px;
  transform: rotate(23deg);
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .section_title .s-title::after {
    margin-left: 10px;
  }
}
#intro_inspection .title_unit .section_title .row-1 {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
#intro_inspection .title_unit .section_title .row-1::after {
  content: "";
  display: inline-block;
  width: 180px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#intro_inspection .title_unit .sub_title {
  font-size: 2rem;
  color: #fff;
  line-height: 1.2;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #intro_inspection .title_unit .sub_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .sub_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 374px) {
  #intro_inspection .title_unit .sub_title {
    font-size: 4.8vw;
  }
}
#intro_inspection .title_unit .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #intro_inspection .title_unit .sub_title br {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #intro_inspection .title_unit .sub_title br {
    display: block;
  }
}

#about .section_title {
  font-family: "Montserrat", sans-serif;
  position: relative;
  margin-bottom: 23px;
  line-height: 1;
}
#about .section_title::after {
  content: "";
  display: inline-block;
  width: 172px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#about .sub_title {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #about .sub_title {
    margin-bottom: 30px;
  }
}
#about .section-inner_s {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  #about .section-inner_s {
    padding-bottom: 60px;
  }
}

.about_unit {
  display: flex;
}
@media screen and (max-width: 767px) {
  .about_unit {
    flex-direction: column;
    align-items: center;
  }
}
.about_unit .about_img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .about_unit .about_img {
    width: 80%;
    margin-bottom: 30px;
  }
}
.about_unit .about_text_unit {
  width: 50%;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .about_unit .about_text_unit {
    margin-left: 0;
    width: 100%;
  }
}
.about_unit .about_text_unit .post {
  font-size: 1.8rem;
  margin-bottom: 5px;
  display: inline-block;
}
.about_unit .about_text_unit .about_sein dt {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .about_unit .about_text_unit .about_sein dt {
    margin-bottom: 10px;
  }
}
.about_unit .about_text_unit .about_sein dt a {
  color: #000;
}
.about_unit .about_text_unit .about_sein dt::after {
  content: "";
  background-image: url(images/link_icon.png);
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.about_unit .about_text_unit .about_sein dd {
  line-height: 1.7;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .about_unit .about_text_unit .about_sein dd {
    margin-bottom: 20px;
  }
}
.about_unit .about_text_unit .about_sein dd span {
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .about_unit .about_text_unit .about_sein dd span {
    font-size: 1.6rem;
  }
}

#t-contact {
  background-image: url(images/grid_pattern_yellow.png);
}
#t-contact .section_title::after {
  content: "";
  display: inline-block;
  width: 216px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#t-contact .contact_item_list {
  margin-bottom: 0;
}
#t-contact .contact_item #memo {
  height: 435px;
}
@media screen and (max-width: 767px) {
  #t-contact .contact_item #memo {
    height: 400px;
  }
}
#t-contact .contact_item .checkBox_item {
  display: flex;
  align-items: baseline;
}
#t-contact .contact_item input {
  margin-right: 5px;
}
#t-contact .contact_item .checkBox_title {
  margin-bottom: 10px;
}
#t-contact input[type=text],
#t-contact input[type=email],
#t-contact input[type=date],
#t-contact textarea,
#t-contact input[type=tel] {
  border: solid 1px #fca167;
}
#t-contact input[type=submit] {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #fca167;
  border-radius: 8px;
  box-shadow: 0 5px 0 #FDCA9F;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #t-contact input[type=submit] {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #t-contact input[type=submit] {
    font-size: 4.2666666667vw;
  }
}
#t-contact input[type=submit]:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}

.webinar {
  background: url(images/w-bubble_1.png) left 100px top -200px/529px auto no-repeat, url(images/w-bubble_3.png) left -100px top 550px/500px auto no-repeat, url(images/w-bubble_4.png) right -100px top 1320px/544px auto no-repeat, url(images/w-bubble_5.png) left -200px top 1930px/500px auto no-repeat, url(images/w-bubble_6.png) right -300px top 2400px/762px auto no-repeat;
}
@media screen and (max-width: 767px) {
  .webinar {
    background: url(images/w-bubble_1.png) left -80px top -130px/302px auto no-repeat, url(images/w-bubble_3.png) left -100px top 611px/226px auto no-repeat, url(images/w-bubble_4.png) right -130px top 1020px/214px auto no-repeat, url(images/w-bubble_5.png) left -100px top 1313px/207px auto no-repeat, url(images/w-bubble_6.png) right -100px top 1614px/334px auto no-repeat, url(images/w-bubble_7.png) left -100px top 1985px/213px auto no-repeat, url(images/w-bubble_8.png) right -200px top 2330px/310px auto no-repeat, url(images/w-bubble_8.png) left -210px top 2870px/310px auto no-repeat;
  }
}

#webinar-mv {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
  height: 680px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #webinar-mv {
    height: 570px;
  }
}
@media screen and (max-width: 767px) {
  #webinar-mv {
    height: auto;
  }
}
#webinar-mv .section-inner {
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  #webinar-mv .section-inner {
    padding-top: 30px;
  }
}
#webinar-mv .mv-img_area {
  width: 100%;
  height: 100%;
  background: url(images/web_seminar_img.png) right -130px top -100px/840px auto no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #webinar-mv .mv-img_area {
    background: url(images/web_seminar_img.png) right 30% top -100px/740px auto no-repeat;
  }
}
@media screen and (max-width: 767px) {
  #webinar-mv .mv-img_area {
    background: url(images/web_seminar_img.png) left 30px top 110px/400px auto no-repeat;
  }
}
#webinar-mv .mv-content_unit .title_unit {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #webinar-mv .mv-content_unit .title_unit {
    margin-bottom: 270px;
  }
}

#new-post .section-inner_s {
  padding-top: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #new-post .section-inner_s {
    margin-bottom: 0;
    padding-top: 60px;
  }
}
#new-post .section_title {
  position: relative;
  margin-bottom: 70px;
}
#new-post .section_title::after {
  content: "";
  display: inline-block;
  width: 144px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #new-post .section_title {
    margin-bottom: 30px;
  }
}
#new-post .new-post_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 50px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #new-post .new-post_list {
    margin-left: -20px;
  }
}
#new-post .new-post_list .new-post_list_item {
  width: calc((100% - 40px) / 3);
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #new-post .new-post_list .new-post_list_item {
    width: calc(33.3333333333% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #new-post .new-post_list .new-post_list_item {
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 374px) {
  #new-post .new-post_list .new-post_list_item {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#new-post .new-post_list .new-post_list_item:not(:nth-child(3n+1)) {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  #new-post .new-post_list .new-post_list_item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
#new-post .new-post_list .new-post_list_item:nth-child(n+4) {
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #new-post .new-post_list .new-post_list_item:nth-child(n+4) {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #new-post .new-post_list .new-post_list_item:nth-child(n+4) {
    margin-top: 0;
  }
}
#new-post .new-post_list .slick-dots {
  bottom: 15px;
}
#new-post .more_btn {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #316ea9;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B0BEC3;
  color: #fff;
  transition: 0.3s;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #new-post .more_btn {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #new-post .more_btn {
    font-size: 4.2666666667vw;
  }
}
#new-post .more_btn:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}

#w-3point .section_title::after {
  content: "";
  display: inline-block;
  width: 393px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#w-3point .card-item_inner .three-point_card_title {
  color: #6FCCE8;
}

#about_webinar .section_title {
  position: relative;
  margin-bottom: 40px;
}
#about_webinar .section_title::after {
  content: "";
  display: inline-block;
  width: 307px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #about_webinar .section_title {
    margin-bottom: 20px;
  }
}
#about_webinar .flex-container {
  align-items: center;
}
#about_webinar .left-item, #about_webinar .right-item {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #about_webinar .left-item, #about_webinar .right-item {
    width: 100%;
  }
}
#about_webinar .left-item img {
  width: 367px;
}
#about_webinar .right-item .about_webinar_text {
  max-width: 500px;
  margin: 0 auto;
}
#about_webinar .about_webinar_sp_img {
  width: 90%;
  padding: 20px 0;
  margin: 0 auto;
}

#newsletter {
  background-color: #6FCCE8;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
#newsletter .section-inner {
  margin-top: 120px;
  position: relative;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  #newsletter .section-inner {
    margin-top: 80px;
  }
}
#newsletter .newsletter-content {
  display: block;
}
#newsletter .newsletter_btn {
  position: absolute;
  left: 6%;
  bottom: 10%;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 0 #3AADE4;
  color: #fff;
  transition: 0.3s;
  padding: 12px 120px;
  color: #3AADE4;
}
@media screen and (max-width: 767px) {
  #newsletter .newsletter_btn {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #newsletter .newsletter_btn {
    font-size: 4.2666666667vw;
  }
}
#newsletter .newsletter_btn:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  #newsletter .newsletter_btn {
    padding: 10px;
    font-size: 2rem;
    transform: translateX(-50%);
    left: 50%;
    width: calc(100% - 40px);
    bottom: 6%;
  }
  #newsletter .newsletter_btn:hover {
    transform: translateX(-50%);
  }
}

.floating-banner {
  display: block;
}
.floating-banner .pc-item {
  width: 78px;
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 10;
}
.floating-banner .sp-item {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

#w-contact {
  background-image: url(images/grid_pattern_blue.png);
}
#w-contact .section_title::after {
  content: "";
  display: inline-block;
  width: 396px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#w-contact input[type=text],
#w-contact input[type=email],
#w-contact input[type=date],
#w-contact textarea,
#w-contact input[type=tel] {
  border: solid 1px #316ea9;
}
#w-contact .contact_item #memo {
  height: 615px;
}
@media screen and (max-width: 767px) {
  #w-contact .contact_item #memo {
    height: 400px;
  }
}
#w-contact input[type=submit] {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #316ea9;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B0BEC3;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #w-contact input[type=submit] {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #w-contact input[type=submit] {
    font-size: 4.2666666667vw;
  }
}
#w-contact input[type=submit]:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}

#credit {
  background-color: #316ea9;
  color: #fff;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
#credit .section-inner {
  padding: 60px 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #credit .section-inner {
    padding: 40px 20px;
  }
}
#credit a, #credit h3 {
  color: #fff;
}
#credit h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #credit h3 {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
}
#credit .flex-container {
  justify-content: flex-start;
}
#credit .left-item {
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  #credit .left-item {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.organizer_list .organizer {
  font-weight: 600;
}
.organizer_list .organizer_member {
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .organizer_list .organizer_member {
    font-size: 1rem;
  }
}

.link_list {
  margin-bottom: 10px;
}
.link_list .link_item {
  font-size: 1.2rem;
  line-height: 1.5;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .link_list .link_item {
    font-size: 1rem;
  }
}

.management_office_list {
  font-size: 1.2rem;
  line-height: 1.5;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .management_office_list {
    font-size: 1rem;
  }
}
.management_office_list dt {
  font-weight: 600;
}

.footer-logo {
  width: 300px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .footer-logo {
    width: 164px;
    right: 20px;
    bottom: 40px;
  }
}

#inspection-mv {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
  height: 680px;
}
@media screen and (max-width: 767px) {
  #inspection-mv {
    height: auto;
  }
}
#inspection-mv .mv-img_area {
  width: 100%;
  height: 100%;
  background: url(images/inspection-mv_img.png) left 450px top -280px/1200px auto no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #inspection-mv .mv-img_area {
    background: url(images/inspection-mv_img.png) left 20% top -150px/1000px auto no-repeat;
  }
}
@media screen and (max-width: 767px) {
  #inspection-mv .mv-img_area {
    background: url(images/inspection-mv_img_sp.png) left -60px top -90px/584px auto no-repeat;
  }
}
#inspection-mv .section-inner {
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  #inspection-mv .section-inner {
    padding-top: 30px;
  }
}
#inspection-mv .mv-content_unit .title_unit {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #inspection-mv .mv-content_unit .title_unit {
    margin-bottom: 250px;
  }
}

#inspection-category .category-tag {
  border: solid 2px #40b3b3;
}
#inspection-category .category-tag a {
  color: #40b3b3;
}
#inspection-category .category-tag:hover {
  background-color: #40b3b3;
}
#inspection-category .category-tag:hover a {
  color: #fff;
}

.inspection {
  background: url(images/i-bubble_1.png) left -300px top -370px/869px auto no-repeat, url(images/i-bubble_2.png) left -150px top 780px/575px auto no-repeat, url(images/i-bubble_3.png) right -350px top 1080px/544px auto no-repeat, url(images/i-bubble_4.png) left 0px top 1530px/514px auto no-repeat, url(images/i-bubble_5.png) right -450px top 1980px/827px auto no-repeat;
}
@media screen and (max-width: 767px) {
  .inspection {
    background: url(images/i-bubble_1.png) left -100px top -100px/300px auto no-repeat, url(images/i-bubble_2.png) left -100px top 610px/226px auto no-repeat, url(images/i-bubble_3.png) right -120px top 1020px/214px auto no-repeat, url(images/i-bubble_4.png) left -100px top 1314px/196px auto no-repeat, url(images/i-bubble_5.png) right -140px top 1616px/325px auto no-repeat, url(images/i-bubble_6.png) left -140px top 1985px/214px auto no-repeat, url(images/i-bubble_7.png) right -140px top 2330px/310px auto no-repeat, url(images/i-bubble_7.png) left -140px top 2870px/310px auto no-repeat, url(images/i-bubble_8.png) right -140px top 3296px/214px auto no-repeat;
  }
}

#recommend_course .section-inner_s {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  #recommend_course .section-inner_s {
    padding-top: 60px;
  }
}
#recommend_course .section_title {
  position: relative;
  margin-bottom: 70px;
}
#recommend_course .section_title::after {
  content: "";
  display: inline-block;
  width: 323px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #recommend_course .section_title {
    margin-bottom: 30px;
  }
}
#recommend_course .recommend_course_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #recommend_course .recommend_course_list {
    flex-wrap: nowrap;
    margin-left: -20px;
  }
}
#recommend_course .recommend_course_list .recommend_course_list_item {
  width: calc((100% - 40px) / 3);
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #recommend_course .recommend_course_list .recommend_course_list_item {
    width: 33.3333333333%;
    margin-left: 20px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #recommend_course .recommend_course_list .recommend_course_list_item {
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 374px) {
  #recommend_course .recommend_course_list .recommend_course_list_item {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#recommend_course .recommend_course_list .recommend_course_list_item:not(:nth-child(3n+1)) {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  #recommend_course .recommend_course_list .recommend_course_list_item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
#recommend_course .recommend_course_list .recommend_course_list_item:nth-child(n+4) {
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #recommend_course .recommend_course_list .recommend_course_list_item:nth-child(n+4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #recommend_course .recommend_course_list .recommend_course_list_item:nth-child(n+4) {
    margin-top: 0;
  }
}
#recommend_course .recommend_course_list .slick-dots {
  bottom: 15px;
}
#recommend_course .more_btn {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #40b3b3;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B2D2CD;
  color: #fff;
  transition: 0.3s;
  width: 336px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #recommend_course .more_btn {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #recommend_course .more_btn {
    font-size: 4.2666666667vw;
  }
}
#recommend_course .more_btn:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}

.slick-slider.item-single {
  justify-content: center;
}

#i-3point .section_title::after {
  content: "";
  display: inline-block;
  width: 503px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#i-3point .card-item_inner .three-point_card_title {
  color: #40b3b3;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #i-3point .card-item_inner .three-point_card_title br {
    display: none;
  }
}

#model_course .section-inner_s {
  margin-bottom: 50px;
  position: relative;
}
#model_course .section_title {
  margin-bottom: 20px;
  position: relative;
}
#model_course .section_title::after {
  content: "";
  display: inline-block;
  width: 286px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#model_course .sub_title {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #model_course .sub_title {
    margin-bottom: 15px;
  }
}
#model_course .s_title {
  width: 200px;
  position: absolute;
  top: 150px;
  z-index: 10;
  left: -20px;
}
@media screen and (max-width: 767px) {
  #model_course .s_title {
    width: 100%;
    max-width: 335px;
    transform: translateX(-50%);
    left: 50%;
    top: 242px;
  }
}
#model_course .wide-bg {
  background-color: #40b3b3;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 60px 0 50px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #model_course .wide-bg {
    padding-top: 135px;
  }
}
#model_course .model_course_list {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #model_course .model_course_list {
    max-width: 700px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  #model_course .model_course_list {
    max-width: 100%;
    align-items: center;
    flex-direction: column;
  }
}
#model_course .model_course_list .model_course_list_item {
  width: 200px;
  color: #fff;
  position: relative;
}
@media screen and (min-width:1367px) {
  #model_course .model_course_list .model_course_list_item:not(:nth-child(4n+1)) {
    margin-left: calc((100% - 800px) / 3);
  }
  #model_course .model_course_list .model_course_list_item:not(:nth-child(4n+1))::after {
    content: "";
    background-image: url(images/arrow_yellow.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 32px;
    height: 28px;
    position: absolute;
    top: 23%;
    left: -20%;
  }
}
@media screen and (max-width: 767px) {
  #model_course .model_course_list .model_course_list_item {
    width: 270px;
  }
  #model_course .model_course_list .model_course_list_item:not(:last-of-type) {
    margin-bottom: 87px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1366px) {
  #model_course .model_course_list .model_course_list_item:not(:nth-child(4n+1)) {
    margin-left: calc((100% - 800px) / 3);
  }
  #model_course .model_course_list .model_course_list_item:not(:nth-child(4n+1))::after {
    content: "";
    background-image: url(images/arrow_yellow.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 32px;
    height: 28px;
    position: absolute;
    top: 23%;
    left: -20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #model_course .model_course_list .model_course_list_item:not(:nth-child(3n+1)) {
    margin-left: calc((100% - 800px) / 3);
  }
  #model_course .model_course_list .model_course_list_item:not(:nth-child(3n+1))::after {
    content: "";
    background-image: url(images/arrow_yellow.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 32px;
    height: 28px;
    position: absolute;
    top: 23%;
    left: -20%;
  }
}
@media screen and (max-width: 767px) {
  #model_course .model_course_list .model_course_list_item:nth-of-type(5) .point_text {
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #model_course .model_course_list .model_course_list_item:not(:last-of-type) {
    margin-left: 0;
  }
  #model_course .model_course_list .model_course_list_item:not(:last-of-type)::after {
    content: "";
    background-image: url(images/arrow_yellow_down.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 32px;
    height: 28px;
    position: absolute;
    transform: translateX(-50%);
    top: 107%;
    left: 50%;
  }
}
#model_course .model_course_list .model_course_list_item .point_img {
  width: 140px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #model_course .model_course_list .model_course_list_item .point_img {
    width: 180px;
  }
}
#model_course .model_course_list .model_course_list_item .point_title {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #model_course .model_course_list .model_course_list_item .point_title {
    font-size: 2.4rem;
  }
}
#model_course .model_course_list .model_course_list_item .point_title::before, #model_course .model_course_list .model_course_list_item .point_title::after {
  content: "";
  width: 3px;
  height: 22px;
  background-color: #fff;
  border-radius: 100px;
}
#model_course .model_course_list .model_course_list_item .point_title::before {
  margin-right: 10px;
  transform: rotate(-18deg);
}
#model_course .model_course_list .model_course_list_item .point_title::after {
  margin-left: 10px;
  transform: rotate(18deg);
}
#model_course .model_course_list .model_course_list_item .point_title span {
  font-size: 1.4rem;
}
#model_course .model_course_list .model_course_list_item .point_text {
  font-size: 1.4rem;
}
#model_course .movie-outer-wrap {
  width: 460px;
  position: absolute;
  bottom: 10%;
  left: 50%;
  margin-left: 30px;
}
#model_course .movie-outer-wrap span {
  color: #fff;
  font-size: 1.1rem;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  #model_course .movie-outer-wrap {
    width: 700px;
    position: inherit;
    left: 0;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #model_course .movie-outer-wrap {
    width: 100%;
    position: inherit;
    left: 0;
    margin-left: 0;
    padding: 0 20px;
    margin-top: 40px;
  }
}
#model_course .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
#model_course .movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#model_course .more_btn {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #40b3b3;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B2D2CD;
  color: #fff;
  transition: 0.3s;
  width: 336px;
  margin: 0 auto;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #model_course .more_btn {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #model_course .more_btn {
    font-size: 4.2666666667vw;
  }
}
#model_course .more_btn:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}

#about_inspection .section_title {
  position: relative;
  margin-bottom: 40px;
}
#about_inspection .section_title::after {
  content: "";
  display: inline-block;
  width: 216px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #about_inspection .section_title {
    margin-bottom: 30px;
  }
}
#about_inspection .about_inspection_title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  #about_inspection .about_inspection_title {
    text-align: center;
  }
}
@media screen and (max-width: 374px) {
  #about_inspection .about_inspection_title {
    font-size: 4.8vw;
  }
}
#about_inspection .about_inspection_target_list .about_inspection_target_list_item {
  position: relative;
  padding-left: 20px;
  font-size: 1.6rem;
}
#about_inspection .about_inspection_target_list .about_inspection_target_list_item::before {
  content: "";
  background-image: url(images/check_box.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 17px;
  height: 14px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
}
#about_inspection .about_inspection_text {
  margin-bottom: 30px;
}
#about_inspection .flex-container {
  align-items: flex-end;
}
#about_inspection .left-item, #about_inspection .right-item {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #about_inspection .left-item, #about_inspection .right-item {
    width: 100%;
  }
}
#about_inspection .left-item img {
  width: 90%;
}
#about_inspection .right-item .about_webinar_text {
  max-width: 500px;
}
#about_inspection .about_sp_img {
  width: 90%;
  padding: 20px 0;
  margin: 0 auto;
}

#i-contact {
  background-image: url(images/grid_pattern_green.png);
}
#i-contact .section_title::after {
  content: "";
  display: inline-block;
  width: 503px;
  max-width: 100%;
  height: 8px;
  background-image: url(images/wave_line.png);
  background-repeat: round;
  background-size: 14px;
  position: absolute;
  transform: translateX(-50%);
  bottom: -10px;
  left: 50%;
  margin: auto;
}
#i-contact input[type=text],
#i-contact input[type=email],
#i-contact input[type=date],
#i-contact textarea,
#i-contact input[type=tel] {
  border: solid 1px #40b3b3;
}
#i-contact input[type=submit] {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 12px 10px;
  background-color: #40b3b3;
  border-radius: 8px;
  box-shadow: 0 5px 0 #B2D2CD;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #i-contact input[type=submit] {
    font-size: 1.6rem;
    width: 100%;
    max-width: 400px;
  }
}
@media screen and (max-width: 374px) {
  #i-contact input[type=submit] {
    font-size: 4.2666666667vw;
  }
}
#i-contact input[type=submit]:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
}
#i-contact .inspection_radio-item {
  display: block;
}
#i-contact .contact_item #memo {
  height: 615px;
}
@media screen and (max-width: 767px) {
  #i-contact .contact_item #memo {
    height: 400px;
  }
}

/*****************************************************
	シングルページ
*****************************************************/
/* シングルページ共通 */
.ast-separate-container.ast-right-sidebar #primary {
  margin: 50px 0;
}
@media screen and (max-width: 767px) {
  .ast-separate-container.ast-right-sidebar #primary {
    margin-top: 25px;
  }
}

.ast-separate-container.ast-right-sidebar #secondary {
  margin-top: 50px;
}

.ast-single-post .entry-title,
.ast-single-post .page-title {
  font-size: 28px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .ast-single-post .entry-title,
.ast-single-post .page-title {
    font-size: 24px;
  }
}

.entry-content h2 {
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .entry-content h2 {
    font-size: 22px;
  }
}

.entry-content h3 {
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .entry-content h3 {
    font-size: 20px;
  }
}

.entry-content h4 {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .entry-content h4 {
    font-size: 16px;
  }
}

.cat-links {
  /* メタのリンク（カテゴリー）にアンダーライン */
}
.cat-links a {
  text-decoration: underline;
}

.post-navigation a {
  font-size: 14px;
}

@media (max-width: 420px) {
  .single .post-navigation .ast-left-arrow,
.single .post-navigation .ast-right-arrow {
    display: inline;
  }
  .single .post-navigation .nav-next,
.single .post-navigation .nav-previous {
    width: 50%;
  }
}
/* サイドバー */
#secondary {
  font-size: 16px;
}
#secondary button,
#secondary input,
#secondary select,
#secondary textarea {
  font-size: 14px;
}
#secondary input[type=submit] {
  margin-top: 10px;
}

.secondary .widget-title {
  font-size: 20px;
}

.widget_tag_cloud .tagcloud a {
  font-size: 13px !important;
}

/* 講座シングルページ */
.webinar_table {
  table-layout: fixed;
}
.webinar_table th {
  width: 25%;
  padding: 10px;
  background-color: #E6F9FE;
}
@media screen and (max-width: 767px) {
  .webinar_table th {
    display: block;
    width: 100%;
  }
}
.webinar_table td {
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .webinar_table td {
    display: block;
  }
}

/* 視察シングルページ */
.inspections_meta {
  display: flex;
  margin-bottom: 40px;
}
.inspections_meta .single_area {
  flex-shrink: 0;
  margin-right: 10px;
}
.inspections_meta .single_area a {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 10px;
  background: #40b3b3;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
}
.inspections_meta .single_area a:hover {
  opacity: 0.7;
}
.inspections_meta .single_location {
  margin-bottom: 0;
}

/*****************************************************
	アーカイブページ
*****************************************************/
.archive .entry-title,
.blog .entry-title {
  margin-bottom: 10px;
  font-size: 18px;
}
.archive .entry-meta,
.blog .entry-meta {
  font-size: 14px;
}
.archive .entry-content,
.blog .entry-content {
  font-size: 15px;
  line-height: 1.3;
}
.archive .entry-content p,
.blog .entry-content p {
  margin-bottom: 15px;
}

/* ページネーション */
.ast-pagination .page-numbers {
  font-size: 14px;
}

.post-type-archive-inspections .ast-post-format- a,
.tax-inspection_area .ast-post-format- a {
  color: #40b3b3;
}
.post-type-archive-inspections .ast-post-format- .entry-title a,
.tax-inspection_area .ast-post-format- .entry-title a {
  color: #000;
}
.post-type-archive-inspections .ast-pagination .page-numbers,
.tax-inspection_area .ast-pagination .page-numbers {
  border-color: #40b3b3;
}
.post-type-archive-inspections .ast-pagination .page-numbers.current,
.post-type-archive-inspections .ast-pagination .page-numbers:focus,
.post-type-archive-inspections .ast-pagination .page-numbers:hover,
.tax-inspection_area .ast-pagination .page-numbers.current,
.tax-inspection_area .ast-pagination .page-numbers:focus,
.tax-inspection_area .ast-pagination .page-numbers:hover {
  background-color: #40b3b3;
  border-color: #40b3b3;
}

@media screen and (max-width: 767px) {
  .ast-pagination .prev,
.ast-pagination .prev:visited,
.ast-pagination .prev:focus,
.ast-pagination .next,
.ast-pagination .next:visited,
.ast-pagination .next:focus {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ast-archive-description .ast-archive-title {
    font-size: 22px;
  }
}

/* autoprefixer grid: autoplace */