@charset "utf-8";

/* -----------------------------------------------

	Type: 下層　テンプレ―トはpage.php
		  基本はpage.css補い、ユニークな箇所のみここに記述

----------------------------------------------- */


/* 学校の特色
----------------------------------------------- */
.kasou_graph-paper_bg {
	display: block;
	background: url('/shodaifu2024/wp-content/themes/shodaifu/assets/images/kasou_graph-paper.jpg') repeat-y;
	background-size: cover;
	padding-top: var(--space80);
	padding-bottom:var(--space80);
	margin-top: var(--space80);
}
.FourForces img.title {
	max-width: 470px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

.FourForces_flex {
	display: flex;
	flex-wrap: wrap;
}
.FourForces_flex a {
	width: calc(50% - 20px);
    max-width: 660px;
	color: var(--color-white)!important;
	border-bottom: none!important;
	border-radius: 5px;
	padding: 60px var(--space40) var(--space40)!important;

	position: relative;
}
.FourForces_flex a:not(:nth-child(2n)) {
	margin-right: 40px;
}
.FourForces_flex a:nth-child(n+3) {
	margin-top: 80px;
}

.FourForces_flex a div {
	font-size: var(--fz42_unique);
	font-weight: var(--fw700);
	text-align: center;
}

/* 背景色 */
#FourForces_item01 { background-color: #E187A0;}
#FourForces_item02 { background-color: #EB9B4B;}
#FourForces_item03 { background-color: #46B4CD;}
#FourForces_item04 { background-color: #91BE50;}

/* アイコンを付ける */
.FourForces_flex a::after {
	content: '';
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: -40px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-size: contain;

}
.FourForces_flex a#FourForces_item01::after {
	background: url('/shodaifu2024/wp-content/themes/shodaifu/assets/images/about_feature01_icon.png') no-repeat;
}
.FourForces_flex a#FourForces_item02::after {
	background: url('/shodaifu2024/wp-content/themes/shodaifu/assets/images/about_feature02_icon.png') no-repeat;
}
.FourForces_flex a#FourForces_item03::after {
	background: url('/shodaifu2024/wp-content/themes/shodaifu/assets/images/about_feature03_icon.png') no-repeat;
}
.FourForces_flex a#FourForces_item04::after {
	background: url('/shodaifu2024/wp-content/themes/shodaifu/assets/images/about_feature04_icon.png') no-repeat;
}

/* 下向き矢印 */
.down-arrow {
	width: 100%;
	max-width: 80px!important;
	display: block;
	margin: 80px auto;
}

/* 青線　内側は白枠 */
.blue_border_box {
	border: 2px solid var(--color-blue);
	border-radius: 5px;
	background: var(--color-white);
	padding: var(--space40-34)!important;
	text-align: center;
}
.blue_border_box p {
	font-size: var(--fz24_unique);
	line-height: 1.5;
	margin: 0 auto!important;
}
.blue_border_box .title {
	font-size: var(--fz42_unique);
	font-weight: var(--fw700);
	color: var(--color-blue);
	line-height: 1.3;
	margin-bottom: 28px!important;
}

/* 青枠 */
.blue_box {
	background: var(--color-blue);
	border-radius: 5px;
	color: var(--color-white);
	padding: 0 var(--space40);
	text-align: center;
	padding: var(--space40-34)!important;
}
.blue_box .title {
	font-size: var(--fz42_unique);
	font-weight: var(--fw700);
	color: var(--color-white);
	line-height: 1.3;
	margin: 0 auto!important;
}


/* 扉
----------------------------------------------- */
/* リストの基本cssを解除 */
.general_content.tobira ul {
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding-left: 0!important;
}
.general_content.tobira li {
	list-style: none!important;
	padding-left: 0!important;
	padding-bottom:0!important;
}

/* ボタン横並び */
.tobira ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tobira li:not(:nth-child(2n)) {
	margin-right: 80px;
}

/* 枠線ボタン */
.tobira li {
	width: calc(50% - 40px);
    max-width: 560px;
	text-align: center;
	margin-bottom: var(--space40);
}

.tobira li a {
    display: inline-block;
    position: relative;
    padding: 22px 35px;
	width: 100%;

	font-size: var(--fz20);
	font-weight: var(--fw600);
	color: var(--color-skyblue);
	background: var(--color-white);
	border: 1px solid var(--color-skyblue);
}

.tobira li a::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: '';
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid var(--color-skyblue);
    border-right: 2px solid var(--color-skyblue);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    transition: all .1s;
}

.tobira li a:hover {
	background: var(--color-skyblue);
	transition: ease .3s;
}
.tobira li a:hover {
	opacity: 1;
	color: var(--color-white);
}
.tobira li a:hover:after {
	opacity: 1;
	border-top: 2px solid var(--color-white);
    border-right: 2px solid var(--color-white);
}


/* 施設?設備、進路実績
----------------------------------------------- */
/* ------------ 横並び ------------ */
/* 2列 */
.flex2_about_facility, .suujidemiru_flex_about_facility {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--space40);
	margin-bottom: var(--space80);
}
.flex2_about_facility .item, .suujidemiru_flex_about_facility .suujidemiru_bg {
	width: calc(50% - 40px);
    max-width: 640px;
}
.flex2_about_facility .item:not(:nth-child(2n)), .suujidemiru_flex_about_facility .suujidemiru_bg:not(:nth-child(2n)) {
	margin-right: 80px;
}
.flex2_about_facility .item:nth-child(n+3), .suujidemiru_flex_about_facility .suujidemiru_bg:nth-child(n+3) {
	margin-top: var(--space40);
}
.flex2_about_facility .item img, .suujidemiru_flex_about_facility .suujidemiru_bg img {
    max-width: 640px;
	width: 100%;
	margin-bottom: var( --space20_12)!important;
}

.flex2_about_facility h4, .suujidemiru_flex_about_facility h4 {
	padding: 2px 20px!important;
	background: var(--color-bg_gray)!important;
	margin-top: 0!important;
	margin-bottom: var(--space20)!important;
}
.flex2_about_facility .kasou_border_btn, .suujidemiru_flex_about_facility .kasou_border_btn {
	margin-bottom: 0!important;
}


/* 進路実績
----------------------------------------------- */
/* ------------数字で見る進路実績 ------------*/
.w800 {
	max-width: 800px;
}

/* 一列目の背景あり、青線枠　共通 */
.suujidemiru_flex {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: var(--space40);
}
.suujidemiru_bg, .suujidemiru_box {
	width: 100%;
	width: calc(50% - 40px);
    max-width: 361px;
}
.suujidemiru_bg p, .suujidemiru_bg div, .suujidemiru_bg div span,
.suujidemiru_box p, .suujidemiru_box div, .suujidemiru_box div span {
	font-family: var(--notoserif);
	font-weight: var(--fw700);
	text-align: center;
}
.suujidemiru_bg div.figure span, .suujidemiru_box div span {
    padding-left: 10px;
}
/* 余白 */
.suujidemiru_bg:nth-child(2n), .suujidemiru_box:nth-child(2n) {
	margin-left: 80px;
}
.suujidemiru_bg:nth-child(n+3), .suujidemiru_box:nth-child(n+3) {
	margin-top: var(--space40);
}
.suujidemiru_bg p, .suujidemiru_box p {
	margin: 0 0 var(--space40-34) 0!important;
}

/* --- 一行目の背景ありの方 --- */
.suujidemiru_bg {
	background: url('/shodaifu2024/wp-content/themes/shodaifu/assets/images/future_career_suujidemiru_bg.jpg') no-repeat;
	height: 353px;
	position: relative;
}
.t_contents_center { /* 中央揃え */
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/* 国公立大学、私立大学と、名 */
.suujidemiru_bg p, .suujidemiru_bg div.figure span {
	font-size: var(--fz32);
	color: var(--color-default-text);
	line-height: 1;
}
/* 数字 */
.suujidemiru_bg div.figure {
	font-size: 120px;
	color: var(--color-blue);
	line-height: 0.8;
	/* 数字と名を横並びにする。ないと名が改行する */
	display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
}

/* --- 青線枠の方 --- */
.suujidemiru_box {
	border: 1px solid var(--color-skyblue);
	padding: var(--space40-34) var(--space20);
}
.suujidemiru_box p, .suujidemiru_box div span {
	font-size: var(--fz20);
	color: var(--color-default-text);
	line-height: 1.4;
}
.suujidemiru_box div {
	font-size: 8.4rem;
	color: var(--color-blue);
	line-height: 0.8;
}
.suujidemiru_box p.mb15 {
	margin-bottom: 15px!important;
}


/* ------------ テーブル ------------*/
table.CareerList tbody, table.CareerList tr, table.CareerList td {
	border: none!important;
}



.CareerList td:nth-child(2n+1) {
	width: 45.6%!important;
}


.CareerList tr:nth-of-type(2n+1) {
	background: var(--color-opacity-skyblue10);
}
.CareerList td:nth-of-type(2n) {
	background: var(--color-bluish-black);
	color: var(--color-white);
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 30px;
}

/* 右揃えテキスト */
.CareerListP {
	text-align: right;
}

/* --- 過去の進路実績　ボタン --- */
.CareerListBack {
	display: flex;
	margin-bottom: var(--space80);
}
.CareerListBack > .kasou_border_btn {
	width:calc(33.3333% - 84px);
	margin-bottom: 0;
}
.CareerListBack > .kasou_border_btn:nth-child(-n+2) {
	margin-right: 168px;
}
.CareerListBack > .kasou_border_btn a {
	min-width: auto;
	width: 100%;
}


/* 国際交流
----------------------------------------------- */
/* 横並び2列 */
.flex2_min {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--space40);
	margin-bottom: var(--space40);
	max-width: 770px;
}
.flex2_min .item {
	width: calc(50% - 40px);
    max-width: 345px;
}
.flex2_min .item:not(:nth-child(2n)) {
	margin-right: 80px;
}
.flex2_min .item:nth-child(n+3) {
	margin-top: var(--space40);
}
.flex2_min .item img {
	width: 100%;
}


/* 校訓?教育目標
----------------------------------------------- */
/* 校訓　3列 */
.m-w914 {
	max-width: 914px;
}
.about_koukun {
	display: flex;
}
.about_koukun img {
	width: calc(33.3333% - 52px);
    max-width: 252px;
	max-height: 232px;
}
.about_koukun img:not(:nth-child(3n)) {
	margin-right: 80px;
}


/* 教育目標　3列 */
.flex3_about_precepts {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--space40);
	margin-bottom: var(--space40);
}
.flex3_about_precepts .item {
	width: calc(33.333% - 52px);
    max-width: 400px;

	font-size: var(--fz20);
	text-align: center;
	color: var(--color-white);
	background: var(--color-skyblue);
	padding: var(--space40_32) var(--space20);
	line-height: 1.8;
}
.flex3_about_precepts .item:not(:nth-child(3n)) {
	margin-right: 77px;
}
.flex3_about_precepts .item:nth-child(n+4) {
	margin-top: var(--space40);
}

/* 教育目標の見出し　自主?自立 */
.about_precepts_midasi {
	margin-bottom: var(--space40_32);
}



/* 入試に関するQ&A
----------------------------------------------- */
/* ------------ アコーディオン ------------ */

/* 仕切り線 */
.accordion > div { border-top: 1px solid var(--color-gray);}
.accordion > div:last-child { border-bottom: 1px solid var(--color-gray);}

/* .general_content pを初期化 */
.accordion p { margin:0!important;}

/* 余白 */
.accordion {
	padding-top: var(--space40);
	padding-bottom: var(--space40);
}
/* --- Q --- */
.accordion .question {
	padding: 23px 50px 23px 10px; /*  23pxは実質30px 右は+-の分 */
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	display: flex;
}
/* Q */
.q_number {
	color: var(--color-skyblue);
}

/* --- A --- */
.accordion .accordion_inner {
	padding: 23px 60px 23px 10px; /* 23pxは実質30px */
	background: var(--color-bg_lightgray);
	display: flex;
}
/* Aの文章 */
.accordion .accordion_inner p:nth-child(n+2) { /* A以外 */
	font-size: var(--fz16)!important;
}

/* --- 共通 --- */
/* Q、Qの文章、A */
.q_number, .accordion .question p:last-child, .answer {
	font-size: var(--fz18)!important;
	font-weight: var(--fw700);
}
/* Q、A */
.q_number, .answer {
	width: 50px;
	flex-shrink: 0;
}
/* --- 共通　ここまで --- */


/* --- 右のプラス　マイナス --- */
.accordion .question:before {
	content: "";
	width: 20px;
	height: 1px;
	background: var(--color-skyblue);
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.accordion .question:after {
	content: "";
	width: 20px;
	height: 1px;
	background: var(--color-skyblue);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	
	transition: transform .3s;
}
.accordion .question.active:after {
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
/* 右のプラス　マイナス　ここまで */

/* 一つ目以外は、非表示 */
.accordion .display_on_off {
	display: none;
}
.accordion div:first-of-type .display_on_off  {
	display: block;
}


/* ------------ googleマップ用 ------------ */
/* --- Google Map --- */
.m-w800 {
	max-width: 800px;
}
.googlemap {
	position:relative;
	width:100%;
	height:0;
	padding-top: 50%; /* 高さ　400pxの比率のままレスポンシブ */
}
.googlemap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:650px) {
	.googlemap {
		padding-top: 90%;
	}
}


/* 制服
----------------------------------------------- */
/* ------------ 着用イメージ ------------ */
/* 画像　横並び */
.wearimage {
	display: flex;
}
.wearimage .item {
	width: calc(50% - 40px);
	max-width: 640px;
}
.wearimage > img { /* 冬服 */
	margin-right: var(--space80);
}
.wearimage .pc_right_imggroup img:first-child { /* 右側　一枚目の画像 */
	margin-bottom: 15px;
}

/* ------------ 3列　横並び（着用イメージのテキスト、アイテム共通）------------ */
.uniform_flex3 {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--space40);
}
.uniform_flex3 .item {
	width: calc(33.3333% - 54px);
    max-width: 400px;
}
.uniform_flex3 .item:not(:nth-child(3n)) {
	margin-right: 80px;
}
.uniform_flex3 .item:nth-child(n+4) {
	margin-top: var(--space40);
}

.uniform_flex3 h4 {
	margin: 0!important;
	padding: 1 20px 4px!important;
}
.uniform_flex3 p {
	padding-top: var( --space20_14)!important;
	margin: 0!important;
}

.uniform_flex3 img {
	margin: var(--space20)  auto 0;
	max-height: 250px;
	width: auto;
}

/* デザイナー */
.designer {
	display: flex;
	border: 1px solid var(--color-skyblue);
	padding: var(--space40) var(--space40) var(--space40_32) var(--space40);
	max-width: 800px;
	margin: auto;
}
.designer > div {
	margin-right: var(--space40);
}
.designer .name_skyblue {
	font-size: var(--fz18);
	font-weight: var(--fw700);
	color: var(--color-skyblue);
}
.designer > div p {
	margin-bottom: 0;
}
.designer img {
	width: 100%;
	max-width: 200px;
	max-height: 200px;
}


/* 卒業生の声
----------------------------------------------- */
/* 大学名（就職先）と学科コース名　横並び */
.voices_block {
	margin-top: var(--space80);
}
.voices_block > div {
	box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
	align-items: center;
}

/* 男女画像 */
.voices_block figure {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
}
.voices_block img {
	max-width: 188px!important;
}

/* --- テキスト群 --- */
.voices_block .text_wrap {
	direction: ltr;
    grid-column: 1; /* 画像と同じにすることで、左を起点に余白を指定できるようにする */
    grid-row: 1;
    padding: 0 0 0 228px; /* 画像188px + 余白40px */
    word-break: break-word;
}

/* 大学名（就職先） */
.voices_block .daigaku_or_shuushokusaki {
	font-size: var(--fz20);
	margin-bottom: var(--space20_13);
	font-weight: var(--fw700);
	margin-bottom: 0!important;
}

/* 大学なら学部名等 */
.voices_block .daigaku_gakubu {
	margin-top: 0!important;
}

/* 学科コース名 */
.voices_block .gakka_cousumei {
	font-weight: var(--fw700);
}


@media screen and (max-width:1330px) {
	/* 進路実績
	----------------------------------------------- */
	/* --- 過去の進路実績　ボタン --- */
	.CareerListBack > .kasou_border_btn {
		width:calc(33.3333% - 40px);
		margin-bottom: 0;
	}
	.CareerListBack > .kasou_border_btn:nth-child(-n+2) {
		margin-right: var(--space80);
	}
}


@media screen and (max-width:1200px) {

	/* 学校の特色
	----------------------------------------------- */
	.FourForces img.title {
		max-width: 370px;
	}
	/* 下向き矢印 */
	.down-arrow {
		margin: 60px auto;
	}


	/* 施設?設備、扉　　共通
	----------------------------------------------- */
	/* ------------ 横並び ------------ */
	/* 2列 */
	.flex2_about_facility .item, .suujidemiru_flex_about_facility .suujidemiru_bg, .tobira li {
		width: calc(50% - 20px);
	}
	.flex2_about_facility .item:not(:nth-child(2n)), .suujidemiru_flex_about_facility .suujidemiru_bg:not(:nth-child(2n)), .tobira li:not(:nth-child(2n)) {
		margin-right: 40px;
	}

	
	/* 施設?設備
	----------------------------------------------- */
	/* 枠線ボタン */
	.flex2_about_facility .kasou_border_btn a, .suujidemiru_flex_about_facility .kasou_border_btn a {
		min-width: auto;
		max-width: 341px;
		width: 100%;
	}


	/* 進路実績
	----------------------------------------------- */
	/* --- 過去の進路実績　ボタン --- */
	.CareerListBack > .kasou_border_btn {
		width:calc(33.3333% - 20px);
		margin-bottom: 0;
	}
	.CareerListBack > .kasou_border_btn:nth-child(-n+2) {
		margin-right: var(--space40);
	}


	/* 国際交流
	----------------------------------------------- */
	/* 横並び2列 */
	.flex2_min .item {
		width: calc(50% - 20px);
	}
	.flex2_min .item:not(:nth-child(2n)) {
		margin-right: 40px;
	}


	/* 校訓?教育目標
	----------------------------------------------- */
	/* 教育目標　3列 */
	.flex3_about_precepts .item:not(:nth-child(3n)) {
		margin-right: 40px;
	}
	.flex3_about_precepts .item {
		width: calc(33.3333% - 27px);
	}


	/* 制服
	----------------------------------------------- */
	/* ------------ 着用イメージ ------------ */
	/* 画像　横並び */
	.wearimage .item {
		width: calc(50% - 20px);
	}
	.wearimage > img { /* 冬服 */
		margin-right: 40px;
	}

	/* ------------ 3列　横並び ------------ */
	.uniform_flex3 .item:not(:nth-child(3n)) {
		margin-right: 40px;
	}
	.uniform_flex3 .item {
		width: calc(33.3333% - 27px);
	}

}


@media screen and (max-width:840px) {
	
	/* 学校の特色ページ
	----------------------------------------------- */
	.FourForces img.title {
		max-width: 300px;
	}
	/* 枠線ボタン */
	.flex2_about_facility .kasou_border_btn a, .suujidemiru_flex_about_facility .kasou_border_btn a {
        max-width: 320px;
        width: 100%;
    }

	/* 扉
	----------------------------------------------- */
	/* 枠線ボタン */
	.tobira li a {
		padding: 12px 35px;
	}


	/* 進路実績
	----------------------------------------------- */
	/* ------------数字で見る進路実績 ------------*/
	.suujidemiru_bg, .suujidemiru_box {
		width: calc(50% - 20px);
	}
	/* 余白 */
	.suujidemiru_bg:nth-child(2n), .suujidemiru_box:nth-child(2n) {
		margin-left: 40px;
	}

	/* 一列目の背景あり、青線枠　共通 */
	.suujidemiru_bg div.figure span, .suujidemiru_box div span {
		padding-left: 5px;
	}

	/* --- 一行目の背景ありの方 --- */
	.suujidemiru_bg {
		background-size: auto 42vw;
		height: 42vw;
	}
	/* 国公立大学、私立大学と、名 */
	.suujidemiru_bg p, .suujidemiru_bg div.figure span {
		font-size: 2.8vw; /* 約24px */
	}
	/* 数字 */
	.suujidemiru_bg div.figure {
		font-size: 11.9vw; /* 約100px */
	}

	/* --- 青線枠の方 --- */
	.suujidemiru_box div {
		font-size: 6rem;
	}
	.suujidemiru_box p.mb15 {
		margin-bottom: 5px!important;
	}


	/* 進路実績
	----------------------------------------------- */
	/* --- 過去の進路実績　ボタン --- */
	.CareerListBack > .kasou_border_btn {
		width:calc(33.3333% - 10px);
		margin-bottom: 0;
	}


	/* 校訓?教育目標
	----------------------------------------------- */
	/* 校訓　3列 */
	.about_koukun {
		justify-content: center;
	}
	.about_koukun img {
		width: calc(33.3333% - 26px);
	}
	.about_koukun img:not(:nth-child(3n)) {
		margin-right: 40px;
	} 

	/* 教育目標　3列を2列に変更 */
	.flex3_about_precepts .item {
		width: calc(50% - 20px);
	}
	.flex3_about_precepts .item:nth-child(odd):not(:nth-child(even)) {
        margin-right: 40px;
    }
	.flex3_about_precepts .item:not(:nth-child(3n)) {
		margin-right: 0;
	}
	.flex3_about_precepts .item:nth-child(n+3) {
		margin-top: var(--space40);
	}

	/* 教育目標の見出し　自主?自立 */
	.about_precepts_midasi {
		max-width: 230px!important;
		max-height: 114px!important;
		width: 100%;
	}

	/* --- テキスト群 --- */
	.voices_block .text_wrap {
		padding: 0 0 0 208px; /* 画像188px + 余白20px */
	}
	
}



@media screen and (max-width:600px) {

	/* 学校の特色ページ
	----------------------------------------------- */
	.FourForces img.title {
		max-width: 280px;
	}
	.FourForces_flex {
		display: block;
		width: 100%;
	}
	.FourForces_flex a {
		display: block;
		width: 100%;
		padding: 60px var(--space40) var(--space40)!important;
	}
	.FourForces_flex a:not(:nth-child(2n)) {
		margin-right: 0;
	}
	.FourForces_flex a:nth-child(n+2) {
		margin-top: 80px;
	}

	/* 下向き矢印 */
	img.down-arrow {
		margin: 40px auto;
		max-width: 60px!important;
		width: 100%;
	}


	/* 扉
	----------------------------------------------- */
	/* 枠線ボタン */
	.tobira li a {
		padding: 12px 35px;
		font-size: 2.6vw; /* 約16px */
	}


	/* 進路実績
	----------------------------------------------- */
	/* ------------数字で見る進路実績 ------------*/
	.suujidemiru_bg, .suujidemiru_box {
		width: calc(50% - 10px);
	}
	/* 余白 */
	.suujidemiru_bg:nth-child(2n), .suujidemiru_box:nth-child(2n) {
		margin-left: 20px;
	}

	.suujidemiru_box div {
        font-size: 5rem;
    }
	.suujidemiru_box p, .suujidemiru_box div span {
		font-size: 1.4rem;
	}


	/* 校訓?教育目標
	----------------------------------------------- */
	/* 校訓　3列から2列に変更 */
	.about_koukun {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.about_koukun img {
		width: calc(50% - 20px);
		max-width: 200px;
	}
	.about_koukun img:nth-child(odd) {
		margin-right: 38px; /* 40pxの余白と同等 */
	}
	.about_koukun img:nth-child(even) {
		margin-right: 0;
	}
}



/* スマホ */
@media screen and (max-width:480px) {

	/* 学校の特色ページ
	----------------------------------------------- */
	.FourForces img.title {
		max-width: 200px;
		margin-bottom: 60px;
	}
	.FourForces_flex a {
		padding: 40px var(--space40) var(--space40)!important;
	}
	.FourForces_flex a:nth-child(n+2) {
        margin-top: 60px;
    }
	/* アイコンを付ける */
	.FourForces_flex a:after {/*画像を絶対配置*/
		display: inline-block;
		margin-left: -40px;
		transform: scale(0.75);
	}

	/* 下向き矢印 */
	.down-arrow {
		margin: 20px auto;
        max-width: 40px;
	}
	

	/* 青線　内側は白枠 */
	.blue_border_box .title {
		margin-bottom: 9px!important;
	}


	/* 扉
	----------------------------------------------- */
	/* ボタン横並び */
	.tobira ul {
		display: block;
	}
	.tobira li:not(:nth-child(2n)) {
		margin-right: 0;
	}

	/* 枠線ボタン */
	.tobira li {
		width: 100%;
	}
	.tobira li a {
		font-size: var(--fz20);
	}
	

	/* 施設?設備、進路実績
	----------------------------------------------- */
	.flex2_about_facility, .suujidemiru_flex_about_facility {
		display: flex;
	}
	.flex2_about_facility .item, .suujidemiru_flex_about_facility .suujidemiru_bg {
		width: 100%;
	}
	.flex2_about_facility .item:not(:nth-child(2n)), .suujidemiru_flex_about_facility .suujidemiru_bg:not(:nth-child(2n)) {
		margin-right: 0;
	}
	.flex2_about_facility h4, .suujidemiru_flex_about_facility h4 {
		margin-top: 0;
	}

	.flex2_about_facility .item:first-child, .suujidemiru_flex_about_facility .suujidemiru_bg:first-child {
		margin-bottom: var(--space80);
	}


	/* 進路実績
	----------------------------------------------- */
	/* ------------数字で見る進路実績 ------------*/
	.suujidemiru_bg, .suujidemiru_box {
		width: calc(50% - 5px);
	}
	/* 余白 */
	.suujidemiru_bg:nth-child(2n), .suujidemiru_box:nth-child(2n) {
		margin-left: 10px;
	}

	/* --- 一行目の背景ありの方 --- */
	.suujidemiru_bg p, .suujidemiru_bg div.figure span {
		font-size: 3.2vw; /* 約14px */
	}

	/* --- 青線枠の方 --- */
	.suujidemiru_box {
		padding: var(--space40-34) 10px;
	}
	.suujidemiru_box div {
		font-size: 9.3vw; /* 約40px */
	}
	.suujidemiru_box p, .suujidemiru_box div span {
		font-size: 2.9vw; /* 約12px */
	}


	/* 進路実績
	----------------------------------------------- */
	/* --- 過去の進路実績　ボタン --- */
	.CareerListBack {
		flex-wrap: wrap;
	}
	.CareerListBack > .kasou_border_btn {
		width:calc(50% - 10px);
	}
	.CareerListBack > .kasou_border_btn:nth-child(2n) {
		margin-right: 0;
	}

	
	/* 国際交流
	----------------------------------------------- */
	/* 横並び2列 */
	.flex2_min .item {
		width: calc(50% - 10px);
	}
	.flex2_min .item:not(:nth-child(even)) {
        margin-right: 20px;
    }


	/* 校訓?教育目標
	----------------------------------------------- */
	/* 校訓　3列から2列に変更 */
	.about_koukun img {
		width: calc(50% - 10px);
	}
	.about_koukun img:nth-child(odd) {
		margin-right: 18px; /* 20pxの余白と同等 */
	}

	/* 教育目標　2列を1列に変更 */
	.flex3_about_precepts {
		justify-content: center;
	}
	.flex3_about_precepts .item {
		width: 100%;
		max-width: 400px;
	}
	.flex3_about_precepts .item:nth-child(odd):not(:nth-child(even)) {
        margin-right: 0;
    }
	.flex3_about_precepts .item:nth-child(n+2) {
		margin-top: var(--space40);
	}

	/* 教育目標の見出し　自主?自立 */
	.about_precepts_midasi {
		max-width: 200px!important;
		min-height: 100px!important;
	}


	/* 入試に関するQ&A
	----------------------------------------------- */
	/* ------------ アコーディオン ------------ */
	/* --- Q --- */
	.accordion .question {
		padding: 14px 40px 14px 10px; /* 14pxは実質20px */
	}

	/* --- A --- */
	.accordion .accordion_inner {
		padding: 14px 50px 14px 10px; /* 14pxは実質20px */
	}

	/* --- 共通 --- */
	/* Q、A */
	.q_number, .answer {
		width: 40px;
	}


	/* 制服
	----------------------------------------------- */
	/* ------------ 着用イメージ ------------ */
	/* 画像　横並び */
	.wearimage {
		display: block;
	}
	.wearimage .item {
		width: 100%;
	}
	.wearimage > img { /* 冬服 */
		margin-right: 0;
		margin-bottom: 15px;
	}

	/* ------------ 3列　横並び ------------ */
	.uniform_flex3 .item {
		width: calc(50% - 10px);
	}
	.uniform_flex3 .item:nth-child(odd) {
		margin-right: 20px;
	}
	.uniform_flex3 .item:nth-child(even) {
		margin-right: 0;
	}
	.uniform_flex3 .item:nth-child(n+3) {
		margin-top: var(--space40);
	}

	/* デザイナー */
	.designer {
		flex-wrap: wrap;
	}
	.designer > div {
		margin-right: 0;
		margin-top: 15px;
		order: 1;
	}
	.designer img {
		margin: auto;
	}




	/* 卒業生の声
	----------------------------------------------- */
	/* 男女画像 */
	.voices_block img {
		max-width: 100px!important;
	}

	/* --- テキスト群 --- */
	.voices_block .text_wrap {
		padding: 0 0 0 120px; /* 画像100px + 余白20px */
	}

}