@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/**

/*************************** 
 ********** 共通 ********** 
****************************/
h1.fv-title {
  font-size: 3rem!important;
	line-height: 1.4;
}

/* H2 */
h2.section-title {
	font-size: 2.4rem;
	color: #004d8c!important;
}
/* セクションタイトル下線 */
h2.section-title.bottom-bar::after {
  content: "";
  display: block;
  width: 55px;
  border-top: 4px solid #EAB309;
	border-radius: 30px;
  margin: 1rem auto;
}

/* サブタイトル */
.sub-title-en {
	font-size: .9rem;
	color: #9197A1;
}

/* H3 */
h3 {
	font-size: 1.8rem!important;
}
h3.bottom {
	margin-bottom:50px!important;
}

/* lead-title */
.lead-title {
	font-size: 1.5rem!important;
	font-weight: bold;
	line-height: 1.4;
}

/* 共通中央寄せ */
.center {
	display: flex;
  justify-content: center;
	align-items: center;
}

/* SWELLボタン */
/* ボタンの背景 */
.is-style-more_btn a {
	background: #E0F0FA;
	box-shadow: 0 0 0 1px #E0F0FA;
}
/* ボタンデフォルトアイコン */
.is-style-more_btn a:after {
	display: none;
}

/* キャプションボックスのbodyの背景色 */
.cap_box_content {
	background: #fff!important;
	padding: 3rem 2rem 4rem;
}

/* クリックして拡大（スマホ画面幅余白あり） */
@media (max-width:460px) {
	.lum-lightbox-inner img {
		width: 100%;
		object-fit: contain;
	}
}


/*********** 下層ページ ***********/

/* デフォルト下層タイトル非表示 */
h1.c-pageTitle {
  display: none;
}

/* 下層ページ上部の余白 */
.l-mainContent__inner>.post_content {
	margin: 0;
}
/* 下層ぺージ上部の余白削除 */
.l-content {
	padding-top: 0!important;
}

/* パンくずリスト現ぺージのフォント */
.p-breadcrumb__item:last-child span {
  font-weight: bold;
}

/* 下層ぺージ共通の背景の円 */
.circle {
	position: relative;
	overflow: hidden;
}
.circle:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	top: -15rem;
	right: -10rem;
  width: 40rem;
  height: 40rem;
	opacity: .2;
}
.circle:after {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	bottom: -20rem;
	left: -20rem;
  width: 50rem;
  height: 50rem;
	opacity: .2;
}



/************************** 
 ********** tab ********** 
***************************/

/* タブの背景色 */
.is-style-balloon>.c-tabList .c-tabList__button {
	background: #f6f6f6;
}
/* タブ全体を均等幅の左寄せに */
.c-tabList {
	justify-content: flex-start;
}
/* タブの▼削除 */
.is-style-balloon>.c-tabList .c-tabList__button:before {
  display: none;
}

/* tab-centerクラスのタブ中央寄せ */
.tab-center .c-tabList {
	justify-content: center;
}

/* 他の記事を見るボタン */
.is-style-more_btn a {
	min-width: inherit;
}



/***************************** 
 ********** カラム ********** 
******************************/
/* カラムの中央の余白 */
.wp-block-columns {
  --wp-column-gap: 3em;
}



/**************************
 ****** slickslider ******
***************************/
.slider .slick-list {
	margin-bottom: 0!important;
  /* 全幅に */
	overflow: visible!important;
}
.slider img,
.slider02 img {
  /* 画像サイズが大きいためauto設定 */
  width: auto;/*画像の横幅100%*/
  height: auto;
	transition: all .3s;
}
/* .slider img:hover {
	transform: scale(1.1);
} */
.slider .slick-slide {
  margin: 0 20px;/* 画像左右の余白 */
}

/* 戻ると次へボタン */
.slick-next, .slick-prev {
    font-size: 0!important;
    line-height: 0;
    position: absolute;
    top: 50%;
	  margin-left: 12px;
    display: block;
    width: 20px!important;
    height: 20px!important;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
    z-index: 999;
}
.slick-prev:before, .slick-next:before {
  color: #000!important;
	font-size: 2rem!important;
}

/* Smart Slider */
/* ドット */
.n2-ss-slider-controls.n2-ss-slider-controls-below {
    margin-top: 30px!important;
}



/*********************************
 ************ banner ************ 
**********************************/

/* バナー共通 */
.follow-banner {
  position: fixed;
  top: 18%;
  right: 0;
	z-index: 20;
}
.follow-banner a:hover {
  opacity: 0.8;
}

/* 1つ目のバナー(地域みらい留学) */
.follow-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-image: linear-gradient(#ffbc78, #ff8734 50%, #ff5800);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em;
  transition: opacity 0.25s;
	width: 70px;
}

/* 2つ目のバナー(フォレストバレー) */
.follow-banner.banner02 {
/*   top: 40%;
  right: 0; */
	margin-top: 180px;
  line-height: 1.4;
}
.follow-banner.banner02 a {
	background-image: linear-gradient(#06ff48, #00c535 50%, #006b1d);
}

/* スマホでは非表示に */
@media screen and (max-width: 599px) {
  .follow-banner {
    display: none;
  }
}




/***********************************
 ************* header ************* 
************************************/

/* ヘッダー・追従ヘッダー内を全幅に */
#header .l-container,
.l-fixHeader__inner.l-container {
	max-width: 100%;
	padding: 0 0 0 100px;
	font-weight: bold;
}

/* ヘッダーロゴの文字 */

/* PC表示時のヘッダーロゴの文字 */
@media (min-width: 600px) {
  .-txt .c-headLogo__link {
    font-size: 20px;
  }
}
/* ロゴのfont-family */
.-txt .c-headLogo__link {
	font-family: "Shippori Mincho", serif;
}

/* ロゴをヘッダー左に表示 */

/* ヘッダー */
#header .l-container:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/cropped-favicon_ico.png) no-repeat center / contain;
	position: absolute;
	top: -2px;
	left: 5px;
  width: 90px;
  height: 90px;
}
/* 追従ヘッダー */
.l-fixHeader__inner.l-container:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/cropped-favicon_ico.png) no-repeat center / contain;
	position: absolute;
	top: -6px;
	left: 5px;
  width: 90px;
  height: 90px;
}

/* ロゴ */
/* .c-headLogo__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 160px;
	background: #fff;
} */

/* お問い合わせ */
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2519 {
  background: #004D8C;
	color: #fff;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2519 a:hover {
  opacity: .8!important;
	color: #fff;
}


/*** 追従ヘッダーと下層ヘッダー ***/

.l-fixHeader__gnav.c-gnavWrap ul.c-gnav li a,
.-series-right .l-header__inner li a {
	transition: .3s;
}
.l-fixHeader__gnav.c-gnavWrap ul.c-gnav li a:hover,
.-series-right .l-header__inner li a:hover {
	color: #004D8C;
}

/*** サブメニュー ***/
.c-gnav .sub-menu:before {
  background: #E0F0FA;
}



/***********************************
 ******* footer直前・footer ******* 
************************************/
/* フッター直前の余白削除 */
.l-content {
    margin: 0 auto 0em;
    position: relative;
    z-index: 1;
}
.w-beforeFooter {
	margin: 0;
}

/* TOPページブログパーツバナー余白削除 */
.w-frontBottom {
	margin-top: 0;
}

/* フッターメニューのフルワイドの余白調整 */
/* PC */
@media (min-width: 960px) {
    .pc-py-40.footer-menu-area {
        padding-bottom: 2em !important;
        padding-top: 4em !important;
    }
}

/* フッターメニュー内の文字色変更 */
.footer-menu-area p,
.footer-menu-area a {
	color: #fff!important;
}
.footer-menu-area a {
	transition: all .3s;
}
.footer-menu-area a:hover {
	opacity: .7;
}



/*************************************
 ******* 各投稿リストデザイン ******* 
**************************************/

/********* 投稿リストデザイン *********/

/*** テキスト型デザイン ***/
/* テキスト型投稿リストbody */
.p-postList.-type-simple .p-postList__body {
	box-shadow: none;
	padding: 1.2em;
	background: inherit;
}
/* リンク内の余白削除 */
.-type-simple .p-postList__link {
	padding: 0;
}
/* hover時 */
.p-postList.-type-simple .p-postList__link:hover {
  background: #E0F0FA;
}


/********** 各カテゴリラベル **********/

/* カテゴリラベル（共通） */
/* .c-postThumb__cat {
	top: 12px;
	right: 0px;
} */


/*カテゴリー毎　カテゴリーラベル*/ 
[data-cat-id="3"] {/* 学校のお知らせ */
/*   background-color: #0000FF !important;
	color: #ffffff!important; */
}
[data-cat-id="4"] {/* 青峰NOW! */
/* 	background-color: #FF00FF !important;
	color: #ffffff!important; */
}
[data-cat-id=""] {/* 各部活動 */
/* 	background-color: #ff3366 !important;
	color: #ffffff!important; */
}
[data-cat-id="6"] {/* 普通科 */
/*   background-color: #FF8C00 !important;
	color: #ffffff!important; */
}
[data-cat-id="7"] {/* 理数科 */
/* 	background-color: #00BFFF !important;
	color: #ffffff!important; */
}
[data-cat-id="8"] {/* 森林環境科 */
/* 	background-color: #008000 !important;
	color: #ffffff!important; */
}
[data-cat-id="9"] {/* インテリア科 */
/* 	background-color: #ff3366 !important;
	color: #ffffff!important; */
}
[data-cat-id="10"] {/* 定時制 */
/* 	background-color: #8A2BE2 !important;
	color: #ffffff!important; */
}
[data-cat-id="11"] {/* 生徒会 */
/* 	background-color: #FFFF00 !important;
	color: #333333!important; */
}
[data-cat-id=""] {/* 舞台美術 */
/* 	background-color: #ff3366 !important;
	color: #ffffff!important; */
}



/*******************************
 ******* 個別投稿ページ ******* 
********************************/

/* 個別投稿ページ・サイドバーの上下の余白追加 */
#sidebar,
article.l-mainContent__inner {
	margin: 3em 0;
}




/*************************
 ******* TOPぺージ ****** 
**************************/

/* TOPぺージbg-grクラスの背景色 */
.bg-gr {
  background-image: linear-gradient(90deg, #cef6f7, #e4edff);
}

/* お知らせ */
.top-section01 {
	overflow: hidden;
}
.top-section01:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	top: -4rem;
	right: -10rem;
  width: 45.4rem;
  height: 45.4rem;
	opacity: .3;
}

/* 学科紹介 */
.top-section03 {
	overflow: hidden;
}
.top-section03:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	top: 5rem;
	left: -8rem;
  width: 30rem;
  height: 30rem;
	opacity: .3;
}
.top-section03:after {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	bottom: -30rem;
	right: -30rem;
  width: 80rem;
  height: 80rem;
	opacity: .3;
}

/* バナーリンクセクション */
.banner-section {
	position: relative;
	z-index: 1;
}

/* 公式Instagram・直近の予定 */
.top-section06:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	top: -56rem;
	left: -40rem;
  width: 70rem;
  height: 70rem;
	opacity: .3;
}
.top-section07:before {
	content: "";
	background: url(https://kisoseiho-hs.ed.jp/wp-content/uploads/2026/01/circle-bg.png) no-repeat center / contain;
	position: absolute;
	top: -5rem;
	right: -10rem;
  width: 45rem;
  height: 45rem;
	opacity: .3;
}


/* instagram feed もっと見るボタン */
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, .et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
	margin: 5px auto 0!important;
}



/*************************
 ******* 学校紹介 ******* 
**************************/

/* 学校紹介各種ページの追従ナビゲーションメニュー */
.accordion {
  width: 100%;
  max-width: 170px;
  margin: 20px auto;
	background: #fdfdfd;
/*   -webkit-border-radius: 4px;
  -moz-border-radius: 4px; */
/*   border-radius: 4px; */
	position: fixed;
	top: 50%;
	left: 10px;
	transform: translatey(-50%);
	border: 2px solid #E0F0FA;
	list-style: none;
	z-index: 10;
}

/* Font Awesome */
.icon-chevron-right:before {
	position: absolute;
	top: -5px;
	right: -148px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #4D4D4D;
  font-size: 13px;
  font-weight: 700;
  border-bottom: 1px solid #E0F0FA;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accordion .link:hover {
	color: #004d8c;
	transform: translatex(1px);
}

.accordion li:last-child .link {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link {
  color: #b63b4d;
}

.accordion li.open i {
  color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion li.default .submenu {
	display: block;
}

/* デフォルトの左の余白削除 */
.accordion .post_content ol, .post_content ul {
	padding-left: 0;
}

/* 印刷時ナビゲーションメニューを印刷しない */
@media print {
    .accordion {
        display:none !important;
    }
}

/*** 教育課程表・教科書 ***/

/* 使用教科書*/
.curriculumtable-textbook .button-list {
	width: 500px;
	margin: 0 auto;
}


/*** 年間行事予定 ***/

/* 年間行事予定の各アイテム */
.event-schedule.section01 .item-list .item {
	background: #f9f9f9;
	box-shadow: 0 5px 10px 0 #ddd;
	transition: all .3s;
}
/* 年間行事予定の各アイテムにhoverした時のアニメーション */
.event-schedule.section01 .item-list .item:hover {
	transform: translatey(-2px);
}

/* 各月 */
.event-schedule.section01 .item-list .item .month-title {
	font-size: 1.2rem;
	color: #aaa;
}

/* 各月の数字 */
.event-schedule.section01 .item-list .item .month-title span.month-num {
	font-family: "Poppins", sans-serif;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1;
	margin-right: .2rem;
}

/* 各リストの色 */

/* 4～6 */
.event-schedule.section01 .item-list.spring li:before {
	color: #dd0083;
}
/* 7～9 */
.event-schedule.section01 .item-list.summer li:before {
	color: #0aa501;
}
/* 10～12 */
.event-schedule.section01 .item-list.autumn li:before {
	color: #e36000;
}
/* 1～3 */
.event-schedule.section01 .item-list.winter li:before {
	color: #0088cb;
}




/*************************
 ******* 学科紹介 ******* 
**************************/

/*** 各科目ぺージ共通デザイン ***/

/* 番号（ナンバリング） */
.num {
  display: flex;
  justify-content: center;
  align-items: center;
	width: 70px;
	height: 70px;
	margin: 0 auto 10px auto;
	font-family: 'Poppins', sans-serif;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.6;
	color: #004D8C;
	background: #fff;
	border-radius: 50%;
}
/* 背景白の番号（森林環境科） */
.white .num {
	background: #F9FAFC!important;
}

/* 画像アリのデザイン（森林・インテリア科） */
/* contentボックス */
.content-box {
	background: #E0F0FA;
	box-shadow: 0 5px 10px 0 rgba(18, 134, 192, 0.5);
	margin: 80px auto;
}
/* テキストボックス */
.content-box .text-box {
	padding: 2rem 3rem 2rem 0rem;
}

/* 画像ナシのデザイン（普通科/定時制・理数科） */
.content-text-box {
	background: #E0F0FA;
	box-shadow: 0 5px 10px 0 rgba(18, 134, 192, 0.5);
	margin: 50px auto;
	padding: 2rem;
	width: 800px;
	height: 100px;
}
/* 画像ナシのデザインのカラムの中央の余白 */
.content-text-box.wp-block-columns {
  --wp-column-gap: 0em;
}

/* 画像アリ・画像ナシ共通 */
/* 右に余白 */
.content-box.right,
.content-text-box.right {
  margin-left: 120px;
}
/* 左に余白 */
.content-box.left,
.content-text-box.left {
	margin-right: 120px;
}

/* アイテムリスト（普通科・定時制・施設紹介） */
.item-list .item {
	padding: 1rem;
	background: #E0F0FA;
	box-shadow: 0 5px 10px 0 rgba(18, 134, 192, 0.5);
}
/* 「学習内容」アイテムリスト背景白（森林・インテリア科、学校概要、） */
.item-list .item.white {
	background: #fff!important;
	box-shadow: 0 5px 10px 0 #ddd;
}

/* 資格取得の資格リスト */
.license-item-list .item {
	background: #E0F0FA;
	padding: .5rem 0;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/********* インテリア科 *********/

/*** セクション3 ***/

/* コンテントボックスのテキストボックス */
.interior.section03 .content-box .text-box {
	padding: 2rem;
}

/* セクション3のカラムの中央の余白 */
.interior.section03 .wp-block-columns.content-box {
  --wp-column-gap: 0em;
}


/*** セクション6 ***/

/* ボタンリスト */
.interior.section06 .swell-block-columns.button-list {
  width: 800px;
	margin: 0 auto;
}
/* ボタン */
.interior.section06 .button-list a {
	width: 250px;
}


/*** セクション8 ***/

/* メッセージリスト */
/* リストアイテム */
.interior.section08 .message-item-list .item {
	height: 380px;
	padding: 2rem 1rem 1rem 1rem;
	background: #fff;
	box-shadow: 0 5px 10px 0 #eee;
}
/* 卒業生の経歴テキスト */
.interior.section08 .message-item-list .item .text {
	font-size: .9rem;
  height: 80px;
}




/*******************************
 ******* 地域みらい留学 ******* 
********************************/

/* 説明リスト */
.mirai-ryugaku.section03 dl.swell-block-dl.is-style-border {
	background: #f7f7f7;
	padding: 2rem 1rem;
	height: 640px;
	box-shadow: 0 5px 10px 0 #ddd;
	position: relative;
}
.mirai-ryugaku.section03 .is-style-border>.swell-block-dl__dt {
	border-left: 4px solid var(--color_main);
}

/* グレー背景 */
.mirai-ryugaku.section03 .bg-gray {
	box-shadow: 0 5px 10px 0 #ddd;
}
/* 電話番号 */
.mirai-ryugaku.section03 .tel-num {
	font-family: 'Poppins', sans-serif;
	font-size: 2.5rem;
	font-weight: 600;
	color: #004D8C;
}
/* 代表 */
.mirai-ryugaku.section03 .post {
	font-size: 1.8rem;
	font-weight: bold;
}










/*************************************
 ******* レスポンシブデザイン ******* 
**************************************/

@media screen and (max-width: 599px) {
	
	h1.fv-title {
		font-size: 2rem!important;
	}
	
	/* H2 */
  h2.section-title {
	  font-size: 1.8rem;
  }
 
  /* サブタイトル */
  .sub-title-en {
	  font-size: .8rem;
  }

  /* セクションタイトル下線 */
  h2.section-title.bottom-bar::after {
    width: 45px;
    border-top: 3px solid #EAB309;
    margin: .7rem auto;
  }

  /* H3 */
  h3 {
	  font-size: 1.5rem!important;
		text-align: center!important;
  }
  h3.bottom {
	  margin-bottom:30px!important;
  }

  /* lead-title */
  .lead-title {
	  font-size: 1.4rem!important;
		text-align: center!important;
	  line-height: 1.4;
  }
  
	/* order-box内のスマホでの表示順を画像を1番目に、order-contentを2番目に */
	.order-box .order-content {
		order: 2;
	}
	.order-box img {
		order: 1;
	}
	
	/* 動画バナー非表示 */
	#flyin {
		display: none!important;
	}
	
	/* ボタン */
	a.swell-block-button__link,
	.is-style-more_btn a {
		width: 280px;
	}
	.swell-block-button[data-align=left] {
		text-align: center;
	}
	
	/* TOPぺージバナー */
	.follow-banner {
    display: none!important;
	}
	
	/* 学校紹介追従メニュー */
	.accordion {
		display: none!important;
	}
	
  /* 地図 */
	
	/* 下層ぺージ共通の背景の円 */
  .circle:before {
	  top: -7rem;
		right: -7rem;
    width: 20rem;
    height: 20rem;
  }
  .circle:after {
	  bottom: -7rem;
	  left: -15rem;
    width: 30rem;
    height: 30rem;
  }
	
	
	/***************************** 
   ********** カラム ********** 
  ******************************/
  /* カラムの中央の余白 */
  .wp-block-columns {
    --wp-column-gap: 1.5rem;
  }
	
	
	/***********************************
   ************* header ************* 
  ************************************/
	
/* 	 */
	.c-widget__title.-spmenu {
		display: none;
	}

  /* ロゴ */
  .c-headLogo__img {
	  width: 80px;
	  height:80px;
  }

  /* ヘッダー・追従ヘッダー内を全幅に */
  #header .l-container,
  .l-fixHeader__inner.l-container {
	  padding: inherit;
  }

  /* ロゴをヘッダー左に表示 */
  /* ヘッダー */
  #header .l-container:before { 
	  top: 0px;
	  left: 15px;
    width: 50px;
    height: 50px;
  }
	
	
	/***********************************
   ************* footer ************* 
  ************************************/
	/* SP */
	@media not all and (min-width: 960px) {
    .sp-py-40.footer-menu-area {
			padding-bottom: 2em !important;
			padding-top: 4em !important;
    }
  }
	
	/***********************************
   ************ TOPぺージ *********** 
  ************************************/
	/* お知らせ */
  .top-section01:before {
	  top: -4rem;
	  right: -10rem;
    width: 25.4rem;
    height: 25.4rem;
  }

	/* 学科紹介 */
  .top-section03:before {
	  top: 0rem;
	  left: -3rem;
    width: 13rem;
    height: 13rem;
  }
  .top-section03:after {
	  bottom: -15rem;
	  right: -20rem;
    width: 35rem;
    height: 35rem;
  }

	/* 公式Instagram・直近の予定 */
  .top-section06:before {
	  top: -55rem;
	  left: -45rem;
    width: 68rem;
    height: 68rem;
  }
	.top-section07:before {
	  top: -5rem;
	  right: -15rem;
    width: 30rem;
    height: 30rem;
  }
	
	
	
	
	/*******************************
   ******* 学校紹介ページ ******* 
  ********************************/
	
	/*** 学校評価ぺージ ***/
	
	/* 各ボタンのタイトル */
	.btn-title {
		text-align: center;
		margin-bottom: 10px!important;
	}
	
	/*** 教育課程表・教科書 ***/

  /* 使用教科書*/
  .curriculumtable-textbook .button-list {
	  width: 100%;
  }
	
	
	/*******************************
   ******* 学科紹介ページ ******* 
  ********************************/

  /*** 各科目ぺージ共通デザイン ***/

  /* 番号（ナンバリング） */
  .num {
	  font-size: 2rem;
	  line-height: auto;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 60px;
		border-radius: 50%;
  }

  /* 画像アリのデザイン（森林・インテリア科） */
  /* contentボックス */
  .content-box {
	  margin: 40px auto;
  }
  /* テキストボックス */
  .content-box .text-box {
	  padding: 0 1.5rem 1.5rem;
  }

  /* 画像ナシのデザイン（普通科/定時制・理数科） */
  .content-text-box {
	  margin: 30px auto;
	  padding: .5rem 1rem 1rem;
	  width: auto;
	  height: auto;
  }
	
  /* 画像アリ・画像ナシ共通 */
  /* 右に余白 */
  .content-box.right,
  .content-text-box.right {
    margin-left: 0;
  }
  /* 左に余白 */
  .content-box.left,
  .content-text-box.left {
	  margin-right: 0;
  }

  /* アイテムリスト（普通科・定時制） */
  .item-list .item {
	  padding: 1rem;
  }

  /* 資格取得の資格リスト */
  .license-item-list .item {
	  padding: .5rem 0;
	  height: 80px;
  }



  /********* 普通科 *********/






  /********* インテリア科 *********/

  /*** セクション3 ***/

  /* コンテントボックスのテキストボックス */
  .interior-section03 .content-box .text-box {
	  padding: 2rem;
  }

  /*** セクション6 ***/

  /* ボタンリスト */
  .interior.section06 .swell-block-columns.button-list {
		width: 100%;
    margin: 0 auto;
  }


  /*** セクション8 ***/

  /* メッセージリスト */
  /* リストアイテム */
  .interior-section08 .message-item-list .item {
	  height: 370px;
		padding: 2rem 0;
  }



  /*******************************
   ******* 学校生活ページ ******* 
  ********************************/

  /******** クラブ・同好会セクション ********/

  /* タブ */
  /* タブを中央寄せ */
  .club-activities ul.c-tabList {
	  margin-bottom: 2em!important;
  }
  /* タブの背景削除 */
  .club-activities .is-style-balloon>.c-tabList .c-tabList__button {
	  padding: .5rem 1rem;
/* 		font-size: .6rem;
		display: flex;
		justify-content: center;
		align-items: center; */
  }
	
	
	
	/*******************************
   ******* 地域みらい留学 ******* 
  ********************************/
	
	/* 説明リスト */
	.mirai-ryugaku.section03 dl.swell-block-dl.is-style-border {
	  padding: 2rem .8rem 1rem;
		height: auto;
  }
  .mirai-ryugaku-section03 .is-style-border>.swell-block-dl__dt {
	  border-left: 3px solid var(--color_main);
  }

  /* 電話番号 */
  .tel-num a {
    font-size: 2rem;
		color: #004D8C!important;
  }
	/* 代表 */
	.post {
	  font-size: 1.4rem!important;
	  font-weight: bold;
  }
	
	
}