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

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

@media screen and (max-width: 960px) {
	.min_width10_ {
		--swl-minwidth-cell: 80px;
	}
}

#before_footer_widget {
	margin-bottom: 0;
	padding-bottom:2%;
	background-color: #909090 !important;
}

.custom-menu-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.custom-menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  transition: background-color 0.2s;
  color: inherit;
}

.custom-menu-item:hover {
  background-color: #f5f5f5;
}

.custom-menu-en,
.title_mini{
  font-size: 12px;
  color: #666;
}

.custom-menu-ja {
  font-size: 16px;
  font-weight: bold;
}

.custom-menu-arrow {
  font-size: 16px;
  color: #333;
}

.title_mini {
	margin-bottom: 0 !important;
}

/* フローティングバナー */
#footer-floating {
	visibility: hidden;
}

@media not all and (min-width: 960px) {


	[data-scrolled=true] #footer-floating {
	    opacity: 1; /* 不透明度 0～1で調整 */
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff; /* 背景色（必要に応じて変更） */
		z-index: 1000; /* 他の要素の上に表示 */
    	visibility: visible;
	}
	
	#footer-floating {
		padding: 1% 0;
	}

	#footer-floating .swell-block-column:first-child .swell-block-button a {
		background-color: #5fb0ff !important; /* 左のカラム（青） */
		color: #fff !important; /* 文字色を白 */
		border: none;
	}

	#footer-floating .swell-block-column:last-child .swell-block-button a {
		background-color: #ff55b0 !important; /* 体験入学申込（右） */
		color: #fff !important; /* 文字色を白 */
		border: none;
	}

	/* アイコンの色も白に統一 */
	#footer-floating .swell-block-button a svg {
		fill: #fff !important;
	}

	#footer-floating .is-style-more_btn{
		padding:0;
	}

	/* 上に戻るボタンの下余白を調整 */
	.p-fixBtnWrap {
		bottom: 4em;
	}
}

/* スマホ（〜599px） */
@media (max-width: 599px) {
	.l-footer__foot {
		margin-bottom: 12%;
	}
}

/* タブレット（600〜768px） */
@media (min-width: 600px) and (max-width: 768px) {
	.l-footer__foot {
		margin-bottom: 8%;
	}
}






/* =========================
   CF7 確認画面：シンプル版
   「見出し → 値（インデント）」＋ 見出しに「・」
   ========================= */

.form-confirm{
  max-width: 860px;
  margin: 24px auto;
  padding: 0;
}

/* 1項目ごと */
.form-confirm .form-block{
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* 最後の区切り線は消す（ボタンや最後の項目が綺麗） */
.form-confirm .form-block:last-of-type{
  border-bottom: none;
}

/* 見出し（最初のp） */
.form-confirm .form-block > p:first-child{
  margin: 0 0 8px;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 1em;         /* 「・」分の余白 */
  position: relative;
}


/* 値（2つ目のp） */
.form-confirm .confirm-text{
  margin: 0;
  padding-left: 1em;         /* 「参加生徒のお名前」の下に「　テスト太郎」感 */
  line-height: 1.8;
  white-space: pre-wrap;     /* textarea対策 */
  word-break: break-word;    /* 長文対策 */
  opacity: .92;
}

/* ボタン行 */
.form-confirm .form-buttons{
  border-bottom: none;
  padding-top: 18px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

/* ボタンは余計な装飾なしでスッキリ */
.form-confirm .form-buttons input[type="submit"],
.form-confirm .form-buttons input[type="button"]{
  appearance: none;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}

/* 送信だけ少し強調（これも嫌なら消してOK） */
.form-confirm .form-buttons input[type="submit"]{
  background: #111;
  color: #fff;
  border-color: #111;
}

/* モバイル：ボタンは縦並び */
@media (max-width: 640px){
  .form-confirm .form-buttons{
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .form-confirm .form-buttons input[type="submit"],
  .form-confirm .form-buttons input[type="button"]{
    width: 100%;
  }
}

/* previous（戻る）がCSSで消されてる時の保険 */
.form-confirm .wpcf7-previous,
.form-confirm .form-buttons input.wpcf7-previous{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}