@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** common
************************************/
/* 背景白色へ */
body {
	background: #fff;
}

/* reset.css */
a {
	text-decoration: none;
	color: initial;
	transition: linear .3s;
}

/* reset.css */
a:hover {
	color: initial;
}

/* 基本ボタン初期値 */
a.smb-btn.smb-btn--little-wider:hover {
    background: #f68655;
}

/* reset.css */
ul,
li,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* tagとdata非表示 */
.date-tags,
footer.article-footer.entry-footer {
	display: none;
}

/* 画面幅確保 */
.wrap {
	width: 100%;
	margin-inline: auto;
	overflow: hidden;
}

/* 基本のロゴ削除 */
.logo {
/* 	display: none; */
}

/* ホームのｈ１非表示 */
.home h1 {
	display: none;
}

/* 余白削除 */
.page .main {
	padding: 0;
}

@media screen and (max-width: 834px) {
    main.main {
		padding-block: 0;
    }
	
	.home main.main {
		padding-inline: 0;
	}
}

/* 表示崩れ */
.c-container {
	max-width: 100%;
	padding-inline: 15px;
}

@media screen and (min-width: 782px) {
	.c-container {
	padding-inline: 20px;
}
}

/* 余白なし */
.content {
	margin-top: 0;
}

/* 余白なし */
.entry-content {
	margin-top: 0;
}

/* ボタンのサイズ */
@media screen and (max-width: 639px) {
	.wp-block-snow-monkey-blocks-btn.l-free__trial,
	.wp-block-snow-monkey-blocks-btn.l-request__info,
	.wp-block-snow-monkey-blocks-btn.l-contact,
	.wp-block-snow-monkey-blocks-btn {
	width: 300px;
	margin-inline: auto;
}
}

/* 疑似要素基点 */
.wp-block-snow-monkey-blocks-btn.l-free__trial a.smb-btn.smb-btn--little-wider,
.wp-block-snow-monkey-blocks-btn.l-request__info a.smb-btn.smb-btn--little-wider,
.wp-block-snow-monkey-blocks-btn.l-contact a.smb-btn.smb-btn--little-wider {
	position: relative;
}

/* 疑似要素 */
.wp-block-snow-monkey-blocks-btn.l-free__trial a.smb-btn.smb-btn--little-wider::before,
.wp-block-snow-monkey-blocks-btn.l-request__info a.smb-btn.smb-btn--little-wider::before,
.wp-block-snow-monkey-blocks-btn.l-contact a.smb-btn.smb-btn--little-wider::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	content: "";
	width: 25px;
	height: 25px;
}

/* 疑似要素アイコンの配置 */
@media screen and (max-width :639px) {
	.wp-block-snow-monkey-blocks-btn.l-free__trial a.smb-btn.smb-btn--little-wider::before {
		left: 40px;
	}
	
	.wp-block-snow-monkey-blocks-btn.l-request__info a.smb-btn.smb-btn--little-wider::before {
		left: 70px;
	}
	
	.wp-block-snow-monkey-blocks-btn.l-contact a.smb-btn.smb-btn--little-wider::before {
		left: 70px;
	}
}

/* 無料体験のアイコン */
.wp-block-snow-monkey-blocks-btn.l-free__trial a.smb-btn.smb-btn--little-wider::before {
	background: url('https://onuma-sk.com/wp-content/uploads/a6485d3adfd875076ab88ffffd837948-1.png') no-repeat center center / contain;
}

/* 資料請求のアイコン */
.wp-block-snow-monkey-blocks-btn.l-request__info a.smb-btn.smb-btn--little-wider::before {
	background: url('https://onuma-sk.com/wp-content/uploads/0d00ae9bd8becf8f61739eba450cb152-1.png') no-repeat center center / contain;
}

/* お問い合わせのアイコン */
.wp-block-snow-monkey-blocks-btn.l-contact a.smb-btn.smb-btn--little-wider::before {
	background: url('https://onuma-sk.com/wp-content/uploads/c3cd642e1816356405171b78e7211482-1.png') no-repeat center center / contain;
}

/* ボタンのサイズ */
@media screen and (max-width :639px) {
	a.smb-btn.smb-btn--little-wider {
	width: 100%;
	font-size: 17px;
	}
}

/* ホバー時の挙動 */
a.smb-btn.smb-btn--little-wider {
	transition: linear .3s;
}

/* タイトルのレイアウト */
.post-3 h1.entry-title,
.post-8 h1.entry-title,
.post-12 h1.entry-title,
.post-14 h1.entry-title,
.post-2362 h1.entry-title,
.post-18 h1.entry-title, 
.post-2363 h1.entry-title,
.post-555 h1.entry-title {
	position: relative;
	background: #ffe5cc;
	box-shadow: 0px 0px 0px 5px #ffe5cc;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 480px) {
	.post-3 h1.entry-title,
	.post-8 h1.entry-title,
	.post-12 h1.entry-title,
	.post-14 h1.entry-title,
	.post-2362 h1.entry-title,
	.post-18 h1.entry-title, 
	.post-2363 h1.entry-title,
	.post-555 h1.entry-title {
		margin-block: 1rem;
	}
}

/* タイトルのレイアウト */
.post-3 h1.entry-title::after,
.post-8 h1.entry-title::after,
.post-12 h1.entry-title::after,
.post-14 h1.entry-title::after,
.post-2362 h1.entry-title::after,
.post-18 h1.entry-title::after, 
.post-2363 h1.entry-title::after,
.post-555 h1.entry-title::after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #ffa64d;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* タイトルのレイアウト */
h1.entry-title {
	display: inline-block;
	width: initial !important;
}

/* タイトルのレイアウト */
.post-903 h1.entry-title,
.post-957 h1.entry-title,
.post-1002 h1.entry-title,
.post-1050 h1.entry-title {
	padding: 0.5em;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	line-height: 1.3;/*行高*/
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

/* レスポンシブ時の上部の余白 */
@media screen and (max-width: 480px) {
	.post-903 h1.entry-title,
	.post-957 h1.entry-title,
	.post-1002 h1.entry-title,
	.post-1050 h1.entry-title {
		margin-top: 6px;
	}
}

/* タイトルのレイアウト */
.post-903 h1.entry-title::before,
.post-957 h1.entry-title::before,
.post-1002 h1.entry-title::before,
.post-1050 h1.entry-title::before {
	content: '●';
	color: #fff;
	margin-right: 8px;
}

/* 幼稚園コースのタイトル背景 */
.post-903 h1.entry-title {
	background: #ffb2ae;/*背景色*/
}

/* 小学生コースのタイトル背景 */
.post-957 h1.entry-title {
	background: #78BBE6;/*背景色*/
}

/* 中学生コースのタイトル背景 */
.post-1002 h1.entry-title {
	background: #8CD790;/*背景色*/
}

/* 高校生コースのタイトル背景 */
.post-1050 h1.entry-title {
	background: #885988;/*背景色*/
}

/* 見出しレイアウト */
.home .article h2,
.page .article h2 {
	background: initial;
	position: relative;
	display: inline-block;
}

/* 見出しに疑似要素 */
.home .article h2::before,
.page .article h2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background: url('https://onuma-sk.com/wp-content/uploads/eef9992bff3baef7fae04da4c6657565-1.png') no-repeat center center / contain;
}

@media screen and (max-width: 480px) {
	.home .article h2::before,
	.page .article h2::before {
		left:-15px;
	}
}

/* 見出しのレイアウト */
h3.wp-block-heading.l-h3__initial {
	border: none;
	padding: 0;
}

/* 見出しのレイアウト */
.article h3 {
	border-block: none;
	border-right: none;
	border-left-color: #FC913A;
}

/* 目次非表示 */
.toc {
	display: none;
}

/* テキストのアニメーション */
.l-text__link a {
	transition: linear .3s;
}

/* ホバー時の挙動 */
.l-text__link a:hover {
	color: #FC914A;
}

/* レイアウト */
ul.wp-block-list {
	padding-left: 20px;
	margin-bottom: 1rem;
}

/* リストスタイル */
ul.wp-block-list li {
	list-style: disc;
}

/* イラスト画像のレイアウト */
.img-width {
	width: 80%;
	margin-inline: auto;
}

/* tableの背景色なし */
table tr:nth-of-type(2n+1) {
	background-color: initial;
}

/* head-textのレイアウト */
.l-head__text {
	text-align: center;
    font-weight: 700;
    font-size: 20px;
}

/************************************
** header
************************************/
/* ヘッダーロゴとＴＥＬ横並び */
.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ヘッダーロゴの範囲 */
.header-logo {
    flex: 0;
}

/* logoのサイズ */
.header-logo__img {
	width: 130px;
	display: block;
	transition: opacity .3s;
}

/* ホバー時の挙動 */
.header-logo__img:hover {
	opacity: .6;
}

/* ヘッダーＴＥＬの範囲 */
.header-contact__wrapper {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

/* 電話ボタン */
a.header-tel {
    padding: 5px 10px !important;
    background: #F68655;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    border-radius: 3px;
	transition: linear .3s;
}

/* ホバー時の挙動 */
a.header-tel:hover {
	filter: brightness(90%);
	background: #F68655 !important;
	color: #fff !important;
}

/* 下線なし */
a.header-tel::after {
	display: none;
}

/* ヘッダーの幅 */
.header-content {
	width: 100%;
	margin-inline: auto;
	padding-inline: 20px;
	padding-block: 10px;
}

/* ヘッダーのレスポンシブ */
@media screen and (max-width: 1154px) {
	.header-content {
		display: none;
	}
}

/* headerにロゴとハンバーガーメニュー表示 */
@media screen and (max-width: 1154px) {
    .mobile-header-menu-buttons {
        top: 0;
        bottom: auto;
        justify-content: space-between;
        min-width: 46px;
        box-shadow: 0 0 5px darkgrey;
    }
	
/* ロゴの幅を広げる */
	.logo-menu-button {
        flex-grow: 1;
    }
	
	.logo-menu-button img {
		max-height: 40px;
	}
}

/* footerにモバイルMENU表示 */
@media screen and (max-width: 1154px) {
    .mobile-menu-buttons {
        display: flex;
        align-items: stretch;
    }
	
/* モバイルMENUを広げる	*/
	.mobile-footer-menu-buttons .menu-button {
        width: 100%;
    }
}

/* 文字配置下へ */
.navi-in > ul .caption-wrap {
	align-content: flex-end;
}

/* 電話番号のレイアウト */
p.header-number {
    font-size: 30px;
    position: relative;
    padding-left: 30px;
	line-height: 1;
}

/* 電話番号のアイコン */
p.header-number::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 25px;
	height: 25px;
	background: url('https://onuma-sk.com/wp-content/uploads/01046371d0b7ae6423165456b14e640e-1.png') no-repeat center center / contain;
}

/* 時間の文章 */
p.header-operation {
    font-size: 14px;
}

/* 余白なし */
.header-in {
/* 	display: none; */
}

/* 基本のヘッダーMENU非表示 */
.header-container {
	display: none;
}

/* menuのfont、アニメーション */
.navi-in a {
	font-weight: 700;
	position: relative;
}

/* 疑似要素のレイアウト */
.navi-in a::before {
	position: absolute;
	top: 15px;
	transform: translateX(-50%);
	left: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
	line-height: 16px;
	color: #FC914A;
}

/* ホバー時の挙動 */
.navi-in a:hover {
	background: #fff;
	position: relative;
}

/* 疑似要素下線 */
.navi-in a::after {
	content: "";
	width: 0;
	height: 3px;
	background: #FC913A;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	transition: linear .3s;
}

/* ホバーした時の挙動 */
.navi-in a:hover::after {
	width: 90%;
}

/* 現在のページ時に下線 */
.menu-item.current-menu-item a::after {
	width: 90%;
	height: 3px;
	background: #FC913A;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}


/* ヘッダーメニューの幅のレイアウト */
@media screen and (min-width: 1200px) {
	.navi-in > ul {
/* 		gap: 5rem; */
	}
}

/* 大沼総合教室アイコン */
li#menu-item-44 a::before {
	content: "\f51c";
}

/* コースアイコン */
li#menu-item-43 a::before {
	content: "\f304";
}

/* 教室アイコン */
li#menu-item-42 a::before {
	content: "\f549";
}

/* よくあるご質問アイコン */
li#menu-item-41 a::before {
	content: "\f059";
	
}

/* お問い合わせアイコン */
li#menu-item-40 a::before {
	content: "\f0e0";
}

/* h1の配置 */
header.article-header.entry-header {
	width: 100%;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: 10px;
}

/* h1の配置 */
@media screen and (min-width: 782px) {
	header.article-header.entry-header {
	padding-inline: 15px;
	}
}

/* ホームのh1を非表示 */
.home header.article-header.entry-header {
	display: none;
}

/************************************
** ドロワー
************************************/
/* モバイルヘッダーの上部背景 */
.menu-close-button {
	background: #F6B352;
}

/* ドロワーメニューのレイアウト */
.menu-drawer a {
	padding: 20px 20px 20px 30px;
	border-bottom: 1px solid #FC914A;
	position: relative;
}

/* ドロワーメニューの疑似要素 */
.menu-drawer a::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color: #FC914A;
}

/* 大沼総合教室アイコン */
.menu-item-2429 a::before {
	content: "\f51c";
}

/* コースアイコン */
.menu-item-2428 a::before {
	content: "\f304";
}

/* 教室アイコン */
.menu-item-2426 a::before {
	content: "\f549";
}

/* よくあるご質問アイコン */
.menu-item-2427 a::before {
	content: "\f059";
}

/* お問い合わせアイコン */
.menu-item-2425 a::before {
	content: "\f0e0";
}


/************************************
** top
************************************/
/* 基点 */
.wp-block-snow-monkey-blocks-section.top-section1 {
	position: relative;
}

/* fvコンテントの配置 */
.wp-block-group.l-fv__content {
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 30;
}

@media screen and (min-width: 1441px) {
	.wp-block-group.l-fv__content {
		left: 100px;
	}
}

/* fvコンテントの配置 */
@media screen and (max-width: 639px) {
	.wp-block-group.l-fv__content {
	left: 0;
	top: 50px;
	transform: initial;
	display: flex;
	flex-direction: column;
	padding-inline: 15px;
	}
}


/* fvテキストのレイアウト */
.fv-text {
	display: inline-block;
	background: rgba(255, 255, 255, .6);
	border-radius: 3px;
	font-size: 36px;
}

/* fvテキストのレイアウト */
@media screen and (max-width: 639px) {
	p.fv-text {
	font-size: 23px;
	order: 1;
	margin-inline: auto !important;
}
}

@media screen and (max-width: 639px) {
/* columnのサイズ調整 */
	.wp-block-snow-monkey-blocks-section.top-section1 .wp-block-column {
/* 	flex-basis: auto !important; */
	}
	
/* 画像columnのレイアウト */
	.wp-block-snow-monkey-blocks-section.top-section1 .wp-block-columns {
		order: 2;
		margin-bottom: 1rem !important;
		margin-inline: auto !important;
	}
	
/* ボタンの順番 */
	.wp-block-snow-monkey-blocks-section.top-section1 .wp-block-snow-monkey-blocks-buttons.smb-buttons {
		order: 3;
		margin-inline: auto !important;
	}
}

/************************************
** top-section2
************************************/
/* 数字のレイアウト */
p.l-number__circle {
    background: #FC914A;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 2.8;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

/************************************
** top-section3
************************************/
/* 学校レイアウト */
p.l-school {
	font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #F68655;
}

@media screen and (max-width: 480px) {
	p.l-school {
		font-size: 18px;
	}
}

/* 学校名レイアウト */
p.l-name {
	text-align: center;
    font-weight: 700;
    font-size: 20px;
	border-radius: 4px;
	background: #fff;
	padding-block: 8px;
}

/* 背景が白の時の学校名のレイアウト */
p.l-name._bg-color {
	background: #F6B352;
}

@media screen and (max-width: 480px) {
	p.l-name {
		font-size: 16px;
	}
}

/* その他リストフォントサイズ */
li.l-track-record {
	font-size: 20px;
}

@media screen and (max-width: 480px) {
	li.l-track-record {
		font-size: 16px;
	}
}

@media screen and (max-width: 781px) {
	.column-hidden {
		display: none;
	}	
}


/* 詳細レイアウト */
p.l-college,
p.l-specialty,
p.l-message {
	font-weight: 700;
    margin-bottom: 1rem;
}

/************************************
** top-section4
************************************/
/* コースの文字を中央へ */
.wp-block-snow-monkey-blocks-section.top-section4 .smb-items__item__title {
	text-align: center;
}

/* 外枠に角丸 */
.smb-items__item.has-cocoon-white-background-color.has-background {
	border-radius: 16px 16px 3px 3px;
}

/* 画像の上部に丸み */
.smb-items__item.has-cocoon-white-background-color.has-background img {
	border-radius: 16px 16px 0 0;
}

/* コースのcolumnのレイアウト */
@media screen and (max-width: 781px) {
	.c-row[data-columns="1"] {
		--_item-width: 100%;
	}
}

/* 各コースの文字によるレイアウト崩れを無くす */
@media screen and (min-width: 782px) {
	.wp-block-snow-monkey-blocks-items-item-standard.c-row__col {
		display: flex;
	}
	
	.smb-items__item.has-cocoon-white-background-color.has-background {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	
	.smb-items__item__body {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		justify-content: space-between;
	}
}

/* スタディパークのカラー */
.study-link {
	color: blue;
}

/* ホバー時の挙動 */
.study-link:hover {
	opacity: .6;
	color: blue;
}

/* オプションtableの左右のボーダー非表示 */
.wp-block-snow-monkey-blocks-section.top-section4 .wp-block-table .has-fixed-layout td {
	border-inline: none;
}

/* オプションtableの最初のボーダー非表示 */
.wp-block-snow-monkey-blocks-section.top-section4 .wp-block-table .has-fixed-layout tr:first-child td {
	border-top: none;
}

/* オプションtableの右側のレイアウト */
.wp-block-snow-monkey-blocks-section.top-section4 .wp-block-table .has-fixed-layout td:last-child {
	width: 35%;
	text-align: right;
}

/************************************
** top-section8
************************************/
/* ctaのタイトル */
.l-cta__title {
	font-size: 24px;
}

/* ctaのテキスト */
.l-cta__text {
	font-size: 18px;
}

/* ctaのレスポンシブ */
@media screen and (min-width: 782px) {
	.l-cta__title {
		font-size: 33px;
}
	.l-cta__text {
		font-size: 20px;
	}
}

/* ctaボタンの幅 */
@media screen and (min-width: 640px) {
		.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons {
	gap: 3.4vw;
}
}

/* ctaボタン縦並びへ */
@media screen and (max-width: 703px) {
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons {
		flex-direction: column;
	}
	
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons .wp-block-snow-monkey-blocks-btn.l-free__trial,
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons .wp-block-snow-monkey-blocks-btn.l-request__info,
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons .wp-block-snow-monkey-blocks-btn.l-contact {
		width: 300px;
		margin-inline: auto;
	}
	
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons	a.smb-btn.smb-btn--little-wider {
	width: 100%;
	font-size: 17px;
}
	
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons .wp-block-snow-monkey-blocks-btn.l-free__trial a.smb-btn.smb-btn--little-wider::before {
		left: 40px;
	}
	
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons .wp-block-snow-monkey-blocks-btn.l-request__info a.smb-btn.smb-btn--little-wider::before {
		left: 70px;
	}
	
	.wp-block-snow-monkey-blocks-buttons.smb-buttons.l-cta__bottons .wp-block-snow-monkey-blocks-btn.l-contact a.smb-btn.smb-btn--little-wider::before {
		left: 70px;
	}
}

/************************************
** top-section9
************************************/
/* お知らせの外枠 */
.wp-block-snow-monkey-blocks-section.top-section9 .news-section {
	padding: 15px;
	background: #fff;
	border-radius: 3px;
}

/* 余白調整 */
@media screen and (min-width: 782px) {
	.wp-block-snow-monkey-blocks-section.top-section9 .news-section {
	padding: 20px;
}
}

/* カテゴリーのレイアウト */
.news-category {
	display: inline-block;
	font-size: 12px;
	padding: 3px 5px;
	font-weight: 700;
	color: #fff;
	margin-top: 3px;
}

/* デフォルトの背景 */
.category-default .news-category {
	background: #999;	
}

/* ブログタグの背景 */
.category-blog .news-category,
.cat-label-54 {
	background: #FFB1B3;
}

/* お知らせタグの背景 */
.category-news .news-category,
.cat-label-53 {
	background: #FC913A;
}

/* 新着情報タグの背景 */
.category-new .news-category,
.cat-label-55 {
	background: #114400;
}

/* 投稿のアニメーション */
a.news-link {
	transition: opacity .3s;
}

/* ホバー時の挙動 */
a.news-link:hover {
	opacity: .6;
}

/* お知らせのタイトル */
h3.news-title {
	border: none;
	padding-left: 0;
	margin-bottom: 1rem;
}

/* お知らせ間のレイアウト */
.news-item {
    border-bottom: 1px solid #333;
    padding-block: 20px;
}

/* 最後の投稿のボーダー非表示 */
.news-item:last-child {
	border-bottom: none;
}

/* お知らせの文章が長文の際に抜粋する */
.news-excerpt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/************************************
** top-section10
************************************/
/* qa余白レイアウト */
@media screen and (max-width: 781px) {
	.wp-block-cocoon-blocks-faq.faq-wrap.blank-box.block-box {
	padding: 15px;
}
}

/* qのfont */
.faq-question-content.faq-item-content {
    font-size: 16px;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.faq-question-content.faq-item-content {
    font-size: 18px;
}
}

/* qaの文字を太く */
.faq-item-label {
	font-weight: 700;
}

/************************************
** footer
************************************/
/* footer余白 */
div#content-bottom-in {
    padding-inline: 15px;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	div#content-bottom-in {
    padding-inline: 20px;
    display: flex;
    justify-content: space-between;
	max-width: 1440px;
}
}

/* ロゴの配置 */
.footer-logo {
	margin-bottom: 1rem;
}

/* ホバー時のアニメーション、ロゴサイズ */
.footer-logo a {
	transition: opacity .3s;
	display: block;
	width: 180px;
	margin-inline: auto;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.footer-logo a {
		margin-inline: initial;
	}
}

/* ホバー時の挙動 */
.footer-logo a:hover {
	opacity: .6;
}

/* footerボタンの配置 */
.footer-bottons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1rem;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.footer-bottons {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}
}

/* footerボタンのレイアウト */
.footer-trial,
.footer-request {
	position: relative;
	background: #F68655;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	padding: 8.5px 38px 8.5px 54px;
	text-align: center;
	margin-inline: auto;
	width: 300px;
	font-size: 17px;
}

/* ホバー時の挙動 */
.footer-trial:hover,
.footer-request:hover {
	background: #F68655;
	filter: brightness(90%);
	color: #fff;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.footer-trial,
.footer-request {
	width: initial;
	margin-inline: initial;
}
}
/* 疑似要素の配置 */
.footer-trial::before,
.footer-request::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	transform: translateY(-50%);
}

/* 疑似要素の配置 */
.footer-request::before {
	left: 70px;
}

/* 疑似要素の配置 */
.footer-trial::before {
	left: 40px;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.footer-request::before {
	left: 25px;
}
	.footer-trial::before {
	left: 24px;
}
}

/* 疑似要素の配置 */
.footer-trial::before {
	background: url('https://onuma-sk.com/wp-content/uploads/a6485d3adfd875076ab88ffffd837948-1.png') no-repeat center center / contain;
}

/* 疑似要素の配置 */
.footer-request::before {
	background: url('https://onuma-sk.com/wp-content/uploads/0d00ae9bd8becf8f61739eba450cb152-1.png') no-repeat center center / contain;
}

/* footerTELの配置 */
.footer-contact__warapper {
	justify-content: center;
	margin-bottom: 1rem;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.footer-contact__warapper {
	justify-content: initial;
}
}

/* footerTELのフォント */
p.footer-number {
	font-size: 26px;
}

/* footerTELのサイズ */
.footer-contact__warapper a.footer-tel {
	width: 245px;
	padding-inline: 20px !important;
}

/* footerTELのレイアウト */
@media screen and (max-width: 781px) {
	.footer-contact__warapper a.footer-tel {
		padding: 10px 5px 5px 32px !important;
		width: 300px;
	}
	
	p.footer-number {
	font-size: 27px;
}
}

/* Instagramの配置 */
.sns-items {
	width: 300px;
	margin-inline: auto;
}

/* レスポンシブ時のレイアウト */
@media screen and (min-width: 782px) {
	.sns-items {
	width: initial;
	margin-inline: auto;
}
}

/* instagramのアニメーション */
.sns-items a {
	transition: opacity .3s;
}

/* ホバー時の挙動 */
.sns-items a:hover {
	opacity: .6;
}

/* footerのレイアウト比 */
@media screen and (min-width: 782px) {
	aside#custom_html-5 {
	flex: 1 30%;
}
	aside#nav_menu-2 {
	flex: 1;
}
}

/* footerメニューのfont */
aside#nav_menu-2 {
	font-weight: 700;
}

/* footerメニューレイアウト */
ul.menu {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
	transition: opacity .3s;
}

/* ホバー時の挙動 */
ul.menu a:hover {
	opacity: .6;
}

/* フッターレイアウト */
.footer,
.footer-bottom {
	padding-inline: 0;
	padding-bottom: 0;
}

/* コピーライトの背景 */
.copyright {
    background: #FC914A;
}

/* モバイルフッターの背景 */
.mobile-footer-menu-buttons {
/* 	background: #F68655; */
	background: #3A93FC;
}

/* クリックエリア拡大、カラーの変更 */
.mobile-footer-menu-buttons .menu-button .menu-button-in {
	width: 100%;
	color: #fff;
}

/************************************
** 大沼総合教室とは
************************************/
/* h1のタイトルレイアウト */
@media screen and (min-width: 481px) {
	h1.entry-title {
		padding-inline: 20px;
	}	
}

/* h1のタイトルレイアウト */
@media screen and (min-width: 1024px) {
	h1.entry-title {
		margin-inline: auto;
		width: 90%;
		padding-inline: 20px;
		max-width: 1440px
	}	
}


/************************************
** class-section1
************************************/
/* サブタイトルのフォントサイズ */
p.l-sub__title {
	font-size: 18px;
}

/* サブタイトルのフォントサイズ */
@media screen and (min-width: 481px) {
	p.l-sub__title {
	font-size: 24px;
}
}

/* コンテントレイアウト */
@media screen and (max-width: 1023px) {
	.smb-section-break-the-grid__content--p-s {
	padding: 0;
	}
	
	.smb-section-break-the-grid__content {
		background: none;
	}
}

/* コンテント内文章レイアウト */
@media screen and (min-width: 1024px) {
	.wp-block-snow-monkey-blocks-section-break-the-grid.class-section1 .smb-section__body {
		height: 300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
/* 角丸 */
	.smb-section-break-the-grid__content.smb-section-break-the-grid__content--w--20.smb-section-break-the-grid__content--p-s.smb-section-break-the-grid__content--horizontal-10,
	.smb-section-break-the-grid__figure img {
		border-radius: 16px;
	}
}


/************************************
** class-section4
************************************/
/* textを左寄せ */
@media screen and (max-width: 781px) {
	p.l-text__left {
	text-align: left;
}
}

/* YouTubeを中央寄せ */
.video-container {
	margin-inline: auto;
}

/************************************
** お近くの教室
************************************/
/************************************
** near-section1
************************************/
/* tableの幅 */
.wp-block-snow-monkey-blocks-section.near-section1 td:first-child {
	width: 30%;
	background: #FC913A;
	color: #fff;
}

/* tableのレイアウト */
.wp-block-snow-monkey-blocks-section.near-section1 td:last-child {
	padding-left: 30px;
}

/************************************
** よくあるご質問
************************************/
/************************************
** faq-section1
************************************/
/* 疑似要素基点 */
.wp-block-snow-monkey-blocks-btn.l-right__arrow a.smb-btn.smb-btn--little-wider {
	position: relative;
}

/* 疑似要素付与 */
.wp-block-snow-monkey-blocks-btn.l-right__arrow a.smb-btn.smb-btn--little-wider::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 789px) {
/* 幅持たせる */
	.wp-block-snow-monkey-blocks-btn.l-right__arrow a.smb-btn.smb-btn--little-wider {
		width: 100%;
	}
	
/* 縦並びへ */
	.wp-block-snow-monkey-blocks-btn.l-right__arrow {
				flex: 1 50%;
	}
}

/* titleのレイアウト */
h2.wp-block-heading.l-style__hidden {
	display: block;
	border-bottom: 1px solid #FC913A;
	padding-left: 0;
}

/* 疑似要素非表示 */
h2.wp-block-heading.l-style__hidden::before {
	display: none;
}

/* 余白調整 */
.faq-question,
.wp-block-cocoon-blocks-faq.faq-wrap,
hr.wp-block-separator.has-alpha-channel-opacity {
	margin-bottom: 1rem;
}

/************************************
** 無料体験、お問い合わせ
************************************/
/************************************
** contactform
************************************/
/* 余白なし */
/* @media screen and (max-width: 781px) {
	.wp-block-snow-monkey-blocks-section.contact-section1 {
		padding-block: 0 !important;
	}
} */

/* ラベルのカーソルデフォルトへ */
.wp-block-snow-monkey-blocks-section.contact-section1 label {
	cursor: default;
}

/* ラベルのカーソルデフォルトへ */
.wp-block-snow-monkey-blocks-section.trial-section1 label {
	cursor: default;
}

/* h2の疑似要素非表示 */
.wp-block-snow-monkey-blocks-section.trial-section1 h2.smb-section__title::before,
.wp-block-snow-monkey-blocks-section.contact-section1 h2.smb-section__title::before {
	display: none;
}

/* フォームの背景 */
.contact-box {
	background: #fff;
	border-radius: 3px;
	padding: 20px;
}

/* contactformのレイアウト */
.contact__items {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

@media screen and (min-width: 768px) {
  .contact__items {
    margin-top: 51px;
    max-width: 1000px;
    margin-inline: auto;
  }
}

/* headとinputのレイアウト */
.contact-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

@media screen and (min-width: 768px) {
  .contact-control {
    gap: 4px;
  }
}

/* headのレイアウト */
.contact-control__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

@media screen and (min-width: 768px) {
  .contact-control__head {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 16px;
  }
}

/* 折り返し可能 */
._flex-wrap {
	flex-wrap: wrap;
}

/* ラベルのフォントサイズ */
@media screen and (min-width: 768px) {
  .contact__label {
    font-size: 18px;
  }
}

/* 必須のラベルのレイアウト */
.form-label__required {
  font-size: 12px;
  color: #fff;
  margin-top: 3px;
  background: #de5656;
  border-radius: 3px;
  padding: 2px 7px 3px 7px;
}

@media screen and (min-width: 768px) {
  .contact-control__input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

._optional {
	background: #fff;
	color: #333;
	border: 1px solid #333;
}

/* 入力欄のレイアウト */
.contact__input {
  width: 100%;
  height: 56px;
  background: #fff;
  border: 1px solid #2f2f2f;
  font-size: 16px;
  padding: 16px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

@media screen and (min-width: 768px) {
  .contact__input {
    height: 50px;
    padding: 13px 13px 14px 23px;
  }
}

/* 入力欄にフォーカスがあたったときのレイアウト */
.contact__input:focus {
  outline: #FC913A 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #FC913A;
          box-shadow: 0px 0px 4px 0px #FC913A;
  border-color: #FC913A;
}

/* ファイアーフォックスで白色にならないため */
.form-select {
	background: #fff;
	cursor: pointer;
	color: #333;
	height: 50px;
	border-radius: 3px;
}

/* セレクトレイアウト */
@media screen and (max-width: 768px) {
	.form-select {
	height: 56px;
}
}

/* 入力欄にフォーカスがあたったときのレイアウト */
.form-select:focus {
  outline: #FC913A 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #FC913A;
          box-shadow: 0px 0px 4px 0px #FC913A;
  border-color: #FC913A;
}

/* お問い合わせ欄のレイアウト */
.contact__textarea {
  width: 100%;
  background: #fff;
  height: 300px;
  resize: vertical;
  font-size: 16px;
/*   border: 1px solid #2f2f2f; */
  padding: 13px 13px 13px 16px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  border-radius: 3px;
}

@media screen and (min-width: 768px) {
  .contact__textarea {
    padding: 13px 13px 14px 23px;
  }
}

/* テキストエリアにフォーカスがあたったときのレイアウト */
.contact__textarea:focus {
  outline: #FC913A 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #FC913A;
          box-shadow: 0px 0px 4px 0px #FC913A;
  border-color: #FC913A;
}

/* 確認チェックボックスにフォーカスがあたったときのレイアウト */
input.form-confirmation:focus {
	  outline: #FC913A 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #FC913A;
          box-shadow: 0px 0px 4px 0px #FC913A;
  border-color: #FC913A;
}

/* 確認チェックボックスのレイアウト */
span.wpcf7-list-item {
	margin-left: 0rem;
	margin-top: 1rem;
}

/* 確認チェックボックスのレイアウト */
@media (min-width: 1100px) {
	span.wpcf7-list-item {
	margin-left: 2vw;
	margin-top: 1rem;
}
}

/* 確認チェックボックスのレイアウト */
@media (min-width: 1150px) {
	span.wpcf7-list-item {
	margin-left: 2rem;
	margin-top: 1rem;
}
}

/* ラジオボタンレイアウト */
.form-radio span.wpcf7-list-item:first-child {
	margin-left: 0;
}

/* ラジオボタンレイアウト */
.form-radio span.wpcf7-list-item:last-child {
	margin-left: 2rem;
}

/* contactボタンの配置 */
.contact__button {
  margin-top: 40px;
  text-align: center;
}

/* contactボタンのレイアウト */
input[type=submit] {
    display: inline-block;
	width: 300px;
    min-width: 300px;
    padding: 15px 4px;
    background: #F68655;
	border-radius: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.9px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    position: relative;
	border: 1px solid transparent;
	border-radius: 3px;
/* 	outline: 2px solid #F99B9F; */
}

/* 無効時のボタンレイアウト */
input[type=submit]:disabled {
	background: #EBEBE4;
	color: #808080;
	border-color: currentcolor;
/* 	outline: 2px solid transparent; */
}

/* 無効時にホバーが効かないように */
input[type=submit]:disabled:hover {
	cursor: not-allowed;
}

/* 無効時にホバーを効かないように */
input[type=submit]:not(:disabled):hover {
	background: #fff;
	color: #F68655;
	border: 1px solid currentcolor;
}

/* 確認チェックボタンの配置調整 */
@media (max-width: 1024px) {
	span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
	margin-left: 0;
}
}

/* 送信ボタン下余白調整 */
.l-contact-box .contact__button {
	margin-bottom: 1.8rem !important;
}

/* 送信後メッセージ下の余白調整 */
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1rem !important;
}

/* inputのレイアウト */
input[type=text],
input[type=email],
input[type=tel],
textarea, select {
	border-radius: 0;
	border: 1px solid #333;
	cursor: pointer;
	border-radius: 3px;
}

/* カーソル時ポインター */
input.form-confirmation,
span.wpcf7-list-item-label {
	cursor: pointer;
}

/* プライバシーポリシーの挙動、レイアウト */
.policy-link {
	transition: linear .3s;
	text-decoration: underline;
}

/* 注意のレイアウト */
.attention-text {
	color: #de5656;
	font-weight: 700;
	font-size: 13px;
}

/************************************
** 幼稚園コース
************************************/
/* 見出しのボーダー非表示 */
h2.wp-block-heading.l-style__hidden._border-hidden {
	border-bottom: none;
}

/* courseのタイトルフォントサイズ */
.l-course__title {
	font-size: 19px;
}

/* h2タイトル中央寄せ */
h2.wp-block-heading.l-head__position {
	left: 50%;
	transform: translateX(-50%);
}

/* 学年のレイアウト */
p.l-old {
    background: #F6B352;
    display: inline-block;
    padding: 5px;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
}

/* 料金のfont */
p.price-list {
    font-weight: 700;
}

/* numberとテキストの幅 */
.wp-block-group.l-course__column {
	gap: .5rem;
}

/* numberのレイアウト */
.wp-block-group.l-course__column p:first-child {
	background: #F6B352;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	flex-shrink: 0;
}

/* button幅を持たせる */
.wp-block-snow-monkey-blocks-section.elementary-school-section1 .wp-block-snow-monkey-blocks-btn.l-right__arrow a.smb-btn.smb-btn--little-wider {
	width: 100%;
}

/* ボタンの配列のレイアウト */
.wp-block-snow-monkey-blocks-section.elementary-school-section1 .wp-block-snow-monkey-blocks-btn.l-right__arrow {
	flex: 1 50%;
}

/* ボタンの配列のレイアウト */
@media screen and (min-width: 640px) {
	.wp-block-snow-monkey-blocks-section.elementary-school-section1 .wp-block-snow-monkey-blocks-btn.l-right__arrow {
		flex: 0 auto;
	}
}

/* columnのレイアウト */
.wp-block-columns.l-column__custom {
	margin-bottom: 5rem;
}

/* borderのカラー */
.wp-block-snow-monkey-blocks-section.kindergarten-section3 table:not(.has-border-color) :where(th, td) {
	border-color: #FC913A;
}

/* theadのレイアウト */
.wp-block-snow-monkey-blocks-section.kindergarten-section3 table thead tr th {
	background: #FC913A;
	border-right-color: #fff !important;
	color: #fff;
}

/* 授業内容の幅 */
.wp-block-snow-monkey-blocks-section.kindergarten-section3 table thead tr th:nth-of-type(3) {
	width: 30.7%;
}

/* theadの一番右のborderのカラー */
.wp-block-snow-monkey-blocks-section.kindergarten-section3 table thead tr th:last-child {
	border-right-color: #FC913A !important;
}

/* スクロール表示の基点 */
.smb-section__body {
	position: relative;
}

/* スクロール表示のレイアウト */
.scroll-hint__content {
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: 120px;
    height: 100px;
    border-radius: 5px;
    transition: opacity .3s;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 20px 10px 10px 10px;
	z-index: 10;
	font-weight: 700;
}

/* スクロールの指のレイアウト */
.scroll-hint__content::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('https://onuma-sk.com/wp-content/uploads/20cb0cae73c78ec2ae2d54bf44c6f47e.png') no-repeat center center / contain;
}

/* スクロールの指のアニメーション */
@keyframes scroll-hint-appear {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	50%, 100% {
		transform: translateX(-40px);
		opacity: 0;
	}
}

/* スクロールの指のアニメーション */
.scroll-hint__content.show::before {
  animation-name: scroll-hint-appear;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: 2;
}

/* スクロールの矢印のアニメーション */
.scroll-hint__content::after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
	transform: translateX(-50%);
	background: url('https://onuma-sk.com/wp-content/uploads/arrow.png') no-repeat center center / contain;
    opacity: 0;
    transition-delay: 2.4s;
}

/* showが付与されたら矢印表示 */
.scroll-hint__content.show::after {
	opacity: 1;
}

/* スクロールできますのレイアウト */
.scroll-hint {
	color: #fff;
	font-size: 10px;
}

/* スクロール表示 */
.scroll-hint__content.show {
  opacity: 1;
}

/* スクロール表示 */
.scroll-hint__content.hide {
  opacity: 0;
}

/* tableの幅 */
@media screen and (max-width: 999px) {
	.wp-block-snow-monkey-blocks-section.kindergarten-section3 table.has-fixed-layout {
		min-width: 1000px;
		max-width: 1280px;
	}
}

/* tableの幅 */
@media screen and (max-width: 781px) {
	.wp-block-snow-monkey-blocks-section.kindergarten-section3 table.has-fixed-layout {
		min-width: 760px;
		max-width: 1280px;
	}
}

/* theadのボーダーなし */
.wp-block-snow-monkey-blocks-section.kindergarten-section3 .wp-block-table thead {
	border-bottom: none;
}

/* 別途費用のフォント */
.separate-fee {
	font-size: 11.2px;
}

/* 別途費用のフォント */
@media screen and (min-width: 481px) {
	.separate-fee {
		font-size: 12.8px;
	}
}

/* 別途費用のフォント */
@media screen and (min-width: 835px) {
	.separate-fee {
		font-size: 16px;
	}
}



/************************************
** toppegabutton
************************************/
/* スマホでも表示 */
@media screen and (max-width: 1023px) {
   .mblt-header-and-footer-mobile-buttons .go-to-top-button {
        display: block;
    }
}

/************************************
** パンくず
************************************/
/* 余白調整 */
.breadcrumb {
	padding-inline: 15px;
	
}

/* 余白調整 */
@media screen and (min-width: 782px) {
.breadcrumb {
	padding-inline: 20px;
	max-width: 1440px;
	margin-inline: auto;
}	
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

.insta {
  background: #f09433; /* フォールバック色 */
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.insta .smb-section__inner {
	max-width:80%;
	margin:50px auto 100px;
}
#sb_instagram {
	padding: 0 20px 20px;
	background-color: #fff;
}
.inst_logo {
	display: block;
	text-align: center;
}
.inst_logo span {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.inst_title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 36px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 900;
}
.inst_title img {
	width: 60px;
}
.inst_title .qr img {
	width: 100px;
}
.inst_title .title {
	margin: 0 30px;
}
@media screen and (max-width: 1023px){
	.inst_logo span {
		font-size: 12px;
	}
	.inst_title {
		font-size: 18px;
	}
	.inst_title .title {
		margin: 0 0 0 10px;
	}
	.inst_title .qr {
		display: none;
	}
}