@charset "utf-8";
/* CSS Document */

/*
Theme Name: MAKIDUME
Description: exclusive use
Version: 1.0
Author: Office545
Author URI: https://www.office545.com/
*/

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

.privacy-policy p,
.single p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.0vw, 16px);
  font-weight: 400;
  line-height: 1.6em;
  color: #000000;
  margin: 3.90625% 0;
}

/* ヘッダー エリア */
header .logo {
  width: 52.197802197%;
  height: auto;
  margin: 0;
  padding: 0;
}

header .logo img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#menu {
  width: 30px;
  height: 30px;
  margin-top: 1.302083333%;
  position: relative;
  cursor: pointer;
}

#menu .bar {
  width: 30px;
  height: 4px;
  background-color: #000000;
  position: absolute;
  left: 0;
  transition: .15s ease-in-out;
  display: inline-block;
}

#bar01 {
  top: 0;
}

#bar02 {
  top: 10px;
}

#bar03 {
  top: 20px;
}

.active #bar01 {
  top: 10px;
  transform: rotate(45deg);
}

.active #bar02 {
  width: 0;
}

.active #bar03 {
  top: 10px;
  transform: rotate(-45deg);
}

.nav_cover {
  display: flex;
  justify-content: flex-end;
}

.nav_cover .nav_sp {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 7.8125% 2.604166666% 0 2.604166666%;
  position: fixed;
  z-index: 2;
  background-color: rgba(248, 248, 248, 0.9);
}

.nav_cover .nav_sp ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.nav_cover .nav_sp ul li {
  width: auto;
  height: auto;
  margin: 0;
  padding: 5.208333333% 0;
  border-bottom: 1px solid #cccccc;
}

.nav_cover .nav_sp ul li:last-child {
  border: none;
}

.nav_cover .nav_sp ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  line-height: 1.2em;
  color: #333333;
  display: block;
}

.fixheader {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  z-index: 4;
  display: table;
}

.is-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
}

/* パンくずリスト エリア */
#breadcrumb {
  width: 100%;
  margin: 0;
  padding: 1.5625% 3.125% 4.6875% 3.125%;
}

.page-template-full_page #breadcrumb {
  display: none;
}

#breadcrumb div {
  font-size: 12px;
  display: inline-block;
}

/* コンテンツ エリア */
#content h1 { 
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(7.0vw, 34px);
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.05em;
  color: #555555;
  padding: 0;
  margin-bottom: min(6.25%, 40px);
  background: none;
}

.page-template-full_page #content h1 { 
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(7.0vw, 34px);
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.05em;
  color: #ffffff;
  margin-bottom: min(6.25%, 40px);
  padding: 2.0em 0;
  background-color: #999999;
}

#content h2,
.contact_area h2 { 
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #333333;
  margin-bottom: min(10.9375%, 50px);
  position: relative;
}

#content h2::after,
.contact_area h2::after { 
  width: 4.0em;
  height: 3px;
  content: '';
  position: absolute;
  bottom: -0.5em;
  left: calc(50% - 2.0em);
  background-color: #e65135;
  display: block;
}

#content h2.wp-block-heading { 
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #000000;
  margin-bottom: 20px;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #999999;
  position: relative;
}

#content h2.wp-block-heading::after { 
  width: 20%;
  height: auto;
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  border-bottom: 2px solid #e65135;
  display: block;
}

#content h3,
h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 6.0vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #133b81;
  margin-bottom: 5.208333333%;
  padding-bottom: 3.90625%;
  border-bottom: 3px solid #133b81;
}

#content h4,
footer h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #000000;
  margin-bottom: min(3.125%, 20px);
  padding-bottom: 0.5em;
  border-bottom: 2px solid #999999;
  position: relative;
}

#content h4::after,
footer h4::after {
  width: 20%;
  content: " ";
  position: absolute;
  bottom: -2px;
  border-bottom: 2px solid #e65135;
  display: block;
}

#content h5,
#content h6 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.0em;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: min(2.34375%, 15px);
  display: flex;
  align-items: center;
}

#content h5::before,
#content h6::before {
  width: 2.0vw;
  height: 2px;
  margin-right: 0.7rem;
  content: '';
  background-color: #e65135;
  display: inline-block;
}

/* ページトップ エリア */
p.pagetop {
  position: fixed;
  bottom: 7.8125%;
  right: 3.90625%;
  z-index: 4;
  display: none;
}

p.pagetop a {
  width: 7.0vw;
  height: 7.0vw;
  font-size: 3.0vw;
  text-align: center;
  text-decoration: none;
  line-height: 0;
  color: #ffffff;
  background-color: #133b81;
  border: 1px solid #ffffff;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* フッター エリア */
footer article {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5.208333333% 3.90625% 0 3.90625%;
}

footer article .footer_menu ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

footer article .footer_menu ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #7f9dd1;
}

footer article .footer_menu ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #ffffff;
  padding: 1.0em 0;
  display: block;
}

footer copyright {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 3.90625% 3.90625% 3.90625%;
  display: table;
}

footer copyright p.copyright {
  font-family: "arial", "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* slidpup style */
footer #slidemenu {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: #133b81;
}

footer #slidemenu ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3.125%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer #slidemenu ul li {
  width: 48.33333333%;
  height: auto;
  margin: 0;
  padding: 0;
}

footer #slidemenu ul li p {
  font-family: "arial", "Noto Sans JP", sans-serif;
  font-size: 3.8vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  margin: 0;
  padding: 5.208333333% 0;
  display: block;
}

footer #slidemenu ul li:first-child p {
  background-color: #5497d4;
}

footer #slidemenu ul li:last-child p {
  background-color: #1abb26;
}

footer #slidemenu ul li p:hover {
  transform: scale(0.95);
  transition: 1.0s;
  opacity: 1.0;
}

/* ウィジェット エリア */
#sidebar #widget-area {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

#sidebar #widget-area .widget-container {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#sidebar #widget-area .widget-container img {
  width: 100%;
  height: auto;
  margin-bottom: 6.25%;
  padding: 0;
}

#sidebar #widget-area .widget-container a img:hover {
  transition: 1.0s;
  opacity: 0.3;
}

#sidebar #widget-area .widget-container .side_menu {
  margin-bottom: 6.25%;
}

#sidebar #widget-area .widget-container .side_menu p a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #ffffff;
  margin: 0;
  padding: 0.7em 0;
  transform: rotate(.03deg);
  text-transform: uppercase;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: block;
}

#sidebar #widget-area .widget-container .side_menu p a {
  background-color: #5b81c4;
}

#sidebar #widget-area .widget-container .side_menu p a:hover {
  color: #ffffff;
  opacity: 1;
}

#sidebar #widget-area .widget-container .side_menu p a::after {
  width: 100%;
  height: 0;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

#sidebar #widget-area .widget-container .side_menu p a::after {
  background-color: #133b81;
}

#sidebar #widget-area .widget-container .side_menu p a:hover:after {
  height: 100%;
}

#sidebar #widget-area .widget-container ul {
  width: 100%;
  height: auto;
  margin-bottom: 6.25%;
  padding: 0;
}

#sidebar #widget-area .widget-container ul li {
  width: 100%;
  height: auto;
  line-height: 1.2em;
  margin: 0;
  padding: 1.0em 0 0.8em 1.0em;
  border-bottom: 1px dotted #666666;
  background-image: url("../../uploads/side_nav_icon.png");
  background-position: 0 center;
  background-repeat: no-repeat;
}

#sidebar #widget-area .widget-container ul li:last-child {
  border-bottom: 1px solid #666666;
}

#sidebar #widget-area .widget-container ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.4em;
  color: #333333;
  margin: 0;
  padding: 0;
  transform: rotate(.03deg);
  display: inline-block;
  position: relative;
  float: none;
}

#sidebar #widget-area .widget-container ul li a:hover {
  opacity: 1.0;
}

#sidebar #widget-area .widget-container ul li a::after {
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
  background-color: #e65135;
}

#sidebar #widget-area .widget-container ul li a:hover::after {
  transform: scale(1, 1);
}

#sidebar #widget-area .widget-container form#searchform {
  width: 100%;
  height: auto;
  margin-bottom: 6.25%;
  padding: 0;
  display: table;
}

#sidebar #widget-area .widget-container form#searchform input[type=text] {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 2.34375% 0;
  padding: 2px 10px;
  border: 1px solid #666666;
}

#sidebar #widget-area .widget-container form#searchform input[type=submit] {
  width: 60%;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.5em;
  margin: 0 auto;
  padding: 4px 0;
  color: #333333;
  border-radius: 3px;
  border: 1px solid #666666;
  background-color: #ffffff;
  display: block;
}

#sidebar #widget-area .widget-container form#searchform input[type=submit]:hover {
  color: #ffffff;
  opacity: 1;
  transition: 1.0s;
  border: 1px solid #e65135;
  background-color: #e65135;
}

#sidebar #widget-area .widget-container #calendar_wrap {
  width: 100%;
  height: auto;
  margin-bottom: 6.25%;
  padding: 0;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar {
  width: 100%;
  height: auto;
  margin-top: 2.34375%;
  padding: 0;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar th {
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  color: #000000;
  padding: 0 0 4px 0;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar th:nth-child(6) {
  color: #2787fb;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar th:nth-child(7) {
  color: #cc0000;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar td {
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #000000;
  padding: 4px 0;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar td a {
  color: #cc0000;
}

#sidebar #widget-area .widget-container .wp-calendar-nav {
  display: none;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar caption {
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #000000;
  margin-bottom: 1.5625%;
}

#sidebar #widget-area .widget-container h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  line-height: 1.0em;
  color: #333333;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #666666;
  display: flex;
  align-items: center;
}

#sidebar #widget-area .widget-container h3::before {
  width: 4.0vw;
  height: 2px;
  margin-right: 0.5rem;
  content: '';
  background-color: #e65135;
  display: inline-block;
}

#sidebar #widget-area .widget-container .tagcloud {
  margin-bottom: 3.90625%;
}

#sidebar #widget-area .widget-container .rss-widget-icon {
  margin: 0 5px 20px -5px;
  float: left;
}

/* コメント エリア */
#comments {
  width: auto;
  height: auto;
  margin: 20px 0 10px 0;
}

#respond h3 a {
  color: #ffffff;
}

#respond h3 a:hover {
  color: #cc0000;
}

#respond {
  width: auto;
  height: auto;
  margin-top: 20px;
}

#respond a {
  font-weight: bold;
}

.commentlist {
  list-style-image: none;
  list-style-type: none;
}

.reply {
  margin-bottom : 20px;
}

#commentform textarea {
  width: 99%;
  height: auto;
  margin: 10px 0;
  border: 1px solid #cccccc;
}

#commentform input[type=text] {
  margin-bottom: 5px;
  border: 1px solid #cccccc;
}

#commentform input[type=submit] {
  margin-bottom: 20px;
  padding:5px;
  color: #333333;
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  border: 1px solid #bbbbbb;
}

p.nocomments {
  display: none;
}

/* Not Found エリア */
#content .not_found {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .not_found p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1.4em;
  color: #cc0000;
  margin: 7.8125% 0 3.90625% 0;
}

#content .not_found .search_box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3.0vw;
  border-radius: 5px;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background: linear-gradient(360deg, rgb(51, 51, 51), rgb(102, 102, 102));
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#content .not_found .search_box dt {
  width: 75%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .not_found .search_box dt input[type=text] {
  width: 100%;
  height: 5.0vw;
  margin: 0;
  padding: 4px 10px 2px 10px;
  border: 1px solid #000000;
}

#content .not_found .search_box dd {
  width: 18%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .not_found .search_box dd input[type=submit] {
  width: 100%;
  height: 5.0vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.5em;
  color: #ffffff;
  padding: 2px 7px 4px 13px;
  border: 1px solid #ffffff;
  background: linear-gradient(360deg, rgb(151, 16, 43), rgb(220, 20, 60));
}

#content .not_found .search_box dd input[type=submit]:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: linear-gradient(360deg, rgb(220, 20, 60), rgb(151, 16, 43));
}

/* 検索結果 エリア */
#content p.search_result {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1.4em;
  color: #000000;
  margin-top: 3.90625%;
}

#content .search_result {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .search_result .search_box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3.0vw;
  border-radius: 5px;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background: linear-gradient(360deg, rgb(51, 51, 51), rgb(102, 102, 102));
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#content .search_result .search_box dt {
  width: 75%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .search_result .search_box dt input[type=text] {
  width: 100%;
  height: 5.0vw;
  margin: 0;
  padding: 4px 10px 2px 10px;
  border: 1px solid #000000;
}

#content .search_result .search_box dd {
  width: 18%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .search_result .search_box dd input[type=submit] {
  width: 100%;
  height: 5.0vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.5em;
  color: #ffffff;
  padding: 2px 7px 4px 13px;
  border: 1px solid #ffffff;
  background: linear-gradient(360deg, rgb(151, 16, 43), rgb(220, 20, 60));
}

#content .search_result .search_box dd input[type=submit]:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: linear-gradient(360deg, rgb(220, 20, 60), rgb(151, 16, 43));
}

#content .search_result p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1.4em;
  color: #cc0000;
  margin: 7.8125% 0 3.90625% 0;
}

/* ページャー エリア */
#content .pager {
  text-align: center;
}

#content .pager a,
#content .pager span {
  font-size: 14px;
  padding: 0 3px;
}

#content .pager span {
  color: #cc0000;
}

#content .pager a {
  color: #000000;
}

#content .pager a:hover {
  color: #cc0000;
}

/* 404 エリア */
#content .page_not_found {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#content .page_not_found p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1.6em;
  color: #000000;
  margin: 3.90625% 0 7.8125% 0;
}

#content .page_not_found a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-decoration: underline;
  line-height: 1.6em;
  color: #000000;
}

#content .page_not_found a:hover {
  text-decoration: none;
  opacity: 0.3;
}

/* トップページ エリア */
.main_visual {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 1.5em 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.main_visual section.left,
.main_visual section.right {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
}

.main_visual section.left figure img,
.main_visual section.right figure img {
  width: 100%;
  height: 50.0vw;
  border-radius: 20px;
  object-fit: cover;
}

.main_visual section.left figure.first img {
  border-radius: 0 15px 15px 0;
}

.main_visual section.right figure.fourth img {
  border-radius: 15px 0 0 15px;	
}

.main_visual section.left figure.first {
  width: 35%;
  padding: 0 5% 0 0;
}

.main_visual section.right figure.fourth {
  width: 35%;
  padding: 0 0 0 5%;
}

.main_visual section.left figure.second {
  width: 65%;
  padding: 0 2.5% 0 0;
}

.main_visual section.right figure.third {
  width: 65%;
  padding: 0 0 0 2.5%;
}

.main_visual section.center {
  width: 100%;
  height: auto;
  margin-top: 3.90625%;
  padding-bottom: 2.604166666%;
}

.main_visual section.center ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_visual section.center ul li {
  width: auto;
  height: auto;
  margin: 0 0.5em;
  padding: 0.5em;
  border-radius: 6px;
  border: 1px solid #eb8a49;
}

.main_visual section.center ul li:first-child,
.main_visual section.center ul li:last-child {
  margin: 0;
}

.main_visual section.center ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #eb8a49;
  margin: 0;
}

.main_visual section.center span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #333333;
  margin: 3.90625% 0;
  display: block;
}

.main_visual section.center strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14.0vw;
  font-weight: 900;
  text-align: center;
  line-height: 1.1em;
  color: #5497d4;
  display: block;
}

.main_visual section.center p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.8em;
  color: #555555;
  margin-top: 5.208333333%;
}

.trouble_list {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 3.90625%;
  background-color: #f8f8f8;
  display: table;
}

.trouble_list strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10.0vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.2em;
  color: #333333;
  display: block;
}

.trouble_list strong span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10.0vw;
  font-weight: 700;
  color: #5497d4;
}

.trouble_list section.top {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0;
}

.trouble_list section.top ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.trouble_list section.top ul li {
  width: 100%;
  height: auto;
  margin-bottom: 3.255208333%;
  padding: 3.90625% 1.302083333% 3.90625% 11.5vw;
  border-radius: 10px;
  background-color: #ffffff;
  background-image: url("../../uploads/check_icon.png");
  background-position: 2.5vw center;
  background-repeat: no-repeat;
  background-size: 7.5vw;
}

.trouble_list section.top ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.5vw;
  font-weight: 600;
  text-align: left;
  line-height: 1.3em;
  color: #133b81;
}

.trouble_list section.bottom {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trouble_list section.bottom p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.5vw;
  font-weight: 600;
  text-align: left;
  line-height: 1.3em;
  color: #333333;
  margin-right: 2.604166666%;
  padding-bottom: 1.953125%;
  border-bottom: 2px solid #5497d4;
  display: block;
}

.trouble_list section.bottom p span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.5vw;
  font-weight: 600;
  color: #5497d4;
}

.trouble_list section.bottom figure {
  width: 42.372881355%;
  height: auto;
  margin: 0;
  padding: 0;
}

.trouble_list section.bottom figure img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.before_after {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 3.90625%;
  display: table;
}

.before_after section.top {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.before_after section.top span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.0vw;
  font-weight: 600;
  text-align: left;
  line-height: 1.0em;
  color: #5497d4;
  display: block;
}

.before_after section.top ul {
  width: 100%;
  height: auto;
  margin-top: 3.90625%;
  padding: 0;
}

.before_after section.top ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.before_after section.top ul li strong {
  font-family: "arial", sans-serif;
  font-size: 10.0vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.0em;
  color: #133b81;
  display: block;
}

.before_after section.top ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.8vw;
  font-weight: 600;
  text-align: left;
  line-height: 1.6em;
  margin-top: 3.90625%;
  color: #333333;
}

.before_after section.bottom {
  width: 100%;
  height: auto;
  margin: 7.8125% 0;
  padding: 0;
}

.before_after section.bottom ul {
  width: 100%;
  height: auto;
  margin-bottom: 3.90625%;
  padding: 3.90625%;
  border-radius: 20px;
  background-color: #edf3ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.before_after section.bottom ul li {
  width: 47.685185185%;
  height: auto;
  margin: 0;
  padding: 0;
}

.before_after section.bottom ul li figure {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.before_after section.bottom ul li figure img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 20px;
}

.before_after section.bottom ul li p {
  width: 70%;
  font-family: "arial", sans-serif;
  font-size: 3.8vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.05em;
  color: #133b81;
  padding-top: 3.255208333%;
  margin-top: -10.41666666%;
  border-radius: none;
  border-top-right-radius: 10px;
  background-color: #edf3ff;
  position: relative;
  z-index: 2;
}

.before_after span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.3vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.0em;
  color: #333333;
  margin-top: -2.604166666%;
  display: block;
}

.top_contact {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 3.90625% 7.8125% 3.90625%;
  display: table;
}

.top_contact figure {
  width: 100%;
  height: auto;
  margin-top: 3.90625%;
  padding: 0;
  display: table;
}

.top_contact figure img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_contact figure img:hover {
  opacity: 0.3;
  transition: 1.0s;
}

.top_feature {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.top_feature section.circle_top {
  width: 110%;
  height: 6.0vw;
  margin-left: -5%;
  padding: 0;
  border-radius: 50% / 100% 100% 0 0;
  background-color: #edf3ff;
  overflow: hidden;
}

.top_feature section.circle_bottom {
  width: 110%;
  height: 6.0vw;
  margin-left: -5%;
  border-radius: 50% / 0 0 100% 100%;
  background-color: #edf3ff;
  overflow: hidden;
}

.top_feature article {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10.41666666% 3.90625% 2.604166666% 3.90625%;
  background-color: #edf3ff;
  overflow: hidden;
  display: table;
}

.top_feature article section.top {
  width: 100%;
  height: auto;
  margin-bottom: 7.8125%;
  padding: 0;
}

.top_feature article section.top strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8.5vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.0em;
  color: #333333;
  display: block;
}

.top_feature article section.top strong span {
  font-family: "arial", "Noto Sans JP", sans-serif;
  font-size: 4.5vw;
  font-weight: 600;
  text-align: left;
  line-height: 1.0em;
  color: #5497d4;
  margin-bottom: 2.604166666%;
  display: block;
}

.top_feature article section.bottom {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.top_feature article section.bottom ul {
  width: 100%;
  height: auto;
  margin-bottom: 7.8125%;
  padding: 0;
}

.top_feature article section.bottom ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_feature article section.bottom ul li:nth-child(2) {
  width: 80%;
  margin-top: -7.8125%;
  padding: 3.90625% 0 3.90625% 14.0vw;
  border-radius: none;
  border-top-right-radius: 15px;
  background-color: #edf3ff;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 12.0vw;
  position: relative;
  z-index: 2;
}

.top_feature article section.bottom ul:nth-child(1) li:nth-child(2) {
  background-image: url("../../uploads/01_icon.png");
}

.top_feature article section.bottom ul:nth-child(2) li:nth-child(2) {
  background-image: url("../../uploads/02_icon.png");
}

.top_feature article section.bottom ul:nth-child(3) li:nth-child(2) {
  background-image: url("../../uploads/03_icon.png");
}

.top_feature article section.bottom ul:nth-child(4) li:nth-child(2) {
  background-image: url("../../uploads/04_icon.png");
}

.top_feature article section.bottom ul:nth-child(5) li:nth-child(2) {
  background-image: url("../../uploads/05_icon.png");
}

.top_feature article section.bottom ul:nth-child(6) li:nth-child(2) {
  background-image: url("../../uploads/06_icon.png");
}

.top_feature article section.bottom ul:nth-child(7) li:nth-child(2) {
  background-image: url("../../uploads/07_icon.png");
}

.top_feature article section.bottom ul li img {
  width: 100%;
  height: 50.0vw;
  margin: 0;
  padding: 0;
  border-radius: 20px;
  object-fit: cover;
}

.top_feature article section.bottom ul li strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: #333333;
  display: block;
}

.top_feature article section.bottom ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6em;
  color: #555555;
}

.top_price {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10.41666666% 0 07.8125% 0;
  display: table;
}

.top_price section.top {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 3.90625%;
}

.top_price section.top strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8.5vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.0em;
  color: #333333;
  display: block;
}

.top_price section.top strong span {
  font-family: "arial", sans-serif;
  font-size: 4.0vw;
  font-weight: 600;
  line-height: 1.0em;
  color: #5497d4;
  margin-bottom: 2.604166666%;
  display: block;
}

.top_price article.first {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0;
}

.top_price article.first figure {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_price article.first figure img {
  width: 100%;
  height: 60.0vw;
  margin: 0;
  padding: 0;
  border-radius: none;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  object-fit: cover;
}

.top_price article.first section.middle {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0 3.90625%;
}

.top_price article.first section.middle strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 6.5vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.0em;
  color: #e47449;
  display: block;
}

.top_price article.first section.middle section.inner {
  width: 100%;
  height: auto;
  margin: 5.208333333% 0 3.90625% 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.top_price article.first section.middle section.inner ul {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_price article.first section.middle section.inner ul li {
  width: 100%;
  height: auto;
  margin-bottom: 5.208333333%;
  padding: 0;
}

.top_price article.first section.middle section.inner ul li:nth-child(3) {
  margin-bottom: 7.8125%;
}

.top_price article.first section.middle section.inner ul li:nth-child(5) {
  margin: 0;
}

.top_price article.first section.middle section.inner ul li:nth-child(1) p,
.top_price article.first section.middle section.inner ul li:nth-child(4) p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.0vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  padding: 3.90625% 0;
  background-color: #5497d4;
}

.top_price article.first section.middle section.inner ul:nth-child(1) li:nth-child(2) p,
.top_price article.first section.middle section.inner ul:nth-child(2) li:nth-child(2) p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 700;
  text-align: right;
  line-height: 1.0em;
  color: #e47449;
  border: none;
}

.top_price article.first section.middle section.inner ul:nth-child(1) li:nth-child(2) p span,
.top_price article.first section.middle section.inner ul:nth-child(2) li:nth-child(2) p span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-color: #e47449;
  color: #333333;
}

.top_price article.first section.middle section.inner ul li:nth-child(3) strong,
.top_price article.first section.middle section.inner ul li:nth-child(5) strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 7.0vw;
  font-weight: 700;
  text-align: right;
  line-height: 1.0em;
  color: #333333;
  display: block;
}

.top_price article.first section.middle section.inner ul li:nth-child(3) strong span,
.top_price article.first section.middle section.inner ul li:nth-child(5) strong span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 600;
  color: #333333;
}

.top_price article.first section.middle p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.4em;
  color: #333333;
  padding-bottom: 3.90625%;
  border-bottom: 1px solid #cccccc;
}

.top_price article.second {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.top_price article.second section {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0 3.90625%;
}

.top_price article.second section strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 6.5vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.0em;
  color: #e47449;
  display: block;
}

.top_price article.second section ul {
  width: 100%;
  height: auto;
  margin-top: 5.208333333%;
  padding: 0;
}

.top_price article.second section ul li {
  width: 100%;
  height: auto;
  margin-bottom: 2.604166666%;
  padding: 0;
}

.top_price article.second section ul li:nth-child(2) {
  margin-bottom: 3.90625%;
}

.top_price article.second section ul li:nth-child(1) p,
.top_price article.second section ul li:nth-child(3) p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.0vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  padding: 1.953125% 0;
  background-color: #5497d4;
}

.top_price article.second section ul li strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 7.0vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.0em;
  color: #333333;
  display: block;
}

.top_price article.second section ul li strong span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 600;
  color: #333333;
}

.top_price article.second section p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.4em;
  color: #333333;
  padding-bottom: 3.90625%;
  border-bottom: 1px solid #cccccc;
}

.top_price section.bottom {
  width: 100%;
  height: auto;
  margin-top: 3.90625%;
  padding: 0 3.90625%;
}

.top_price section.bottom p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6em;
  color: #333333;
}

.top_flow {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 0;
  position: relative;
  display: table;
}

.top_flow::after {
  width: 96.09375%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: none;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  background-color: #edf3ff;
  z-index: -1;
}

.top_flow article {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.top_flow article section.top {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 3.90625%;
}

.top_flow article section.top strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8.5vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.0em;
  color: #333333;
  display: block;
}

.top_flow article section.top strong span {
  font-family: "arial", sans-serif;
  font-size: 4.0vw;
  font-weight: 600;
  line-height: 1.0em;
  color: #5497d4;
  margin-bottom: 2.604166666%;
  display: block;
}

.top_flow article section.bottom {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0 7.8125% 0 3.90625%;
  display: table;
}

.top_flow article section.bottom ul {
  width: 100%;
  height: auto;
  margin-bottom: 7.8125%;
  padding: 0;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background-color: #ffffff;
}

.top_flow article section.bottom ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_flow article section.bottom ul li:last-child {
  padding: 3.90625% 3.90625% 6.510416666% 3.90625%;
}

.top_flow article section.bottom ul li img {
  width: 100%;
  height: 50.0vw;
  margin: 0;
  padding: 0;
  border-radius: none;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  object-fit: cover;
}

.top_flow article section.bottom ul li span {
  width: 100px;
  height: 100px;
  font-family: "arial", sans-serif;
  font-size: min(7.0vw, 42px);
  font-weight: normal;
  text-align: center;
  line-height: 1.0em;
  color: #5497d4;
  margin: max(-10.41666666%, -50px) auto 0 auto;
  padding-top: min(5.208333333%, 25px);
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  display: block;
}

.top_flow article section.bottom ul li strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.0em;
  color: #5497d4;
  margin-top: max(-7.8125%, -25px);
  position: relative;
  z-index: 2;
  display: block;
}

.top_flow article section.bottom ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6em;
  color: #333333;
}

.top_greeting {
  width: 100%;
  height: auto;
  margin-top: 10.41666666%;
  padding: 0;
  position: relative;
  display: table;
}

.top_greeting::after {
  width: 96.09375%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-radius: none;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  background-color: #edf3ff;
  z-index: -1;
}

.top_greeting article {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.top_greeting article section {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 13.020833333% 3.90625% 13.020833333% 7.8125%;
}

.top_greeting article section ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_greeting article section ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_greeting article section ul li img {
  width: 88.495575221%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border-radius: 15px;
}

.top_greeting article section ul li span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.5vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.3em;
  color: #333333;
  margin: 5.208333333% 0;
  display: block;
}

.top_greeting article section ul li strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 7.0vw;
  font-weight: 700;
  text-align: left;
  line-height: 1.4em;
  color: #133b81;
  display: block;
}

.top_greeting article section ul li strong span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 7.0vw;
  font-weight: 700;
  color: #5497d4;
  margin: 0;
  display: inline-block;
}

.top_greeting article section ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6em;
  color: #333333;
  margin-top: 3.90625%;
}

.top_info {
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 10.41666666%;
  display: table;
}

.top_info section.top {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 3.90625%;
  display: table;
}

.top_info section.top strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8.5vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.0em;
  color: #333333;
  display: block;
}

.top_info section.top strong span {
  font-family: "arial", sans-serif;
  font-size: 4.0vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  color: #5497d4;
  margin-bottom: 2.604166666%;
  display: block;
}

.top_info section.middle {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 3.90625%;
  display: table;
}

.top_info section.middle figure {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_info section.middle figure img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_info section.middle figure img:hover {
  opacity: 0.3;
  transition: 1.0s;
}

.top_info article {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 3.90625% 10.41666666% 3.90625%;
  background-color: #f8f8f8;
  display: table;
}

.top_info article section.bottom {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5.208333333% 3.90625%;
  border-radius: 15px;
  background-color: #ffffff;
  display: table;
}

.top_info article section.bottom ul {
  width: 100%;
  height: auto;
  margin-bottom: 7.8125%;
  padding: 0;
}

.top_info article section.bottom ul li {
  width: 100%;
  height: auto;
  margin-bottom: 3.90625%;
  padding: 0;
}

.top_info article section.bottom ul li:last-child {
  margin: 0;
}

.top_info article section.bottom ul li:nth-child(1) a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #ffffff;
  padding: 2.25em 0 1.25em 0;
  border-radius: 15px;
  background-color: #19bb25;
  background-position: center 0.75em;
  background-repeat: no-repeat;
  background-image: url("../../uploads/line_icon.png");
  background-size: 6.0vw;
  display: block;
}

.top_info article section.bottom ul li:nth-child(2) a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #ffffff;
  padding: 2.25em 0 1.25em 0;
  border-radius: 15px;
  background-color: #e47449;
  background-position: center 0.75em;
  background-repeat: no-repeat;
  background-image: url("../../uploads/web_icon.png");
  background-size: 6.0vw;
  display: block;
}

.top_info article section.bottom ul li:nth-child(3) a {
  font-family: "arial", sans-serif;
  font-size: 7.0vw;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #5497d4;
  padding: 0.7em 0 0.6em 0;
  border-radius: 15px;
  border: 2px solid #5497d4;
  background-position: left 12% top 55%;
  background-repeat: no-repeat;
  background-image: url("../../uploads/tel_icon.png");
  background-size: 6.5vw;
  display: block;
}

.top_info article section.bottom ul li:nth-child(3) a span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.0em;
  color: #5497d4;
  margin-bottom: 2.604166666%;
  display: block;
}

.top_info article section.bottom ul li a:hover {
  transform: scale(0.95);
  transition: 1.0s;
  opacity: 1.0;
}

.top_info article section.bottom table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: 0; 
}

.top_info article section.bottom table {
  width: 100%;
  margin-bottom: 5.208333333%;
  padding: 0;
  border-collapse: collapse;
  border: 0; 
}

.top_info article section.bottom table th {
  width: calc(100% / 9);
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  padding: 3.255208333% 0;
  border-left: 1px solid #7ab3e7;
  background-color: #5497d4;
}

.top_info article section.bottom table th:nth-child(1) {
  width: calc(100% / 9 * 2);
  border: none;
  border-radius: none;
  border-top-left-radius: 15px;
}

.top_info article section.bottom table th:nth-child(8) {
  border-radius: none;
  border-top-right-radius: 15px;
}

.top_info article section.bottom table td {
  width: calc(100% / 9);
  height: auto;
  font-size: 1.5vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.0em;
  padding: 3.255208333% 0;
  color: #333333;
  border-bottom: 1px solid #cccccc;
}

.top_info article section.bottom table td:nth-child(1) {
  width: calc(100% / 9 * 2);
  font-family: "arial","Noto Sans JP", sans-serif;
  font-size: 2.5vw;
  font-weight: 600;
}

.top_info article section.bottom table td:nth-child(2),
.top_info article section.bottom table td:nth-child(8) {
  font-size: 2.5vw;
}

.top_info article section.bottom table tr:nth-child(3) td:nth-child(1) {
  font-family: "arial","Noto Sans JP", sans-serif;
  font-size: 2.5vw;
  font-weight: 400;
  text-align: left;
  color: #000000;
  padding: 3.255208333% 0;
}

.top_info article section.bottom p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.3em;
  color: #333333;
}

.top_info article section.bottom .view {
  width: 100%;
  margin-top: 20px;
  padding-top: 56.25%;
  position: relative;
}

.top_info article section.bottom .view iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* モーダルCSS */
.modalArea {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  width: 92.1875%;
  padding: 7.8125% 3.90625%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  background-color: #ffffff;
}

.modalWrapper a {
  font-family: "arial", "Noto Sans JP", sans-serif;
  font-size: 5.0vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #ffffff;
  margin-top: 1.0em;
  padding: 3.90625% 0.651041666%;
  border-radius: 10px;
  background-color: #5497d4;
  display: block;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

/* お知らせ エリア */
.news {
  width: 100%;
  height: auto;	
  margin: 0;
  padding: 2.5em 3.125% 3.0em 3.125%;
  background-color: #f8f8f8;
  display: table;
}

.news section:nth-child(1) {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.news section ul:nth-child(1) {
  width: 100%;
  height: auto;	
  margin: 0;
  padding-bottom: 6.25%;
}

.news section ul:nth-child(1) li {
  width: 100%;
  height: auto;	
  margin: 0;
  padding: 0;
}

.news section ul li strong {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8.5vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.0em;
  letter-spacing: 0.05em;
  color: #333333;
  position: relative;
  display: block;
}

.news section ul li strong::after {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 500;
  text-align: left; 
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #000000;
  content: 'お知らせ';
  position: absolute;
  top: 10.0vw;
  left: 0;
}

.news section ul:nth-child(2) {
  width: 100%;
  height: auto;	
  margin: 0;
  padding: 0;
}

.news section ul:nth-child(2) li {
  width: 100%;
  height: auto;	
  margin: 0;
  padding: 1.25em 0;
  border-bottom: 1px dotted #666666;
}

.news section ul li p {
  line-height: 1.6em;
  letter-spacing: 0.05em;
}

.news section ul li p span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 500; 
  line-height: 1.0em;
  color: #000000;
  margin-bottom: 0.390625%;
  display: block;
}

.news section ul li p a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: left;
  text-decoration: none; 
  color: #555555;
  float: none;
  display: block;
}

.news section ul li p a::after {
  content: none;
}

.news section:nth-child(2) {
  width: 100%;
  height: auto;
  margin-top: 1.25em;
  padding: 0;
}

.news section a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.8vw;
  font-weight: 400;
  text-decoration: none; 
  color: #000000;
  float: right;
  display: inline-block;
}

.news section a .arrow {
  width: 1.5em;
  height: 0.1em;
  vertical-align: middle;
  line-height: 1;
  color: #555555;
  margin: -3px 0 0 0.7rem;
  position: relative;
  background: currentColor;
  display: inline-block;
}

.news section a .arrow::before {
  width: 0.55em;
  height: 0.55em;
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  border: 0.15em solid currentColor;
  border-left: 0;
  border-bottom: 0;
}

/* カテゴリ・アーカイブ・検索結果ページ エリア */
.post_inner {
  width: 100%;
  height: auto;
  margin-top: 4.6875%;
  padding: 4.6875% 0 3.125% 0;
  border-bottom: 1px solid #000000;
  display: table;
}

.post_inner_with_thum {
  width: 100%;
  height: auto;
  margin-bottom: 6.25%;
  padding-bottom: 2.604166666%;
  border-bottom: 1px solid #000000;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.post_inner_with_thum .thum {
  display: none;
}

.post_inner ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.post_inner_with_thum ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.post_inner ul li,
.post_inner_with_thum ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

.post_inner ul li:nth-child(1) {
  margin-bottom: 2.34375%;
  border-bottom: 1px solid #e65135;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post_inner_with_thum ul li:nth-child(1) {
  margin-bottom: 2.604166666%;
  padding-bottom: 1.302083333%;
  border-bottom: 1px solid #000000;
  display: table;
}

.post_inner ul li:nth-child(2) {
  margin-bottom: 1.5625%;
}

.post_inner_with_thum ul li {
  margin-bottom: 1.302083333%;
}

.post_inner_with_thum ul li:nth-child(4) {
  margin-bottom: 2.604166666%;
}

.post_inner_with_thum ul li:last-child {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post_inner ul li:nth-child(1) .cat,
.post_inner_with_thum ul li:nth-child(1) .cat {
  width: auto;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.3vw;
  font-weight: 400;
  text-decoration: none; 
  text-align: center;
  line-height: 1.6em;
  color: #ffffff;
  padding: 0;
  margin: 0;
  padding: 0 0.3em;
  background-color: #e65135;
  display: block;
}

.post_inner ul li:nth-child(1) .date,
.post_inner_with_thum ul li:nth-child(1) .date {
  width: auto;
  height: auto;
  font-family: "arial", "Noto Sans JP", sans-serif;
  font-size: 2.3vw;
  text-align: right;
  line-height: 1.6em;
  color: #000000;
  padding: 0;
  display: block;
}

.post_inner ul li:nth-child(2) a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.3vw;
  font-weight: 600;
  text-align: left;
  text-decoration: none; 
  line-height: 1.2em;
  color: #666666;
  display: block;
}

.post_inner ul li:nth-child(3) a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 400;
  text-align: left;
  text-decoration: none; 
  line-height: 1.6em;
  color: #666666;
  display: block;
}

.post_inner_with_thum ul li:first-child a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.8vw;
  font-weight: 500;
  text-align: left;
  text-decoration: none; 
  line-height: 1.5em;
  color: #333333;
  display: block;
}

.post_inner_with_thum ul li p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.4em;
  color: #666666;
}

.post_inner_with_thum ul li:last-child a:nth-child(1) {
  width: 48.02259887%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 400;
  text-align: center;
  text-decoration: none; 
  line-height: 1.0em;
  color: #ffffff;
  margin: 0;
  padding: 0.5em 0 0.6em 0;
  border-radius: 40px;
  background-color: #e65135;
  display: block;
}

.post_inner_with_thum ul li:last-child a:nth-child(2) {
  width: 48.02259887%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.0vw;
  font-weight: 400;
  text-align: center;
  text-decoration: none; 
  line-height: 1.0em;
  color: #e65135;
  margin: 0;
  padding: 0.5em 0 0.6em 0;
  border-radius: 40px;
  border: 1px solid #e65135;
  display: block;
}
}

/* 追記（カスタマイズ）ここから */
@media screen and (max-width: 999px){





























}
/* 追記（カスタマイズ）ここまで */