@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;
    vertical-align:baseline;
    background:transparent;
}

body {
	font-family: 'Noto Sans JP', 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-size: 16px; line-height: 1.8em; color: #333; background: #f6f5ef; position: relative; min-width: 1200px;
	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;
}

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

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



/* header */
/*header{border-top:7px solid #0064be; background:#e5eff8; width: 100%; transition: 0.3s;}*/
.m_fixed{z-index: 9999; position: fixed; top: 0; left: 0;}
#hd_wrap{width:1000px; min-height: 60px; margin:0 auto;}
.m_fixed .hd_txt_wrap {display: none;}
.m_fixed #hd_wrap{display: none; transition: 0.3s;}
#hd_lft{float:left;}
#hd_rgt{float:right;}
.hd_txt_wrap {width:1000px; margin:0 auto;}
.hd_txt {
	color:#6d3238;
	font-size:12px;
	font-weight:normal;
	padding-top:8px;
	height:26px;
	margin-bottom:6px;
	line-height:1.1;
}
#hd_logo{float:left; margin-right:15px;}
#hd_room{float:left;
	background:#0064be;
	color:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	padding:10px 15px;
	font-size:20px;
}
#hd_rgt .link{ color:#6d3238; font-size:12px; font-weight:normal; height:16px; line-height:1.31; background: url(../images/ico-arw_bw.png) no-repeat left top; padding-left: 20px;}
#hd_tel{float: left; background: url(../images/ico-hd_tel.png) no-repeat left top; padding-left: 25px; font-size: 30px; font-weight: bold;color:#0064be; margin: 7px 15px 0 0;}
#hd_reception{float: left; font-size: 12px; margin: 5px 0 0 5px; line-height: 1.2;}

/* nav */
nav{height:48px; background:#fff;}
nav #nav_wrap{width:1000px; margin:0 auto;}
nav .main_nav{float:left; width:741px;}
nav .main_nav li{float:left; width:184px; text-align:center; border-left: 1px solid #ccc; line-height: 1;}
nav .main_nav li.last{width:184px; 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{float:right; width:240px;}
nav .inq_btn li{margin: 7px 0 0;}
nav .inq_btn li a{display: block;}

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

.banner {display: none;}

/* main */
/*main{position: relative; top:152px; padding-bottom:240px;}*/
main #main_contents{margin:0 auto; width:1000px;}
main #main_contents .main_vi{
	margin:0 auto 15px;
}
main #main_contents .slider{margin:0 auto;}
main #main_contents .bx-controls{
	/*height: 40px;
	background: url(../images/bg-main_btm.png) bottom left no-repeat;*/
	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;*/
	background: #fff;
	border: 1px solid #9E8724;
	border-top: 0;
	border-bottom: 0;
	text-align: center;
}
.main_vi .bx-wrapper .bx-pager {
	padding: 5px 0px;
	text-align: center;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 2px;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-link img{
	vertical-align: bottom;
}
.main_vi .bx-wrapper .bx-pager .bx-pager-link {
	display: 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: 16px;
	height: 16px;
	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,
.main_vi .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0B419B;
}

main .main_lft{
	width: 740px;
	float: left;
}

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;
}
main .main_lft dl.locus dd li img {
	padding-bottom: 2px;
	vertical-align: middle;
}

main .course_list,
main .osusume_list,
main .room_info,
main .room_detail,
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: 14px;
	padding: 5px 10px;
}
main .course_list h2{
	background: url(../images/bg-ttl_course2.png) left top no-repeat;
	padding-top: 30px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
}
main .course_list h2 span{
	border-bottom: 5px solid #87e5f2;
}

main .osusume_list h2{
	background: url(../images/bg-ttl_osusume.png) left top no-repeat;
	padding-top: 30px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
}
main .osusume_list h2 span{
	border-bottom: 5px solid #87e57c;
}

main .room_info h2{
	background: url(../images/bg-ttl_room_info.png) left top no-repeat;
	padding-top: 30px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
}
main .room_info h2 span{
	border-bottom: 5px solid #ffccff;
}

main .room_detail h2{
	background: url(../images/bg-ttl_room_info.png) left top no-repeat;
	padding-top: 30px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
}
main .room_detail h2 span{
	border-bottom: 5px solid #ffccff;
}

main .voice_list h2{
	background: url(../images/bg-ttl_voice.png) left top no-repeat;
	padding-top: 30px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
}
main .voice_list h2 span{
	border-bottom: 5px solid #fff2d4;
}
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;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  padding: 20px 21px 25px 21px;
}
main .instructor_list .inner img {
  max-width: 100%;
}

main .instructor_list h2{
	background: url(../images/bg-ttl_voice.png) left top no-repeat;
	padding-top: 30px;
	height: 34px;
	font-size: 25px;
	text-align: center;
	color: #6d3238;
}
main .instructor_list h2 span{
	border-bottom: 5px solid #fff2d4;
}
main .instructor_list .blueTit {
  font-size: 18px;
  color: #0099CC;
  margin: 0 0 15px;
}
main .instructor_list h3 {
  color: #fff;
  background: #4075b7;
  border-bottom: 4px solid #ffdc00;
  padding: 10px;
  font-size: 18px;
  margin: 25px 0 20px;
}
main .instructor_list .i-pr {
  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.6;
  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;
}
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;
}
main .instructor_list .i-pr dl dd {
  padding: 6px 5px;
}
main .instructor_list .i-pr p {
  font-size: 15px;
  margin-bottom: 5px;
}
main .instructor_list .box-a {
  float: left;
	margin-right:12px;
}
main .instructor_list .box-b {
  float: left;
}



main .course_list .inner,
main .osusume_list .inner,
main .room_info .inner,
main .room_detail .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: 20px 0 25px 21px;
}

main .course_list .inner li {
  box-sizing: border-box;
  width: calc(50% - 16px);
	float: left;
	margin: 0 12px 14px 0;
	padding: 10px;
	font-size: 15px;
	background:#fff;
	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 a:hover{
	border: 2px solid #0B419B;
	opacity: 1;
}*/
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 dd h3{line-height: 1.4em; 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{
	float: left;
	margin: 0 15px 15px 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{
	margin-right: 21px;
	padding: 15px 0 0 15px;
	background: #cdeccf;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
main .osusume_list .inner dd{
	width: 290px;
	font-size: 12px;
	line-height: 1.7em;
	clear: both;
}
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 .inner dd .detail,
main .room_info .inner dd .inst_info a,
main .voice_list dl dd .more a{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 8px 5px;
	margin: 12px 10px 0 0;
	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{
	color: #fff;
	background: #0064be;
	opacity: 1;
}

main .room_info .inner .box_a {
	margin-right: 21px;
	padding: 15px 0 15px 15px;
	background: #eee0ea;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	line-height: 1.6;
}
main .room_info .inner .box_a .room_info_lft {
	float: left;
	margin-right: 15px;
	width: 240px;
}
main .room_info .inner .box_a .room_info_lft dt {
	width: 240px;
}
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 {
	float: right;
	margin-right: 15px;
	width: 410px;
}
main .room_info .inner .box_a .room_info_rgt dt {
	color: #6d3238;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
main .room_info .inner .box_a .room_info_rgt dd {
	font-size: 15px;
	margin-bottom: 10px;
}
main .room_info .inner .box_a .room_info_rgt dd:last-child {
	margin-bottom: 0;
}
main .room_info .inner .box_b {
	margin-top: 15px;
	margin-right: 21px;
	line-height: 1.6;
}
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: 15px;
	padding: 0 5px;
	display: block;
}
main .room_info .inner .box_b .room_info_lft {
	float: left;
	margin-right: 10px;
	width: 440px;
}
main .room_info .inner .box_b .room_info_rgt {
	float: right;
	width: 236px;
}
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{
	float:left;
	background: #fff2d4;
	border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	margin: 0 15px 15px 0;
	line-height: 1.5;
}

main .voice_list ul li.li-top{ _margin-left:5px}
main .voice_list h3 span{
	display: block;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 320px;
	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 dt{
	float:left;
	width:152px;
	margin: 0 0 0 10px;
}
main .voice_list dl dt img {
	background:#0064be;
	padding:1px;
}
main .voice_list dl dd{
	float:left;
	width:170px;
	font-size: 14px;
	margin: 0 0 10px 8px;
}
main .voice_list dl dd p{
	height:138px;
	overflow:hidden;
	text-overflow: ellipsis;
	width:160px;
}
main .voice_list .voice_all{
	text-align: right;
	margin-right: 21px;
}

.bubble {
	font-weight:normal;
	position: relative;
	border-radius: 4px;
	background-color: #cda667;
	color: #fff;
	padding:10px 8px;
	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;
	width: 240px;
	float: right;
	position: relative;
}
main .main_rgt .inq_btn .inq_taiken {
	position: relative;
	left:-9px;
	margin-bottom: 10px;
}
main .main_rgt .inq_btn .inq_shiryo {
	margin-bottom: 10px;
}

main .main_rgt dt{
	width: 232px;
	background: url(../images/bg-ttl_side.png) left top repeat-y;
	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;
	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;
}
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-size: 12px;
	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 p{
	padding: 0 8px 10px;
	margin-bottom: 5px;
	line-height: 1.4;
	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.3;
}
main .main_rgt .route dd .ary {
	text-align: center;
	margin: 5px 0;
}
main .main_rgt .route h3 {
	padding: 10px 0;
}
main .main_rgt .route h3.route_ttl2 {
	margin-top: 10px;
	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{
	width:1000px;
	color: #6d3238;
	background: #fff;
	margin:0 auto 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用 */
}
.ft_lead p{
	font-size: 14px;
	padding: 5px 10px;
}
footer{background:#dfdfdf; border-top:1px solid #beb381;}
#ft_wrap{margin:0 auto; width:1000px;}

#ft_lft{float: left; width:741px; margin: 30px 0;}
#ft_lft dl{width: 185px;}
#ft_lft dl dt{margin: 0 0 25px; background: url(../images/ico-arw_bl.png) no-repeat left 7px; padding-left: 18px;}
#ft_lft dl dd{margin: 0 0 7px; padding-left: 18px;}
#ft_lft .ft_relation dd{margin: 0 0 7px; padding-left: 0;}
#ft_lft .ft_pref_list{clear: both; width: 100%; padding-top: 30px;}
#ft_lft .ft_pref_list dd{float: left;}
#ft_lft .ft_near_list{clear: both; width: 100%; padding-top: 30px;}
#ft_lft .ft_near_list dd{float: left;}

#ft_rgt{float: right; width:240px; margin: 20px 0;}
#ft_rgt #ft_logo{margin: 0 0 8px}
#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;}
#ft_rgt #ft_tel{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{float: left;}

#ft_top_link{color:#6d3238; text-align: right;}
#ft_top_link_wrap{width:1000px; margin:0 auto; 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;}
#ft_btm_wrap{width:1000px; margin:0 auto;}
#ft_btm ul li{float: left; padding: 15px 20px 15px 0; line-height: 1;}
#ft_btm ul li a{color:#fff; text-decoration: none;}
#ft_btm address{float: right; padding: 15px 0; font-style: normal;}

/* 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-wrap { width: 1000px; margin-left: auto; margin-right: auto; }

.c-wrap2 { width: 860px; margin-left: auto; margin-right: auto; }

.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 { 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 50px; 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 { 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 { 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: 300px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ filter: brightness(90%);}
.mainimg p { position: absolute; top: 80%; left:4%; transform: translateY(-50%) translateX(-4%); -webkit- transform: translateY(-50%) translateX(-4%); -ms-transform: translateY(-50%) translateX(-4%); margin:auto; padding:0; color: #fff; font-size:180%; font-weight: bold; line-height: 1.5em; text-shadow: gray 1px 1px 10px, gray -1px 1px 10px, gray 1px -1px 10px, gray -1px -1px 10px;}

/*サブイメージ*/
.subimg_a { width: 55%; display: table-cell; vertical-align: top;}
.subimg_b { width: 40%; display: table-cell; 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; margin:20px 0; 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: 30%; display: inline-block; vertical-align: top; }
.kouzalist_a img { width: 100%; height: 150px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
.kouzalist_b { width: 65%; display: inline-block; vertical-align: top; text-decoration: none; margin-left:2%; margin-bottom: 30px; }
.kouzalist_b:last-child { margin-bottom: 0; }
.kouzalist_b a{color: var(--color_sub);}


/*受講料テーブル*/
.price_tbl { padding-bottom: 50px; }
.price_tbl table { border-collapse: collapse;}
.price_tbl table tr th { border: 1px solid #6191cc; width: 180px; color: #144288; background-color: #cde3ff; padding: 40px 0; font-size: 150%; font-weight: bold; text-align: center; vertical-align: middle;}
.price_tbl table tr td { border: 1px solid #6191cc; width: 600px; background-color: #fff; padding: 10px 10px 10px 20px; font-size: 100%; vertical-align: middle; font-feature-settings : "palt" 1;}
.price_tbl table tr td .info { font-size: 130%; }
.price_tbl table tr td .info2 { font-size: 130%; font-weight: bold; }
.price_tbl table tr td .info3 { font-size: 100%; }
.price_tbl table tr td .prc { font-size: 160%; color: #ff0000; }
.price_tbl table tr td .tax { font-size: 80%; }


/* コース選択ページ */
#course_indlist { display: flex;  flex-wrap:wrap; padding: 0px; list-style: none; }
#course_indlist .course_box { width:32%; display: block; margin:10px 5px; border-radius: 15px; position: relative; box-sizing: border-box;}
/*#course_indlist .course_box:hover { border:solid 5px #999;}*/
#course_indlist .course_box p{color:#000;}
#course_indlist .course_box a{text-decoration: none;}
/*#course_indlist .course_box a:hover {opacity:1;}*/
#course_indlist .course_box img{ width: 100%; height: 130px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
#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 .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: 50px; color: #5d627b; background: #fff; border-top: solid 5px #5d627b; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
.osusumelist_a { width: 58%; 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; width:100%; border-radius: 20px; background:#F6F5EF;}
#course_indlist3 .course_box { width:360px; padding:15px;}
#course_indlist3 .course_box .tit { width:360px; display: table-cell; padding: 0 10px 0 25px; font-size: 137.5% !important; color: #fff; height: 76px; 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: 2em;}
/*2行　講座名から探す*/
#course_indlist2 { display: flex; flex-wrap:wrap; justify-content: space-between; padding: 0px; list-style: none; margin-bottom:50px;}
#course_indlist2 .course_box { width:49%; 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: 76px; 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: 2em;}
#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;}
#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;}
#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;}
#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;}
#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;}
#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;}


/* コース量産ページ */
/*メインイメージ-各コース*/
.mainimg2 { display: inline-block; position: relative;  width: 100%; color: #6D3238;}
.mainimg2 img { width: 100%; height: 100px; object-fit: contain; object-position: 100% 100%; font-family: 'object-fit: contain;'; /*IE対策*/}
.mainimg2 p { position: absolute; top: 50%; left:4%; transform: translateY(-50%) translateX(-4%); -webkit- transform: translateY(-50%) translateX(-4%); margin:auto;  padding:0; font-size:160%; font-weight: bold; line-height: 1.5em;}
/*メインイメージ-各コース色*/
.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:0;; 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: 48%; background: #F6F5EF;  margin:0 2% 2% 0; 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: 31%; background: #F6F5EF;  margin:0 2% 2% 0; 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;}
.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; width: 75%; margin: 0 auto; }
/*3分割ギャラリー*/
.gallery {display: inline-block; width: 30%; 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: 23%; display: flex; flex-direction: column; padding: 1em;border: 1px solid #ccc; box-sizing: border-box;}
#item-list4 .item-image { min-height: 0%; margin-bottom: 1em;}
#item-list4 .item-image img { width: 100%; height: 100px; vertical-align: bottom; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
#item-list4 .item-text { margin-bottom: 1em; line-height: 1.7;}
#item-list4 .item-btn { margin-top: auto; 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 { display: flex; width: 49%; 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 { margin-top: auto; 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%;
	line-height: 1.7em;
}
table.about th {
	font-weight:bold;
	text-align: left;
	background-color: #eef;
}
.section3 span.fl {
	float: left;
	margin-right: 10px;
}

/* シニア割 *//* 学割 */
#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: 31%; background: #F6F5EF;  margin:20px 2% 2% 0; 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 5px 40px;}
.junior .jt01 { width: 380px; float: left;}
.junior .jt02 {	width: 380px; float: right;}
.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:70px; right: 0px;}
.junior .jt .abc img{ width: 110px;}
.junior .jt .keybord { position: absolute; top:230px; right: 0px;}
.junior .jt .keybord img{ width: 170px;}.voicelist_a { width: 25%; display: inline-block; margin-bottom:20px; vertical-align: top;}.voicelist_a img { width: 100%; height: 180px; 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: 240px; margin: 0 6px; 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: 93.7% !important; text-align: left;}
.junior .tp_block {	width: 800px;	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: 390px;}
.junior .tp_point3 { float: right; width: 390px;}
.junior .tp_ttl_b img {	display: block;	float: left; margin-right: 20px;}
.junior .tp_ttl_b h3 { float: left; width: 300px; font-size: 125% !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: 560px; 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 {text-align: center; width:100%; position: absolute; top: 120px;}
#d_photo_master .u-center .lead_area .ttl{color: #065a30;font-size: 23px;font-weight: bold;margin-bottom: 10px;}
#d_photo_master .u-center .lead_area .lead {line-height: 1.7;font-size: 16px;font-weight: bold;}
#d_photo_master .fullimg {width:100%;}
#d_photo_master {background-color: #fff;}
#d_photo_master dd {margin-left: 0;}
#d_photo_master .cnt {width: 100%;}
#d_photo_master .block {margin-bottom: 50px;}
#d_photo_master .block .inc_area {text-align: center; width: 350px; height: 250px; margin: 0 auto;}
#d_photo_master .block_list {position: relative;}
#d_photo_master #block_2 {position: relative;line-height: 1.7;}
#d_photo_master #block_2 .lead {width: 100%;text-align: center;line-height: 1.7;font-size: 15px;font-weight: bold;position: absolute;top: 100px;}
#d_photo_master #block_2 .inc_area {text-align: center;position: absolute; top: 200px;left: 210px;background: #fff;padding: 5px 5px 1px;}
#d_photo_master #block_3 ul {color: #065a30;font-size: 23px;font-weight: bold; line-height: 1.7; position: absolute; top: 120px;left: 350px;}
#d_photo_master #block_3 .lesson_point {width: 380px;position: absolute; top: 240px; left: 350px; line-height: 1.7;}
#d_photo_master #block_3 .lesson_point dl dt {font-weight: bold;font-size: 18px;margin-bottom: 10px;}
#d_photo_master #block_3 .lesson_point dl dd {font-size: 15px;}
#d_photo_master #block_4 ul {color: #065a30;font-size: 23px;font-weight: bold; line-height: 1.7;position: absolute; top: 100px; left: 350px;}
#d_photo_master #block_4 .lesson_point {width: 380px;position: absolute;top: 150px; left: 350px; line-height: 1.7;}
#d_photo_master #block_4 .lesson_point dl dt {font-weight: bold;font-size: 18px;margin-bottom: 10px;}
#d_photo_master #block_4 .lesson_point dl dd {font-size: 15px;}
#d_photo_master #block_5 ul {color: #065a30;font-size: 23px;font-weight: bold;line-height: 1.5;position: absolute; top: 100px; left: 350px;}
#d_photo_master #block_5 .lesson_point {width: 380px;position: absolute;top: 330px; left: 350px; line-height: 1.7;}
#d_photo_master #block_5 .lesson_point dl dt {font-weight: bold;font-size: 18px;margin-bottom: 10px;}
#d_photo_master #block_5 .lesson_point dl dd {font-size: 15px;}
#d_photo_master #block_5 .start {text-align: center;color: #E41C24;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
#d_photo_master #block_5 .bnr_sps {text-align: center;}a:hover{opacity: 0.7}

/* 脳トレおとなプログラミング講座 */
#brain_tr {  background-color: #fff;}
#brain_tr dd {  margin-left: 0;}
#brain_tr .cnt {width: 756px;}
#brain_tr h3 {  background: url(../course/images/brain_tr/bg-ttl.jpg) no-repeat;  color: #fff;  font-size: 28px;  text-align: center;  padding: 8px 0 15px;  margin-bottom: 10px;}
#brain_tr .lead_area {  text-align: center;  margin-bottom: 30px;}
#brain_tr .lead_area .ttl {  color: #E41C24;  font-size: 24px;  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;  width: 560px;  margin: 0 auto;}
#brain_tr #block_1 .talk {  height: 550px;}
#brain_tr #block_2 .talk, #brain_tr #block_3 .talk, #brain_tr #block_4 .talk, #brain_tr #block_5 .talk { height: 220px;}
#brain_tr #block_3 .lead { border: 1px solid #E41C24; color: #E41C24; padding: 15px 20px; line-height: 1.7; font-size: 16px;}
#brain_tr #block_4 .lead { border: 1px solid #E41C24; color: #E41C24; padding: 15px 20px; margin-bottom: 20px;  line-height: 1.7; font-size: 14px;}
#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: 38px;  padding: 5px 0 5px 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: 24px;  font-weight: bold;  margin-bottom: 10px;}
#brain_tr .sps {  text-align: center;  color: #E41C24;  font-size: 18px;  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) left top no-repeat; float: left; width: 170px; padding-left: 200px;  margin-bottom: 20px;}
#brain_tr #block_6 .prof_cat { background: url(../course/images/brain_tr/img-cat06.jpg) left 30px no-repeat; float: right; width: 200px; padding-left: 150px;}
#brain_tr #block_6 dt { text-align: center;  margin-bottom: 10px;}
#brain_tr #block_6 dd { font-size: 12px;  line-height: 1.6;}
#brain_tr #block_6 .lead_s {  clear: both;  text-align: center;  font-size: 10px;}
#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 190px;  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; height: 152px; padding-top: 20px;}
#brain_tr .kamata02 { background: url(../course/images/brain_tr/img-kamata02.jpg) left top no-repeat; height: 140px; padding-top: 37px; position: relative; top: -165px;}
#brain_tr .kamata03 { background: url(../course/images/brain_tr/img-kamata03.jpg) left top no-repeat; height: 100px; padding-top: 70px; position: relative; top: -310px;}
#brain_tr .kamata04 { background: url(../course/images/brain_tr/img-kamata04.jpg) left top no-repeat; height: 109px; padding-top: 70px; position: relative; top: -100px;}
#brain_tr .kamata05 { background: url(../course/images/brain_tr/img-kamata05.jpg) left top no-repeat; height: 117px; padding-top: 70px; position: relative; top: -120px;}
#brain_tr .kamata06 { background: url(../course/images/brain_tr/img-kamata03.jpg) left top no-repeat; height: 110px; padding-top: 60px; position: relative; top: -110px;}
#brain_tr .kamata07 { background: url(../course/images/brain_tr/img-kamata05.jpg) left top no-repeat; height: 177px; padding-top: 10px;}
#brain_tr .cat01 {  background: url(../course/images/brain_tr/img-cat01.jpg) right top no-repeat; min-height: 86px; padding-top: 40px; position: relative; top: -115px;}
#brain_tr .cat02 {  background: url(../course/images/brain_tr/img-cat02.jpg) right top no-repeat; min-height: 66px; padding-top: 50px; position: relative; top: -230px;}
#brain_tr .cat03 {  background: url(../course/images/brain_tr/img-cat03.jpg) right top no-repeat;  min-height: 107px;  padding-top: 5px;}
#brain_tr .cat04 {  background: url(../course/images/brain_tr/img-cat04.jpg) right top no-repeat;  min-height: 106px; padding-top: 10px;}
#brain_tr .cat05 {  background: url(../course/images/brain_tr/img-cat05.jpg) right top no-repeat;  min-height: 108px; padding-top: 10px;}
#brain_tr .cat06 {  background: url(../course/images/brain_tr/img-cat03.jpg) right top no-repeat;  min-height: 72px;  padding-top: 40px;  position: relative;  top: -130px;}
/*吹き出し*/
#brain_tr .parent1 {  width: 75%;  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;}
#brain_tr .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: 75%;  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;content: ' 続きをよむ';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; transition: all 0.5s;}
.cp_box input:checked + label {/* display: none ; 閉じるボタンを消す場合解放 */}
.cp_box input:checked + label:after {content: ' 閉じる';}
.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 {
	padding-top: 25px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
	border-top: 6px solid #6191CC;
	border-radius: 7px 7px 0 0;
	margin: 0 0 20px;
}
.school_blog h2 span {
	border-bottom: 5px solid #6191CC;
}
.school_blog {
	font-size: 14px;
	line-height: 1.4;
}
.school_blog .c-title1 .c-title1__txt1 {font-size: 75%;}
.school_blog ul { position: relative; padding: 0 21px; }
.school_blog li { float: left; width: 218px; margin-right: 20px; margin-bottom: 30px; }
.school_blog ul li:nth-child(3n) { margin-right: 0; }
.school_blog ul li:nth-child(3n+1) { clear: both; }
.school_blog li a { display: block; text-decoration: none; }
.school_blog li .img1 { margin-bottom: 8px; }
.school_blog li .date { font-size: 14px; }
.school_blog li h3 { margin-bottom: 4px; }
.school_blog li .category { text-align: center; font-size: 86%; background: #fff; color: #333; border: 1px solid #ccc; margin-top: 8px; }
.school_blog li img { width: 100%; height: auto; vertical-align: top; }

/*=======================================
教室ページ、お申込みの流れ
=========================================*/
.flow {
	background: #fff;
	border: 1px solid #beb381;
	border-radius: 8px;
}
.flow h2 {
	padding-top: 25px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
	border-top: 6px solid #87e57c;
	border-radius: 7px 7px 0 0;
	margin: 0 0 20px;
}
.flow h2 span {
	border-bottom: 5px solid #87e57c;
}
.flow .flow_list h3 {
	border-radius: 4px;
	color: #fff;
	background: #78c27d;
	padding: 5px 10px;
}
.flow .flow_list ul li {
	background: #e2f3e3;
	border-radius: 4px;
	margin: 0 20px 15px;
}
.flow .flow_list dl dt {
	float: left;
	width: 150px;
	margin: 15px;
}
.flow .flow_list dl dd {
	float: right;
	width: 516px;
}
.flow .flow_list ul li p {
	font-size: 15px;
	line-height: 1.6;
	padding: 15px 10px 10px 0;
}
.flow .flow_list .arrow {
	text-align: center;
}

/*=======================================
教室ページ、よくあるご質問
=========================================*/
.qa {
	background: #fff;
	border: 1px solid #beb381;
	border-radius: 8px;
}
.qa h2 {
	padding-top: 25px;
	height: 34px;
	font-size: 27px;
	text-align: center;
	color: #6d3238;
	border-top: 6px solid #87e5f2;
	border-radius: 7px 7px 0 0;
	margin: 0 0 20px;
}
.qa h2 span {
	border-bottom: 5px solid #87e5f2;
}
.qa .qa_list ul li {
	background: #ffffee;
	border-radius: 4px;
	margin:0 20px 15px;
	padding:20px;
}
.qa h3 {
	background:url(../images/qa_08.png) no-repeat;
	padding:2px 0 0 35px;
	height:25px;
	font-size:16px;
	margin-bottom:10px;
}
.qa p {
	background:url(../images/qa_11.png) no-repeat;
	padding:2px 0 0 35px;
}
.to_all{
	text-align: right;
	margin: 0 20px 15px;
}

/*=======================================
教室ページ地図
=========================================*/
#contents {
width: 1000px;
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: 30px 0 0 !important;
font-size: 162.5% !important;
font-weight: bold !important;
color: #fff !important;
height: auto !important;
line-height: 160% !important;
}
#contents .center {
text-align: center;
}


/*=======================================
教室ページその他（あべの教室用）
=========================================*/
/*アイテムリスト2分割*/
.item-list2 { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.item-list2 .item { width: 49%; 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:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.item-list3 .item { text-align: center; width: 32%; display: flex; flex-direction: column; padding: 12px 8px; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box;}
.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;}