@charset "utf-8";

/* ======================================================
 * base.css
 * ------------------------------------------------------
 * Reset
 * Basic
 * Common
 * Page
 * Header
 * Main
 * Footer
 * Aside
 * Page Component
 * Clearfix
====================================================== */

/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/* ----- custom ----- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
ul,ol{list-style:none;}
strong{font-weight:bold;}
em,i{font-style:italic;}
address{font-style:normal;}
hr,legend{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:50%;line-height:1;}
sup{top:-.7em;}
sub{bottom:-.1em;}
img{max-width:100%;height:auto;vertical-align:top;}

/* ------------------------------------------------------
 * Basic
------------------------------------------------------ */
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  color: #000;
/*  font: 1.5rem/1.66 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap : break-word;
}
body *,
body *::before,
body *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body > img {
  display: none !important;
}

/* ----- a ----- */
a {
  -webkit-tap-highlight-color: transparent;
}
a:link    {color:#0e357f;text-decoration:underline;}
a:visited {color:#0e357f;text-decoration:underline;}
a:hover   {color:#0e357f;text-decoration:none;}
a:active  {color:#0e357f;text-decoration:none;}

/* ------------------------------------------------------
 * General Purpose
------------------------------------------------------ */
/* ----- font ----- */
.f-bold{font-weight:bold!important;}
.f-italic{font-style:italic!important;}
.f-underline{text-decoration:underline!important;}
.f-strike{text-decoration:line-through!important;}
.f-normal-weight{font-weight:normal!important;}
.f-normal-style{font-style:normal!important;}

/* ------------------------------------------------------
 * Common
------------------------------------------------------ */
/* ----- layput ----- */
.Wrap {
  padding: 0 12px;
}

/* ------------------------------------------------------
 * Page
------------------------------------------------------ */
.Page {
  background: -webkit-linear-gradient(left,  rgba(255,215,1,1) 0%,rgba(255,238,0,1) 27%,rgba(255,241,4,1) 50%,rgba(255,238,0,1) 73%,rgba(255,215,1,1) 100%);
  background: linear-gradient(to right,  rgba(255,215,1,1) 0%,rgba(255,238,0,1) 27%,rgba(255,241,4,1) 50%,rgba(255,238,0,1) 73%,rgba(255,215,1,1) 100%);
}

/* ------------------------------------------------------
 * Header
------------------------------------------------------ */
/* ----- header-identity ----- */
.header-identity {
  padding: 15px 0;
}
.header-identity .identity_logo {
  text-align: center;
}
.header-identity .identity_logo img {
  max-width: 137px;
  width: 100%;
}

/* ------------------------------------------------------
 * Main
------------------------------------------------------ */
/* ----- heading-lv1 ----- */
.heading-lv1 {
  margin: 1px 0 0;
}
.heading-lv1 .heading_title {
  text-align: center;
}
.heading-lv1 .heading_title img {
  max-width: 375px;
  width: 100%;
}
.heading-lv1 .heading_image {
  margin: 12px 0 0;
  background-color: #f5f7fa;
  text-align: center;
}
.heading-lv1 .heading_image img {
  max-width: 375px;
  width: 100%;
}
.heading-lv1 .heading_text {
  background-color: #09357f;
  text-align: center;
}
.heading-lv1 .heading_text img {
  max-width: 375px;
  width: 100%;
}

/* ------------------------------------------------------
 * Footer
------------------------------------------------------ */
.Footer {
  margin: 20px 0 0;
  padding: 30px 0 85px;
  background-color: #fff;
}
.Pagetop {
  position: fixed;
  right: 0;
  bottom: 65px;
  z-index: 9999;
}
.Pagetop img {
  max-width: 43px;
  width: 100%;
}

/* ----- footer-utility ----- */
.footer-utility .utility_link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-utility .utility_link > * {
  font-size: 1.3rem;
  line-height: 1.1;
}
.footer-utility .utility_link > dt {
  margin: 0 5px 0 0;
}
.footer-utility .utility_link > dt:after {
  content: "：";
}
.footer-utility .utility_link > dd ul {
  display: flex;
  align-items: center;
}
.footer-utility .utility_link > dd ul > li {
  position: relative;
}
.footer-utility .utility_link > dd ul > li + li {
  margin-left: 10px;
  padding-left: 10px;
}
.footer-utility .utility_link > dd ul > li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #888;
}
.footer-utility .utility_link > dd ul > li a {
  font-weight: 700;
}

/* ----- footer-copyright ----- */
.footer-copyright {
  margin: 15px 0 0;
}
.footer-copyright small {
  display: block;
/*  font-size: 1.1rem; */
  font-size: 1.2rem;
  font-family: Roboto, Arial, Helvetica, Tahoma, Verdana;
  line-height: 1.1;
  text-align: center;
}
.footer-copyright p {
  margin: 10px 0 0;
/*  font-size: 1.1rem; */
  font-size: 1.2rem;
  line-height: 1.1;
  text-align: center;
}

/* ----- footer-identity ----- */
.footer-identity {
  margin: 20px 0 0;
}
.footer-identity .identity_logo {
  text-align: center;
}
.footer-identity .identity_logo img {
  max-width: 109px;
  width: 100%;
}

/* ------------------------------------------------------
 * Aside
------------------------------------------------------ */
.Aside {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 65px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background-color: #fff;
  z-index: 9999;
}

/* ----- aside-conversion ----- */
.aside-conversion {
  padding: 8px 6px 0;
}
.aside-conversion .conversion_button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aside-conversion .conversion_button > li {
  max-width: 178px;
  width: 100%;
}
.aside-conversion .conversion_button > li + li {
  margin-left: 6px;
}

.cv_reservation {
	margin-bottom: 20px;
}

/* ------------------------------------------------------
 * Page Component
------------------------------------------------------ */
/* ----- index-layout ----- */
/* v1 */
.index-layout {
  margin: 15px 0 0;
}
.index-layout .index_button + .index_button {
  margin-top: 20px;
}
/* 夏期講習・冬期講習バナー */
.banner_area {
	text-align: center;
}
.banner_area img {
	margin-top: 5px;
}

.index-layout .index_button > dt {
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.index-layout .index_button > dd {
  margin: 7px -1px 0;
  text-align: center;
}
.index-layout .index_button > dd img {
  max-width: 352px;
  width: 100%;
}
.index-layout .index_button_2 {
  margin: 20px 0 0;
}
.index-layout .index_button_2 > li {
  line-height: 0;
  text-align: center;
}
.index-layout .index_button_2 > li img {
  max-width: 332px;
  width: 100%;
}
.index-layout .index_button_3 {
  margin: 17px 0 0;
}
.index-layout .index_button_3 > li {
  margin: 0 -2px;
  text-align: center;
}
.index-layout .index_button_3 > li img {
  max-width: 352px;
  width: 100%;
}


/* 合格先駆け講座バナー */
.bn01 {
	margin-top: 15px;
	text-align: center;
}



/* v2 */
.index-layout-v2 {
  margin: 27px 0 0;
  padding: 0 0 25px;
  background-color: #fff;
}
.index-layout-v2 + .index-layout-v2 {
  margin-top: 0;
}
.index-layout + .index-layout-v2 {
  margin-top: 17px;
}
.index-layout-v2 .index_image {
  margin: 0 -12px;
}
.index-layout-v2 .index_image img {
  width: 100%;
}
.index-layout-v2 .index_catch {
  position: relative;
  padding: 38px 0 0;
}
.index-layout-v2 .index_catch .catch_ballon {
  position: absolute;
  top: -18px;
  left: 0;
  width: 100%;
  text-align: center;
}
.index-layout-v2 .index_catch .catch_ballon img {
  max-width: 124px;
  width: 100%;
}
.index-layout-v2 .index_catch .catch_text {
  text-align: center;
}
.index-layout-v2 .index_catch .catch_text img {
  max-width: 351px;
  width: 100%;
}
.index-layout-v2 .index_text {
  margin: 15px 0 0;
}

/* v3 */
.index-layout-v3 {
  margin: 27px 0 0;
}
.index-layout-v3 .index_image {
  text-align: center;
}
.index-layout-v3 .index_image img {
  max-width: 351px;
  width: 100%;
}
.index-layout-v3 .index_image_2 {
  margin: 36px 0 0;
  text-align: center;
}
.index-layout-v3 .index_image_2 img {
  max-width: 351px;
  width: 100%;
}
.index-layout-v3 .index_frame {
  margin: 22px 0 0;
  padding: 25px 23px;
  background-color: #fff;
  border-radius: 3px;
}
.index-layout-v3 .index_frame + .index_frame {
  margin-top: 15px;
}
.index-layout-v3 .index_frame .frame_heading {
  text-align: center;
}
.index-layout-v3 .index_frame .frame_heading img {
  max-width: 305px;
  width: 100%;
}
.index-layout-v3 .index_frame .frame_image {
  margin: 20px 0 0;
  text-align: center;
}
.index-layout-v3 .index_frame .frame_image img {
  max-width: 305px;
  width: 100%;
}
.index-layout-v3 .index_frame .frame_text {
  margin: 15px 0 0;
/*  font-size: 1.3rem; */
}
.index-layout-v3 .index_frame .frame_text .text_highlight {
  font-size: 1.8rem;
  font-weight: 700;
}
.index-layout-v3 .index_frame .frame_text .text_highlight.type-green {
  color: #009844;
}
.index-layout-v3 .index_frame .frame_text .text_highlight.type-red {
  color: #e50012;
}

/* v4 */
.index-layout-v4 {
  margin: 27px 0 0;
}
.index-layout-v3 + .index-layout-v4 {
  margin-top: 32px;
}
.index-layout-v9 + .index-layout-v4 {
  margin-top: 20px;
}
.index-layout-v4 .index_button > li {
  margin: 0 -2px;
  text-align: center;
}
.index-layout-v4 .index_button > li + li {
  margin-top: 6px;
}
.index-layout-v4 .index_button > li img {
  max-width: 352px;
  width: 100%;
}
.index-layout-v4 .index_button_2 {
  margin: 20px 0 0;
}
.index-layout-v4 .index_button_2 > li {
  line-height: 0;
  text-align: center;
}
.index-layout-v4 .index_button_2 > li img {
  max-width: 332px;
  width: 100%;
}
.index-layout-v4 .index_button_3 {
  margin: 17px 0 0;
}
.index-layout-v4 .index_button + .index_button_3 {
  margin-top: 6px;
}
.index-layout-v4 .index_button_3 > li {
  margin: 0 -2px;
  text-align: center;
}
.index-layout-v4 .index_button_3 > li img {
  max-width: 352px;
  width: 100%;
}

/* v5 */
.index-layout-v5 {
  margin: 28px 0 0;
}
.index-layout-v5 .index_heading {
  text-align: center;
}
.index-layout-v5 .index_heading img {
  max-width: 351px;
  width: 100%;
}
.index-layout-v5 .index_list {
  margin: 17px 0 0;
  padding: 0 5px;
}
.index-layout-v5 .index_list > li {
  position: relative;
  padding: 15px 0 15px 56px;
  font-size: 1.8rem;
  font-weight: 700;
}
.index-layout-v5 .index_list > li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 41px;
  height: 33px;
  background: url("../img/com_curriculum_ic01.png") no-repeat 50% 0;
  background-size: auto 100%;
}
.index-layout-v5 .index_list > li + li {
  border-top: 2px solid #29396f;
}
.index-layout-v5 .index_note {
  display: flex;
  justify-content: flex-end;
}
.index-layout-v5 .index_note > li {
  position: relative;
  padding: 0 0 0 1em;
  font-size: 1.1rem;
}
.index-layout-v5 .index_note > li .note_mark {
  position: absolute;
  top: 0;
  left: 0;
}
.index-layout-v5 .index_frame {
  overflow: hidden;
  position: relative;
  padding: 23px 18px 0;
  background-color: #fff;
  border-radius: 3px;
  z-index: 0;
}
.index-layout-v5 .index_note + .index_frame {
  margin-top: 27px;
}
.index-layout-v5 .index_frame::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 100% auto;
  z-index: -1;
}
.index-layout-v5 .index_frame.type-frame1.type-green {
  padding-bottom: 28px;
}
.index-layout-v5 .index_frame.type-frame1.type-green::before {
  top: 81px;
  right: 0;
  width: 187px;
  height: 298px;
  background-image: url("../img/com_curriculum2_bg01.jpg");
}
.index-layout-v5 .index_frame.type-frame2.type-green::before {
  top: 63px;
  left: 0;
  width: 263px;
  height: 328px;
  background-image: url("../img/com_curriculum2_bg02.jpg");
}
.index-layout-v5 .index_frame.type-frame1.type-red::before {
  top: 101px;
  right: 0;
  width: 161px;
  height: 244px;
  background-image: url("../img/com_curriculum3_bg01.jpg");
}
.index-layout-v5 .index_frame.type-frame2.type-red::before {
  top: 59px;
  left: 0;
  width: 153px;
  height: 262px;
  background-image: url("../img/com_curriculum3_bg02.jpg");
}
.index-layout-v5 .index_frame.type-frame2.type-green {
  margin-top: 35px;
}
.index-layout-v5 .index_frame.type-frame1.type-red {
  padding-bottom: 32px;
}
.index-layout-v5 .index_frame.type-frame2.type-red {
  margin-top: 35px;
}
.index-layout-v5 .index_frame .frame_heading {
  margin: 0 -18px;
  text-align: center;
}
.index-layout-v5 .index_frame .frame_heading img {
  max-width: 351px;
  width: 100%;
}
.index-layout-v5 .index_frame .frame_text {
  max-width: 315px;
  width: 100%;
  margin: 20px auto 0;
	line-height: 1.66;
}
.index-layout-v5 .index_frame.type-frame1 .frame_text {
  padding-right: 140px;
}
.index-layout-v5 .index_frame.type-frame2 .frame_text {
  padding-left: 140px;
}
.index-layout-v5 .index_frame .frame_text_2 {
  margin: 15px 0 0;
}
.index-layout-v5 .index_frame .frame_lead {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.index-layout-v5 .index_frame.type-frame1.type-green .frame_lead {
  margin-top: 10px;
}
.index-layout-v5 .index_frame.type-frame1.type-red .frame_lead {
  margin-top: 20px;
}
.index-layout-v5 .index_frame.type-green .frame_lead {
  color: #009844;
}
.index-layout-v5 .index_frame.type-red .frame_lead {
  color: #e50012;
}
.index-layout-v5 .index_frame .frame_lead_2 {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}
.index-layout-v5 .index_frame .frame_lead_2 .lead_highlight {
  color: #fff104;
}
.index-layout-v5 .index_frame .frame_image {
  margin: 0 -18px 0;
  text-align: center;
}
.index-layout-v5 .index_frame.type-frame1.type-green .frame_image {
  margin-top: 15px;
}
.index-layout-v5 .index_frame.type-frame1.type-red .frame_image {
  margin-top: -10px;
}
.index-layout-v5 .index_frame .frame_image img {
  max-width: 351px;
  width: 100%;
}
.index-layout-v5 .index_frame .frame_image_2 {
  margin: 25px -1px 0;
  text-align: center;
}
.index-layout-v5 .index_frame .frame_image_2 img {
  max-width: 316px;
  width: 100%;
}
.index-layout-v5 .index_frame .frame_image_2 figcaption {
  margin: 0 0 10px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.index-layout-v5 .index_frame.type-green .frame_image_2 figcaption{
  color: #009844;
}
.index-layout-v5 .index_frame.type-red .frame_image_2 figcaption {
  color: #e50012;
}
.index-layout-v5 .index_frame .frame_image_3 {
  margin: 25px 0 0;
  text-align: center;
}
.index-layout-v5 .index_frame .frame_image_3 img {
  width: 100%;
}
.index-layout-v5 .index_frame.type-frame2.type-green .frame_image_3 img {
  max-width: 298px;
}
.index-layout-v5 .index_frame.type-frame2.type-red .frame_image_3 img {
  max-width: 321px;
}
.index-layout-v5 .index_frame .frame_image_4 {
  display: flex;
  justify-content: center;
}
.index-layout-v5 .index_frame.type-frame2.type-green .frame_image_4 {
  margin-top: 35px;
}
.index-layout-v5 .index_frame.type-frame2.type-red .frame_image_4 {
  margin-top: 32px;
}
.index-layout-v5 .index_frame .frame_image_4 figcaption {
  margin: 0 0 15px;
  font-weight: 700;
  line-height: 1.1;
}
.index-layout-v5 .index_frame .frame_image_4 img {
  width: 100%;
}
.index-layout-v5 .index_frame.type-frame2.type-green .frame_image_4 img {
  max-width: 298px;
}
.index-layout-v5 .index_frame.type-frame2.type-red .frame_image_4 img {
  max-width: 269px;
}
.index-layout-v5 .index_frame .frame_inner {
  margin: 18px -18px 0;
  padding: 20px 18px;
  color: #fff;
}
.index-layout-v5 .index_frame.type-green .frame_inner {
  padding-bottom: 27px;
  background-color: #009844;
}
.index-layout-v5 .index_frame.type-red .frame_inner {
  padding-bottom: 35px;
  background-color: #e50012;
}

/* 生徒の声
------------------------------------------------------------*/
.index-layout-v6 {
  margin: 45px 0 0;
}
.index-layout-v6 .index_heading {
  text-align: center;
}
.index-layout-v6 .index_heading img {
  max-width: 247px;
  width: 100%;
}
.index-layout-v6 .index_heading_2 {
  margin: 30px 0 0;
  padding: 0 0 10px;
  border-bottom: 2px solid #29396f;
  font-size: 2.5rem;
  line-height: 1.1;
  text-align: center;
}
.index-layout-v6 .index_heading + section > .index_heading_2:first-child {
  margin-top: 25px;
}
.index-layout-v6 .index_text {
  margin: 15px 0 0;
	line-height: 1.6;
}
.index-layout-v6 .index_text .text_highlight {
  font-size: 1.8rem;
  font-weight: 700;
}
.index-layout-v6 .index_slider {
  margin: 20px 0 0;
}

.index-layout-v6 .index_slider .colWrap {
	width: 100%;
	padding-left: 2vw;
	box-sizing: border-box;
}
.index-layout-v6 .index_slider .colWrap .col{
	margin-bottom: 5px;
}
.index-layout-v6 .index_slider .colWrap .col dl{
	max-width: 490px;
	margin-right: 2vw;
	padding: 15px;
	background-color: #f6f6f1;
	border-radius: 0 0 10px 10px;
}
.index-layout-v6 .index_slider .colWrap .col dl dt {
	margin-bottom: 0.5em;
/*	font-size: 16px; */
	font-size: 1.75rem;
	font-weight: bold;
/*	line-height: 1.2; */
	line-height: 1.5;
}
.index-layout-v6 .index_slider .colWrap .col dl dd {
/*	font-size: 14px;
	line-height: 1.5; */
	font-size: 1.6rem;
	line-height: 1.7;
}

/*
.index-layout-v6 .index_slider #voiceSlider {
  background: #fff url("../img/com_voice_bg01.png") no-repeat 100% 0;
  background-size: 24% auto;
  border-radius: 8px;
}
.index-layout-v6 .index_slider #voiceSlider img {
  width: 100%;
}
.index-layout-v6 .index_slider #voiceSlider .voiceBox {
  padding: 0 1px;
}
.index-layout-v6 .index_slider #voiceSlider .voiceBox p:first-child {
  float: left;
  width: 44.42308%;
}
.index-layout-v6 .index_slider #voiceSlider .voiceBox p:nth-child(2) {
  float: right;
  width: 55.57692%;
}
.index-layout-v6 .index_slider #voiceSlider .voiceBox p:nth-child(3) {
  clear: both;
}
.index-layout-v6 .index_slider button {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.index-layout-v6 .index_slider .slick-list {
  width: 86.66667%;
  margin: 0 auto;
  padding: 1.8rem 0 0;
  line-height: 0;
}
.index-layout-v6 .index_slider .slick-arrow {
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  text-align: left;
  text-indent: -9999em;
  z-index: 2;
}
.index-layout-v6 .index_slider .slick-arrow.slick-prev {
  left: -12px;
  background-image: url("../img/com_voice_bt01.png");
}
.index-layout-v6 .index_slider .slick-arrow.slick-next {
  right: -12px;
  background-image: url("../img/com_voice_bt02.png");
}
.index-layout-v6 .index_slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 27px 6.66%;
  background-color: #f6f6f1;
  border-radius: 0 0 8px 8px;
  line-height: 0;
}
.index-layout-v6 .index_slider .slick-dots > li {
  margin: 0 4px;
}
.index-layout-v6 .index_slider .slick-dots > li button {
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-color: #ddd;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: left;
  text-indent: -9999em;
}
.index-layout-v6 .index_slider .slick-dots > li.slick-active button {
  background-color: #0e357f;
}
*/
.index-layout-v6 .index_note {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 0;
}
.index-layout-v6 .index_note > li {
  position: relative;
  padding: 0 0 0 1em;
/*  font-size: 1.1rem; */
	font-size: 1.2rem;
}
.index-layout-v6 .index_note > li .note_mark {
  position: absolute;
  top: 0;
  left: 0;
}

/* v7 */
.index-layout-v7 {
  margin: 46px 0 0;
  padding: 48px 0 40px;
  background-color: #fff;
}
.index-layout-v7 .index_heading {
  text-align: center;
}
.index-layout-v7 .index_heading img {
  max-width: 199px;
  width: 100%;
}
.index-layout-v7 .index_heading_2 {
  margin: 20px 0 0;
  color: #29396f;
  font-weight: 700;
  line-height: 1.1;
}
.index-layout-v7 .index_toggle {
  padding: 0 5px;
}
.index-layout-v7 .index_toggle .toggle_parent {
  margin: 10px 0 0;
}
.index-layout-v7 .index_toggle .toggle_parent + .toggle_parent {
  margin-top: 5px;
}
.index-layout-v7 .index_toggle .toggle_parent .parent_trigger {
  position: relative;
  padding: 12px 42px 12px 12px;
  background-color: #fff104;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  border-radius: 3px;
}
.index-layout-v7 .index_toggle .toggle_parent .parent_trigger::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../img/com_school_ic01.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.index-layout-v7 .index_toggle .toggle_parent.is-open .parent_trigger::before {
  background-image: url("../img/com_school_ic02.png");
}
.index-layout-v7 .index_toggle .area + .area {
  border-top: 1px solid #29396f;
}
.index-layout-v7 .index_toggle .area .acc {
  position: relative;
  padding: 18px 42px 18px 12px;
  font-weight: 700;
  line-height: 1.1;
}
.index-layout-v7 .index_toggle .area .acc::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../img/com_school_ic03.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.index-layout-v7 .index_toggle .area.is-open .acc::before {
  background-image: url("../img/com_school_ic04.png");
}
.index-layout-v7 .index_toggle .area .acc .school_close {
  display: none;
}
.index-layout-v7 .index_toggle .area .detail {
  overflow: hidden;
  padding: 0 10px;
}
.index-layout-v7 .index_toggle .area .detail .ph {
  float: left;
  width: 28%;
}
.index-layout-v7 .index_toggle .area .detail .tx {
  float: right;
  width: 67%;
}
.index-layout-v7 .index_toggle .area .detail .tx dl {
  overflow: hidden;
}
.index-layout-v7 .index_toggle .area .detail .tx dl > * {
  padding-bottom: 10px;
  font-size: 1.2rem;
}
.index-layout-v7 .index_toggle .area .detail .tx dl > dt {
  float: left;
  width: 25%;
  font-weight: 700;
}
.index-layout-v7 .index_toggle .area .detail .tx dl > dd {
  float: right;
  width: 73%;
}
.index-layout-v7 .index_toggle .area .detail .tx dl > dd a {
  font-size: 1.4rem;
  font-weight: 700;
}
.index-layout-v7 .index_toggle .area .map {
  margin: 15px 0 0;
  padding: 0 20px;
}
.index-layout-v7 .index_toggle .area .map p img {
  width: 100%;
}
.index-layout-v7 .index_toggle .area .map .link {
  margin: 10px 0 0;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: right;
}
.index-layout-v7 .index_toggle .area .map .link a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
}
.index-layout-v7 .index_toggle .area .map .link a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 22px;
  background: url("../img/com_school_ic05.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.index-layout-v7 .index_toggle .area .btn_area {
  margin: 25px 0 0;
  text-align: center;
}
.index-layout-v7 .index_toggle .area .btn_area .btn_setsumeikai a {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 15px 50px 15px 30px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	background: linear-gradient(#00a455, #008a38);
  border-radius: 5px;
  vertical-align: middle;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}
.index-layout-v7 .index_toggle .area .btn_area .btn_setsumeikai a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  background: #fff;
  border-radius: 50%;
}
.index-layout-v7 .index_toggle .area .btn_area .btn_setsumeikai a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #00a455;
}
.index-layout-v7 .index_toggle .area .btn_area p[style] {
  font-size: 1.3rem !important;
}
.index-layout-v7 .index_toggle .area .image {
  margin: 30px 0 0;
  padding: 12px 20px 20px;
  background-color: #f6f6f6;
}
.index-layout-v7 .index_toggle .area .image h5 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.1;
}
.index-layout-v7 .area .image ul {
/*  overflow: hidden; */
  margin: 12px 0 0;
	display: flex;
	flex-wrap: wrap;
}
.index-layout-v7 .area .image ul > li {
/*  float: left; */
  width: 33.33%;
}
.index-layout-v7 .area .image ul > li img {
  width: 100%;
}

/* v8 */
.index-layout-v8 {
  padding: 40px 0;
  background-color: #fff;
}
/*.index-layout-v7 + .index-layout-v8 {
  padding-top: 0;
}*/
.index-layout-v8 .index_heading {
  text-align: center;
}
.index-layout-v8 .index_heading img {
  max-width: 220px;
  width: 100%;
}
.index-layout-v8 .index_list {
  margin: 28px -2px 0;
}
.index-layout-v8 .index_list > li {
  display: flex;
  align-items: center;
}
.index-layout-v8 .index_list > li + li {
  margin-top: 27px;
}
.index-layout-v8 .index_list > li > [class*="list_image"] {
  width: 112px;
  margin: 0 15px 0 0;
}
.index-layout-v8 .index_list > li > .list_image {
  position: relative;
  text-align: center;
  z-index: 0;
}
.index-layout-v8 .index_list > li > .list_image::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 21px;
  height: 20px;
  margin: -1px 0 0;
  background: url("../img/com_flow_ex01.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: -1;
}
.index-layout-v8 .index_list > li > .list_image img {
  max-width: 102px;
  width: 100%;
  border-radius: 50%;
}
.index-layout-v8 .index_list > li > .list_image_2 img {
  max-width: 112px;
  width: 100%;
}
.index-layout-v8 .index_list > li > .list_text {
  flex: 1;
}
.index-layout-v8 .index_list > li > .list_text > dt {
  color: #0e357f;
  font-size: 2.0rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
}
.index-layout-v8 .index_list > li > .list_text > dd {
  margin: 5px 0 0;
/*  font-size: 1.4rem; */
}
.index-layout-v8 .index_list > li > .list_text_2 {
  color: #0e357f;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.1;
}
.index-layout-v8 .banner {
  margin: 30px 0 0;
  padding: 12px 5px 20px;
  text-align:center;
}

/* v9 */
#nyushi2020 {
	padding: 26px 0 0;
	background-color: #09357f;
	color: #fff;
}
#nyushi2020 h2 {
	text-align: center;
}
#nyushi2020 h2 img {
	max-width: 354px;
	width: 100%;
}
#nyushi2020 .nyushi2020_txt {
	padding: 0 22px 30px;
	background-color: #09357f;
	color: #fff;
}

#nyushi2020 .nyushi2020_txt p {
	margin: 25px 0 0;
}
#nyushi2020 .nyushi2020_txt p strong {
	color: #fff104;
	font-weight: 700;
}
#nyushi2020 .nyushi2020_img {
	display: flex;
}
#nyushi2020 .nyushi2020_img img {
	width: 50%;
	height: 50%;
}

/*
.index-layout-v9 .index_frame {
  margin: 0 -12px;
  padding: 26px 22px 30px;
  background-color: #09357f;
  color: #fff;
}
.index-layout-v9 .index_frame .frame_heading {
  margin: 0 -11px;
  text-align: center;
}
.index-layout-v9 .index_frame .frame_heading img {
  max-width: 354px;
  width: 100%;
}
.index-layout-v9 .index_frame .frame_text {
  margin: 25px 0 0;
}
.index-layout-v9 .index_frame .frame_text .text_highlight {
  color: #fff104;
  font-weight: 700;
}
.index-layout-v9 .index_image {
  display: flex;
  margin: 0 -12px;
}
.index-layout-v9 .index_image > figure {
  width: 50%;
}
.index-layout-v9 .index_image > figure img {
  width: 100%;
}
*/
.index-layout-v9 .index_image_2 {
  margin: 21px 0 0;
  text-align: center;
}
.index-layout-v9 .index_image_2 img {
  max-width: 345px;
  width: 100%;
}
.index-layout-v9 .index_catch {
  margin: 26px 0 0;
  text-align: center;
}
.index-layout-v9 .index_catch img {
  max-width: 312px;
  width: 100%;
}


/* v10 */
.index-layout-v10 {
  margin: 20px 0 0;
}
.index-layout-v10 .index_frame {
  overflow: hidden;
  border-radius: 3px;
}
.index-layout-v10 .index_frame .frame_heading {
  padding: 20px 12px;
  background-color: #09357f;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.index-layout-v10 .index_frame .frame_heading .heading_highlight {
  color: #fff104;
  font-size: 2.5rem;
}
.index-layout-v10 .index_frame .frame_inner {
  padding: 15px 17px 25px;
  background-color: #fff;
}
.index-layout-v10 .index_frame .frame_image {
  text-align: center;
}
.index-layout-v10 .index_frame .frame_image img {
  max-width: 310px;
  width: 100%;
}
.index-layout-v10 .index_frame .index_text {
  margin: 15px -7px 0;
  text-align: center;
}
.index-layout-v10 .index_frame .index_text img {
  max-width: 324px;
  width: 100%;
}
.index-layout-v10 .index_frame .index_text_2 {
  margin: 20px -8px 0;
  text-align: center;
}
.index-layout-v10 .index_frame .index_text_2 img {
  max-width: 325px;
  width: 100%;
}
.index-layout-v10 .index_frame .index_text_3 {
  margin: 15px 0 0;
/*  font-size: 1.3rem; */
  font-size: 1.5rem;
  text-align: center;
}
.index-layout-v10 .index_frame .index_text_3 .text_highlight {
  color: #e50012;
  font-weight: 700;
}

/* v11 */
.index-layout-v11 {
  margin: 15px 0 0;
}
.index-layout-v11 .index_frame {
  padding: 27px 21px 30px;
  background-color: #09357f;
  border-radius: 3px;
  color: #fff;
}
.index-layout-v11 .index_frame .frame_heading {
  margin: 0 -9px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.index-layout-v11 .index_frame .frame_image {
  margin: 20px 0 0;
  text-align: center;
}
.index-layout-v11 .index_frame .frame_image img {
  max-width: 199px;
  width: 100%;
}
.index-layout-v11 .index_frame .frame_text {
  margin: 15px 0 0;
}
.index-layout-v11 .index_frame .frame_text .text_higlight {
  color: #fff104;
  font-size: 1.8rem;
  font-weight: 700;
}

/* ------------------------------------------------------
 * Clearfix
------------------------------------------------------ */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}



/* ------------------------------------------------------
 * 校舎一覧
------------------------------------------------------ */
#school {
	margin-top: 46px;
	padding: 48px 0 0;
	background-color: #fff;
}

#school h2 {
	margin-bottom: 25px;
	text-align: center;
}
#school.school_all h2 {
	display: none;
}
#school.school_all h2.index_heading {
	display: block;
}
#school .index_heading img {
	max-width: 199px;
	width: 100%;
}
#school .index_heading_3 img {
	max-width: 351px;
	width: 100%;
}

#school .prefecture_ttl {
	line-height: 1.0;
}
#school .area .acc span {
	font-size: 110%;
}

#school .area .inText {
	font-size: 85%;
}




/* 新型コロナウイルスの感染予防について
--------------------------------------------------------------------- */
.prevention{
margin: 0 0 40px;
    padding: 20px;
    background-color: #f6f6f6;
}
.prevention .no-pc {
	display: none;
}
.prevention h3{
	margin-bottom: 18px;
}
.prevention_list li img {
	border-radius: 6px;
	width:100%;
}
.prevention_list li p + p{
	line-height:1.4;
}
.prevention_list > li p {
	margin-bottom: 0 !important;
}

/*@media screen and (max-width: 768px) {*/
	.prevention p {
		font-size:1.5rem;
	}
	.prevention_list {
		display: block;
	}
	.prevention_list li {
		width: 100% !important;
		padding: 15px 0 5px !important;
		border-right: none;
		border-bottom: 1px dotted #999;
		margin:0 !important;
		float:none !important;
	}
	.prevention_list li:first-child {
		padding-top: 0;
	}
	.prevention_list li:last-child {
		border-bottom: none;
	}
	.prevention_list li::after {
		clear: both;
		content: "";
		display: block;
		height: 0;
	}
	.prevention_list li p:first-child {
		float: left;
		width: 45%;
		padding-bottom:10px;
	}
	
	.prevention_list li p:nth-child(2) {
		float: right;
		width: 52%;
		padding-bottom:10px;
	}
	
	.prevention_list .kome {
		margin-right: 15px;
	}
/*}*/
@media screen and (max-width: 480px) {
	.prevention p {
		font-size:1.6rem;
	}
	.prevention .no-sp{
		display: none;
	}
	.prevention .no-pc {
		display: block;
	}
	.prevention_list li {
		padding-bottom: 15px;
	}
	.prevention_list li p + p{
		line-height:1.75;
}
	.prevention_list li p:first-child {
		float: none;
		width: 100%;
		text-align: center;
	}
	.prevention_list li p:nth-child(2) {
		float: none;
		width: 100%;
	}
}



/* CVエリア（一番最初の部分）
--------------------------------------------------------------------- */
.cv_intro {
/*	width: 352px; */
	max-width: 352px;
	margin: 0 auto 10px;
}
.cv_form{
/*	width: 352px; */
	max-width: 352px;
	background-color: #009844;
	margin: 0 auto 25px;
	padding: 15px;
}
.cv_form .select_wrap{
	position: relative;
}
.cv_form .select_wrap select{
	width: 100%;
	font-size: 20px;
	padding: 8px 8px 8px 15px;
	background-color: #fff;
	border-radius: 6px;
	margin: 12px 0;
	color: #333333;
	-webkit-appearance: none;
	appearance: none;
}
.cv_form .select_wrap:after {
	content: "";
	position: absolute;
	right: 14px;
	top: 28px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #666;
	border-left: 3px solid #666;
	transform: translateY(-50%) rotate(-135deg);
	pointer-events: none;
}
.cv_form .alert{
	display: none;
	background: url("/common/images/cv_form_alert_icon.png") no-repeat left/1em 1em;
	padding-left: 1.2em;
	color: #fff;
	margin-top: 10px;
	text-align: left;
}


/* infoBox
---------------------------------*/
.infoBox-green,
.infoBox-red {
	margin: 15px auto;
	/*width: 86.8125%;*/
	padding: 3%
}
.infoBox-green {
	border: 1px solid #009844;
}
.infoBox-red {
	border: 1px solid #e50012;
}
.infoBoxTitle {
	margin: 0;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.infoBox-green .infoBoxTitle {
	color: #009844;
}
.infoBox-red .infoBoxTitle {
	color: #e50012;
}
.infoBoxTitle > .infoBoxLinetext {
	text-decoration: underline;
}
.infoBoxBody {
	margin: 10px 0 0;
}
.infoBoxColumn {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.infoBoxColumn > .infoBoxImage {
	width: 35%;
}
.infoBoxColumn > .infoBoxText {
	width: 60%;
	margin-left: 5%;
}
.infoBoxText {
	font-size: 1.5rem;
	line-height: 1.6;
}
.infoBoxNote {
	font-size: 1.2rem;
	line-height: 1.6;
	margin-top: 1.0em;
	text-align: center;
}