@charset "UTF-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

/*
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;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	background: url(../images/bg-body2.jpg);
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #0064be;
}
*/

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 #000;
    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;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover {
	opacity:0.5;
}
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pc-only { display: none !important; }



/* header */
header{border-top:7px solid #0064be; background:#e5eff8; width: 100%; transition: .3s;}
.m_fixed{z-index: 9999; position: fixed; top: 0; left: 0;}
header.certify nav,
header.mos nav{padding-bottom: 0;}
header.certify nav #nav_wrap,
header.mos nav #nav_wrap{padding-bottom: 10px;}
.m_fixed #hd_lft{display: none; transition: .3s;}
#hd_wrap{padding: 0 10px 5px;}
#hd_lft{text-align: left;}
#hd_lft:after{display: block;content: "";clear: both;}
#hd_rgt{text-align: center;padding-bottom: 10px;}
.hd_txt {color:#6d3238; font-size:11px; font-weight:normal; padding-top:10px;margin-bottom:10px; line-height:1;}
#hd_logo{text-align: center;margin-bottom: 5px;float: left;width: 30%;}
#hd_room{text-align: center;
	background:#0064be;
	color:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	padding:10px 10px;
	font-size:15px;
	float: right;
	width: 60%;
}
#hd_rgt .link{text-align: center;display: none;}
#hd_rgt .link li{display: inline-block;color:#6d3238; font-size:12px; font-weight:normal; padding-top:15px; height:16px; margin-bottom:10px; line-height:1; background: url(../images/ico-arw_bw.png) no-repeat left 13px; padding-left: 20px;}
#hd_rgt .header-btn1 {float: left;width: 39%;margin-left: 2%;margin-top: 8px;}
#hd_rgt .header-btn2 {float: right;width: 11%;margin-top: 8px;}
#hd_tel{clear: both;float: left;background: url(../images/ico-hd_tel.png) no-repeat left top;background-size: auto 17px; padding-left: 17px; font-size: 18px; font-weight: bold;color:#0064be; margin: 16px 0 0;width: 40%;}
#hd_reception{display: none;float: left;text-align: left;margin: 0 0 0; line-height: 1.2;font-size: 11px;}

/* nav */
nav{background:#fff; border-bottom:1px solid #beb381;}
nav #nav_wrap{display: none;padding-bottom: 10px;}
nav .main_nav{}
nav .main_nav li{float:left; width: 50%; text-align:center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 1;box-sizing: border-box;-webkit-box-sizing: border-box;}
nav .main_nav li.last{ border-right: 1px solid #ccc;}
nav .main_nav li a{color:#6d3238; font-weight: bold; display:block; padding:17px 0 15px; text-decoration:none;}
nav .main_nav li a:hover{color:#fff; background:#0064be; opacity:1;}
nav .inq_btn{text-align: center;}
nav .inq_btn li{display: inline-block;float: none !important;margin: 7px 0 0;}
nav .inq_btn li a{display: block;}

/*#header {
  position: absolute;
  width: 100%;
  top: 0;
}
#header.fixed {
  position: fixed;
  top: 0;
}
main {padding: 0 10px;}
*/

.banner {display: none;}

/* main */
/*main{position: relative; top:152px; padding-bottom:240px;}*/
main #main_contents{}
main #main_contents .main_vi{
	margin:0 auto 20px;
}
main #main_contents .slider{margin:0 auto;}
main #main_contents .bx-controls{
	background: #fff;
	border-radius: 0 0 20px 20px;
	border: 1px solid #9E8724;
	border-top: 0;
}


/* 教室HP メイン画像 スライダー */
.main_vi .bx-wrapper {
	margin: 0 auto;
	position: relative;
}
.main_vi .bx-wrapper .bx-viewport {
	background: url(../images/bg-main_mid.png) bottom left repeat-y;
	text-align: center;
}
.main_vi .bx-wrapper .bx-pager {
	padding:5px 0px 10px;
	text-align: center !important;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	margin:0 2px;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-item a {
	display: block;
	margin:0 3px;
	border-radius: 100%;
	background: #0064be;
	width: 12px;
	height: 12px;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-link img{
	vertical-align: bottom;
	max-width: 88px;
	display: none;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-link {
	display: inline-block;
	opacity:0.5;
	/*border: 2px solid #fff;*/
}
.main_vi .bx-wrapper .bx-pager .active{
	opacity:1;
	/*border: 2px solid #0064be;*/
}
.main_vi .bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
}

.main_vi .bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.main_vi .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0B419B;
}

main .main_lft{
	margin-bottom: 40px;
	padding: 0 10px;
}

main .main_lft .locus-area{
	width: 100%;
}
main .main_lft dl.locus dt {
	height: 0;
	font-size: 0;
	overflow: hidden;
}
main .main_lft dl.locus dd {
	padding: 0 0 10px 0;
	font-size: 75%;
}
main .main_lft dl.locus dd li {
	display: inline;
	line-height: 1.41;
}
main .main_lft dl.locus dd li img {
	padding-bottom: 2px;
	vertical-align: middle;
}

main .course_list,
main .osusume_list,
main .room_info,
main .voice_list,
main .instructor_info,
main .school_blog,
main .flow,
main .qa,
main .bnr_740{
	margin-bottom: 20px;
}
main .top_lead{
	color: #6d3238;
	background: #fff;
	margin-bottom: 10px;
	line-height: 1.2;
	border: 1px solid #beb381;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
main .top_lead p{
	font-size: 12px;
	padding: 5px 10px;
}
main .course_list h2{
	background: #fff url(../images/bg-ttl_course2.png) center -3px no-repeat;
	background-size: 600px auto;
	border-radius: 10px 10px 0 0;
	font-size: 120%;
	text-align: center;
	line-height: 1.4;
	color: #6d3238;
	border: 1px solid #9E8724;
	border-bottom: 0;
	padding: 0 10px;
}
main .course_list h2 span{
	display: block;
	padding-top: 17px;
	padding-bottom: 10px;
	border-bottom: 3px solid #87e5f2;
}

main .osusume_list h2{
	background: #fff url(../images/bg-ttl_osusume.png) center -3px no-repeat;
	background-size: 600px auto;
	border-radius: 10px 10px 0 0;
	font-size: 120%;
	text-align: center;
	line-height: 1.4;
	color: #6d3238;
	border: 1px solid #9E8724;
	border-bottom: 0;
	padding: 0 10px;
}
main .osusume_list h2 span{
	display: block;
	padding-top: 17px;
	padding-bottom: 10px;
	border-bottom: 3px solid #87e57c;
}

main .room_info h2{
	background: #fff url(../images/bg-ttl_room_info.png) center -3px no-repeat;
	background-size: 555px auto;
	border-radius: 10px 10px 0 0;
	padding-top: 30px;
	font-size: 120%;
	text-align: center;
	line-height: 1.4;
	color: #6d3238;
	border: 1px solid #9E8724;
	border-bottom: 0;
	padding: 0 10px;
}
main .room_info h2 span{
	display: block;
	padding-top: 17px;
	padding-bottom: 8px;
	border-radius: 10px 10px 0 0;
	border-bottom: 3px solid #ffccff;
}

main .voice_list h2{
	background: #fff url(../images/bg-ttl_voice.png) center -3px no-repeat;
	border-radius: 10px 10px 0 0;
	padding-top: 30px;
	font-size: 120%;
	text-align: center;
	line-height: 1.4;
	color: #6d3238;
	border: 1px solid #9E8724;
	border-bottom: 0;
	border-bottom: 0;
	padding: 0 10px;
}
main .voice_list h2 span{
	display: block;
	padding-top: 17px;
	padding-bottom: 8px;
	border-radius: 10px 10px 0 0;
	border-bottom: 3px solid #fff2d4;
}

main .instructor_list {
}
main .instructor_list h2{
	background: #fff url(../images/bg-ttl_voice.png) center -3px no-repeat;
	border-radius: 10px 10px 0 0;
	padding-top: 30px;
	font-size:  120%;
	text-align: center;
	line-height: 1.4;
	color: #6d3238;
	border: 1px solid #9E8724;
	border-bottom: 0;
	padding: 0 10px;
}
main .instructor_list h2 span{
	display: block;
	padding-top: 17px;
	padding-bottom: 8px;
	border-radius: 10px 10px 0 0;
	border-bottom: 3px solid #fff2d4;
}
main .instructor_list .blueTit {
  font-size: 15px;
  line-height: 1.4;
  color: #0099CC;
  margin: 0 0 15px;
}
main .instructor_list .inner{
	background:#fff;
	border-bottom:1px solid #beb381;
	border-left:1px solid #beb381;
	border-right:1px solid #beb381;
	border-radius: 0px 0px 10px 10px;        /* CSS3草案 */
    -webkit-border-radius: 0px 0px 10px 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px 0px 10px 10px;   /* Firefox用 */
	padding: 10px;
}
main .instructor_list h3 {
  overflow-x: hidden;
  color: #fff;
  background: #4075b7;
  border-bottom: 4px solid #ffdc00;
  padding: 10px;
  font-size: 14px;
  margin: 30px 0 20px;
}
main .instructor_list .i-pr {
  margin: 0;
}
main .instructor_list .i-pr .section-lv2 {
  margin: 0;
}
main .instructor_list .i-pr .instructor_box {
  padding: 16px;
  background: #fff2d4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1.3;
  margin: 0 0 15px;
}
main .instructor_list .i-pr .instructor_box:last-child {
  margin: 0;
}
main .instructor_list .i-pr h4 {
  border-bottom: 2px dotted #0099CC;
  margin-bottom: 10px;
  font-size: 18px;
}
main .instructor_list .blue {
  color: #29ABE2;
}
main .instructor_list .section-lv3 {
  margin: 0 0;
}
main .instructor_list .i-pr dl {
  font-size: 12px;
  margin: 0 0 10px;
}
main .instructor_list .i-pr dl dt {
  width: 80px;
  padding: 6px 5px;
  color: #FFFFFF;
  background-color: #0099CC;
  text-align: center;
  font-weight: bold;
  margin: 0 0 5px;
}
main .instructor_list .i-pr dl dd {
  padding: 6px 5px;
}
main .instructor_list .i-pr p {
  line-height: 1.7em;
  font-size: 14px;
  margin-bottom: 5px;
}
main .instructor_list .i-pr .over {
	overflow: hidden;
}
main .instructor_list .box-a {
  text-align: center;
}


main .course_list .inner,
main .osusume_list .inner,
main .room_info .inner,
main .voice_list .inner{
	background:#fff;
	border-bottom:1px solid #beb381;
	border-left:1px solid #beb381;
	border-right:1px solid #beb381;
	border-radius: 0px 0px 10px 10px;        /* CSS3草案 */
    -webkit-border-radius: 0px 0px 10px 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px 0px 10px 10px;   /* Firefox用 */
	padding: 10px;
}


main .course_list .inner li {
	float: none;
	min-height: 200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	background:#fff;
	width:100%;
	margin:0 0 10px;
	padding: 10px;
	border: 3px solid #ffdc00;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
main .course_list .inner li a {
  box-sizing: border-box;
	color: #000;
	display: block;
	text-decoration: none;
}
main .course_list .inner li:nth-child(1) h3 {
  background: #5871c0;
}
main .course_list .inner li:nth-child(2) h3 {
  background: #ee6603;
}
main .course_list .inner li:nth-child(3) h3 {
  background: #37a360;
}
main .course_list .inner li:nth-child(4) h3 {
  background: #df5da3;
}
main .course_list .inner h3{
  border-radius: 5px;
  color: #fff;
  display: table;
  margin-bottom: 8px;
  font-size: 132.5% !important;
  font-weight: bold;
  padding: 0 25px;
  height: 56px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("https://www.pc4353.net/common/img/top/arrow_white.png") !important;
  background-position: right 15px center !important;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
}
main .course_list .inner h3 span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center right;
}
main .course_list .inner .pic {
  box-sizing: border-box;
	width: 100%;
  margin: 0 0 10px;
}
main .course_list .inner .pic img{
	width:100%;
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}
main .course_list .inner .txt{
  box-sizing: border-box;
	width: 100%;
	text-align: left;
	color: #333;
	font-weight:normal;
	padding:0;
	margin:0;
	line-height: 1.6;
}
main .course_list .c-btn3 {
  display: block;
  text-align: center;
}
main .course_list .c-btn3 a {
  margin: 10px 0 0;
}
main .course_list .inner li a:hover{ border: 3px solid #0B419B;	opacity: 1;}
main .course_list .inner li.bnr_l{ background: none; 
							border-radius: 0px;/* CSS3草案 */ -webkit-border-radius: 0px;/* Safari,Google Chrome用 */ -moz-border-radius: 0px;/* Firefox用 */}
main .course_list .inner li.bnr_l a{padding: 0;	border: none;}
main .course_list .inner li.bnr_l a:hover{opacity: 0.5;}


main .course_list .inner dl:after{	display: block;	content: ""; clear: both;}
/*main .course_list .inner dt{ background: url(../images/ico-arw_bl.png) no-repeat left 2px; padding-left: 25px; margin-bottom: 5px; line-height: 1.3em; font-size:100%;}*/
main .course_list .inner dt{ margin-bottom: 5px; line-height: 1.3em; font-size:100%;}
main .course_list .inner dd{ width: 100%; border: 1px solid #0064be; text-align: center; color: #0064BE; font-weight:bold; padding:0; margin:0; line-height: 0;}
main .course_list .inner dd img{ width:100%; height: 100px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
main .course_list .inner dd h3{line-height: 1.3em; margin: 7px auto;}
main .course_list .inner .a{ background:#C5FEFF;}
main .course_list .inner .b{ background:#D1FFBF;}
main .course_list .inner .c{ background:#BDFEF3;}
main .course_list .inner .d{ background:#FFDF92;}
main .course_list .inner .e{ background:#FFD1E3;}
main .course_list .inner .f{ background:#FFFFC1;}
main .course_list .inner .g{ background:#E0FF85;}
main .course_list .inner .h{ background:#E0FF85;}
main .course_list .inner .i{ background:#C5FEFF;}


main .osusume_list .inner li{
	margin: 0 0 2% 0;
	background:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
main .osusume_list .inner li a{
	color: #000;
	display: block;
	text-decoration: none;
	padding: 15px;
	border: 2px solid #fff;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}
main .osusume_list .inner li a:hover{
	border: 2px solid #0B419B;
	opacity: 1;
}
main .osusume_list .inner li a:hover .detail{
	color: #fff;
	background: #0064be;
	opacity: 1;
}
main .osusume_list .inner dl:after {
	content: ".";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

main .osusume_list .inner .box_a{
	padding: 6px;
	padding-bottom: 2px;
	background: #cdeccf;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
main .osusume_list .inner dd{
	font-size: 14px;
	line-height: 2em;
	margin-top: 10px;
}
main .osusume_list .inner dd h3{
	font-size: 16px;
	padding-bottom: 5px;
	text-align: center;
}
main .osusume_list .inner b{ font-size: 15px;}


main .osusume_list #ft_reception {
	margin-top: 20px;
	text-align: center;
	background: #fff;
}

.osusume_list #ft_tel_box{background: #fff; padding: 10px;margin: 25px 0 15px;text-align: center;}
.osusume_list #ft_tel{background: url(../images/ico-ft_tel.png) no-repeat left top; padding-left: 25px; font-size: 30px; font-weight: bold;display: inline-block;}
.osusume_list #ft_reception{font-size: 14px;}

.osusume_list .inq_btn {text-align: center;}
.osusume_list .inq_btn .inq_taiken {
	position: relative;
	left:-6px;
	margin-bottom: 10px;
}
.osusume_list .inq_btn .inq_shiryo {margin-bottom: 10px;}
.osusume_list .inq_btn .inq_taiken img,
main .main_rgt .inq_btn .inq_taiken img,
#ft_rgt .inq_btn li.fl_left img {width: 290px;}
.osusume_list .inq_btn .inq_shiryo img,
main .main_rgt .inq_btn .inq_shiryo img,
#ft_rgt .inq_btn li.fl_right img {width: 280px;}


main .osusume_list .inner dd .detail,
main .room_info .inner dd .inst_info a,
main .voice_list dl dd .more a,
main .instructor_list .more a {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 8px 5px;
	margin-top: 6px;
	display: block;
	color: #0064be;
	background: #fff;
	border: 1px solid #0064be;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
main .room_info .inner dd .inst_info a:hover,
main .voice_list dl dd .more a:hover,
main .instructor_list .more a:hover {
	color: #fff;
	background: #0064be;
	opacity: 1;
}

main .room_info .inner .box_a {
	padding: 15px;
	background: #eee0ea;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	line-height: 1.3;
}
main .room_info .inner .box_a .room_info_lft dt {
	text-align: center;
	padding-bottom: 10px;
}
main .room_info .inner .box_a .room_info_lft dt a {
	display: inline-block;
	width: 47%;
	margin: 0 1%;
}
main .room_info .inner .box_a .room_info_lft dd {
	font-size: 14px;
	color: #fff;
	background: #0064be;
	padding: 5px;
}
main .room_info .inner .box_a .room_info_rgt dt {
	color: #6d3238;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
main .room_info .inner .box_a .room_info_rgt dd {
	line-height: 1.7em;
	font-size: 14px;
	margin-bottom: 15px;
}
main .room_info .inner .box_a .room_info_rgt dd:last-child {
	margin-bottom: 0;
}
main .room_info .inner .box_b {
	margin-top: 15px;
	line-height: 1.4;
}
main .room_info .inner .box_b .pr_movie {
    aspect-ratio: 16/9;
    margin-bottom: 15px;
}
main .room_info .inner .box_b .pr_movie iframe {
    width:100%;
    height:100%;
}
main .room_info .inner .box_b dt {
	background: #cc79b5;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	border-radius: 4px;
	padding: 6px 10px 5px;
	margin-bottom: 10px;
}
main .room_info .inner .box_b dd {
	font-size: 14px;
	line-height: 1.7em;
	padding: 0 5px;
}
main .room_info .inner .box_b .room_info_lft {
	margin-bottom: 10px;
}
main .room_info .inner .box_b h4 {
	background: #cc79b5;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	border-radius: 4px;
	padding: 6px 10px 5px;
	margin: 10px 0;
}
main .room_info .inner .box_b li {
	margin-bottom: 30px;
}
main .room_info .inner .box_b li:last-child {
	margin-bottom: 0;
}
main .room_info .to_all_course {
	text-align: right;
	margin-top: 10px;
}

/* 受講生の声トップ */
main .voice_list ul li{
	background: #fff2d4;
	border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	margin: 0 0 15px 0;
	line-height: 1.6;
}

main .voice_list ul li.li-top{ _margin-left:5px}
main .voice_list h3 span{
	display: block;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
main .voice_list .inner dl:after {
	content: ".";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

main .voice_list dl{
	padding: 0 10px;
}
main .voice_list dl dt{
	float:left;
	width:23%;
}
main .voice_list dl dt img {
	background:#0064be;
	padding:1px;
}
main .voice_list dl dd{
	float: right;
	width: 70%;
	font-size: 14px;
	margin: 0 0 10px 8px;
}
main .voice_list dl dd p{
	height:77px;
	overflow:hidden;
	text-overflow: ellipsis;
}
main .voice_list .voice_all{
	text-align: right;
	margin-right: 10px;
}

.bubble {
	font-weight:normal;
	position: relative;
	border-radius: 4px;
	background-color: #cda667;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.bubble:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 16px;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-top: 4px solid #cda667;
	border-right: 4px solid #cda667;
}


main .main_rgt{
	font-size: 14px;
	padding: 0 10px;
}
main .main_rgt .inq_btn {
	text-align: center;
}
main .main_rgt .inq_btn .inq_taiken {
	position: relative;
	left:-9px;
	margin-bottom: 20px;
}
main .main_rgt .inq_btn .inq_shiryo {
	margin-bottom: 10px;
}

main .main_rgt dt{
	font-size: 18px;
	background: url(../images/bg-ttl_side.png) center top;
	color:#fff;
	border-radius: 5px 5px 0px 0px;        /* CSS3草案 */
    -webkit-border-radius: 5px 5px 0px 0px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px 5px 0px 0px;   /* Firefox用 */
}
main .main_rgt dt h2 span{
	display: block;
	font-weight: bold;
	line-height: 1.5;
	padding: 10px;
}
main .main_rgt .map li,
main .main_rgt .pass li,
main .main_rgt .route li,
main .main_rgt .one_point li,
main .main_rgt .premiere li,
main .main_rgt .blog li{
	background:#dfdfdf;
	border:1px solid #beb381;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 3px 3px 15px;
	margin-bottom: 15px;
}

main .main_rgt .map #gmap{
	padding-top: 5px;
	position: relative;
	width: 100% !important;
	height: auto !important;
	padding-top: 56.25%;
}
main .main_rgt .map #gmap iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
main .main_rgt .map .link_gmap a,
main .main_rgt .pass .more a,
main .main_rgt .one_point .more a,
main .main_rgt .premiere .more a{
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 8px 5px;
	margin: 12px auto 0;
	width: 165px;
	display: block;
	color: #0064be;
	background: #fff;
	border: 1px solid #0064be;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	line-height: 1.3;
}
main .main_rgt .map .link_gmap a:hover,
main .main_rgt .pass .more a:hover,
main .main_rgt .one_point .more a:hover,
main .main_rgt .premiere .more a:hover{
	color: #fff;
	background: #0064be;
	opacity: 1;
}

main .main_rgt .pass dt,
main .main_rgt .route dt,
main .main_rgt .one_point dt,
main .main_rgt .premiere dt,
main .main_rgt .blog dt{
	margin-bottom: 5px;
}
main .main_rgt .map dd{
	line-height: 190%;
}
main .main_rgt .map dd p{
	padding: 0 8px 10px;
	margin-bottom: 15px;
	line-height: 190%;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
main .main_rgt .map dd p.link_gmap{
	padding: 0;
	margin-bottom: 0;
	border-bottom: none;
}
main .main_rgt .map .movie {
    aspect-ratio: 16/9;
	text-align: center;
}
main .main_rgt .map .movie iframe {
    width: 95%;
    height: 95%;
}
main .main_rgt .pass dd{
	padding: 8px;
	line-height: 1.3;
}
main .main_rgt .pass dd .pass_hd{
	position: relative;
	z-index: 2;
}
main .main_rgt .pass dd .pass_img{
	margin-top: -18px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
main .main_rgt .pass dd p{
	height: 90px;
	overflow: hidden;
}

main .main_rgt .route dd {
	padding: 0 8px;
	line-height: 1.6;
}
main .main_rgt .route dd div {
	text-align: center;
}
main .main_rgt .route dd .ary {
	margin: 5px 0;
}
main .main_rgt .route h3 {
	padding: 10px 0 20px;
}
main .main_rgt .route h3.route_ttl2 {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
}
main .main_rgt .route .link {
	padding: 15px 10px 0;
	line-height: 1.9;
}

main .main_rgt .one_point dd .mov{
	text-align: center;
	margin-bottom: 10px;
}
main .main_rgt .one_point dd .mov_ttl{
	margin-bottom: 10px;
}
main .main_rgt .one_point dd .date{
	font-size: 12px;
	color: #0064be;
	margin-left: 12px;
}

main .main_rgt .premiere dd,
main .main_rgt .blog dd{
	padding: 0 8px;
	line-height: 1.3;
	position: relative;
}
main .main_rgt .premiere dd p{
	position: absolute;
	top: 140px;
	left: 110px;
	padding: 0 8px;
	line-height: 1.3;
}

main .main_rgt .blog p a{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 8px 5px;
	margin: 12px auto 0;
	width: 200px;
	display: block;
	color: #0064be;
	background: #fff;
	border: 1px solid #0064be;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	line-height: 1.3;
}
main .main_rgt .blog p a:hover{
	color: #fff;
	background: #0064be;
	opacity: 1;
}


main .info_cate dt{float:left; margin-right:30px;}
main .info_cate dd{float:left; font-size:18px; line-height:1.8;}

main #top_img{margin-bottom:20px;}

main .info{margin:20px 0;}
main .info dt{font-size:16px; font-weight:bold; text-align:center; color:#666; margin-bottom:20px;}
main .info dd{float:left; width:200px; margin:0 14px; line-height:1.3;}

main .info_course_wrap{
	background:#FED64E;
	border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
	padding:36px;
}
main .info_course{margin:0 0 20px;}
main .info_course dt{width:154px; float:left; margin:0 30px 0 0;}
main .info_course dd{width:400px; float:left; line-height:1.3;}
main .info_course dd.img_course{width:181px; margin-left:30px;}
main .info_course dd h3{font-size:18px; margin-bottom:10px;}
main .info_course dd h3.pc{color:#0088C1;}
main .info_course dd h3.ipad{color:#EA5E60;}
main .info_course dd h3.program{color:#1B914C;}
main .info_course dd p{font-size:14px;}
main .free_trial{width:700px;}
main .free_trial dd{background:#fff; margin-left:33px;}

main .info_course_img{margin-bottom:20px;}

main .btn_course_area{height:73px;margin-bottom:40px;}
main .btn_course_area li{float:left; margin:0 1px;}

main .info_other{height:149px; margin-bottom:20px;}
main .info_other li{float:left; margin:0 2px;}
main .event_img{margin-bottom:20px;}

main .btn_inq{width:920px; margin-bottom:40px;}
main .btn_inq a{margin:0 auto; display:block; width:504px;}

main .notice {
	background: #F4DEDE;
	padding:6px 8px 3px;
	border-left:1px solid #beb381;
	border-right:1px solid #beb381;
}
main .notice dt{
	margin-bottom:3px;
	color:red;
}
main .notice dd{
	font-size:14px;
	line-height: 1.5;
}
main .notice dd p{
	margin-bottom:3px;
}


/* footer */
.ft_lead{
	padding: 0 10px 10px;
	text-align: center;
}
.ft_lead p{
	text-align: left;
	color: #6d3238;
	background: #fff;
	font-size: 12px;
	padding: 5px;
	line-height: 1.2;
	border: 1px solid #beb381;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
footer{background:#dfdfdf; border-top:1px solid #beb381;padding: 0 10px;margin-bottom: 40px;}
#ft_wrap{}

#ft_lft{padding: 25px 10px 10px;position: relative;margin: 0 -10px;background: #427abe;color: #fff;font-size: 14px;font-weight: bold;}
#ft_lft a{color: #fff;text-decoration: none;}
#ft_lft dl{}
#ft_lft dl dt{margin: 0 0 10px; background: url(../common/img/common/icon1.png) no-repeat left center; background-size: 16px;padding: 8px 0 8px 20px; border-bottom: 2px solid#fff;}
#ft_lft dl dd{margin: 0 0 12px; padding-left: 18px;margin-left: 10px;background: url(../common/img/common/icon2.png) no-repeat left center; width: 40%; float: left;}
#ft_lft .ft_relation dd{margin: 0 0 7px; padding-left: 0;}

#ft_rgt{margin: 20px 0;text-align: center;}
#ft_rgt #ft_logo{margin: 0 0 8px;text-align: center;}
#ft_rgt #ft_room{color:#0064be; font-size: 16px; font-weight: bold;}
#ft_rgt .inq_btn li{margin: 7px 0 10px; line-height: 1;}
#ft_rgt .inq_btn li a{display: block;}
#ft_rgt #ft_tel_box{background: #fff; padding: 10px;text-align: center;}
#ft_rgt #ft_tel{display: inline-block;background: url(../images/ico-ft_tel.png) no-repeat left top; padding-left: 25px; font-size: 30px; font-weight: bold;}
#ft_reception{font-size: 14px;}

.ft_course,.ft_about,.ft_room_search,.ft_relation,.ft_pref_list{margin-bottom: 25px;}

#ft_rgt .inq_btn {text-align: center;}
#ft_rgt .inq_btn li {display: block;float: none !important;}
#ft_rgt .inq_btn li.fl_left {position:relative; margin-left: -9px;}

.ft_relation {display: none;}
.ft_relation dd {text-align: center;}

#ft_top_link{color:#6d3238; text-align: right;}
#ft_top_link_wrap{ padding: 10px 0;}
#ft_top_link p{font-size: 12px;}
#ft_top_link p a{color:#6d3238; text-decoration: none;}

#ft_btm{background:#0064be; color:#fff;position: relative;margin: 0 -10px;padding: 15px 10px 0;text-align: center;font-size: 12px;}
#ft_btm_wrap{}
#ft_btm ul li{display: inline;line-height: 1;margin-right: 10px;}
#ft_btm ul li a{color:#fff; text-decoration: none;}
#ft_btm address{padding: 20px 0; font-style: normal;}

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 15px; bottom: 15px; z-index: 999; width: 30px; }

/* toiawase */
#contents_wrap{border-top:10px solid #2662a3; margin-top:15px;}
#contents{margin:0 auto;}

/* color */
.color666{color:#666!important;}
.color333{color:#000!important;}
.red{ color:#FF0000}
.orange{ color:#ee9900}
.orange2{ color:#ee9900; font-weight: bold; }
.blue{ color:#29ABE2}
.gray{ color:#666}


/* ----------------------------- 9. 共通パーツ */

.bg_yellow { background-color: #ffff99; }

.u-mt0 { margin-top: 0px; }
.u-mt5 { margin-top: 5px; }
.u-mt10 { margin-top: 10px; }
.u-mt15 { margin-top: 15px; }
.u-mt20 { margin-top: 20px; }
.u-mt30 { margin-top: 30px; }
.u-mt40 { margin-top: 40px; }
.u-mt50 { margin-top: 50px; }
.u-mt60 { margin-top: 60px; }
.u-mt70 { margin-top: 70px; }
.u-mt80 { margin-top: 80px; }
.u-mt90 { margin-top: 90px; }
.u-mt100 { margin-top: 100px; }
.u-mb0 { margin-bottom: 0; }
.u-mb5 { margin-bottom: 5px; }
.u-mb10 { margin-bottom: 10px; }
.u-mb15 { margin-bottom: 15px; }
.u-mb20 { margin-bottom: 20px; }
.u-mb30 { margin-bottom: 30px; }
.u-mb40 { margin-bottom: 40px; }
.u-mb50 { margin-bottom: 50px; }
.u-mb60 { margin-bottom: 60px; }
.u-mb70 { margin-bottom: 70px; }
.u-mb80 { margin-bottom: 80px; }
.u-mb90 { margin-bottom: 90px; }
.u-mb100 { margin-bottom: 100px; }
.u-ml5 { margin-left: 5px!important; }
.u-ml10 { margin-left: 10px!important; }
.u-ml15 { margin-left: 15px!important; }
.u-ml20 { margin-left: 20px!important; }
.u-ml30 { margin-left: 30px!important; }
.u-ml40 { margin-left: 40px!important; }
.u-ml50 { margin-left: 50px!important; }

.u-pb0 { padding-bottom: 0px; }
.u-col { color: #0068B8; }
.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.u-middle { vertical-align: middle !important; }
.u-middle th, .u-middle td { vertical-align: middle !important; }

.u-top { vertical-align: top !important; }
.u-top th, .u-top td { vertical-align: top !important; }

.u-bottom { vertical-align: bottom !important; }
.u-bottom th, .u-bottom td { vertical-align: bottom !important; }

.c-toiawase { margin: 40px 0 60px 0; }
.c-toiawase p { font-weight: bold; }
.c-toiawase div { text-align: center; }

.c-btn1 a { display: inline-block; *display: inline; *zoom: 5; background: #144288; color: #fff; text-decoration: none; font-size: 135% !important; padding: 0 50px; border-radius: 12px; box-shadow: #10356d 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 130%; position: relative; top: 0; }
.c-btn1 a span { color: #fff; display: block; background: url(../common/img/common/icon1_alt1.png) no-repeat left center; padding: 20px 0 18px 60px; }
.c-btn1 a:hover { top: 7px; box-shadow: #10356d 0 0 0, rgba(0, 0, 0, 0.3) 0 2px 6px; }
.c-btn1 a:visited,.c-btn1 a:active { color: #fff;}

.c-btn2 { margin: 20px;}
.c-btn2 a { display: inline-block; *display: inline; *zoom: 5; background: #ff6347; color: #fff; text-decoration: none; font-size: 135% !important; padding: 0 20px; border-radius: 12px; box-shadow: #ff4500 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 130%; position: relative; top: 0; }
.c-btn2 a span { color: #fff; display: block; background: url(../common/img/common/icon1_alt3.png) no-repeat left center; padding: 20px 0 18px 60px; }
.c-btn2 a:hover { top: 7px; box-shadow: #10356d 0 0 0, rgba(0, 0, 0, 0.3) 0 2px 6px; }
.c-btn2 a:visited,.c-btn2 a:active { color: #fff;}

.c-btn3{ margin: 20px;}
.c-btn3 a { display: inline-block; *display: inline; *zoom: 5; background: #144288; color: #fff; text-decoration: none; font-size: 120% !important; padding: 0 20px; border-radius: 12px; box-shadow: #10356d 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 130%; position: relative; top: 0; }
.c-btn3 a span { color: #fff; display: block; background: url(../common/img/common/icon1_alt1.png) no-repeat left center; background-size: 30px;; padding: 20px 0 18px 45px; }
.c-btn3 a:hover { top: 7px; box-shadow: #10356d 0 0 0, rgba(0, 0, 0, 0.3) 0 2px 6px; }
.c-btn3 a:visited,.c-btn3 a:active { color: #fff;}


.c-link1 a { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1.png) no-repeat left center; padding-left: 25px; font-weight: bold; }
.c-link1 a:hover {text-decoration:underline; }
.c-link2 a { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon2.png) no-repeat left center; padding-left: 16px; }
.c-link_blank a {display: inline-block;*display: inline;*zoom: 1;background: url(../img/common/icon4.png) no-repeat right center;padding-right: 20px;}

.c-table1 { width: 100%; margin: 30px 0; }
.c-table1 th { background: #F7F7F7; text-align: center; width: 160px; vertical-align: top; font-size: 93.7% !important; }
.c-table1 td, .c-table1 th { border: 1px solid #ccc; padding: 20px; }

.bx-wrapper { margin-bottom: 0; }
.bx-wrapper .bx-viewport { text-align: center; }
.bx-wrapper .bx-viewport img { display: inline; width: auto; }

#__bs_notify__ { display: none !important; }

/*=======================================
追加CSS　講座周り 
=========================================*/

/*メインイメージ*/
.mainimg { display: inline-block; position: relative;  width: 100%;}
.mainimg img { width: 100%; height: 150px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ filter: brightness(90%);}
.mainimg p { position: absolute; top: 75%; left:2%; 
	transform: translateY(-50%) translateX(2%); -webkit- transform: translateY(-50%) translateX(2%); margin:auto; padding:0; color: #fff; font-size:160%; font-weight: bold; line-height: 1.5em; text-shadow: black 1px 1px 10px, gray -1px 1px 10px, gray 1px -1px 10px, gray -1px -1px 10px;}

/*サブイメージ*/
.subimg_a { width: 100%; vertical-align: top; }
.subimg_b { width: 100%; margin:0; vertical-align: top; text-align: right;}
.subimg_b img { width: 100%; height: 250px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}

/*汎用 講座一覧*/
.kouzalist { display: block; text-decoration: none; position: relative; padding:15px!important; margin:20px 0!important; color:#000!important; background-color:#F6F5EF;}
.kouzalist h3{ text-decoration: none; font-size:130%; padding:10px 0;}
.kouzalist .more-detail { font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; padding: 8px 5px; 
	margin-top: 12px; display: block; color: #0064be; background: #fff; border: 1px solid #0064be;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */}
.kouzalist:hover { color: #000; opacity:1;}
.kouzalist:hover .more-detail{ color: #fff; background: #0064be; opacity: 1;}
.kouzalist:visited { color: #000; font-size: initial; text-shadow: initial;}
.kouzalist_a { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 10px; }
.kouzalist_a img { width: 100%; height: 150px; object-fit: contain; font-family: 'object-fit: contain;'; /*IE対策*/}
.kouzalist_b { width: 100%; display: inline-block; vertical-align: top; text-decoration: none; margin-bottom: 30px; }
.kouzalist_b:last-child { margin-bottom: 0; }


/*受講料テーブル*/
.price_tbl { padding-top: 15px; padding-bottom: 30px; }
.price_tbl h2 { background: url(../../images/overview/system_header.jpg) no-repeat left; background-color: #f6f5ef; padding-left: 20px; }
.price_tbl table { border-collapse: collapse; margin-top: 10px; width: 100%; }
.price_tbl table tr th { border: 1px solid #6191cc; color: #144288; background-color: #cde3ff; padding: 10px 15px; font-size: 20px; font-weight: bold; text-align: left; }
.price_tbl table tr td { border: 1px solid #6191cc; background-color: #fff; padding: 10px 15px; font-size: 14px; vertical-align: middle; }
.price_tbl table tr td .info { font-size: 18px; font-feature-settings : "palt" 1; margin: 10px 5px; }
.price_tbl table tr td .info2 { font-size: 18px; font-feature-settings : "palt" 1; margin: 10px 0; font-weight: bold; }
.price_tbl table tr td .prc { font-size: 22px; color: #ff0000; }
.price_tbl table tr td .tax { font-size: 16px; }


/* コース選択ページ */
#course_indlist { display: flex;  flex-wrap:wrap; justify-content: space-between; padding: 0px; list-style: none;}
#course_indlist .course_box { width:48%; display: block; flex-direction: column; margin:10px 0; border-radius: 20px; position: relative; box-sizing: border-box;}
#course_indlist .course_box p{color:#000; }
#course_indlist .course_box a{text-decoration: none;}
#course_indlist .course_box img{ width: 100%; height: 80px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
#course_indlist .course_box:hover {opacity:0.8; border:solid 5px #154288;}
#course_indlist .course_boxttl { font-size:100%; margin:10px; color:#9E9E9E; text-align: center; font-weight: bold; color:#000;}
#course_indlist .course_boxtx { font-size:100%; margin:10px; color:#9E9E9E;}
#course_indlist .course_logo{ position: absolute; left:10px; top: 60px;}
#course_indlist .cb_a{background-color:#fff; border:solid 5px #63C2EE;}
#course_indlist .cb_b{background-color:#fff; border:solid 5px #A5E552;}
#course_indlist .cb_c{background-color:#fff; border:solid 5px #ccc;}
#course_indlist .cb_b1{background-color:#fff; border:solid 5px #32965f;}
#course_indlist .cb_b2{background-color:#fff; border:solid 5px #3959a7;}
#course_indlist .cb_t{background-color:#fff; border:solid 5px #f07800;}

.osusumelist { padding: 0; margin-bottom: 20px; color: #5d627b; background: #fff; border-top: solid 5px #5d627b; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
.osusumelist_a { width: 100%; display: table-cell; padding:10px 0;}
.osusumelist_a h3 { padding: 5px; background:#5d627b; color:#fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom:10px; width:180px; text-align: center;}
.osusumelist_a li{ padding: 0 0 0 25px; margin: 0; font-size:110%; line-height: 1.7; background: url(../images/ico-check.png) left no-repeat; top:5px;}
.osusumelist_b { width: 40%; display: table-cell; vertical-align: top; text-align: right;}
.osusumelist_b img { width: 100%; height: 250px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
/*1行　講座名から探す*/
#course_indlist3 { display: flex; flex-wrap:wrap; justify-content: space-between; padding: 0px; list-style: none; border-radius: 20px; background:#F6F5EF;}
#course_indlist3 .course_box { width:100%;  padding:15px 15px 6px 15px;}
#course_indlist3 .course_box .tit { width:800px; display: table-cell; padding: 0 10px 0 25px; font-size: 137.5% !important; color: #fff; height: 50px; border-radius: 10px; background: #154288; vertical-align: middle;}
#course_indlist3 .course_box a { font-size:100%; text-decoration: none; font-weight:bold;}
#course_indlist3 .course_box p { background: url(../common/img/common/icon1_alt1.png) no-repeat left center; background-size:18px; padding-left:25px; line-height: 200%;}
/*2行　講座名から探す*/
#course_indlist2 { display: flex; flex-wrap:wrap; justify-content: space-between; padding: 0px; list-style: none;}
#course_indlist2 .course_box { width:100%; margin:10px 0; border-radius: 20px; position: relative; box-sizing: border-box; background:#F6F5EF; padding:15px;}
#course_indlist2 .course_box .tit { display: table; border-radius: 10px; color: #fff; font-size: 137.5% !important; font-weight: bold; padding: 0 10px 0 25px; margin-bottom:10px; height: 50px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#course_indlist2 .course_box div { display: table-cell; vertical-align: middle; background-repeat: no-repeat; background-position: center right; }
#course_indlist2 .course_box dd { background: url(../common/img/common/icon1_alt1.png) no-repeat left center; background-size:18px; padding-left:25px;}
#course_indlist2 .course_box a { font-size:100%; text-decoration: none; font-weight:bold; line-height: 200%;}
#course_indlist2 .course_box .a { background: #154288; }
#course_indlist2 .course_box .b { background: #2893A6; }
#course_indlist2 .course_box .b div { background: url("../common/img/top/top3_icon2.png") no-repeat right center; background-size:50px;}
#course_indlist2 .course_box .c { background: #7D55B7; }
#course_indlist2 .course_box .c div { background: url("../common/img/top/top3_icon5.png") no-repeat right center; background-size:50px;}
#course_indlist2 .course_box .d { background: #DF6417; }
#course_indlist2 .course_box .d div { background: url("../common/img/top/top3_icon6.png") no-repeat right center; background-size:50px;}
#course_indlist2 .course_box .e { background: #DF5DA3; }
#course_indlist2 .course_box .e div { background: url("../common/img/top/top3_icon7.png") no-repeat right center; background-size:50px;}
#course_indlist2 .course_box .f { background: #37A360; }
#course_indlist2 .course_box .f div { background: url("../common/img/top/top3_icon8.png") no-repeat right center; background-size:50px;}
#course_indlist2 .course_box .g { background: #ffcc00; }
#course_indlist2 .course_box .g div { background: url("../common/img/top/top3_icon9.png") no-repeat right center; background-size:50px;}


/* コース量産ページ */
/*メインイメージ-各コース*/
.mainimg2 { display: inline-block; position: relative;  width: 100%; color: #6D3238;}
.mainimg2 img { width: 100%; object-fit: contain; font-family: 'object-fit: contain;'; /*IE対策*/}
.mainimg2 p { margin: auto; padding: 10px 0; font-size:160%; font-weight: bold; line-height: 1.5em; width: 100%; text-align: center; }
/*メインイメージ-各コース色*/
.mainimg2 .line { background-color:#18BC02; color:#fff;}
.mainimg2 .word { background-color:#BCD4EE; color:#1F5289;}
.mainimg2 .excel { background-color:#C7EFD5; color:#2E6744;}
.mainimg2 .powerpoint { background-color:#F4C9C2; color:#C14731;}
.mainimg2 .outlook { background-color:#BBDAF7; color:#2471B8;}
.mainimg2 .degital_basic { background-color:#F4C9C2;}
.mainimg2 .internet_master { background-color:#F9E191;}
.mainimg2 .pc_basic { background-color:#FEFDE5;}
.mainimg2 .smartphone_iphone { background-color:#E1C2AA;}
.mainimg2 .tablet_ipad { background-color:#FDC800;}
.mainimg2 .typing { background-color:#BCDDD1;}
.mainimg2 .word_craft { background-color:#96BDE1;}
.mainimg2 .bb_basic { background-color:#DFDFDD;}
.mainimg2 .office { background-color:#DFDFDD;}
.mainimg2 .nenga { background-color:#F1A8B8;}
.mainimg2 .zoom { background-color:#3B7CFD; color:#fff;}
.mainimg2 .business_it { background-color:#015790; color:#fff;}
.mainimg2 .canva { background-color:#51c0ce; color:#fff;}
.mainimg2 .mos { background-color:#d95858; color:#fff;}
.mainimg2 .certify { background-color:#6CBA5A; color:#fff;}
.mainimg2 .chatgpt { background-color:#88cdad; color:#fff;}

.list1 li { font-weight: bold; font-size: 105%; margin: 10px 0; }
.list1 li:last-child { margin-bottom: 0; }

/*1分割テーブル*/
.coursebox1 { width: 100%; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0;}
.coursebox1 li { width: 100%; background: #F6F5EF;  margin:2%; font-size: 100% !important; padding:0; border-radius: 15px;}
.coursebox1 h4 {text-align: center; background: #5D627B; color: #fff; font-size: 105% !important; font-weight: bold; padding: 6px 0; border-radius: 15px 15px 0 0;}
.coursebox1 p{ padding:20px; zoom: 1; line-height: 1.9em;}
/*2分割テーブル*/
.coursebox2 { width: 100%; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0;}
.coursebox2 li { width: 100%; background: #F6F5EF;  margin:2%; font-size: 100% !important; padding:0; border-radius: 15px;}
.coursebox2 h4 {text-align: center; background: #5D627B; color: #fff; font-size: 105% !important; font-weight: bold; padding: 6px 0; border-radius: 15px 15px 0 0;}
.coursebox2 p{ padding:20px; zoom: 1; line-height:  1.9em;}
/*3分割テーブル*/
.coursebox3 { width: 100%; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0;}
.coursebox3 li { width: 100%; background: #F6F5EF;  margin:2%; font-size: 100% !important; padding:0; border-radius: 15px;}
.coursebox3 h4 {text-align: center; background: #5D627B; color: #fff; font-size: 105% !important; font-weight: bold; padding: 6px 0; border-radius: 15px 15px 0 0;}
.coursebox3 p{ padding:20px; zoom: 1; line-height:  1.9em;}
.coursebox3 .innerbox { padding:20px; zoom: 1; line-height: 1.9em; }
.coursebox3 .innerbox p { padding: 0; margin-bottom: 15px; }
/*汎用しまテーブル*/
.tabel_sima{ width: 100%; table-layout: fixed;}
.tabel_sima th,.tabel_sima td{ padding: 15px; border:1px solid #ccc; display: block;}
.tabel_sima tr:nth-child(odd){background-color:#fff;}
.tabel_sima h4{ background: url(../common/img/common/icon1_alt2.png) no-repeat left center; padding: 0 0 0 30px; margin-bottom:10px; color:#000;}
/*サンプル映像*/
.sample_mov { aspect-ratio: 16/9; }
/*3分割ギャラリー*/
.gallery {display: inline-block; width: 100%; padding:10px;}
.gallery img { width: 100%; height: 250px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
/*おすすめアイテムリスト4分割*/
#item-list4 { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
#item-list4 .item { width: 100%; display: flex; padding: 1em; border: 1px solid #ccc; box-sizing: border-box; }
#item-list4 .item:nth-child(-n+2) { margin-top: 0; }
#item-list4 .item-image { width: 200px; margin-right: 1em; }
#item-list4 .item-image img { width: 100%; height: 120px; vertical-align: bottom; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
#item-list4 .item-text { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
#item-list4 .item-btn { align-self: flex-end; margin-top: 1em; border-radius: 4px; border:1px solid #0064be; color: #0064be!important;}
#item-list4 .item-btn a { display: block; padding: .5em; text-decoration: none; text-align: center; color: #0064be!important;}
#item-list4 .item-btn a:hover { background: #0064be; color: #fff!important; opacity: 1!important;}
#item-list4 .item-btn a:visited { color: #0064be;}
/*おすすめアイテムリスト2分割*/
#item-list2 { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
#item-list2 .item { width: 100%; display: flex; padding: 1em; border: 1px solid #ccc; box-sizing: border-box; }
#item-list2 .item:nth-child(-n+2) { margin-top: 0; }
#item-list2 .item-image { width: 200px; margin-right: 1em; }
#item-list2 .item-image img { width: 100%; height: auto; vertical-align: bottom; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
#item-list2 .item-text { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
#item-list2 .item-btn { align-self: flex-end; margin-top: 1em; border-radius: 4px; border:1px solid #0064be; color: #0064be!important;}
#item-list2 .item-btn a { display: block; padding: .5em; text-decoration: none; text-align: center; color: #0064be!important;}
#item-list2 .item-btn a:hover { background: #0064be; color: #fff!important; opacity: 1!important;}
#item-list2 .item-btn a:visited { color: #0064be;}

/* 受講生の声 */
table.about {
	border-collapse: collapse;
}
table.about th,
table.about td{
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
	font-size: 95%;
}
table.about th {
	font-weight:bold;
	text-align: left;
	background-color: #eef;
}
.section3 span.fl {
	display: block;
	float: none;
	margin-bottom: 10px;
}
.section3 span.fl img {
 	margin: 0 auto!important;
	display: block;
}

/* シニア割 *//* 学割 */
#discount .mainimg_dc { display: inline-block; position: relative;  width: 100%;}
#discount .mainimg_dc img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#discount .coursebox3 { width: 100%; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; justify-content: space-between;}
#discount .coursebox3 li { width: 100%; background: #F6F5EF;  margin: 2%; font-size: 100% !important; padding:0; border-radius: 15px;}
#discount .coursebox3 h4 {text-align: center; background: #5D627B; color: #fff; font-size: 105% !important; font-weight: bold; padding: 6px 0; border-radius: 15px 15px 0 0;}
#discount .coursebox3 li img{ text-align: center; width: 100%; height: 150px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ margin-bottom:5px;}



/*=======================================
追加CSS　夏期講習 
=========================================*/
.junior .l-pagetitle { display: none;}
.junior .catch { background: url("../course/images/summer/img-catch.png") no-repeat; height: 207px;margin: 15px 0 70px;}
.junior .catch h2 { font-size: 212.5% !important;line-height: 160% !important; padding: 50px;font-weight: normal !important;}
.junior .kids01 { text-align: center;float: left;font-size: 150% !important;font-weight: bold;padding:10px 0 10px 150px;}
.junior .kids02 { text-align: center;float: right;font-size: 150% !important;font-weight: bold;padding:10px 150px 10px 0;}

.junior .skill_wrap { margin: 15px 0 70px;	padding: 2px;
	border: dashed 2px #97a8cb;/*点線*/
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */}
.junior .skill { position: relative;	text-align: center;	padding: 20px;	background: #f6d8d3;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */}
.junior .skill .teach {	position: absolute;	top: -80px;	right: 10px;}
.junior .skill h3 { color:#18499d; font-size: 200% !important; margin-bottom: 20px;}
.junior .skill li { font-weight: bold; font-size: 162.5% !important; width: 250px; margin: 0 19px; float: left;	background: #3face2; border: 1px solid #fff;	padding: 10px;	color: #fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */}

.junior .jt { position: relative; margin: 10px 0 20px;}
.junior .jt01 { width: 100%; margin-bottom: 10px;}
.junior .jt02 {	width: 100%; margin-bottom: 10px;}
.junior .jt01 dt { text-align: center; font-weight: bold; font-size: 130% !important; padding: 5px 20px; margin-bottom: 15px; background: #0085b4; color: #fff;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */}
.junior .jt .jt01 dd {	margin: 0;}
.junior .jt .jt02 dt { text-align: center; font-weight: bold; font-size: 150% !important; padding: 5px 20px; margin-bottom: 15px; background: #3db3d2; color: #fff;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */}
.junior .jt .jt02 dd { margin: 0;}
.junior .jt .jt02 dd ul li { border-bottom: 1px solid #7fc2d9; margin-top: 5px;}
.junior .jt .jt02 dd ul li h4 {	font-size: 150% !important;	color: #3db3d2;}
.junior .jt .abc { position: absolute;	top:50px; right: 0px;}
.junior .jt .abc img{ width: 150px;}
.junior .jt .keybord { position: absolute; top:170px; right: 0px;}
.junior .jt .keybord img{ width: 200px;}

.voicelist_a { width: 25%; display: inline-block; margin-bottom:20px; vertical-align: top;}
.voicelist_a img { width: 100%; height: 100px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ border-radius: 10px;}
.voicelist_b { width: 70%; display: inline-block; vertical-align: top; text-align: left!important;}

.junior .new-cs { margin-bottom: 70px;}
.junior .new-cs h3 {	text-align: center;	font-size: 200% !important;	margin-bottom: 20px;}
.junior .new-cs p {	font-size: 125% !important;	margin-bottom: 20px;}
.junior h3.bg_liner { background: linear-gradient(transparent 50%, #ffef00 50%);}

.junior .think_wrap {
	margin: 20px 0; padding: 5px;
	border: dashed 2px #97a8cb;/*点線*/
	border-radius: 15px;        /* CSS3草案 */
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;   /* Firefox用 */}
.junior .think {
	text-align: center;	padding: 10px;
	background: #cbe1e9;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */}
.junior .think h3 { color:#18499d; font-size: 200% !important; margin-bottom: 20px; margin:20px;}
.junior .think h3 span { font-size: 60% !important; padding-left: 20px;}
.junior .think li {	width: 95%; margin: 0 15px 15px; float: left;}
.junior .think li dl dt {
	font-weight: bold;
	font-size: 162.5% !important;
	background: #3face2;
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */}
.junior .think li dl dd { font-weight: bold; font-size: 100% !important; text-align: left;}

.junior .tp_block {	width: 100%; margin: 15px auto;}
.junior .tp_point1 { margin-top: 15px;}
.junior .tp_point1 img { display: block; float: left; margin-right: 30px;}
.junior .tp_point1 h3 { float: left;	text-align: center;	font-size: 200% !important;	margin-bottom: 20px; padding-top: 20px;}
.junior .tp_point2 { float: left; width: 100%;}
.junior .tp_point2 p{ font-size:100%; margin:10px 0;}
.junior .tp_point3 { float: right; width: 100%;}
.junior .tp_point3 p{ font-size:100%; margin:10px 0;}

.junior .tp_ttl_b img {	display: block;	float: left; margin-right: 20px;}
.junior .tp_ttl_b h3 { float: left; width: 300px; font-size: 155% !important; margin-bottom: 20px;}
.junior .tp_ttl_b h3 span { display: block;}
.junior .tp_ttl_b h3 span.bg_liner { background: linear-gradient(transparent 50%, #ffef00 50%);}

.junior .exam { background: #f6d8d3; margin-bottom: 50px;}
.junior .exam .img_left { float: left; margin-right: 20px;}
.junior .exam .txt_right {float: left; width: 100%; padding: 15px 0;}
.junior .exam .txt_right .exam_ttl { background: url("../course/images/summer/ico-check.png") no-repeat; background-size: 90px;}
.junior .exam h3 { color: #a30b5e; font-size: 162.5% !important; margin-left: 90px; padding-top: 10px;}
.junior .exam .txt_right p { font-weight: bold; font-size: 93.7% !important; margin-left: 90px; padding-bottom: 10px;}
.junior .exam .txt_right dt { background: #c06b7a; color: #fff; font-weight: bold; font-size: 150% !important; padding: 5px 15px; margin-top: 15px;}
.junior .exam .txt_right dd { padding: 10px 0 0 5px; margin-left: 0;}
.junior .txt_ft {	text-align: center;	font-size: 220% !important;	font-weight: bold;	line-height: 1.5;}
.junior .gakuwari {	text-align: center;	font-size: 150% !important;	font-weight: bold;	margin: 10px 0 50px;}
.junior .inq_btn {	text-align: center;	margin-bottom: 70px;}
.junior .sps_link {	text-align: center;	position: fixed;	bottom: 0;	z-index:6;	width: 800px;}
.junior .sps_link a {	display: block;}

/* デジタル写真マスター講座 */
#d_photo_master .u-center {text-align: center;padding-bottom: 20px;background-color: #fff;position: relative;}
#d_photo_master .u-center .lead_area {width: 100%;text-align: center;margin-bottom: 30px;position: absolute;top: 48px;}
#d_photo_master .u-center .lead_area .ttl{color: #065a30;font-size: 112.5% !important;font-weight: bold;margin-bottom: 2px;}
#d_photo_master .u-center .lead_area .lead {line-height: 1.3;font-size: 87.5% !important;font-weight: bold;}
#d_photo_master {background-color: #fff;}
#d_photo_master dd {margin-left: 0;}
#d_photo_master .fullimg {width:100%;}
#d_photo_master .cnt {}
#d_photo_master .block {margin-bottom: 50px;}
#d_photo_master .block .inc_area {text-align: center;}
#d_photo_master .block_list {position: relative;}
#d_photo_master .block_list h3 {background: #065a30;color: #fff;text-align: center;padding: 10px;margin-bottom: 15px;}
#d_photo_master #block_2 {position: relative;}
#d_photo_master #block_2 .lead {width: 100%;text-align: center;line-height: 1.7;font-size: 112.5% !important;font-weight: bold;position: absolute;top: 45px;}
#d_photo_master #block_2 .inc_area {}
#d_photo_master #block_3 ul,
#d_photo_master #block_4 ul,
#d_photo_master #block_5 ul {color: #065a30;font-size: 131.2% !important;font-weight: bold;line-height: 1.7;padding: 0 10px;}
#d_photo_master #block_3 .lesson_point,
#d_photo_master #block_4 .lesson_point,
#d_photo_master #block_5 .lesson_point {margin-bottom: 30px;padding: 0 10px;}
#d_photo_master #block_3 .lesson_point dl dt,
#d_photo_master #block_4 .lesson_point dl dt,
#d_photo_master #block_5 .lesson_point dl dt {font-size: 112.5% !important;font-weight: bold;margin-bottom: 10px;}
#d_photo_master #block_3 .lesson_point dl dd {}
#d_photo_master #block_4 .lesson_point dl dd {}
#d_photo_master #block_5 .lesson_point dl dd {}
#d_photo_master #block_5 .start {text-align: center;color: #E41C24;font-size: 131.2% !important;font-weight: bold;margin-bottom: 20px;}a:hover{opacity: 0.7}

/* 脳トレおとなプログラミング講座 */
#brain_tr #contents {padding-bottom: 10px;}
#brain_tr .u-center {text-align: center;padding-bottom: 20px;background-color: #fff;}
#brain_tr {background-color: #fff;}
#brain_tr dd {margin-left: 0;}
#brain_tr .cnt {}
#brain_tr h3 {background: url(../course/images/brain_tr/bg-ttl.jpg) no-repeat center top;color: #fff;font-size: 131.2% !important;text-align: center;padding: 12px 0 15px;margin-bottom: 10px;}
#brain_tr .lead_area {margin-bottom: 30px;}
#brain_tr .lead_area .ttl{text-align: center;color: #E41C24;font-size: 137.5% !important;font-weight: bold;margin-bottom: 10px;}
#brain_tr .lead_area .lead {line-height: 1.7;}
#brain_tr .block {margin-bottom: 50px;}
#brain_tr .block .inc_area {text-align: center;}
#brain_tr #block_3 .lead {border: 1px solid #E41C24;color: #E41C24;padding: 15px 20px;line-height: 1.7;font-size: 100% !important;}
#brain_tr #block_4 .lead {border: 1px solid #E41C24;color: #E41C24;padding: 15px 20px;margin-bottom: 20px;line-height: 1.7;font-size: 100% !important;}
#brain_tr #block_4 .lead dt {background: url(../course/images/brain_tr/ico-start.jpg) no-repeat left 3px;padding-left: 20px;font-weight: bold;}
#brain_tr #block_5 li {font-size: 131.2% !important;padding: 15px 0 15px 50px;line-height: 1.2;}
#brain_tr #block_5 li.no1 {background: url(../course/images/brain_tr/img-no1.jpg) no-repeat left 6px;}
#brain_tr #block_5 li.no2 {background: url(../course/images/brain_tr/img-no2.jpg) no-repeat left 6px;}
#brain_tr #block_5 li.no3 {background: url(../course/images/brain_tr/img-no3.jpg) no-repeat left 6px;}
#brain_tr #block_5 .start {text-align: center;color: #E41C24;font-size: 131.2% !important;font-weight: bold;margin-bottom: 5px;}
#brain_tr .sps {text-align: center;color: #E41C24;font-size: 97.5% !important;font-weight: bold;}
#brain_tr .bnr_sps {text-align: center; margin-bottom: 40px;}
#brain_tr #block_6 .prof_kamata {background:url(../course/images/brain_tr/img-kamata06.jpg) center top no-repeat;padding-top: 180px;margin-bottom: 20px;}
#brain_tr #block_6 .prof_cat {background:url(../course/images/brain_tr/img-cat06.jpg) center top no-repeat;padding-top: 120px;margin-bottom: 20px;}
#brain_tr #block_6 dt {font-size: 112.5% !important;text-align: center;margin-bottom: 10px;}
#brain_tr #block_6 dd {font-size: 106.2% !important;line-height: 1.6;}
#brain_tr #block_6 .lead_s {clear: both;font-size: 87.5% !important;line-height: 1.5;}
#brain_tr .brain_tr_btn1 {padding: 0 0 50px;text-align: center;}a:hover{opacity: 0.7}
/*利用者の声*/
#brain_tr .talk{margin:30px 0 20px;}
#brain_tr .voice_list{padding:0 0 0 150px;margin-bottom:20px;min-height:130px;}
#brain_tr .voice_list dt{margin-bottom:10px;}
#brain_tr .voice_list dd a{color:#fff;}
#brain_tr .voice_list dd a:hover{color:#dd0000;background:#fff;text-decoration:none;}
#brain_tr .kamata01{background:url(../course/images/brain_tr/img-kamata01.jpg) left top no-repeat;}
#brain_tr .kamata02{background:url(../course/images/brain_tr/img-kamata02.jpg) left top no-repeat;}
#brain_tr .kamata03{background:url(../course/images/brain_tr/img-kamata03.jpg) left top no-repeat;}
#brain_tr .kamata04{background:url(../course/images/brain_tr/img-kamata04.jpg) left top no-repeat;}
#brain_tr .kamata05{background:url(../course/images/brain_tr/img-kamata05.jpg) left top no-repeat;}
#brain_tr .kamata06{background:url(../course/images/brain_tr/img-kamata03.jpg) left top no-repeat;}
#brain_tr .kamata07{background:url(../course/images/brain_tr/img-kamata05.jpg) left top no-repeat;}
#brain_tr .cat01{background:url(../course/images/brain_tr/img-cat01.jpg) right top no-repeat; padding: 0 100px 0 10px;}
#brain_tr .cat02{background:url(../course/images/brain_tr/img-cat02.jpg) right top no-repeat; padding: 0 100px 0 10px;}
#brain_tr .cat03{background:url(../course/images/brain_tr/img-cat03.jpg) right top no-repeat; padding: 0 100px 0 10px;}
#brain_tr .cat04{background:url(../course/images/brain_tr/img-cat04.jpg) right top no-repeat; padding: 0 100px 0 10px;}
#brain_tr .cat05{background:url(../course/images/brain_tr/img-cat05.jpg) right top no-repeat; padding: 0 100px 0 10px;}
#brain_tr .cat06{background:url(../course/images/brain_tr/img-cat03.jpg) right top no-repeat; padding: 0 100px 0 10px;}
/*吹き出し*/
#brain_tr .parent1 {width:90%;background:#FAF3F6;border: 1px solid #E41C24;padding:0;position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px;}.parent1 .child1 {background:#FAF3F6;position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px;/*テキストの補正*/padding:20px;line-height: 1.5;}
#brain_tr .parent2 {width:90%;background:#FFFAF3;border: 1px solid #EE8A1E;padding:0;position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px;}.parent2 .child2 {background:#FFFAF3;position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px;/*テキストの補正*/padding:20px;line-height: 1.5;}
/*擬似要素:after*/
#brain_tr .parent1 .child1:after {content: ' ';width:0;height: 0;position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid transparent;border-right:30px solid transparent;border-right-color:#E41C24;top:25%;right:100%;}
#brain_tr .parent2 .child2:after {content: ' ';width:0;height: 0;position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:30px solid transparent;border-right:10px solid transparent;border-left-color:#EE8A1E;top:25%;left:100%;}

/*=======================================
続きを見る
=========================================*/
.cp_box *, 
.cp_box *:before, 
.cp_box *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.cp_box {position: relative;}
.cp_box label {position: absolute; z-index: 1;bottom: 0;width: 100%; height: 140px; /* グラデーションの高さ */cursor: pointer;text-align: center;/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */background: linear-gradient(to bottom, rgba(238, 224, 224, 0) 0%, rgba(238, 224, 224, 0.95) 90%);}
.cp_box input:checked + label {background: inherit; /* 開いた時にグラデーションを消す */}
.cp_box label:after {line-height: 2.5rem;position: absolute;z-index: 2;bottom: 20px;left: 50%;width: 16rem;font-family: FontAwesome;content: '\f13a'' 続きをよむ';transform: translate(-50%, 0);letter-spacing: 0.05em;color: #ffffff;border-radius: 20px;background-color: #d586b4;}
.cp_box input {display: none;}

.cp_box .cp_container {overflow: hidden;height: 600px; /* 開く前に見えている部分の高さ */transition: all 0.5s;}
.cp_box input:checked + label {/* display: none ; 閉じるボタンを消す場合解放 */}
.cp_box input:checked + label:after {font-family: FontAwesome;content: '\f139'' 閉じる';}
.cp_box input:checked ~ .cp_container {height: auto;padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */transition: all 0.5s;}

/*=======================================
教室ページ、ブログレイアウト
=========================================*/
.school_blog {
	background: #fff;
	border: 1px solid #beb381;
	border-radius: 8px;
}
.school_blog h2 {
    background-size: 555px auto;
    border-radius: 10px 10px 0 0;
    padding-top: 30px;
    font-size: 120%;
    text-align: center;
	line-height: 1.4;
    color: #6d3238;
	border-top: 3px solid #6191CC;
	border-radius: 8px 8px 0 0;
    padding: 0 10px;
	margin: 0 0 10px;
}
.school_blog h2 span {
    display: block;
    padding-top: 17px;
    padding-bottom: 8px;
    border-radius: 10px 10px 0 0;
    border-bottom: 3px solid #6191CC;
}
.school_blog .c-title1 .c-title1__txt1 {font-size: 75%;}
.school_blog ul { position: relative; padding: 0 10px; }
.school_blog li { float: left; width: 46%; margin: 0 2% 6% 2%; }
.school_blog ul li:nth-child(2n+1) { clear: both; }

.school_blog.c-wrap.u-mt40 li:nth-child(2n+1) { clear: both; }
.school_blog li a { display: block; text-decoration: none; }
.school_blog li .img1 { margin-bottom: 4px; }
.school_blog li .date { margin: 0 0 4px 0; font-size: 11px; }
.school_blog li h3 { margin-bottom: 8px; font-size: 16px; }
.school_blog li .category {
	text-align: center; font-size: 86%; background: #fff; color: #333; border: 1px solid #ccc; margin-top: 8px;
}
.school_blog a {
	font-size: 14px;
	line-height: 1.5;
}
.school_blog__block1 { margin-bottom: 30px; }

/*=======================================
教室ページ、お申込みの流れ
=========================================*/
.flow {
	background: #fff;
	border: 1px solid #beb381;
	border-radius: 8px;
}
.flow h2 {
    background-size: 555px auto;
    border-radius: 10px 10px 0 0;
	font-size: 120%;
	text-align: center;
	color: #6d3238;
	border-top: 3px solid #87e57c;
	border-radius: 8px 8px 0 0;
    padding: 0 10px;
	margin: 0 0 10px;
}
.flow h2 span {
    display: block;
    padding-top: 17px;
    padding-bottom: 8px;
    border-radius: 10px 10px 0 0;
	border-bottom: 3px solid #87e57c;
}
.flow .flow_list h3 {
	border-radius: 4px;
	color: #fff;
	background: #78c27d;
	padding: 10px 12px;
	font-size: 118%;
	line-height: 1.5;
}
.flow .flow_list ul li {
	background: #e2f3e3;
	border-radius: 4px;
	margin: 0 20px 15px;
}
.flow .flow_list dl dt {
	text-align: center;
	margin: 15px;
}
.flow .flow_list dl dd {
	margin: 15px;
}
.flow .flow_list ul li p {
	font-size: 15px;
	line-height: 1.6;
}
.flow .flow_list .arrow {
	text-align: center;
}
.flow .flow_list .btn {
	box-sizing: border-box;
	width: 70%;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -ms-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -moz-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -webkit-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #e3781c), color-stop(0.49, #ef7e1d), color-stop(0.49, #ef7e1d));
	background: linear-gradient(to bottom, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	border-radius: 3px;
	margin: 15px auto;
}
.flow .flow_list .btn a {
	display: block;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 8px 6px;
}
.flow .flow_list .btn a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../common/img/common/arr_orange.png") no-repeat;
	background-size: 100% auto;
}

/*=======================================
教室ページ、よくあるご質問
=========================================*/
.qa {
	background: #fff;
	border: 1px solid #beb381;
	border-radius: 8px;
}
.qa h2 {
    background-size: 555px auto;
    border-radius: 10px 10px 0 0;
	font-size: 120%;
	text-align: center;
	color: #6d3238;
	border-top: 3px solid #87e5f2;
	border-radius: 8px 8px 0 0;
    padding: 0 10px;
	margin: 0 0 10px;
}
.qa h2 span {
    display: block;
    padding-top: 17px;
    padding-bottom: 8px;
    border-radius: 10px 10px 0 0;
    border-bottom: 3px solid #87e5f2;
}
.qa .qa_list ul li {
	background: #ffffee;
	margin:0 20px 15px;
	padding: 20px;
}
.qa h3 {
	background:url(../images/qa_08.png) no-repeat;
	padding:2px 0 0 35px;
	margin-bottom:10px;
	padding-left: 35px;
	line-height: 1.7em;
	font-size: 15px;
}
.qa p {
	background:url(../images/qa_11.png) no-repeat;
	padding:2px 0 0 35px;
	line-height: 1.7em;
	font-size: 15px;
}
.to_all {
	text-align: right;
	margin: 0 20px 15px;
}


/* 横向き */
@media (min-width: 480px) and (orientation: landscape) {

	#hd_logo {position: relative;z-index: 9;}
	#hd_rgt {text-align: right;position: relative;margin-top: -30px;}
	#hd_tel {float: none;display: inline-block;vertical-align: middle;font-size: 25px;background-size: auto;padding-left: 24px;width: auto;text-align: left;}
	#hd_rgt .header-btn1 {float: none;display: inline-block;vertical-align: middle;text-align: left;max-width: 127px;}
	#hd_rgt .header-btn2 {display: inline-block;vertical-align: middle;max-width: 45px;margin-left: 10px;}

	main .course_list h2 {background-size: 655px auto;}
	main .course_list h2 span {padding-top: 23px;padding-bottom: 15px;}
	main .course_list .inner ul {position: relative;margin-left: -2%;}
	main .course_list .inner li {float: left;width: 48%;margin: 0 0 2% 2%;}
	main .course_list .inner li:nth-child(2n+1) {clear: both;}

	main .osusume_list h2 {background-size: 655px auto;}
	main .osusume_list .inner ul {position: relative;margin-left: -1%;}
	main .osusume_list .inner li {float: left;width: 49%;margin: 0 0 1% 1%;}

	main .room_info h2 {background-size: 655px auto;}

	.osusume_list #ft_tel_box {text-align: center;}
	.osusume_list #ft_tel {display: inline-block;}
	main .osusume_list #ft_reception {margin-top: 15px;}
	.inq_btn .inq_taiken,
	.inq_btn .inq_shiryo {display: inline-block; vertical-align: middle;}

	#ft_rgt .inq_btn {margin-bottom: 15px;}
	#ft_rgt .inq_btn li.fl_left,
	#ft_rgt .inq_btn li.fl_right {display: inline-block;vertical-align: middle;margin: 0 8px;}

	#ft_reception {margin-top: 10px;}

	#ft_wrap #ft_lft:after {display: block;content: "";clear: both;}
	#ft_wrap #ft_lft dl {float: left;width: 31.3%;margin: 0 0 2% 2%;}
	#ft_wrap #ft_lft dl:nth-child(3n) {margin-left: 0;}
	#ft_wrap #ft_lft dl:nth-child(3n+1) {clear: both;}

}





/* =========================================================
spHeaderWrap
========================================================= */
header {
  border-top: none;
  background: #fff;
	position: relative;
	top: 0;
	z-index: 99999;
}
.m_fixed {
	position: relative;
}
.spHeaderWrap {
	position: fixed;
	width: 100%;
	height: auto;
	padding: 0;
	z-index: 99999;
	top: 0;
  left: 0;
  right: 0;
}
.spHeaderWrap a {
	opacity: 1;
}
#spHeader .headerInner {
}
#locus-area {
	z-index: 1;
}
#contents {
	z-index: 1;
}

/*============================
#spHeader
============================*/
#spHeader {
	border-top: 5px solid #0064be;
}
.hd_txt_wrap {
	box-sizing: border-box;
	width: 100%;
	background: #e5eff8;
	padding: 6px 0 6px 10px;
	overflow: auto;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
	position: fixed;
	top: 4.5px;
}
.hd_txt_wrap .hd_txt {
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	color: #0064be;
	padding: 0;
	margin-bottom: 0;
	word-wrap: break-word;
	word-break: break-all;
}
#spHeader .headerTop {
	display: table;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	padding: 8px 10px;
	margin-top: 22px;
}
#spHeader .headerTop #hd_logo {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	float: none;
	padding: 0 10px 0 0;
	margin: 0;
}
#spHeader .headerTop #hd_logo img {
	vertical-align: bottom;
}
#spHeader .headerTop .btnArea {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 65px);
	float: none;
	margin: 0;
}
#spHeader .headerTop .btnArea .schoolName {
	box-sizing: border-box;
	width: 100%;
	font-size: 0.65rem;
	line-height: 1;
	letter-spacing: -0.02em;
	text-align: center;
	color: #fff;
	background: #0064be;
	padding: 5px 6px;
	margin: 0 0 4px;
	border-radius: 50px;
}
#spHeader .headerTop .btnArea .btn {
	box-sizing: border-box;
	width: 100%;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -ms-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -moz-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -webkit-linear-gradient(top, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #e3781c), color-stop(0.49, #ef7e1d), color-stop(0.49, #ef7e1d));
	background: linear-gradient(to bottom, #ef7e1d 49%, #ef7e1d 49%, #e3781c 50%);
	border-radius: 3px;
}
#spHeader .headerTop .btnArea .btn a {
	display: block;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 8px 6px;
}
#spHeader .headerTop .btnArea .btn a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../common/img/common/arr_orange.png") no-repeat;
	background-size: 100% auto;
	margin: 0 10px 0 0;
}
.sp_menuArea {
	width: 45px;
	display: table-cell;
	vertical-align: middle;
	float: none;
	padding: 0 0 0 10px;
}
.sp_menuArea .menuBtn {
	background: #144288 url("../common/img/common/sp/menu.png") center no-repeat;
	background-size: 100% auto;
	width: 45px;
	height: 45px;
}
.sp_menuArea .menuBtn.open {
	background: #144288 url("../common/img/common/sp/menu_close.png") center no-repeat;
	background-size: 100% auto;
}

#spHeader .headerMenu {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#spHeader .headerMenu li {
	box-sizing: border-box;
	width: calc(100% / 3);
	background: #f0f0f0;
	border-left: 1px solid #ddd;
	float: left;
}
#spHeader .headerMenu li:first-child {
	border: none;
}
#spHeader .headerMenu li a {
	display: block;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	color: #333;
	text-decoration: none;
	padding: 10px 6px;
}
#spHeader .headerMenu li a::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url("../common/img/common/arr_black.png") no-repeat;
	background-size: 100% auto;
	margin: 0 7px 0 0;
}



/*============================
#spNav
============================*/
#spNav {
	box-sizing: border-box;
	width: 100%;
	height: 100vh;
	background: #144288;
	position: absolute;
	left: 0;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s linear;
	overflow-y: auto;
	/*-webkit-overflow-scrolling: touch;*/
	padding: 10px 10px 400px;
	z-index: 99998;
}
#spNav a:hover {
	opacity: 1;
}
#spNav.is-active {
	pointer-events: auto;
	opacity: 1;
}
#spNav .navInr {
}
#spNav ul li {
	border-bottom: solid 1px #144288;
}
#spNav ul li a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #144288;
	display: block;
	background: #fff url("../common/img/common/arr_blue.png") no-repeat center left 15px;
	background-size: 12px auto;
	padding: 18px 15px 18px 35px;
}
#spNav ul li li {
	border-bottom: solid 1px #144288;
}
#spNav ul li li:first-child {
	border-top: solid 1px #144288;
}
#spNav ul li li a {
	font-size: 13px;
	font-weight: bold;
	display: block;
	background: #f0f0f0 url("../common/img/common/arr_blue2.png") no-repeat center left 35px;
	background-size: 5px auto;
	padding: 15px 15px 15px 50px;
}
#spNav .navInr .btnArea {
margin: 13px 0 0;
}
#spNav .navInr .btnArea .free {
	width: 100%;
	margin: 0 0 10px;
}
#spNav .btnArea .btn_contact {
	float: left;
	width: 48.5%;
}
#spNav .btnArea .btn_contact {
	box-sizing: border-box;
	width: calc(50% - 10px);
	font-size: 15px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -ms-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -moz-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -webkit-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #00aba1), color-stop(0.49, #00b4aa), color-stop(0.49, #00b4aa));
	background: linear-gradient(to bottom, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	border-radius: 13px;
	border: 2px solid #19cdc3;
	float: left;
}
#spNav .btnArea .btn_contact a {
	display: block;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 18px 10px;
}
#spNav .btnArea .btn_contact a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../common/img/common/arr_green.png") no-repeat;
	background-size: 100% auto;
	margin: 0 10px 0 0;
}
#spNav .btnArea .btn_tel {
	float: right;
}
#spNav .btnArea .btn_tel {
	box-sizing: border-box;
	width: calc(50% - 10px);
	font-size: 15px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -ms-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -moz-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -webkit-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #005fb4), color-stop(0.49, #0064be), color-stop(0.49, #0064be));
	background: linear-gradient(to bottom, #0064be 49%, #0064be 49%, #005fb4 50%);
	border-radius: 13px;
	border: 2px solid #197dd7;
	float: right;
}
#spNav .btnArea .btn_tel a {
	display: block;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 18px 10px;
}
#spNav .btnArea .btn_tel a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../common/img/common/ico_tel.png") no-repeat;
	background-size: 100% auto;
	margin: 0 10px 0 0;
}


.footBtnArea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	background: #333;
	padding: 5px;
	position: fixed;
	bottom: 0;
	z-index: 9999;
}
.footBtnArea .btn_contact {
	box-sizing: border-box;
	width: calc(50% - 5px);
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -ms-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -moz-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -webkit-linear-gradient(top, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #00aba1), color-stop(0.49, #00b4aa), color-stop(0.49, #00b4aa));
	background: linear-gradient(to bottom, #00b4aa 49%, #00b4aa 49%, #00aba1 50%);
	float: left;
}
.footBtnArea .btn_contact a {
	display: block;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 11px 6px;
}
.footBtnArea .btn_contact a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../common/img/common/arr_green.png") no-repeat;
	background-size: 100% auto;
	margin: 0 10px 0 0;
}
.footBtnArea .btn_tel {
	box-sizing: border-box;
	width: calc(50% - 5px);
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -ms-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -moz-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -webkit-linear-gradient(top, #0064be 49%, #0064be 49%, #005fb4 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #005fb4), color-stop(0.49, #0064be), color-stop(0.49, #0064be));
	background: linear-gradient(to bottom, #0064be 49%, #0064be 49%, #005fb4 50%);
	float: right;
}
.footBtnArea .btn_tel a {
	display: block;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 11px 6px;
}
.footBtnArea .btn_tel a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../common/img/common/ico_tel.png") no-repeat;
	background-size: 100% auto;
	margin: 0 10px 0 0;
}

/*=======================================
教室ページ地図
=========================================*/
#contents {
background: transparent !important;
border: 0 !important;
margin: 0 auto;
padding-bottom: 50px;
}
#contents .c-title2 {
background: #4075b7 !important;
padding: 10px 15px !important;
border-bottom: 3px solid #ffdc00 !important;
margin: 20px 0 0 !important;
font-size: 112.5% !important;
font-weight: bold !important;
color: #fff !important;
height: auto !important;
line-height: 160% !important;
}
#contents .center {
text-align: center;
}

#contents img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
	vertical-align:top;
	line-height:0;
	max-width:100%;
	height:auto;
}
#contents a {
	margin:0;
	font-size:100%;
	vertical-align:baseline;
}



/*=======================================
教室ページその他（あべの教室用）
=========================================*/
/*アイテムリスト2分割*/
.item-list2 { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.item-list2 .item { width: 100%; display: flex; flex-direction: column; border: 2px solid #0064be; box-sizing: border-box; margin-bottom: 15px; }
.item-list2 .item h3 { text-align: center; font-size:130%; background:#0064be; color:#fff!important; padding:12px; }
.item-list2 .item p { padding: 10px 13px; line-height:1.6; }
.item-list2 .item img { margin: 10px auto; }

/*アイテムリスト3分割*/
.item-list3 { width:80%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.item-list3 .item { text-align: center; width: 100%; display: flex; flex-direction: column; padding: 15px; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box; margin-bottom: 15px; }
.item-list3 .item:last-child { margin-bottom: 0; }
.item-list3 .item img { margin: 10px auto; }
.item-list3 .item-btn { margin-top: auto; margin-top: 1em; border-radius: 4px; border:1px solid #0064be; color: #0064be!important;}
.item-list3 .item-btn a { display: block; padding: .5em; text-decoration: none; text-align: center; color: #0064be!important;}
.item-list3 .item-btn a:hover { background: #0064be; color: #fff!important; opacity: 1!important;}
.item-list3 .item-btn a:visited { color: #0064be;}

/*=======================================
教室ページその他（国分寺教室用）
=========================================*/
.item-list5 { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.item-list5 img { margin: 10px auto; }