@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 時間帯によって背景を変える　トップ新年度　header-insertにスクリプト記述済み */
#top_sinnendo{
}
.morning {
	 font-size: calc(11px + 3 * ((100vw - 320px) / 1120));padding:10px;background-image: linear-gradient(rgba(244,255,244,0.3) 40%,rgba(244,255,244,0.4) 80%,rgba(244,255,244,0.5)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/04/bg_summer1.webp'); background-size:cover;background-blend-mode:lighten;background-repeat: no-repeat; background-position: right bottom;height:160px;vertical-align:text-bottom; 
}
.afternoon {
	 font-size: calc(11px + 3 * ((100vw - 320px) / 1120));padding:10px;background-image: linear-gradient(rgba(244,244,244,0.3) 40%,rgba(244,244,244,0.7) 80%,rgba(244,244,244,0.9)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/04/bg_summer2.webp'); background-size:cover;background-repeat: no-repeat; background-position: right bottom;height:160px;vertical-align:text-bottom; 
}
.evening {
	 font-size: calc(11px + 3 * ((100vw - 320px) / 1120));padding:10px;background-image: linear-gradient(rgba(244,244,244,0.3) 40%,rgba(244,244,244,0.7) 80%,rgba(244,244,244,0.9)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/04/bg_summer3-1.webp'); background-size:cover;background-repeat: no-repeat; background-position: right bottom;height:160px;vertical-align:text-bottom; 
}
.night {
	 font-size: calc(11px + 3 * ((100vw - 320px) / 1120));padding:10px;background-image: linear-gradient(rgba(244,244,244,0.3) 40%,rgba(244,244,244,0.7) 80%,rgba(244,244,244,0.9)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/04/bg_summer4.webp'); background-size:cover;background-repeat: no-repeat; background-position: right bottom;height:160px;vertical-align:text-bottom; 
}
/* 時間切り替え用 none>確認もらうまでの背景無し 1-4 折り畳みを使った一覧確認用ページ>決まったら↑のmorning-nightと差し替え */
.sinnendo_riyuu{margin: 3px; font-size: calc(14px + 3 * ((100vw - 320px) / 1120)); background: linear-gradient(transparent 0%, #b8d9f9 50%);border-radius: 3px; border: 1px solid darkblue; max-width: 480px; text-shadow: 1px 1px 3px white;}
.header{
display:none;
width:650px;
}

#content{max-width:700px;margin: 0 auto;padding:5px;background:#fff;}
#main{margin:0;padding:0; background:#f7f7f7;}
.entry-content{margin:0;padding:0;background:#fff;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: stinger5-cheetah
Theme URI: https://junichi-manga.com/stinger5-cheetah/
Description: stinger5のカスタマイズテーマ「Cheetah」
Author: JUNICHI
Author URI: https://junichi-manga.com/stinger5-cheetah/
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-width, custom-header, custom-menu, editor-style,
Version: 1.8
"Shimanami JIS2004","NOW-GM","Folk Medium","Sei Kaisho CB1","UD Shin Go Regular","Kaimin Sora Bold","Kakumin Regular","Ryumin Medium KL", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro,"Folk Medium",
---------------------------------------------------------*/
@font-face {
 font-family:'Roboto','Hiragino Sans','Noto Sans JP','Hiragino Kaku Gothic ProN';
}
a.link::before {content: "👆";
	font-size:20px;
	padding-left: 5px;}
a.link{ background: linear-gradient(aliceblue, 10%, white);border:1px solid darkgray;border-radius:3px;padding:1px;text-decoration:underline;text-decoration-color:steelblue;}
a.linksmall::before {content: "👆"; ;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));	padding-left: 5px;}
a.linksmall{ background: linear-gradient(aliceblue, 10%, white);border:1px solid #aaa;border-radius:3px;padding:1px;text-decoration:underline;text-decoration-color:steelblue;	font-size:12px;}
img{vertical-align:top;}

/* 2024夏に追加したトップの3つのタブの見出し */
box{	background: linear-gradient(to top, #EDF5FC , #D7EAFC);	font-size: calc(16px + 4 * ((100vw - 320px) / 1120));text-shadow:0px 0px 15px #fff;padding:3px;border-left:2px solid cornflowerblue;}
/* タブ */
.tabs {
  display: flex;
  flex-wrap: wrap;
	margin:0px;
}

.tab_label {
  color:steelblue;
  font-weight: bold;
  border-top: solid 3px #74a6b0;
  border-left: solid 1px #74a6b0;
  border-right: solid 1px #74a6b0;
  position: relative;
　background:  #E0ECFF;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  z-index:1;
  cursor: pointer;
  flex: 1;
  padding: 5px 0;
  margin: 0 1px; 
	text-align:center;
}

.tab_label:hover {
  opacity: 0.7;
	background: linear-gradient(to top, royalblue, cornflowerblue);
color:white;
	border-bottom:1px solid darkred;
}

.tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
}


input[name="tab_switch"] {
  display: none;
}

.tabs input:checked + .tab_label {
	background: linear-gradient(to top, royalblue, cornflowerblue);
color:white;
	border-bottom:1px solid darkred;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
  display: block;
}

.tab_content{
  position: relative;
  animation: fadeIn 1s ease;
  background:white;
  border-radius:3px;border-right:1px solid gray;border-left:1px solid gray;border-top:0px solid gray;
	margin:0px;
}



/* ショートコードプラグインを使わない折り畳み別バージョン */
.details {
	transition: .3s;
	overflow: hidden;
	margin-top: -10px;
	padding-bottom: 0px;
	&:last-of-type {
		margin-bottom: 0;
	}
} 
.details-summary {
	display: block;
	margin:10px 0 10px 0;
	padding: 15px;
    transition: .3s;
	transform: translateY(2px);
	background: linear-gradient(to right, cornflowerblue 0%, royalblue 100%);
	font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
	font-weight: bold;
	border-radius:3px;
	color: #fff;
	cursor: pointer;
	text-shadow:1px 1px 1px rgba(0,25,235,0.6);
}
.details-summary-goukaku{	display: block;	margin:3px 0 3px 0;	padding: 2px;    transition: .3s;	transform: translateY(2px);	background: linear-gradient(to right, darkgreen 0%, green 100%);	font-size: calc(12px + 2 * ((100vw - 320px) / 1120));	font-weight: bold;	border-radius:3px;	color: #fff;	cursor: pointer;	text-shadow:1px 1px 1px rgba(0,25,235,0.6);
}

.details-summary-goukaku{	padding-bottom:3px;background:#fff;color:#333;height:40px;font-weight:bold;margin-bottom:20px;border-radius:0px 0px 10px 10px;}
span.detailssmall{	font-size: calc(12px + 2 * ((100vw - 320px) / 1120));	color: #fff;}
.details-summary-normaltext {
	display:block;
	width:200px;
	margin:0 0 0px 0;
	padding: 5px;
    transition: .3s;
	font-weight:bold;
	background: white;
	transform: translateY(2px);
	font-size: calc(12px + 4 * ((100vw - 320px) / 1120));	
	border:2px solid;
	border-image: linear-gradient(to top, tan, wheat) 1;
	border-radius:2px;
	cursor: pointer;
	}
.details-summary-normaltextgray {
	display: block;
	background-color:lightgray;
	margin:0 0 10px 0;
	padding: 5px;
    transition: .3s;
	transform: translateY(2px);
	font-size: 14x;
	border-radius:5px;
	border:1px solid gray;
	color: #333;
    cursor: pointer;
	}
}
span.oritataminext{font-size:18px;color:darkred;font-weight:bold;}
.details-content-normaltext{
	padding: 5p;
	font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
	background-color: linear-gradient(white,#ABDCFF);
	border-bottom: 2px solid #00a5a0;
	border-left: 2px solid #00a5a0;
	border-right: 2px solid #00a5a0;
    line-height:1.5em;
	letter-spacing:0px;
}

.detailsgoukaku2024{margin-bottom:20px;}


.details-summary::-webkit-details-marker {
	display: none;
}
summary::before {
   content: "▼";
   padding-left: 5px;   padding-right: 2px;
   color: darkblue;
	text-shadow:1px 1px 1px #fff;}
details{border-bottom:gray 1px solid;border-top-color:white;margin:1px;background: linear-gradient(white,whitesmoke);}


/* アコーディオンが開いた時のスタイル */

details[open] summary::before{
	   content: "▲";
  transform: rotate(180deg);
	   padding-left: 5px;  padding-right: 2px;
   color: darkblue;
	text-shadow:1px 1px 1px #fff;}
　text-shadow: white 2px 5px;
	transform: translateY(0);
}

	/* 統一されたリンクボタン */





/* 独自のボトムメニュー */
/*=スマホボトム固定メニュー　Cocoonの仕様に対応 202411=*/
.mini-text{font-size: calc(14x + 6 * ((100vw - 320px) / 1120));}/*文字の大きさ*/

.mobile-footer-menu-buttons li:nth-child(1) a,
.mobile-footer-menu-buttons li:nth-child(1) .item-label {
	background: linear-gradient(180deg,royalblue 50%,cornflowerblue 100%);  color:white;
	border-radius: 3px;margin:2px;width:18vw;
    outline: 1px dotted rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -3px;
}

.mobile-footer-menu-buttons li:nth-child(2) a,
.mobile-footer-menu-buttons li:nth-child(2) .item-label {
	background: linear-gradient(180deg,royalblue 50%,cornflowerblue 100%);  color:white;
	border-radius: 3px;margin:2px;width:18vw;
        outline: 1px dotted rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -3px;
}

.mobile-footer-menu-buttons li:nth-child(3) a,
.mobile-footer-menu-buttons li:nth-child(3) .item-label {
	background: linear-gradient(180deg,royalblue 50%,cornflowerblue 100%);  color:white;
	border-radius: 3px;margin:2px;width:18vw;
        outline: 1px dotted rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -3px;
}

.mobile-footer-menu-buttons li:nth-child(4) a,
.mobile-footer-menu-buttons li:nth-child(4) .item-label {
	background: linear-gradient(180deg,royalblue 50%,cornflowerblue 100%);  color:white;
	border-radius: 3px;margin:2px;width:18vw;
        outline: 1px dotted rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -3px;
}

.mobile-footer-menu-buttons li:nth-child(5) a,
.mobile-footer-menu-buttons li:nth-child(5) .item-label 
.mobile-footer-menu-buttons li:nth-child(5) .menu-caption
{	background: linear-gradient(180deg,white 50%,whitesmoke 100%);  color:#666;
	border-radius: 3px;margin:2px;width:18vw;
        outline: 1px dotted rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -3px;
}
.menu-caption{color:white;font-weight:bold;text-shadow:1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333;font-size: calc(18px + 6 * ((100vw - 320px) / 1120));}

.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
	font-size: calc(18px + 6 * ((100vw - 320px) / 1120));font-weight:normal;
	color: #fff; filter:drop-shadow(0px 0px 3px ##0f224d)drop-shadow(0px 0px 3px #0f224d)drop-shadow(0px 0px 3px #0f224d);}
/* ボトムメニューを表示しない指示 */
@media(orientation:landscape)  , /*スマホで横画面の時*/
@media(min-width: 920px) { /*PC表示の時*/
    ul.bottom-menu{display:none; }
}
スマホの時だけ ボトムメニュー分フッタを底上げ
@media(max-width: 919px){ 
#footer{margin-bottom:50px;}}

main, article, aside, header, canvas, figcaption, figure, footer, nav, section, {
	display: block;
}
/*  */
html,body { 
    width: 100%;
	min-width: 320px;
	word-wrap: break-word;
  　　　padding: 0px;
  　　　margin: 0px auto;
	  font-family: "Noto Sans JP",sans-serif;
  font-weight: 400;
	color:#3d3d3d;
  font-style: normal;
  /* 	transform: rotate(0.03deg);       ジャギーを防ぐ指定 */
}
.skyblueleft{color:red;    text-align:left;
}
div.blueright{color:red;    text-align:right;
}
/* リンクの色 */
a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	transition: .3s;
	color: blue;
}
 
a:hover {
	color: #3377ff;
}
 
a::after {
	position: absolute;
	bottom: .3em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	opacity: 0;
	transition: .3s;
}
 
a:hover::after {
	bottom: 0;
	opacity: 0;
}

img, video, object {
	max-width: 100%;
	height: auto;
	border: none;
	    margin:0;
	    padding:0;
	    vertical-align:bottom;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

/* 講師紹介 */
.kousihukidasi{
	max-width:420px;
  position: relative;
  margin:0 0px 0 3px;
  padding:0 5px 0 5px;
  border-radius: 5px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.4em;
	border:0px solid darkgray;
font-family: 'Noto Serif JP', serif;
  color: dimgray;
  background-color: white;
}
.kousihukidasi2{
	max-width:580px;
  position: relative;
  margin:0 0px 0 3px;
  padding:0 5px 0 5px;
  border-radius: 5px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.4em;
	border:0px solid darkgray;
font-family: 'Noto Serif JP', serif;
  color: dimgray;
  background-color: white;
}
/* 三角アイコン */
.kousihukidasi {
background-color: #fff;
border-radius: 5px;
padding: 5px;
margin:0px 10px 2px 5px;
position: relative;
filter: drop-shadow(-1px -1px 3px darkgray);
}

.kousihukidasi::after {
content: "";
position: absolute;
bottom: 100%;
right: 45px;
transform: translateX(-50%);
}
.kousihukidasi::after {
  background-color: #fff;
　border:1px solid gray;
  width: 1.2rem;
  height: 0.6rem;
  clip-path: polygon(50% 100%,0% 100%,60% 0%);
filter: drop-shadow(3px 3px 2px darkgray);
}
/*国ゼミの特徴の青い見出し*/
div.finderblue {
	background:royalblue;
	font-size: calc(16px + 8 * ((100vw - 320px) / 1120));
	color: #fff;
	line-height: 30px;
		 border-radius:3px;
　font-family:  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	padding: 10px 0px 0px;
	margin-bottom: 10px;
filter: drop-shadow(2px 2px 1px #fff);}
/* 特徴の単元ごとの内部ボックス */
div.feature_insidebox{border-radius: 5px; border: solid 1px gray; padding: 3px;margin:3px;}
	/* 画像リンクのマウスオーバーに透かし */
/* 
img.size-full, img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%;
}
.wp-caption{
	height: auto;
	max-width: 100%;
}*/
/* ロゴ画像の最大サイズ */
.sitename img {
	max-width: 150px;
	margin: 0 auto;
}
/* スマートフォンは表示しない */
.smanone {
	display: none;
}
/* clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
	padding-bottom: 20px;
}
/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------
各フォント設定
---------------------------------*/
/* 基本の文字 */

p {
	font-size: 16px;
	color: #333333;
	line-height: 27px;
	margin-bottom: 20px;
}

/*記事内リスト*/
.post ul li ,.post ol li {
  color: #333333;
  font-size: 16px;
  line-height: 1.7;
  }

/*ブログタイトル*/
header .sitename {
	font-size: 28px;
	color: #fff;
	line-height: 30px;
　font-family:"Kosugi Maru", "游ゴシック体", "Yu Gothic", "游ゴシック";
	padding: 10px 0px 0px;
	margin-bottom: 10px;
}
header .sitename a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
/*ブログ名の下のキャプション */
header {
	background-color:white;padding:2px;border-radius:3px;}
header a {
	color: royalblue;
	text-decoration: none;
}
header a:active {
	color: skyblue;
	text-decoration: none;
}
header a:link {
	color: royalblue;
	text-decoration: none;
}
header a:visited {
	color: darkblue;
	text-decoration: none;
}
header .descr {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 10px;
}

/* 中見出し */

h3 {
  border-bottom: 2px solid red;
	padding:0px;margin:0px;
	background:white;
  border-image: linear-gradient(to right, darkred 0%, pink 50%, white 100% ) 1;
}
span.finderlink {
font-size:20px;
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff6a6a;/*文字色*/
text-decoration: underline;
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
}
/*span.finderlink:before{ font-family: FontAwesome;
	display:swap;
content: "\f138";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}
*/
/*小見出し*/
/*
.post h3 {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #1a1a1a;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom: 1px #999999 dotted;
}
h3 a {
	color: #333;
	text-decoration: none;
}*/
.post h4{
padding:10px;
margin-bottom:10px;
background-color:#f3f3f3;
}
.post h5{
margin-bottom:10px;
font-size:16px;
}
.wp-caption-text a,.wp-caption-text{
font-size:12px;
color:#ccc;
}





/* フッターのブログタイトルの文字色 */
#footer h3 {
	font-size: 14px;
	color: #cccccc;
	margin-bottom: 10px;
}
/* フッターcopyrightの文字色 */
#footer .copy {
	font-size: 12px;
	color: #cccccc;
	line-height: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* フッターのテキストの色　*/
#footer p {
	font-size: 14px;
	color: #f5f5f5;
}


/*　フッターのリンクテキストの色　*/	
	#footer_w a {
		color: #b0c4de;
	}

/*　フッターのリンクテキストマウスオン時の色　*/	
	#footer_w a:hover {
		color: #ffccff;
	}
	
/* フッターの背景色　*/
#footer {	background-color: ;
	}


/* フッターの背景のサイズ　*/	
	#footer_w {
		width: 2000px;
		margin: 20px auto;
		text-align: left;
	}




/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom:20px;
	width:100%;
}
table tr td {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
	line-height: 18px;
}
.post table tr td p{
	font-size: 13px;
	line-height: 18px;
}
.post table tr:nth-child(even) {
	background-color:#f3f3f3;
	}
#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333;
}
/*画像 */
img.alignright {
	margin: 0 0 0 auto;
}
img.alignleft {
	margin: 0 auto 0 0;
}
img.aligncenter {
	margin: 0 auto;
}
img.float-left {
	float: left;
}
img.float-right {
	float: right;
}
.wp-caption {
	text-align: center;
}
.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
.ie8 img {
	width: auto;
}
/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.post ul li {
	font-size: 17px;
	line-height: 27px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}

.post ol li {
	font-size: 17px;
	line-height: 27px;
}





/*-------------------------------------------------------
  ナビゲーションメニューのカスタマイズはここ
-------------------------------------------------------*/
/* 開いているページのメニューの見栄えを変更する */
nav  {}
nav ul{		margin:3px 0 0 3px;
	padding:3px;}
nav li {
   float:left;
	font-size: calc(2 * ((100vw - 320px) / 1600) + 14px);
    background: linear-gradient(110deg,white,white 90%,whitesmoke 99%);
	list-style:none;
	border-top:1px solid whitesmoke;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
	border-right-width: 0;
	border-right-style: solid;
	border-right-color: black;
	-webkit-filter: drop-shadow(1px 1px 2px rgba(185, 185, 185, 1));}
nav li a{	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: whitesmoke;
	letter-spacing:-1px;	
	font-weight:bold;
	font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);
	width: /*calc(70px + 30 * ((100vw - 320px) / 1120))*/120px;
height: calc(30px + 10 * ((100vw - 320px) / 1120));
	word-wrap: break-word;
	text-align:center;
	padding: 1px;
	margin:3px 0 0 3px;
	 transition: transform .2s;
 &:active{
  transform: scale(.95);
	}
}
.menu-navigation-container {
	overflow: hidden;	
}
nav li a:hover {
	text-decoration: underline;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: royalblue;border-image: linear-gradient(to right, cornflowerblue 0%, royalblue 100%);
  border-image-slice: 1;}
/* 開いているページのメニューの見栄えを変更する
.current_page_item a{ background: linear-gradient(lightblue, 10%, white);border-bottom:3px solid cornflowerblue;color: black;	    width: calc(80px + 30 * ((100vw - 320px) / 1120));
height: calc(20px + 10 * ((100vw - 320px) / 1120));border-image: linear-gradient(to right, cornflowerblue 0%, royalblue 100%);margin:1px;padding:1px;
  border-image-slice: 1;} 
 */
.current_page_item a{ background: linear-gradient(aliceblue, 10%, white);border-bottom:3px solid cornflowerblue;}


/*レイアウト PC
----------------------------------------------------*/
@media only screen and (max-width: 1920px) {
	#wrapper {	max-width: 720px;	padding: 0 10px;
	margin: 0 auto;	background-color:cornflowerblue;}
		ul.headnew{flex-direction:row;}	
	li.head1{height:90px;background:wheat;font-weight:bold;list-style:none;}
	li.head1 a{    display: block;    height: 100%;    width: 100%;	   background: linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);font-size: calc(13px + 8 * ((100vw - 320px) / 1120));}
	li.head2{height:90px;color:darkblue;list-style:none;}
	div.headnew{flex-direction:row;}	
	div.headback{max-width:650px;height:180px;display:flex; border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:3px;}
	div.headboxronin{display: block;       width: 100%;color:white;width: 22vw;height:100px;max-width:160px; background:linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 8 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;text-align:center;}	
	div.headboxcontact{display: block;        width: 100%;color:black;width: 22vw;height:100px;max-width:160px; background:linear-gradient(whitesmoke 95%,white 100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;}		
		div.head2contact{text-align:center;font-weight:bold;border-style:1px double white;background:royalblue;color:white;border-radius:2px;font-size: calc(13px + 6 * ((100vw - 320px) / 1120));}
div.head2tell{text-align:center;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));font-weight:bold;letter-spacing:-1px;white-space: nowrap;}div.head2time{text-align:right;color:darkblue;font-size: clamp(6px, 1.2vw, 12px);}
#headerimg {      width:15%;}
/*1カラム記事タイトル非表示*/	   body.page-template-one-column h1.entry-title{
	  display: none;	   }
/*1カラム記事フッター非表示*/	  
  body.page-template-one-column footer{	  display: none;	   }
/*1カラム記事エリア調整*/	
body.page-template-one-column main {  max-width: 720px;
  margin-right: auto;  margin-left: auto;  background-color: #fff;
  border-radius: 4px;  padding: 20px 40px;  }

header {	text-align: center;}
		div.logo{       width: calc(240px + 150 * ((100vw - 320px) / 1120)); text-align:left;padding:0 10px 0 0;}
	div.headback{display:flex;height:130px;border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:3px;}
		ul.headnew{flex-direction:row;}
#gazou {height: auto;max-width: 100%!important;}
#gazou p {	margin: 0px;}
section {
	margin-bottom: 3em;
}
footer {
	clear: both;
	padding: 20px 0;
	text-align: center;
}
.ad {
	padding-bottom: 10px;
}
.post{
overflow: hidden;
}
.smanone {
	display: block;
}
.pcnone {
	display: none;
}
#wrapper {
	padding: 0 40px;
}
		header #headflex{
     display:flex;
 }
	header #logo{
          width: 55%;
     margin: auto;
 }
/* headflex部分でPCで横並び(display:flex;)、スマホでdisplay:block;で横並び解除の処理 */
header {
	padding-top: 10px;
}
#gazou {
	display: block;
	overflow: hidden;
}
#contentInner {
	float: left;
	width: 100%;
	margin-right: 0px;
}
#side aside {
	float: right;
	width: 0px;
	padding: 0px;
}
main {
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 4px;
	padding: 10px 10px;
	}
/*フッターの見出しの色　PC時　*/
	#footer_w h4 {
		font-size: 95%;
		text-align: center;
		color: #f5f5f5;
		border-bottom: 1px dotted #dcdcdc;
		margin: 10px 0 30px;
		padding: 0 0 3px 3px;
	}

/* フッターの背景のサイズ画面いっぱい　*/		
html {		overflow: auto;	}
	body {		overflow: hidden;	/*はみ出た部分をどうするか*/	}
	footer {		margin: 0 -200%;
	/* マージンを追記 */		padding: 20px 200%;
		/* マージンで横にはみ出した部分を戻す */	}} 

#side aside a{	color: #333333;}
#side aside a:hover{	color: #6495ed;}
/* 講師紹介 */
	h2.kousi{background: linear-gradient(transparent 85%, royalblue 15%);font-weight:bold;font-size: calc(18px + 8 * ((100vw - 320px) / 1120));}
/* 合格者の声関係 */
div.goukakutaikentop{background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/11/bg_sakura_2024_2.webp'); background-repeat: repeat-x; background-position: top; background-size: 100%; color: white; display: table; text-align: center; height: 100px; font-weight: bold; padding: 5px; margin: 3px; border: solid 1px royalblue; max-width: 320px;}
p.goukakutaikentoptext{font-weight: bold; font-size: calc(12px + 4 * ((100vw - 320px) / 1120));color: dimgray; margin: 0px; text-shadow: 2px 2px 5px #fff,2px 2px 5px #fff,1px 1px 5px #fff;}
p.goukakutaikentopyear{font-weight: bold; font-size: calc(12px + 4 * ((100vw - 320px) / 1120));color: dimgray; margin: 0px; text-shadow: 2px 2px 5px #fff,2px 2px 5px #fff,1px 1px 5px #fff;}

	span.goukakuname{background: font-weight:300;font-size: calc(16px + 8 * ((100vw - 320px) / 1120));}
	span.goukakuuniv{background: linear-gradient(transparent 90%, cornflowerblue 10%);color:navy;font-weight:600;font-size: calc(6 * ((100vw - 320px) / 1600) + 16px);}
	span.goukakuunivgakubu{color:navy;font-weight:300;font-size: calc(12px + 4 * ((100vw - 320px) / 1120));}
	span.goukakuold{color:darkred;font-weight:600;font-size: calc(16px + 6 * ((100vw - 320px) / 1120));}
	span.goukakunameold{border-bottom: 2px solid cornflowerblue ;font-weight:300;font-size: calc(16px + 6 * ((100vw - 320px) / 1120));}
	span.goukakuunivold{border-bottom: 2px solid goldenrod;font-weight:300;font-size: calc(16px + 6 * ((100vw - 320px) / 1120));}
	span.goukakuuniv2023{    width:200px;  /* ボタンの幅 */
    background: linear-gradient(royalblue,cornflowerblue);
    border-radius:5px;  /* 角丸（半径5px） */
    color:white;  /* リンクテキストのカラー */
	font-weight:300;	font-size:16px;
	border:solid 2px #7fbfff;	padding:1px;margin:0px;
    line-height:1.5; /* ボタンの高さ＋テキストを中央（上下方向）にする */
			   text-align:center;  /* テキストを中央寄せ */
	list-style-type:none;}
.goukakutitle:before {
  content: url(https://kokuzemi.biz/wp/wp-content/uploads/2023/01/sakura-icon0104.png); 
}
.goukakujissekititle:before{
	content: url(https://kokuzemi.biz/wp/wp-content/uploads/2023/01/icon_sakura1032894.png);}
.goukakujissekititle:after{
	content: url(https://kokuzemi.biz/wp/wp-content/uploads/2023/01/icon_sakura1032894.png);}


.flexbox {  display: flex;  flex-direction: row;  text-align: center;	vertical-align :middle;}
.flex-item {  border: 1px solid #000; min-width:15vw;}

/*media Queries タブレット大サイズ
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
#wrapper {	padding: 0px;}
header #logo{       width: 340px; text-align:left;}
header #headflex{     display:flex; }
		div.logo{       width: calc(340px + 150 * ((100vw - 320px) / 1120)); text-align:left;padding:0 10px 0 0;}
	ul.headnew{flex-direction:row;}	
	li.head1{height:90px;background:wheat;font-weight:bold;list-style:none;}
	li.head1 a{    display: block;    height: 100%;    width: 100%;	   background: linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);font-size: calc(13px + 8 * ((100vw - 320px) / 1120));}
	li.head2{height:90px;color:darkblue;font-size:;list-style:none;font-size: calc(13px + 8 * ((100vw - 320px) / 1120));}
	div.headnew{flex-direction:row;}	
	div.headback{height:auto;display:flex; border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:3px;}
	div.headboxronin{display: block;       width: 100%;color:white;width: 22vw;height:100px;max-width:160px; background:linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 8 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;text-align:center;}	
	div.headboxcontact{display: block;        width: 100%;color:black;width: 22vw;height:100px;max-width:160px; background:linear-gradient(whitesmoke 95%,white 100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;}		
		div.head2contact{text-align:center;font-weight:bold;border-style:1px double white;background:royalblue;color:white;border-radius:2px;font-size: calc(13px + 6 * ((100vw - 320px) / 1120));}
div.head2tell{text-align:center;font-size: 16px;font-weight:bold;letter-spacing:-1px;white-space: nowrap;}div.head2time{text-align:right;font-size: 12px;}
		nav li a{	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: whitesmoke;	letter-spacing:-1px;	font-weight:bold;	font-size: 16px;	    width: 130px;height:40px;	word-wrap: break-word;	text-align:center;	padding: 1px;	margin:3px 0 0 3px;	 transition: transform .2s;}
p {	font-family"Kosugi Maru", "游ゴシック体", "Yu Gothic", "游ゴシック"
	font-size: 12px;	color: #333333;
	line-height: 23px;	margin-bottom: 10px;}
main {	margin-right: 0px;	margin-top: 0px;
	margin-left: 0px;	background-color: #fff;
	border-radius: 4px;	padding: 3px 3px;	}
header .descr {
	font-size: 13px;
	color: darkgreen;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 10px;
}}
/*media Queries タブレット小サイズ
----------------------------------------------------*/
@media only screen and (max-width: 640px) {
	ul.headnew{flex-direction:row;}	
		div.logo{       width: calc(300px + 150 * ((100vw - 320px) / 1120)); text-align:left;padding:0 10px 0 0;}
	li.head1{height:90px;background:wheat;font-weight:bold;list-style:none;}
	li.head1 a{    display: block;    height: 100%;    width: 100%;	   background: linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);font-size: calc(13px + 8 * ((100vw - 320px) / 1120));}
	li.head2{height:90px;color:darkblue;font-size:;list-style:none;font-size: calc(13px + 8 * ((100vw - 320px) / 1120));}
	div.headback{height:auto;display:flex; border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:3px;}
		div.headnew{flex-direction:row;}	
		div.headboxronin{display: block;       width: 100%;color:white;width: 22vw;height:100px;max-width:130px; background:linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 8 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;text-align:center;}	
	div.headboxcontact{display: block;        width: 100%;color:black;width: 22vw;height:100px;max-width:130px; background:linear-gradient(whitesmoke 95%,white 100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;}		
}
/*media Queries スマホ大サイズ
----------------------------------------------------*/
@media only screen and (max-width: 430px) {
#wrapper {	padding: 0px;margin:0px:width:auto;overflow: hidden;
	background-color:cornflowerblue;}
	header #logo{ width:59vw;       text-align:left;}
		div.logo{  width: calc(220px + 80 * ((100vw - 320px) / 1120));     text-align:left;padding:0 2px 0 0;border:solid 0px white;}
	img.logo{width:57vw;}
	ul.headnew{flex-direction:column;}	
	li.head1{background:wheat;font-weight:bold;list-style:none;height:40px;}
	li.head1 a{    display: block;    width: 100%;	   background: linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);list-style:none;}li.head2{color:darkblue;border:solid 1px lightblue;}
/*試作ヘッダ*/
	div.headback{height:auto;display:flex;border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:4px;}
		div.headboxronin{display: block;      color:white;width: 35vw;max-width:130px; background:linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);	border-radius: 3px;  border:solid 1px white; padding: 3px;font-size: calc(11px + 8 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;text-align:center;}	
	div.headboxcontact{display: block;       color:black;width: 35vw;height:100px;max-width:130px; background:linear-gradient(whitesmoke 95%,white 100%);	border-radius: 3px;  border:solid 1px white;padding: 3px;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;}	
	/* ここまで*/
	div.head2contact{text-align:center;font-weight:bold;border-style:1px double white;background:royalblue;color:white;border-radius:2px;}
div.head2tell{text-align:center;font-size: 17px;font-weight:bold;letter-spacing:-1px;white-space: nowrap;}div.head2time{text-align:right;font-size: 12px;}
			header #headflex{
display:flex; }
nav li {   float:left;	font-size: 11px;background: linear-gradient(110deg,white,white 90%,whitesmoke 99%);		margin:1px;	list-style:none;	padding:1px;	color:whitesmoke;	border-left-width: 1px;	border-left-style: solid;	border-left-color: gray;	border-right-width: 0;	border-right-style: solid;
	border-right-color: black;
/*			-webkit-filter: drop-shadow(1px 1px 2px rgba(185, 185, 185, 1));*/
}
	nav li a{	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: whitesmoke;	letter-spacing:-1px;	font-weight:bold;	font-size: 14px;	    width: 120px;height:30px;	word-wrap: break-word;	text-align:center;	padding: 1px;	margin:3px 0 0 3px;	 transition: transform .2s;
 &:active{
  transform: scale(.95);
	}}
	ul.head{flex-direction:column;}
main {
	margin-right: 0px;	margin-top: 0px;
	margin-left: 0px;	background-color: #fff;
	border-radius: 3px;	padding: 2px 2px;	}
	header .descr {
	font-size: 11px;
	color: darkblue;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 10px;
}}

media Queries スマホ小サイズ
----------------------------------------------------
@media only screen and (max-width: 376px) {
#wrapper {	padding: 0px;margin:0px;width:auto;overflow: hidden;
	background-color:darkblue;}
	header #logo{ width:55vw;       text-align:left;}
		div.logo{  width: calc(200px + 50 * ((100vw - 320px) / 1120));     text-align:left;padding:0 5px 0 0;}
		img.logo{width:59vw;}
	ul.headnew{flex-direction:column;}	
	li.head1{background:wheat;font-weight:bold;list-style:none;height:40px;}
	li.head1 a{    display: block;    width: 100%;	   background: linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);list-style:none;}li.head2{color:darkblue;border:solid 1px lightblue;}
/*試作ヘッダ*/
	div.headback{height:auto;display:flex;border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:4px;}
		div.headboxronin{display: block;      color:white;width: 35vw;max-width:130px; background:linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);	border-radius: 3px;  border:solid 1px white; padding: 3px;font-size: calc(11px + 8 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;text-align:center;}	
	div.headboxcontact{display: block;       color:darkblue;width: 35vw;height:100px;max-width:130px; background:linear-gradient(whitesmoke 95%,white 100%);	border-radius: 3px;  border:solid 1px white;padding: 3px;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;}	
	/* ここまで*/
	div.head2contact{text-align:center;font-weight:bold;border-style:1px double white;background:royalblue;color:white;border-radius:2px;}
div.head2tell{text-align:center;font-size: 17px;font-weight:bold;letter-spacing:-1px;white-space: nowrap;}div.head2time{text-align:right;font-size: 12px;}
nav li {
   float:left;
	font-size: 11px;
background: linear-gradient(110deg,white,white 90%,whitesmoke 99%);/
		margin:1px;
	list-style:none;
	padding:1px;
	color:whitesmoke;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
	border-right-width: 0;
	border-right-style: solid;
	border-right-color: black;
/*			-webkit-filter: drop-shadow(1px 1px 2px rgba(185, 185, 185, 1));*/
}
	nav li a{	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: whitesmoke;	letter-spacing:-1px;	font-weight:bold;	font-size: 14px;	    width: 110px;height:30px;	word-wrap: break-word;	text-align:center;	padding: 1px;	margin:3px 0 0 3px;	 transition: transform .2s;}
	ul.head{flex-direction:column;}
main {
	margin-right: 0px;	margin-top: 0px;
	margin-left: 0px;	background-color: #fff;
	border-radius: 3px;	padding: 2px 2px;	}
	header .descr {
	font-size: 11px;
	color: darkblue;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 10px;
}}

/*--------------------------------
一覧記事表示部分
---------------------------------*/
#topnews dt {
	float: left;

}
#topnews dt img {
	width: 100%;
}
#topnews dd {
	padding-left: 170px;
}
#topnews .clearfix dd h5 {
	font-size: 24px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
#topnews .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}





/*IEで要素がズレるのを対応*/
.ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
	display: list-item;
	padding: 0;
}


/*--------------------------------
各フォント設定
---------------------------------*/
p {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 20px;
}
/*記事タイトル*/
.entry-title a:hover {
	text-decoration: underline;
}
/*中見出し*/
	
	
h1 {
  padding: 0em 0em 0em 0.2em;/*文字の上下 左右の余白*/  color: darkblue;/*文字色*/	font-size: calc( 7px + 2 * ((100vw - 320px) / 1120));width: 60vw; max-width: 600px;	font-weight:normal;	text-align:right;	border-radius:1px;	background: white;/*背景色*/	border-top:solid 0px #d7d7d7;	border-left: solid 0px #d7d7d7;
  border-right: solid 2px darkblue;/*左線*/  border-bottom: solid 1px #d7d7d7;/*下線*/
	 box-shadow: 1px 1px 2px 0 #ccc;
}



p.graydiamond{border-radius: 5px; border: 1px double white;background: linear-gradient(45deg, rgba(65,125,255,1.0) 40%,rgba(65,125,255,1.0) 60%,rgba(65,125,255,0.7) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);margin: 0px; padding: 5px;width: 95%;  margin: 0 auto;  max-width: 650px;height:70px;}
/* 2025合格関連 */
.goukaku_2025_title{font-size: calc(18px + 4 * ((100vw - 320px) / 1120));font-weight:bold;text-align:center;
background-image: radial-gradient(circle at center 0, rgba(255,255,255,1.0) 20%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0)),	url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/12/goukaku_2025_title.png');
	color:#b52e19;margin:0;padding:2px;height:70px;box-shadow: 1px 1px 3px 0 #aaa;}
span.goukaku_2025_titlespan{font-size:12px;font-weight:normal;color:sienna;}
p.goukaku_2025_subtitle{font-size: calc(13px + 8 * ((100vw - 320px) / 1120));font-weight:bold;margin:2px;padding:2px;background:whitesmoke;box-shadow: 1px 1px 3px 0 #aaa;}
div.topbox_5_white_smalltext_2025{
background: rgba(0, 0, 0, 0) linear-gradient(white 0%, white 80%;whitesmoke 100%) repeat scroll 0% 0%; letter-spacing: -0.2px;  max-width:680px;border-bottom: 1px solid steelblue; padding: 3px; white-space: normal; margin: 5px 0px 20px 0px; box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset; margin: 0 auto;  
word-break: keep-all;
overflow-wrap: break-word;}
div.topbox_5_steelblue_smalltext_2025b{
background: rgba(0, 0, 0, 0) linear-gradient(white 0%, #D3DEF1 100%) repeat scroll 0% 0%; letter-spacing: -0.2px;  border: 1px solid steelblue; padding: 3px; white-space: normal; margin: 5px 0px 20px 0px; box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;margin: 0 auto;  max-width: 650px;
word-break: keep-all;
overflow-wrap: break-word;}

/* 合格者の声吹き出しより上の部分(顔アイコンと合格大学など) */
/* 2024合格関連 */
.goukakuwhole2024{border-top:dotted 1px #aac;padding:10px;background:radial-gradient(white 0%, rgba(255,255,255,0.5);) repeat scroll 0% 0%;}
.goukakuflex2024{display: flex; align-items: stretch;position: relative;}
.goukakuright2024g{width: 25%; height: 100px; background:white;background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/01/icon_face_g3.webp'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2024b{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/01/icon_face_b3.webp'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
/*?background: ?linear-gradient(white 0%, white 99%,#E3EBFF 100%);*/
.goukakuleft2024{width: 70%;background:rgba(255,255,255,0.9);height: 100px;padding: 0px;margin:0px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/01/2024sakurabg3.png'); background-repeat: no-repeat; background-position: right bottom;}
p.goukaku2024kaigyo{white-space:nowrap;margin:0;padding:0;line-height:1.5em;}p.goukaku2024comment{position: absolute;margin-left:-25px;border-radius;15px;background: rgba(255,255,255,0.5);border-radius;5px;background:rgba(255,255,255 0.5);white-space:nowrap;padding:0;font-size: calc(11px + 4 * ((100vw - 320px) / 1120));font-weight:bold;/*　display: none; 全部終わるまで一旦見えなくする */　box-shadow: inset 0 10px 25px 0 rgba(0, 0, 0, .5);} p.goukaku2024comment::before{content: "";}　p.goukaku2024comment::after{content: "";}
.goukakudaigaku2024{color:#053774;font-weight:bold;font-size: calc(19px + 10 * ((100vw - 320px) / 1120));margin:0 3px 0 0;padding:0;}.goukakudaigaku2024::before{    content: "";    display: inline-block;    width: 20px;    height: 20px;    background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2023/01/sakura-icon0104.png');    background-position: center;	background-size: contain;}
.goukakugakubu2024{color:#053774;font-weight:300;font-size: calc(8 * ((100vw - 385px) / 1600) + 12px);margin:0  3px 0 0;padding:0;}
.goukakuname2024{color:#364337;font-weight:300;font-size: calc(18px + 8 * ((100vw - 320px) / 1120));margin:0  3px 3px 0;padding:0;}
.goukakunendo2024{color:white;background:linear-gradient(#266CFF 0%, #7297F8 100%);border-radius:2px;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));white-space: nowrap;margin:0  3px 3px 0;}
.goukakukoukou2024{color:black;background:linear-gradient(white 0%, whitesmoke 100%);border:gray 1px solid;border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);margin-bottom:5px;}
/* 2025合格関連 */
.goukakuwhole2025{border-top:dotted 1px #aac;padding:10px;background:linear-gradient(white 0% ,#cce 40%, #cce 100%) repeat scroll 0% 0%;}
.goukakuwhole20252{border-top:dotted 1px #aac;padding-top:70px;background:radial-gradient(white 0%, #eef 100%) repeat scroll 0% 0%;}
.goukakuflex2025{display: flex; align-items: stretch;position: relative;}
.goukakuright2025b2{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_b2.png'); margin-top:-0px;margin-left: 10px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2025b3{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_b1.png'); margin-top:-0px;margin-left: 10px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2025b4{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_b4.png'); margin-top:-0px;margin-left: 10px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
p.goukaku2025kaigyo{white-space:nowrap;margin:0;padding:0;line-height:1.5em;overflow: hidden;}p.goukaku2025comment{position: absolute;margin-left:-25px;border-radius;15px;background: rgba(255,255,255,0.5);white-space:nowrap;padding:0;font-size: calc(11px + 4 * ((100vw - 320px) / 1120));font-weight:bold;/*　display: none; 全部終わるまで一旦見えなくする */} p.goukaku2025comment::before{content: "";}　p.goukaku2025comment::after{content: "";}
.goukakuleft2025{width: 75%; height: 100px;?background: linear-gradient(white 0%, white 99%,#E3EBFF 100%); padding: 0px;margin:0px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/12/22395257_3.png'); background-repeat: no-repeat; background-position: right 0px top 2px; }
.goukakudaigaku2025{color:#053774;font-weight:bold;font-size: calc(19px + 10 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;text-shadow:1px 1px 0 #fff, 2px 2px 2px #333;}.goukakudaigaku2025::before{    content: "";    display: inline-block;    width: 20px;    height: 20px;    background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2023/01/sakura-icon0104.png');    background-position: center;	background-size: contain;}
.goukakudaigaku2025small{color:#053774;font-weight:bold;font-size: calc(16px + 8 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;text-shadow:1px 1px 1px #000; }
.goukakugakubu2025{color:#053774;font-weight:300;font-size: calc(8 * ((100vw - 385px) / 1600) + 12px);margin:0 0 00;padding:0;}.goukakugakubu2025small{color:#053774;font-weight:300;font-size: calc(6 * ((100vw - 385px) / 1600) + 10px);margin:0 0 00;padding:0;}
.goukakuname2025{color:#364337;font-weight:300;font-size: calc(18px + 8 * ((100vw - 320px) / 1120));margin:0 0 5px 0;padding-left:1em;}
.goukakunendo2025{color:white;background:linear-gradient(#266CFF 0%, royalblue 100%);border-radius:2px;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));white-space: nowrap;margin:0  3px 3px 0;}
.goukakukoukou2025{color:white;background:linear-gradient(darkred 0%, crimson 100%);border:gray 1px solid;border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);margin-bottom:5px;}
.goukakuright2025g1{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_g1.png'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2025g2{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_g2.png'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2025g3{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_g3.png'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2025g4{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_g4.png'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
.goukakuright2025b1{width: 25%;min-width:100px; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_b1.png'); margin: 0px;padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
/* レイアウト改善テスト2026 */
div.goukakuwhole2026{padding:20px 0px 10px 0px;margin:20px 0 5px 0px;background:lightblue;}
.goukakuname2026{color:#364337;font-weight:300;font-size: calc(14px + 9* ((100vw - 320px) / 1120));}
.goukakudaigaku2026{background:linear-gradient(115deg, #932A2A 0%, #932A2A 40%,#C17D7D 60%,white 100%);font-weight: bold; color:#222; font-size: calc(18px + 8 * ((100vw - 320px) / 1120));padding:3px;border-radius:3px;background: url(https://roninjuku.kokuzemi.biz/wp-content/uploads/2025/02/icon_sakura_texthead.png) no-repeat; text-align:left;padding-left: 23px;    line-height: 15px;}
span.goukakugakubu2026{color:#222;font-weight:normal;font-size: calc(14px + 7 * ((100vw - 320px) / 1120));}
div.goukaku2026faceb1{border: 0px solid white; width: 25%; background: linear-gradient(white 0%, white 99%,#E3EBFF 100%); margin-top: calc(50% - 70vw); padding: 0px; background-image:url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_b1.png'); background-repeat: no-repeat; background-position: left bottom;background-size: calc(100px + 40 * ((100vw - 320px) / 1120));filter: drop-shadow(2px 2px 1px #ccc);}
div.goukaku2026flex{display: flex; align-items: stretch;}div.goukaku2026left{border: 0px solid blue; width: 65%;height:calc(80px + 40 * ((100vw - 320px) / 1120));max-height:100px;background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/12/22395257_3.png'); background-repeat: no-repeat; background-position:right 10% bottom 5px;filter: drop-shadow(2px 2px 1px white);}  text-indent: -1em;  padding-left: 1em;}
.goukakudaigaku2026{color:#053774;font-weight:bold;font-size: calc(19px + 10 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;}.goukakudaigaku2025small{color:#053774;font-weight:bold;font-size: calc(16px + 8 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;}
.goukakugakubu2026{color:#053774;font-weight:300;font-size: calc(8 * ((100vw - 385px) / 1600) + 12px);margin:0 0 00;padding:0;}.goukakugakubu2025small{color:#053774;font-weight:300;font-size: calc(6 * ((100vw - 385px) / 1600) + 10px);margin:0 0 00;padding:0;}
.goukakuname2026{color:#364337;font-weight:300;font-size: calc(18px + 8 * ((100vw - 320px) / 1120));margin:0 0 5px 0;padding-left:1em;}
.goukakunendo2026{color:white;background:linear-gradient(#266CFF 0%, royalblue 100%);border-radius:2px;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));white-space: nowrap;margin-bottom:5px;}
.goukakukoukou2026{color:white;background:linear-gradient(darkred 0%, crimson 100%);border:gray 1px solid;border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);margin-bottom:5px;}
.goukakuright2026b4{width: 25%; height: 100px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2025/02/icon_face_2025_b4.png'); margin-top:-0px;margin-left: 10px; padding: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: 100px;}
p.goukaku2026kaigyo{white-space:nowrap;margin:0;padding:0;line-height:1.5em;overflow: hidden;}p.goukaku2026comment{position: absolute;margin-left:-25px;border-radius;15px;background: rgba(255,255,255,0.5);white-space:nowrap;padding:0;font-size: calc(11px + 4 * ((100vw - 320px) / 1120));font-weight:bold;/*　display: none; 全部終わるまで一旦見えなくする */} p.goukaku2026comment::before{content: "";}　p.goukaku2026comment::after{content: "";}
.goukakudata1{position:absolute;top:0px;right:70px;}
.goukakudata2{position:absolute;top:40px;right:70px;}



/* ---------- 吹き出し：上 尻尾をクリップパスで作る方法 見た目改善テストを兼ねて2025に使用 ---------- */
.base2025 {
background-color: #fff;
border-radius: 10px 15px 20px 20px;
line-height: 1;
			border:1px solid #ccc;
padding: 5px 5px 5px 5px ;
margin:0px 10px 10px 5px;
position: relative;
 filter: drop-shadow(-1px 2px 2px lightsteelblue); 
}

.base2025::after {
content: "";
position: absolute;
bottom: 100%;
left: 20px;
transform: translateX(-50%);
}
.balloon2025::after {
  background-color: #fff;		border:1px solid #000;			border-bottom:1px solid #fff;
	width: 1.2rem;
  height: 0.6rem;
  clip-path: polygon(60% 0%, 0% 100%, 50% 100%);
 filter: drop-shadow(1px 1px 1px #000); 
}
.balloonchild2025{padding: 0px 0px 0px 3px;margin:0px;font-weight:normal;font-size: calc(15px + 4 * ((100vw - 320px) / 1120));letter-spacing:0px;line-height:1.4em;color:#243d5c;word-break: keep-all;}
.balloonchild2025_smallfont{padding: 0px 0px 0px 3px;margin:0px;border-left:2px royalblue solid;font-weight:normal;font-size: calc(12px + 2 * ((100vw - 320px) / 1120));letter-spacing:0px;line-height:1.4em;color:darkblue;}
/* ---------- 吹き出し：上 尻尾をクリップパスで作る方法 2024に使用 ---------- */
.base2024_2 {
background: #fff;
border-radius: 5px;
	border:1px solid #ccc;
line-height: 1;
margin:0px 8px 2px 8px;
position: relative;
filter: drop-shadow(-1x -1px 5px #ffc9d2); 
}

.base2024_2::after {
content: "";
position: absolute;
bottom: 100%;
left: 25px;
transform: translateX(-50%);
}
.balloon2024_2 {
  background: #fff;
}
.balloon2024_2::after {
  background-color: #fff;
  width: 1.2rem;
  height: 0.6rem; 
		border:1px solid #ccc;
			border-bottom:1px solid #fff;
  clip-path: polygon(60% 0%, 0% 100%, 50% 100%);
/* filter: drop-shadow(1px 1px 1px darkgray); */
}
.balloonchild2024{font-weight:normal;font-size: calc(12px + 3 * ((100vw - 320px) / 1120));background: #fff;}
.balloonchild{padding: 3px 3px 3px 3px;margin:3px;border-left:1px #eef solid;font-weight:normal;font-size: calc(12px + 3 * ((100vw - 320px) / 1120));letter-spacing:0px;line-height:1.2em;color:#243d5c;word-break: keep-all;overflow-wrap: break-word;}
.balloonchild_smallfont{padding: 3px 3px 3px 3px;margin:3px;border-left:1px #eef solid;font-weight:100;font-size: calc(10px + 2 * ((100vw - 320px) / 1120));letter-spacing:0px;line-height:1.2em;color:darkblue;word-break: keep-all;overflow-wrap: break-word;}
/* 吹き出し横向き本体 */
.balloon{
	left: 100%;
	position: relative;
	transform: translateX(-100%);
  padding: 5px;	
	font-size:8px;
width:100px;height:30px;border-radius:15px;
  background-color: whitesmoke;
  border: 2px solid #ca8888;
}
/* 三角アイコン */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: -11px;
  border-top: 10px solid #ca8888;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: -8px;
  border-top: 11px solid whitesmoke;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}
.balloontext{
	font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
	color:black;padding:5px 5px 5px 5px;margin:0;letter-spacing:-1px;
}
.balloontext_oritatamare{
	font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
	color:black;padding:0 5px 0 0;margin:0;letter-spacing:-1px;
}

/* ---------- 吹き出し：上 尻尾をクリップパスで作る方法 2024男子青ふちどり ---------- */
.base2024b {
background-color: #fff;
border-radius: 5px;
line-height: 1;
padding: 5px;
margin:10px 10px 2 2;
position: relative;
filter: drop-shadow(-1px -1px 3px lightblue);
}

.base2024b::after {
content: "";
position: absolute;
bottom: 100%;
left: 10%;
transform: translateX(-50%);
}
.balloon2024::after {
  background-color: #fff;
　border:1px solid gray;
  width: 2rem;
  height: 1rem;
  clip-path: polygon(20% 0%, 0% 100%, 100% 100%);
filter: drop-shadow(3px 3px 2px royalblue);
}

/* ---------- アニメーションテスト ---------- */
.fadeIn {
animation-name: fadeInAnime;/*1で解説*/
animation-fill-mode:backwards;/*2で解説*/
animation-duration:3s;/*3で解説*/
animation-iteration-count:infinite;/*4で解説*/
animation-timing-function:ease;/*5で解説*/
animation-delay: 0.5s;/*6で解説*/
animation-direction:normal;/*7で解説*/
}

/*1で解説*/
@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


/* flipLeft */
.flipLeft{
animation-name: flipLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity:0;
}

@keyframes flipLeftAnime{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

/*========= レイアウトのためのCSS ===============*/

.box{
  width: 220px;
  padding: 20px;
  margin:0 20px 20px 0;
  background: #666;
  color: #fff;
  box-sizing:border-box;
}
/* scriptテスト用 */
  .box {
    width: 128;
    height: 128;
    background: darkred;
    margin-bottom: 32px;
    transition: 512ms
    opacity: 0;
  }
  
.fadein {
  animation: fadeIn 0.7s 1 cubic-bezier(0.33, 1, 0.68, 1) both;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}  
.slidein-righttoleft {
  animation: slideIn 1s ease-in-out forwards;
}
 
@keyframes slideIn {
  0% {
    transform: translateX(30px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(-30);
  }
  40%,100% {
    opacity: 1;
  }
}



/* 合格者の声 内容の吹き出し */
.balloon2{
  position: relative;
  margin:0 0px 0 3px;
  padding:0 5px 0 5px;
  border-radius: 5px;
	border:2px solid royalblue;
  color: #180614;
  background-color: white;
  margin-right: 75px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon2 .icon{
  position: absolute;
  right: -75px;
  top: 0;
op: 0;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid royalblue;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 23px;
  border-left: 12px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
/* 合格者の声過去 内容の吹き出し */
.balloon3{
  position: relative;
  padding: 5px;
  border-radius: 5px;
	font-size: calc(12px + 6 * ((100vw - 320px) / 1120)); 	border:1px solid darkgray;
  color: #180614;
  background-color: white;
  margin-right: 70px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon3 .icon{
  position: absolute;
  right: -70px;
  top: 0;
op: 0;
}
/* 三角アイコン */
.balloon3::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -9px;
  top: 21px;
  border-left: 10px solid darkgray;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.balloon3::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -8px;
  top: 22px;
  border-left: 9px solid white;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}
	span.hukidasi {
	position: relative;  background: skyblue;
		/*linear-gradient(to right, lightblue whitesmoke, transparent);*/
	color: darkblue;
	font-size: calc(12px + 5 * ((100vw - 320px) / 1120));
	border-radius:10px;
	line-height: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
		border: 1px solid lightblue;
	display:inline-block;
}
span.hukidasi:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}
span.hukidasi:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}
	
/*小見出し
.post h3 {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #1a1a1a;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}*/
/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.post ul li {
	font-size: 16px;
	line-height: 27px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}

.post ol li {
	font-size: 16px;
	line-height: 27px;
}
/*--------------------------------
ページャー
---------------------------------*/
.pagination {
	clear: both;
	position: relative;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}
.pagination a:hover {
	color: #fff;
	background-color: #666666;
}
.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}

/*フッター3カラムウィジェットの設定　PC時　*/
	.footer_l {
		float: left;
		width: 150px;
		margin: 0 8px 20px 8px;
		padding: 0;
	}
	
	.footer_c {
		float: left;
		width: 650px;
		margin: 0 8px 20px 8px;
	}
	
	.footer_r {
		float: left;
		width: 150px;
		margin: 0 8px 20px 8px;
	}
/*フッターの見出しの色　PC時　*/
	#footer_w h4 {
		font-size: 95%;
		text-align: center;
		color: #f5f5f5;
		border-bottom: 1px dotted #dcdcdc;
		margin: 10px 0 30px;
		padding: 0 0 3px 3px;
	}
/* フッターの背景のサイズ画面いっぱい　*/		
html {
		overflow: auto;
	}
	
	body {
		overflow: hidden;
	/*はみ出た部分をどうするか*/
	}
	footer {
		margin: 0 -200%;

	/* マージンを追記 */
		padding: 20px 200%;
	
	/* マージンで横にはみ出した部分を戻す */
	}
	

/*　780pxまでのときのトップページのサムネイル画像の見え方指定　*/
#topnews dt {
	float: left;
	width: 180px;
}
#topnews dt img {
	width: 100%;
}

#topnews dd {
	padding-left: 200px;
}

/*----------------------------------------------------
アドセンス横並び
----------------------------------------------------*/
#adsense-bottom { padding: 5px 0px; }
#adsense-left { float:left;margin-right:26px;margin-top:8px; }
#adsense-right { margin-top:8px; }

/* pc */
@media screen and (min-width: 641px) {
#main {width:700px; float:left;	background-color:#fff;}
}
 
/* smartPhone */
/*@media screen and (max-width: 640px) {
 #main {width:auto; float:none;} 
}*/

/*-- div要素横並び --*/
.left-box-1{
      float : left ;
      width : 400px ;
      padding : 0px 0px 0px 5px;
	background-image: url(https://kokuzemi.biz/wp/wp-content/uploads/2016/04/menu_both_bg2.png);
background-repeat: repeat-y;
      border : 0px solid #000 ;
      }
.left-box-2{
      float : left ;
      width : 400px ;
      padding : 0 0 0 5px;
	background-image: url(https://kokuzemi.biz/wp/wp-content/uploads/2016/04/menu_both_bg2.png);
background-repeat: repeat-y;
      border : 0px solid #000 ;
      }
.clr-block{
      clear : both ;
       background : #fff ;
      padding : 0px ;
      }

/* ul-lix2まで ヘッダのボタン2つの定義 */
ul.head{display: flex;justify-content: flex-start;margin:0px;padding:0px;}
	div.headnew{flex-direction:row;}	
	div.headboxronin{display: block;       width: 100%;color:white;width: 22vw;height:100px;max-width:160px; background:linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 8 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;text-align:center;}	
	div.headboxcontact{display: block;        width: 100%;color:black;width: 22vw;height:100px;max-width:160px; background:linear-gradient(whitesmoke 95%,white 100%);	border-radius: 3px;  border:solid 1px white;margin: 5px; padding: 3px;font-size: calc(11px + 6 * ((100vw - 320px) / 1120));text-shadow:1px 1px 3px white;}	
div.head2contact{text-align:center;font-size: calc(13px + 2 * ((100vw - 320px) / 1120));font-weight:bold;border-style:1px double white;background:royalblue;color:white;border-radius:2px;}
div.head2tell{text-align:center;font-size: 16px;font-weight:bold;letter-spacing:-1px;white-space: nowrap;}div.head2time{text-align:right;font-size: 11px;}
li.head1{
   width: calc(135px + 120 * ((100vw - 320px) / 1120));  /* ボタンの幅 */　
   background: linear-gradient(coral,wheat 95%,whitesmoke  100%);
    border-radius:5px;  /* 角丸（半径5px） */
	font-weight:bold;
	font-size: calc(12px + 8 * ((100vw - 320px) / 1120));
	border:solid 1px  #ffdbb7;
	padding:1px;margin:0px;
    line-height:1.3;  /* ボタンの高さ＋テキストを中央（上下方向）にする */
			   text-align:center;  /* テキストを中央寄せ */
	list-style-type:none;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
span.whiteshadow{font-size: calc(12px + 8 * ((100vw - 320px) / 1120));font-weight:bold;   text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;}
span.blueshadow{font-size: calc(12px + 8 * ((100vw - 320px) / 1120)); color:white;font-weight:bold;  text-shadow:1px 1px 0 steelblue, -1px -1px 0 steelblue,
              -1px 1px 0 steelblue, 1px -1px 0 steelblue,
              0px 1px 0 steelblue,  0-1px 0 steelblue,
              -1px 0 0 steelblue, 1px 0 0 steelblue;}
li.head1 a{
    display: block;
    width: 100%;
	   background: linear-gradient(#FCF1DC,#F7D595 95%,whitesmoke  100%);
	color:#6f4b3e;
	list-style:none;
}
li.head1 a:hover{
background: #FCEFD8;}

li.head2{
   width: calc(135px + 120 * ((100vw - 320px) / 1120));  /* ボタンの幅 */　
   background: linear-gradient(white,whitesmoke 95%,whitesmoke  100%);
    border-radius:5px;  /* 角丸（半径5px） */
	font-weight:bold;
	font-size: calc(12px + 8 * ((100vw - 320px) / 1120));
	border:solid 1px   #b2cbe4;
	padding:1px;margin:0px;
    line-height:1.3;  /* ボタンの高さ＋テキストを中央（上下方向）にする */
			   text-align:center;  /* テキストを中央寄せ */}
li.head2 a{
    display: block;
    width: 100%;
	   background: linear-gradient(white,whitesmoke 95%,whitesmoke  100%);
	color:#6f4b3e;
}
li.head2 a:hover{
background: #FCEFD8;}

span.bold{font-size: calc(13px + 2 * ((100vw - 320px) / 1120));font-weight:bold;}
li.head2 a{
    display: block;
    height: 100%;
    width: 100%; color:black;
	 transition: transform .2s;
 /*&:active{
  transform: scale(.95);
	} */} 
li.head2 a:hover{
background: #89c3eb;}



/* 付箋風ヘッダリンク */

span.fusen-001 {
    display: inline-block;
    position: relative;
	font-size:12px;
	letter-spacing:-1px;
    border-right: 10px solid #89b3f8;
    background-color: #f5f5f5;
    color: #333333;
}

span.fusen-001::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}

span.fusen-002 {
    display: inline-block;
    position: relative;
	font-size:12px;
	margin:0 5px 0 0;
		letter-spacing:-1px;
    border-right: 10px solid #0f60e6;
    background-color: #f5f5f5;
    color: #333333;
}

span.fusen-002::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
span.fusen-003 {
    display: inline-block;
    position: relative;
	font-size:12px;
	letter-spacing:-1px;
    border-right: 10px solid #abd321;
    background-color: #f5f5f5;
    color: #333333;
}

span.fusen-003::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
/* 付箋ここまで */
	
ul.intro{display: flex;justify-content: start;}
li.intro1{
    width:150px;  /* ボタンの幅 */    height:120px;  /* ボタンの幅 */
    background: linear-gradient(blue, darkblue);
    border-radius:35px;  /* 角丸（半径5px） */
    color:white;  /* リンクテキストのカラー */
	font-weight:600;
	font-size: calc(8 * ((100vw - 340px) / 1600) + 14px);
	border:solid 2px  wheat;
	padding:1px;
display: flex;	
	list-style-type:none;
}
li.intro1 a{
    height: 100%;
    width: 100%;
	color:white;
}
li.intro1 a:hover{
background: darkblue;border-radius:35px;  /* 角丸（半径5px） */}
	
li.intro2{
    width:150px;  /* ボタンの幅 */    height:120px;  /* ボタンの幅 */
    background: linear-gradient(darkolivegreen, darkgreen);
    border-radius:35px;  /* 角丸（半径5px） */
    color:white;  /* リンクテキストのカラー */
	font-weight:600;
	font-size:16px;
	border:solid 2px  #ffdbb7;
	padding:1px;
	display: flex;
	list-style-type:none;
}
li.intro2 a{
    height: 100%;
    width: 100%;
	color:white;
	
}
li.intro2 a:hover{
background: darkgreen;border-radius:35px;  /* 角丸（半径5px） */}

div.headright{
	text-align:right; font-size: calc(6 * ((100vw - 340px) / 1600) + 14px);padding:0px;margin:0px;}

/*  フォント調整 calcの縮小前縮小後の数値で定義 */
span.font6_12{font-size: calc(8 * ((100vw - 340px) / 1600) + 14px);border-bottom: solid 2px royalblue; margin:2px;　padding:5px; font-weight:normal;letter-spacing:0px;}
span.font6_14{font-size: calc(8 * ((100vw - 340px) / 1600) + 14px);background: rgba(0, 0, 0, 0) linear-gradient(#F5EECE  0%, white 30%, white 50%, white 70%, #F5EECE 100%) repeat scroll 0% 0%;font-weight:bold;border-radius:2px;border: solid 1px #E4E6E4; margin:2px;　padding:1px; font-weight:normal;letter-spacing:-1px;display:inline-block; box-shadow: 2px 2px 4px 0 #eee;}
span.font6_14 a{color: darkblue;font-weight:bold;}
span.font4_13{
	font-size: calc(4 * ((100vw - 340px) / 1600) + 13px);margin:2px;　padding:1px; font-weight:bold;
}

/*  トップページの軽量化　boxの背景ごとに定義 */
div.bgbluediamond2{height:220px;border: 1px double white;background: linear-gradient(180deg, rgba(81,144,215,1.0) 60%,rgba(85,144,215,0.9) 70%,rgba(85,144,215,0.8) 95%,rgba(85,144,215,0.5) 100%), repeating-linear-gradient( 25deg,rgba(12, 48, 255, 0.2) 0px 5px, transparent 5px 10px), repeating-linear-gradient( -25deg,rgba(12, 24, 255, 0.2) 0px 5px, transparent 5px 10px);padding:0px;}
div.bgwhitebluediamond{background: linear-gradient(45deg, rgba(255,255,255,0.9) 40%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0.0) 100%), repeating-linear-gradient( 25deg,rgba(135, 215, 255, 0.1) 0px 20px, transparent 20px 20px), repeating-linear-gradient( -25deg,rgba(215, 255, 255, 0.2) 0px 20px, transparent 20px 20px); font-size: calc(15px + 4 * ((100vw - 320px) / 1120)); font-weight: normal; background-position: right top; color: #000; border: solid 1px gray; padding: 5px;width: 95%;  margin: 0 auto;  max-width: 650px;}
div.topbox_1_bg_sea{
	background-image:radial-gradient(ellipse at center, rgba(255,255,255,100%) 40%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 0%),url('https://kokuzemi.biz/wp/wp-content/uploads/2022/05/bg_blue_island_6.png'); background-repeat: repeat-x; background-position: bottom;  letter-spacing: -1px; color: black; font-weight: 500; text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0 -2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF; width: 88vw; border: 0px solid dodgerblue; padding: 5px; white-space: normal; margin: 20px 0px 0px 0px; font-size: calc(9 * ((100vw - 385px) / 1600) + 12px);box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;}
}
.top-left {
  position: absolute;
  top: 25px;
  left: 25px;
}

div.topbox_1_bg_sea_noshadow{
	background-image: url('https://kokuzemi.biz/wp/wp-content/uploads/2022/05/bg_blue_island_6.png'); background-repeat: repeat-x; background-position: bottom; letter-spacing: -1px; color: black; font-weight: 500; max-width:720px;width: 88vw;border: 0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(9 * ((100vw - 385px) / 1600) + 12px);box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;}

	ul.floatflex{display: flex;font-size: calc(8 * ((100vw - 320px) / 1600) + 8px);margin:0px;padding: 2px;}<!-- 並列要素をフロートを使わずに処理する -->

	<!-- background:rgba(0, 0, 0, 0) linear-gradient(dodgerblue 0%, darkblue 30%, darkblue 100%) repeat scroll 0% 0%; color: gold; font-size: calc(2 * ((100vw - 320px) / 1600) + 13px); font-weight: 600;　text-shadow: 0px 0px 0; width: 35vw; max-width: 250px; border: 1px solid black; padding: 3px; letter-spacing: -2px; line-height: 1.1;} --> 

li.wheat_right{background: rgba(0, 0, 0, 0) linear-gradient(45deg, #eaf4ff 0%, white 100%) repeat scroll 0% 0%; color: black; font-size: calc(14px + 4 * ((100vw - 320px) / 1120)); font-weight: 600; width: 38vw; max-width: 300px; border-bottom: orange solid 1px; margin:0px;padding: 0px;box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;list-style-type: none;width: 95%;  margin: 0 auto;  max-width: 650px;}

li.white_right{background: rgba(0, 0, 0, 0) linear-gradient(45deg, white 0%, white 50%, white 100%) repeat scroll 0% 0%; color: black; font-size: calc(6px + 8 * ((100vw - 320px) / 1120));font-weight: 300; width: 55vw; max-width: 300px; border:gray solid 1px; margin:0px;padding: 0px;box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;list-style-type: none;width: 95%;  margin: 0 auto;  max-width: 650px;}

div.topbox_2_wheat{
	background: rgba(0, 0, 0, 0) linear-gradient(white 0%, wheat 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: bold; text-shadow:2px 2px 2 #fff;max-width:680px; width: 88vw; border: 0px solid firebrick; padding: 15px 0px 15px 15px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(12px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;}

div.topbox_2_wheat_smalltext{
	background: rgba(0, 0, 0, 0) linear-gradient(white 0%, wheat 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: bold; text-shadow:2px 2px 2 #fff;max-width:680px;width: 88vw; border: 0px solid firebrick; padding: 15px 0px 15px 15px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(12px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;word-break: keep-all;
overflow-wrap: break-word;}


div.topbox_3_lightblue{
background: rgba(0, 0, 0, 0) linear-gradient(#d1e8ff 0%, #d1e8ff 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: bold; text-shadow:2px 2px 2 #fff;max-width:680px;width: 90vw; border:0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(12px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;word-break: keep-all;
overflow-wrap: break-word;}

div.topbox_3_lightblue_smalltext{
background: rgba(0, 0, 0, 0) linear-gradient(#d1e8ff 0%, #d1e8ff 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: bold;width: 90vw; border:0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(14px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;word-break: keep-all;
overflow-wrap: break-word;}
div.topbox_3_lightblue_smallandnotboldtext{
background: rgba(0, 0, 0, 0) linear-gradient(#d1e8ff 0%, #d1e8ff 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: light; border:0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(12px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;position: relative;width: 95%;  margin: 0 auto;  max-width: 650px;word-break: keep-all;
overflow-wrap: break-word;}
div.topbox_3_lightblue_smallandnotboldtextgradborder{
background: rgba(0, 0, 0, 0) linear-gradient(#d1e8ff 0%, #d1e8ff 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: light; width: 90vw;  border-top: 1px solid #eee; border-left: 1px solid #eee;border-right: 1px solid #eee; border-image: linear-gradient(to bottom, #aaa 0%, white 10%, #eee 100%) 1; padding: 0px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(12px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;position: relative;width: 98%;  margin: 0 auto;  max-width: 650px;word-break: keep-all;
overflow-wrap: break-word;}
div.topbox_3_white_smallandnotboldtext{
background: rgba(0, 0, 0, 0) linear-gradient(ghostwhite 0%,  white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: light; max-width:680px; border:0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px;font-size: calc(14px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;position: relative;width: 95%;  margin: 0 auto;  max-width: 650px;word-break: keep-all;
overflow-wrap: break-word;}}
div.topbox_3_white_mediumandnotboldtext{
background: rgba(0, 0, 0, 0) linear-gradient(ghostwhite 0%,  white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: light; max-width:680px;width: 90vw; border:0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px;font-size: calc(16px + 8 * ((100vw - 320px) / 1120));box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;position: relative;width: 95%;  margin: 0 auto;  max-width: 650px;
	word-break: keep-all;
overflow-wrap: break-word;}
div.topbox_4_pink{
background: rgba(0, 0, 0, 0) linear-gradient(white 0%, #ffeddb 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: bold; text-shadow:2px 2px 2 #fff;max-width:680px; width: 90vw; border:0px solid dodgerblue; padding: 3px; white-space: normal; margin: 5px 0px 0px 0px; font-size: calc(14px + 8 * ((100vw - 320px) / 1120));  box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;width: 95%;  margin: 0 auto;  max-width: 650px;
	word-break: keep-all;
overflow-wrap: break-word;}
	
	
	div.topbox_5_steelblue_smalltext{
background: rgba(0, 0, 0, 0) linear-gradient(white 0%, whitesmoke 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: normal; max-width:680px;width: 90vw; border-bottom:0px solid steelblue; padding: 3px; white-space: normal; margin: 5px 0px 20px 0px; font-size: calc(8 * ((100vw - 385px) / 1600) + 12px);box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;  width: 95%;  margin: 0 auto;  max-width: 650px;
word-break: keep-all;
overflow-wrap: break-word;}

/* 2024合格者の声に使用↓ */
div.topbox_5_steelblue_smalltext_2024{
background: rgba(0, 0, 0, 0) linear-gradient(white 0%, #FCEBEC 100%) repeat scroll 0% 0%; letter-spacing: -0.2px;  max-width:680px;/*width: 90vw;*/ border-bottom: 1px solid steelblue; padding: 3px; white-space: normal; margin: 5px 0px 20px 0px; box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;  margin: 0 auto; 
word-break: keep-all;
overflow-wrap: break-word;}
div.topbox_5_steelblue_smalltext_2024b{
background: rgba(0, 0, 0, 0) linear-gradient(white 0%, #D3DEF1 100%) repeat scroll 0% 0%; letter-spacing: -0.2px;  max-width:680px;border: 1px solid steelblue; padding: 3px; white-space: normal; margin: 5px 0px 20px 0px; box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;  margin: 0 auto;  
word-break: keep-all;
overflow-wrap: break-word;}
	div.topbox_6_cycle{
		background: linear-gradient( 135deg, rgba(255, 255, 254, 0.5), rgba(255, 255, 254, 0.8)),
  url(https://kokuzemi.biz/wp/wp-content/uploads/2022/08/bg_fall.jpg); color: black; font-weight: normal; max-width:680px;width: 90vw; border: 1px solid steelblue; padding: 3px; line-height:120%; margin: 5px 0px 0px 0px; font-size: calc(10 * ((100vw - 385px) / 1600) + 12px);box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;text-shadow:2px 2px 2 #fff; padding: 0px; margin: 0px;width: 95%;  margin: 0 auto;  max-width: 650px;}

/*  トップページの軽量化　文字を白く縁取り font-size: calc(8 * ((100vw - 395px) / 1600) + 12px); / */
div.font7_11_whiteedge{
	font-size:1.2rem;line-height: 120%; color: #000; text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0-2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF; padding: 2px; margin: 0px;
	}
div.font5_13_whiteedge{
	 	font-size: calc(8 * ((100vw - 395px) / 1600) + 12px);   line-height: 1.1em; color: #000; text-shadow:1px 1px 2px #fff;}
div.font8_12_whiteedge{
	 	font-size: calc(8 * ((100vw - 395px) / 1600) + 12px);   line-height: 120%; color: #000; text-shadow:2px 2px 2 #fff; padding: 2px; margin: 0px;
	}
div.finder12_18_darkblue{background: rgba(0, 0, 0, 0) linear-gradient(white 0%, #dbedff 60%, #dbedff 100%) repeat scroll 0% 0%; color: darkblue; font-size: calc(12 * ((100vw - 375px) / 1600) + 18px); font-weight: 600; width: 98vw; height: 80px; max-width: 600px; border: 1px solid black; padding: 5px; vertical-align: middle;box-shadow: 3px 3px 6px -2px #555,  3px 3px 8px rgba(255,255,255,0.8) inset;}

/* はみ出す(予定だが一旦はみ出さない状態で実装)見出し */

div.finder_2{
  background-image: linear-gradient(0deg, rgba(0, 46, 164, 1), rgba(144, 181, 255, 1));
	font-size: calc(10 * ((100vw - 375px) / 1600) + 16px); font-weight: 600;
	padding:2px;
	color:#fff;
}
div.finder_2_2{
	background:#fff;
	font-size: calc(10 * ((100vw - 375px) / 1600) + 16px); 
	border-bottom:solid 3px #0017E4;
	color:darkblue;
	font-weight:600;
	padding:5px;
	margin:0 0 10 3px;
}
div.finder_3{
background: linear-gradient(220.55deg, #7CF7FF 0%, #4B73FF 100%);
	height:50px;
	border-radius: 10px;
	font-size: calc(12 * ((100vw - 375px) / 1600) + 18px); font-weight: 600;
	color:#fff;
	border-bottom:solid 3px darkred;
}
div.finder_4{
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

/* トップのサークルボタン */ 
li.circleblue{
width: 150px; /* ボタンの幅 */    height: 30px; /* ボタンの幅 */   background: rgba(0, 0, 0, 0) linear-gradient(white 0%,  #d6eaff 50%, white 100%) repeat scroll 0% 0%; border-radius: 5px; /* 角丸（半径5px） */    color: black; /* リンクテキストのカラー */font-weight: 600; font-size: 10px; border: solid 1px darkgray; padding: 3px;margin:0px; display: flex;    margin-left: auto;
    margin-right: auto;
    width: 8em;box-shadow: 3px 3px 3px -2px #555,  3px 3px 8px rgba(255,255,255,0.8) inset;text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0-2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;}
li.circlegreen{
width: 150px; /* ボタンの幅 */    height: 30px; /* ボタンの幅 */   background: rgba(0, 0, 0, 0) linear-gradient(white 0%,  #c8d5bb 50%, white 100%) repeat scroll 0% 0%; border-radius: 5px; /* 角丸（半径5px） */    color: black; /* リンクテキストのカラー */font-weight: 600; font-size: 10px; border: solid 1px darkgray; padding: 3px;margin:0px; display: flex;    margin-left: auto;
    margin-right: auto;
    width: 8em;box-shadow: 3px 3px 3px -2px #555,  3px 3px 8px rgba(255,255,255,0.8) inset;text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0-2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;}



	ul.leftlight{display: flex; justify-content: start; width: 93vw;list-style-type:none;margin:0;padding:0; font-size: calc(4 * ((100vw - 375px) / 1600) + 10px);}
	li.lefttext{ padding: 0px;margin:0px; width:70vw;display: flex;  font-size: calc(4 * ((100vw - 375px) / 1600) + 10px); margin-left: auto;    margin-right: auto;	list-style-type:none;    box-shadow: 3px 3px 6px -2px #555,  3px 3px 8px rgba(255,255,255,0.8) inset;text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0-2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;}
	li.lightimage{ padding: 0px;margin:0px; width:20vw;display: flex; font-size: calc(4 * ((100vw - 375px) / 1600) + 10px); margin-left: auto;    margin-right: auto;	list-style-type:none; width: 100px;box-shadow: 3px 3px 6px -2px #555,  3px 3px 8px rgba(255,255,255,0.8) inset;text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0-2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;}

/* 光らせるためのstyle　元のスタイルのclass名に続けて、一つスペースを入れて↓のshineを入れる */
.shine{
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
/* 光の疑似要素 */
.shine::before{
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.9;
  position: absolute;
}
/* 光の動き */
@keyframes shine{
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.2;
  }
  71% {
    left: -160%;
    opacity: 0.5;
  }
  100% {	  
    left: -20%;
    opacity: 0;
	}}


/* 画像 - 絶対配置で右上に配置 */
.balloonpast .icon{
  right: 0px;
float:right;
  top: -10px;
op: 0;
}
/* LINE風試作 2023以前の合格体験記を変更 */
/*以下、①背景色など*/
/*以下、②左側のコメント*/


p.goukakukeyword{margin:0;color: darkblue; font-weight: 600;}
/*縦書きにする仕掛け*/
.tategaki {
max-height:180px;
writing-mode: vertical-rl;
font-family: 'Noto Sans CJK JP', serif;border-radius: 2px; border: 0px solid steelblue; background: linear-gradient(white, whitesmoke); font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); padding: 3px; margin: 5px;font-weight:600;line-height:1.2em;
	text-align: left;
vertical-align:middle;
  width: 80%;
  margin: 0 auto;
  max-width: 650px;
	border:solid 1px #ccc;
border-radius:3px;
}
div.tategaki2024{font-size: calc(14px + 4 * ((100vw - 320px) / 1120)); width: 49vw; border-radius: 3px; background: white; color: royalblue; padding: 3px; margin: 3px; letter-spacing: -0.01em;word-break: keep-all;
overflow-wrap: break-word;}
/* 強調 */
.line1 {
  background: linear-gradient(transparent 80%, lightblue 20%);font-size:+1;font-weight:bold; font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); padding: 3px; margin: 5px;
}
.line2{
  background: linear-gradient(transparent 95%, white 5%);font-size:+1;font-weight:bold; font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); padding: 3px; margin: 5px;
}
.tategaki_yoko{
/*font-family: 'Noto Sans CJK JP',serif;*/ border-radius: 2px; border: 0px solid steelblue; background: linear-gradient(white, whitesmoke); font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); padding: 3px; margin: 5px;
}
.schedulebox2024{border-radius: 5px; border: 0px solid darkgreen; background: white; padding: 3px; margin: 5px; font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); background-image: url(''); background-repeat: no-repeat; background-position: right top; background-size: calc(160px + 40 * ((100vw - 320px) / 1120));}

/*　トップ入塾案内のデザイン */
span.bdblue{     
	background:white;color:#674598;font-weight:bold;
 ? ? margin: auto 0.4em;}
p.tangen{padding-bottom:15px;margin:1px;font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); }
div.topintro{border-radius:2px;border:solid #eee;border-width:0px 1px 1px 1px;background: linear-gradient(220.55deg, #eee 0%, #fff 100%);padding:0 0 5px 5px;margin:0 5 5 5px;line-height:1.2em; }
/* animation test */
/* 2024秋 トップに3つの国ゼミの売り */
div.top3box{border-radius: 3px; border: solid 1px gray;padding:3px 0px 0 7px;margin:4px 4px 4px 20px;line-height:1.0em;background:white;opacity:0.8;width:29%;height:50px;word-break: keep-all;
overflow-wrap: break-word;}
span.top3boxnumber{position: abusolute;
color:white;background:royalblue;font-weight:bold;font-size: 12px;
clip-path: polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);
margin-top: -20px;margin-left: -15px;padding:3px;
	width:20px;height:13px;filter: drop-shadow(1px 1px 2px darkgray); }
span.top3boxtext{ padding:3px 0 0 7px;line-height:1.0em;
font-size: calc(12px + 4 * ((100vw - 320px) / 1120));font-weight:normal;color:darkblue;}

div.top3box2{border-radius: 3px; border: solid 1px gray;font-size: 12px;font-weight:normal;color:royalblue;z-index: 1;
	line-height:1.0em;padding:3px;margin:4px;background:white;opacity:0.8;width:29%;max-height:80px;word-break: keep-all;
overflow-wrap: break-word;position: relative;} 

div.top3boxnumber2{position: abusolute;
color:white;background:royalblue;font-weight:bold;font-size: 12px;
	z-index: 1;
clip-path: polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);
margin-top: -20px;margin-left: -5px;padding:3px;
	width:20px;height:20px;filter: drop-shadow(1px 1px 2px darkgray); }
/* 入塾案内 */
span.introboxnumber2{position: abusolute;border:solid 1px white;
color:white;background: linear-gradient(220.55deg, #465DAA 0%, #426AB3 100%);font-weight:bold;font-size: 16px;	z-index: 1;
clip-path: polygon(0% 0%, 100% 0, 100% 50%, 75% 100%, 0% 100%);
margin-top: -25px;margin-left: -6px;padding:3px;
	width:20px;height:20px;filter: drop-shadow(1px 1px 2px darkgray); }
div.introbox3{font-size: calc(15px + 4 * ((100vw - 320px) / 1120)); margin: 1px; padding: 2px 5px 0px 5px; border: 1px solid #999;line-height:1.2em;width:32%;word-break: keep-all;
overflow-wrap: break-word;}
div.introbox3_tate{font-size: calc(13px + 4 * ((100vw - 320px) / 1120)); margin: 5px; padding: 5px 5px 5px 5px; border: 1px solid #999;line-height:1.2em;height:60px;word-break: keep-all;overflow-wrap: break-word;}
h3.introh3{font-size: calc(16px + 6 * ((100vw - 320px) / 1120)); margin: 15px 0px 0px 0px;}
/* シンプルな文字装飾　太目アンダーライン */
span.tb1{background: linear-gradient(transparent 70%, #ccccff 90%);}
/* 白文字にダークブルーの縁取り */
p.tw1{border-bottom: solid 1px lemonciffon; color: white;font-weight:bold;text-shadow:1px 1px 10px darkblue,1px 1px 10px darkblue,1px 1px 10px darkblue,1px 1px 10px darkblue; font-size: calc(18px + 4 * ((100vw - 320px) / 1120));}
/* 2024冬期講座 */
div.boxbgwinter1{background-image: linear-gradient(rgba(255,255,255,0) 40%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,1.0)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/09/bg_winter2024.png'); border-top: 1px solid #eee; border-left: 1px solid #eee;border-right: 1px solid #eee; border-image: linear-gradient(to bottom, #aaa 0%, white 10%, #eee 100%) 1; background-size: cover; color: white; padding: 5px; margin: 3px auto;  max-width: 650px;}

div.boxbgwinter2{background-image: linear-gradient(to bottom right, rgba(255,255,255,1.0) 40%,rgba(255,255,255,0.1) 80%,rgba(255,255,255,0)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/09/bg_winter2024.png'); background-size:cover color: white; padding: 10px; margin: 15px auto;  border-top: 1px solid #eee; border-left: 1px solid #eee;border-right: 1px solid #eee; border-image: linear-gradient(to bottom, #aaa 0%, white 10%, #eee 100%) 1; max-width: 650px;font-size: calc(11px + 2 * ((100vw - 320px) / 1120)); }
div.boxbgwhite1{border: solid 1px gray; color: black; background: white; font-size: calc(13px + 2 * ((100vw - 320px) / 1120)); word-break: keep-all; overflow-wrap: break-word; font-size: calc(14px + 4 * ((100vw - 320px) / 1120));color:#3d3d3d;padding: 5px; margin: 15px auto;  border-top: 1px solid #eee; border-left: 1px solid #eee;border-right: 1px solid #eee; border-image: linear-gradient(to bottom, #999 0%, #eee 30%, #999 100%) 1; max-width: 650px;}
div.boxbgwhite2{border: solid 1px gray; color: black; background: rgba(255,255,255,0.2) ; font-size: calc(12px + 2 * ((100vw - 320px) / 1120)); word-break: keep-all; overflow-wrap: break-word;font-weight: bold; font-size: calc(14px + 4 * ((100vw - 320px) / 1120));color:#3d3d3d;padding: 5px 0 0 5px; margin: 15px auto; border: solid 1px royalblue; max-width: 650px;}
/* 2024秋　稲穂背景 */
boxautumn1{background-image: linear-gradient(rgba(255,255,255,0) 40%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,1.0)),url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/08/bg_29991154_s.jpg'); height: 100px; background-size: cover; color: white; font-weight: bold; padding: 5px; margin: 3px; border: solid 1px royalblue; max-width: 650px;}

.zigzag{
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  position: relative;
}
.zigzag::after{
  content: "";
  position: absolute;
  background: linear-gradient(45deg, #C2E5FB 50%, transparent 52%),
      linear-gradient(315deg, #C2E5FB 50%, transparent 52%);
  background-size: 30px 30px;
  height: 14px;
  width: 100%;
  bottom: 0;
}
.bg_sky{
  background: #C2E5FB;
}
.inner{
  max-width: 600px;
  padding: 1em;
  margin: 0 auto;
}
div.headwhile{max-width:700px;margin: 0 auto;background:white;}
/*フォーム用*/
.form-width { max-width: 80%;}
div.item_left {background:linear-gradient(rgba(240,246,247,0.5),rgba(240,246,247,1));width:45vw;padding:5px;}
div.item_left2 {background:linear-gradient(rgba(230,238,240,1),rgba(230,238,240,1));width:45vw;padding:5px;}
div.item_right {background:white;width:45vw;padding:5px;border-bottom:1px solid #d9e3ee;}
span.tag_hissu {background:#b94047;border-radius:2px;color:white;padding:2px;font-size:12px;position:relative;right:-10px;}
span.tag_suisyo {background:#223a70;border-radius:2px;color:white;padding:2px;font-size:12px;position:relative;right:-10px;}
/*--------------------------------
以下、使用してない要素を末尾に移動していく。削除して問題ないことを確認して外す。＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞
---------------------------------*/
.banner {
        display: block;
        position: relative;
        padding-top: 200px;
        margin: 0px auto;
        width: 800px;
        border-radius: 20px;
        background-image: url(https://www.kokuzemi.biz/wp/wp-content/uploads/2024/11/bg_sakura_2024_2.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
}
.banner:hover {
        color: #fff;
        text-decoration: none;
}
.banner::before {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.4);
        content: "";
}
.banner:hover::before {
        background-color: rgba(0, 0, 0, 0);
}
.banner > p {
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        padding: 0px;
        margin: 0px;
        width: 100%;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-shadow: -2px -2px 6px #333, 2px -2px 6px #333, 2px 2px 6px #333, -2px 2px 6px #333;
        white-space: nowrap;
}
.banner > p > span {
        display: block;
}
.banner > p > span:nth-of-type(1) {
        font-size: 24px;
}
.banner > p > span:nth-of-type(2) {
 ? ? ? ?font-size: 48px;}
summary {
  display: block;
  list-style: none;
}

/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
  display:none;
}
div.spring2025{background: rgba(0, 0, 0, 0) linear-gradient(#d1e8ff 0%, #d1e8ff 50%, white 100%) repeat scroll 0% 0%;background-image: url(https://www.kokuzemi.biz/wp/wp-content/uploads/2024/05/bg_lightup_kz_02.webp); background-size:20%;background-repeat: no-repeat; background-position: right top;  letter-spacing: -1px; color: black; width: 94vw; max-width: 650px; border: 1px solid dodgerblue; padding: 3px; white-space: normal; margin: 20px auto; font-size: calc(6 * ((100vw - 385px) / 1600) + 15px);box-shadow: 2px 2px 6px -2px #ccc, ?3px 3px 8px rgba(255,255,255,0.8) inset;}
div.flex2025container{display: flex;
 ? ? ?flex-wrap: wrap;padding:0;margin:0;}
div.flex2025{width: calc(50% - 6px); /* 列の幅を均等に分配し、マージンを考慮して計算 */
      margin: 3px;
      border: 1px solid #ccc;
	position:relative;
      padding:3px;
      box-sizing: border-box;}
.flex2025 .flex2025title {
	background-color:royalblue; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	font-weight:bold;
	color: #fff ; /* タイトル文字色 */
	padding: 7px 12px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -10px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}


.wpcf7-list-item {
    display: block;
    line-height: 1;
}
.wpcf7-list-item + .wpcf7-list-item {
    margin-top: 8px;
}
input[type="checkbox"] {
    display: none;
}
.wpcf7-list-item-label {
    position: relative;
	border-radius:3px;
	padding:10px;
    padding-left: 25px;
    display: inline-block;
}
.wpcf7-list-item-label::before {
    content: "";
    display: block;
	border-radius:2px;
    width: 20px;
    height: 20px;
    border: 2px solid;
    background: #fff;
    position: absolute;
    left: 2px;
    top: 8px;
    box-sizing: border-box;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    content: "";
    display: block;
	border-radius:2px;
    width: 12px;
    height: 12px;
    background-color:#3d8582;
    position: absolute;
    left: 6px;
    top: 12px;
}

/*コンタクトフォーム7 contactform7　デフォルトのスタイルを無効化する*/
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 20px;
  font-weight: bold;
  width: 200px;
  padding: 10px;
 ?border-radius: 10px;
margin:15px 0 5px 15px;
background: linear-gradient(to top, royalblue,cornflowerblue);
  border: none;
  color: #fff;
  cursor: pointer;
	  opacity: 0.9;
	outline: 1px solid rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -3px;/*outline-offsetの値を-15pxにして内側に調整*/
}
input[type="submit"]:hover {
  opacity: 0.6;
	background: linear-gradient(to top, royalblue,cornflowerblue);
color:white;
	border-bottom:1px solid #602D1D;
}
span.wpcf7-spinner {
  display: none;
}
.submit-btn {
  display: inline-block; /*インラインブロック要素にする*/
  position: relative;
}
.submit-btn::after {
  position: absolute;
  font-family: "Font Awesome 6 Free";
  content: "\f061";
  font-weight: 900;
  color: #fff;
  right: 20px;
  top: 30%;
  transform: translateY(-50%);
}
/* 画像にグラデーションをかける */
div.grad {    position: relative;		padding:5px;}
div.grad::before {
    content: "";    position: absolute;    width: 100%;    height: 100%;
top: 0; ? ?left: 0;	background: linear-gradient( transparent 70%,#ffffff);}
.top202505{background: whitesmoke; padding: 3px; margin: 0 auto; font-size: calc(16px + 4 * ((100vw - 320px) / 1120)); background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/07/22506071_2-e1713527885687.webp'); background-repeat: no-repeat; background-position: right bottom; background-size: calc(80px + 40 * ((100vw - 320px) / 1120)); max-width: 500px;"><span style="width: 220px; line-height: 1.2em; color: #111; background-color: rgba(255,255,255,0.4);}
/* object-position: 0 0;width: 380px;height: 180px; */

/* 教科学習 文章カタマリ */
p.textp{word-break: keep-all;overflow-wrap: breafchak-word;line-height:1.0em;font-weight:normal;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));text-align:left;  text-indent: -1em;  padding-left: 1em;}
/* 文章カタマリ汎用文字サイズ別 */
p.textpn{word-break: keep-all;overflow-wrap: break-word;line-height:1.0em;font-weight:normal;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));text-align:left;margin:5px;padding:0px;}
p.textpn18{word-break: keep-all;overflow-wrap: break-word;line-height:1.0em;font-weight:normal;font-size: calc(18px + 4 * ((100vw - 320px) / 1120));text-align:left;margin:5px;padding:5px;}

/* 2023以前の合格者の声レイアウト */
.goukakuwhole2023{border-top:dotted 1px #aac;padding:10px;background:radial-gradient(white 0%, white 80%, whitesmoke 100%) repeat scroll 0% 0%;}
.goukakuflex2023{display: flex; align-items: stretch;position: relative;}
p.goukaku2023kaigyo{white-space:nowrap;margin:0;padding:0;line-height:1.5em;overflow: hidden;}p.goukaku2025comment{position: absolute;margin-left:-25px;border-radius;15px;background: rgba(255,255,255,0.5);white-space:nowrap;padding:0;font-size: calc(11px + 4 * ((100vw - 320px) / 1120));font-weight:bold;/*　display: none; 全部終わるまで一旦見えなくする */} p.goukaku2023comment::before{content: "";}　p.goukaku2023comment::after{content: "";}
/*.goukakuleft2023{width: 85%; height: 100px;?background: linear-gradient(white 0%, white 99%,#E3EBFF 100%); padding: 0px;margin:0px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/12/22395257_3.png'); background-repeat: no-repeat; background-position: left 0px top 2px; }*/
.goukakudaigaku2023{color:#053774;font-weight:bold;font-size: calc(19px + 10 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;text-shadow:1px 1px 0 #fff, 2px 2px 2px #999;} 
.goukakudaigaku2023::before{content:"★";color:gold;}
.goukakudaigaku2023small{color:#053774;font-weight:bold;font-size: calc(15px + 7 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;}
.goukakugakubu2023{color:#053774;font-weight:300;font-size: calc(8 * ((100vw - 385px) / 1600) + 12px);margin:0 0 00;padding:0;}.goukakugakubu2023small{color:#053774;font-weight:300;font-size: calc(6 * ((100vw - 385px) / 1600) + 10px);margin:0 0 00;padding:0;}
.goukakuname2023{color:#364337;font-weight:300;font-size: calc(18px + 8 * ((100vw - 320px) / 1120));margin:0 0 5px 0;padding-left:1em;}
.goukakunendo2023{color:white;background:linear-gradient(#266CFF 0%, royalblue 100%);border-radius:2px;font-size: calc(14px + 4 * ((100vw - 320px) / 1120));white-space: nowrap;margin-bottom:5px;}
.goukakukoukou2023{color:white;background:linear-gradient(darkred 0%, crimson 100%);border:gray 1px solid;border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);margin-bottom:5px;}
/* 2019-2022 */
.goukakuwholepast{border-top:dotted 1px #aac;padding:10px;background:radial-gradient(white 0%, white 80%, whitesmoke 100%) repeat scroll 0% 0%;}
.goukakuflexpast{display: flex; align-items: stretch;position: relative;}
p.goukakupastkaigyo{white-space:nowrap;margin:0;padding:0;line-height:1.5em;overflow: hidden;}p.goukaku2025comment{position: absolute;margin-left:-25px;border-radius;15px;background: rgba(255,255,255,0.5);white-space:nowrap;padding:0;font-size: calc(11px + 4 * ((100vw - 320px) / 1120));font-weight:bold;/*　display: none; 全部終わるまで一旦見えなくする */} 
.goukakudaigakupast{color:#053774;font-weight:bold;font-size: calc(19px + 10 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;text-shadow:1px 1px 0 #fff, 2px 2px 2px #999;} 
.goukakudaigakupast::before{content:"★";color:gold;}
.goukakudaigakupastsmall{color:#053774;font-weight:bold;font-size: calc(15px + 7 * ((100vw - 320px) / 1120));margin:0 0 0 0;padding:0;}
.goukakugakubupast{color:#053774;font-weight:300;font-size: calc(8 * ((100vw - 385px) / 1600) + 12px);margin:0 3px 0　0;padding:0;}.goukakugakubu2023small{color:#053774;font-weight:300;font-size: calc(6 * ((100vw - 385px) / 1600) + 10px);margin:0 0 00;padding:0;}3px
.goukakunamepast{color:#364337;font-weight:300;font-size: calc(18px + 8 * ((100vw - 320px) / 1120));margin:0 0 5px 0;padding-left:1em;}
.goukakukoukoupast{color:white;background:linear-gradient(darkred 0%, crimson 100%);border:gray 1px solid;border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);margin-bottom:5px;}
/* izenno */
span.goukaku2023{	background:color:crimson;font-weight:600;font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);}
div.goukakubox2023{border-image: url(https://kokuzemi.biz/wp/wp-content/uploads/2023/01/sakura-icon0104.png) 100 / 50px / 10px round;background: rgba(0, 0, 0, 0) linear-gradient(#d1e8ff 0%, #d1e8ff 50%, white 100%) repeat scroll 0% 0%; letter-spacing: -1px; color: black; font-weight: bold; width: 94vw; max-width: 600px; border: 1px solid dodgerblue; padding: 3px; white-space: normal; margin: 20px 0px 0px 0px; font-size: calc(4 * ((100vw - 385px) / 1600) + 12px);box-shadow: 2px 2px 6px -2px #ccc,  3px 3px 8px rgba(255,255,255,0.8) inset;}
.goukakugakubu2023{color:#053774;font-weight:300;font-size: calc(7 * ((100vw - 385px) / 1600) + 12px);}
.goukakunendo2023{color:white;background:linear-gradient(#266CFF 0%, #7297F8 100%);border-radius:2px;font-size: calc(6 * ((100vw - 385px) / 1600) + 10px);margin:2px 0 0 0;white-space: nowrap;}

.balloontext2023{background-color: white;font-size: calc(4 * ((100vw - 385px) / 1600) + 14px);line-height:1.0em;padding:5px;}
p.goukaku2023text{background-color: whitesmoke;font-size: calc(6 * ((100vw - 385px) / 1600) + 12px);line-height:1.5em;}
p.goukaku2022text{background-color: mintcream;font-size: calc(6 * ((100vw - 385px) / 1600) + 12px);line-height:1.5em;}

.goukakuright2023g{width: 25%; height: 100px; background:white;background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/01/icon_face_g3.webp'); margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: right bottom;background-size: 50px;}
.goukakuright2023b2{width: 25%; height: 100px; margin: 0px; padding: 0px; background-repeat: no-repeat; background-size: 100px;}
/*?background: ?linear-gradient(white 0%, white 99%,#E3EBFF 100%);*/
.goukakuleft2023{width: 70%;background:rgba(255,255,255,0.9);height: 100px;padding: 0px;margin:0px; background-image: url('https://www.kokuzemi.biz/wp/wp-content/uploads/2024/01/2024sakurabg3.png'); background-repeat: no-repeat; background-position: left bottom;}
img.goukaku2023face{margin-right: 10px;margin-top:-65px; float: left;width:75px;}
	span.goukakunendo2023{color:white;background:linear-gradient(#6186D7 0%, #7297F8 100%);border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);padding:px;white-space: nowrap;margin:0 3px 0 0;}
	span.goukakunendo2022{color:white;background:linear-gradient(#6186D7 0%, #7297F8 100%);border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);padding:px;white-space: nowrap;margin:0 3px 0 0;}
	span.goukakunendo2021{color:white;background:linear-gradient(#6186D7 0%, #7297F8 100%);border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);padding:px;white-space: nowrap;margin:0 3px 0 0;}
	span.goukakunendo2020{color:white;background:linear-gradient(#6186D7 0%, #7297F8 100%);border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);padding:px;white-space: nowrap;margin:0 3px 0 0;}
	span.goukakunendo2019{color:#325d80;background:linear-gradient(white 0%, smokewhite 100%);border:steelblue 1px solid;border-radius:2px;font-size: calc(8 * ((100vw - 385px) / 1600) + 11px);padding:px;white-space: nowrap;margin:0 3px 0 0;}
.balloon-003{
    position:relative;
	width:80%;
    max-width:600px;
    background:#E1E8F8;
    padding:5px;
    text-align:center;
    border:1px solid #95A9C6;
    color:#515151;
    font-size: calc(12px + 7 * ((100vw - 320px) / 1120));
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    text-shadow:1px 0px 0px #FFFFFF ;
}
.balloon-003::after,.balloon-003::before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    left:100%;
    top:50%;
}
.balloon-003::after{
    border-color: rgba(225, 232, 248, 0);
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-width:5px;
    border-right-width:5px;
    margin-top: -5px;
    border-left-color:#E1E8F8;
}
.balloon-003::before{
    border-color: rgba(149, 169, 198, 0);
    border-top-width:5.5px;
    border-bottom-width:6px;
    border-left-width:6px;
    border-right-width:6px;
    margin-top: -5.5px;
    margin-left: 1px;
    border-left-color:#95A9C6;
}

/* 合格者の声過去 内容の吹き出し 回り込み */
p.goukakuhukidasi{
  padding: 5px;  border-radius: 5px;	padding:10px;margin:3px;	line-height:1.2em;	font-size: calc(13px + 4 * ((100vw - 320px) / 1120)); 	border:1px solid darkgray;  color: #180614;  background: linear-gradient(white, whitesmoke);  min-height:100px;
	word-break: keep-all;overflow-wrap: break-word;}