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

/************************************
** 子テーマ用のスタイルを書く
************************************/

body {
	overflow-x: hidden;
}
i {
	margin-right:8px;
}
ul {
	margin-left:1.2em; !important;
	padding-left:0 !important;
	line-height:2.0;
}

p .bold-red {
	color:#FF8716;
}

.hidden {
	display:none;
}


/* スマホ改行 */

.br-sp,
.br-sp2
{
	display:none;
}
@media screen and (max-width: 834px){
.br-sp {
	display:block;
}
}
@media screen and (max-width: 599px){
.br-sp2 {
	display:block;
}
}

.semi {
	margin-top:-20px;
	margin-bottom:90px !important;
}
.semi2 {
	margin-top:60px;
	margin-bottom:-20px !important;
}

.wp-search a {
	text-decoration:none;
	color:#000;
}
.wp-search p {
	font-size:12px;
	text-align:center;
	margin:-20px 0;
}


@media screen and (max-width: 834px){
.semi {
	margin-top:-40px !important;
	margin-bottom:90px !important;
}
}


/* 画像の角丸 */

.column-2 img {
	border-radius:10px !important;
	margin-top:10px !important;
}
@media screen and (max-width: 834px){
.column-2 img {
	margin-top:0 !important;
}	
}

.column-3 img {
	border-radius:10px !important;
	margin-top:-12px !important;
}

blockquote {
	border-radius:10px !important;
	border:none !important;
}

.caption-box-label {
justify-content: center;
}

.tab-caption-box {
	padding:0 40px;
	margin-top:40px !important;
	margin-bottom:80px !important;
}
.tab-caption-box-content {
	padding:20px;
}
@media screen and (max-width: 834px){
.tab-caption-box {
	padding:0 15px;
}	
	
	
}



/* レイアウト */

.column-2 .column-left {
  padding-right:3%;
}
.column-2 .column-right {
  padding-left:3%;
}
.column-3 .column-left,
.column-3 .column-center,
.column-3 .column-right
{
	width:31% !important;
}

.column-2 figcaption {
		margin-top:10px !important;
}

@media screen and (max-width: 834px){
.column-2,
.column-3 {
	flex-wrap:wrap !important;	
}
.column-2 .column-left,
.column-2 .column-right,	
.column-3 .column-left,
.column-3 .column-center,
.column-3 .column-right	{
	width:100% !important;	
	padding:0;
}
.column-2 .column-right {
	order:1;
}
.column-2 .column-left {
	order:2;
}
.column-2.order .column-left {
	order:1;
}		
.column-2.order .column-right {
	order:2;
}

.column-2 img {
		margin-bottom:50px !important;
}
.column-2 figcaption
{
		margin-top:-40px !important;
	margin-bottom:10px !important;
}
	
.column-2.column-2-4-1-3.order .column-right {
		margin-top:-10px !important;
}
}

.plan-sub {
	margin-top:-20px;
}

@media screen and (max-width: 599px){
.plan-point {
	margin-top:-50px !important;
}
}


/* 見出し */

h1,h2,h3,h4,p.h1,
.article h1, .article h2, .article h3, .article h4 
{
 font-family: 'Kosugi Maru', sans-serif;
	line-height:1.6;
}

.article h1{
	font-size:38px;
	text-align:center;
	background:#71A930;
	color:#fff;
	border-radius:40px;
	padding:12px 20px;
	margin-top:-28px;
	margin-bottom:50px;
}
.home .concept {
	margin-top:-50px;
	font-size:20px;
}

.is-style-good-box {
		border-radius:30px;	
		border:solid 4px #71A930;
}

.home .news a {
	font-size:20px;
	font-weight:bold;
	color:#FF1080;
}

.alert-box {
		border-radius:30px;	
		border:solid 4px #E8AFAB;
	margin-top:-20px;
}
.alert-box a {
	text-decoration:none;
}

.home .article h1{
	margin-top:0 !important;
}

.article h2 {
	font-size:40px;
	text-align:center;
	color:#000;
	margin-bottom:60px;
}
.article h3 {
	font-size:32px;
	margin:50px 0;	
}

.article h3 .wrong {
	font-size:18px;
	letter-spacing:0.05em;
	display:inline-block;
	padding:6px 18px;
	background:#7DA844;
	border-radius:8px;
	color:#fff;
	margin-bottom:18px;
}


.article h4 {
	font-size:28px;
	color:#333 !important;
	border:none !important;
	border-left:10px solid #ccc !important;	
	padding-left:16px !important;
	margin-top:14px !important;	
	margin-bottom:28px !important;
	letter-spacing:0.03em;
}

.digit {
	letter-spacing:1px;
}

@media screen and (max-width: 1200px){
.article h1{
	font-size:34px;
}
.article h2 {
	font-size:32px;
}
.article h3 {
	font-size:27px;
}
}

@media screen and (max-width: 1023px){
.article h1{
	font-size:30px;
}
.article h2 {
	font-size:28px;
}
.article h3 {
	font-size:26px;
}
.article h4 {
	font-size:24px;
	border-left:9px solid #ccc !important;	
	padding-left:14px !important;
}	
}

@media screen and (max-width: 834px){
.article h1{
	margin-top:0;
	margin-bottom:44px !important;
	font-size:24px;
}
.home .article h1{
	margin-top:-0 !important;
}		
.article h2 {
	font-size:29px;
	text-align:center;
	line-height:1.6;
}

.article h3 {
	font-size:28px;
	text-align:center;
}		
}

@media screen and (max-width: 599px){
	
.home .concept {
	margin-top:-50px;
	border-radius:20px;	
	font-size:18px;
}	
.article h1{
	font-size:22px;
	padding:10px 6px;
	border-radius:20px;
	margin:24px 0 50px !important;
}
.page-id-6066 .article h1 {
font-size:21px;
}

	
	
	
.article h2 {
	font-size:25px;
	margin-bottom:50px !important;
	text-align:left !important;
	padding:14px 6px !important;
}
.article h2 br{
	display:none;	
}
.article h2 br.br-sp2 {
	display:block;
}
.article h2.center-sp {
text-align:center !important;
}	
	
	
.article h3 {
	font-size:24px;
}			
.article h4 {
	font-size:20px;
	border-left:6px solid #ccc !important;	
	padding-left:8px !important;
	margin-top:20px !important;	
}		
}

/* ボタンデザイン */
 .btn-contact a {
	display:block;
	position: relative;
	overflow: hidden;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#FF8716;
	border-radius:40px;
	font-size:19px;
	font-family: 'Kosugi Maru', sans-serif;
}
.btn-contact.sp-top,
.btn-contact.sp-top2 {
	display:none;
}

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

.btn-contact.sp-top {
	display:block;
	margin:-10px 0 38px 0;
}
.btn-contact.sp-top2 {
	display:block;
	margin:-28px 0 14px 0;
}
	
h1.contact-h1 {
	margin:-28px 0 12px 0;
}	
}

@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }
    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }
    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}
.btn-contact a::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 1200px){
 .btn-contact a {
	padding:8px 20px;
	font-size:18px;
}
}	
@media screen and (max-width: 834px){
 .btn-contact a {
	padding:8px 20px;
	font-size:16px;
}
}

@media screen and (max-width: 599px){
.header-in .btn-contact a {
	 display:none;
}	
}

/* サイト内リンクのボタン */
p.link-btn a {
	text-decoration:none;
	display:inline-block;
	border-radius:10px;
	padding:4px 18px 4px 10px;
	background:#55A6DC;
	color:#fff;
	font-size:16px;
}

@media screen and (max-width: 834px){
	p.link-btn a {
		display:inline-block;
		margin:0 auto;
	}
}

/* CTA */
.entry {
	width:74%;
	margin:60px auto;
	background:#FEF7ED;
	padding:24px;
	border-radius:10px;
}
.entry .title {
	font-size:28px;
	text-align:center;
	 font-family: 'Kosugi Maru', sans-serif;
	line-height:1.6;
	margin-bottom:24px;
}
.entry .small {
	font-size:14px;
}

@media screen and (max-width: 1023px){
.entry {
	width:85%;
}		
}

@media screen and (max-width: 599px){
.entry {
	width:100%;
	padding:24px 14px;
	margin-top:40px;
}
.entry .title {
	font-size:22px;
}	
}

/* ヘッダー */

/* ロゴとボタンの横並び */
.header-in {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
	padding:10px 30px 0;
	margin-bottom:-10px;
}
.logo-image img {
	width:230px;
	height:auto;
	display:block;
}
.btn-contact {
margin-left:auto;
	margin-top:15px;
}

@media screen and (max-width: 1200px){
.logo-image img {
	width:200px;
	height:auto;
}
}

@media screen and (max-width: 599px){
.header-in {
  flex-direction: column;
}
.logo-image img {
margin-bottom:-24px;	
}	
}

/* ヘッダーメニュー */

#header-container .hlt-center-logo #navi li {
 border-right:dotted 2px #ffffff;
 font-family: 'Kosugi Maru', sans-serif;
}
#header-container .hlt-center-logo #navi li:last-child,
#header-container .hlt-center-logo #navi .sub-menu li {
  border-right:none;
}
#header-container .hlt-center-logo #navi li a {
 font-size:19px;
 padding-left:20px;
 padding-right:20px;
}
#header-container .hlt-center-logo #navi .sub-menu li a
 {
 font-size:16px;
 padding-left:18px;
 padding-right:18px;
}

@media screen and (max-width: 1200px){
#header-container .hlt-center-logo #navi li a {
 font-size:16px;
 padding-left:14px;
 padding-right:14px;
}
#header-container .hlt-center-logo #navi .sub-menu li a
 {
 font-size:15px;
 padding-left:12px;
 padding-right:12px;
}
}

@media screen and (max-width: 1023px){
#header-container .hlt-center-logo #navi {
display:none;
}
}

/* ヘッダータイトル */
h1.entry-title {
	display:none;
}

.header-bg {
	width:calc(100% - 20px);
	margin:0 auto;
	height:480px;
	background-image:url("https://manabukoto.jp/new/wp-content/uploads/2023/06/header.jpg");
	background-color: rgba(0,0,0,0.2);
	background-blend-mode: darken;
	background-size:cover;
	background-position:center center;
	border-radius: 0 0 40px 40px;
	display:grid;
    place-items:center center;

}
@media screen and (max-width: 1200px){
.header-bg {
	height:400px;
}
}

@media screen and (max-width: 1023px){
.header-bg {
	margin:23px auto 0;
	border-radius: 40px;
	height:333px;
}	
}

@media screen and (max-width: 599px){
.header-bg {
	width:calc(100% - 12px);
	margin:16px auto 0;
	height:200px;
	border-radius: 24px;
}
}
	
.header-bg p {
	font-size:38px;
	color:#fff;
	 font-family: 'Kosugi Maru', sans-serif !important;
	text-align:center;
}
@media screen and (max-width: 834px){
.header-bg p {
	font-size:30px;
}
.page-id-6066 .header-bg p {
	font-size:28px;
}
	
}	

.page-id-43 .header-bg {
	background-image:url("https://manabukoto.jp/new/wp-content/uploads/2022/03/produce-s.jpg");	
}
.page-id-47 .header-bg {
	background-image:url("https://manabukoto.jp/new/wp-content/uploads/2022/03/lesson-s.jpg");	
}
.page-id-4911 .header-bg {
	background-image:url("https://manabukoto.jp/new/wp-content/uploads/2022/03/subscription-s.jpg");	
}
.page-id-6066 .header-bg {
	background-image:url("https://manabukoto.jp/new/wp-content/uploads/2025/06/students.jpg");	
}


/* ブログ */
.single .header-bg,
.category .header-bg
{
	display:none;
}

.article h2.blog {
	margin-top:-20px !important;
}

.single h1.entry-title {
	display:block;
	text-align:left !important;
	background:none !important;
	padding:0 !important;
	color:#333 !important;
	margin-bottom:24px !important;
}
.single .article h2 {
	margin-top:50px !important;
}

.widget-sidebar {
	margin-top:-20px !important;
}
h1.archive-title {
	margin-top:-14px !important;
}
.category .entry-card-meta {
	display:none;
}
.entry-categories-tags.ctdt-one-row {
	display:none;
}



.article-footer {
	margin-top:40px !important;
}



/* フッター */

footer {
	margin-top:-20px !important;
	margin-bottom:30px !important;	
	background:#fff !important;
}

@media screen and (max-width: 1023px){
footer {
	margin-top:-80px !important;
}	
}

@media screen and (max-width: 834px){
footer {
	margin-top:-20px !important;
}	
	
}

.navi-footer li.menu-item a {
	background:none !important;
	color:#333 !important;
}
.footer-bottom-logo img {
	width:170px;
	height:auto;
}
.footer-bottom-logo img {
	margin:-190px auto 10px !important;
	display:block;
}


@media screen and (max-width: 1023px){
.footer-bottom-logo img {	
	margin-top:0 !important;
	margin-bottom:10px !important;	
}
}
@media screen and (max-width: 834px){
.footer-bottom-logo img {	
	margin-top:-40px !important;
	margin-bottom:10px !important;	
}
}


@media screen and (max-width: 599px){
.footer-bottom-logo img {	
	margin-top:-40px !important;
	margin-bottom:20px !important;	
}
}

.copyright {
	color:#333;
}

.mobile-footer-menu-buttons.mobile-menu-buttons
{
	background:#71A930 !important;
}
.mobile-footer-menu-buttons li.menu-button:nth-child(2),
.mobile-footer-menu-buttons li.menu-button:nth-child(2):hover
{
	background:#FF8716;
}

.mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption {
	font-size:13px;
}

@media screen and (max-width: 599px){
.navi-footer-in li {
	width:100% !important;
}
}


/* スライダー */

.metaslider,
.slides {
overflow: hidden;
}
.metaslider {
	border-left:solid 10px #ffffff; 
	border-right:solid 10px #ffffff; 
	border-bottom:solid 10px #ffffff; 	
	border-radius:0 0 40px 40px;
}
.metaslider p.title {
	font-size:48px;
	padding-bottom:6px;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.2em;
}
.metaslider p.achieve {
	font-size:24px;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.2em;	
	letter-spacing:0.03em;
}

/* スライダー上に画像を配置 */
#metaslider_container_91{
	position:relative;
}
#metaslider_container_91 .cm img {
	position:absolute;
	z-index:9999;
	top:30px;
	left:30px;
	width:200px;
	height:auto;
}
.rotate {
  animation: rotation 30s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg);
  }
}
	
#metaslider-id-2964 {
		display:none;
}

@media screen and (max-width: 1200px){
.metaslider p.title {
	font-size:44px;
}
.metaslider p.achieve {
	font-size:22px;
}	
#metaslider_container_91 .cm img {
	top:20px;
	left:20px;
	width:170px;
	height:auto;
}	
}

@media screen and (max-width: 1023px){
.metaslider {
	margin-top:24px;
	border-radius:40px;
}	
.metaslider p.title {
	font-size:34px;
}
.metaslider p.achieve {
	font-size:20px;
}	
#metaslider_container_91 .cm img {
	top:10px;
	left:10px;
	width:145px;
	height:auto;
}	
}
	
@media screen and (max-width: 834px){
.metaslider {
	margin-top:24px;
	margin-bottom:28px;
}
.metaslider p.title {
	font-size:26px;
	padding-bottom:4px;
}
.metaslider p.achieve {
	font-size:16px;
}	
#metaslider_container_91 .cm img {
display:none;
}
}

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

.metaslider {
	margin-top:16px;
	border-left:solid 6px #ffffff; 
	border-right:solid 6px #ffffff; 
	border-bottom:solid 0 #ffffff; 	
	border-radius:24px;
}	
	
#metaslider-id-91 {
		display:none;
}
#metaslider-id-2964 {
		display:block;
}

.metaslider p.title {
	font-size:24px;
	padding-bottom:2px;
}

.cm img {
display:none;
}	
	
}


/* ラベル */

.column-2 .column-left.manabukoto-label-left {
	padding-right:1%;
} 
.column-2 .column-right.manabukoto-label-right {
	padding-left:1%;
} 

.manabukoto-label {
	width:85%;
	margin:40px auto 50px !important;
}
.manabukoto-label p {
  text-align:center;
	margin-bottom:20px;
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
	font-family: 'Kosugi Maru', sans-serif;
}
.manabukoto-label p i  {
 font-size:54px;
 color:#e6b422;
}

@media screen and (max-width: 1023px){
.manabukoto-label {
	width:96%;
}	
.manabukoto-label p {
	font-size:20px;
}
}

@media screen and (max-width: 834px){
.column-2 .column-left.manabukoto-label-left {
	padding-left:0;
	padding-right:0;
} 
.column-2 .column-right.manabukoto-label-right {
	padding-left:0;
	padding-right:0;
} 
.manabukoto-label-left .column-left,
.manabukoto-label-left .column-right,	
.manabukoto-label-right .column-left,
.manabukoto-label-right .column-right {
		margin-bottom:30px !important;
}
.manabukoto-label p {
	font-size:22px;
	letter-spacing:0.1em;
}	
.manabukoto-label {
	margin-bottom:20px !important;
}
}

@media screen and (max-width: 599px){
	
.manabukoto-label-right {
		margin-top:-30px !important;
}	
	
.manabukoto-label p {
	font-size:20px;
	letter-spacing:0.1em;
}
.manabukoto-label p i  {
 font-size:50px;
}

}

/* “生徒募集ホームページ”とは？ */

#metaslider-id-906.metaslider {
	border:none; 
	border-radius:0;
	margin-top:-14px;
}
#metaslider_container_906 .cm img { 
	display:none;
}

@media screen and (max-width: 834px){
#metaslider-id-906 {
	margin-bottom:-20px;
}	
}

@media screen and (max-width: 599px){
#metaslider-id-906 {
	padding-top:44px;
	margin-bottom:20px;
}	
}

	
/* 普通のホームページとの違い */

/* 比較表 */
table th,
table td {
  border: 1px solid #ccc !important;
  padding: 6px;
}
.pc_table,
.sp_table{
	border-bottom:0 !important;
}
.pc_table table {
  width: 90%;
	margin:30px auto 0 !important;
}

.sp_table table {
	margin:30px auto 0 !important;
		background:#000;
}

.pc_table table i {
font-size:40px;
	vertical-align: middle;
	line-height:1.2;
}
.sp_table table i {
font-size:30px;
	vertical-align: middle;
	line-height:1.2;
}
.pc_table table tr td
{
  padding: 14px 12px;
  font-size: 18px;
	font-weight:bold;
}
.sp_table table tr td
{
  padding: 20px;
  font-size: 18px;
	font-weight:bold;
}
.pc_table table tr th {
  padding: 10px 12px;
  font-size: 22px;
	font-weight:bold;
}
.pc_table table tr td .text,
.sp_table table tr td .text
{
font-size:14px;
		font-weight:normal;
}
.sp_table table tr td .normal i{
  color:#72C7CF;
}
.sp_table table tr td .manabukoto i{
  color:#F5A336;
}
.sp_table table tr td .normal {
	margin-bottom:20px;
}
.sp_table table tr td .normal p,
.sp_table table tr td .manabukoto p
{
	font-size:12px;
	display:block;
	padding:2px;
	text-align:center;
	border-radius:10px;
	color:#fff;
	width:50%;
	margin:0 auto 12px;
}
.sp_table table tr td .normal p{
	background:#aaa;
}
.sp_table table tr td .manabukoto p{
	background:#FF8716;
}

/* 1列目のスタイル */
.pc_table table tr td:nth-of-type(1){
  background: #f5f6f7;
	width:30%;
	font-size:18px;
}
/* 2列目のスタイル */
.pc_table table tr td:nth-of-type(2){
	  background: #ffffff;
		width:35%;
}
.pc_table table tr td:nth-of-type(2) i{
  color:#72C7CF;
}
/* 3列目のスタイル */
.pc_table table tr td:nth-of-type(3){
	  background: #FFF7EC;
	border-left:solid 5px #EF8D3A !important;
		border-right:solid 5px #EF8D3A !important;
			width:35%;
}
.pc_table table tr td:nth-of-type(3) i{
  color:#F5A336;
}
.pc_table table tr th:nth-of-type(3){
border-top:solid 5px #EF8D3A !important;
border-left:solid 5px #EF8D3A !important;	
	border-right:solid 5px #EF8D3A !important;
	background:#EF8D3A;
	color:#ffffff;
}
.pc_table table tr:last-child td:last-child{
border-bottom:solid 5px #EF8D3A !important;
}
.pc_table table tr th:first-child{
border-top:solid 1px #ffffff !important;
border-left:solid 1px #ffffff !important;	
	background:#ffffff;
	color:#ffffff;
}
 .sp_table {
	 display:none !important;
}

@media screen and (max-width: 1200px){
/* 1列目のスタイル */
.pc_table table tr td:nth-of-type(1){
	width:26%;
}
/* 2列目のスタイル */
.pc_table table tr td:nth-of-type(2){
		width:37%;
}
/* 3列目のスタイル */
.pc_table table tr td:nth-of-type(3){
		width:37%;
}
}
@media screen and (max-width: 1023px){
.pc_table table i {
font-size:40px;
	display:block;
	margin:0 auto 12px;
}
.pc_table table tr td:nth-of-type(2),
.pc_table table tr td:nth-of-type(3){	
	vertical-align:top;
}	
}

/*834px以下*/
@media screen and (max-width: 834px){
 .pc_table {display:none !important;}
 .sp_table {display:block !important;}
}


/* メッセージ */

@media screen and (max-width: 1023px){
.micro-balloon-content.micro-content {
	font-size:12px;
}
.micro-balloon-icon.micro-icon.fab-graduation-cap {
	display:none;
}
@media screen and (max-width: 599px){
.micro-balloon-icon.micro-icon.fab-graduation-cap {
	display:inline-block;
}
.micro-balloon-content.micro-content {
	font-size:14px;
}
}	
	
.wp-block-cocoon-blocks-micro-balloon-2 {
	margin-bottom:30px !important;
}
}

@media screen and (max-width: 834px){
	.wp-block-cocoon-blocks-micro-balloon-2 {
		margin-top:-40px !important;
}
}

.message .column-left img {
	width:340px;
	height:auto;
	margin:0 auto;
}
@media screen and (max-width: 834px){
	.message.order img {
		margin:-10px auto 60px !important;
	}	
}
@media screen and (max-width: 599px){
.message .column-left img {
	width:260px;
	height:auto;
	margin:0 auto;
}
}	
	
/* マナブコトで“作成すべき理由 */

.column-2-2-1-1.reason {
	padding-bottom:50px;
}
.column-2-2-1-1.reason.last {
	padding-bottom:0;
}

@media screen and (max-width: 834px){
.column-2-2-1-1.reason img {
	margin-top:60px !important;
}	
.column-2-2-1-1.reason figcaption {
		margin-bottom:-20px !important;		
}
}

.wp-block-cocoon-blocks-blank-box-1.has-watery-yellow-background-color.has-orange-border-color {
	border:solid 3px #EF8D3A;
	background:#FFF7EC;
	border-radius:10px;
}
.wp-block-cocoon-blocks-blank-box-1 ol {
	margin-left:-16px;
}
	
.block-box.point-list {
	border:none;
	border-radius:0;
	border-left:#ccc 9px solid;
	padding:2px 10px;
}

@media screen and (max-width: 834px){
.wp-block-cocoon-blocks-blank-box-1 ol {
	margin-left:0;
}	
}


/* ３つのプラン */

p.plan-list {
 font-weight:bold;
	font-size:20px;
	line-height:2.0;
	letter-spacing:0.05em;
}
p.plan-list i {
  color:#F5A336;
}

.column-3 .plan-text
{
display: flex;
  flex-direction: column;
}

.column-3 .plan-text p {
	margin-bottom:0;
}



.link-btn.sp-only {
	display:none;
}


@media screen and (max-width: 1200px){
p.plan-list {
 font-weight:bold;
	font-size:18px;
	letter-spacing:0;
	line-height:2.0;
}
}


@media screen and (max-width: 1023px){
	
.column-3 h3 {
	font-size:22px;	
}
p.plan-list {
	font-size:16px;
	letter-spacing:-0.02em;
}
p.plan-list i {
	font-size:14px;	
	margin-left:-14px;
	margin-right:4px;
}	
.column-3 p {
	font-size:16px;		
}		
	
}

@media screen and (max-width: 834px){
.column-3 h3 {
	font-size:28px;	
}
.column-3 img {
	margin:0 auto;
}
	
p.plan-list {
	font-size:20px;
	letter-spacing:0.05em;
	margin-bottom:28px;
}
p.plan-list i {
	font-size:20px;	
	margin-left:0;
	margin-right:6px;
}		
.column-3 p {
	font-size:18px;		
}		
.column-3 .column-left,
.column-3 .column-center {
		padding-bottom:70px;
}
.column-3 .column-right {
		padding-bottom:10px;
}	

.link-btn.sp-only {
	display:block;
	margin-top:30px;
}
	
p.link-btn.sp-only a {
	padding:4px 18px 4px 10px;
	font-size:18px;
	width:300px;
}	
	
.pc-btn	{
	display:none;
}
}

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

h3.plan-name {
	font-size:27px;	
}	
	
	
p.plan-list {
	font-size:21px;
	letter-spacing:0.02em;
	margin-bottom:28px;
}
p.plan-list i {
	font-size:21px;	
	letter-spacing:0.02em;
	margin-left:0;
	margin-right:6px;
}	
}
	
/* お客様の声 */
.voice {
	padding:40px 60px;
	border:6px solid #eee;
	border-radius:20px;
	margin: 0 auto;
	position:relative;
}
.voice h3 {
	margin-top:0;
	margin-bottom:24px;
}

.wp-block-table.client table tbody {
		background:none;
	border:none;
		font-size:20px;
}

.wp-block-table.client table tr
{
	background:none;
}
.wp-block-table.client table td {
	border:none !important;
	padding:0 20px 0 0;
}
.wp-block-table.client table img {
	border-radius:50%;
	box-shadow: 4px 4px #bbb;
}
.wp-block-table.client table a {
	text-decoration:none;
	font-size:26px;
	 font-family: 'Kosugi Maru', sans-serif;
	color:#FF8716;
}

p.plan-produce {
	background:#7DA744;
	color:#fff;
	font-size:14px;
	display:inline-block;
	border-radius:10px;
	padding:1px 12px;
	position:absolute;
	top:-16px;
	left:24px;
}

p.name {
	margin-top:-34px !important;
	margin-bottom:14px !important;
}

@media screen and (max-width: 834px){
	.voice {
	padding:40px;
}
.voice h3 {
	text-align:left;
}
}
@media screen and (max-width: 599px){
	.voice {
	padding:14px;
}
.voice h3 {
	margin-top:20px;
	text-align:left;
}
.wp-block-table.client table img {
	width:50px !important;
	height:auto;
}	
	
.wp-block-table.client table td {
	padding:0 14px 0 0;
}	

.wp-block-table.client table tr td:nth-of-type(1)	{
		width:60px !important;
}
.wp-block-table.client table tr td:nth-of-type(2)	{
		
}
.wp-block-table.client table a {
	font-size:19px;
}
	
p.plan-produce {
	left:12px;
}	
}	

@media screen and (max-width: 599px){
.bold .fz-22px .small {
	font-size:19px;
}
	
.offer img {
	margin-bottom:0 !important;
}	
	
	
}


/* メールフォーム */

.wpcf7 .name {
	margin-top:-18px;
}


.wpcf7 .name:after {
content: "";
	display: block;
	clear: both;	
}

.wpcf7 input[name="lastname"],
.wpcf7 input[name="firstname"]
 {
     width: 30%;
	 display:block;
	 float:left;
	 margin-bottom:37px;
	 margin-right:10px;
}	

.about_plan {
	margin-bottom:40px;
	text-align:left;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea
{
	font-weight:normal;
	color:#333333;
}

#wpcf7-f6709-o1 input{
	text-align: center;
}

@media screen and (max-width: 599px){
.more-info {
	margin-top:-40px !important;
}
}

.lesson-list {
	margin-left:12px !important;
}
@media screen and (max-width: 834px){
.lesson-list {
	margin-left:0 !important;
}	
}
@media screen and (max-width: 599px){
.lesson-list {
	padding-top:20px !important;
}	
}

.page-id-5505 .sidebar-scroll p {
	font-size:14px;
	margin-top:4px;
}
.page-id-5505 input[type=submit] {
	margin-top:10px;
}

.page-id-5505 h4:not(:first-child){
	margin-top:50px !important;
}

.page-id-5505 h5 {
	color:#333 !important;
}

#custom_html-3 img {
	display:block;
	margin-bottom:10px;
}
#custom_html-3 a {
	text-decoration:none !important;
		color:#000;
	font-weight:bold;
}

.page-id-6066 .eye-catch-wrap {
	display:none;
}


/* 以下はmetasliderのCSSをコピーしています（アップデート対策）*/　	
	
.ms-bubble{
    opacity:0;padding-bottom:40px;
    -webkit-transition:opacity .3s;transition:opacity .3s
}
.ms-bubble.ms-loaded{opacity:1}
.metaslider.ms-theme-bubble *,.metaslider.ms-theme-bubble *::before,.metaslider.ms-theme-bubble *::after{
    -webkit-box-sizing:border-box;box-sizing:border-box
}
.metaslider.ms-theme-bubble .flexslider{margin-bottom:0}
.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs),.metaslider.ms-theme-bubble ul.rslides_tabs,.metaslider.ms-theme-bubble div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled){
    background:transparent;bottom:30px;
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:center;
    line-height:1.2;
    margin:0;padding:0 !important;
    position:absolute;
    -webkit-transition:top .2s;transition:top .2s;
    z-index:8
}
.ms-is-small.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs),.ms-is-small.metaslider.ms-theme-bubble ul.rslides_tabs,.ms-is-small.metaslider.ms-theme-bubble div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled){
    bottom:20px;left:0;right:0;width:100%
}
.metaslider.ms-theme-bubble .coin-slider .cs-buttons{
    background:transparent;bottom:60px;
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:center;
    justify-content:center;
    left:auto !important;
    line-height:15px;
    margin:0;
    margin-left:0 !important;
    padding:0 !important;
    position:absolute;
    -webkit-transition:top .2s;transition:top .2s;
    width:100%;z-index:8
}
.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a,.metaslider.ms-theme-bubble ul.rslides_tabs li a,.metaslider.ms-theme-bubble div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a{
    align-items:center;
    background:rgba(255,255,255,.95);
    border:4px solid rgba(255,255,255,.95);
    border-radius:31px;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:rgba(74,74,74,.80);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    -ms-flex-pack:center;
    font-size:14px;
    height:31px;
    justify-content:center;
    margin:0 5px;
    padding:0;
    text-decoration:none;
    text-indent:0;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    width:31px;
}
@media screen and (max-width: 599px){
.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a,.metaslider.ms-theme-bubble ul.rslides_tabs li a,.metaslider.ms-theme-bubble div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a{
    width:22px !important;
    height:22px !important;	
    font-size:12px !important;	
	margin:0 2px !important;
	}
}



.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li:last-child a,.metaslider.ms-theme-bubble ul.rslides_tabs li:last-child a,.metaslider.ms-theme-bubble div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a:last-child,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a:last-child{
    margin-right:0
}
.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav li a.flex-active,.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover,.metaslider.ms-theme-bubble ul.rslides_tabs li.rslides_here a,.metaslider.ms-theme-bubble ul.rslides_tabs li a:hover,.metaslider.ms-theme-bubble div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active,.metaslider.ms-theme-bubble .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a.cs-active,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a:hover{
    background:transparent;
    color:rgba(255,255,255,.95)
}
.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav li a.flex-active::after,.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover::after,.metaslider.ms-theme-bubble ul.rslides_tabs li.rslides_here a::after,.metaslider.ms-theme-bubble ul.rslides_tabs li a:hover::after,.metaslider.ms-theme-bubble div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active::after,.metaslider.ms-theme-bubble .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover::after,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a.cs-active::after,.metaslider.ms-theme-bubble .coin-slider .cs-buttons a:hover::after{
    opacity:1
}

/* ナビゲーション */
.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a,.metaslider.ms-theme-bubble a.rslides_nav,.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a,.metaslider.ms-theme-bubble .coin-slider .coin-slider div a{
    background:0;
    background:rgba(255,255,255,0.9);
    border-radius:50%;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:black;
    height:70px;
    margin-top:0;
    opacity:0;
    overflow:hidden;top:50%;
    -webkit-transform:translateY(-50%);
    ransform:translateY(-50%);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    width:70px
}
.ms-is-small.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a,.ms-is-small.metaslider.ms-theme-bubble a.rslides_nav,.ms-is-small.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a,.ms-is-small.metaslider.ms-theme-bubble .coin-slider .coin-slider div a{
    height:40px;
    width:40px;
}
.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a::before,.metaslider.ms-theme-bubble a.rslides_nav::before,.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a::before,.metaslider.ms-theme-bubble .coin-slider .coin-slider div a::before{
    background-size:100%;
    content:'' !important;
    display:block;
    height:23px;
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:23px
}
.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a.flex-prev,.metaslider.ms-theme-bubble .rslides_nav.prev,.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a.nivo-prevNav,.metaslider.ms-theme-bubble .coin-slider .coin-slider div a.cs-prev{
    left:2% !important
}
.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a.flex-prev:before,.metaslider.ms-theme-bubble .rslides_nav.prev:before,.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a.nivo-prevNav:before,.metaslider.ms-theme-bubble .coin-slider .coin-slider div a.cs-prev:before{
    background:url("images/arrow-left.png") no-repeat center center
}
.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a.flex-next,.metaslider.ms-theme-bubble .rslides_nav.next,.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a.nivo-nextNav,.metaslider.ms-theme-bubble .coin-slider .coin-slider div a.cs-next{
    right:2% !important
}
.metaslider.ms-theme-bubble .flexslider ul.flex-direction-nav li a.flex-next:before,.metaslider.ms-theme-bubble .rslides_nav.next:before,.metaslider.ms-theme-bubble div.nivoSlider div.nivo-directionNav a.nivo-nextNav:before,.metaslider.ms-theme-bubble .coin-slider .coin-slider div a.cs-next:before
{
    background:url("images/arrow-right.png") no-repeat center center
}
.metaslider.ms-theme-bubble .flexslider:hover ul.flex-direction-nav li a,.metaslider.ms-theme-bubble .flexslider:focus-within ul.flex-direction-nav li a,.metaslider.ms-theme-bubble:hover a.rslides_nav,.metaslider.ms-theme-bubble div.nivoSlider:hover div.nivo-directionNav a,.metaslider.ms-theme-bubble .coin-slider:hover .coin-slider div a{
    opacity:1 !important
}
.metaslider.ms-theme-bubble .flexslider:hover ul.flex-direction-nav li a:hover,.metaslider.ms-theme-bubble .flexslider:focus-within ul.flex-direction-nav li a:hover,.metaslider.ms-theme-bubble:hover a.rslides_nav:hover,.metaslider.ms-theme-bubble div.nivoSlider:hover div.nivo-directionNav a:hover,.metaslider.ms-theme-bubble .coin-slider:hover .coin-slider div a:hover
{
    color:black;opacity:1 !important
}
.metaslider.ms-theme-bubble .coin-slider .coin-slider div{
    display:block !important
}

/* 下部の影 145px→ 90pxに変更 */
.metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap,.metaslider.ms-theme-bubble .rslides .caption-wrap,.metaslider.ms-theme-bubble div.nivoSlider .nivo-caption{
    background:rgba(0,0,0,0.8);
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    bottom:0;
    color:inherit;
    color:#fff;
    height:80px;
    margin:0;
    padding:0;
    -webkit-transition:.5s all;transition:.5s all; */
    width:100%
}

.metaslider.ms-theme-bubble div.nivoSlider .nivo-caption{
    -webkit-transform:translateY(0);transform:translateY(0)
}
.metaslider.ms-theme-bubble .cs-title{
    margin:10px;
    padding:20px;
    width:calc(100% - 20px);
}
.metaslider.ms-theme-bubble .flexslider ul.slides .flex-active-slide .caption-wrap,.metaslider.ms-theme-bubble .rslides li[class*=rslides] .caption-wrap{
    -webkit-transform:translateY(0);
    transform:translateY(0);
}

/* 共通のCSSからコピー */
.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 1 !important;
    width: 100%;
}

/* スライド上の文字 */
.metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-bubble .rslides .caption-wrap .caption,.metaslider.ms-theme-bubble .nivoSlider .nivo-caption{
    color:#fff;
    font-size:1rem;
    text-align:center;
    line-height:1.6;
    letter-spacing: 0.1em;
    position:absolute;
    left:50%;
    bottom:90px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:55%;
    background: rgba(230,180,34,0.9);
    padding:7px 10px 15px !important;
    border:double 10px #fff;
    border-radius:20px;
}
@media screen and (max-width: 1200px){
    .metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-bubble .rslides .caption-wrap .caption,.metaslider.ms-theme-bubble .nivoSlider .nivo-caption {
        width:60% !important;	
    }
}
@media screen and (max-width: 1024px){
    .metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-bubble .rslides .caption-wrap .caption,.metaslider.ms-theme-bubble .nivoSlider .nivo-caption {
        width:60% !important;	
    }
}
@media screen and (max-width: 834px){
    .metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-bubble .rslides .caption-wrap .caption,.metaslider.ms-theme-bubble .nivoSlider .nivo-caption {
		padding:4px  !important;
    }
}
@media screen and (max-width: 599px){
    .metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-bubble .rslides .caption-wrap .caption,.metaslider.ms-theme-bubble .nivoSlider .nivo-caption {
    bottom:90px !important;
	width:94% !important;
    padding:4px 4px 8px !important;
	border:double 6px #fff;		

}
}
.ms-is-small.metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption,.ms-is-small.metaslider.ms-theme-bubble .rslides .caption-wrap .caption,.ms-is-small.metaslider.ms-theme-bubble .nivoSlider .nivo-caption{
    bottom:90px;
	width:94% !important;
    padding:4px 4px 8px !important;
	border:double 6px #fff;
}



.metaslider.ms-theme-bubble .nivoSlider .nivo-caption{
    bottom:0;
    font-size:1rem;
    padding-top:25px
}
.ms-is-small.metaslider.ms-theme-bubble .nivoSlider .nivo-caption{
    bottom:0;
    padding-top:45px
}

.metaslider.ms-theme-bubble .filmstrip{
    border-radius:0;
    margin-top:10px;
    position:absolute;
    width:100%;
    z-index:4
}
.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a::after{
    width:10px
}
.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-prev,.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-next{
    height:60px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:60px
}
.ms-is-small.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-prev,.ms-is-small.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-next{
    height:40px;
    width:40px
}
.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-prev{
    left:10px
}
.ms-is-small.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-prev{
    left:10px
}
.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-next{
    right:10px
}
.ms-is-small.metaslider.ms-theme-bubble .filmstrip ul.flex-direction-nav li a.flex-next{
    right:10px
}
.metaslider.ms-theme-bubble.has-filmstrip .flexslider:not(.filmstrip) ul.flex-direction-nav{
    width:90px
}
.metaslider.ms-theme-bubble.has-filmstrip .flexslider ul.slides .caption-wrap{
    margin-right:110px
}
.metaslider.ms-theme-bubble .slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a:hover,.metaslider.ms-theme-bubble .slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a.active{
    border:0 none
}