/*!
Theme Name: misuzu
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: misuzu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

misuzu is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    color: #333 !important;
    font-weight: 500 !important;
}
body.page {
    background-color: #ccc;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
    color: #333;
}

a:active,
a:hover,
a:focus,
*:focus {
	outline: none;
}
a img{
	outline: none;
}
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 25px;
	margin: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
    -webkit-backface-visibility: hidden;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


@media only screen and (max-width: 420px) {
    h2 {
    font-size: 20px;
}
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
input,
select,
textarea {
	color: #222 !important;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0;
    font-style:normal;
    text-decoration: none !important;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
    /*overflow-x: hidden !important;*/
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
    padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}
dl {
    margin: 0;
}
dt {
	font-weight: bold;
}

dd {
	margin: 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

li {
    list-style-type: none;
}
p {
    font-size: 15px;
}
/*--------------------------------------------------------------
# 基本
--------------------------------------------------------------*/

main{
    overflow-x: hidden;
}

.inner{
    max-width: 1280px;
    margin: 0 auto !important;
    padding: 0 ;
}

.inner_l{
    max-width: 1400px;
    margin: 0 auto !important;
}
.inner_m{
    max-width: 950px;
    margin: 0 auto !important;
}
.inner_s{
    max-width: 860px;
    margin: 0 auto;
}
.inner_xs{
    max-width: 700px;
    margin: 0 auto !important;
}
.impact {
    font-family: 'impact' , 'arial black' ,sans-serif;
}
.anton {
    font-family: 'Anton', sans-serif;
}
.br_span {
    display: block;
}
.pc_show {
    display: block;
}
.sp_show {
    display: none;
}
.main_column {
    float: right;
    width: 78%;
    padding-left: 50px;
}
aside {
    float: left;
    width: 22%;
}
.anchor_basic {
    position: relative;
    top: -50px;
    display: inline-block;
    height: 0;
}
footer .inner{
    padding: 0px 0px;
}
.yugothic{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/*
@font-face {
    font-family:"MyFont";
    src: url("/wp-content/themes/misuzu/images/font/Yellowtail.woff") format("woff");
}
*/

@media only screen and (min-width: 2000px) {

}
@media only screen and (max-width: 1024px) {
    .pc_show {
        display: none;
    }
    .sp_show {
        display: block;
    }
    .inner{
        padding: 0 15px;
    }

    nav.sp {
        display: block;
    }

}
@media only screen and (max-width: 758px) {
    .inner{
        padding: 0 10px;
    }
    .inner_xs{
        padding: 0 10px;
    }
    .inner_s{
        padding: 0 10px;
    }
    .br_span {
        display: inline;
    }
    .br_none {
        display: none;
    }
    .main_column {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-top: 45px;
    }
    aside {
        float: none;
        width: 100%;
        margin-top: 70px;
    }
    .anchor_basic {
        top: -15px;
    }
}

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

フッター

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

.foot_area_outer1{
    background-color:#7E8DA7;
    clear:both;
    padding: 30px 0 20px;
    display:flow-root;
}

.foot_area_outer1 h4{
    text-align:center;
    margin:20px 0;
    color:#fff;
    font-size:20px;
}

.foot_content1{
    max-width: 1000px;
    margin:0 auto;
    padding:10px 0 10px;
    text-align:center;
    /*display: flex;*/
}

.foot_area_outer1 dl{
    padding:10px;
    margin:0 0;
    color:#fff;
}

.foot_area_outer1 dt{
    background-color:#3C628D;
    margin: 0 0 15px;
    padding:7px;
    font-size: 18px;
}

.foot_area_outer1 dd{
    font-size:18px;
    line-height: 2.0;
}

.foot_area_outer1 dd a{
    color:#fff;
}

.foot_area_outer2{
    background-color:#00489A;
    clear:both;
    padding: 20px 0 20px;
}

.foot_content2{
    max-width: 1000px;
    margin:0 auto;
    padding:0;
    text-align:center;
}

.foot_content2 ul{
    margin:0 0 30px;
}

.foot_content2 li{
    display: inline-block;
    padding:0 20px;
}

.foot_content2 li a{
    color: #fff;
}

.foot_content2 p{
    color: #fff;
    text-align:left;
    font-size: 12px;
    line-height: 1.8;
    padding: 10px 10px 0;
    margin-bottom:0;
}

.foot_logo img{
    width:40%;
}

.foot_area_outer3{
    background-color:#62666D;
    color:#fff;
    padding:10px 0;
    clear:both;
    display:block;
}

.foot_area_outer3 p{
    text-align:center;
    padding:0;
    margin: 0;
    font-size: 13px;
}


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

}
@media only screen and (max-width: 1024px) {

}

@media only screen and (min-width: 758px) {
    .sp_width2{
        display:none;
    }
}

@media only screen and (max-width: 758px) {
    footer{
        margin-bottom:100px;
    }
    .foot_area_outer1 h4{
        margin:10px 0;
    }
    .sp_width{
        width: 49%;
        margin: 10px 0;
    }
    .sp_width2{
        width: 49%;
        margin: 10px 0;
    }
    .foot_logo img{
        width:60%;
    }
    .foot_content2 p{
        padding:20px 10px 0;
    }
    .foot_area_outer3{

    }
}

@media only screen and (max-width: 450px) {
}
/* -------------------------------- 

スティッキーフッター

-------------------------------- */
    .footer_fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        background-color: #00D8FF;
    }

    .footer_fixed_inner {
        max-width: 1180px;
        margin: 0 auto;
        text-align:center;
    }
    .footer_fixed ul{
        display: table;
        width: 100%;
        margin: 0;

    }
    .footer_fixed li { 
        display: table-cell;
        /*height: 42px;*/
        vertical-align: middle;
        border-right: 1px dotted #fff;
    }
    .footer_fixed li a{ 
        display: block;
        background-color: #fff;
        border-radius: 3px;
        padding: 0;
    }
@media only screen and (max-width: 1600px) {
    .footer_fixed {
        /*width: 100%;*/
        display: none;
    }
}
@media only screen and (min-width: 758px) {
    .footer_fixed {
        display: none !important;
    }
}
@media only screen and (max-width: 758px) {
    .footer_fixed li a{ 
        background-color: #00D8FF;
        color:#fff;
        font-size:1.2em;
        font-weight: bold;
        padding: 10px 0;
    }
    .footer_fixed li a img{ 
        width:20%;
        margin:0 0 5px;
    }
    /*
    .footer_fixed li.sticky_setsumeikai a{
        background-color: #00D8FF;
    }
    .footer_fixed li.sticky_taiken a{
        background-color: #00D8FF;
    }
    */
}

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

ヘッダー

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

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

グローバルメニューPC

–––––––––––––––––––––––––––––––––––––––––––––––––– */



/***********スティッキーヘッダー************/

.header_container {
    width: 100%;
    position: relative;
    z-index: 100;
    /*height: 100px;*/
    background-color:#00489A;
}

.head01{
    padding:15px 10px;
    display: flow-root;
    max-width: 1500px;
}

.head01 h1{
    display:block;
    float:left;
    padding:0;
}

.head01 .head_right {
    display: flex;          /* Flexboxを有効化 */
    align-items: center;    /* 縦方向を中央揃え */
    justify-content: flex-end; /* 右寄せ */
    gap: 20px;              /* SNSとフォーム群の間隔 */
}

/* SNSアイコン */
.head_sns ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.head_sns li img {
    height: 24px;   /* アイコンの高さを統一 */
    width: auto;
}

/* フォーム部分 */
.head_form {
    display: flex;  /* 横並びにする */
    gap: 10px;
}

.head01 dl {
    margin: 0;
}

.head01 dl a {
    background-color: #00D8FF;
    color: #fff;
    padding: 8px 10px;
    display: flex;              /* アイコンと文字を縦方向中央に */
    flex-direction: column;     /* アイコン上、テキスト下 */
    align-items: center;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease;
    width:120px;
}

.head01 dl a:hover {
    background-color: #4B8FDC;
}

.head01 dt {
    margin: 0 0 3px;
}

.head01 dt img {
    width: 28px;  /* 固定ピクセルの方が崩れにくい */
    height: auto;
}

.head01 dd{
    font-weight:bold;
    margin: 0;
}

.head02 {
    width: 100%;
    position: relative;
    z-index: 100;
    clear:both;
    padding:20px 0;
    box-shadow: 10px 3px 5px rgba(0,0,0,0.2);
    margin: 0;
    background-color: #fff;
}

.head02 ul{
    text-align: center;
    max-width: 1380px;
    margin: 0 auto !important;
    padding: 0;
    display: table;
    width: 100%;
}

.head02 li{
    display:table-cell;
    /*padding:0 60px;*/
    width:16.6%;
}

.head02 li a{
    color:#00489A;
    font-weight: bold;
}

.stick-me.not-sticking .sp_sticky_nav {
    display: none;
}
.stick-me.sticking .sp_sticky_nav {
    display: block;
}
.sticking.header_container {
    z-index: 100;
    /*height: 50px;*/
    /*background-color: #fff;*/
    /*border-bottom: 1px solid #ccc;*/
}

.sticking .head01{
    padding: 8px 10px;
}

.sticking .head01 h1 img{
    width:70%;
}

.sticking .head01 dl{
    /*width: 20%;*/
    margin: 0 2px;
}

.sticking .head01 dt{
    margin: 0 0 1px;
}

.sticking .head01 dt img{
    width:20%;
}

.sticking .head02{
    padding: 15px 0;
}

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

}

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

}

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

}


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

ヘッダー・グローバルメニューSP

-------------------------------- */
.overlay {
    background-color: #fff;
    opacity: 0.75;
    width: 100%;
    height: 100%;
}
#sp_overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100000000;
        background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
          -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nav_sp_top {
    display: table;
    width: 100%;
    background-color: #014099;
    height: 45px;
}
.logo_sp,.sp_nav_btn {
    /*display: table-cell;*/
    vertical-align: middle;
}
.logo_sp {
    width: 100%;
    text-align: center;
    padding: 10px 5px 0;
}
.logo_sp h1 {
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.logo_sp img{
    width:70%;
}
.sp_nav_btn {
    width: 100%;
    text-align: center;
    padding-right: 10px;
    padding:0 0 10px;
}
.sp_nav_btn i {
    font-size: 28px;
    color: #fff;
}
.sp_nav_btn ul {
    /*display: table;*/
}
.sp_nav_btn ul li{
    /*display: table-cell;*/
    vertical-align: middle;
}
.sp_nav_btn ul li a{
    color:#fff;
    font-size: 18px;
    font-weight:bold;
}


.btn_trigger {
    position: fixed;
    right: 0;
    top: 0;
    z-index:1000;

}
.btn_trigger i,.sp_nav_top_close i{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #014099;
    height: 45px;
    width: 45px;
    color:#fff;
    font-size: 30px;
}
}
.sp_header_phone {
    padding-right: 35px;
}
.sp_nav_top_close {
    position: absolute;
    top: 0;
    right: 0;
}
.sp_nav_top_close i{
    font-size: 28px;
    color: #fff;
}

.sp_nav_main li {
    text-align: left;
    margin: 0;
}
.sp_nav_main dl {
    margin: 0;
}
.sp_nav_main li a {
    display: block;
    padding: 15px 0 15px 10px;
    border-bottom: 1px solid #bed6ff;
    color: #014099;
}

.sp_nav_main .acMenu dt a:after {
    position: absolute;
    right: 15px;
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    width: 16px;/*画像の幅*/
    height: 16px;/*画像の高さ*/
    background-image: url(https://www.misuzu-gakuen.jp/misuzu/wp-content/themes/misuzu/images/sp_nav_plus.png);
    background-size: contain;
    vertical-align: middle;
    font-weight: 500;
    z-index: 2;
}
.sp_nav_main .acMenu dt.active a:after {
    background-image: url(https://www.misuzu-gakuen.jp/misuzu/wp-content/themes/misuzu/images/sp_nav_minus.png);
}
.sp_nav_main .acMenu dd {
    background-color: #f0f6ff;
}
.sp_nav_main .acMenu dd li a{
    background-color: #f0f6ff;
    padding: 12px 0 12px 15px;
    font-size: 13px;
    font-weight: 500;
}
.sp_nav_main .acMenu dd a,li.sp_nav_btn_single a{
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-image: url(https://www.misuzu-gakuen.jp/misuzu/wp-content/themes/misuzu/images/sp_nav_arrow.png);
    background-size: 16px 16px;
}
.sp_nav_special {
    display: table;
    width: 100%;
}
.sp_nav_special li{
    display: table-cell;
    width: 25%;
    /*height: 80px;*/
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    border-right: 1px dotted #fff;
    /*ackground-color: #014099;*/
    background-color: #00D8FF;
}
.sp_nav_special li a{
    display: block;
    padding:10px 0;
    color:#fff;    
    font-size: 1.2em;
    font-weight:bold;
}
.sp_nav_special li a img{
    width:20%;
    margin:0 0 5px;
}

li.sp_nav_btn_single a {
    font-weight: bold;
}

li.sp_nav_bottom_close a{
    background-color: #555;
    color: #fff;
    border: none;
}
li.sp_nav_bottom_close a:after {
    content: '\f00d';
    right: 20px;
}

@media only screen and (min-width: 700px) {

}

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

サイド

---------------------------------------**/
.side_example article ul {
    display: table;
    border-bottom: 1px dotted #999;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.side_example article ul li{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.side_example article ul li:first-child{
    width: 100px;
}
.side_example article ul li:last-child{
    padding-left: 10px;
}
.side_news article{
    border-bottom: 1px dotted #999;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.side_news article ul li:first-child {
    font-size: 14px;
}
.side_news article ul li:last-child {
    font-size: 12px;
}
.side_example h3,
.side_news h3 {
    background-color: #595959;
    color: #fff;
    padding: 5px 0 5px 5px;
}
/* -------------------------------- 

トップ

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

.top_page h2{
    text-align: center;
    color:#00489A;
    font-size:3em;
    margin: 0 auto 80px;
    position: relative;
}

.top_page h2:before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px; /*下線の上下位置調整*/
    display: inline-block;
    width: 120px; /*下線の幅*/
    height: 5px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #00489A; /*下線の色*/
}

.top_page h2.news_top{
    font-family: 'Yellowtail', cursive;
    /*font-family: "MyFont",sans-serif;*/
    font-weight: 400;
    font-style: normal;
    margin: 0 auto 20px;
}

.top_page h2.news_top:before{
    content: none;
}

.news_special{
    margin:50px 0 20px;
    text-align: center;
}

.news_special img{
    width:80%;
}

.slide_area{
    text-align:center;
    margin-top:10px;
}

.slide_area .swiper-pagination-clickable{
    background-color:#eee;
    padding:10px 0 0;
    margin:10px 0 0;
}

.slide_area .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}

.news_area_outer{
    background-color: #eee;
    padding: 0 0 10px;
    display: flex;
}

.news_content{
    max-width:800px;
    margin:0 auto 50px;
    padding:50px 10px;
    width:100%;
}

.news_content p{
    text-align:center;
    font-weight:bold;
    font-size:16px;
    color:#0038A0;
    margin:0;
}

.news_special a:hover{
    color:#0038A0;
}

.news_content p a:hover{
    color:#0038A0;
}

.news_content p.news_special{
    font-size: 18px;
    margin: 0 10px 30px;
}

.news_content p.news_special a{
    color:#0038A0;
    text-decoration:underline;
    background: yellow;
    padding: 15px 20px;
    max-width: 560px;
    display: block;
    margin: auto;
}

.news_content p.news_special a:hover{
    text-decoration:none;
}

.news_content p.news_special br{
    display:none;
}

@media only screen and (max-width: 768px) {
    .news_special img{
        width:90%;
    }
    .news_content p.news_special br{
        display:block;
    }
}

.top_title{
    text-align: center;
    color:#00489A;
    font-size:34px;
}

.news_content .news_box{
    margin:10px auto 20px;
    background-color:#fff;
    padding:20px;
    /*height: 160px;
    overflow: auto;*/
    max-width:800px;
    display: block;
}

.news_box dl{
    border-bottom:1px dotted #ccc;
    padding: 10px 0;
}

.news_box dt{
    /*display: inline-block;*/
    padding:0 10px 5px 10px;
}

.news_box dt a{
    max-width: 180px;
    /*display: block;*/
    padding:2px 10px;
    background-color:#00489A;
    color:#fff;
    text-align:center;
    border-radius: 10px;
    font-size: 12px;
    vertical-align: middle;
}

.news_box dd{
    display: inline-block;
    padding:0 10px;
}

.news_box dd a:hover{
    color:#00489A;
}

.news_chara{
    position: absolute;
    /*top: 600px;*/
    left: 0;
    /*width: 20%;*/
    padding-top: 30px;
}

.detail_btn01{
    padding:20px 0 40px;
    clear:both;
}

.detail_btn01 a{
    padding: 20px;    
    max-width: 340px;
    display: block;
    margin: auto;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    color:#fff;
    background-color:#00489A;
    transition: all 0.5s ease;
}

.detail_btn01 a:hover{
    background-color:#4B8FDC;
    color:#fff;
}

.detail_btn02{
    padding:60px 0 0;
    clear:both;
}

.btn02_2{
    padding:20px 0 0 !important;
}

.detail_btn02 a{
    padding: 20px;    
    max-width: 640px;
    display: block;
    margin: auto;
    text-align: center;
    border: 7px solid #00489A;
    border-radius: 60px;
    font-size: 2.8rem;
    color: #00489A;
    background: #ff0;
    transition: all 0.5s ease;
    box-shadow: 8px 8px 0 #00489A;
    font-weight: bold;
    font-family: "Yusei Magic", sans-serif;
    position: relative;
    -webkit-appearance: none; /* iOS Safari用 */
    appearance: none;
}

.detail_btn02 a:hover{
    border: 7px solid #00489A;
    background-color: #fff;
    color:#00489A;
    text-decoration:none;
}

.detail_btn02 a i{
    position:relative;
    left:10px;
    background: #00489A;
    color:#fff;
    padding: 1px 6px 1px 9px;
    border-radius: 28px;
}

.btn-arrow,
.btn-arrow2 {
  position: relative;
  display: block;
}

/* ::afterで▶を作成 */
.btn-arrow::after {
  content: "\25B6"; /* ▶ */
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.0rem;
  color: #00489A;
　-webkit-appearance: none; /* iOS Safari用 */
  appearance: none;
  
}

.btn-arrow2::after {
  content: "\25B6"; /* ▶ */
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8rem;
  color: #00489A;
  -webkit-appearance: none; /* iOS Safari用 */
  appearance: none;
}

/* ぶるぶる＋制御 */

.shake01 a{
    animation: shakeTilt 2s ease-in-out infinite; /* 合計4秒サイクル */
}

.shake02 a{
    animation: shakeTilt2 2s ease-in-out infinite; /* 合計4秒サイクル */
}

.shake01 a:hover,
.shake02 a:hover{
    animation-play-state: paused;   /* ← アニメーション停止 */
    transform: rotate(0deg) !important; /* ← 傾きをリセット！ */
}

/* ぶるぶる＋斜めの動き */
@keyframes shakeTilt {
  0%, 90%, 100% {
    transform: rotate(0deg) translate(0, 0);
  }
  1% {
    transform: rotate(5deg) translate(2px, -2px);
  }
  2% {
    transform: rotate(-5deg) translate(-2px, 2px);
  }
  3% {
    transform: rotate(5deg) translate(2px, -1px);
  }
  4% {
    transform: rotate(-5deg) translate(-2px, 1px);
  }
  5% {
    transform: rotate(0deg);
  }
  6% {
    transform: rotate(5deg) translate(2px, -2px);
  }
  7% {
    transform: rotate(-5deg) translate(-2px, 2px);
  }
  8% {
    transform: rotate(5deg) translate(2px, -1px);
  }
  9% {
    transform: rotate(-5deg) translate(-2px, 1px);
  }
  10% {
    transform: rotate(0deg);
  }
  11% {
    transform: rotate(5deg) translate(2px, -2px);
  }
  12% {
    transform: rotate(-5deg) translate(-2px, 2px);
  }
  13% {
    transform: rotate(5deg) translate(2px, -1px);
  }
  14% {
    transform: rotate(-5deg) translate(-2px, 1px);
  }
  15% {
    transform: rotate(0deg);
  }
}

@keyframes shakeTilt2 {
  0%, 90%, 100% {
    transform: rotate(0deg) translate(0, 0);
  }
  99% {
    transform: rotate(5deg) translate(2px, -2px);
  }
  98% {
    transform: rotate(-5deg) translate(-2px, 2px);
  }
  97% {
    transform: rotate(5deg) translate(2px, -1px);
  }
  96% {
    transform: rotate(-5deg) translate(-2px, 1px);
  }
  95% {
    transform: rotate(0deg);
  }
  94% {
    transform: rotate(5deg) translate(2px, -2px);
  }
  93% {
    transform: rotate(-5deg) translate(-2px, 2px);
  }
  92% {
    transform: rotate(5deg) translate(2px, -1px);
  }
  91% {
    transform: rotate(-5deg) translate(-2px, 1px);
  }
  90% {
    transform: rotate(0deg);
  }
  89% {
    transform: rotate(5deg) translate(2px, -2px);
  }
  88% {
    transform: rotate(-5deg) translate(-2px, 2px);
  }
  87% {
    transform: rotate(5deg) translate(2px, -1px);
  }
  86% {
    transform: rotate(-5deg) translate(-2px, 1px);
  }
  85% {
    transform: rotate(0deg);
  }
}


.consul_btn{
    position:relative;
    top:-200px;
}

.bnr_content{
    margin:0 0 100px;
}

.bnr_content a{
    /*padding: 20px;*/
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

.consul_area_outer{
    
}

.consul_content{
    max-width:1200px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}

.consul_content .consul_block01{

}

.consul_content .consul_block02{
    position: relative;
    top: -270px;
}

.consul_content .consul_block02_2{
    position: relative;
    top: -280px;
}

.consul_content .consul_block03{
    position: relative;
    top: -240px;
}

.consul_block02_2 .guide2024{
    margin:10px 0 0;
}

.consul_block02_2 .guide2024 p{
    width: 58%;
    display: inline-block;
    font-size: 24px;
    color: #00469c;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px 0 0;
}

.consul_block02_2 .guide2024 p span{
    background-position: -100% .5em;
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    /*transition: all 10s ease;*/
}

.consul_block02_2 .guide2024 img{
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5);
    transform: rotate(6.5deg);
}

@media only screen and (max-width: 1300px) {
    .news_chara{
        display: none;
    }
}


@media only screen and (max-width: 768px) {
    .top_page h2{
        margin:0 auto 20px;
        font-size:2em;
    }
    .slide_area{
        
    }
    .news_content p{
        font-size:1.2rem;
    }
    .detail_btn01 a{
        max-width:240px;
    }
    .detail_btn02{
        padding:30px 0 0;
    }
    .detail_btn02 a{
        max-width:300px;
        font-size: 1.4rem;
        border: 5px solid #00489A;
        box-shadow: 5px 5px 0 #00489A;
    }
    .btn-arrow::after,
    .btn-arrow2::after {
        right:10px;
        font-size: 0.8rem;
    }

    .consul_btn{
        top:-80px;
    }
    .bnr_content{
        margin:0 10px 30px;
    }
    .consul_content{
        padding:0 0 50px;
    }
    .consul_content .consul_block02{
        top: -100px;
    }
    .consul_content .consul_block02_2{
        top: -90px;
    }
    .consul_content .consul_block03{
        position: relative;
        top: -80px;
    }
    .consul_block02_2 .guide2024{
        margin:15px 0;
    }
    
    .consul_block02_2 .guide2024 p{
        width: 65%;
        font-size: 16px;
    }
    
    .consul_block02_2 .guide2024 img{
        width: 18%;
    }
}

.main_banner_content{
    max-width:1400px;
    margin:0 auto 50px;
    padding: 100px 10px 50px;
    display: flex;
    gap: 50px;
}

.main_bannerBox01,
.main_bannerBox02{
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.main_bannerBox01::before,
.main_bannerBox01::after,
.icon_corners::before,
.icon_corners::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: url('https://www.misuzu-gakuen.jp/misuzu/wp-content/themes/misuzu/images/banner/top/icon_effect01.png') no-repeat center / contain;
  animation: blink 2s infinite;
  pointer-events: none;
}

/* 左上 */
.main_bannerBox01::before {
  top: -35px;
  left: -35px;
}

/* 右下（反転） */
.main_bannerBox01::after {
  right: -35px;
  bottom: 30px;
  transform: rotate(180deg);
}

/* === 右上 === */
.icon_corners::before {
  top: -35px;
  right: -35px;
  transform: rotate(90deg);
}

/* === 左下 === */
.icon_corners::after {
  bottom: 30px;
  left: -35px;
  transform: rotate(270deg);
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.sp_br {
  display: none;
}

.main_banner_content p{
    margin:7px 0 30px;
    font-size: 18px;
    font-weight: bold;
}

.main_banner_content a,
.main_banner_content a:hover{
    color:#0038A0;
}

@media only screen and (max-width: 768px) {
    .main_banner_content{
        margin:0 auto 0;
        display: inline-block;
        padding: 40px 10px 0;
    }
    .main_bannerBox01,
    .main_bannerBox02{
        width:100%;
    }
    .main_bannerBox01::before,
    .main_bannerBox01::after,
    .icon_corners::before,
    .icon_corners::after {
        width: 30px;
        height: 30px;
    }

    .main_bannerBox01::before{
        top: -40px;
        left: 0;
    }
    .main_bannerBox01::after{
        right: 0;
        bottom: 40px;
    }
    .icon_corners::before {
        top: -40px;
        right: 0;
    }
    .icon_corners::after {
        bottom: 40px;
        left: 0;
    }
    .sp_br {
        display: block;
    }
    .main_banner_content p{
        font-size: 15px;
    }
}

/* みすず学苑の強み */

.strong_area_outer{
    background:url(/wp-content/themes/misuzu/images/banner/top/bg_strong_point.jpg) repeat top center;
    padding:50px 0;
    background-attachment: fixed;
}

.strong_content{
    max-width:1000px;
    margin:0 auto;
    padding:15px 0;
    text-align:center;
}

.strong_top{

}

.strong_top dd{
    display: inline-flex;
}

.strong_top li{
    /*margin: auto;*/
    color:#FFFF00;
    font-size:100px;
    font-weight:bold;
    font-family:'Outfit', sans-serif;
    line-height: 1;
    vertical-align: middle;
    font-style: oblique;
}

.strong_top li img{
    vertical-align: middle;
}

.strong_top li span.font_st01{
    font-size:66px;
}

.strong_top li span.font_st02{
    font-size:30px;
}

.strong_left{
    max-width: 50%;
}

.strong_left img{    
    vertical-align: middle;
}

.strong_right{
    color:#FFFF00;
    font-size:70px;
    font-weight:bold;
    font-family:"Alfa Slab One";
    text-stroke: 6px #FFF;
    line-height: 1;
    vertical-align: middle;
    text-shadow: -1px -1px 4px #00469c, -1px 0 4px #00469c, -1px 1px 4px #00469c, 0 -1px 4px #00469c, 0 1px 4px #00469c, 1px -1px 4px #00469c, 1px 0 4px #00469c, 1px 1px 4px #00469c;

}

.strong_right span{
    font-size:30px;
}


.strong_box{
    margin:10px 0;
}

.strong_box .strong_block{
    padding:0 10px 0;
}

@media only screen and (max-width: 768px) {
    .strong_top li img{
        max-width: 50%;
    }
    .strong_top li{
        font-size:8vw;
    }
    .strong_top li span.font_st01{
        font-size:6vw;
    }
    .strong_top li span.font_st02{
        font-size:3vw;
    }
    .strong_right{
        font-size:8vw;
    }
    .strong_right span{
        font-size:4vw;
    }
    .strong_box .strong_block{
        padding:0 5px 10px;
    }
}


.animation{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
  }
  
  .keyframe1{
    animation-name: up_down;
  }
  
  @keyframes up_down {
    0% {
      transform: translate(0, 0px);
    }
    100% {
      transform: translate(0, 20px);
    }
  }

  .keyframe2{
    animation-name: down_up;
  }
  
  @keyframes down_up {
    0% {
      transform: translate(0, 20px);
    }
    100% {
      transform: translate(0, 0px);
    }
  }

  .keyframe3{
    animation-name: swing1;
    transform: rotate(5deg);
    animation-duration: 5s;
  }
  
  @keyframes swing1 {
    50% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(5deg);
    }
  }

  .keyframe4{
    animation-name: swing2;
    transform: rotate(-10deg);
    animation-duration: 5s;
  }
  
  @keyframes swing2 {
    50% {
      transform: rotate(10deg);
    }
    100% {
      transform: rotate(-10deg);
    }
  }

  .keyframe5{
    animation-name: zoom_in1;
    transform: scale(0.9,0.9);
  }
  
  @keyframes zoom_in1 {
    100% {
      transform: scale(1,1);
    }
  }

  .keyframe6{
    animation-name: zoom_in2;
    transform: scale(0.95,0.95);
  }
  
  @keyframes zoom_in2 {
    100% {
      transform: scale(1,1);
    }
  }





/* 授業内容 */

.curriculum_area_outer{
    background:url(/wp-content/themes/misuzu/images/banner/top/bg_curriculum.jpg) repeat top center;
    padding:50px 0;
    display:flex;
}

.curriculum_chara{
    position: absolute;
    /*top: 396px;*/
    left: -300px;
    width: 40%;
    margin-top: -100px;
}

.curriculum_chara2{
    position: absolute;
    /*top: 396px;*/
    right: 0;
    width: 24%;
    margin-top: 300px;
    text-align: right;
}

.curriculum_content{
    max-width:1200px;
    margin:0 auto;
    padding:50px 0 0;
    text-align:center;
    /*position: relative;
    box-sizing: content-box;*/
}

.curriculum_content h2{
    text-align: center;
    color:#00489A;
    /*font-size:3em;*/
    margin: 0 auto 60px;
    position: relative;
}

.curriculum_content h2:before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px; /*下線の上下位置調整*/
    display: inline-block;
    width: 120px; /*下線の幅*/
    height: 5px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #00489A; /*下線の色*/
}

.curriculum_box{
    background-color:#fff;
    border-radius:40px;
    display: inline-block;
    margin: 120px 10px 0;
    max-height:60%;
}

.curriculum_block{
    position:relative;
    top:-120px;
}

.curriculum_point{
    margin: 30px 30px 20px;
    /*display: flex;*/
}

.curriculum_point li{
    margin:0 0 20px;
}

.curriculum_point img{
    width:80%;    
}

.curriculum_point a{
    background-color:#DBEDFF;
    padding:10px;
    display: block;
    margin: 0 12px 12px;
    border-radius: 6px;
}

.curriculum_btn{
    margin: 20px 50px 30px;
    display: flow-root;
}

.curriculum_btn li{
    margin:0 10px;
}

.curriculum_btn a{
    background-color:#4B8FDC;
    padding:10px 20px;
    width:100%;
    display: block;
    border-radius: 30px;
    margin: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size:18px;
    background-image:url(/wp-content/themes/misuzu/images/banner/top/ico_arrow01.png);
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 6px 12px;
    text-align: left;
}

.curriculum_btn a:hover{
    color:#fff;
}

.curriculum_btn a i{
    position: relative;
    left: 60px;
}

@media only screen and (min-width: 1920px) {
    .curriculum_chara2{
        width: auto;
    }
}

@media only screen and (max-width: 1400px) {
    .curriculum_chara2{
        display:none;
    }
}

@media only screen and (max-width: 1300px) {
    .curriculum_btn{
        margin: 20px 30px 30px;
    }
}

@media only screen and (max-width: 1000px) {
    .curriculum_btn{
        margin: 20px 10px 30px;
    }
}

@media only screen and (max-width: 768px) {
    .curriculum_area_outer{
        padding:0;
    }
    .curriculum_content{
        max-width:1200px;
        margin:0 auto;
        padding:50px 0 10px;
    }
    .curriculum_box{
        margin: 70px 10px 0;
        max-height:86%;
    }
    .curriculum_btn{
        margin: 20px 30px 50px;
    }
    .curriculum_chara{
        display:none;
    }    
    .curriculum_chara2{
        display:none;
    }
}


/* みすず学苑の魅力 */

.charm_content{
    max-width:1200px;
    margin:0 auto;
    padding:100px 0;
    text-align:center;
    display: table;
}


.charm_box{
    margin:50px 0;
}

.charm_box .charm_block{
    padding:0 10px 20px;
}

.charm_point{
    margin:30px 40px;
}

.up img{

}

.up img:hover{
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.detail_btn03{
    padding:20px 0 0;
    clear:both;
}

.detail_btn03 a{
    padding: 10px;    
    max-width: 230px;
    display: block;
    margin: auto;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    color:#fff;
    background-color:#00489A;
    transition: all 0.5s ease;
}

.detail_btn03 a:hover{
    background-color:#4B8FDC;
    color:#fff;
}

@media only screen and (max-width: 768px) {
    .charm_content{
        padding:50px 0 30px;
    }
    .charm_point{
        margin:30px 10px;
    }
    .charm_box .charm_block{
        padding:0 5px 10px;
    }
}

/* コレ不思議！みすず学苑の謎 */

.mystery_area_outer{
    clear:both;
}

.mystery_content{
    max-width:1000px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}



.mystery_box{
    margin:50px 0;
}

.mystery_box .mystery_block{
    padding:0 10px 20px;
}

@media only screen and (max-width: 768px) {
    .mystery_box .mystery_block{
        padding:0 5px 10px;
    }
}

/* 途中バナー */

.banner_area_outer{
    clear:both;
}

.banner_content{
    max-width:800px;
    margin:0 auto;
    padding:100px 0;
    text-align:center;
}

/* みすず学苑校舎一覧 */

.gallery_area_outer{
    clear:both;
    background:url(/wp-content/themes/misuzu/images/banner/top/bg_gallery.jpg) repeat top center;
    padding:50px 0;
    /*display:flex;*/
    overflow-x: hidden !important;
    max-width: 100%;

}

.gallery_content{
    max-width:800px;
    margin:0 auto;
    padding:50px 0 50px;
    text-align:center;
}

.gallery_box{
    margin: 0 auto 40px;
    max-width: 800px;
    padding: 0 0 0;
    /*background:url(/wp-content/themes/misuzu/images/banner/top/bg_photo.jpg) no-repeat top center;*/
    background-color:#fff;
}

.gallery_box .carousel-cell ul{
    border:none;
    padding: 0 0 15px;
}

.gallery_box .carousel-cell li{

}

.gallery_box .carousel-cell li.gallery_icon1{
    margin: 0 0;
}

.gallery_box .carousel-cell li.gallery_icon2{
    margin: 0 0;
}   

.gallery_box .carousel-cell li.gallery_campus{
    font-size:2em;
    /*margin: 0 0 20px 135px;
    text-align:left;*/
}

.gallery_box .carousel-cell li.gallery_campus a{
    color:#00489A;
    font-weight: bold;
}

.gallery_box .carousel-cell li.gallery_photo{
    margin: 30px 0 0;
}

.gallery_box .carousel-cell li.gallery_photo img{
    /*max-width:700px;*/
}

.gallery_box .carousel-cell li.gallery_text{
    margin: 0.5em 0 3em;
    font-size: 20px;
    padding: 0 20px;
}

.gallery_box .flickity-page-dots{
    display:none;
}

@media only screen and (max-width: 768px) {
    .gallery_area_outer{
        padding:0;
    }
    .gallery_box{
        margin: 50px 0 0;
        max-width: 800px;
        padding: 0 0 20px;
        background-size: contain;
    }
    .gallery_box .carousel-cell ul{
        padding: 0 10px 15px;
    }
    .gallery_box .carousel-cell li.gallery_campus{
        font-size:1.6em;
        /*margin: 0 0 0 60px;*/
    }
    .gallery_box .carousel-cell li.gallery_photo{
        margin: 10px 0;
    }

    .gallery_box .carousel-cell li.gallery_text{
        margin: 1.0em 0;
        font-size: 16px;
    }
}


/* 難関大学進学率94.50% */

.breakthrough_area_outer{
    background:url(/wp-content/themes/misuzu/images/banner/top/bg_breakthrough.jpg) repeat bottom center;
    padding:50px 0;
}

.breakthrough_content{
    max-width:1200px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}

.breakthrough_img01{

}

.breakthrough_img01 img{
    z-index: 1;
    position: relative;
}

.breakthrough_top{
    display: block;

}

.breakthrough_top p{
    border-radius: 50%;
    /*padding:20px;*/
    border:10px solid #D5A86E;
    width: 230px;
    height: 230px;
    vertical-align: middle;
    display: table-cell;
    font-size: 50px;
    background: #fff;
    color:#D5A86E;
    line-height:1.0;
}

.breakthrough_top p span{
    font-size:74px;
}

.breakthrough_left{
    float:right;
    padding-top: 120px;
    position: relative;
    right: -30px;
    transform: rotate(-15.5deg);
    z-index:1;
}


.breakthrough_right{
    padding-top: 120px;
    position: relative;
    left: -30px;
    transform: rotate(15.5deg);
    float: left;
}

.breakthrough_center{
    z-index:0;
    position: relative;
}

.breakthrough_center li{
    font-size:160px;
    color:#004899;
    font-style: oblique;
    line-height:1.0;
    letter-spacing: -0.06em;
}

.breakthrough_font01{
    font-family: "Oswald", "メイリオ", Meiryo, sans-serif;
    font-weight:bold;
}

.breakthrough_font02{
    font-family: 'Outfit', sans-serif;
    font-weight:bold;
    position: relative;
    top: -20px;
}

.breakthrough_font02 span.font_sm01{
    font-size:120px;
    letter-spacing: -0.04em;
}

.breakthrough_font02 span.font_sm02{
    font-size:50px;
}


.breakthrough_chara{
    position: relative;
    top: -30px;
    left: -90px;
    width: 40%;
    /*margin-top: 459px;*/
}

.breakthrough_chara img{
    width:90%;
}

.breakthrough_chara2{
    position: relative;
    top: 260px;
    left: 770px;
    width: 40%;
    margin-top: -660px;
}

.breakthrough_box{
    padding:50px 0;
    clear:both;
    display:flex;
}

.breakthrough_box .breakthrough_block{
    padding:0 15px 30px;
}

@media only screen and (max-width: 1024px) {
    .breakthrough_top p{
        border: 8px solid #D5A86E;
        width: 160px;
        height: 160px;
        font-size: 40px;
    }
    .breakthrough_top p span{
        font-size:60px;
    }
    .breakthrough_left{
        padding-top: 100px;
    }
    .breakthrough_right{
        padding-top: 100px;
    }
    .breakthrough_center li{
        font-size:100px;
    }
    .breakthrough_font02 span.font_sm01{
        font-size:70px;
    }
    .breakthrough_font02 span.font_sm02{
        font-size:40px;
    }
}

@media only screen and (max-width: 1024px) {
    .breakthrough_content h2{
        margin: 0 auto 100px;
    }
}

@media only screen and (max-width: 768px) {
    .breakthrough_area_outer{
        padding:0 0;
    }
    .breakthrough_content{
        margin:0 10px;
    }
    .breakthrough_content h2{
        margin: 0 auto 50px;
    }
    .breakthrough_top p{
        width: 100px;
        height: 60px;
        font-size: 18px;
        border: 5px solid #D5A86E;
    }
    .breakthrough_top p span{
        font-size:22px;
    }
    .breakthrough_left{
        padding-top: 50px;
        right: -10px;
    }
    .breakthrough_right{
        padding-top: 50px;
        left: -10px;
    }
    .breakthrough_center li{
        font-size:60px;
    }
    /*
    .breakthrough_font02 span{
        font-size:22px;
    }
    */
    .breakthrough_font02 span.font_sm01{
        font-size:40px;
    }
    .breakthrough_font02 span.font_sm02{
        font-size:22px;
    }


    .breakthrough_chara{
        display:none;
    }
    .breakthrough_chara2{
        display:none;
    }
    .breakthrough_box{
        /*margin:20px 0;*/
        padding:30px 0;
        display:block;
    }
    .breakthrough_box .breakthrough_block{
        padding:0 15px 20px;
    }
}

/* みすず学苑のユニークなＣＭ */

.cm_area_outer{
    clear:both;
    background:url(/wp-content/themes/misuzu/images/banner/top/bg_cm.jpg) repeat-x top center;
    padding:50px 0;
    /*display:flex;*/
}

.cm_chara{
    position: absolute;
    /*top: 396px;*/
    left: -300px;
    width: 40%;
    margin-top: -880px;
}

.cm_chara2{
    position: absolute;
    /*top: 396px;*/
    right: -230px;
    width: 40%;
    margin-top: -580px;
}

.cm_content{
    max-width:800px;
    margin:0 auto;
    padding:50px 10px;
    text-align:center;
}

.cm_box{
    margin:50px 0 0;
}

@media only screen and (min-width: 1920px) {
    .cm_chara2{
        width: auto;
    }
}

@media only screen and (max-width: 768px) {
    .cm_area_outer{
        padding:0;
    }
    .cm_chara{
        display:none;
    }
    
    .cm_chara2{
        display:none;
    }
}

/* コラム */

.column_area_outer{
    clear:both;
    background-color:#f3f3f3;
    padding:50px 0;
    display:flex;
}



.column_content{
    max-width:1200px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}

.column_box{
    margin:50px 0;
}

.column_box .column_block{
    padding:0 10px 20px;
}

.column_box h3{
    color: #00489A;
    font-size: 26px;
}

.column_block_box01{
    /*background-color:#E7E3FF;*/
    padding:15px;
    display: inline-block;
}

.column_block_box02{
    /*background-color:#DBEDFF;*/
    padding:15px;
    display: inline-block;
}

.column_list_box{
    text-align:left;
    clear: both;
    margin: 0 0 10px;
    display: flex;
    border-bottom: 1px dotted #999;
    padding-bottom: 15px;
}

.column_list_box .column_list_txt{
    padding:0 10px;
}

.column_list_txt dl{
    margin:0;
}

.column_list_txt dt{
    margin: 0 0 10px;
    background-color: #0038A0;
    color: #fff;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
    border-radius: 20px;
}

.column_list_txt dd{
    margin:0;
    font-size: 16px;
    font-weight: bold;
}

.column_list_txt dd a{
    color:#00489A;
}

@media only screen and (max-width: 768px) {
    .column_area_outer{
        padding:0;
    }
    .column_box h3{
        font-size: 18px;
    }
    .column_block_box01{
        padding:20px 0 0;
    }
    .column_list_txt dd{
        font-size: 15px;
    }
}

/* よくある質問 */

.faq_area_outer{
    clear:both;
    padding:50px 0;
}

.faq_content{
    max-width:1000px;
    margin:0 auto;
    padding:50px 0 30px;
    text-align:center;
}

.faq_box{
    margin:20px 0;
    padding:20px 0;
    border-top:2px solid #00489A;
}

.faq_box dl{
    font-size:20px;
}

.faq_box dl.acMenu dt{
    text-align: left;
    color:#00489A;
    padding:25px 0;
    border-bottom:1px dotted #999;
    cursor: pointer;
    background-image: url(/wp-content/themes/misuzu/images/banner/top/ico_arrow02.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 10px;
    text-align: left;
}

.faq_box dl.acMenu dt.active{
    background-image: url(/wp-content/themes/misuzu/images/banner/top/ico_arrow03.png);
}

.faq_box dl.acMenu dt strong{
    font-size:26px;
}


.faq_box dd{
    text-align: left;
    padding:20px 0;
    line-height:1.6;
}

@media only screen and (max-width: 1024px) {
    .faq_box{
        margin: 40px 10px 0px;
    }
}

@media only screen and (max-width: 768px) {
    .faq_area_outer{
        padding:0;
    }
    .faq_box{
        margin: 60px 10px 0px;
    }
    .faq_box dl{
        font-size:16px;
    }
    .faq_box dl.acMenu dt strong{
        font-size:24px;
    }
}

/* その他バナー2 */

.banner2_area_outer{
    clear:both;
}

.banner2_content{
    max-width:1000px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}

.banner2_box{
    margin:50px 0;
}

.banner2_box .banner2_block{
    padding:0 10px 30px;
}

@media only screen and (max-width: 768px) {
    .banner2_content{
        padding:0;
    }
    .banner2_box{
        margin:50px 0 30px;
    }
}



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

}

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

}

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

}

/*--------------------------------------------------------------
# ページ基本
--------------------------------------------------------------*/
.page_content {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 40px 100px;
    background-color: #fff;
}
.page_bg {
    max-width: 1600px;
    margin: 0 auto;
}

.page_content h1.basic_h1 {
    text-align: center;
    color: #014099;
    font-size: 28px;
    padding: 25px 0;
}
.page_content h1.basic_h1 br{
    display: none;
}
.page_content h1.basic_h1 + p {
    max-width: 900px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 2;
}

.page_content h2.basic_h2 {
    text-align: center;
    color: #fff;
    background-color: #014099;
    font-size: 20px;
    padding: 15px 0;
    margin-bottom: 30px;
}
.page_content h2.basic_h2 br{
    display: none;
}

.page_content h3.basic_h3 {
    text-align: center;
    color: #014099;
    font-size: 18px;
}
.page_content h3.basic_h3 {
    text-align: center;
    color: #014099;
}
/**
.page_content section.inner br{
    display: none;
}**/
.page_content section.inner{
    padding: 0 40px 60px;
}
.flex_basic {
    display: flex;
    align-items: flex-end;
    padding: 30px 0;
}
.flex_basic .item1 {
    flex-basis: 45%;
}
.flex_basic .item2 {
    flex-basis: 55%;
}
.flex_basic .item2 p{
    font-size: 17px;
    line-height: 2;
    padding-bottom: 60px;
}
.flex_basic .basic_btn{
    padding: 25px 0;
    font-size: 20px;
}
.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 10s ease;
    font-weight: 500;
}
.page_content section p {
    line-height: 2;
    margin: 0;
    padding: 15px 25px;
    font-size: 16px;
}
.page_content section li p {
    padding: 15px 0;
}
.page_bottom_banner {
    padding: 50px 0;
}
@media only screen and (max-width: 767px) {
    .basic_h1 {
        font-size: 16px;
        color: #014099;
        padding: 15px 0 25px;
        text-align:center;
    }
    .page_content section p {
        margin: 0;
        padding: 10px 0;
    }
    .page_content {
        padding:45px 0;
    }
    .page_content h1.basic_h1 br,.page_content h2.basic_h2 br,.page_content section.inner br{
        display: inline;
    }
    .flex_basic {
        display: block;
    }
    .flex_basic .item2 p {
        padding-bottom: 20px;
    }
    .page_content h1.basic_h1 {
        font-size: 20px;
        padding: 20px 0 15px;
    }
    .page_content h2.basic_h2 {
        font-size: 17px;
        padding: 10px 0;
        margin-bottom: 10px;
    }
    .page_content section.inner {
        padding: 0 10px 30px;
    }
    .page_bottom_banner {
        padding: 50px 0 0;
    }
}

/*--------------------------------------------------------------
# ページ
--------------------------------------------------------------*/
body.events .flex_basic .item2 p {
    font-size: 16px;
    padding-bottom: 20px;
    line-height: 1.8;
}
.doto_unique3 a {
    display: table;
    color: #014099;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #014099;
    text-align: center;
    height: 100px;
    width: 100%;
}
.doto_unique3 a span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.doto_unique3 a:hover{
    background-color: #014099;
    text-decoration: none;
    color: #fff;
}
.doto_unique3 li.col-sm-4 {
    padding: 15px;
}
.basic_list1 dt {
    color: #2573e1;
    padding-bottom: 10px;
    font-size: 17px;
}
.basic_list1 {
    padding-bottom: 20px;
}
.doto_eigo3 .row .col-sm-6:last-child {
    padding: 0 20px;
}
.page_btn_link_bottom .col-sm-3 {
    padding: 0 10px;
}
.page_btn_link_bottom .basic_btn {
    text-align: left;
    padding:20px 0 20px 10px;
    font-size: 15px;
}
.page_btn_link_bottom .basic_btn span{
    display: inline-block;
    padding-right: 10px;
}
.live_class .basic_list1 dd {
    font-size: 15px;
}
.live_class .col-sm-7 {
    padding: 20px 0 0 20px;
}
.feature4_chance .basic_list1 {
    text-align: center;
}
.feature4_chance .basic_list1 dd:nth-child(2){
    max-width: 550px;
    margin: 0 auto 25px;
    text-align: left;
}
.feature4_chance .basic_list1 {
    padding: 30px 0 0;
}

.koshu_koza .row {
    max-width: 1000px;
    margin: 0 auto;
}
.koshu_koza .row .col-sm-6{
    padding: 20px;
}
.koshu_koza .col-sm-6 dt{
    padding-bottom: 15px;
}
.dojo_hours .col-sm-4 {
    padding: 15px;
}
.dojo_hours div {
    max-width: 500px;
    margin: 0 auto;
}
.koza_schedule {
    text-align: center;
}
.basic_h2 .impact {
    display: block;
    font-family: impact;
    font-weight: normal;
}
.shakai_1 {
    max-width: 400px;
    margin: 0 auto;
}
.faq {
    max-width: 800px;
    margin: 0 auto;
}
.page_content section.inner.faq.emergency_qa {
    max-width: 100%;
    padding-top: 30px;
}
.mystery_cm_link .col-sm-4,.mystery_cm_link .col-sm-3 {
    padding: 10px;
}
.mystery_cm_link a {
    display: block;
    border: 2px solid #014099;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #014099;
    height: 85px;
}
.mystery_cm_link a:hover {
    background-color: #014099;
    color: #fff;
    text-decoration: none;
}
body.messages main section img {
    width: auto;
    display: inline-block;
    padding: 10px;
}
.animesong h2 {
    text-align: center;
    padding-top: 15px;
}
.animesong h2 br {
    display: none;
}
.animesong div {
    text-align: right;
    font-size: 18px;
    padding-top: 15px;
}
body.master main section p {
    text-align: center;
}
.row.gakuencho_greeting {
    max-width: 800px;
    margin: 0 auto;
}
.gakuencho_greeting {
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    padding: 30px 0;
    max-width: 700px;
    margin: 0 auto;
}
.gakuencho_greeting_btn {
    max-width: 600px;
    margin: 0 auto;
}
.supponn {
    text-align: center;
    font-weight: bold;
    line-height: 2;
    font-size: 20px;
}
.pirates_feature {
    display: flex;
    justify-content: space-between;
}
.pirates_feature div{
    flex-basis: 31%;
}
.pirates_feature dl{
    background-color: #0e3e8d;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    height: 350px;
    padding: 35px 10px;
}
.pirates_feature dl dt{
    font-size: 24px;
    padding-bottom: 15px;
}
.pirates_feature dl dd{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
}
.pirates_feature dl dd span{
    font-size: 15px;
}
.pirates_txt{
    margin-top: 50px;
}
.page_content section.pirates_txt p{
    border: 5px solid #4f81d5;
    padding: 100px;
    font-size: 23px;
}
@media only screen and (max-width: 767px) {
    .doto_eigo3 .row .col-sm-6:last-child {
        padding: 0;
    }
    .page_btn_link_bottom .col-sm-3 {
        padding: 5px 15px;
    }
    .live_class .col-sm-7 {
        padding: 10px;
    }
    .koshu_koza .row .col-sm-6{
        padding: 10px;
    }
    .dojo_hours .col-sm-4 {
        padding: 10px;
    }
    .dojo_hours div {
        padding: 10px;
    }
    .koza_schedule{
        overflow-x: scroll;
    }
    .koza_schedule div{
        width: 630px;
    }
    .shakai_1 {
        max-width: 500px;
    }
    .mystery_cm_link a {
        height: 65px;
    }
    body.messages main section img {
        padding: 5px;
    }
    .animesong h2 br {
        display: inline;
    }
    .doto_unique3 a {
        height: 80px;
    }
    .pirates_feature {
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto;
    }
    .pirates_feature div {
        padding: 30px 15px;
    }
    .page_content section.pirates_txt p{
        padding:50px;
    }
}
@media only screen and (max-width: 450px) {
    .pirates_feature div {
        padding: 15px;
    }
    .pirates_txt{
        padding: 0 10px;
    }
    .page_content section.pirates_txt p{
        border: 5px solid #4f81d5;
        padding:30px 20px;
        font-size: 17px;
    }
}
/*--------------------------------------------------------------
# 校舎
--------------------------------------------------------------*/
.campus_list_box_inner {
    background-color: #014099;
    color: #fff;
}
.col-sm-6.campus_list_box {
    padding: 10px;
}
.col-sm-6.campus_list_box:nth-child(2n + 1) {
    clear: both;
}
.campus_list_box_1st dt {
    font-size: 18px;
    padding-bottom: 5px;
}
.campus_list_box_1st .col-xs-4,.campus_list_box_1st .col-xs-8 {
    padding: 10px;
}
.campus_list_box_2nd .col-xs-6{
    padding:5px 10px 10px;
}
.campus_list_box_2nd a {
    display: block;
    background-color: #fff;
    color: #014099;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
}
.campus_info1,.campus_info2,.campus_info3 {
    display: flex;
}
.campus_info1 .item1,.campus_info2 .item1,.campus_info3 .item1 {
    flex-basis: 55%;
    align-self: center;
}
.campus_info1 .item2,.campus_info2 .item2,.campus_info3 .item2 {
    flex-basis: 45%;
    padding-left: 20px;
}
.campus_info2 .item1{
    order: 2;
}
.campus_info2 .item2{
    order: 1;
    padding-left: 0px;
    padding-right: 20px;
}
.single-school h2 {
    font-size: 25px;
    padding-bottom: 20px;
    margin: 0;
    color: #014099;
}
.single-school h2 + p{
    font-size: 16px;
    margin: 0;
    padding: 0 !important;
}
.campus_basic_ifo .col-sm-7, .campus_basic_ifo .col-sm-5 {
	padding: 10px !important;
}
.campus_basic_ifo dl {
    display: flex;
    border-bottom: 1px solid #999;
    padding: 15px 0;
    align-items: center;
    font-size: 18px;
}
.campus_basic_ifo dl dt{
    flex-basis: 30%;
    text-align: center;
}
.campus_basic_ifo dl dd{
    flex-basis: 70%;
}
.campus_map h2 {
    text-align: center;
}
.campus_map .col-sm-7,.campus_map .col-sm-5 {
    padding: 10px;
}
.campus_map iframe {
    width: 100%;
    height: 400px;
}
.assistant_message_outer {
    max-width: 600px;
    margin: 0 auto;
}
.assistant_message_outer iframe{
    width: 100%;
    height: 350px;
}
.assistant_message h2 {
    text-align: center;
}
.page_content section.inner.school_content {
    padding: 50px 40px;
}
.campus_student h2 {
    text-align: center;
    font-size: 20px;
    padding-bottom: 0;
}
.campus_map_step {
    margin: 50px auto 0;
    max-width: 1100px;
}
.map_step1 {
    padding-bottom: 30px;
}
.map_step2 {
    display: flex;
    flex-wrap:wrap;
}
.map_step2 li{
    flex-basis: 33.33333%;
    padding: 10px 10px 15px 10px;
}
.map_step2 li dt{
    padding-bottom: 10px;
    display: flex;
    height: 40px;
    align-items: center;
    line-height: 1.2;
}
.map_step2 li dt span:first-child{
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    background-color: #004194;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}
.yokohama_map {
    display: flex;
    width: 100%;
}
.yokohama_map li{
    padding: 10px;
}
.yokohama_map li:first-child{
    flex-basis: 65%;
}
.yokohama_map li:last-child{
    flex-basis: 35%;
}
.school_gallery_outer {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.school_gallery_outer .school_gallery_box{
    flex-basis: 50%;
    padding: 10px;
}
@media only screen and (max-width: 767px) {
    .campus_info1,.campus_info2,.campus_info3 {
        display: block;
    }
    .page_content section.inner.school_content {
        padding: 20px 10px 30px;
    }
    .campus_info1 .item2, .campus_info2 .item2, .campus_info3 .item2 {
        padding-left: 0;
    }
    .single-school h2 {
        font-size: 20px;
        padding: 15px 0;
        text-align: center;
    }
    .assistant_message_outer iframe {
        height: 235px;
    }
    .campus_student {
        padding:0 10px;
    }
    .map_step2 li{
        flex-basis: 50%;
    }
}
@media only screen and (max-width: 450px) {
    .campus_map .col-sm-7,.campus_map .col-sm-5{
        padding: 5px;
    }
    .campus_map_step {
        margin: 20px auto 0;
    }

    .map_step2 li{
        flex-basis: 100%;
    }
}
/*--------------------------------------------------------------
# 合格者の声
--------------------------------------------------------------*/
.col-sm-4.testimonials_list_box {
    padding: 5px;
}
.col-sm-4.testimonials_list_box:nth-child(3n + 1) {
    clear: both;
}
.testimonials_list_box_inner {
    background-color:#f2f2f2;
    padding: 15px 10px;
}
.col-sm-4.testimonials_list_box:nth-child(odd) .testimonials_list_box_inner {
    background-color:#d9e7ff; 
}
.testimonials_list {
    display: flex;
    align-items: center;
}
.testimonials_list li:first-child{
    flex-basis: 100px;
}
.testimonials_list li:last-child{
    flex-basis: 70%;
    padding-left: 5px;
}
.testimonials_list dt {
    padding-bottom: 5px;
}
.testimonials_link_btn {
    padding-top: 5px;
}
.testimonials_link_btn a{
    display: block;
    text-align: center;
    background-color: #004194;
    color: #fff;
    line-height: 25px;
}
.testimonials_link_btn a:hover{
    color: #004194;
    background-color: #fff;
    text-decoration: none;
}
.single-testimonials main h1 {
    text-align: center;
    font-size: 20px;
    padding:50px 10px 20px;
    position: relative;
}
.single-testimonials main h1:after{
    content: "";
    width: 100px;
    height: 1px;
    background-color: #333;
    position: absolute;
    left: 50%;
    bottom:0;
    margin-left: -50px;
}
.single-testimonials h1 + ul{
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
}
.student_img {
    float: left;
    width: 110px;
    padding:0 10px 10px 0;
    display: inline-block;
}
.testimonials_content {
    font-size: 17px;
    line-height: 2;
    max-width: 700px;
    margin: 30px auto;
}

.testimonial_youtube .col-sm-6{
    padding: 5px;
}
.testimonial_youtube .col-sm-6 iframe{
    height: 300px
}
@media only screen and (max-width: 420px) {
    .row.testimonial_youtube{
        padding-top: 30px;
    }
    .testimonial_youtube .col-sm-6 iframe{
        height: 220px
    }
}

/*--------------------------------------------------------------
# 保護者の声
--------------------------------------------------------------*/
.post-type-archive-guardians .col-sm-6.testimonials_list_box {
    padding: 10px;
}
.post-type-archive-guardians .col-sm-6.testimonials_list_box dt {
    font-size: 18px;
}
.post-type-archive-guardians .col-sm-6.testimonials_list_box:nth-child(2n + 1) {
    clear: both;
}
.post-type-archive-guardians .col-sm-6.testimonials_list_box:nth-child(3n + 1) {
    clear: none;
}
.guardians_info {
    max-width: 600px;
    margin: 0 auto;
}
.guardians_info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 10px;
}

.guardians_info div:last-child{
    flex-basis: 75px;
}
.guardians_info div:first-child{
    flex-basis: 80%;
    text-align: right;
    padding-right: 10px;
}
.guardians_info h1{
    font-size: 25px;
}
.guardians_info ul li {
    font-size: 18px;
}
.guardians_content {
    max-width: 680px;
    margin: 0 auto;
}
.guardians_content dt{
    font-size: 18px;
    padding-bottom: 10px;
}
.guardians_content dt img{
    width: 30px;
}
.guardians_content dd{
    font-size: 16px;
    line-height: 2;
}
.guardians_content dl{
    padding-bottom: 35px;
}

/*--------------------------------------------------------------
# CMギャラリー
--------------------------------------------------------------*/
.cm_row .col-sm-4 {
    padding: 10px;
}
.cm_thumb a {
    display: block;
    position: relative;
}
.cm_overlay img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}
.cm_title {
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}
.cm_date {
    text-align: center;
}
.cm_row .col-sm-4:nth-child(3n +1) {
    clear: both;
}
@media only screen and (max-width: 768px) {
    
}
/*--------------------------------------------------------------
# コミック
--------------------------------------------------------------*/
.comic_inner {
    max-width: 700px;
    margin: 0 auto;
}
.comic_box {
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #ccc;
}
.comic_box_item1 ul{
    display: flex;
    align-items: center;
}
.comic_box_item1 ul li:last-child{
    font-size: 20px;
    padding-left: 20px;
}
.comic_box_item1 {
    flex-basis: 60%;
}
.comic_box_item2 {
    flex-basis: 40%;
}
.comic_box_item2 a.comic_btn {
    display: block;
    background-color: #063e8d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
}
.fancybox-content {
    padding: 0 !important;
    background-color: #000 !important;
}
.comic_sp li{
        padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
    .comic_sp {
        padding-top: 40px !important;
    }
    .fancybox-slide--html .fancybox-close-small {
        color: #fff !important;
        opacity: 1 !important;
        padding: 0 !important;
    }
    .comic_box_item1 ul{
        padding-bottom: 15px;
    }
    .comic_box_item1 ul li:last-child {
        font-size: 18px;
        padding-left: 10px;
    }
    .comic_box_item2 a.comic_btn {
        font-size: 16px;
        line-height: 40px;
    }
    .comic_box {
        display: block;
    }
    .comic_close_btn {
        display: block;
        background-color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 35px;
    }
    .comic_inner {
        padding: 0 10px;
    }
}
/*--------------------------------------------------------------
# ニュース一覧
--------------------------------------------------------------*/
.post-categories {
    overflow: hidden;
    padding-left: 10px;
}
.post-categories li{
    float: left;
}
/* カテゴリー・タグ共通 */
.post-categories a[rel*="category"], .news_list_cat a[rel*="category"]{
    background-color: #fb7c00;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 136px;
}

.news_list ul{
    display: table;
}
.news_list ul li{
    display: table-cell;
}
.news_list_date {
    width: 100px;
}
.news_list_cat {
    width: 136px;
}
.news_list{
    border-bottom: 1px dotted #999;
    padding: 20px 0 8px;
    max-width: 900px;
    margin: 0 auto;
}
.news_list_title {
    padding-left: 30px;
}
.news_side dt{
    color: #fff;
    background-color: #2DCCFC;
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
    margin-bottom: 20px;
}
.news_side{
    margin: 0 0 30px;
}
.news_side li{
    padding-bottom: 10px;
}
.news_side li i{
    color: #2DCCFC;
    font-size: 12px;
    display: inline-block;
    padding-right: 10px;
}
@media only screen and (max-width: 1024px) {
    .news_list_sp {
        padding: 15px;
        border-bottom: 1px dotted #999;
    }
    .news_list_sp_date{
        display: table;
    } 
    .news_list_sp_date span{
        display: table-cell;
        padding-right: 10px;
    }
    .news_list_sp_cat a{
        background-color: #19cbfe;
        color: #fff;
        text-align: center;
        display: inline-block;
        font-size: 12px;
        width: 100px;
        padding: 2px 0;
    }
.news_cat_ac .acMenu dt{
    cursor:pointer;
    background-color: #19cbfe;
    padding: 15px;
    color: #fff;
    position: relative;
}
.news_cat_ac .acMenu dt:after{
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    font-weight: normal;
    content: '\f0fe';
}
.news_cat_ac .acMenu dt.active:after{
    content: '\f146';
}
.news_cat_ac .acMenu dd{
    background:#f4f4f4;
}
.news_cat_ac .acMenu dd a{
    display: block;
    padding: 15px;
    border-bottom: 1px solid #fff;
}
}
@media only screen and (max-width: 768px) {

}

    
/*--------------------------------------------------------------
# ニュース
--------------------------------------------------------------*/
.news_content h1 {
    color: #014099;
    text-align: center;
    background:#cce1ff url(https://www.misuzu-gakuen.jp/misuzu/wp-content/themes/misuzu/images/page/topics_title_bg1.jpg) repeat-x bottom center;
    background-size: 350px 62px;
    padding-top: 50px;
}
.news_content h1 div{
    max-width: 600px;
    margin: 0 auto;
    padding: 10px 0 80px;
}
.news_content h1 span {
    display: block;
}
.news_content h1 span:first-child {
    font-family: arial;
    border-bottom: 1px solid #014099;
    font-size: 20px;
}
.news_content h1 span:last-child {
    font-size: 18px;
    padding-top: 10px;
}
.post_content {
    padding: 50px 15px;
}
.post_content p{
    margin: 0 0 10px;
    line-height: 1.6;
}
.post_content a{
    text-decoration: underline;
    font-size: 16px;
}
.pdf_download {
    padding-top: 20px;
}
.single_pagenation {
    padding-top: 30px;
    display: table;
    width: 100%;
}
.single_pagenation li{
    display: table-cell;
    vertical-align: middle;
}
.single_pagenation li:last-child{
    text-align: right;
}
.single_pagenation li:nth-child(2){
    text-align: center;
    width: 50%;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
    .news_content h1 div{
        max-width: 350px;
        padding: 30px 0 80px;
    }
    .news_content h1 span:last-child {
        font-size: 16px;
        padding-top: 5px;
    }
}
/*--------------------------------------------------------------
# お問い合わせ 
--------------------------------------------------------------*/
.contact_nav {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 0;
    max-width: 850px;
    margin: 0 auto 30px;
}
.contact_nav li{
    display: table-cell;
    background-color: #eee;
    color: #333;
    font-weight: bold;
    width: 33.3333333333%;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
}
.mw_wp_form_input .contact_nav li.input_page {
    color: #fff;
    background-color: #004194;  
}
.mw_wp_form_confirm .contact_nav li.comfirm_page {
    color: #fff;
    background-color: #004194;  
}
.mw_wp_form_complete .contact_nav li.complete_page {
    color: #fff;
    background-color: #004194;
}
.contact_example {
    display: inline-block;
    padding-left: 14px;
}
.mw_wp_form_confirm .contact_example,.mw_wp_form_confirm .document_request_text  {
    display: none;
}
div.form {
    max-width: 800px;
    margin: 0 auto;
}
.form dl {
    display: table;
    border-bottom: 1px dotted #999;
    padding: 15px 0;
    margin: 0;
}
.form dl dd,.form dl dt{
    display: table-cell;
    vertical-align: top;
}
.form dl{
    width: 100%;
}
.form dl dt{
    width: 30%;
}
.form dt span{
    color: red;
}
.form dl dd{
    width: 70%;
}
.form input{
    width: 250px;
    border: 1px solid #999;
    background-color: #fff;
    padding: 8px;
}
.form textarea{
    width: 100%;
    border: none;
    border: 1px solid #999;
    background-color: #fff;
    padding: 8px;
}
.form select{
    padding: 3px;
}
.form_check_box input {
    width: inherit;
}
.mw_wp_form .error {
    display: inline-block !important;
    padding-left: 5px;
}
input.age {
    width:50px;
}
input.phone {
    width:150px;
}
input.input_address {
    width: 100%;
}
.form_btn {
    padding-top: 30px;
    display: table;
    border-collapse: separate; 
    border-spacing: 8px 0; 
}
.form_btn li {
    display: table-cell;
    text-align: center;
}
.mw_wp_form_input .form_btn {
    max-width: 340px;
    margin: 0 auto;
}
.form_btn li{
    position: relative;
}
.form_btn li:after{
    content: "\f138";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    color: #fff !important;
}
.form_btn input {
    border:2px solid #004194;
    color: #fff !important;
    background-color: #004194;
    border-radius: 5px;
    padding: 10px 0;
    font-weight: bold;
}
.form_btn li:hover input {
    color: #004194 !important;
    background-color: #fff;
}
.form_btn li:hover:after {
    color: #004194 !important;
}
.mw_wp_form_input li.btn_back {
    display: none;
}
.mw_wp_form_confirm .form_btn {
    max-width: 680px;
    margin: 0 auto;
}
.mw_wp_form_input li.btn_back {
    display: none;
}
.privacy_form_txt {
    font-size: 13px;
    padding: 30px 0 80px;
}
.form_check_box.media .mwform-checkbox-field {
    width: 33.3333%;
    display: block;
    float: left;
    margin-left: 0 !important;
}
span.etc input {
    width: 250px;
}

.consultation_text {
    max-width: 850px;
    margin: 0 auto 30px;
    font-size: 16px;
    line-height: 1.8;
}
.consultation_text div{
    padding: 15px 0;
}
.consultation_text li{
    padding: 15px 0;
}
.form_anchor_outer {
    max-width: 450px;
    margin: 0 auto;
}
div.consultation_text_note {
    background-color: #FCF7E0;
    padding: 25px;
}
.mw_wp_form_confirm .consultation_text {
    display: none;
}
.form_date_select li{
    padding: 5px 0;
}
.document_request_text ul {
    text-align: center;
    font-size: 16px;
    line-height: 2;
}
div.form h2 {
    font-size: 18px;
    color: #fff;
    background-color: #555;
    line-height: 30px;
    padding-left: 15px;
    margin:15px 0;
}
.document_form ul li{
    padding-bottom: 5px;
    overflow: hidden;
}
.mwform-checkbox-field label, .mwform-radio-field label {
    font-weight: 500;
}
@media only screen and (max-width:767px) {
.contact_example {
    display: block;
    padding-left: 0;
}
input.age {
    width:50px;
}
.form_btn {
    display: block;
    border-collapse:inherit;
    border-spacing: 0;
}
.form_btn li {
    display: block;
    margin-bottom: 20px;
}
.form_btn input {
    width: 100%;
}
}
@media only screen and (max-width:458px) {
.form dl dt{
    width: 100%;
}
.form dl dd{
    width: 100%;
}
.form dl dd,.form dl dt{
    display: block;
}
.form input{
    width: 100%;
    font-size: 16px;
}
.form textarea{
    font-size: 16px;
}
.form_check_box input {
    width: inherit;
}
.form_check_box.media .mwform-checkbox-field {
    width: 50%;
}
input[name^="etc1"],input[name^="etc3"],input[name^="etc3"] {
    width: 100%;
}
}
/*--------------------------------------------------------------
# ペジネーション wp pagenavi
--------------------------------------------------------------*/
.pagenation {
    padding-top: 20px;
    text-align: center;
}
.nextpostslink {
    position: absolute;
    right: 0;
    top: -10px;
}
.previouspostslink {
    position: absolute;
    left: 0;
    top: -10px;
}
.wp-pagenavi {
    position: relative;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 2px;
}
/**---------------------------------------

パンくず

---------------------------------------**/
p#breadcrumbs {
    padding-top: 5px;
    font-size: 11px;
    margin: 0;
}
/*--------------------------------------------------------------
# アコーディオン
--------------------------------------------------------------*/
.acMenu dt{
    display:block;
}
.acMenu dd{
    display:none;
}
.faq .acMenu dt {
    cursor: pointer;
    padding: 20px 20px 20px 15px;
    position: relative;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    font-size: 16px;
}
.faq .acMenu dt:after {
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    font-weight: normal;
    content: '\f055';
    color: #063e8d;
}
.faq .acMenu dt.active:after {
    content: '\f056';
}
.faq .acMenu dd {
    padding: 10px 20px;
    line-height: 1.6;
    font-size: 17px;
}
.faq .acMenu dd:before {
    content: 'ANSWER';
    font-family: 'impact', sans-serif;
    display: block;
    color: #063e8d;
    font-weight: normal;
    padding-bottom: 15px;
    font-size: 14px;
}
.faq .acMenu dt.active {
    border: none;
}


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

基本ボタン

---------------------------------------**/
.basic_btn:after{
    content: "\f138";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    line-height: 1;
    font-size: 20px;
    color: #fff !important;
}
.basic_btn {
    position: relative;
    color: #fff !important;
    border-radius: 5px;
    padding: 10px 0;
    font-weight: bold;
    display: block;
    text-align: center;
}
.basic_btn:hover {
    text-decoration: none;
    background-color: #fff;
}
.basic_btn:hover:after {
}

.anchor_link_btn .basic_btn {
    text-align: left;
    padding: 10px 15px;
    font-size: 18px;
}
.anchor_link_btn .basic_btn span:first-child{
    display: inline-block;
    padding-right: 15px;
}

.basic_btn.blue_btn {
    background-color: #2573e1;
    border: 2px solid #2573e1;
}
.basic_btn.blue_btn:hover {
    color: #2573e1 !important;
    background-color: #fff;
}
.basic_btn.blue_btn:hover:after {
    color: #2573e1 !important;
}

.basic_btn.green_btn {
    background-color: #0dd574;
    border: 2px solid #0dd574;
}
.basic_btn.green_btn:hover {
    color: #0dd574 !important;
    background-color: #fff;
}
.basic_btn.green_btn:hover:after {
    color: #0dd574 !important;
}

.basic_btn.yellow_btn {
    background-color: #aec802;
    border: 2px solid #aec802;
}
.basic_btn.yellow_btn:hover {
    color: #aec802 !important;
    background-color: #fff;
}
.basic_btn.yellow_btn:hover:after {
    color: #aec802 !important;
}

.basic_btn.orange_btn {
    background-color: #f68d1d;
    border: 2px solid #f68d1d;
}
.basic_btn.orange_btn:hover {
    color: #f68d1d !important;
    background-color: #fff;
}
.basic_btn.orange_btn:hover:after {
    color: #f68d1d !important;
}

.basic_btn.red_btn {
    background-color: #ff5050;
    border: 2px solid #ff5050;
}
.basic_btn.red_btn:hover {
    color: #ff5050 !important;
    background-color: #fff;
}
.basic_btn.red_btn:hover:after {
    color: #ff5050 !important;
}

.anchor_link_btn li {
    padding-bottom: 7px;
}
/*-----------------------------------------------------------------------------
カルーセル
-----------------------------------------------------------------------------*/

.carousel-cell ul {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px 5px;
    display: table;
    text-align: center;
    width: 100%;
}
.carousel-cell .news_title {
    font-size: 12px;
}
.carousel-cell .news_date {
    padding-top: 5px;
    font-size: 12px;
}
.flickity-page-dots .dot {
    width: 20px;
    height: 20px;
    margin: 0 8px;
    background: #0038a0;
    opacity: 1;
}
.flickity-page-dots .dot.is-selected {
    background: #fff100;
}
.flickity-page-dots {
    bottom: -40px;
}
@media only screen and (max-width: 1000px){
.flickity-button {
    display: none;
}
}
@media only screen and (max-width: 758px){

}


/*-----------------------------------------------------------------------------
緊急事態宣言 Q&A
-----------------------------------------------------------------------------*/
.faq.emergency_qa .acMenu dt{
    font-weight: medium;
    font-size: 22px;
    padding: 25px 30px 25px 10px;
}
.faq.emergency_qa .acMenu dd{
    font-size: 16px;
    line-height: 2;
    padding: 10px 10px 45px 10px;
}
.emergency_q {
    font-family:'arial';
    color: #063e8d;
    font-weight: bold;
    font-size: 25px;
}
span.emergency_answer {
    font-family:'arial';
    font-size: 20px;
    display: bold;
    color: #168d06;
    font-weight: normal !important;
}
.faq.emergency_qa .acMenu dd:before {
    display: none;
}
.row.emergency_image {
    padding-top: 50px;
}
.emergency_image .col-sm-6{
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
.emergency_image iframe{
    height: 400px;
}

.emergency_qa dt {
    font-size: 20px;
    padding-bottom: 7px;
}
.emergency_qa dd {
    font-size: 17px;
    line-height: 2;
    padding-bottom: 45px;
}
.emergency_qa dd span{
    font-weight: bold;
}

.mitsu_police span,.mitsu_police_stick span{
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    line-height: 1.6 !important;
}
.mitsu_police {
    padding-bottom: 20px;
}
.mitsu_police_stick {
    max-width: 500px;
    margin: 0 auto 20px;
    display: flex;
}
.garigari .col-sm-4 {
    padding: 15px;
    font-size: 13px;
    font-weight: bold;
}
.garigari .col-sm-4:nth-child(4) {
    clear: both;
}
.row.qa_orinawa_times {
    border: 1px solid #333;
    padding: 20px;
    max-width: 900px;
    margin: 20px auto 0;
}
@media only screen and (max-width: 758px){
    .emergency_image iframe{
        height: 350px;
    }
    .postid-1066 .emergency_image .col-sm-6{
        padding: 10px 10px 30px 10px;
    }
    .garigari .col-sm-4:nth-child(4) {
        clear: none;
    }
    .garigari .col-sm-4:nth-child(2n +1) {
        clear: both;
    }
    .garigari .col-sm-4 {
        padding: 5px;
        line-height: 1.3;
    }
    .faq.emergency_qa .acMenu dt{
        font-size: 16px;
    }
    .emergency_q {
        line-height: 1;
    }
}

/*-----------------------------------------------------------------------------
無料相談・無料体験に行ってみよう
-----------------------------------------------------------------------------*/
.consultation_video h2 {
    text-align: center;
    padding: 15px 0;
}
.consultation_video ul {
    display: flex;
    justify-content: center;
}
.consultation_video ul li{
    flex-basis: 50%;
    padding: 10px;
}
.cosultation_page_btn {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
}
.cosultation_page_btn li{
    padding: 5px;
    flex-basis: 33.3333333%;
}
.cosultation_page_btn li a{
    border-radius: 10px;
    display: block;
    padding:5px 10px;
    text-align: center;
}
.cosultation_page_btn li:first-child a{
    border: 5px solid #125e56;
    background-color: #a0fdf3;
}
.cosultation_page_btn li:nth-child(2) a{
    border: 5px solid #424307;
    background-color: #fcff00;
}
.cosultation_page_btn li:nth-child(3) a{
    border: 5px solid #1b4508;
    background-color: #a5fc7e;
}
.cosultation_step_btn {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}
.cosultation_step_btn li{
    flex-basis: 25%;
    padding: 0 3px;
}
.cosultation_step_btn li a{
    border: 2px solid #0e3e8d;
    border-radius: 5px;
    padding: 2px;
    display: block;
}
.cosultation_step_btn li a img{
    width: 100%;
}

.step_section {
    max-width: 816px;
    margin: 50px auto;
}
.step_outer h2 {
    display: flex;
    background-color: #0e3e8d;
    align-items: center;
    color: #fff;
    padding:10px 10px 10px 15px; 
}
.step_outer h2 div:first-child{
    font-family: 'Anton', sans-serif;
    font-size: 47px;
    font-weight: 400;
    padding-right: 25px;
}
.step_outer h2 div:first-child span{
    font-size: 23px;
}
.step_outer h2 div:last-child{
    font-size: 25px;
}
.step_outer h2 div:last-child span{
    display: block;
    font-size: 15px;
}
.step_outer .step_txt {
    background-color: #b3cffd;
    font-weight: bold;
    color: #0e3e8d;
    padding: 15px 20px;
    font-size: 20px;
}
.step_arrow {
    text-align: center;
    padding: 25px 0;
}
.step_arrow .arrow_txt {
    border: 4px solid #0e3e8d;
    border-radius: 15px;
    color: #0e3e8d;
    font-weight: bold;
    padding: 15px;
    font-size: 18px;
}
@media only screen and (max-width: 758px){
    .page_content section.inner.consultation_main {
        padding: 0;
    } 
}
@media only screen and (max-width: 450px){
    .cosultation_page_btn {
        flex-direction: column;
    }
    .cosultation_step_btn {
        flex-wrap: wrap;
        justify-content: center;
    }
    .cosultation_step_btn li{
        flex-basis: 50%;
        padding: 5px;
    }
    .step_outer h2 div:last-child {
        font-size: 18px;
    }
    .step_outer h2 div:last-child span {
        font-size: 12px;
    }
    .step_outer .step_txt {
        font-size: 15px;
    }
    .step_arrow .arrow_txt {
        font-size: 15px;
    }
}
/*-----------------------------------------------------------------------------
会社概要
-----------------------------------------------------------------------------*/
.company_table {
    max-width: 600px;
    margin: 0 auto;
}
.company_table th{
    width: 30%;
    padding: 20px;
    background-color: #efefef;
    border: 1px solid #ccc;
}
.company_table td{
    width: 70%;
    padding: 20px;
    border: 1px solid #ccc;
}
/*-----------------------------------------------------------------------------
塾ナビ
-----------------------------------------------------------------------------*/
.jukunavi_bg {
    background: url('https://www.misuzu-gakuen.jp/misuzu/wp-content/themes/misuzu/images/banner/jukunavi_sp.png') repeat-x center center;
    height: 185px;
    background-position: 0 0;
    -webkit-animation: bgroop 30s linear infinite;
    animation: bgroop 30s linear infinite;
}
/*-----------------------------------------------------------------------------
チャットプラス
-----------------------------------------------------------------------------*/
#chatplusview.closed.headless #outline #eye_catcher {
    bottom: calc(20px * var(--zoom)) !important;
}


/*-----------------------------------------------------------------------------
ファーストビューポップアップ
-----------------------------------------------------------------------------*/

.first_view_btn {
    display: flex;
    justify-content: space-between;
    background-color: #014099;
    width: 100%;
    padding: 0 3px 5px;
}
.first_view_btn li{
    padding: 0 3px;
    flex-basis: 33.33333%;
}
body.top_page {
    /*padding-top: 0 !important;*/
    overflow-x: hidden;
    /*width:100%;
    overflow-x: hidden !important;*/
}
.overlay_top{
display:none;
width:100%;
height:100%;
background: rgba(0,0,0,0.8);
position:fixed;
z-index:1000000000;
}
.btn_area{
height: 100vh;
max-width: 500px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%)
z-index:2000000000;
}
.overlay_close_btn {
text-align: center;
}
.overlay_close_btn a{
display: inline-block;
margin-top: 10px;
background-color: #fff;
color: #0038a0;
font-weight: bold;
padding: 3px 10px;
border-radius: 10px;
cursor: pointer;
}
@media only screen and (max-width: 450px){
.btn_area{
    padding: 0 15px;
}
}







/* anim */


.anim {
  opacity: 0;
  transition: all .5s ease;
}
 
.anim.show {
  opacity: 1;
  transform: none;
}
 
.anim--lr {
  transform: translate(-50px, 0);
}
 
.anim--rl {
  transform: translate(50px, 0);
}
 
.anim--up {
  transform: translate(0, 50px);
}
 
.anim--down {
  transform: translate(0, -50px);
}
 
.anim--scaleUp {
  transform: scale(.5);
}
 
.anim--scaleDown {
  transform: scale(1.5);
}
 
.anim--rotateL {
  transform: rotate(180deg);
}
 
.anim--rotateR {
  transform: rotate(-180deg);
}

.anim--fadeIn{
    transform: translate(0, 0);
}






/*-----------------------------------------------------------------------------
無料体験
-----------------------------------------------------------------------------*/

.consultation_trial{
    background-color: #fff !important;
}

.second_content{
    margin: 0 auto;
    /*max-width: 1180px;*/
    padding: 0 0px 100px;
    background-color: #fff;
}

.second_content h1.basic_h1{
    text-align: center;
    color: #014099;
    font-size: 28px;
    padding: 25px 0;
}

.consul_block{
    padding: 0 10px 20px;
}

.consul_point{
    margin:30px 20px;
}

.consul_block .consul_point h3{
    text-align:center;
    border-bottom:3px solid #00489A;
    color:#00489A;
    font-size:22px;
    margin: 0 auto 10px;
    background-image:url(/wp-content/themes/misuzu/images/page/consul_chara01.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 40px 0 0;    
}

.consul_step1{
    background-image:url(/wp-content/themes/misuzu/images/page/consul_chara01.png) !important;
    background-repeat: no-repeat;
}

.consul_step2{
    background-image:url(/wp-content/themes/misuzu/images/page/consul_chara02.png) !important;
    background-repeat: no-repeat;
}

.consul_step3{
    background-image:url(/wp-content/themes/misuzu/images/page/consul_chara03.png) !important;
    background-repeat: no-repeat;
}

.consul_step4{
    background-image:url(/wp-content/themes/misuzu/images/page/consul_chara04.png) !important;
    background-repeat: no-repeat;
}

.consul_step5{
    background-image:url(/wp-content/themes/misuzu/images/page/consul_chara05.png) !important;
    background-repeat: no-repeat;
}

.consul_point h4{
    font-size: 20px;
    margin: 0 0 5px;
    text-align: center;
}

.consul_point h5{
    text-align:center;
    font-size:17px;
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
}

.consul_point p{
    font-size:16px;
    text-align: center;
}

.consul_point li{
    text-align: left;
    padding: 0.5em 0 0;
}

.consul_point .consul_contact{
    border:1px solid #666;
    padding: 30px 20px 20px;
    display: inline-block;
    width: 100%;
}

.consul_point .consul_tel{
    text-align: center;
    font-size:40px;
    font-weight:bold;
    margin: 0 0 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.consul_point .consul_tel a:hover{
    color:#00489A;
    text-decoration:none;
}

.consul_contact_btn a{
    max-width: 90% !important;;
    padding: 20px !important;
    font-size: 1.4rem !important;
    margin: 0 auto 20px !important;
}

.detail_btn05{
    padding:10px 0 0;
    clear:both;
}

.detail_btn05 a{
    padding: 10px;
    max-width: 440px;
    display: block;
    margin: auto;
    text-align: center;
    border: 5px solid #00489A;
    border-radius: 60px;
    font-size: 1.8rem;
    color: #00489A;
    background: #ff0;
    transition: all 0.5s ease;
    box-shadow: 8px 8px 0 #00489A;
    font-weight: bold;
    font-family: "Yusei Magic", sans-serif;
    position: relative;
}

.detail_btn05 a:hover{
    border: 5px solid #00489A;
    background-color: #fff;
    color:#00489A;
    text-decoration:none;
}

.detail_btn05 a i{
    position:relative;
    left:5px;
    background: #00489A;
    color:#fff;
    padding: 1px 5px 1px 7px;
    border-radius: 28px;
}

.consul_up_area_outer{
    padding: 0 0 30px;
    background-image:url(/wp-content/themes/misuzu/images/page/bg_consul_top01.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    text-align:center;
    background-size: contain;
}

.consul_up_area_outer img{
    width:57%;
}

.consul_up_block{
    margin:80px 0 40px;
}

.consul_up_block img{
    width:40%;
}

.consul_problem_area_outer{
    padding: 40px 0 60px;
    background-image:url(/wp-content/themes/misuzu/images/page/bg_consul_top02.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    text-align:center;
    background-size: contain;
}

.consul_problem_area_outer img{
    width:56%;
}

.consul_problem_block{
    margin:-40px 0 0;
}

.consul_problem_block img{
    width:40%;
    margin: 0 0 30px 60px;
}

.consul_movie_area_outer{
    /*clear: both;*/
    background-color: #f3f3f3;
    padding: 20px 0 50px;
    /*display: flex;*/
}

.consul_flow_area_outer{
    padding: 50px 0 0;
    text-align: center;
}

.consul_flow_pic{
    text-align:center;
    margin: 30px 0 60px;
}

.consul_flow_memo{
    max-width:800px;
    margin: auto;
    text-align: left;
}

.consul_flow_memo h4{
    font-size:20px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 0 20px;
    text-align:center;
}

.consul_flow_memo p{
    line-height:1.8;
    margin: 0 0 20px;
}

.consul_voice_area_outer{
    clear: both;
    background-color: #f3f3f3;
    padding: 20px 0 50px;
    display: flex;
}

.consul_video_area_outer{
    padding: 50px 0;
    clear: both;
}

.consul_voice_main{
    text-align:center;
}



.consul_voice_main p{
    padding:0.5em 0 0;
    margin:0;
    font-size: 16px;
}

.consul_pointBox{

}

.consul_pointBlock{
    text-align:center;
    padding:20px 10px 20px !important;
}

.consul_pointBox h3{
    margin:0;
}

.consul_pointBox h4{
    font-size:17px;
    height: 45px;
    margin:0 0 10px;
    font-family: 'Noto Sans JP', sans-serif;
}

.consul_point_img{
    /*border:5px solid #fff;*/
    background: #fff;
    padding: 20px;
    margin: 0 0 20px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-align: left;
}

.consul_point_img img{
    padding: 0 0 0.5em;
    text-align:center;
}

.consul_point_text01{
    margin:0 0 20px;
}

.consul_ob{
    text-align:center;
    padding:0 20px !important;
    /*background-color:#fff;*/
}

.consul_ob_chara{
    padding: 20px 0;
}

.consul_ob_img{
    padding:0 10px;
}

.consul_ob_img img{
    width:100%;
}

.consul_ob_result{
    padding: 20px 0;
}

.consul_ob_result table{    
    border-collapse: separate;
    border-spacing: 10px;
}

.consul_ob_result th{
    background-color:#00489A;
    color:#fff;
    width:33%;
    font-size: 18px;
}

.consul_ob_result td{
    border-spacing: 10px;
}

.ob_result{
    font-size:20px;
    color: #00489A;
    font-weight: bold;
}

.ob_result span{
    font-size:40px;
    font-family: 'Outfit', sans-serif;
    font-style: oblique;
    color: #FFFF00;
    text-shadow: 0px 0px 5px #00489A;
    font-weight: bold;
    /*-webkit-text-stroke: 1px #00489A;
    text-stroke: 1px #FFF;*/
    letter-spacing: -4px;
}

.ob_subject{
    font-size:20px;
    border:5px solid #00489A;
    color:#00489A;
    font-weight:bold;
}

.consul_ob li.consul_ob_text{
    text-align:left;
    font-size: 16px;
    padding: 0 10px;
}

@media only screen and (max-width: 768px) {
    .detail_btn05 a{
        max-width:300px;
        font-size: 1.4rem;
        border: 5px solid #00489A;
        box-shadow: 5px 5px 0 #00489A;
    }
    .second_content{
        padding: 0 0px 30px;
    }

    .consul_up_area_outer{
        padding: 0 0 30px;
        background-size: 175%;
    }
    .consul_up_area_outer img{
        width:100%;
    }
    .consul_up_block{
        margin:30px 0 0;
    }
    .consul_up_block img{
        width:85%;
    }

    .consul_problem_area_outer{
        padding: 10px 0 60px;        
        background-size: 160%;
    }
    
    .consul_problem_area_outer img{
        width:92%;
    }
    .consul_problem_block{
        margin:-30px 0 0;
    }
    .consul_problem_block img{
        width:80%;
        margin: -5px 0 30px 60px;
    }

    .consul_flow_area_outer{
        padding: 0 0 0;
    }    
    .consul_flow_pic{
        margin: 10px 0 50px;
    }
    .consul_flow_pic img{
        width:90%;
    }
    .consul_voice_main p{
        text-align: left;
    }
    .consul_voice_main img{
        width:100%;
    }
    .consul_point{
        margin:10px 10px;
    }
    .consul_pointBox h4{
        height:auto;
    }
    .consul_pointBlock {
        padding: 20px 0 0 !important;
    }

    .consul_point .consul_tel{
        font-size:28px;
        margin: 0 0 10px;
    }
    .consul_point .consul_contact{
        padding: 30px 0 20px;
    }

    .consul_ob{
        padding:0 5px 20px !important;
        
    }
    .consul_ob_chara img{
        width:80%;
    }

    .consul_ob_img{
        padding:0 0;
    }

    .consul_ob li.consul_ob_text{
        padding: 0;
    }
}



/*-----------------------------------------------------------------------------
新TOPICS
-----------------------------------------------------------------------------*/

.page-template-archive_all{
    background-color: #fff !important;
}

.topics2ndArea h1{
    text-align: center;
    padding: 60px 0 20px;
}

.topics2ndArea a:hover{
    color:#00489A;
}

.topics_menu{
    padding: 30px 0 50px;
}

.topics_menu ul{

}

.topics_menu li {
    display: table-cell;
    padding: 0 8px;
    width: 10%;
}

.topics_menu li a{
    border:1px solid #999;
    padding:20px 5px;
    width: 100%;
    display: block;
    text-align:center;
    font-size: 16px;
}

.topics_content{
    padding:0 10px;
}

.topicsBox{
    padding:0 0 50px;
}

.topicsBox h2{
    border-bottom:2px solid #aaa;
    margin:0 0 10px;
    padding: 0 0 5px;
    line-height: 1.1;
}

.topicsBox h2 span{
    font-size:13px;
}

.topicsBox li{
    padding:10px 0;
    font-size: 15px;
}

.topics_detailBtn{
    float: right;
}

.topics_detailBtn a{
    background-color: #eee;
    padding: 6px 40px;
    border-radius: 20px;
    font-size: 14px;
}

.topics_detailBtn a:hover{
    background-color: #00489A;
    color:#fff;
    transition: all 0.5s ease;
    text-decoration: none;
}

.topics_column{

}

.topics_column li{
    display: table-cell;
    padding: 10px 5px;
    text-align:center;
}

@media only screen and (max-width: 768px) {
    .topics2ndArea h1{
        padding: 30px 0 20px;
    }
    .topics_menu li {
        display: inline-block;
        padding: 0 8px;
        width: 49%;
        margin: 0 0 10px;
    }
    .topics_detailBtn{
        /*margin:5px 0 0;*/
        display: none;
    }
    .topics_detailBtn a{
        padding: 6px 40px;
        border-radius: 20px;
        margin:5px 0 0;
    }
    .topics_column li{
        display: block;
        padding: 10px 5px 0;
    }
}



/*-----------------------------------------------------------------------------
英検と選抜
-----------------------------------------------------------------------------*/

.selectionHead{

}

.selectionHead h1{
    padding: 50px 0 0 !important;
    font-size: 32px !important;
}

.selectionPoint{
    background-color:#7e8da7;
    margin:30px 0 0;
    padding: 20px;
}

.selectionHead ul{
    background-color:#fff;    
    font-size: 18px;
    line-height: 2;
    padding: 20px;
    font-weight: bold;
}

.selectionHead li{
    border-bottom:1px dotted #999;
    line-height:1.4;
    padding:5px;
}

.selectionHead li:nth-child(1){
    border-top:1px dotted #999;
}

.selectionHead p{
    text-align:center;
    padding: 0 !important;
}

.selectionArea{


}

.selectionArea h2{
    padding: 40px 0 0;
}

.selectionArea h3{
    color:#fff;
    font-size:20px;
    background: #014099;
    padding: 10px;
    margin: 30px 0 0;
}

.selectionArea h4{
    font-size: 18px;
    margin: 20px 25px 10px;
}

.selectionArea ul{
    margin: 0 25px 10px;
    font-size: 16px;
    line-height: 2;
}

.selectionBox{
    padding:0 25px;
}

.selectionArea table{
    border:1px solid #999;
    font-size: 16px;
    margin:20px 0 0;
}

.selectionArea th{
    background-color:#DBEDFF;
    border:1px solid #999;
    padding: 10px;
}

.selection50{
    width:50%;
}

.selectionArea td{
    border:1px solid #999;
    padding: 10px;
    line-height:1.6;
}

.selectionMemo{
    padding:0 25px;
}


@media only screen and (max-width: 768px) {
    .selectionHead h1{
        padding: 0 0 0 !important;
        font-size: 24px !important;
    }
    .selectionPoint{
        margin:30px 0 0;
        padding: 10px;
    }
    .selectionHead ul{
        padding: 10px;
        font-size: 16px;
    }
    .selectionHead p{
        line-height: 1.6 !important;
    }

    .selectionArea h4{
        font-size: 18px;
        margin: 20px 0 10px;
    }
    
    .selectionArea ul{
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 2;
    }

    .selectionBox{
        padding:0;
        overflow-x: auto;
    }

    .selectionArea table{
        width: 100%;
        min-width: 650px;
        
    }

    .selectionMemo{
        padding:0;
    }
}



/* Lightboxの画像を上下中央に表示する */
#lightbox {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}



/*-----------------------------------------------------------------------------
合格実績
-----------------------------------------------------------------------------*/

.bg_passing_record{
    background-image:url(/wp-content/themes/misuzu/images/passing_record/bg_passing_record01.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.detail_btn04{
    padding:10px 0 0;
    clear:both;
}

.detail_btn04 a{
    padding: 10px;    
    max-width: 380px;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px solid #00489A;
    border-radius: 40px;
    font-size: 14px;
    color: #fff;
    background: #00489A;
    transition: all 0.5s ease;
    box-shadow: 1px 1px 3px #999;
    font-weight: bold;
}

.detail_btn04 a:hover{
    border: 1px solid #fff;
    background-color: #fff;
    color:#00489A;
}

.detail_btn04 a i{
    position:relative;
    left:10px;
    top:2px;
    /*background: #00489A;*/
    color:#fff;
    padding: 2px 0 1px 7px;
    border-radius: 28px;
    font-size: 1.4em;
}

.detail_btn04 a:hover i{
    color:#00489A;
}

.passing_record_catch{

}

.passing_record_catch p {
  position: relative;
  display: inline-block;
  padding: 0.5em 4em; /* 余白は適宜調整 */
  font-weight: bold;
  text-align: center;
  font-size:30px;
  margin: 1em 0 1.5em;
}

.passing_record_catch p::before,
.passing_record_catch p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px;
  height: 3px;
  background: #333; /* 線の色 */
  transform: rotate(45deg);
}

.passing_record_catch p::before {
  left: 0;
  transform: rotate(45deg) translateY(-50%);
}

.passing_record_catch p::after {
  right: 0;
  transform: rotate(-45deg) translateY(-50%);
}


.passing_record_feature{
    margin:0 0 5em;

}

.passing_record_feature h3{
    font-size:24px;
}

.passing_record_feature h3 span{
    font-size:48px;
    color:#D6A96E;
    font-family: 'Outfit', sans-serif;
    font-weight: bold;
}

.passing_record_featureBox{
    max-width:900px;
    margin:auto;
    padding:40px 50px 20px;
    border:5px solid #00489A;
    text-align:left;
}


.passing_record_featureList {
    list-style: none;
    padding-left: 0;
}

.passing_record_featureList li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1em;
    font-size:20px;
}

.passing_record_featureList .num {
    flex: 0 0 auto;
    /*width: 2em;*/ /* 番号幅を固定 */
    text-align: right;
    margin-right: 0.5em;
    color:#D6A96E;
    font-family: 'Outfit', sans-serif;
    font-weight:bold;
    font-size:24px;
    line-height: 1.0;;
}

.passing_record_featureList .text {
    flex: 1;
    font-weight: bold;
}

.passing_record_special_training{
    margin: 0 0 5em;
}

.passing_record_special_training h3{
    font-size:24px;
}

.passing_record_special_training h3 span{
    font-size:36px;
    color:#D6A96E;
}

.passing_record_special_training h3 strong{
    font-size:36px;
}

.passing_record_special_training p{
    font-size:18px;
    margin: 20px auto 40px;
}

.passing_record_special_trainingBox {
  display: inline-flex;
  align-items: center;
  border-bottom: 2px solid #007bff; /* 青い線 */
  padding: 1em 0 1em;
  font-family: sans-serif;
  max-width:50%;
  margin: 0 1em;
  width: 40%;
}

.special_trainingImg img {
  /*width: 60px;*/
  height: auto;
  padding:0 20px;
}

.special_trainingList {
  display: flex;
  gap: 2em;
  margin: auto;
  font-weight: bold;
}

.special_trainingItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}

.title {
  margin-bottom: 0.4em;
}

.circle-icon {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 0.1em;
  color: #333;
}

.label {
  color: #007bff;
}

.passing_record_point{

}

.passing_record_point h3{
    font-size:24px;
}

.passing_record_point h3::after{
    content: "";
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url('/wp-content/themes/misuzu/images/passing_record/ico_sparkling.png') no-repeat center center;
    /*background-size: contain;*/
    margin-left: 0.5em;

}

.passing_record_point h3 .underline01{
    display: inline;
    background-image: linear-gradient(to bottom, yellow 0%, yellow 100%);
    background-size: 100% 0.6em;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.passing_recordBox{
    display: flex;
}

.passing_record_year{
    margin:80px 0 0;
    width: 100%;
}

.passing_record_year h4{
    background: url('/wp-content/themes/misuzu/images/passing_record/bg_passing_record_ribbon.png') no-repeat center center;

    color:#fff;
    width: 100%;
    height: 87px;      /* 画像のサイズに応じて調整 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.pass_universityList{
    margin:40px auto 0;
    padding:0 10px;
    list-style: none;
    /*width: 300px;*/
    text-align: left;
}

.pass_universityList li {
    display: inline-block;
    /*justify-content: space-between;*/
    align-items: center;
    padding: 15px 5px;
    font-size: 20px;
    width:290px;
}

.pass_universityList .univ_name {
    color: #333;
    font-weight: bold;
}

.pass_universityList .univ_faculty {
    color: #333;
    font-size:16px;
    text-indent: 0.5em;
}

.pass_universityList .univ_count {
    color: #333;
    font-size:16px;
}

.pass_universityList .univ_count .pass_number {
    color: red;
    font-weight: bold;
    font-size: 22px;
}

.passing_record_year p{
    font-size:18px;
    margin:30px 0 0;
}

.passing_record_year p span{
    font-size:14px;
}

.second_content h2{
    text-align: center;
    color: #00489A;
    font-size: 3em;
    margin: 0 auto 80px;
    position: relative;
}

.second_content h2::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    display: inline-block;
    width: 120px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #00489A;
}

@media only screen and (max-width: 1000px) {
    .passing_record_special_trainingBox {
        width: 45%;
    }
}

@media only screen and (max-width: 768px) {
    .passing_record_catch p {
        font-size:20px;
    }
    .passing_record_feature h3{
        font-size:20px;
    }
    .passing_record_feature h3 span{
        font-size:34px;
    }
    .passing_record_featureBox{
        margin:auto;
        padding:30px 20px 20px;
    }

    .passing_record_featureList li {
        font-size:16px;
    }
    .passing_record_special_training h3{
        font-size:18px;
    }

    .passing_record_special_training h3 span{
        font-size:24px;
        color:#D6A96E;
    }

    .passing_record_special_training h3 strong{
        font-size:24px;
    }

    .passing_record_special_training p{
        font-size:14px;
    }
    .passing_record_special_trainingBox {
        max-width:100%;
        margin: 0 0;
        width: 75%;
    }
    .special_trainingList {
        /*gap: 3em;*/
    }
    .special_trainingImg img {
        padding:0 10px;
    }
    .passing_record_point h3{
        font-size:18px;
    }
    .passing_record_year h4{
        font-size:24px;
    }

    .passing_recordBox{
        display: block;
    }
    .passing_record_year{
        margin:40px 0 0;
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .passing_record_special_trainingBox {
        width: 85%;
    }
}

@media only screen and (max-width: 480px) {
    .passing_record_special_trainingBox {
        width: 100%;
    }
}


/*-----------------------------------------------------------------------------
合格者の声2025 一覧
-----------------------------------------------------------------------------*/

.successful_applicant_area_outer{
    margin:auto;
}

.successful_applicant_content{
    text-align: center;
    padding: 0 10px;
}

.successful_applicant_head_txt{
    text-align: center;
}

.successful_applicant_head_txt h3{
    font-size:28px;
    margin: 20px auto;
}

.successful_applicant_head_txt p{
    font-size:18px;
    line-height: 1.8;
    margin: 0;
    font-weight: bold;
    color:#000;
}

.successful_applicant_head_txt .underline02{
    display: inline;
    background-image: linear-gradient(to bottom, #FFAA00 0%, #FFAA00 100%);
    background-size: 100% 1em;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.successful_applicant_pc{

}

.successful_applicant_sp{
    display:none;
}

.successful_applicant_listArea{
    margin:30px 0 0;
}

.successful_applicant_list_2col{
    display:flex;
    margin: auto;
    max-width: 1000px;
    gap: 25px;
}

.successful_applicant_listBox{
    width: 100%;
    margin:0 0 50px;
}

.successful_applicant_listBox img{
    width: 100%;
}

.successful_applicant_listBox a.btn{
    padding:6px;
    width:50%;
    border-radius: 30px;
    border: 5px solid #333;
    display: block;
    font-weight: bold;
    font-size: 1.4em;
    margin: -125px auto 0;
    position: relative;
}

.successful_applicant_listBox a.btn:hover{
    color:#00489a;
}

@media only screen and (max-width: 640px) {
    .successful_applicant_content{
        
    }
    .successful_applicant_pc{
        display:none;
    }
    .successful_applicant_sp{
        display:block;
    }
    .successful_applicant_list_2col{
        display:block;
        margin: auto;
        max-width: 1000px;
        gap: 25px;
    }
    .successful_applicant_listBox{
        margin:0 0 50px;
    }
    .successful_applicant_listBox a{
        padding:6px;
        width:50%;
        border-radius: 30px;
        border: 3px solid #333;
        display: block;
        font-size: 1.3em;
        margin: -100px auto 0;
    }
}


/*-----------------------------------------------------------------------------
合格者の声2025 詳細
-----------------------------------------------------------------------------*/

.student_area_outer{
    margin:auto;
}

.student_content{
    text-align: center;
    padding: 0 10px;
}

.student_mainArea{

}

.student_txtArea{
    max-width: 1000px;
    margin: auto;
    padding: 0 10px;
    text-align: left;
}


.student_txtArea p{
    font-size:20px;    
    background: url('/wp-content/themes/misuzu/images/successful_applicant/bg_bar_successful_applicant02.png');
    background-repeat: repeat-y;
    /*background-position: center;*/
    background-size: auto 50px;
    line-height: 50px;
    font-family: "Yusei Magic", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 0 0 50px;
}


.student_txtArea p .underline_sky{
    display: inline;
    background-image: linear-gradient(to bottom, #28EBFF 0%, #28EBFF 100%);
    background-size: 100% 1em;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.student_txtArea p .underline_yellow{
    display: inline;
    background-image: linear-gradient(to bottom, #ffff00 0%, #ffff00 100%);
    background-size: 100% 1em;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.line-block {
  line-height: 50px;
  background-image: url('/wp-content/themes/misuzu/images/successful_applicant/bg_bar_successful_applicant02.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 50px;
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
    .student_txtArea p{
        font-size:16px;  
    }
}

/*-----------------------------------------------------------------------------
保護者の声2025 一覧
-----------------------------------------------------------------------------*/

.parents_comment_area_outer{
    margin:auto;
}

.parents_comment_content{
    text-align: center;
    padding: 0 10px;
}

.parents_comment_head_txt{
    text-align: center;
}

.parents_comment_head_txt h3{
    font-size:28px;
    margin: 20px auto;
}

.parents_comment_head_txt p{
    font-size:18px;
    line-height: 1.8;
    margin: 0;
    font-weight: bold;
}

.parents_comment_pc{

}

.parents_comment_sp{
    display:none;
}

.parents_comment_listArea{
    margin:30px 0 0;
}

.parents_comment_list_2col{
    display:flex;
    margin: auto;
    max-width: 1000px;
    gap: 25px;
}

.parents_comment_listBox{
    width: 100%;
    margin:0 0 50px;
}

.parents_comment_listBox img{
    width: 100%;
}



@media only screen and (max-width: 640px) {
    .parents_comment_content{
        
    }
    .parents_comment_pc{
        display:none;
    }
    .parents_comment_sp{
        display:block;
    }
    .parents_comment_list_2col{
        display:block;
        margin: auto;
        max-width: 1000px;
        gap: 25px;
    }
    .parents_comment_listBox{
        margin:0 0 50px;
    }
    .parents_comment_listBox a{
        padding:6px;
        width:50%;
        border-radius: 30px;
        border: 3px solid #333;
        display: block;
        font-size: 1.3em;
        margin: -100px auto 0;
    }
}


/*-----------------------------------------------------------------------------
保護者の声2025 詳細
-----------------------------------------------------------------------------*/

.parents_area_outer{
    margin:auto;
}

.parents_content{
    text-align: center;
    padding: 0 10px;
}

.parents_mainArea{

}

.parents_txtArea{
    max-width: 1000px;
    margin: 3em auto 0;
    padding: 0;
    text-align: left;
}

.qaBlock1{
    margin:0 0 1em;
}

.qaBlock1::after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image: url('/wp-content/themes/misuzu/images/parents_comment/bg_star_purple.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 10px 30px 0 auto;
}

.qaBlock2{
    margin:0 0 3em;
}

.qaBlock2::after{
    content: '';
    display: block;
    width: 120px;
    height: 120px;
    background-image: url('/wp-content/themes/misuzu/images/parents_comment/bg_star_purple.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: -60px 0 0 0;
}

.questionBlock{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 2em;
}

.questionBlock .q_circle{
    width: 12%;
}

.questionBlock .q_circle img{
    /*width: 100%;*/
}

.questionBlock .q_text{
    color:#342371;
    /*font-size:20px;*/
    width: 86%;
}

.answerBlock{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 0 0 0 10em;
}

.a_icon{
    width: 12%;
    /*text-align: right;*/
}

.a_icon img{
    /*width: 100%;*/
}

.answerBlock .a_text{
    position: relative;
    background: #e6e6f6;
    border-radius: 15px;
    padding: 30px 40px;
    /*font-size: 2em;
    line-height: 1.6;
    font-family: "Yusei Magic", sans-serif;
    font-weight: 400;*/
    /*max-width: 700px;*/
    width: 86%;
}

.answerBlock .a_text p{
    font-size:20px;    
    background: url('/wp-content/themes/misuzu/images/parents_comment/bar_parent_purple.png');
    background-repeat: repeat;
    /*background-position: center;*/
    background-size: auto 40px;
    line-height: 40px;
    font-family: "Yusei Magic", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 0 0 20px;

}

@media only screen and (max-width: 640px) {
    .questionBlock .q_text{
        font-size:0.7em;
        line-height: 1.2;
    }
    .answerBlock {
        display: flex;
        gap: 15px;
        margin: 0 0 0 0;
    }
    .a_icon{
        
    }
    .a_icon img{
        
    }
    .answerBlock .a_text{
        padding:20px;
    }
    .answerBlock .a_text p{
        font-size:16px;    
    }
}



/*-----------------------------------------------------------------------------
塾ナビ
-----------------------------------------------------------------------------*/

.jyukunavi{
    overflow-x: hidden;
}

.second_content2{
    margin: 0 auto;
    padding: 0 0 0;
    background-color: #fff;
    scrollbar-width: none;
}

.second_content2::-webkit-scrollbar{
    display:none;
}

.jyukunavi_area_outer{
    margin:auto;
}

.jyukunavi_content{
    text-align: center;
    padding: 0;
}

.jyukunavi_mainArea img{
    z-index: 10;
    position: relative;
}

.jyukunavi_regionArea {
  position: relative; /* 背景の基準にする */
  overflow: hidden;
  /*top: -100px;*/
  margin: -100px 0 0;
}

.jyukunavi_regionBox{
    position: relative;
    max-width:1200px;
    margin: 100px auto 0;
    z-index: 1; /* 背景より上に出す */
}

.jyukunavi_regionBox h2{
    margin:0 0 50px;
}

.jyukunavi_regionBox ul.school_list{
    display: flex;
    gap: 20px;
    margin: 0 0 60px;
}

.jyukunavi_regionBox ul.school_list li{
    margin: 0 0 20px;
}

@media only screen and (max-width: 640px) {
    .jyukunavi_regionBox ul.school_list{
        display: block;
        /*margin: 0 0 60px;*/
    }
}

/* 桜アニメーション */

.sakura-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  z-index: 0;
}

.sakura-bg::before,
.sakura-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background-image: url('/wp-content/themes/misuzu/images/jyukunavi/bg_confetti.png');
  /*background-size: 300px auto;*/
  background-repeat: repeat;
  opacity: 0.8;

  /* ← fall用のwrapperアニメーションを別で指定 */
  animation: fall 50s linear infinite;
}

.sakura-bg::after {
  animation-delay: -20s;
  opacity: 0.6;
}

/* 下に降りるアニメーション */
@keyframes fall {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

/* ↓内部要素で「左右スウィング」を追加する擬似レイヤーを入れる */
.sakura-bg::before::after,
.sakura-bg::after::after {
  animation: sway 6s ease-in-out infinite alternate;
}

@keyframes sway {
  0% { transform: translateX(0); }
  100% { transform: translateX(30px); }
}

@media screen and (max-width: 768px) {
  .sakura-bg {
    display: none !important;
  }
}


/* 左キャラクター */

.jyukunavi_chara{
    position: absolute;
    /*top: 396px;*/
    left: -280px;
    width: 40%;
    margin-top: -1250px;
}

/* 右キャラクター */

.jyukunavi_chara2{
    position: absolute;
    /*top: 396px;*/
    right: -280px;
    width: 40%;
    margin-top: -580px;
}

.target-image{
    transition: transform 0.1s ease-out;
    transform: rotate(0deg);
}

@media only screen and (min-width: 1920px) {
    .jyukunavi_chara2{
        width: auto;
    }
}

@media only screen and (max-width: 1280px) {
    .jyukunavi_chara{
        display:none;
    }
    
    .jyukunavi_chara2{
        display:none;
    }
}



/* アニメーション発動時 */
.rotate-active {
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

/* 右回転（10度 → 戻る） */
.rotate-right.rotate-active {
  animation-name: rotateRightOnce;
}

/* 左回転（-10度 → 戻る） */
.rotate-left.rotate-active {
  animation-name: rotateLeftOnce;
}

/* アニメーション定義 */
@keyframes rotateRightOnce {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes rotateLeftOnce {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0);
  }
}


/**
 * ----------------------------------------
 * animation pulsate-fwd（校舎ウェーブ）
 * ----------------------------------------
 */

.pulsate-fwd01 {
	-webkit-animation: pulsate-fwd 1s ease-in-out 0.2s infinite both;
	        animation: pulsate-fwd 1s ease-in-out 0.2s infinite both;
}

.pulsate-fwd02 {
	-webkit-animation: pulsate-fwd 1s ease-in-out 0.4s infinite both;
	        animation: pulsate-fwd 1s ease-in-out 0.4s infinite both;
}

.pulsate-fwd03 {
	-webkit-animation: pulsate-fwd 1s ease-in-out 0.6s infinite both;
	        animation: pulsate-fwd 1s ease-in-out 0.6s infinite both;
}

.pulsate-fwd04 {
	-webkit-animation: pulsate-fwd 1s ease-in-out 0.8s infinite both;
	        animation: pulsate-fwd 1s ease-in-out 0.8s infinite both;
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}