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

#cookie-banner-unique {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    z-index: 9999;
    display: none; /* JSで表示 */
    font-size: 14px;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
}

.comments-area,.comments-link,.byline,.sgpb-corner-top-left {
	display: none !important;
}

#cookie-banner-unique .cookie-banner_text {
    margin-bottom: 5px;
}

#cookie-banner-unique .cookie-banner_text span {
    font-weight: bold;
}

#cookie-banner-unique .cookie-banner_under {
    margin-top: 10px;
}

#cookie-banner-unique .cookie-banner_under a {
    color: #f1d600;
    text-decoration: underline;
    margin-right: 10px;
}

#cookie-banner-unique .cookie-banner_under button {
    padding: 8px 15px;
    margin-right: 5px;
    border: none;
    border-radius: 4px;
    background-color: #f1d600;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

#cookie-banner-unique .cookie-banner_under button#decline-unique {
    background-color: #fff182;
}



/*//ボイスページ///*/
.voice-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.voice-item {
border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
}

.voice-thumb img {
  max-width: 100%;
  height: auto;
}
.voice-thumb {
	line-height: 0;
}
@media (max-width: 768px) {
  .voice-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .voice-grid {
    grid-template-columns: 1fr;
  }
}
 h3.voice-title {
    padding-bottom: 0;
    margin-bottom: 0;
    padding: 4px 10px 0 0px;
}
.voice-date {
	background: #60ccbc;
	color: #fff;
	font-size: 0.9rem;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
}
.voice-title, .voice-course {
    background: #60ccbc;
    color: #fff !important;
    font-size: 1rem;
    margin: 0 !important;
	 padding-left: 10px !important;
}
/*//ボイスページここまで///*/
/*//スクロールトップ///*/
/* ボタンの基本スタイル */
.scroll-top-btn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  z-index: 1000;
  display: none; /* 最初は非表示 */
  padding: 0;
}
.scroll-top-btn::after {
    content: "PAGE TOP";
    right: 2px;
    top: -16px;
    position: absolute;
    font-size: 0.8rem;
    font-weight: 500;
    color: #333;
    width: 63px;
    text-shadow: 1px 1px 1px #ffffff;
}
/* 画像のサイズをボタンに合わせる */
.scroll-top-btn img {
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
button.scroll-top-btn:hover {
	background-color: #3f404700;
}

/* ホバー時に画像を変化させる */
.scroll-top-btn:hover img {
  content: url('/crane/wp/img/top_hover.png'); /* ホバー用イラストに変更 */
  transform: scale(1.1); /* 少し大きくするアニメーション */
}
/*//スクロールここまで///*/
/*//スライダー///*/

.swiper {
  width: 100%;
  padding: 0px 0;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mySwiperTop .swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}
.swiper.mySwiperTop {
  width: 100%;
  padding: 0px 0;
}
.mySwiperTop .swiper-wrapper {
	padding: 0;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}

/*//スライダーここまで///*/
/*//資格一覧タブ///*/
/* アニメーション用 */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.course_item {
  opacity: 0; /* 初期は非表示 */
  transform: translateY(30px);
	position: relative;
}
.course_items .course_item:hover {
	opacity: 0.7 !important;
	transition: 0.5s;
	overflow: hidden;
}
.course_item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.course_item.show {
  animation: fadeUp 0.6s forwards;
}
.course_box_tab {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.foot_course_box .course_box_tab .tab-btn a {
	text-decoration: none;
	color: #333;
}
.foot_course_box .course_box_tab .tab-btn {
  padding: 10px 20px;
  border: none;
  background: #eee;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
	    max-width: inherit;
    width: 100%;
    color: #333;
}

.course_box_tab .tab-btn {
  padding: 10px 20px;
  border: none;
  background: #eee;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
	    max-width: 150px;
    width: 100%;
    color: #333;
}

.course_box_tab .tab-btn.active {
  background: #60ccbc;
  color: #fff;
}
.course_box_tab .tab-btn.menkyo:hover {
background: #ed6793;
	opacity: 0.7;
	transition: 0.5s;
	color: #fff;
}
.course_box_tab .tab-btn.menkyo.active {
background: #ed6793;

}
.course_box_tab .tab-btn.ginou:hover {
background: #489b1b;
	opacity: 0.7;
	transition: 0.5s;
	color: #fff;
}
.course_box_tab .tab-btn.ginou.active {
background: #489b1b;

}
.course_box_tab .tab-btn.tokubetsu:hover {
background: #f38c1e;
	opacity: 0.7;
	transition: 0.5s;
	color: #fff;
}
.course_box_tab .tab-btn.tokubetsu.active {
background: #f38c1e;

}
.course_box_tab .tab-btn.anzen:hover {
background:#1459b7;
	opacity: 0.7;
	transition: 0.5s;
	color: #fff;
}
.course_box_tab .tab-btn.anzen.active {
background: #1459b7;

}
.course_box_inn {
	margin-bottom: 100px;
}
.course_item {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.course_item.show {
  opacity: 1;
  transform: translateY(0);
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.course_items {
  display: flex;         /* 横並び */
  flex-wrap: wrap;       /* 折り返し */
  justify-content: flex-start; /* 左詰め */
  gap: 20px;             /* ボックス間の余白（必要なら調整） */
}
html {
  scroll-behavior: smooth;
}
.course_box_inn .course_list a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding-top: 7px;
    color: #fff;
}
.course_list {
	margin-bottom: 35px;
}
.course_box_inn .course_list button {
	position: relative;
	padding: 20px;
}
.course_box_inn .course_list button.menkyo {
	background: #ed6793;
	color: #fff;
}
.course_box_inn .course_list button.ginou {
	background: #489b1b;
	color: #fff;
}
.course_box_inn .course_list button.tokubetsu {
	background: #f38c1e;
	color: #fff;
}
.course_box_inn .course_list button.anzen {
	background: #1459b7;
	color: #fff;
}

.course_section .course_items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* アイテム間の余白 */
  justify-content: left; /* 中央寄せ */
	padding: 20px;
}
a.anchor {
  display: block;
  position: relative;
  top: -120px; /* 固定ヘッダーの高さ分だけずらす */
  visibility: hidden;
}
a.anchor2 {
  display: block;
  position: relative;
  top: -90px; /* 固定ヘッダーの高さ分だけずらす */
  visibility: hidden;
}
.course_section.ginou_af .course_items,.course_section.tokubetsu_af .course_items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* アイテム間の余白 */
  justify-content: space-between; 
	padding: 20px;
}

.foreigner .course_section.ginou_af .course_items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* アイテム間の余白 */
  justify-content: left; 
	padding: 20px;
}
.course_section .course_items .course_item {
  flex: 1 1 clamp(150px, 20vw, 275px);
  max-width: 275px;
  box-sizing: border-box;
  transition: transform 0.2s ease;
}
.course_section .course_item img {
  width: 100%;
  height: auto;
  display: block;
}
.course_name {
	text-align: left;
	padding-left: 20px;
}
.course_items .course_item {
flex: 0 0 285px;
    max-width: 285px;
    box-sizing: border-box;
    border: 1px solid #333;
    border-radius: 10px;
    padding-bottom: 20px;
}

.course_item {
  text-align: center;
}
.course_item img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.course_item p {
  margin-top: 10px;
  font-size: 14px;
}
/*//資格一覧タブここまで///*/
/*//アコーディオン///*/
.qa_accordion-header::before {
  content: "Q: ";
  font-weight: bold;
}

.qa_accordion-content::before {
  content: "A: ";
  font-weight: bold;
}
.qa_accordion {
    max-width: 700px;
    margin: 20px auto;
    overflow: hidden;
  }

  .qa_accordion-item {
    margin-bottom: 15px;
}

  .qa_accordion-header {
    background: #60ccbc;
    color: #fff;
    padding: 15px;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    transition: background 0.3s;
	  border-radius: 8px;
	  
  }
.qa_accordion-header.active {
	  border-radius: 8px 8px 0 0;
	background: #40998c;
}
  .qa_accordion-header:hover {
    background:#40998c;
  }

  .qa_accordion-header::after {
    content: "▼";
    position: absolute;
    right: 15px;
    transition: transform 0.3s;
  }

  .qa_accordion-header.active::after {
    transform: rotate(180deg);
  }

  .qa_accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    background: #f9f9f9;
    color: #333;
    transition: max-height 0.4s ease, padding 0.3s ease;

}

  .qa_accordion-content.open {
    max-height: 500px; /* 実際の高さより少し大きめ */
    padding: 15px;
	      border-radius: 0 0 8px 8px;
    border: 3px solid #40998c;
    border-top: none;
  }
.qa_accordion h3 {
	margin-top: 65px;
	    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
}
.qa_accordion h3:before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.qa_accordion h3:first-child {
	margin-top: 0px;
}
.qa_box {
	margin-bottom: 85px;
}
.top_qa_box .qa_box {
	margin-bottom: 25px;
}



#reissue .reissue-accordion {
    background-color: #f1f1f1;
    cursor: pointer;
    padding: 12px 16px;
    width: 100%;
    border: none;
    color: #60ccbc;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: background-color 0.3s ease;
    font-weight: 500;
	position: relative;
}

#reissue .reissue-accordion.active {
  background-color: #40998c;
	transition: 0.5s;
	color: #fff;
}

#reissue .reissue-accordion-content {
  display: none;
  padding: 16px 16px 16px 16px;
  background-color: #fafafa;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
/*//アコーディオンここまで///*/

/*//免許一覧タブ///*/
.course_top_tab {
  display: flex;
  margin-bottom: 20px;
  gap: 10px;
}
.course_top_tab .person-btn {
  padding: 8px 16px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  cursor: pointer;
    color: #606060;
}
.course_top_tab .person-btn:hover {
	opacity: 0.7;
	transition: 0.5s;
}
.course_top_tab .person-btn.active {
  background: #2b3964;
  color: #fff;
}

.person-section {
  display: none;
}
.person-section.active {
  display: block;
}
/*//免許一覧タブここまで///*/ 


/* -------------------------
   講習ページ専用タブデザイン
-------------------------- */
.kou_box {
	width: 100%;
  margin: 0 auto;
}
.kou_box_tabs {
    display: flex
;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 65px;
}
.kou_box_tab {
    padding: 10px 25px;
    border: 1px solid #ccc;
    background: #acacac;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s 
ease;
    font-size: 16px;
    max-width: 250px;
    width: 100%;
}
.kou_box_tab.active {
  background: #60ccbc;
  color: #fff;
  border-color: #60ccbc;
}
.kou_box_content {
  display: none;
  animation: fadeIn 0.5s ease;
}
.kou_box_content.active {
  display: block;
}
.kou_box_price {
  margin-bottom: 10px;
}
.kou_box_row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
}
.kou_box_note {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  line-height: 1.6;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.kou_box_price {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* -------------------------
   講習ページ専用タブデザインここまで
-------------------------- */

/* -------------------------
   コースチェックエリアここまで
-------------------------- */
/* 全体 */
#checkArea h3 {
	    margin-bottom: 10px;
    color: #60ccbc;
    font-weight: 900;
    font-size: 2rem;
}
#checkArea h3 span {
	color: #333;
	font-size: 1.3rem;
	font-weight: 400;
}
.choose_course_box {
    padding-top: 10px;
    background: #2dc5ff;
    margin-top: 35px;
    padding-bottom: 35px;
}
.choose_course_box h3 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    font-size: 1.3rem;
    margin-top: 30px;
}
.chk_area {
	max-width: 1000px;
	width: 97%;
	margin:  0 auto;
 margin-top: 35px;
margin-bottom: 35px;

}
.chk_form {
  background: #fafafa;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.chk_title {
    font-weight: 700;
    margin: 0 0 12px 0;
    font-size: 1.2rem;
}
.chk_label {
  display: block;
  margin: 8px 0;
}
.chk_input {
  margin-right: 8px;
}
.chk_actions {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}
.chk_btn {
  padding: 8px 16px;
  border-radius: 6px;
  border: 0;
  background: #0066cc;
  color: #fff;
  cursor: pointer;
}
.chk_btn_secondary {
  background: #eee;
  color: #333;
}

/* 結果部分 */
.chk_result {
  margin-top: 35px;
}
.chk_msg {
  color: #666;
  margin-bottom: 10px;
}

/* コース詳細（初期非表示） */
.chk_course {
  display: none;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.4s ease;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 12px;
  margin-top: 10px;
}
.chk_course.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.chk_course_a {
  border-color: #e0a0a0;
}
.chk_course_b {
  border-color: #80b3ff;
}
/*コースチェックエリアここまで*/

.class-reservation-accordion {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 20px;
}

.class-accordion-header {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    background: #f7f7f7;
    border: none;
    cursor: pointer;
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #378d80;
    border-radius: 10px 10px 0 0;
}
.class-accordion-header:hover {
	background: #60ccbc;
}
.class-accordion-icon {
  font-size: 20px;
  transition: transform 0.3s;
	display: none ;
}

.class-accordion-content {
    /*/display: none;*/
    padding: 15px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.up_serchbox_lisence_1_inn h5 {
	margin-bottom: 35px;
}
.class-reservation-accordion.is-open .class-accordion-content {
  display: block;
}

.class-reservation-accordion.is-open .class-accordion-icon {
  transform: rotate(45deg); /* ＋ → × */
}
/* CSS Document topp */
.hide_pc {
	display: none ;
}
.hide_mob {
	display: inline;
}
.pop_kake_img {
    max-width: 90px;
    width: 100%;
    margin: 0 auto;
    display: block;
	position: relative;
}
.pop_kake_img::after {
    content: "かけまる";
    position: absolute;
    right: -48px;
    bottom: 12px;
    font-size: 13px;
    font-weight: 800;
}
.renew_popbox {
	display: flex;
	gap:20px;
	justify-content: space-between;
}
.sg-popup-content {
	max-width: 450px;
	margin: 0 auto;
	width: 100%;
}
.choose_course_box h2::before {
	border-left:10px solid #fff !important;
}
.choose_course_box h2 {
border-bottom:2px solid #fff !important;
	margin-left: 10px;
}

.system_att {
	color: #FF0004;
}
.new_system_box_innL_list_tuiaka {
text-indent: -1rem;
    padding-left: 15px;
}
.new_system_box_inn {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 45px;
    padding-bottom: 25px;
    border-bottom: 6px dotted #eee;
}
.new_system_box_innL {
	width: 55%;
	
}
.new_system_box_innR {
	width: 45%;
	
}
.new_system_box_innL_list li {
	margin-bottom: 10px;
}
.red_shikaku {
    width: 25px;
    height: 15px;
    color: #e60012;
    border: 3px solid #e60012;
    margin: 0 5px;
    position: relative;
    display: inline;
}
.new_system_box h1 {
	
}
.new_system_box {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.main-navigation ul ul {
	z-index: 999999999999 !important;
}
.up_serchbox_lisence_2_cover {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 20px;
	padding: 10px 15px;
}
.up_serchbox_lisence_2_cover h5 {
	margin-bottom: 0;
}
.up_serchbox_lisence_2_cover h5.not_margin {
	margin-bottom: 35px;
}
span.menjo_block_s {
	font-size: 0.8rem;
    display: block;
    margin-top: -2px;
}
		.up_serchbox_lisence_2 {
    display: flex;
    gap: 0px;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
}

.up_serchbox_lisence_2 .up_serchbox_lisence_1_inn {
    background: #fff;
    padding: 10px 15px;
    width: 50%;
    margin-top: 0;
    border-radius: 0px;
}

.under_menkyocrane_bring li a {
	z-index: 999;
	position: relative;
}

.incorse_price_box {
	font-size: 1rem;
	margin-top: 5px;
}
.incorse_price_box span.zeikomi {
	font-size: 0.8rem;
	
}
.up_serchbox_lisence_1_inn:empty {
  background-color: #5ed3c1; /* 何もない場合の背景色 */
}
.class-accordion-header::before {
content: "●";
    color: #e60000;
    margin-left: 8px;
    animation: blink 1.2s infinite;
    font-size: 14px;
    vertical-align: middle;
    position: absolute;
    top: 17px;
    left: 200px;
}
.color_red_text {
	color: #e60000;
}
@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}
.up_serchbox_lisence_temp_at {
	font-size: 1.0rem;
	margin-top: 10px;
}
.up_serchbox_lisence_1_inn h5 span{
display: block;
    font-size: 1.2rem;
}
.up_serchbox_lisence_1_inn h5 span.color_red_text {
    font-size: 0.8rem;
    color: #FF1418;
    position: absolute;
}


span.color_red_text {
    font-size: 0.8rem;
    color: #FF1418;
    display: block;
	text-align: left;
}

.up_serchbox_lisence_1 {
	display: flex;
	gap:20px;
    justify-content: center;
}
.class_serch_box .class_serch_box_at,.class_serch_box .class_serch_box_at-sh,.class_serch_box .class_serch_box_at-mh {
	position: relative;
}
.class_serch_box .class_serch_box_at:hover,.class_serch_box .class_serch_box_at-sh:hover,.class_serch_box .class_serch_box_at-mh:hover {
	opacity: 0.7;
	transition: 0.5s;
}
.class_serch_box .class_serch_box_at a,.class_serch_box .class_serch_box_at-sh a,.class_serch_box .class_serch_box_at-mh a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.up_serchbox_lisence_1_inn ul li {
	flex: 1;
	text-align: center;
	justify-content: space-around;
}
.up_serchbox_lisence_1_inn ul li img {
	margin: 0 auto;
	display: block;
}
.notice_text_2 {
	font-size: 1rem;
	text-align: left;
	display: block;
}
.up_serchbox_lisence_1_inn ul li.text_left,.text_left {
	text-align: left;
	font-size: 0.9rem;
}

.up_serchbox_lisence_1_inn li {
	list-style: none;
}
.up_serchbox_lisence_1_inn ul {
padding-left: 0;
    margin-left: 0;
    display: flex;
    gap: 20px;
}
.up_serchbox_lisence_1_inn {
    background: #fff;
    padding: 10px 15px;
    width: 48%;
    margin-top: 0;
    border-radius: 10px;
}
.namisen {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: #ff622f; /* 色はお好みで */
  text-underline-offset: 4px;     /* 文字との距離 */
}
.in30min {
	font-size: 1rem;
}
.up_serchbox_lisence_temp {
    margin-top: 25px;
    padding: 10px 15px;
    background: #5ed3c1;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.notice_text {
    text-align: left;
    font-size: 0.8rem;
    margin-top: 5px;
}
#h3_font .up_serchbox_lisence_temp h3.serch_mibun {
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 400;
    color: #333;
    z-index: 9999;
    position: relative;
	margin-top: 10px;
}
.up_serchbox h4 {
    font-size: 1.2rem;
    font-weight: 600;
	margin-bottom: 0;
	margin-top: 0;
}
.span .class_green
.clae_ifbox {
	margin-bottom: 55px;
}
.inn_plan_title {
    height: 95px;
    max-height: 95px;
}
.inn-at_box {
    font-size: 0.8rem;
    color: #FF181C;
    text-align: left;
    position: relative;
    bottom: -12px;
    line-height: 17px;
    text-indent: -1em;
    padding-left: 14px;
}
.foot_course_tittle {
	margin-bottom: 15px;
	font-size: 1.6rem;
}
.foot_course_box {
	max-width: 1040px;
	margin: 0 auto;
	margin-top: 55px !important;
	margin-bottom: 35px !important;
}
.kou_box_course_inn h4 span {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: 10px;
}
.chk_group_inn label input {
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}
.chk_group {
	margin-bottom: 20px;
}
.chk_group .chk_title {
	margin-bottom: 10px;
}
.chk_group_inn {
	display: flex;
	gap:20px;
	
}
table.ginou_course_table {
	margin-bottom: 0;
} 
.kou_box_course_inn {
	margin-bottom: 25px;
}
.ginou_course_table td li {
	list-style: none;
	display: block;
}
.swiper-pagination {
    bottom: -3px !important;
}
.swiper {
	padding-bottom: 15px !important;
}
.mob_kaigyou {
	display: inline;
}
.crane_remark_list2 h4 {
    border-bottom: 1px solid #60ccbc;
    background: #fff !important;
    color: #60ccbc !important;
}
.top_menkyocrane_box h2 .ginou_h2_inn {
    display: inline;
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid;
}
.top_menkyocrane_box h2 .ginou_h2_inn span {
position: absolute;
    top: -27px;
    font-size: 1.2rem;
    left: -2px;
	width: 230px;
}
table.ginou_course_table td span,.table_at_text {
	color: #FF181C;
}
.table_at_text li {
	list-style: none;
}
.kou_box_course h4 {
	margin-bottom: 10px;
	color: #60ccbc;
	font-weight: 900;
	font-size: 2rem;
}
.kou_box_course {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	margin-top: 35px;
}
.ginou_tuuyaku {
    color: #FF181C;
    font-size: 2rem;
    margin: 15px 0 0 30px;
}
table.ginou_course_table th {
    background: #eee;
    font-weight: 400;
    max-width: 250px;
    width: 33%;
}
table.ginou_course_table td {
    padding-left: 30px;
}
.under_menkyocrane_bring_inn {
max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: flex
;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: -30px;
    padding-top: 50px;
    position: relative;
    background: #ffa7003d;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 35px;
	z-index: -1;
}
.text_center {
	text-align: center;
}
.under_menkyocrane_bring {
z-index: 1;
	position: relative;
}
.under_menkyocrane_day {
	position: relative;
	margin-bottom: 35px;
}
.mid_ginoucrane_text {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.mid_ginoucrane_text li {
	list-style: none;
	text-indent: -1em;
	padding-left: 25px;
}
.under_menkyocrane_day h2.crane_day_sche {
	color: #fff;
	border-bottom: none;
	background: #1d44ff;
	text-align: center;
	max-width: 350px;
	border-radius: 5px;
	padding: 10px 0;
	font-size: 29px;
}
.under_menkyocrane_day_inn {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    background: #007fff3d;
    border-radius: 5px;
    padding-top: 50px !important;
    margin-top: -20px;
    padding-bottom: 35px;
    padding: 50px 25px 35px;
	margin-bottom: 35px;
}
.class_serch_box {
	margin-top: 35px;
}
.class_serch_box .class_serch_box_at {
    font-size: 1.0rem;
    margin-bottom: 10px !important;
    font-weight: 500;
    text-align: center;
    background: #ffdb2f;
    border-radius: 50px;
    max-width: 750px;
    margin: 0 auto;
	padding: 5px;
}
.class_serch_box .class_serch_box_at-sh {
    font-size: 1.0rem;
    margin-bottom: 10px !important;
    font-weight: 500;
    text-align: center;
    background: #ffdb2f;
    border-radius: 50px;
    max-width: 750px;
    margin: 0 auto;
	padding: 5px;
}
.class_serch_box .class_serch_box_at-sm {
    font-size: 1.0rem;
    margin-bottom: 10px !important;
    font-weight: 500;
    text-align: center;
    background: #ffdb2f;
    border-radius: 50px;
    max-width: 750px;
    margin: 0 auto;
	padding: 5px;
}
.under_menkyocrane_day_inn2 {
	padding: 0 15px;
}
.under_menkyocrane_day h2.crane_day_sche::before {
	content: "";
	display: none;
}
.under_menkyocrane_bring li img {
    height: 165px;
    width: auto;
    margin-bottom: 10px !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.under_menkyocrane_bring li {
    list-style: none;
    width: 31.7%;
	margin-bottom: 25px;
}
.bring_title {
    font-weight: 500;
    text-align: center;
}

.under_menkyocrane_bring h3 {
    background: linear-gradient(270deg, #ffa700, #ff7b00, #ff9500);
    text-align: center;
    max-width: 350px;
    border-radius: 5px;
    padding: 10px 0;
    margin: inherit;
    color: #fff !important;
    font-weight: 400 !important;
}
.top_menkyocrane_box {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
	gap:25px;
}

.top_menkyocrane_box h2 {
	width: 68%;
}
.crane_remarks {
	margin-top: 55px;
	
}
.crane_remarks h4 {
	background: #60ccbc;
	color: #fff;
	padding: 10px;
	padding-left: 30px;
}
.crane_remark_list li{
    list-style: none;
    margin-bottom: 10px;
    text-indent: -1em;
    padding-left: 24px;
}
.crane_remark_list {
	max-width: 1000px;
	margin: 0 auto;
}
.crane_menkyo_title {
	background: #eee;
	max-width: 185px;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.crane_menkyo_title,.crane_menkyo_title2 {
	max-width: 200px;
	width: 100%;
	text-align: center;
}
.mid_menkyocrane_price {
	margin-bottom: 55px;
}
.mid_menkyocrane_price1 {
    max-width: 1000px;
    display: flex;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    align-items: center;
	margin-bottom: 20px;
	margin-top: 45px;
}
.mid_menkyocrane_price1 h3 {
    color: #60ccbc;
    font-weight: 500;
    margin-bottom: 0;
    max-width: 250px;
    width: 100%;
}
.mid_menkyocrane_about a {
	text-align: center;
	display: block;
	padding: 10px 0px;;
	border-radius: 5px;
	border: 1px solid #60ccbc;
	color: #60ccbc;
	text-decoration: none;
	max-width: 230px;
	width: 100%;
}
.mid_menkyocrane_about a:hover {
	background: #60ccbc;
	color: #fff;
	transition: 0.5s;
}
.mid_menkyocrane_about {
    display: flex
;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: flex-start;
    margin-top: 30px;
    margin-bottom: 30px;
    gap: 20px;
}
.mid_menkyocrane_box_inn {
display: flex
;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 35px;
    gap: 20px;
}
.mid_menkyocrane_text {
	margin-bottom: 35px;
}
.mid_menkyocrane_text li {
list-style: none;
    text-indent: -1rem;
    padding-left: 25px;
}
.mid_menkyocrane_box_inn li {
    width: 30%;
    list-style: none;
    margin-bottom: 0px;
    border: 1px solid #60ccbc;
    padding: 10px 25px;
    border-radius: 5px;
}
.mid_menkyocrane_box h2 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 2px;
}
.mid_menkyocrane_box h2::before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.crane_at_box {
    border-top: 1px solid #eee;
    padding: 20px 0;
    color: #FF181C;
    font-size: 1rem;
}
.crane_at_box span {
	color: #333;
	display: block;
}
.box_menkyo_h1 h1 {
    background: #ed6793;
    color: #fff;
    margin-top: 35px;
    font-size: 2rem;
    padding: 15px 0px 15px 135px;
	position: relative;
}
.box_menkyo_h1 h1::before {
    background: #fff;
    content: "教習（免許）";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 0.9rem;
    text-align: center;
    color: #ed6793;
    padding: 0px 10px;
    border-radius: 10px;
}
.box_ginou_h1 h1 {
    background: #489b1b;
    color: #fff;
    margin-top: 35px;
    font-size: 2rem;
    padding: 15px 0px 15px 110px;
	position: relative;
}
.box_ginou_h1 h1::before {
    background: #fff;
    content: "技能講習";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 0.9rem;
    text-align: center;
    color:#489b1b;
    padding: 0px 10px;
    border-radius: 10px;
}
.box_special_h1 h1 {
    background: #f38c1e;
    color: #fff;
    margin-top: 35px;
    font-size: 2rem;
    padding: 15px 0px 15px 110px;
	position: relative;
}
.box_special_h1 h1::before {
    background: #fff;
    content: "特別教育";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 0.9rem;
    text-align: center;
    color:#f38c1e;
    padding: 0px 10px;
    border-radius: 10px;
}
.box_anzen_h1 h1 {
    background: #1459b7;
    color: #fff;
    margin-top: 35px;
    font-size: 2rem;
    padding: 15px 0px 15px 142px;
	position: relative;
}
.box_anzen_h1 h1::before {
    background: #fff;
    content: "安全衛生教育";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 0.9rem;
    text-align: center;
    color:#1459b7;
    padding: 0px 10px;
    border-radius: 10px;
}
.exam_table_box a {
	text-align: center;
	position: relative;
	text-decoration: none;color: #333;
	display: block;
}
.exam_text {
	margin-left: 30px;
	margin-bottom: 15px;
}
.exam_link a {
    background: #333;
    text-align: center;
	position: relative;
    max-width: 250px;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px 10px 0;
    margin-left: 30px;
    margin-top: 35px !important;
    display: block;
    text-decoration: none;
}
.exam_table_box a:hover,.exam_table_box a:hover::after {
	color: #60ccbc;
	transition:0.5s; 
}
.exam_table_box a::after {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.3rem;
    position: absolute;
    bottom: -4px;
    margin: 0 auto;
    color: #333;
    right: 35px;
    display: block;
    text-align: center;
}
.exam_link a::after {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.3rem;
    position: absolute;
    bottom: 7px;
    margin: 0 auto;
    color: #ffffff;
    right: 10px;
    display: block;
    text-align: center;
}

.exam_link a:hover,.exam_link a:hover::after {
	opacity: 0.7;
	transition: 0.5s;
	color: #fff;
}
.exam_box {
	margin-bottom: 85px;
}
.exam_box h2,.exam_box h3 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
}
.exam_box h2:before,.exam_box h3:before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}

.exam_table_box table th {
	background: #eee;
}
.exam_table_box {
	display: flex;gap:20px;
	margin-top: 25px;
}
.exam_table_box table {
	flex: 1;
}
.school_infobox_under_top {
    display: flex
;
    margin-bottom: 20px;
}
.school_infobox_under_top img {
	flex: 1;
}
.school_infobox_under_bottom {
	max-width: 900px;
	margin: 0 auto;
}
.school_infobox_under_bottom h3 { 
	font-size: 1.4rem;
	text-align: center;
	font-weight: 500;

}
.school_infobox_under {
	background: #e2e2e2;
	margin-top: 55px;
}
.school_infobox_under_inn {
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 85px;
	padding: 20px;
}
.sitemap_ul h3 {
font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.site_box_under  ul {
    margin-left: 1.5rem;
    padding: 0px 20px 20px;
}
.site_box_under ul li {
    display: inline-block;
    width: 48%;
    margin-bottom: 5px;
}
.site_box_under {
	margin-top: 35px;
	padding: 0;
	margin-bottom: 85px;
}
.site_box_under h2 {
	margin-bottom: 2px;
}
.meal_box_inn {
	display: flex;
	gap:40px;
}
.meal_box h2 span {
	display: block;
	font-size: 1.2rem;
}
.meal_box {
	margin-bottom: 85px;
}
.school_infobox {
	margin-bottom: 85px;
}
.school_infobox_inn h2,.school_infobox_inn h3,.school_infobox_inn h4,.school_infobox_inn2 h2,.school_infobox_inn2 h3,.school_infobox_inn2 h4 {
	font-size: 1.8rem;
	color: #60CCBC;
	margin-bottom: 10px;
}
.school_infobox_R.info_fade-in,.school_infobox_L2.info_fade-in,.each_meal.info_fade-in {
  opacity: 1;
  transform: translateX(0);
	overflow: hidden;
}

.school_infobox_inn {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	
}
.school_infobox_inn2 {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	
}
.school_infobox_R {
  width: 50%;
  position: relative;
  opacity: 0;
  transform: translateX(100px); /* 右からスライドイン */
  transition: all 1s ease-out;
}

.school_infobox_L2 {
  width: 50%;
  position: relative;
  opacity: 0;
  transform: translateX(-100px); /* 右からスライドイン */
  transition: all 1s ease-out;
}
.each_meal {
  width: 100%;
  position: relative;
  opacity: 0;
  transform: translateX(100px); /* 右からスライドイン */
  transition: all 1s ease-out;
}
.school_infobox_L,.school_infobox_R {
flex: 1;
    display: flex
;
    justify-content: center;
    align-items: baseline;
}
.school_info_textbox {
    margin-top: 45px;
    padding: 15px;
}
.school_info_textbox2 {
    margin-top: 45px;
    padding: 15px;
	margin-left: 50px;
}
.school_infobox_L2 {
flex: 1;
    display: flex
;
    justify-content: center;
    align-items: baseline;
}

.school_infobox_R2 {
flex: 1;
    display: flex
;

    align-items: baseline;
}



.licence_box {
	margin-bottom: 85px;
}

.lice_link a {
    text-decoration: none;
    text-align: center;
    padding: 10px;
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 35px !important;
    background: #333;
    color: #fff;
    border-radius: 10px;
	position: relative;
}
.lice_link a:hover {
	opacity: 0.7;
	transition: 0.5s;
	color: #fff;
}
.licence_mid_box_inn_R_1 {
	margin-bottom: 80px;
}
.licence_mid_box_inn_R_2 {
	margin-bottom: 85px;
}
.licence_mid_box_inn_R_1 li,.licence_mid_box_inn_R_2 li,.licence_mid_box_inn_R_3 li {
	text-indent: -1rem;
	padding-left: 24px;
	list-style: none;
}
.step_arrow::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    bottom: -46px;
    margin: 0 auto;
    color: #60ccbc;
    right: 0;
    display: block;
    text-align: center;
    left: 0;
}
.licence_mid_box_inn_L_1 h4 {
	text-align: center;
	font-size: 2rem;
	color: #60ccbc;
	margin-top: 20px;
	font-weight: 500;
}
.licence_mid_box_inn_L_1 h4 span {
	display: block;
	font-size: 1.8rem;
}
.licence_mid_box_inn {
	display: flex;
	gap:20px;
	justify-content: space-between;
}
.licence_mid_box_inn_R_1 li {
	list-style: none;
}
.licence_mid_box_inn_L_1 {
	padding: 10px;
	position: relative;
	border: 2px solid #60ccbc;
	border-radius: 5px;
	margin-bottom: 25px;
}
.licence_mid_box_inn_L {
	width: 30%;
}
.licence_mid_box_inn_L,.licence_mid_box_inn_R {
	display: flex;
	flex-direction: column;
	gap:40px;
}
.lice_step {
color: #fff;
    position: absolute;
    top: -23px;
    background: #60ccbc;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50px;
    padding: 2px 0 6px;
    text-align: center;
    max-width: 148px;
	font-weight: 500;
}
.licence_mid_box {
	margin-top: 85px;
	margin-bottom: 85px;
}
.licence_mid_box h3 {
	color: #60ccbc;
	font-weight: 500;
	position: relative;
	background: #fff;
	font-size: 2rem !important;
	
}
.licence_mid_box h3::before {
    border-bottom: 2px solid #60ccbc;
    bottom: 16px;
    width: 200px;
    left: 20%;
    height: 2px;
    content: "";
    position: absolute;
}
.licence_mid_box h3::after {
    border-bottom: 2px solid #60ccbc;
    bottom: 16px;
    width: 200px;
    right: 20%;
    height: 2px;
    content: "";
    position: absolute;
}
.licence_box h2 span {
	font-size: 1.2rem;
	display: inline-block;
}
.licence_box h2 {
    background: #60ccbc;
    color: #fff;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    font-size: 1.8rem;
}
.licence_box h3 {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 45px;
    margin-top: 45px;
}
.licence_inn {
	max-width: 900px;
	margin: 0 auto;
}
.licence_inn td li {
	list-style: none;
}
.licence_inn th {
	width: 20%;
	vertical-align: top;
	background: #eee;
}
.licence_inn td li{
	padding-left: 30px;
	text-indent: -1rem;
	
}
.infopage_box_items:hover .info_mid_box_inn::after {
	transition: 0.5s;
	right: -15px;
	opacity: 1;
}
.infopage_box_items .info_mid_box_inn::after {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: -10px;
    top: 2px;
    opacity: 0;
    color: #fff;
}


.infopage_box_items:hover img{
	transform: scale(1.1);
	transition: 0.5s;
}
.infopage_box_items a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.infopage_box_items .info_mid_box_inn {
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    display: flex
;
    width: auto;
    justify-content: center;
}


.infopage_box {
    display: flex
;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 85px;
}
.infopage_box_items p {
	margin: 0;
	padding: 0;
}
.infopage_box_items img,.infopage_box_items {
	line-height: 0;
	transition: 0.5s;
}
.infopage_box_items {
	position: relative;
	width: 48%;
	overflow: hidden;
}
.infopage_box_items h2 {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 1.2rem;
    padding: 30px 0;
    background: #60ccbce0;
    color: #fff;
    width: 100%;
    margin-bottom: 0;
}
.faci_map_box {
	margin-top: 85px;
}
.faci_map_box_inn {
	display: flex;
	justify-content: flex-start;
	gap:20px;
}
.faci_map_box_inn h3 {
    color: #fff;
    background: #3f2525;
    padding: 10px;
    border-radius: 60px;
    text-align: center;
    margin-bottom: 20px;
    max-width: 220px;
    font-size: 1.3rem;
}
	.faci_map_box_inn_L,.faci_map_box_inn_R {
		flex: 1
	}
.faci_map_box_inn_L_map,.faci_map_box_inn_R_map {
	position: relative;
}
.faci_map_box_inn_R_map_n_1 {
    position: absolute;
    top: 35%;
    left: 26%;
    color: #ffffff;
    font-size: 1.8rem;
}
.faci_map_box_inn_R_map_n_2 {
    position: absolute;
    top: 48%;
    left: 8%;
    color: #ffffff;
    font-size: 1.8rem;
}
.faci_map_box_inn_R_map_n_3 {
    position: absolute;
    top: 68%;
    left: 54%;
    color: #333;
    font-size: 2rem;
}
.faci_map_box_inn_R_map_text {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 93%;
    padding: 10px;
    background: #d7ecff;
    border-radius: 10px;
}
.faci_map_box_inn_rooms {
	    padding: 10px;
    background: #d7ecff;
    border-radius: 10px;
}


.faci_map_box_inn_L_map_n_1 {
position: absolute;
    top: 15%;
    left: 48%;
    color: #ffffff;
    font-size: 1.8rem;
}
.faci_map_box_inn_L_map_n_2 {
    position: absolute;
    top: 15%;
    left: 40%;
    color: #ffffff;
    font-size: 1.8rem;
}
.faci_map_box_inn_L_map_n_3 {
    position: absolute;
    top: 15%;
    left: 8%;
    color: #ffffff;
    font-size: 1.8rem;
}
.faci_map_box_inn_L_map_n_4 {
    position: absolute;
    left: 8%;
    color: #ffffff;
    font-size: 1.8rem;
    top: 61%;
}
.faci_map_box_inn_L_map_n_5 {
position: absolute;
    right: 15%;
    color: #ffffff;
    font-size: 1.8rem;
    top: 15%;
}


.faci_map_box_inn_L_map_n_6 {
    position: absolute;
    right: 16%;
    color: #45a86f;
    font-size: 1.8rem;
    top: 58%;
}
.faci_map_box_inn_L_map_n_7 {
    position: absolute;
    right: 36%;
    color: #45a86f;
    font-size: 1.8rem;
    top: 58%;
}
.faci_map_box_inn_L_map_n_8 {
    position: absolute;
    left: 35%;
    color: #45a86f;
    font-size: 1.8rem;
    top: 58%;
}
.faci_map_box_inn_L_map_n_9 {
    position: absolute;
    left: 27%;
    color: #fff;
    font-size: 1.8rem;
    top: 15%;
}

.faci_map_box_inn_L_map p {
	margin: 0;
	padding: 0;
}
.faci_map_box_inn_rooms div {
	display: inline-block;
	width: 46%;
	margin-right: 10px;
}


.facility_box .fa_classroom {
    background: #aae48c;
}
.facility_box .fa_jitsugi {
	background: #c7daf4;
}
.facility_box .goukei {
	background: #fff;
	padding: 20px;
}
.facility_box th.fa_classroom {
	width: 20%;
}
.facility_box td {
	padding-left: 20px;
}
.facility_box table tr:nth-child(even) {
	background: #eee;
}
.facility_box h2 {
	    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
}
.facility_box h2:before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 90px;
}
.faci_box_inn {
    display: flex
;
    gap: 30px;
    justify-content: space-between;
    margin-top: 55px;
}
.faci_box_inn_R {
	width: 60%;
}

.faci_box_inn_L {
	width: 40%;
	font-size: 1.2rem;
}
.facility_box h2 span {
	display: block;
}
.for_pc {

}
.for_mob {
	display: none !important;
}
.by_bus_at {
    color: #ff4040;
    font-weight: 500;
    margin-bottom: 20px;
}
.bus_place_table h4 span {
	margin-left: 10px;
}
.g_map iframe {
	width: 100%;
	height: 450px;
}
.bus_place_table h4 {
    margin-top: 15px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 45px;
    background: #3c5c71;
}
.bus_place_table_L,.bus_place_table_R {
	flex: 1;

}
.bus_place_table_R_map .kakegawa_map_text_1 {
    position: absolute;
    bottom: 41px;
    left: 88px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #fff;
}
.bus_place_table_R_map .kakegawa_map_text_2 {
    position: absolute;
    bottom: 61px;
    left: 253px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #de2d49;
}
.bus_place_table_R_map .kakegawa_map_text_5 {
    position: absolute;
    top: 22px;
    right: 154px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #333;
    padding: 20px;
}
.bus_place_table_R_map .kakegawa_map_text_3 {
    position: absolute;
    bottom: 79px;
    right: 79px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #333;
    padding: 20px;
}
.bus_place_table_R_map .kakegawa_map_text_4 {
    position: absolute;
    bottom: 135px;
    right: 60px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #333;
    padding: 20px;
}
.bus_place_table_L_map,.bus_place_table_R_map {
	position: relative;
}
.bus_place_table_L_map .bajet_map_text_3 {
    position: absolute;
    top: 111px;
    right: 91px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #333;
    padding: 20px;
}
.bus_place_table_L_map .bajet_map_text_2 {
    position: absolute;
    bottom: 49px;
    left: 257px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #de2d49;
}
.bus_place_table_L_map .bajet_map_text_1 {
    position: absolute;
    top: 69px;
    writing-mode: tb;
    left: 149px;
    font-size: 1.2rem;
    font-weight: 900;
}
.bus_place_table {
	display: flex;
	column-gap: 20px;
}
.bus_place h3 {

    margin-top: 35px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.bus_place h3::after {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.bus_time {
    position: absolute;
    writing-mode: lr;
    text-align: center;
    left: 0;
    right: 0;
    width: 165px;
    margin: 0 auto;
    font-size: 1.6rem;
    color: #439734;
    line-height: 22px;
    bottom: -34px;
}
.bus_time span{
	display: inline-block;
	margin: 0 5px;
	font-size: 1.2rem;
}
.station span {
	display: block;
}
.bus_box .access_train_inn {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 55px;
}
.bus_box .station .arrow2 {
	width: calc(100% + 20px)
	
} 

.bus_box .train_routes .arrow {
    position: absolute;
    top: 50%;
    left: inherit;
    transform: translateY(-50%);
    height: 2px;
    background: #6aa1ff;
    width: calc(100% + 20px);
    right: -240%;
    margin: 0 auto;
}
.bus_box .train_step {
    position: relative;
    width: 60px;
    height: 200px;
    border-radius: 8px;
    font-weight: bold;
    display: flex
;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-lr;
}
.bus_box h2 {
    background: #60ccbc;
    color: #fff;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
}
.bus_box {
	margin-top: 85px;
	padding-bottom: 50px;
}
.bus_box .access_car_box {
	padding: 20px 50px 65px;
}
.bus_box_inn {
	margin-left: 35px;
}
.bus_box_inn h3 {
    margin-top: 35px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.bus_box_inn h3::after {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.g_map .map_info {
    display: flex
;
    margin: 100px 0 30px;
    justify-content: flex-start;
    gap: 65px;

}
.map_info_R {
	margin-top: 15px;
	

}
.map_info_L {
	width: 100%;
	max-width: 380px;
}
.access_train_inn {
    display: flex
;
    justify-content: space-between;
    gap: 40px;
    margin-top: 20px;
    align-items: flex-start;
}

/* 出発地（東京・名古屋・大阪を縦に並べる） */
.access_train_inn {
    display: flex
;
    align-items: self-start;
    justify-content: space-between;
    gap: 40px;
    margin-top: 20px;
}

/* 出発地縦列 */
.train_routes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
}

.access_box p{
	margin: 0 !important;
	padding: 0 !important;
}

.train_step {
  background: #f0f6ff;
  border: 1px solid #d7e6ff;
}
.train_goal .goal {
		    width: 60px;
    height: 200px;
}
.train_goal {

    border-radius: 8px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
writing-mode: vertical-lr;
}
.station {
  background: #fff7e6;
  border: 1px solid #ffe7b8;
	    position: relative;
    width: 60px;
    height: 200px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
writing-mode: vertical-lr;
}

.goal {
  background: #e9fff0;
  border: 2px solid #6aa1ff;
  width: 160px;
  height: 70px;
  font-size: 16px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* 出発地・駅・ゴール */
.train_step {
    position: relative;
    width: 120px;
    height: 50px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.access_car_box h2.by_train {
    margin-bottom: 35px;
    position: relative;
}

/* 矢印を中央に伸ばす */
.arrow {
    position: absolute;
    top: 50%;
    left: 150%; /* ボックスの右端からスタート */
    transform: translateY(-50%);
    height: 2px;
    background: #6aa1ff;
    width: calc(100% + 20px); /* 親との間隔に応じて伸ばす */
}
.arrow2 {
position: absolute;
    top: 50%;
    left: 121px;
    transform: translateY(-50%);
    height: 2px;
    background: #6aa1ff;
    width: calc(100% + 80px);
}

/* 矢印の先端 */
.arrow span {
    position: absolute;
    left: -25px;
    right: 0;
    margin: 0 auto;
    bottom: -33px;
    font-weight: 400;
    width: 200px;
    text-align: center;
}
.arrow2 span {
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: -33px;
    font-weight: 400;
    width: 200px;
    text-align: center;
    writing-mode: lr;
}
.arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #6aa1ff;
}
.arrow2::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #6aa1ff;
}

.access_car_box {
	    background: #ffffff;
    padding: 20px 50px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px #d1d1d1;
	margin-bottom: 35px;
}
.access_car_box h2 {
	margin-bottom: 10px;
	position: relative;
	padding-left: 90px;
}
.access_car_box h2.by_bus::after {
    content: "\f55e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.9rem;
    position: absolute;
    left: 19px;
    top: -7px;
    color: #fff;
    transition: 0.5s;
    background: #60ccbc;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 8px;
}
.access_car_box h2::after {
    content: "\f1b9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.9rem;
    position: absolute;
    left: 19px;
    top: -7px;
    color: #fff;
    transition: 0.5s;
    background: #60ccbc;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 8px;
}
.access_car_box h2.by_train::after {
    content: "\f239";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.7rem;
    position: absolute;
    left: 19px;
    top: -7px;
    color: #fff;
    transition: 0.5s;
    background: #60ccbc;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 9px;
}



.access_car_inn {
    display: flex
;
    flex-direction: column;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;

}
.access_car_inn p {
	margin: 0;
	padding: 0;
}
/* 横に流れる1行 */
.route_row {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/* ステップ（東京・名古屋・IC） */
.step {
  width: 120px;
  height: 60px;
  background: #f0f6ff;
  border: 1px solid #d7e6ff;
  border-radius: 8px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* ゴール（共通） */
.goal {
  width: 160px;
  height: 70px;
  background: #e9fff0;
  border: 2px solid #6aa1ff;
  border-radius: 10px;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* 横の線 */
.line {
  flex: 0 0 60px;
  height: 2px;
  background: #6aa1ff;
  position: relative;
}
.line span {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -55px;
}

/* 矢印 */
.line::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #6aa1ff;
}


.line2 {
  flex: 0 0 60px;
  height: 2px;
  background: #6aa1ff;
  position: relative;
}
.line2 span {
    position: absolute;
    left: -60px;
    right: 0;
    margin: 0 auto;
    bottom: -55px;
    width: 200px;
    text-align: left;
}

/* 矢印 */
.line2::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #6aa1ff;
}





.plan_top_R_mes h3 {
    font-size: 26px;
    color: #60CCBC;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px !important;
    margin-left: 25px;
    font-weight: 500;
}

.plan_top_R h2 span {
	display: block;
	font-size: 16px;
} 

td span.hotel-detail-note {
    color: #cc0000;
    text-indent: -18px;
    display: block;
    padding-left: 26px;
	margin-bottom: 10px;
}

.hotel-rental-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hotel-rental-list li {
	list-style: disc;
	width: 33.333%;
	margin-bottom: 25px;
}
.hotel-rental-list li.hotel-rental-list_long {
	width: 50%
}
ul.price {
	margin-left: 25px;
}
.hotel-topic-gray {
	background: #eee;
	color: #333;
	padding: 20px;
	border-radius: 10px;
	margin-top: 35px;
	margin-bottom: 85px;
}
.hotel-topic-title {
	font-size: 1.2rem;
	font-weight: 500;
}
.hotel-topic-tag {
	background: #cc0000;
	padding: 10px;
	text-align: center;
	max-width: 250px;
	border-radius: 5px;
	color: #fff;
	font-size: 1.5rem;
}
.hotel-topic-highlight {
    border: 2px solid #eee;
    border-radius: 10px;
    margin-top: 55px;
    padding: 0px 0px 0px 20px;
	font-size: 1.2rem;
	display: flex;
	justify-content: space-between;
}
.hotel-topic-img {
	overflow: hidden;
	border-radius: 0 10px 10px 0;
	line-height: 0;
}
.hotel-topic-img img {
	line-height: 0;
}
h3.hotel-topic-tag {
	font-size: 1.2rem;
}

.plan_top_R h2 {
	background: #60ccbc;
	color: #fff;
	padding: 10px;
	text-align: center;
	line-height: 33px;
}
.plan_top_R .price {
	margin-top: 35px;
}
.plan_top_R .price li {
	list-style: none;
	display: flex;
	margin-bottom: 15px;
}
.plan_mid_box {
    display: flex
;
    gap: 20px;
    justify-content: space-between;
    margin-top: 30px;
}

.plan_mid_box th.hotel-detail-label {
	width: 150px;
	background: #edf9f7;
}
.plan_mid_box_L {
    width: 70%;
}
.plan_mid_box_R {
	width: 30%
}
.plan_top_R .price li .price_inn {
width: 55%;
}
.plan_top_R .price li .price_inn_R {
width: 45%;
}
.price_inn_R,.price_inn {
	position: relative;
}
.plan_top_R .price li .price_inn span {
	position: absolute;
	right: 50px;
}
.plan_top_R .price li .price_inn_R span {
    position: absolute;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    top: 14px;
    left: 119px;
    margin: 0 auto;
}
.hotelplan_box_inn_top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hotelplan_box_inn_top .plan_top_L {
	width: 59%;
}
.hotelplan_box_inn_top .plan_top_R {
	width: 41%;
}
.price_inn_R {
    margin-top: -10px;
    font-size: 30px;
    color: #ff0000;
    font-weight: 900;
}
.separate-containers .site-main {
	margin: 0 !important;
}
.hotelplan_box_img img {
	width: 100%;
}
.hotelplan_box_img {
	text-align: center;
}
.plan-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.plan-table th,
.plan-table td {
    border: 1px solid #ccc;
    padding: 5px 0;
    text-align: center;
    position: relative;
    width: 36%;
    height: 65px;
}
.plan-table tr td[colspan="2"] {
  width: 100%;
}
.plan-table th p,
.plan-table td p,.plan-wrapper p {
	padding: 0;
	margin: 0;
}
.plan-table td h2 {
    padding-bottom: 0;
    margin: 0;
    font-size: 24px;
   color: #fff;
}
td.hotel_plan_box {
	 background: #60ccbc;
}
.plan-table td .hotel_accent {
    position: absolute;
    left: 126px;
    right: 0;
    margin: 0 auto;
    top: 21px;
}
.plan-table td .hotel_accent_2 {
    position: absolute;
    left: 170px;
    right: 0;
    margin: 0 auto;
    top: 21px;
}
.plan-table td.plan-img {
	line-height: 0;
	padding: 0;
}
.plan-table th {
  background: #f7f7f7;
  width: 25%;
}
.plan-wrapper {
  display: flex;
  gap: 20px;
	margin-bottom: 85px;
}


.plan-box {
    flex: 1;
    border-radius: 6px;
    padding: 0px;
    background: #fff;
}

.plan-box .plan-header {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.plan-img img {
  width: 100%;
  height: auto;
	line-height: 0;
}

.plan-name {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 500;
    padding: 10px 0 !important;
    text-align: center;
    background: #60ccbc36;
}

.plan-division,
.plan-price,
.plan-morning,
.plan-dinner,
.plan-parking,
.plan-transfer {
  margin-bottom: 10px;
}

.plan-division .label,
.plan-price .label,
.plan-morning .label,
.plan-dinner .label,
.plan-parking .label,
.plan-transfer .label {
  font-weight: bold;
  margin-bottom: 5px;
}

.plan-btn {
  margin-top: 15px;
  text-align: center;
}

.plan-btn a,.to_other_plan a {
    padding: 10px 25px;
    max-width: 230px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #60ccbc;
    color: #fff !important;
    margin-top: 35px;
    position: relative;
}

.plan-btn a:hover,.to_other_plan a:hover {
    opacity: 0.8;
    transition: 0.5s;
    background: #40998c;
}

.plan-btn a::after {
				content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: 64px;
    top: 14px;
    opacity: 0;
    color: #fff;
	transition: 0.5s;
}
.to_other_plan a {
	margin-bottom: 35px;
}
.plan-btn a:hover::after{
    color: #fff;
    transition: 0.5s;
    right: 54px;
    opacity: 1;
}
.to_other_plan a:hover::after{
	    color: #fff;
    transition: 0.5s;
    right: 39px;
    opacity: 1;
}
.to_other_plan a::after {
					content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: 49px;
    top: 14px;
    opacity: 0;
    color: #fff;
	transition: 0.5s;
}
.grn {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border: 4px solid #60ccbc;
    border-radius: 50%;
    position: relative;
    top: 5px;
}

.grn_batsu::before,
.grn_batsu::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 4px;
    background-color: #60ccbc;
    transform-origin: center;
}

.grn_batsu::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.grn_batsu::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.corse_price a {
	padding: 15px 0;
	max-width: 250px;
	width: 100%;
	background: #48bad1;
	transition: 0.5s;
	margin: 20px 0;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #fff;
}
.info_mid_box .info_mid_box_inn {
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    display: flex
;
    width: auto;
    justify-content: center;
}
.info_inn:hover .info_mid_box .info_mid_box_inn::after {
	
}

#reissue .reissue-accordion:hover {
	background-color: #40998c;
	transition: 0.5s;
	color: #fff;
}
.reissue_bottom {
	margin-bottom: 85px;
}
    .box-requirements ul li a,.box-requirements ul li a {
        font-size: 1rem;

		margin-left: 30px;
    }
#reissue h5 {
	margin-bottom: 10px;
}
#reissue {
	margin-bottom: 85px;
}
#reissue article {
	margin-left: 70px;
}
#reissue .box-requirements {
	padding: 20px;
}
#reissue h2.heading-main {
    background: #60ccbc;
    color: #fff;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
}
#reissue .reissue-accordion::after {
    content: "▼";
    position: absolute;
    right: 15px;
    transition: transform 0.3s;
}
#reissue .reissue-accordion.active::after {
    background: #40998c;
	transform: rotate(180deg);
	transition: 0.5s;
}
.subsidy_inn {
	margin-bottom: 45px;
}
.subsidy_inn li {
	list-style: none;
}

#reissue h3.heading-sub {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
	margin-bottom: 2px;
}
.info-time {
    margin-left: 30px;
    margin-bottom: 0;
}
#reissue h3.heading-sub::before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.subsidy_box h2 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
}
.subsidy_box h2::before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.section-education {
	margin-bottom: 85px;
}
.subsidy_box h3.subsidy_label {
    margin-top: 0px;
    color: #333;
    border-bottom: none;
    padding-left: 0px;
    position: relative;
    padding-bottom: 5px;
	font-size: 1.2rem;
}

.subsidy_box h3::before.subsidy_labe {
 border-left: 0px;
	content: "";
}
.subsidy_box h3 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
}
.subsidy_box h3:before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.container.grid-container.mid_box_index {
	padding-top: 0;
}
.top_qa_box {
    background: #6ed3e012;
    padding-top: 35px;
    border-radius: 10px;
    margin-bottom: 85px;
	padding-bottom: 65px;
}
body.home #breadcrumbs.head_inn {
  display: none;
}
.info_box h3.info_mid_box {
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 1.2rem;
	padding: 30px 0;
	background: #60ccbce0;
	color: #fff;
	width: 100%;
	margin-bottom: 0;
}
.info_box img {
	line-height: 0;
}
.container.grid-container.top_main_index {
	padding-top: 0;
} 
.top_index .site-main {
	margin: 0 !important;
}
.top_index .site-main .entry-content {
	margin-top: 0 !important;
}
.site-description {
    color: #fff !important;
    font-size: 0.7rem !important;
    position: absolute;
    left: 24px;
	 word-break: keep-all;   /* 日本語は基本くっつける */
  overflow-wrap: anywhere; 
	z-index: 9999;
}
.top_index h1 {
	visibility: hidden;
	line-height: 0;
}
.top_index h2.site_copy {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 45px;
	line-height: 42px;
}
#breadcrumbs {
    max-width: 1200px;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    font-size: 0.8rem;
}
.sitemap-container ul .site_kyousyuu {
	background: #ed67935c;
}
.sitemap-container ul .site_ginou {
	background:#489b1b54;
}
.sitemap-container ul .site_tokubetsu {
	background: #f38c1e47;
}
.sitemap-container ul .site_anzen {
	background: #1459b73b;
}

.sitemap-container li {
	list-style: none;
	
}

.sitemap-container .site_inn_box li {
	background: none;
}
.sitemap-container ul:first-child {
	margin-left: 0;
}
.sitemap-container a:hover {
	color: #60ccbc;
	transition: 0.5s;
}
.sitemap-container a {
	text-decoration: none;
	position: relative;
	color: #333;
	font-size: 1.3rem;
}
.sitemap-container .site_inn_box a {
	font-size: 1rem;
}
.sitemap-container h2 {
	font-size: 1.3rem;
}
.sitemap_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sitemap_ul > li {
  flex: 1 1 48%;           /* 2列に */
  box-sizing: border-box;
  padding: 15px;
  background-color: #f0f0f0;  /* 任意の背景色 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* 上揃え */
  min-height: 275px;            /* 高さを揃える場合 */
}

/* 中のULは上寄せのまま */
.sitemap_ul > li > ul {
  margin-top: 0;  /* autoを外す */
}

.sitemap_ul p {
	margin: 0;
	padding: 0;
}
ul.sitemap_ul {
	display: flex;
	flex-wrap: wrap;
	gap:20px;
	justify-content: space-around;
	align-items: flex-start;
}
ul.sitemap_ul li {
	list-style: none;
	width: 48%;
	padding: 20px;
	background: #eee;
}
ul.sitemap_ul li ul li {
	width: 100%;
	padding: 0;
}
table.table-company tr, table.table-history tr {
    padding: 10px 0;
    margin-bottom: 16px;
    display: block;
}

ul.company-links.clearfix {
	margin-left: 0;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
	padding: 0 10px !important;
}
.company-others {
	border: 1px solid #333;
	padding: 20px;
	margin-bottom: 55px;
	
}
.company-others li {
	list-style: none;
}
.company-others .subtitle {
	color: #60ccbc;
	font-weight: 500;
	font-size: 1.2rem;
}
.company-links.clearfix {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	justify-content: space-between;
}
.company-links.clearfix li img {
	display: block;
}
.company-links.clearfix li {
    width: 30%;
    border: 1px solid #333;
    list-style: none;
    display: flex
;
    justify-content: center;
    flex-direction: column;
    line-height: 22px;
    padding-bottom: 10px;
}
.company-links.clearfix li a {
	text-decoration: none;
	color: #333;
	text-align: center;
}
.company_box {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}
table.table-company th,table.table-company td,table.table-history th,table.table-history td {
	
	border: none;
}
table.table-company,table.table-history {
	border: none;
	margin-bottom: 85px;
}
table.table-company th,table.table-history th {
padding-right: 50px;
	width: 200px;
}
table.table-company tr:nth-child(even),table.table-company th:nth-child(even),table.table-history th:nth-child(even),table.table-history tr:nth-child(even) {
    background: #e6f8f5;
}

h3.section-title {
	color: #60ccbc;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
}
h3.section-title::before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}

.site-policy .section ol li {
	margin-bottom: 10px;
}
.site-policy p {
	margin-bottom: 0;
}
.site-policy .section {
	margin-bottom: 35px;
}

.site-policy p a {
	color: #333;
	text-decoration: none;
	position: relative;
}
.toc li a::after {
				content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: -10px;
    top: 3px;
    opacity: 0;
    color: #333;
	transition: 0.5s;
}
.toc li a:hover::after {
	color: #60ccbc;
	transition: 0.5s;
	right: -17px;
	opacity: 1;
}
.toc li {
	display: block;
	
}
.toc li a {
	color: #333;
	transition: 0.5s;
	text-decoration: none;
	position: relative;
}
.toc li a:hover {
	color: #60ccbc;
	transition: 0.5s;}
.site-policy h2 {
	font-size: 1.5rem;
}
.pagination {
	text-align: center;
	margin-bottom: 55px;
	margin-top: 35px;
}
.pagination span.current {
	color: #60ccbc;
	font-weight: 500;
	margin: 5px 5px;
}
.pagination a:hover {
	background: #60ccbc;
	color: #fff;
	transition: 0.5s;
}
.pagination a {
	color: #333;
	border: 1px solid #eee;
	padding: 10px;
	margin: 5px 0;
	font-size: 1rem;
	text-decoration: none;
    display: inline-flex;        /* 中央揃え用 */
    justify-content: center;     /* 横方向中央 */
    align-items: center;         /* 縦方向中央 */
    width: 40px;                 /* 正方形の幅 */
    height: 40px;  
}
.pagination a.next.page-numbers,.pagination a.prev.page-numbers {
	width: 80px
}
/* サブメニューを横並びにする */
#menu-item-58-sub-menu li#menu-item-109,
#menu-item-58-sub-menu li#menu-item-108,
#menu-item-58-sub-menu li#menu-item-107,
#menu-item-58-sub-menu li#menu-item-118,
#menu-item-58-sub-menu li#menu-item-117,
#menu-item-58-sub-menu li#menu-item-116,
#menu-item-58-sub-menu li#menu-item-115,
#menu-item-58-sub-menu li#menu-item-114,
#menu-item-58-sub-menu li#menu-item-113,
#menu-item-58-sub-menu li#menu-item-112,
#menu-item-58-sub-menu li#menu-item-111,
#menu-item-58-sub-menu li#menu-item-153,
#menu-item-58-sub-menu li#menu-item-153,
#menu-item-58-sub-menu li#menu-item-152,
#menu-item-58-sub-menu li#menu-item-151,
#menu-item-58-sub-menu li#menu-item-150,
#menu-item-58-sub-menu li#menu-item-149,
#menu-item-58-sub-menu li#menu-item-148,
#menu-item-58-sub-menu li#menu-item-147,
#menu-item-58-sub-menu li#menu-item-146,
#menu-item-58-sub-menu li#menu-item-145,
#menu-item-58-sub-menu li#menu-item-144{
    display: none;
    transition: all 0.3s ease;
}
/* 親メニューに三角を追加 */
#menu-item-106 > a::after,
#menu-item-110 > a::after,
#menu-item-122 > a::after,
#menu-item-143 > a::after {
    content: "▼";
    position: absolute;
    right: inherit;
    margin-left: 0.5em;
    font-size: 1rem;
    left: -8px;
    top: 8px;
    bottom: inherit;
    width: 0;
    transition: 0s;
}
#menu-item-106 a:hover,
#menu-item-110 a:hover,
#menu-item-122 a:hover,
#menu-item-143 a:hover {
	cursor: pointer;
}
/* open クラスで90度回転 */
#menu-item-106.open > a::after,
#menu-item-110.open > a::after,
#menu-item-122.open > a::after,
#menu-item-143.open > a::after {
    transform: rotate(-180deg);
    left: 8px;
    top: 32px;
}
#menu-item-109, #menu-item-108, #menu-item-107,
#menu-item-118, #menu-item-117, #menu-item-116, #menu-item-115, #menu-item-114, #menu-item-113, #menu-item-112, #menu-item-111,
#menu-item-153, #menu-item-152, #menu-item-151, #menu-item-150, #menu-item-149, #menu-item-148, #menu-item-147, #menu-item-146,
#menu-item-145, #menu-item-144 {
    display: none;
}

#menu-item-109.open, #menu-item-108.open, #menu-item-107.open,
#menu-item-118.open, #menu-item-117.open, #menu-item-116.open, #menu-item-115.open, #menu-item-114.open, #menu-item-113.open, #menu-item-112.open, #menu-item-111.open,
#menu-item-153.open, #menu-item-152.open, #menu-item-151.open, #menu-item-150.open, #menu-item-149.open, #menu-item-148.open, #menu-item-147.open, #menu-item-146.open,
#menu-item-145.open, #menu-item-144.open {
    display: block;
}
/* クリック後に表示用クラス */
.sub-menu .open {
    display: block !important;
}

#menu-item-106 a::after,#menu-item-110 a::after,#menu-item-122 a::after,#menu-item-143 a::after {
	border-bottom: none !important;
}
#menu-item-106 a::before,#menu-item-110 a::before,#menu-item-122 a::before,#menu-item-143 a::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #fff;
    width: 100%;
    left: -4px;
    top: 0px;
}
#menu-item-106 a,#menu-item-110 a,#menu-item-122 a,#menu-item-143 a {
	margin-left: -10px;
}
.main-navigation ul ul {
	width: 350px !important;
}
.inside-site-info {
	padding: 0 !important;
}
.site-header .header-image {
	width: 100% !important;
	max-width: 270px;
}
.inside-navigation.grid-container{
	max-width: inherit !important;
}
#gt_float_wrapper {
    position: absolute !important;
    top: 117px !important;
    right: 20px;
    z-index: 99999 !important;
}
.gt_float_switcher .gt_options {
	max-height: 550px !important;
}
.head_menu_item a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
/* まず通常の見た目 */
.head_menubox .head_menu_item {
  transition: 0.5s;
}

/* 親に hover がついたら全て薄く */
.head_menubox:hover .head_menu_item {
  opacity: 0.5;
}

/* ただしホバー中のボタンは元に戻す */
.head_menubox .head_menu_item:hover {
  opacity: 1;
}
.head_menu_item.h_menu_1 {
	background:#60ccbc; 
}
.head_menu_item.h_menu_2 {
	background:#6dc3ce; 
}
.head_menu_item.h_menu_3 {
	background:#6ed3e0; 
}
.head_menu_item.h_menu_4 {
	background:#17b2d2; 
}
.head_menu_item.h_menu_1:hover {

	cursor: pointer;
	transition: 0.5s;
}
.head_menubox .head_menu_item:hover h2 {
	transition: 0.5s;
	color:#333; 
}

.head_menu_item.h_menu_2:hover {
		cursor: pointer;
	transition: 0.5s;
}


.head_menu_item.h_menu_3:hover {

			cursor: pointer;
	transition: 0.5s;
}
.head_menu_item.h_menu_4:hover {

				cursor: pointer;
	transition: 0.5s;
}


.top_icon_inn video {
	width: 100%;
	line-height: inherit;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	
}
.h_menu_2 .top_icon_inn video {
width: 100%;
    line-height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.head_menubox {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 55px;
}
.site-header .main-title a:hover {
	color: #fff;
	transition: 0.5s;
	opacity: 0.7;
}
.site-logo img:hover {
	opacity: 0.7;
	transition: 0.5s;
}
.head_menubox .head_menu_item h2 {
position: absolute;
    bottom: 19px;
    left: 50%;              /* 親要素の中央を基準に配置 */
    transform: translateX(-50%); /* 幅に応じて中央寄せ */
    font-size: 1.5rem;
    color: #fff;
    display: inline-block;  /* 文字幅に合わせる */
    margin: 0;
    transition: 0.5s;
	white-space: nowrap;    /* 改行を許可 */
  word-wrap: break-word;  /* 長い単語でも折り返す */
/* 必要なら改行防止 */
}
.head_menubox .head_menu_item h2::after {
			content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: -10px;
    top: 2px;
    opacity: 0;
    color: #333;
	transition: 0.5s;
}
.head_menubox .head_menu_item:hover h2::after {
	opacity: 1;
	right: -17px;
}
.top_icon_inn {
    overflow: hidden;
    border-radius: 50%;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: inherit;
    position: relative;
    max-height: 200px;
    height: 100%;
}
.head_menubox .head_menu_item {
    flex: 1;
    aspect-ratio: 1 / 1;
    position: relative;
    transition: 0.5s;
}

h2.course_section_title.menkyo_h2  {
	color: #ed6793;
	border-bottom: 2px solid #ed6793;
	padding-left: 30px;
	position: relative;
	padding-bottom: 5px;
}
h2.course_section_title.menkyo_h2::before {
border-left: 10px solid #ed6793;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
h2.course_section_title.ginou_h2  {
	color: #489b1b;
	border-bottom: 2px solid #489b1b;
	padding-left: 30px;
	position: relative;
	padding-bottom: 5px;
}
h2.course_section_title.ginou_h2::before {
border-left: 10px solid #489b1b;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
h2.course_section_title.tokubetsu_h2  {
	color: #f38c1e;
	border-bottom: 2px solid #f38c1e;
	padding-left: 30px;
	position: relative;
	padding-bottom: 5px;
}
h2.course_section_title.tokubetsu_h2::before {
border-left: 10px solid #f38c1e;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
h2.course_section_title.anzen_h2  {
	color: #1459b7;
	border-bottom: 2px solid #1459b7;
	padding-left: 30px;
	position: relative;
	padding-bottom: 5px;
}
h2.course_section_title.anzen_h2::before {
border-left: 10px solid #1459b7;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 45px;
}
.course_section {
	margin-bottom: 55px;
	position: relative;
}
.course_section.menkyo_af::before {
    background: #ed67930f;
    width: 100%;
    height: 95%;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
.course_section.ginou_af::before {
    background: #489b1b0d;
    width: 100%;
    height: 97%;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
.course_section.tokubetsu_af::before {
    background:#f38c1e12;
    width: 100%;
    height: 97%;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
.course_section.anzen_af::before {
    background:#1459b712;
    width: 100%;
    height: 95%;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
.course_inn_img {
	overflow: hidden;
	transition: 0.5s;
}
.course_inn_img img {
	transition: 0.5s;
	transform: scale(1);
}
.course_item:hover .course_inn_img img {
	transform: scale(1.1);
	transition: 0.5s;
	cursor: pointer;
}
.course_name h3{
	font-size: 1.2rem;
	position: relative;
	margin-top: 5px;
}
.course_name h3.kariharai {
	font-size: 1.1rem;
}
.course_name h3 span {
    position: absolute;
    left: -9px;
    bottom: -21px;
    font-size: 0.9rem;
}
.ginou_box .course_name h3 {
    margin-bottom: 5px;
}
.oshirase_ichiran a {
    padding: 10px 25px;
    max-width: 230px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #60ccbc;
    color: #fff !important;
    margin-top: 35px;
	position: relative;
}
.oshirase_ichiran a:hover {
	opacity: 0.8;
	transition: 0.5s;
	background: #40998c;
}
.oshirase_ichiran a::after {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: 60px;
    top: 13px;
    opacity: 0;
    color: #fff;
	transition: 0.5s;
}
.oshirase_ichiran a:hover::after {
	transition: 0.5s;
	right: 50px;
	opacity: 1;
	
}
.info_box {
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 85px;
    justify-content: center;
    align-items: center;
    background: #e2e2e2;
    padding: 80px 0;
}
.info_box .info_inn {
    flex: 1;
    aspect-ratio: 1 / 0.66;
    list-style: none;
    position: relative;
	text-align: center;
	line-height: 0;
	overflow: hidden;
    box-shadow: 1px 1px 7px 0px #8d8d8d;
}
.info_box .info_inn:hover img {
	transform: scale(1.1);
	transition: 0.5s;
}
.info_box .info_inn img {
	transition: 0.5s;
	transform: scale(1);
} 
.info_box .info_inn a {
    text-decoration: none;
    color: #333;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
.pld-readmorebtn {
  font-size: 0 !important;
}
.pld-post-list-inr {
    margin-bottom: 30px;
	position: relative;
}
.pld-post-list-inr::after {
	border-bottom: 5px dotted #eee;
	transition: 0.5s;
	bottom: 0;
	content: "";
	width: 100%;
	left: 0;
	position: absolute;
}
.oshirase_box .pld-post-list-inr {
    margin-bottom: 10px;
}
.pld-post-list-inr:hover::after {
	border-bottom: 5px dotted #60ccbc;
	transition: 0.5s;
}
.oshirase_box .pld-post-list-inr .pld-post-categories,.pld-post-meta span {
	display: none !important;
}
.pld-post-list-inr {
	position: relative;
}
.pld-post-meta {
	overflow: hidden;
	margin-left: -3px;
    position: absolute !important;
    right: 30px;
}


.oshirase_box .pld-post-content a:hover {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 55px !important;
}
.oshirase_box {
	max-width: 500px;
   margin: 0 auto;
	width: 100%;
	margin-bottom: 85px !important;
	position: relative;
}

.oshirase_box::before {
    position: absolute;
    content: "";
    left: -120px;
    top: 11px;
    background: linear-gradient(to right, transparent, #60ccbc);
    height: 23px;
    width: 100px;
    border-radius: 0 0px 0px 0;
}
.oshirase_box::after {
    position: absolute;
    content: "";
    left: -120px;
    top: 11px;
    background: #fff;
    height: 23px;
    width: 100px;
    border-radius: 0 0px 0px 0;
	  animation: expandWidth 3s ease-in-out infinite;
}
@keyframes expandWidth {
  0% {
    width: 0;
  }
  50% {
    width: 100px; /* 最大幅 */
  }
  100% {
    width: 0;    /* 元に戻る */
  }
}
.pld-post-content-inner {
	display: none;
}
.pld-readmorebtn {
    font-size: 1.2rem;
    margin-bottom: 8px;
}
.pld-post-comments {
	display: none !important;
}
.pld-full-columns h2 {
	font-size: 1.2rem;
}
.pld-full-columns {
    display: flex;
    gap: 55px;
    align-items: center;
}
.pld-post-list {
	margin: 0 !important;
}
.pld-post-content a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none !important;
}
.pld-post-content a:hover {
	background: #ffffff00;
	color: #333 !important;
}
.site-content {
	flex-direction: column;
}
.foot_bunner {
    background: #eee;
	padding: 20px 0;
    
}
.site-content .content-area {
    width: 100% !important;
	max-width: 1040px;
	margin: 0 auto;
}
.swiper {
  position: relative;
  overflow: hidden; /* スライドははみ出さない */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #28a745, #6fdc6f); /* 緑グラデーション */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  z-index: 10;
  cursor: pointer;
}

/* transformで外に出す */
.swiper-button-prev {
  left: 0;
  transform: translate(-150%, -50%);
}
.swiper-button-next {
  right: 0;
  transform: translate(150%, -50%);
}

/* 矢印アイコン */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 18px;
  color: #fff;
}
.swiper-wrapper {
	padding: 0px 0;
}


.mySwiperTop .swiper-pagination {
	top: inherit!important;
	bottom: 35px !important;
}
.foot_bunner .mySwiper {
	max-width: 850px;
	margin: 0 auto;
}
.un_foot_box,.site-footer,.site-info {
	background: #333;
}
.un_foot_box_inn {
    display: flex;
    justify-content: space-between;
    align-items:anchor-center;
}
.un_foot_box_L {
	margin-bottom: 35px;
}
.un_foot_box_R {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    height: -webkit-fill-available;
    padding-top: 28px;
	width: 45%;
}
.about_info {
    max-width: 1200px;
    margin: 0 auto;

}
.about_info_inn li img {
	line-height: inherit;
	transition: 0.5s;
	transform: scale(1);
}
.about_info_inn li{
  flex: 1;               /* 横幅はflexで自動調整 */
  aspect-ratio: 1 / 0.66;   /* 正方形を維持 */
  list-style: none;
	position: relative;
	overflow: hidden;
	transition: 0.5s;
}
.about_info_inn li:hover img {
	transform: scale(1.1);
	transition: 0.5s;
	
}
.about_info_inn a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ad_info_inn {
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #0048f0b8;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;
    color: #fff;
	flex-direction:column;
}

.ad_info_inn_2 {
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #1ea70de0;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;
    color: #fff;
    flex-direction: column;
}
.ad_info_inn_3 {
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #e6ba00b8;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;
    color: #fff;
	flex-direction:column;
}
.ad_info_inn_4 {
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #ff4e10d1;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;
    color: #fff;
	flex-direction:column;
}
.ad_info_inn_5 {
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #40ad8e;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;
    color: #fff;
    flex-direction: column;
}
.ad_info_inn_6 {
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #e11212b8;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;
    color: #fff;
	flex-direction:column;
}

.sub_text span {
	display: block;
}
.about_info_inn li h3 {
    font-size: 1.3rem;
    text-align: center;
	margin-bottom: 10px;
	position: absolute;
	top: 12px;
}
.ad_info_inn_3 h3::after,.ad_info_inn_4 h3::after,.ad_info_inn_5 h3::after,.ad_info_inn_6 h3::after {
		content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: -10px;
    top: 2px;
    opacity: 0;
    color: #fff;
}

.about_info_inn2 li:hover h3::after {
	transition: 0.5s;
	right: -15px;
	opacity: 1;
}

.about_info_inn li h3::after,.about_info_inn_2 li h3::after {
	content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: -10px;
    top: 2px;
    opacity: 0;
    color: #fff;
}
.ad_info_inn::before,.ad_info_inn_2::before {
    position: absolute;
    border-bottom: 4px solid #fff;
    width: 15px;
    height: 1px;
    left: 0;
    top: 18px;
    content: "";
    border-radius: 0 10px 10px 0;
}
.ad_info_inn_3::before,.ad_info_inn_4::before,.ad_info_inn_5::before,.ad_info_inn_6::before  {
    position: absolute;
    border-bottom: 4px solid #fff;
    width: 15px;
    height: 1px;
    left: 0;
    top: 28px;
    content: "";
    border-radius: 0 10px 10px 0;
}
.about_info_inn li:hover h3::after {
	transition: 0.5s;
	right: -15px;
	opacity: 1;
}
.about_info a:hover img {
	opacity: 0.7;
	transition: 0.5s;
} 
.sub_text {
    font-size: 0.85rem;
    margin-top: 30px;
	width: 95%;
}
.about_info_inn2 .kyuufu img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
	width: 100%;

    /* アニメーション準備 */
    transition: transform 0.3s ease; 
}

/* ホバー時 */
.about_info_inn2 li.kyuufu:hover img {
    transform: translateY(-10px) scale(1.1); /* 上に10px移動＋10%拡大 */
}
.about_info_inn2 .qa img {
    max-width: 253px;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    transition: transform 0.3s ease;
	width: 100%;
}

/* ホバー時 */
.about_info_inn2 li.qa:hover img {
    transform: translateY(-10px) scale(1.1); /* 上に10px移動＋10%拡大 */
}
.about_info_inn2 .kyousyuu img {
    max-width: 252px;
    display: block;
    margin: 0 auto;
    margin-top: 59px;
    transition: transform 0.3s ease;
	width: 100%;
}

/* ホバー時 */
.about_info_inn2 li.kyousyuu:hover img {
    transform: translateY(-10px) scale(1.1); /* 上に10px移動＋10%拡大 */
}
.about_info_inn2 li.kyuufu:hover img {
    transform: translateY(-10px) scale(1.1); /* 上に10px移動＋10%拡大 */
}
.about_info_inn2 .megahon img {
    max-width: 140px;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    transition: transform 0.3s ease;
}

/* ホバー時 */
.about_info_inn2 li.megahon:hover img {
    transform: translateY(-10px) scale(1.1); /* 上に10px移動＋10%拡大 */
}

.about_info_inn2 li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.about_info_inn2 li h3 {
    font-size: 1.3rem;
    text-align: center;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
	position: relative;
}
.about_info_inn {
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	gap:10px;
	margin-bottom: 10px;

}
.about_info_inn2 {
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	gap:10px;
	margin-bottom: 10px;
}
.about_info_inn2 li{
    flex: 1;
    aspect-ratio: 1 / 1;
    background: #fff;
    list-style: none;
    position: relative;
    border: 1px solid #a7a7a7;
	overflow: hidden;
}
.about_info h3 {
	font-size: 1.3rem;
}
.about_info a {
	text-decoration: none;
	color: #333;
}
.about_info li {
	list-style: none;
}
.unfoot_menu li {
	list-style: none;
	flex: 1;
}
.unfoot_menu li a {
	color: #fff;
	font-size: 0.9rem;
	text-decoration: none;
	position: relative;

}
.fott_sitemap {
background: -webkit-gradient(linear, left top, left bottom, from(#3a8f83), to(#60ccbc));
background: linear-gradient(#3a8f83 0%, #60ccbc 100%);
}
.unfoot_menu li a:hover {
	color: #60ccbc;
	transition: 0.5s;
}
.f-sitecontainer {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 55px;
}
.f-sitecontainer .row {
	display: flex;
	flex-wrap: wrap;
}
.f-sitecontainer .row .col-12 {
	padding: 0 15px;
}
.f-sitecontainer .row a {
	text-decoration: none !important;
	padding-bottom: 8px;
	color: #fff;
	transition: 0.5s;
	position: relative;
}
.f-sitecontainer .row a:hover {
	color: #333;
	transition: 0.5s;
}
.f-sitecontainer .row a::before {
content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: -10px;
    top: 2px;
    opacity: 0;
    color: #333;
}
.f-sitecontainer .row .shikaku_inn_1 a::before {
	  top: 1px;
} 
.f-sitecontainer .row a:hover::before {
opacity: 1;
	transition: 0.5s;
	 right: -17px;
}
.f-sitecontainer .row ul {
	margin-left: 0;
}
.f-sitecontainer h4 {
	font-size: 1rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}
.f-sitecontainer h5 {
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: 8px;
}
.col-md-4 li {
	list-style: none;
		margin-left: 15px;
	padding: 5px 0;
}
.col-md-1 {
	width: 20%;
	flex: 0 0 auto;
}
.shikaku_inn_1 {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9rem;
}
.shikaku_inn_1 li,.shikaku_inn_2 li {
	list-style: none;
	margin-left: 15px;
	margin-bottom: 10px;
}
.un_foot_box_mid a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
}
.un_foot_box_mid:hover {
	color: #60ccbc;
	transition: 0.5s;
	cursor: pointer;
}
.un_foot_box_mid::before {
    position: absolute;
    border-left: 1px solid #fff;
    width: 50px;
    transform: rotate(324deg);
    left: 42px;
    top: 0;
    content: "";
    height: 50px;
	transition: 0.5s;
}
.un_foot_box_mid:hover::before {
	height: 50px;
	width: 50px;
	transition: 0.5s;
	 border-left: 1px solid #60ccbc;
	top: -5px;
}
.un_foot_box_mid:hover::after {
	border-left: 1px solid #60ccbc;
	top: -5px;
	transition: 0.5s;
}
.un_foot_box_mid::after {
    position: absolute;
    border-left: 1px solid #fff;
    width: 50px;
    transform: rotate(215deg);
    right: 42px;
    top: 0;
    content: "";
    height: 50px;
		transition: 0.5s;
}
.col-md-2 {
width: 80%;
    flex: 0 0 auto;
    align-items: baseline;
}
.col-md-2 .inn_2 {
	width: 27%;
	padding: 0 15px;
}
.col-md-2 .inn_1 {
	width: 46%;
	padding: 0 15px;
}
.un_foot_box_mid img {
	max-width: 35px;
	margin: 0 auto;
	display: block;
}
.col-md-3 {
	width: 25%;
	font-size: 0.9rem;
	flex: 0 0 auto;
}
.col-md-5 {
	width: 100%;
	flex: 0 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
}
.un_foot_box_mid {
	width: 20%;
	color: #fff;
	font-size: 0.9rem;
	margin-top: -15px;
	position: relative;
}
.un_foot_box_mid h2 {
	font-size: 0.9rem;
	text-align: center;
}
.un_foot_box_mid h2 span {
	display: block;
}
.col-md-5 h4 {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 0;
    flex: 15%;
    max-width: 170px;
}
.col-md-6 {
	width: 20%;
	flex: 0 0 auto;
}

.unfoot_menu li a::after {
	content: "\f101";
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	font-size: 0.9rem;
		position: absolute;
    right: -10px;
    top: 1px;
	opacity: 0;
	color: #60ccbc;
}
.unfoot_menu li a:hover::after {
	    right: -17px;
    top: 1px;
	transition: 0.5s;
	opacity: 1;
}
.unfoot_menu {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;
}
.foot_ad span {
display: block;
    font-size: 0.75rem;
    margin-left: -9px;
}
.foot_ad {
    color: #fff;
    font-size: 0.9rem;
    margin-left: 43px;
}
.un_foot_box_inn {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
}
.foot_logo {
    max-width: 250px;
    width: 100%;
    margin-bottom: 10px;
}
.site-header {
    background-color: #60ccbc !important;
    position: fixed !important;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #60ccbc;
    transition: border-bottom 0.3s ease;
}
.site-header.scrolled {
  border-bottom: 1px solid #fff; /* スクロール後 */
}
.site-header .main-title a {
	color: #fff;
	font-size: 0.8rem;
}
.container.grid-container {
    width: auto;
    padding-top: 85px;
}
.site-branding-container {
    display: flex !important;
    align-items: center;
    text-align: left;
    flex-shrink: 0;
    flex-direction: column;
}
.inside-header.grid-container {
	max-width: inherit !important;
}
body {
	font-family: "Noto Sans JP", sans-serif !important;
	background: #fff !important;
}
.main-title{
	line-height: 0.8rem !important;
}
.site-branding-container {
	margin-left: 20px !important;
	margin-top: 5px;
	margin-bottom: 10px;
}
.inside-header {
    padding: 0px 0px !important;
}
.main-navigation, .main-navigation ul ul {
    background: #60ccbc !important;
    margin-right: 5px;
    margin-left: 0px;
    padding-left: 15px;

}

.main-navigation .main-nav ul li#menu-item-60 {
	
}

.main-navigation .main-nav ul li#menu-item-60 a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  padding: 25px;

  background: linear-gradient(270deg, #ffa700, #ff7b00, #ff9500);
  background-size: 600% 600%;
  transition: filter 0.3s ease; /* 薄くなる変化を滑らかに */
}

.main-navigation .main-nav ul li#menu-item-515 a {
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    padding: 25px 10px;
    background: linear-gradient(270deg, #0d54e5, #3d689e, #1d44ff);
    background-size: 600% 600%;
    transition: filter 0.3s 
ease;
    margin-left: 5px;
}
/* ホバー時にグラデーションを動かしつつ少し明るく */
.main-navigation .main-nav ul li#menu-item-60 a:hover {
  animation: gradientMove 2s linear infinite;
  filter: brightness(1.2); /* 少し明るく＝薄く見える */
}
.main-navigation .main-nav ul li#menu-item-515 a:hover {
  animation: gradientMove2 2s linear infinite;
  filter: brightness(1.2); /* 少し明るく＝薄く見える */
}
@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.main-navigation .main-nav ul li#menu-item-60 a::after,.main-navigation .main-nav ul li#menu-item-515 a::after {
	display: none;
}
@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gradientMove2 {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gradientMove2 {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.main-navigation li {
	padding: 0px 0;

}
.main-navigation .main-nav ul li a {
	color: #fff !important;
	position: relative;
	line-height: inherit !important;
	padding: 31px 0;
}

.main-navigation .main-nav ul li a::after {
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 5px;
    transition: 0.5s;
    opacity: 0;
    border-bottom: 2px solid #fff;
    content: "";
    height: 2px;
    position: absolute;
}
.main-navigation .main-nav ul ul li a::after {
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -5px;
    transition: 0.5s;
    opacity: 0;
    border-bottom: 2px solid #fff;
    content: "";
    height: 2px;
    position: absolute;
}
.main-navigation .main-nav ul ul li a:hover::after{
	padding: 0;
	width: 95%;
	transition: 0.5;
	bottom: 0px;
	opacity: 1;
}
.main-navigation .main-nav ul li a::active {
	padding: 0;
	width: 95%;
	transition: 0.5;
	bottom: 10px;
	opacity: 1;
}
.main-navigation .main-nav ul li a:hover::after{
	padding: 0;
	width: 70%;
	transition: 0.5;
	bottom: 10px;
	opacity: 1;
}
 .is-right-sidebar {
	display: none;
}
.copyright-bar {
	font-size: 0.7rem;
	color: #fff;
	text-align: right;
}
	/*//pcc/*/
@media only screen and (max-width: 1333px) {
	
	
}
@media (max-width: 1256px) {
	.main-navigation .main-nav ul li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 60px;
}
	

}

@media (max-width: 1200px) {
	.exam_table_box a::after {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.3rem;
    position: absolute;
    bottom: -4px;
    margin: 0 auto;
    color: #333;
    right: 5%;
    display: block;
    text-align: center;
}
	.about_info_inn2 .kyousyuu img {
    max-width: 230px;
    display: block;
    margin: 0 auto;
    margin-top: 42px;
    transition: transform 0.3s 
ease;
    width: 100%;
}
	.about_info {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
	.container.grid-container.top_main_index {
		padding: 0 15px!important;
	}
	.gp-icon svg {
    height: 2em !important;
    width: 1em;
    top: .125em;
    position: relative;
    fill: currentColor;
}
	.main-navigation .main-nav ul li a::after {
		display: none !important;
	}
	.main-navigation .main-nav ul li#menu-item-515 a {
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    padding: 25px 10px;
    background: linear-gradient(270deg, #0d54e5, #3d689e, #1d44ff);
    background-size: 600% 600%;
    transition: filter 0.3s 
ease;
    margin-left: 0;
    margin-top: 10px !important;
}
	.main-navigation .main-nav ul li a {
		border-bottom: none !important;
	}
	    .main-navigation, .main-navigation ul ul {
        background: #60ccbc !important;
        margin-right: 5px;
        margin-left: 0px;
        padding-left: 15px;
        max-height: 80vh;
        overflow-y: auto;
    }
	.main-navigation.toggled .main-nav {
    flex-basis: 65% !important;
    order: 3;
    margin: 0 auto;
}
	    .has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
        flex-basis: 100%;
    }
	.has-inline-mobile-toggle .inside-header {
        flex-direction: row;
        text-align: left;
        flex-wrap: wrap;
    }
	    .inside-header {
        flex-direction: column;
        text-align: center;
    }

	.site-description {
		display: none;
	}
	    .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: block;
    }

	.has-inline-mobile-toggle .mobile-menu-control-wrapper {
		        display: flex !important;
        flex-wrap: wrap !important;
    }
.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
	display: none;
	}
	
	.main-navigation .main-nav ul li#menu-item-515 a {
		padding: 15px 0px;
	}
	.main-navigation .main-nav ul li#menu-item-60 a {
		padding: 15px 5px;
	}
	.main-navigation.toggled .main-nav {
		height: 100vh;
	}
	.main-navigation .main-nav ul li#menu-item-60 a {
		border: none !important;
		margin-top: 50px !important;
	}
		.top_icon_inn {
    overflow: hidden;
    border-radius: 50%;
    max-width: 170px;
    margin: 0 auto;
    margin-top: 10px;
    line-height: inherit;
    position: relative;
    max-height: 170px;
    height: 100%;
}

}
	/*//podd/*/
@media only screen and (max-width: 769px) {
	.un_foot_box_mid::before {
    position: absolute;
    border-left: 1px solid #fff;
    width: 50px;
    transform: rotate(309deg);
    left: 26px;
    top: 19px;
    content: "";
    height: 21px;
    transition: 0.5s;
}
	
	.un_foot_box_mid::after {
    position: absolute;
    border-left: 1px solid #fff;
    width: 50px;
    transform: rotate(232deg);
    right: 26px;
    top: 19px;
    content: "";
    height: 21px;
    transition: 0.5s;
}
	.info_box .info_inn {
    flex: inherit;
    aspect-ratio: 1 / 0.66;
    list-style: none;
    position: relative;
    text-align: center;
    line-height: 0;
    overflow: hidden;
    box-shadow: 1px 1px 7px 0px #8d8d8d;
    width: 49%;
}
	.top_icon_inn {
        overflow: hidden;
        border-radius: 50%;
        max-width: 140px;
        margin: 0 auto;
        margin-top: 10px;
        line-height: inherit;
        position: relative;
        max-height: 140px;
        height: 100%;
    }
	.head_menubox .head_menu_item h2 {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.1rem;
    color: #fff;
    display: inline-block;
    margin: 0;
    transition: 0.5s;
    white-space: nowrap;
    word-wrap: break-word;
}
	.head_menubox .head_menu_item {
    flex: 1;
    aspect-ratio: 1 / 1.1;
    position: relative;
    transition: 0.5s;
}
	.course_items .course_item {
    flex: 0 0 230px;
    max-width: 230px;
    box-sizing: border-box;
    border: 1px solid #333;
    border-radius: 10px;
    padding-bottom: 20px;
}
	.course_items {
    display: flex
;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
	.main-navigation, .main-navigation ul ul {
    background: #60ccbc !important;
    margin-right: 5px;
    margin-left: 0px;
    padding-left: 15px;

    /* 追加 */
    max-height: 80vh; /* 画面の高さの80％を上限に設定 */
    overflow-y: auto;  /* 高さを超えた場合に縦スクロールを表示 */
}
	.main-navigation .main-nav ul li a::after {
		display: none !important;
	}
	#menu-item-106 a, #menu-item-110 a, #menu-item-122 a, #menu-item-143 a {
    margin-left: 0px;
}
	.main-navigation .main-nav ul ul li a {
    line-height: normal;
    padding: 15px 20px !important;
    font-size: 14px;
}
	
	.main-navigation .main-nav ul li a::after {
		
	}

	.about_info_inn2 li h3 {
    font-size: 1.0rem;
    text-align: center;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    position: relative;
}
	.shikaku_inn_1 h5 {
		position: relative;
		
	}
	.shikaku_inn_1 h5::before {
		border-bottom: 1px solid #fff;
		
	}
	.f-sitecontainer {
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 0px;
        padding-bottom: 5px;
        margin-top: 45px;
    }
	.f-sitecontainer .row .col-12 {

}
	.f-sitecontainer .row a span {
		display: block;
	}
	.f-sitecontainer .row a:hover::before {
opacity: 1;
	transition: 0.5s;
	 right: 15px;
}
	.f-sitecontainer .row a::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    position: absolute;
    right: 20px;
    top: 18px;
    opacity: 0;
    color: #333;
}
	.accordion-header a {
		pointer-events: none !important;
	}
	.f-sitecontainer .row a {
    text-decoration: none !important;
    padding-bottom: 18px;
    color: #fff;
    transition: 0.5s;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
		font-size: 1rem;
		padding-top: 15px;
}
	.f-sitecontainer h4 {
		position: relative;
	}

	.row2 {
		margin-top: 0px;
	}
	.col-md-5 h4 {
    display: flex
;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 0;
    flex: 100%;
    max-width: inherit;
		padding-left: 10px;
}
	.col-md-5 {
    width: 100%;
    flex: 0 0 auto;
    display: flex
;
    flex-wrap: wrap;
    padding: 0 !important;
    flex-direction: column;
}
	.col-md-2 .inn_1,.col-md-2 .inn_2,.col-md-2 .inn_3,.col-md-2 .inn_4 {
    width: 100%;
        padding: 0 0px 0 10px;
    }
	.shikaku_inn_1 {
    display: flex
;
    flex-wrap: wrap;
    font-size: 0.9rem;
    flex-direction: column;
		margin-top: 15px;
}
	.col-md-1 {
    width: 100%;
    flex: 0 0 auto;
		margin-top: 10px;
}
	
	.col-md-2 {
    width: 100%;
    flex: 0 0 auto;
    align-items: baseline;
}
	.f-sitecontainer .row {
    display: flex
;
    flex-wrap: wrap;
    flex-direction: column;
}
		.main-navigation .main-nav ul li a {
    color: #fff !important;
    position: relative;
    line-height: inherit !important;
    padding: 23px 0;
    border-bottom: 3px dotted #ffffff;
}
	  .accordion-header {
        cursor: pointer;
        padding:0 0 0 10px;
        margin: 0;
        border-bottom: 1px solid #ddd;
		  position: relative;
    }
	.accordion-header::before {
		content: "\f0dd";
		position: absolute;
		   font-family: "Font Awesome 5 Free";
    font-weight: 900;
		right: 10px;
		top: 12px;
		color: #fff;
		font-size: 1.3rem;
		transform: scaleX(1); /* 通常 */
	}
.accordion-header.active::before {
	 content: "\f0de"; /* 上向き */
   transform: scaleX(-1); /* 左右反転 */
	top: 15px;
}


  .accordion-content {
    display: none;
    padding: 0 0 0 0rem;
  }

}
	/*//mobb/*/
@media only screen and (max-width: 480px) {
	.new_system_box_innR {
    width: 100%;
}
	.new_system_box_innL {
    width: 100%;
}
	.new_system_box_inn {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 45px;
    padding-bottom: 25px;
    border-bottom: 6px dotted #eee;
    flex-direction: column-reverse;
}
	#sgpb-popup-dialog-main-div {
	        width: 70% !important;
        margin: 0 !important;
    }
	.renew_popbox_R {
		text-align: center;
		max-width: 140px;
		width: 100%;
		margin: 0 auto;
	}
	.kou_box_tab {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #acacac;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
    font-size: 16px;
    max-width: 250px;
    width: 100%;
}
	.renew_popbox {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-direction: column-reverse;
}
	.goal {
    width: 135px;
    height: 70px;
    background: #e9fff0;
    border: 2px solid #6aa1ff;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
	.hide_mob {
		display: none;
	}
	.hide_pc {
		display: inline;
	}
	.up_serchbox_lisence_2_cover {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    padding: 10px 0px;
}
	.up_serchbox_lisence_2 .up_serchbox_lisence_1_inn {
    background: #fff;
    padding: 10px 5px;
    width: 100%;
    margin-top: 0;
    border-radius: 0px;
}
	.up_serchbox_lisence_2 {
    display: flex;
    gap: 0px;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: column;
}
	.main-navigation .main-nav ul li a {
	        color: #fff !important;
        position: relative;
        line-height: inherit !important;
        padding: 20px 0;
        border-bottom: 3px dotted #ffffff;
        font-size: 1.2rem;
    }
	.under_menkyocrane_bring li img {
    height: 80px;
    width: auto;
    margin-bottom: 10px !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}
	.up_serchbox_lisence_1_inn:empty {
    background-color: #5ed3c1;
    line-height: 0;
    padding: 0;
}
	.up_serchbox h4 span {
	        display: block;
        font-size: 0.8rem;
        margin-left: -6px;
    }
	.class-accordion-header::before {
        content: "●";
        color: #e60000;
        margin-left: 8px;
        animation: blink 1.2s infinite;
        font-size: 14px;
        vertical-align: middle;
        position: absolute;
        top: 16px;
        left: inherit;
        right: 18px;
    }
	
	.incorse_price_box span.zeikomi {
    font-size: 0.6rem;
}
	.incorse_price_box {
    font-size: 0.8rem;
    margin-top: -9px;
    margin-bottom: 10px;
}
	.kou_box_content h3 {
	        width: 100%;
        font-size: 1.2rem;
        padding: 0px 10px;
    }
	.class_serch_box .class_serch_box_at {
		font-size: 0.8rem;
	}
	.up_serchbox_lisence_temp_at {
    font-size: 0.9rem;
    margin-top: 10px;
}
	.up_serchbox_lisence_1_inn ul {
    padding-left: 0;
    margin-left: 0;
    display: flex;
    gap: 7px;
}
	.up_serchbox_lisence_1_inn ul li {
    flex: 1;
    text-align: center;
    justify-content: space-around;
    font-size: 0.9rem;
}
	.serch_mibun span.menjo_block {
		display: block;
		
	}
	span.menjo_block_s {
		font-size: 1rem;
		display: block;
	}
	.up_serchbox_lisence_1_inn {
    background: #fff;
    padding: 10px 4px;
    width: 100%;
    margin-top: 0;
    border-radius: 10px;
}
	.up_serchbox_lisence_1 {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-direction: column;
}

	#h3_font .up_serchbox_lisence_temp h3.serch_mibun {
		font-size: 1.3rem;
	}
	.up_serchbox_lisence_temp {
    margin-top: 15px;
    padding: 10px 8px;
    background: #5ed3c1;
    border-radius: 0px;
    margin-bottom: 10px;
}
	.class-accordion-content {
    /*display: none;*/
    padding: 15px 8px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
	.in30min {
    font-size: 0.9rem;
}
	.up_serchbox h4 {
    font-size: 1.0rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
}
	.mid_menkyocrane_box_inn li {
    width: 48%;
    list-style: none;
    margin-bottom: 0px;
    border: 1px solid #60ccbc;
    padding: 10px 0px 10px 0px;
    border-radius: 5px;
    text-align: center;
		font-size: 1rem;
}
	.mid_menkyocrane_box_inn {
		gap:10px;
	}
	    .container.grid-container.top_main_index {
        padding: 0 0px !important;
    }
	
	.box_menkyo_h1 h1 {
    background: #ed6793;
    color: #fff;
    margin-top: 20px;
    font-size: 2rem;
    padding: 	35px 0px 10px 10px;
    position: relative;
}
.box_anzen_h1 h1 {
    background: #1459b7;
    color: #fff;
    margin-top: 20px;
    font-size: 2rem;
    padding: 35px 0px 10px 10px;
    position: relative;
}
	.box_special_h1 h1 {
    background: #f38c1e;
    color: #fff;
    margin-top: 20px;
    font-size: 2rem;
    padding: 35px 0px 10px 10px;
    position: relative;
}
	.chk_group_inn br {
		display: none;
	}
	.chk_group_inn label {
text-indent: -1.2em;
        padding-left: 25px;
        margin-bottom: 5px;
    }
	.chk_group_inn {
    display: flex;
    gap: 5px;
    flex-direction: column;
    margin-left: 16px;
}
	.about_info {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 0px;
    }
	#checkArea h3 {
    margin-bottom: 10px;
    color: #60ccbc;
    font-weight: 900;
    font-size: 1.5rem;
}
	.foot_bunner {
    background: #eee;
    padding: 20px 0 5px;
}
	.swiper-pagination {
    bottom: -4px !important;
}
	.swiper {
		padding-bottom: 15px !important;
	}
	.mob_kaigyou {
		display: block;
		font-size: 15px;
	}
	.ginou_tuuyaku {
    color: #FF181C;
    font-size: 1.2rem;
    margin: 15px 0 0 20px;
}
	.crane_remark_list {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 17px;
}
	.crane_remarks h4 {
    background: #60ccbc;
    color: #fff;
    padding: 10px;
    padding-left: 20px;
    font-size: 1.2rem;
}
	.choose_course_box h3 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    font-size: 17px;
    margin-top: 10px;
}
	.chk_msg {
    color: #666;
    margin-bottom: 10px;
    padding: 0 10px;
}
	.chk_btn {
    padding: 8px 16px;
    border-radius: 6px;
    border: 0;
    background: #0066cc;
    color: #fff;
    cursor: pointer;
    width: 115px;
}
	.chk_actions {
    margin-top: 20px;
    display: flex
;
    gap: 0px;
    justify-content: space-around;
}
	.chk_title_box {
		padding: 0 10px;
	}
	.under_menkyocrane_bring li {
    list-style: none;
    width: 48%;
}
	.under_menkyocrane_bring_inn {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 5px;
        flex-wrap: wrap;
        margin-top: -30px;
        padding-top: 50px;
        position: relative;
        background: #ffa7003d;
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 35px;
    }
	
	.under_menkyocrane_day_inn {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    background: #007fff3d;
    border-radius: 5px;
    padding-top: 30px !important;
    margin-top: -20px;
    padding-bottom: 35px;
		padding-left: 10px;
		padding-right: 10px;
}
	.under_menkyocrane_bring h3 {
    background: linear-gradient(270deg, #ffa700, #ff7b00, #ff9500);
    text-align: center;
    max-width: 350px;
    border-radius: 5px;
    padding: 10px 0;
    margin: inherit;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 21px !important;
}
	.under_menkyocrane_day h2.crane_day_sche {
    color: #fff;
    border-bottom: none;
    background: #1d44ff;
    text-align: center;
    max-width: 350px;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 21px;
    margin-top: 0;
}
	#checkArea h3 span {
    color: #333;
    font-size: 1rem;
    font-weight: 400;
		display: block;
}
	.chk_form {
    background: #fafafa;
    padding: 16px 0;
    border-radius: 8px;
    border: 1px solid #ddd;
}
	.chk_course {
    display: none;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.4s 
ease;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 10px;
    margin-top: 10px;
}
	.chk_label {
    display: block;
    margin: 8px 0;
    text-indent: -1.4em;
    padding-left: 23px;
}
	table.ginou_course_table td,table.ginou_course_table th,table.ginou_course_table tr {
    padding-left: 0px;
		text-align: center;
		width: 100%;
		display: block;
		max-width: inherit;
}
	.kou_box_note li {
		text-indent: -1em;
		padding-left: 25px;
		margin-bottom: 5px;
	}
	.crane_menkyo_title, .crane_menkyo_title2 {
    max-width: inherit;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}
	.crane_menkyo_title, .crane_menkyo_title2 {
    max-width: inherit;
    width: 100%;
    text-align: center;
}
	.mid_menkyocrane_price1 {
    max-width: 1000px;
    display: flex
;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 25px;
    flex-direction: column;
}
	.mid_menkyocrane_box h2::before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 35px;
}
	.mid_menkyocrane_box {
		padding: 0 10px;
	}
	.mid_menkyocrane_box h2 {
    margin-top: 35px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 20px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 2px;
    font-size: 1.2rem;
}
	.kou_box_tabs {
    display: flex
;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0 5px;
}
	.top_menkyocrane_box h2 .ginou_h2_inn span {
        position: absolute;
        top: inherit;
        font-size: 0.8rem;
        left: 0;
        bottom: 18px;
    }
	.top_menkyocrane_box h2 .ginou_h2_inn {
        display: block;
        position: relative;
        font-weight: 500;
        border-bottom: 1px solid;
        margin: 20px 0 8px;
    }
	.top_menkyocrane_box h2 {
    width: 100%;
    font-size: 1.2rem;
    padding: 0px 10px;
}
	.top_menkyocrane_box {
    max-width: 1040px;
		
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
}
	.mid_menkyocrane_about a {
    text-align: center;
    display: block;
    padding: 10px 0px;
    border-radius: 5px;
    border: 1px solid #60ccbc;
    color: #60ccbc;
    text-decoration: none;
    max-width: inherit;
    width: 100%;
}
	.mid_menkyocrane_about{
		gap:10px;
	}
	.mid_menkyocrane_price1 h3 {
    color: #60ccbc;
    font-weight: 500;
 
    max-width: inherit;
    width: 100%;
    font-size: 1.5rem;
    margin-bottom: 10px;
}
	.box_anzen_h1 h1::before {
    background: #fff;
    content: "安全衛生教育";
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 0.8rem;
    text-align: center;
    color: #1459b7;
    padding: 0px 10px;
    border-radius: 5px;
		line-height: 2;
}
	.box_special_h1 h1::before {
    background: #fff;
    content: "特別教育";
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 0.8rem;
    text-align: center;
    color: #f38c1e;
    padding: 0px 10px;
    border-radius: 5px;
		line-height: 2;
}
		.box_menkyo_h1 h1::before {
    background: #fff;
    content: "教習（免許）";
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 0.8rem;
    text-align: center;
    color: #ed6793;
    padding: 0px 10px;
    border-radius: 5px;
    line-height: 2;
}
	.box_ginou_h1 h1::before {
    background: #fff;
    content: "技能講習";
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 0.8rem;
    text-align: center;
    color: #489b1b;
    padding: 0px 10px;
    border-radius: 5px;
    line-height: 2;
}
	.box_ginou_h1 h1 {
    background: #489b1b;
    color: #fff;
    margin-top: 20px;
    font-size: 2rem;
    padding: 35px 0px 10px 10px;
    position: relative;
}
	#cookie-banner-unique .cookie-banner_under button {
    padding: 5px 5px;
    margin-right: 5px;
    border: none;
    border-radius: 4px;
    background-color: #f1d600;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    font-size: 1rem;
}
	.cookie-banner_text span{
		display: block;
		font-weight: 500;
	}


	.exam_table_box a::after {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.3rem;
    position: absolute;
    bottom: -4px;
    margin: 0 auto;
    color: #333;
    right: -1px;
    display: block;
    text-align: center;
}
	.exam_table_box a {
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #333;
    display: block;
    margin-left: -20px;
}
	.exam_table_box {
    display: flex
;
    gap: 0px;
    margin-top: 25px;
    flex-direction: column;
}
	.exam_link a {
    background: #333;
    text-align: center;
    position: relative;
    max-width: 250px;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px 10px 0;
    margin-left: 0px;
    margin-top: 35px !important;
    display: block;
    text-decoration: none;
    margin: 0 auto;
}
	.exam_box h2:before, .exam_box h3:before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 35px;
}
	.exam_box h2, .exam_box h3 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 25px;
    position: relative;
    padding-bottom: 5px;
    font-size: 1.3rem;
}
	.meal_box h2 span {
    display: block;
    font-size: 1rem;
}
	.meal_box_inn_L,.meal_box_inn_R {
		width: 100%;
	}
	.meal_box h2 {
		font-size: 1.2rem;
	}
	.meal_box_inn {
		flex-direction: column;
		gap: 0;
	}
	.course_section.ginou_af .course_items, .course_section.tokubetsu_af .course_items {
    display: flex
;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    padding: 20px;
}
	.main-navigation .main-nav ul li#menu-item-515 a {
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    padding: 25px 10px;
    background: linear-gradient(270deg, #0d54e5, #3d689e, #1d44ff);
    background-size: 600% 600%;
    transition: filter 0.3s 
ease;
    margin-left: 5px;
    max-width: 250px;
    margin: 0 auto;
    margin-top: 10px !important;
		border-bottom: none;
}
	.main-navigation .main-nav ul li#menu-item-60 a {
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    padding: 15px;
    background: linear-gradient(270deg, #ffa700, #ff7b00, #ff9500);
    background-size: 600% 600%;
    transition: filter 0.3s 
ease;
    max-width: 250px;
    margin: 0 auto;
}
	.school_infobox_under_bottom h3 {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
	.school_infobox_under_bottom h3 span {
		display: block;
	}
	.school_infobox_under_top {
    display: flex
;
    margin-bottom: 20px;
		flex-wrap: wrap;
		gap:5px;
}
.school_infobox_under_top img {
	width: 49%;
}
	.sitemap-container .site_inn_box li {
    background: none;
    margin-bottom: 10px;
}
	.sitemap-container .site_inn_box li span {
		display: block;
		font-size: 0.8rem;
	}
	.school_info_textbox2 {
    margin-top: 0px;
    padding: 10px;
    margin-left: 0px;
		margin-bottom: 10px;
}
	.school_infobox_L2 {
    width: 100%;
    position: relative;
    opacity: 0;
    transform: translateX(-100px);
    transition: all 1s 
ease-out;
}
	.school_infobox_inn h2, .school_infobox_inn h3, .school_infobox_inn h4,.school_infobox_inn2 h2, .school_infobox_inn2 h3, .school_infobox_inn2 h4 {
    font-size: 1.2rem;
    color: #60CCBC;
    margin-bottom: 5px;
    font-weight: 500;
}
	.school_info_textbox {
margin-top: 0px;
        padding: 10px;
        margin-bottom: 10px;
    }
	
	
	.school_infobox_R {
    width: 100%;
    position: relative;
    opacity: 0;
    transform: translateX(100px);
    transition: all 1s ease-out;
}
	.school_infobox_inn {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex
;
    flex-direction: column-reverse;
		overflow: hidden;
}
	
		.school_infobox_inn2 {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex
;
    flex-direction: column;
}
	
	
	
	.licence_inn td li {
    padding-left: 10px;
    text-indent: -1rem;
}
	.licence_inn td {
    padding-left: 30px;
    text-indent: -1rem;
    width: 100%;
    display: block;
}
	.licence_inn th {
    width: 100%;
    vertical-align: top;
    background: #eee;
    display: block;
}
	.licence_box h2 {
    background: #60ccbc;
    color: #fff;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    font-size: 1.3rem;
}
	.licence_box h3 {
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 45px;
    margin-top: 45px;
}
	.licence_mid_box h3::after {
    border-bottom: 2px solid #60ccbc;
    bottom: 16px;
    width: 50px;
    right: 8%;
    height: 2px;
    content: "";
    position: absolute;
}
	.licence_mid_box h3::before {
    border-bottom: 2px solid #60ccbc;
    bottom: 16px;
    width: 50px;
    left: 8%;
    height: 2px;
    content: "";
    position: absolute;
}
	.licence_mid_box_inn_R_1 {
    margin-top: -20px;
    margin-bottom: -27px;
    font-size: 0.95rem;
}
	.licence_mid_box_inn_R_2 {
        margin-top: 5px;
        margin-bottom: 25px;
        font-size: 0.95rem;
    }
	.licence_mid_box_inn_R_3 {
    font-size: 0.95rem;
}
	.licence_mid_box_inn_R_1 li, .licence_mid_box_inn_R_2 li, .licence_mid_box_inn_R_3 li {
    text-indent: -1rem;
    padding-left: 15px;
    list-style: none;
}
	.licence_mid_box_inn_R_1 li, .licence_mid_box_inn_R_2 li, .licence_mid_box_inn_R_3 li {
    text-indent: -1rem;
    padding-left: 15px;
    list-style: none;
}
	.licence_mid_box_inn {
    display: flex
;
    gap: 10px;
    justify-content: space-between;
}
	.licence_mid_box_inn_L_1 {
    padding: 10px 5px;
    position: relative;
    border: 2px solid #60ccbc;
    border-radius: 5px;
    margin-bottom: 25px;
}
	.licence_mid_box_inn_L_1 h4 {
    text-align: center;
    font-size: 1.2rem;
    color: #60ccbc;
    margin-top: 20px;
    font-weight: 500;
}
	.licence_mid_box_inn_L_1 h4 span {
		font-size: 1.3rem;
	}
	.licence_mid_box_inn_L {
    width: 35%;
}
	.licence_mid_box_inn_R {
    width: 65%;
}
	.infopage_box_items {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
	.infopage_box {
    display: flex
;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 85px;
}
	.oshirase_box::after {
    position: absolute;
    content: "";
    left: 113px;
    top: 5px;
    background: #fff;
    height: 25px;
    width: 100px;
    border-radius: 0 0px 0px 0;
    animation: expandWidth 3s 
ease-in-out infinite;
    transform: rotate(180deg);
}
	.oshirase_box::before {
        position: absolute;
        content: "";
        left: 108px;
        top: 6px;
        background: linear-gradient(to right, transparent, #60ccbc);
        height: 23px;
        width: 100px;
        border-radius: 0 0px 0px 0;
    }
	.for_mob {
    display: block !important;
}
	.facility_box td {
    padding-left: 20px;
    display: block;
    width: 100%;
}
	table.training-facility-table tr {
		display: block;
		width: 100% ;
	}
	.facility_box th {
		display: block;
		width: 100% !important;
	}
	.faci_map_box_inn_R_map_n_3 {
    position: absolute;
    top: 75%;
    left: 54%;
    color: #333;
    font-size: 1.5rem;
}
	.faci_map_box_inn_R_map_n_2 {
    position: absolute;
    top: 54%;
    left: 8%;
    color: #ffffff;
    font-size: 1.5rem;
}
	.faci_map_box_inn_R_map_n_1 {
    position: absolute;
    top: 44%;
    left: 26%;
    color: #ffffff;
    font-size: 1.5rem;
}
	.faci_map_box_inn_R_map {
		padding-top: 70px;
	}
	.faci_map_box_inn_R_map_text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 10px;
    background: #d7ecff;
    border-radius: 10px;
}
	.faci_map_box_inn_rooms {
    padding: 10px 20px;
    background: #d7ecff;
    border-radius: 10px;
    width: 100%;
}
	.faci_map_box_inn_rooms div {
    display: inline-block;
    width: 100%;
    margin-right: 10px;
}
	.faci_map_box_inn_L_map_n_8 {
    position: absolute;
    left: 34%;
    color: #45a86f;
    font-size: 1.5rem;
    top: 55%;
}
	.faci_map_box_inn_L_map_n_7 {
    position: absolute;
    right: 36%;
    color: #45a86f;
    font-size: 1.5rem;
    top: 55%;
}
	.faci_map_box_inn_L_map_n_6 {
    position: absolute;
    right: 16%;
    color: #45a86f;
    font-size: 1.5rem;
    top: 55%;
}
	.faci_map_box_inn_L_map_n_5 {
    position: absolute;
    right: 14%;
    color: #ffffff;
    font-size: 1.5rem;
    top: 11%;
}
	.faci_map_box_inn_L_map_n_4 {
    position: absolute;
    left: 7%;
    color: #ffffff;
    font-size: 1.5rem;
    top: 57%;
}
	.faci_map_box_inn_L_map_n_3 {
    position: absolute;
    top: 15%;
    left: 7%;
    color: #ffffff;
    font-size: 1.5rem;
}
	.faci_map_box_inn_L_map_n_2 {
    position: absolute;
    top: 15%;
    left: 39%;
    color: #ffffff;
    font-size: 1.5rem;
}
	.faci_map_box_inn_L_map_n_1 {
    position: absolute;
    top: 15%;
    left: 48%;
    color: #ffffff;
    font-size: 1.5rem;
}
	.faci_map_box_inn {
    display: flex
;
		gap:20px;
    justify-content: flex-start;
    flex-direction: column;
}
	.faci_box_inn_R {
    width: 100%;
}
	.faci_box_inn_L {
    width: 100%;
    font-size: 1.2rem;
}
	.faci_box_inn {
    display: flex
;
    gap: 0px;
    justify-content: space-between;
    margin-top: 35px;
    flex-direction: column;
}
	.facility_box h2 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
    font-size: 1.5rem;
}
	.foreigner ul {
        padding-left: 1.5em;
        width: 90%;
        margin: 0 auto;
    }
	.foreigner .course_section.ginou_af .course_items {
    display: flex
;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    padding: 10px;
}
	.top_qa_box {
    background: #6ed3e012;
    padding-top: 35px;
    border-radius: 10px;
    margin-bottom: 35px;
    padding-bottom: 30px;
}
	.for_pc {
	display: none !important;
}
.for_mob {
        margin-top: -25px;
    }
	.access_car_box h2.by_bus {
		margin-left: 0;
		padding-left: 0;
	}
	.bus_place h3 {
    margin-top: 0px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
	.bus_box h2 {
    background: #60ccbc;
    color: #fff;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    font-size: 1.4rem;
    text-align: center;
}
	.map_info_L {
    width: 80%;
    max-width: 380px;
    margin: 0 auto;
}
	.bus_place_table_R_map .kakegawa_map_text_1 {
        position: absolute;
        bottom: 31px;
        left: 63px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #fff;
		text-shadow: 2px 2px 2px #333;
    }
	.bus_place_table_R_map .kakegawa_map_text_2 {
        position: absolute;
        bottom: 45px;
        left: 202px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_R_map .kakegawa_map_text_3 {
        position: absolute;
        bottom: 76px;
        right: 76px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 20px;
    }
	.bus_place_table_R_map .kakegawa_map_text_4 {
        position: absolute;
        bottom: 144px;
        right: 76px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	.bus_place_table_R_map .kakegawa_map_text_5 {
        position: absolute;
        top: 39px;
        right: 175px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	
		.bus_place_table_L_map .bajet_map_text_3 {
        position: absolute;
        top: 103px;
        right: 92px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	.bus_place_table_L_map .bajet_map_text_2 {
        position: absolute;
        bottom: 37px;
        left: 49%;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_L_map .bajet_map_text_1 {
        position: absolute;
        top: 77px;
        writing-mode: tb;
        left: 33%;
        font-size: 1.0rem;
        font-weight: 900;
    }
	
	
	.bus_box .access_train_inn {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 0;
}
	.access_car_box h2.by_bus::after {
    content: "\f55e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.5rem;
    position: absolute;
    left: 19px;
    top: -7px;
    color: #fff;
    transition: 0.5s;
    background: #60ccbc;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 16px;
}
	.bus_box_inn h3::after {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 30px;
}
	.bus_box_inn h3 {
    margin-top: 35px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 14px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 1.1rem;
}
	.bus_box_inn {
    margin-left: 0 !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
	.bus_time {
    position: absolute;
    writing-mode: lr;
    text-align: center;
    left: 35px;
    right: inherit;
    width: 165px;
    margin: 0 auto;
    font-size: 1.6rem;
    color: #439734;
    line-height: 22px;
    bottom: -34px;
}
	.station span {
    display: inline;
}
	.bus_box .station .arrow2 {
		position: absolute;
        top: 100px;
        left: inherit;
        transform: rotate(90deg);
        height: 2px;
        background: #6aa1ff;
        width: 50px;
        bottom: inherit;
        right: 57px;
        margin: 0 auto;
}
	   .bus_box .access_train_inn {
        display: flex
;
        align-items: anchor-center;
        justify-content: space-around;
        gap: 70px;
        margin-top: 45px;
        flex-direction: column;
    }
	.bus_box .train_routes .arrow {
    position: absolute;
    top: 151%;
    left: inherit;
    transform: rotate(90deg);
    height: 2px;
    background: #6aa1ff;
    width: 50px;
    right: 57px;
    margin: 0 auto;
}
	.bus_place_table h4 {
    margin-top: 15px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 45px;
    background: #3c5c71;
    font-size: 1.2rem;
}
	.bus_place_table h4 span {
		display: block;
	}

	.bus_box .access_car_box {
    padding: 20px 10px 65px;
}
	   .bus_box .train_routes {
        display: flex
;
        flex-direction: row;
        gap: 0px;
        align-items: center;
        justify-content: space-between;
    }
	.bus_box .train_step {
    position: relative;
    width: 295px;
    height: 70px;
    border-radius: 8px;
    font-weight: bold;
    display: flex
;
    align-items: center;
    justify-content: center;
    writing-mode: lr;
}
	.bus_place_table {
    display: flex
;
    column-gap: 20px;
    flex-direction: column;
}
	.g_map iframe {
    width: 100%;
    height: 250px;
}
	.g_map .map_info {
    display: flex
;
    margin: 100px 0 30px;
    justify-content: flex-start;
    gap: 0px;
    flex-direction: column;
}
	.access_car_box h2.by_train {
    margin-bottom: 25px;
    position: relative;
}
	.access_car_box h2.by_train::after {
    content: "\f239";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.4rem;
    position: absolute;
    left: 19px;
    top: -7px;
    color: #fff;
    transition: 0.5s;
    background: #60ccbc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 11px;
}
	.arrow2 span {
        height: 101px;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        bottom: -43px;
        font-weight: 400;
        width: 25px;
        text-align: center;
        writing-mode: sideways-lr;
        line-height: 19px;
        background: #fff;
        padding-left: 3px;
    }
	.arrow2::after {
    content: "";
    position: absolute;
    right: -7px;
    top: -5px;
    transform: rotate(0deg);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #6aa1ff;
}
	.arrow2 {
        position: absolute;
        top: inherit;
        left: 0;
        transform: rotate(90deg);
        height: 2px;
        background: #6aa1ff;
        width: 53px;
        bottom: -45px;
        right: 0;
        margin: 0 auto;
    }
	.arrow span {
        position: absolute;
        left: 131px;
        right: 0;
        margin: 0 auto;
        bottom: 6px;
        font-weight: 400;
        width: 242px;
        text-align: center;
        writing-mode: sideways-lr;
        height: 70px;
        line-height: 19px;
    }
	.train_goal {
        border-radius: 8px;
        font-weight: bold;
        display: flex
;
        align-items: center;
        justify-content: center;
        writing-mode: inherit;
        width: 295px;
        height: 70px;
    }
	.train_goal .goal {
    width: 295px;
    height: 70px;
}
	.station {
        background: #fff7e6;
        border: 1px solid #ffe7b8;
        position: relative;
        width: 295px;
        height: 70px;
        border-radius: 8px;
        font-weight: bold;
        display: flex
;
        align-items: center;
        justify-content: center;
        writing-mode: inherit;
    }
	.arrow {
        position: absolute;
        top: inherit;
        left: -9px;
		
        height: 2px;
        background: #6aa1ff;
        width: calc(100% + 20px);
        transform: rotate(90deg);
        bottom: -45px;
    }
.access_train_inn {
        display: flex
;
        align-items: anchor-center;
        justify-content: space-around;
        gap: 45px;
        margin-top: -45px;
        flex-direction: column;
    }
	.train_routes {
        display: flex
;
        flex-direction: row;
        gap: 50px;
        align-items: center;
        justify-content: space-between;
    }
	.train_step {
    position: relative;
    width: 50px;
    height: 100px;
    border-radius: 8px;
    font-weight: bold;
    display: flex
;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-lr;
}
	.access_car_box h2::after {
    content: "\f1b9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.4rem;
    position: absolute;
    left: 19px;
    top: -7px;
    color: #fff;
    transition: 0.5s;
    background: #60ccbc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 11px;
}
	.access_car_box h2 {
    margin-bottom: 30px;
    position: relative;
    padding-left: 80px;
    font-size: 1.5rem;
}
	.access_car_box {
    background: #ffffff;
    padding: 20px 5px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px #d1d1d1;
    margin-bottom: 35px;
}
	.line2 span {
    position: absolute;
    left: -58px;
    right: 0;
    margin: 0 auto;
    bottom: 25px;
    width: 121px;
    text-align: left;
    line-height: 22px;
        background: #ffffffc4;
    }
	.line span {
    position: absolute;
    left: -58px;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    width: 121px;
    text-align: left;
    line-height: 22px;
}
	.line2::after {
    content: "";
    position: absolute;
    right: -4px;
    top: inherit;
    transform: rotate(90deg);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #6aa1ff;
    bottom: -2px;
}
	.line::after {
    content: "";
    position: absolute;
    right: -4px;
    top: inherit;
    transform: rotate(90deg);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #6aa1ff;
    bottom: -2px;
}
	.line2 {
    flex: 0 0 80px;
    height: 18px;
    background: #6aa1ff;
    position: relative;
    width: 2px;
}
	.line {
    flex: 0 0 60px;
    height: 18px;
    background: #6aa1ff;
    position: relative;
    width: 2px;
}
	.route_row {
    display: flex
;
    align-items: center;
    gap: 0px;
    flex-direction: column;
}
	.access_car_inn {
        display: flex
;
        gap: 5px;
        max-width: 900px;
        margin: 0 auto;
        flex-direction: inherit;
    }
	.site-description {
		visibility: hidden;
	}
	.hotel-detail-data span {
		display: block;
	}
	.hotel-topic-gray {
		margin-bottom: 25px;
	}
	.hotel-rental-list li.hotel-rental-list_long {
    width: 100%;
}
	.hotel-rental-list li {
    list-style: disc;
    width: 100%;
    margin-bottom: 10px;
}
	.hotel-topic-highlight p {
		margin: 0;
		padding: 0;
	}
	.hotel-topic-img {
    overflow: hidden;
    border-radius: 0 0px 10px 10px;
    line-height: 0;
}
	.hotel-topic-text {
		width: 90%;
		margin: 0 auto;
		        margin-bottom: 12px !important;
  
	}
	ul.hotel-rental-list {
		margin-left: 20px;
	}
	.hotel-topic-highlight {
    border: 2px solid #eee;
    border-radius: 10px;
    margin-top: 55px;
    padding: 0px 0px 0px 0px;
    font-size: 1.2rem;
    display: flex
;
    justify-content: space-between;
    flex-direction: column;
}
	.plan_mid_box th.hotel-detail-label {
    width: 100%;
    background: #edf9f7;
    display: block;
}
	.plan_mid_box td {
		display: block;
		width: 100%;
	}
	.plan_mid_box_R {
    width: 100%;
}
	.plan_mid_box_L {
    width: 100%;
}
	.plan_mid_box {
    display: flex
;
    gap: 20px;
    justify-content: space-between;
    margin-top: 30px;
    flex-direction: column;
}
	.plan_top_R_mes h3 {
    font-size: 21px;
    color: #60CCBC;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px !important;
    margin-left: 0px;
    font-weight: 500;
    text-align: center;
}


	.plan_top_R_mes {
		margin-top: 25px;
	}
	.plan_top_R .price li .price_inn {
    width: 75%;
    margin: 0 auto;
}
	.plan_top_R .price li .price_inn_R {
    width: 100%;
    text-align: right;
    padding-right: 75px;
    margin-top: 3px;
}
	.plan_top_R .price li .price_inn_R span {
    position: absolute;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    top: 17px;
    left: inherit;
    margin: 0 auto;
    right: 32px;
}

	.plan_top_R .price li {
    list-style: none;
    display: flex
;
    margin-bottom: 15px;
    flex-direction: column;
}
	ul.price {
    margin-left: 0px;
}
	.plan_top_R h2 {
    background: #60ccbc;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 1.4rem;
}
	.hotelplan_box_inn_top .plan_top_R {
    width: 100%;
}
	.hotelplan_box_inn_top {
    flex-direction: column;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
}
	.hotelplan_box_inn_top .plan_top_L {
    width: 100%;
}
	.plan-table td .hotel_accent_2 {
    position: absolute;
    left: 147px;
    right: 0;
    margin: 0 auto;
    top: 23px;
    font-size: 15px;
}
	.plan-table th {
    background: #f7f7f7;
    width: 20%;
}
	.plan-wrapper {
    display: flex
;
    gap: 20px;
    margin-bottom: 85px;
    flex-direction: column;
}
	.info_mid_box .info_mid_box_inn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    font-size: 1rem;
}
	.info_box h3.info_mid_box {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 1.2rem;
    padding: 11px 0;
    background: #60ccbce0;
    color: #fff;
    width: 100%;
    margin-bottom: 0;
}
	.top_index h2.site_copy {
    font-size: 1rem;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 24px;
}
	#reissue .reissue-accordion {
    background-color: #f1f1f1;
    cursor: pointer;
    padding: 5px 16px;
    width: 100%;
    border: none;
    color: #60ccbc;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: background-color 0.3s ease;
    font-weight: 500;
}
	.reissue_bottom {
    margin-bottom: 65px !important;
}
    .box-requirements ul li a,.box-requirements ul li a {
        font-size: 0.9rem;
        display: block;
		margin-left: 0px;
    }
	#reissue h3.heading-sub::before {
    border-left: 10px solid #60ccbc;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 33px;
}
	.box-requirements ul {
		margin-left: 20px;
	}
	#reissue .box-requirements {
    
    padding: 10px;
}
	#reissue h2.heading-main {
    background: #60ccbc;
    color: #fff;
    padding: 10px 0px 10px 0px;
    border-radius: 5px;
    font-size: 1.5rem;
    text-align: center !important;
    margin-bottom: 0;
		width: 80%;
		margin: 0 auto;

}
	#reissue article {
    margin-left: 0px;
    width: 90%;
    margin: 0 auto;
}
	.info-time {
    margin-left: 0px;
    font-size: 0.8rem;
    text-align: center;
}
	#reissue h3.heading-sub {
    margin-top: 35px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 24px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 2px;
    font-size: 1.3rem;
}
	.subsidy_inn li {
    list-style: none;
    text-indent: -1rem;
    padding-left: 18px;
}
	
	.subsidy_box table.support-table tr{
	        display: flex;
        flex-wrap: wrap;
        font-size: 0.9rem;
    }
	.subsidy_box table.support-table tr td {
		width: 50%;
	}
	.subsidy_box h2 {
		font-size: 1.5rem;
		
	}
	.subsidy_box h2 span {
	        display: block;
        font-size: 1rem;
        margin-left: -10px;
    }
	.company-others ul {
		margin-left: 10px;
	}
	.company-links.clearfix li img {
    display: block;
    margin-bottom: 8px;
}
.company-links.clearfix li {
    width: 48%;
    border: 1px solid #333;
    list-style: none;
    display: flex
;
    justify-content: center;
    flex-direction: column;
    line-height: 17px;
    padding-bottom: 10px;
    font-size: 0.8rem;
}
	
	table.table-company tr, table.table-history tr {
	display: flex;
	flex-direction: column;
		background: #fff !important;
}
	table.table-company th, table.table-history th {
	text-align: left;
		background: #e6f8f5;
		width: 100%;
}
		table.table-company td, table.table-history td {
	text-align: left;
		background: #fff;
			width: 100%;
}
	
	
	.site-policy .section ol {
		margin-left: 15px;
	}
	#gt_float_wrapper {
    position: absolute !important;
    top: 157px !important;
    right: 20px;
    z-index: 999 !important;
}

	#menu-item-58 ul {
		display: none;
	}
	
    .menu-item-has-children .sub-menu {
        display: inherit;
        padding-left: 0;
        margin: 0;
    }

	#menu-item-58 a span {
	display: none;
	}
	#menu-item-106 a::before, #menu-item-110 a::before, #menu-item-122 a::before, #menu-item-143 a::before {
    position: absolute;
    content: "";
    border-bottom: none;
    width: 100%;
    left: -4px;
    top: 0px;
}
	h1 {
    font-size: 26px !important;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}
	.course_section.anzen_af::before {
    background: #1459b712;
    width: 100%;
    height: 95%;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
	.course_section.tokubetsu_af::before {
    background: #f38c1e12;
    width: 100%;
    height: 97%;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
	.course_section.ginou_af::before {
    background: #489b1b0d;
    width: 100%;
    height: 97%;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
	.course_section.menkyo_af::before {
    background: #ed67930f;
    width: 100%;
    height: 95%;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -1;
    content: "";
    border-radius: 0 0 10px 10px;
}
	.course_section.ginou_af .course_items {
    display: flex
;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    padding: 20px;
}
	.course_section .course_items .course_item {
        flex: inherit;
        max-width: 285px;
        box-sizing: border-box;
        border: 1px solid #333;
        border-radius: 10px;
        padding-bottom: 10px;
        width: 49%;
		margin-bottom: 5px;
    }
	.course_section .course_items {
    display: flex
;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    padding: 10px;
}
	.voice-list {
		padding: 0 10px 0 10px;
	}
	.qa_accordion h3 {
    margin-top: 65px;
    color: #333;
    border-bottom: 2px solid #60ccbc;
    padding-left: 30px;
    position: relative;
    padding-bottom: 5px;
    font-size: 1.3rem;
    font-weight: 500;
}
	.qa_box {
    margin-bottom: 85px;
    padding: 0 10px;
}
	.scroll-top-btn {
		right: 5px;
	}
	.course_name h3 span {
    position: initial;
    left: -9px;
    bottom: -21px;
    font-size: 0.9rem;
}
	.f-sitecontainer .row .list-unstyled a {
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.shikaku_inn_1 li, .shikaku_inn_2 li {
    list-style: none;
    margin-left: 15px;
    margin-bottom: 0px;
}
	.f-sitecontainer h4 {
    font-size: 1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
		margin-bottom: 0;
}
	.course_box_inn {
    margin-bottom: 50px;
}
	.ad_info_inn::before, .ad_info_inn_2::before {
    position: absolute;
    border-bottom: 2px solid #fff;
    width: 15px;
    height: 1px;
    left: 0;
    top: 18px;
    content: "";
    border-radius: 0 10px 10px 0;
}
	.f-sitecontainer .row ul {
    margin-left: 0;
    margin-top: 15px;
}
	.about_info_inn li h3 {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 10px;
    position: absolute;
    top: 7px;
}
	.sub_text {
    font-size: 0.85rem;
    margin-top: 30px;
    width: 96%;
    line-height: 18px;
}
	
	#gt_float_wrapper {
    position: fixed;
    top: 74px !important;
    right: 20px;
    z-index: 999999;
}
	.course_box_inn h2 {
		font-size: 1.6rem;
	}
	.about_info_inn {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
}
	.foot_bunner .mySwiper {
    max-width: 850px;
    margin: 0 auto;
    width: 65%;
}
	.foot_bunner .mySwiper {
    max-width: 850px;
    margin: 0 auto;
    width: 65%;
}
	.un_foot_box_inn {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0 5px;
}
	.un_foot_box_L {
    margin-bottom: 65px;
}
	.unfoot_menu {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 35px;
}
	.un_foot_box_R {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    height: -webkit-fill-available;
    padding-top: 28px;
    width: 100%;
    align-items: center;
}
	.un_foot_box_mid {
    width: 65%;
    color: #fff;
    font-size: 0.9rem;
    margin-top: -15px;
    position: relative;
}
	.un_foot_box_inn {
    display: flex
;
    justify-content: space-between;
    align-items: anchor-center;
    flex-direction: column;
}
	.unfoot_menu {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
}
	.course_name {
    text-align: left;
    padding-left: 0px;
    padding: 0 10px;
}
	.course_ex {
		font-size: 0.8rem;
	}
	.course_name h3 {
        font-size: 1.0rem;
        position: relative;
        margin-top: 0px;
        margin-bottom: 5px;
    }
	.course_items .course_item {
    flex: inherit;
    max-width: 285px;
    box-sizing: border-box;
    border: 1px solid #333;
    border-radius: 10px;
    padding-bottom: 10px;
    width: 49%;
}
.course_items {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
	padding: 0 10px;
}
	.about_info_inn2 .qa img {
    max-width: 253px;
    display: block;
    margin: 0 auto;
    margin-top: 22px;
    transition: transform 0.3s 
ease;
    width: 90%;
}
	.about_info_inn2 .kyousyuu img {
    max-width: 195px;
    display: block;
    margin: 0 auto;
    margin-top: 33px;
    transition: transform 0.3s 
ease;
    width: 85%;
}
	.about_info_inn2 .kyuufu img {
    max-width: 80px;
    display: block;
    margin: 0 auto;
    margin-top: 14px;
    width: 100%;
    transition: transform 0.3s ease;
}
	.about_info_inn2 .megahon img {
    max-width: 115px;
    display: block;
    margin: 0 auto;
    margin-top: 13px;
    transition: transform 0.3s ease;
}
	.about_info_inn li {
    flex: inherit;
    aspect-ratio: 1 / 0.66;
    list-style: none;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    width: 100%;
}
	.course_box_tab {
    display: flex
;
	flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    padding: 0 10px;
		        justify-content: space-between;
}
	.course_box_tab .tab-btn {
          padding: 10px 0px;
        border: none;
        background: #eee;
        cursor: pointer;
        font-size: 15px;
        border-radius: 5px;
        max-width: inherit;
        width: 48%;
        color: #333;
		
    }
	.oshirase_box {
		padding: 0 10px;
	}
	.oshirase_box h2 {
		    font-size: 1.6rem;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
	}
	.oshirase_box h2.pld-post-title {
		font-size: 1rem;
	}
	.info_box {
    display: flex
;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 0px;
    justify-content: space-between;
    align-items: center;
		padding: 20px 0;
}
	.info_box .info_inn {
    flex: inherit;
    aspect-ratio: 1 / 0.66;
    list-style: none;
    position: relative;
    text-align: center;
    border: 1px solid #eee;
    width: 49%;
}
	.head_menubox .head_menu_item h2 {
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.0rem;
    color: #fff;
    display: inline-block;
    margin: 0;
    transition: 0.5s;
    white-space: nowrap;
    word-wrap: break-word;
}
	.ad_info_inn_3::before, .ad_info_inn_4::before, .ad_info_inn_5::before, .ad_info_inn_6::before {
    position: absolute;
    border-bottom: 2px solid #fff;
    width: 15px;
    height: 1px;
    left: 0;
    top: 8px;
    content: "";
    border-radius: 0 10px 10px 0;
}
	.ad_info_inn_4,.ad_info_inn_3,.ad_info_inn_4,.ad_info_inn_5,.ad_info_inn_6  {
		height: 51px;
	}
	.about_info_inn2{
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
	.about_info_inn2 li {
    flex: inherit;
    aspect-ratio: 1 / 1;
    background: #fff;
    list-style: none;
    position: relative;
    border: 1px solid #a7a7a7;
    width: 49%;
}
	.top_icon_inn {
        overflow: hidden;
        border-radius: 50%;
        max-width: 140px;
        margin: 0 auto;
        margin-top: 13px;
        line-height: inherit;
        position: relative;
        max-height: 140px;
        height: 100%;
    }
	.head_menubox .head_menu_item {
flex: inherit;
        aspect-ratio: 1 / 1;
        position: relative;
        transition: 0.5s;
        width: 49%;
    }

	.head_menubox {
    display: flex
;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}
	
	
}




/*///for_mob//*/

@media only screen and (max-width: 450px) {
	.bus_place_table_R_map .kakegawa_map_text_1 {
         position: absolute;
        bottom: 27px;
        left: 51px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #fff;
    }
	.bus_place_table_R_map .kakegawa_map_text_2 {
        position: absolute;
        bottom: 37px;
        left: 176px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_R_map .kakegawa_map_text_3 {
        position: absolute;
        bottom: 27%;
        right: 15%;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 20px;
    }
	.bus_place_table_R_map .kakegawa_map_text_4 {
        position: absolute;
        bottom: 52%;
        right: 15%;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	.bus_place_table_R_map .kakegawa_map_text_5 {
        position: absolute;
        top: 33px;
        right: 146px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	
		.bus_place_table_L_map .bajet_map_text_3 {
          position: absolute;
        top: 85px;
        right: 68px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	.bus_place_table_L_map .bajet_map_text_2 {
           position: absolute;
        bottom: 34px;
        left: 50%;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_L_map .bajet_map_text_1 {
        position: absolute;
        top: 46px;
        writing-mode: tb;
        left: 33%;
        font-size: 1.0rem;
        font-weight: 900;
    }

}

/*//mob_suma/*/
@media only screen and (max-width: 390px) {
	    .head_menubox .head_menu_item h2 {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 1.0rem;
        color: #fff;
        display: inline-block;
        margin: 0;
        transition: 0.5s;
        white-space: nowrap;
        word-wrap: break-word;
    }
	    .top_icon_inn {
        overflow: hidden;
        border-radius: 50%;
        max-width: 120px;
        margin: 0 auto;
        margin-top: 13px;
        line-height: inherit;
        position: relative;
        max-height: 120px;
        height: 100%;
    }
	.bus_place_table_R_map .kakegawa_map_text_1 {
        position: absolute;
        bottom: 24px;
        writing-mode: lr;
        left: 47px;
        font-size: 1.0rem;
        font-weight: 900;
    }
	.bus_place_table_R_map .kakegawa_map_text_2 {
         position: absolute;
        bottom: 27px;
        left: 166px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_R_map .kakegawa_map_text_3 {
        position: absolute;
        bottom: 52px;
        right: 39px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 20px;
    }
	.bus_place_table_R_map .kakegawa_map_text_4 {
        position: absolute;
        bottom: 108px;
        right: 40px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	.bus_place_table_R_map .kakegawa_map_text_5 {
        position: absolute;
        top: 26px;
        right: 122px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	
		.bus_place_table_L_map .bajet_map_text_3 {
        position: absolute;
        bottom: inherit;
        right: 37px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 20px;
        top: 64px;
    }
	.bus_place_table_L_map .bajet_map_text_2 {
        position: absolute;
        bottom: 29px;
        left: 165px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_L_map .bajet_map_text_1 {
        position: absolute;
        bottom: inherit;
        left: 109px;
        font-size: 1rem;
        font-weight: 900;
        color: #333;
        top: 42px;
    }

}

@media only screen and (max-width: 345px) {
	.site-header .header-image {
    width: 100% !important;
    max-width: 220px;
}
	.bus_place_table_R_map .kakegawa_map_text_1 {
        position: absolute;
        bottom: 24px;
        writing-mode: lr;
        left: 36px;
        font-size: 1.0rem;
        font-weight: 900;
    }
	.bus_place_table_R_map .kakegawa_map_text_2 {
        position: absolute;
        bottom: 24px;
        left: 138px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_R_map .kakegawa_map_text_3 {
        position: absolute;
        bottom: 43px;
        right: 26px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 20px;
    }
	.bus_place_table_R_map .kakegawa_map_text_4 {
        position: absolute;
        bottom: 96px;
        right: 27px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	.bus_place_table_R_map .kakegawa_map_text_5 {
        position: absolute;
        top: 23px;
        right: 104px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 0;
    }
	
		.bus_place_table_L_map .bajet_map_text_3 {
        position: absolute;
        bottom: inherit;
        right: 26px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #333;
        padding: 20px;
        top: 46px;
    }
	.bus_place_table_L_map .bajet_map_text_2 {
        position: absolute;
        bottom: 21px;
        left: 149px;
        font-size: 1.2rem;
        font-weight: 900;
        color: #de2d49;
    }
	.bus_place_table_L_map .bajet_map_text_1 {
position: absolute;
        bottom: inherit;
        left: 96px;
        font-size: 1rem;
        font-weight: 900;
        color: #333;
        top: 29px;
    }

}


@media only screen and (max-width: 330px) {
	    .head_menubox .head_menu_item h2 {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.9rem;
        color: #fff;
        display: inline-block;
        margin: 0;
        transition: 0.5s;
        white-space: nowrap;
        word-wrap: break-word;
    }
	.top_icon_inn {
        overflow: hidden;
        border-radius: 50%;
        max-width: 100px;
        margin: 0 auto;
        margin-top: 7px;
        line-height: inherit;
        position: relative;
        max-height: 100px;
        height: 100%;
    }
	
	
}