@charset "utf-8";

/*------------------------------------------------------------------
/
/	PC
/
/-----------------------------------------------------------------*/

/* module
-------------------------------------------------------*/
.sp {
display: none;
}
.inner {
width:1000px;
max-width:1000px;
margin:0 auto;
}
.area {
padding: 50px 0 0;
}
.area .title img {
max-width: 162px;
display: block;
margin: 0 auto;
}
.area h3::after {
	
content: "";
display: block;
background: url(../images/common/title_line.png)repeat;
width: 100%;
height: 3px;
margin-top: 10px;
	display: none;
}
.pink {
color:#DF8BAC;
}
.brown {
color: #3F1F00;
}
.orange {
color:#FF7F00;
}
.lesson img {
max-width: 260px;
}
.contact img {
max-width: 318px;
}
h3{
text-align: center;
font-size: 200%;
}
.title_box {
padding:0 20px;
display: inline-block;
}
.btn_big {
text-align: center;
margin-bottom: 80px;
}
.btn_big img{
max-width: 600px;
}
.parallax {
padding-top:20px;
}
.subtitle b {
background: url(../images/common/text_bg.png)repeat;
color: #fff;
/*font-size: 170%;*/
    font-size: 140%;
padding: 10px 0;
display: block;
text-align: center;
margin-bottom:50px;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.mb20 {
margin-bottom:20px;
}

/* header
-------------------------------------------------------*/
#header {
margin-bottom: 5px;
}
#header .logo img {
max-width: 328px;
}
#header h1 {
font-size: 75%;
line-height: 1.2;
/*background: #F1EEEB;*/
    background: #fff;
padding: 10px 0 0px 0;
margin-bottom:  10px;
}
#header .inner {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content:space-between;
    width: 1200px;
    max-width: 1200px;

}
#header .inner a .icon img {
max-width: 12px;
vertical-align: middle;
padding-right: 1px;
}
#header .inner ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content:flex-end;
}
#header .inner ul li {
padding-left:10px;
margin-bottom: 10px;
font-size: 75%;
}

/* nav
-------------------------------------------------------*/
#menu {
display: none;
}
#nav {
background: #F1EEEB;
}
#nav ul li img {
max-width: 169px;
margin: 0 auto;
display: block;
}
#nav ul {
display: flex; 
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
#nav ul li {
border-left: dotted 1px #A38B77;
	
}

#nav ul li:nth-child(1){
	border-left: none;
}

/*#nav ul li:nth-child(1),#nav ul li:nth-child(2),#nav ul li:nth-child(3),#nav ul li:nth-child(4),#nav ul li:nth-child(5) ,#nav ul li:nth-child(6){
	border-bottom: dotted 1px #A38B77;
}*/

#nav ul li:last-child {
border-right: dotted 1px #A38B77;
}
/*#nav.renew_nav ul {
flex-flow: row wrap;
justify-content: flex-start;
width: 1021px;
max-width: 1021px;
margin: 0 auto;
}*/

#nav.renew_nav ul {
flex-flow: row wrap;
justify-content:space-evenly;
width: 100%;
	/*max-width: 1300px;*/
margin: 0 auto;
}

#nav.renew_nav ul li {
width:11%;

box-sizing: border-box;
}
/*#nav.renew_nav ul li:nth-child(6),
#nav.renew_nav ul li:nth-child(9) {
border-right: dotted 1px #A38B77;
width: 171px;
}*/

/* breadcrumb
-------------------------------------------------------*/
.breadcrumb {
font-size: 75%;
margin-top: 15px;
}
.breadcrumb ul li{
display: inline;
}
.breadcrumb ul li:not(:last-child)::after {
content: ">";
margin: 0 10px;
}
/* footer
-------------------------------------------------------*/
#footer {
/*border-top: solid 3px #E398B5;
text-align: center;
padding-top:50px;*/
}
#footer .inner .logo {
margin-bottom: 30px;
}
#footer .logo img {
max-width: 210px;
}
#footer .lesson img {
max-width: 325px;
}
#footer .contact img {
max-width: 325px;
}
#footer .inner ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
#footer .inner ul li {
padding: 0 5px;
}
#footer .box {
background: #F1EEEB;
font-size: 80%;
padding: 50px;
}
#footer .box ul {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
#footer .box ul li {
margin-right: 25px;
line-height: 2;
font-size: 16px;
}
#footer .copy {
font-size: 60%;
padding:30px 0px;
	text-align: center;
}


#footer #footer_banner {

	max-width: 980px;
	margin: 0 auto;
	margin-bottom:60px;
}
#footer #footer_banner .ttl {
font-size:190%;
color:#e36a9f;
border-bottom:2px solid #e36a9f;
padding-bottom:5px;
margin-bottom:20px;
text-align:center;
}
#footer #footer_banner ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
#footer #footer_banner li {
width:30%;
	text-align: left;
}
#footer #footer_banner li:not(:last-child) {
margin-bottom:20px;
}
#footer #footer_banner li a {
display: block;
font-size: 95%;
}
#footer #footer_banner .img img {
max-width: 300px;
}
#footer #footer_banner p {
margin-top:10px;
	font-size: 80%;
}


/*visual
-------------------------------------------------------*/
.visual .bg01 {
/*background: url("../images/index/online_visual_bg.png")no-repeat center/cover;*/
    background: url("../images/index/slider02_n_bg.png")no-repeat center/cover;
}
.visual .bg02 {
/*background: url(../images/index/bg01.png)repeat center center;*/
	background: url("../images/index/slider01_n_bg.png")no-repeat center/cover;
}
.visual .bg03 {
background: url(../images/index/new_slider_bg.png)repeat center center;
}

.visual .bg04 {
background: url(../images/index/slider_toeic2022-2_bg.png)repeat center center;
}

.visual .bg05 {
background: url(../images/index/slider_cr_2022_bg.png)repeat center center;
}

.visual .bg06 {
background: url(../ny2023/slider_ny2023_bg.png)repeat center center;
}

.visual .bg07 {
	background: url(../images/index/slider02_pot_bg.png)repeat center center;
	}


/* index area
-------------------------------------------------------*/
#contents.index {
border-bottom: none;
margin-bottom: none;
background: none;
}
.index #area h3 {
font-size: 260%;
text-align: center;
margin-bottom: 60px;
}
.index #area h3::after {
background: url(../images/index/title_line.png)repeat;
}
.index #area ul li img {
max-width: 300px;
}
.index #area ul.features{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
max-width: 1320px;
width: 1320px;
margin: 0 auto 80px;
}
.index #area .banner{
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
/*justify-content: space-between;*/
	justify-content: flex-start;
max-width: 980px;
width: 980px;
margin: 0 auto 40px;
}
.index #area .banner li{
box-sizing: border-box;
margin-bottom:30px;
	margin-right: 40px;
}

.index #area .banner li:nth-child(3n){
	margin-right: 0px;
}

.index #area .banner li:nth-child(6n){
	margin-right: 0px;
}

.mov{
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
max-width: 980px;
width: 980px;
margin: 0 auto 40px;
}
.mov li{
box-sizing: border-box;
margin-bottom:30px;
/*max-width: 300px;*/
width: 32%;
}
.mov li iframe {
width: 100%;
height: 200px;
}


/*facebook
-------------------------------------------------------*/
.facebook {
background: url(../images/index/bg02.png)repeat center center;
	padding: 30px 20px;
	box-sizing: border-box;
}
.facebook p {
text-align: center;

}
.facebook p img {
max-width: 500px;
}

.facebook_inner {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.fb-page {
	
}


/* feature
-------------------------------------------------------*/
.feature .parallax {
padding-top:90px;
}
.feature .title .pink {
padding-left:10px;
}
.feature #area ul {
margin-bottom: 70px;
}
.feature #area ul li .title .num b{
font-size: 230%;
}
.feature #area ul li .title .num span {
font-weight: normal;
font-size: 170%;
}
.feature #area ul li .title {
display: table;
width: 100%;
margin-bottom: 20px;
}
.feature #area ul .title::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 82px;
height: 66px;
margin:10px 10px 0 0;
}
.feature #area ul li:first-child .title::before {
background: url(../images/feature/num01.png)no-repeat center center/82px 66px;
}
.feature #area ul li:nth-child(2) .title::before {
background: url(../images/feature/num02.png)no-repeat center center/82px 66px;
}
.feature #area ul li:nth-child(3) .title::before {
background: url(../images/feature/num03.png)no-repeat center center/82px 66px;
}
.feature #area ul li:last-child .title::before {
background: url(../images/feature/num04.png)no-repeat center center/82px 66px;
}
.feature #area ul .title.brown .num {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.feature #area ul .title.brown .num > * {
display: block;
line-height: 1.4;
}
.feature #area ul li .image img {
max-width: 362px;
}
.feature #area ul li .text_box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
.feature #area ul li:nth-last-child(-n+2) .text_box {
flex-flow: row-reverse;
}
.feature #area ul li .text_box .text {
width: 65%;
font-size: 115%;
padding-right: 20px;
}
.feature #area ul li:nth-child(3) .text_box .text,
.feature #area ul li:last-child .text_box .text {
padding: 0 0 0 20px;
}
.feature #area ul li::after {
content: "";
display: block;
background: url(../images/common/dot_line.png)repeat;
width: 100%;
height: 5px;
margin: 40px 0;
}
.feature #area ul li:last-child::after {
display: none;
}


/* characteristic
-------------------------------------------------------*/
.characteristic .parallax {
padding-top:35px;
}
.characteristic #area .subtitle {
text-align: center;
}
.characteristic #area #course {
margin-bottom: 80px;
}
.characteristic #area #course .subtitle img {
max-width: 182px;
display: block;
margin: 0 auto 10px;
}
.characteristic #area .subtitle b {
margin-bottom: 20px;
}
.characteristic #course ul li {
/*background: url(../images/characteristic/bg01.png)repeat;*/
background: #FAEDF2;
padding: 20px;
margin-bottom: 40px;
}
.characteristic ul li .li_in {
padding: 30px;
border-radius: 5px;
background: #fff;
}
.characteristic #course ul li .text_box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
}
.characteristic #course ul li .title {
margin-bottom: 25px;
}

.characteristic #course ul li .title .icon{
display: table;
width: 100%;
}
.characteristic #course ul li .title .icon::before{
content: "";
display: table-cell;
background: url(../images/characteristic/icon01.png)no-repeat center center/58px 58px;
width: 58px;
height: 58px;
vertical-align: middle;
}
.characteristic #course ul li .title .icon b {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
line-height: 1.2;
}
.characteristic #course ul li .top_border_box::before {
content: "";
display: block;
background: url(../images/common/dot_line.png)repeat;
width: 100%;
height: 5px;
margin-bottom: 20px;
}
.characteristic #course ul li .title {
font-size: 150%;
}
.characteristic #course ul li .text_box .text {
font-size: 115%;
padding-left: 15px;
margin-bottom: 30px;
}
.characteristic #course ul li .text_bottom {
background: #F1EEEB;
border-radius: 5px;
padding: 20px;
}
.characteristic #course ul li .text_bottom .title2 {
color: #DF8BAC;
font-weight: bold;
font-size: 150%;
}
.characteristic #course ul li .text_bottom .text {
font-size: 110%;
}
.characteristic #course ul li .text_box .image img {
width: 270px;
}

.characteristic #lesson_style .subtitle img {
max-width: 282px;
display: block;
margin: 0 auto 10px;
}
.characteristic #lesson_style .subtitle .text {
font-size: 115%;
text-align: left;
margin-bottom: 20px;
}
.characteristic #lesson_style .box {
border-radius: 5px;
padding: 20px 20px 0 20px;
margin-bottom: 40px;
background:#fff;
}
.characteristic #lesson_style .box .title {
/*background: url(../images/characteristic/bg01.png)repeat;*/
margin-bottom: 20px;
display: table;
width: 100%;
padding: 10px;
box-sizing: border-box;
}
.characteristic #lesson_style .box .text {
font-size: 110%;
margin-bottom: 20px;
}
.characteristic #lesson_style .box .price {
border-radius: 15px;
color: #FFF;
font-size: 110%;
text-align: center;
width: 120px;
}
.characteristic #lesson_style .box .bottom_text {
padding-bottom: 20px;
font-size: 105%;
}
.characteristic #lesson_style .box .price_list {
border: 1px solid #D6D6D6;
margin-bottom: 30px;
width: 100%;
}
.characteristic #lesson_style .box dl {
display: table;
width: 100%;
}
.characteristic #lesson_style .box dl>* {
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}
.characteristic #lesson_style .box dl dt {
border-bottom: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
width: 20%;
padding: 20px;
color: #fff;
}
.characteristic #lesson_style .box dl:last-child dt {
border-bottom: none;
}
.characteristic #lesson_style .box dl dd {
border-right: 1px solid #D6D6D6;
border-bottom:  1px solid #D6D6D6;
padding: 15px 20px;
width:40%;
}
.characteristic #lesson_style .box dl dd:first-of-type{
width: 50%;
}
.characteristic #lesson_style .box dl:last-child dd{
border-bottom:  none;
}
.characteristic #lesson_style .box dl dd.expire {
border-right: none;
padding: 15px 20px;
}
.characteristic #lesson_style .lesson01 {
border: 2px solid  #9571FF;
}
.characteristic #lesson_style .lesson01 .title {
color: #9571FF;
}
.characteristic #lesson_style .lesson01 .title::before{
content: "";
display: table-cell;
background: url(../images/characteristic/icon02.png)no-repeat center center/60px 60px;
width: 60px;
height: 60px;
margin: 10px 10px; 
vertical-align: middle;
}
.characteristic #lesson_style .lesson01 .price {
background: #B398FF;
}
.characteristic #lesson_style .lesson01 dt {
background: #B398FF;
}
.characteristic #lesson_style .lesson02 {
border: 2px solid  #FF7F00;
}
.characteristic #lesson_style .lesson02 .title {
color: #FF7F00;
}
.characteristic #lesson_style .box .title .text01 {
font-size: 180%; 
font-weight: bold;
vertical-align: middle;
padding-left: 10px;
}
.characteristic #lesson_style .title> span {
display: table-cell;
vertical-align: middle;
}
.characteristic #lesson_style .lesson02 .title> span>* {
display: inline-block; 
}
.characteristic #lesson_style .lesson02 .title .text02 {
font-size: 80%;
padding-left: 10px;
}
.characteristic #lesson_style .lesson02 .title::before{
content: "";
display: table-cell;
background: url(../images/characteristic/icon03.png)no-repeat center center/60px 60px;
width: 60px;
height: 60px;
margin: 10px 10px; 
vertical-align: middle;
}
.characteristic #lesson_style .lesson02 .capacity {
font-size: 110%;
margin-bottom: 10px;
}
.characteristic #lesson_style .lesson02 .capacity span {
border-radius: 15px;
color: #FFF;
text-align: center;
display: inline-block;
background: #00B2B2;
padding: 2px 10px;
margin-right: 20px;
}
.characteristic #lesson_style .box .price_list th {
border-bottom: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
width: 20%;
padding: 20px;
color: #fff;
background: #FF7F00;
vertical-align: middle;
}
.characteristic #lesson_style .box .price_list td {
border-bottom: 1px solid #D6D6D6;
width: 45%;
vertical-align: middle;
padding: 10px;
}
.characteristic #lesson_style .box .price_list td.capacity {
border-right: 1px solid #D6D6D6;
vertical-align: middle;
width: 20%;
}
.characteristic #lesson_style .box .price_list td.expire {
border-left: 1px solid #D6D6D6;
width: 35%;
}
.characteristic #lesson_style .box .price_list td.capacity_s {
width: 40%;
}
.characteristic #lesson_style .lesson02 .text .map {
background: #525252;
padding: 2px 3px;
border-radius: 5px;
margin-left: 10px;
}
.characteristic #lesson_style .lesson02 .text .map a{
color: #fff;
font-size: 90%;
}
.characteristic #lesson_style .lesson02 .price {
background: #FF7F00;
margin-bottom:5px;
}
.characteristic #lesson_style .lesson02 .price02 {
color: #FF7F00;
font-size: 110%;
margin-bottom: 5px;
}
.characteristic #lesson_style .lesson02 dt {
background: #FF7F00;
}
.characteristic #lesson_style .lesson03 {
border: 2px solid #269D9D;
}
.characteristic #lesson_style .lesson03 .title {
color: #269D9D;
}
.characteristic #lesson_style .lesson03 .title span {
padding-left: 20px;
}
.characteristic #lesson_style .lesson03 .title::before{
content: "";
display: table-cell;
background: url(../images/characteristic/icon04.png)no-repeat center center/60px 60px;
width: 60px;
height: 60px;
margin: 10px 10px; 
vertical-align: middle;
}
.characteristic #lesson_style .lesson03 .price {
background: #269D9D;
}
.characteristic #lesson_style .lesson03 dl {
font-size: 120%;
line-height: 1;
}
.characteristic #lesson_style .lesson03 dl span {
font-size: 140%;
}
.characteristic #lesson_style .lesson03 dl dt {
background: #269D9D;
width: 20%;
padding:15px 20px;
}
.characteristic #lesson_style .lesson03 dl dd {
border-right: none;
width: 80%!important;
}



/*.characteristic #lesson_style .lesson03 .credit dl {
font-size: 100%;
line-height: 1;
}
.characteristic #lesson_style .lesson03 .credit dl span {
font-size: 140%;
}
.characteristic #lesson_style .lesson03 .credit dl dt {
background: #269D9D;
width: 20%;
padding:15px 20px;

}
.characteristic #lesson_style .lesson03 .credit dl dd {
border-right: 1px solid #D6D6D6;
width: 40%!important;
}*/



.characteristic #lesson_style .lesson03 table {
border: 1px solid #D6D6D6;
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
text-align: left;
}
.characteristic #lesson_style .lesson03 table th {
background: #269D9D;
border-right: 1px solid #D6D6D6;
padding: 15px 20px;
color: #fff;
width: 20%;
}
.characteristic #lesson_style .lesson03 table tr th:first-child {
width: 20%;
}
.characteristic #lesson_style .lesson03 table td {
padding: 15px 20px;
border-right: 1px solid #D6D6D6;
}
.characteristic #lesson_style .lesson03 table tr {
border-bottom: 1px solid #D6D6D6;
border-right: none;
}
.characteristic #lesson_style .lesson03 table tr>* {
box-sizing: border-box;
}
.characteristic #lesson_style .lesson03 table tr:last-child {
border-bottom: none;
}
.characteristic #lesson_style .banner {
display: block;
text-align: center;
margin-bottom: 40px;
}
.characteristic #lesson_style .banner .lesson {
margin-bottom: 20px;
}
.characteristic #lesson_style .banner .lesson img {
max-width: 390px;
}
.characteristic #lesson_style .banner .contact img {
max-width: 390px;
}
.characteristic #cancel_payment  {
margin-bottom: 80px;
}
.characteristic #cancel_payment .title {
font-size: 170%;
background: url(../images/characteristic/cancel_bg.png)repeat;
color: #fff;
padding: 10px;
margin-bottom: 20px;
}
.characteristic #area #cancel_payment .cancel .subtitle b {
background: none;
text-align: left;
font-size: 110%;
margin-bottom: 0;
padding: 0 0 10px;
}
.characteristic #area #cancel_payment .cancel .fixed_lesson {
border: 1px solid #FF7F00;
border-radius: 5px;
margin-bottom: 20px;
padding: 20px;
background:#fff;
}
.characteristic #area #cancel_payment .cancel .fixed_lesson .subtitle b{
color: #FF7F00;
}
.characteristic #area #cancel_payment .cancel .group_lesson {
border: 1px solid #B399FF;
border-radius: 5px;
margin-bottom: 20px;
padding: 20px;
background:#fff;
}
.characteristic #area #cancel_payment .cancel .group_lesson .subtitle b{
color: #B399FF;
}
.characteristic #area #cancel_payment .cancel .text {
font-size: 110%;
}
.characteristic #area #cancel_payment .payment .text {
font-size: 115%;
}
.characteristic .price_box {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.characteristic .price_box .price {
margin-right: 10px;
}
.img_shoku01 {
max-width: 589px;
margin: 0 auto;
margin-bottom: 30px;
}
.img_shoku02 {
max-width: 600px;
margin: 0 auto;
margin-bottom: 30px;
}
.characteristic .course_list01 {
margin-top: 20px;
margin-bottom: 20px;
}
.characteristic .course_list01 li {
padding: 10px 20px;
margin-bottom: 10px;
/*	background: url(../images/characteristic/bg01.png)repeat;*/
color: #008c8c;
}
#kids_lesson #kids_lesson_in {
border:2px solid #fba2ab;
border-radius: 10px;
padding:50px;
box-sizing: border-box;
background: #fff;
margin:0 0 40px;
}
#kids_lesson #kids_lesson_in .ttl_head {
color:#fff;
background: #e297b4;
padding:10px 30px;
box-sizing: border-box;
border-radius: 50px;
text-align: center;
font-size: 115%;
line-height: 1.2;
margin:0 0 30px;
}
#kids_lesson #kids_lesson_in .img_txt {
max-width: 709px;
margin:0 auto 40px;
}
#kids_lesson #kids_lesson_in .txt_head {
font-size: 115%;
line-height: 1.2;
margin:0 0 30px;
text-align: center;
}
#kids_lesson #kids_lesson_in .box {
padding:50px;
box-sizing: border-box;
background: #FEF1F6;
position: relative;
margin:0;
border-radius: 10px;
}
#kids_lesson #kids_lesson_in .box:first-of-type {
text-align: center;
margin:0 0 70px;
}
#kids_lesson #kids_lesson_in .box:first-of-type::before {
content:"";
position: absolute;
top:-30px;
right: 10px;
background: url(../images/characteristic/kids_lesson_img01.png)no-repeat center/96px 156px;
width: 96px;
height: 156px;
}
#kids_lesson #kids_lesson_in .box:last-of-type::before {
content:"";
position: absolute;
top:-30px;
left: 30px;
background: url(../images/characteristic/kids_lesson_img02.png)no-repeat center/90px 129px;
width: 90px;
height: 129px;
}
#kids_lesson #kids_lesson_in .box .ttl {
text-align: center;
color:#db6a95;
font-size: 180%;
line-height: 1.2;
margin:0 0 30px;
}
#kids_lesson #kids_lesson_in .box .txt > * {
display: block;
}
#kids_lesson #kids_lesson_in .box .txt b {
font-size: 140%;
color:#f87205;
line-height: 1.2;
border-bottom:2px solid #fba2ab;
padding:0 0 20px;
margin:0 0 25px;
}
#kids_lesson #kids_lesson_in .box .txt span {
display: block;
line-height: 2;
font-size: 110%;
}
#kids_lesson #kids_lesson_in .box .txt:not(:last-child) {
margin:0 0 40px;
}
#online {
    border: 2px solid #4d7aff;
}
#online.box .title .text01 {
    color: #4d7aff
}
#online.box .title .text01 span {
    font-size: 60%;
    display: block;
}
#online.box .title::before {
    content: "";
    display: table-cell;
    background: url(../images/characteristic/icon05.png)no-repeat center center/60px 60px;
    width: 60px;
    height: 60px;
    margin: 10px 10px;
    vertical-align: middle;
}
#online.box .top_box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
}
#online.box .top_box .img {
    width: 40%;
}
#online.box .top_box .img img {
    max-width: 420px;
}
#online.box .top_box .txt {
    font-size: 120%;
    width: 58%;
}
#online.box .mid_box {
    width: 50%;
    background: #eeeeee;
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto 30px;
}
#online.box .mid_box .ttl {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px;
    position: relative;
}
#online.box .mid_box .ttl span {
    color: #527eff;
}
#online.box .mid_box .ttl::before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url("../images/characteristic/slash01.png")no-repeat left center/19px 32px;
    width: 19px;
    height: 32px;
    top: 3px;
    left: 110px;
}
#online.box .mid_box .ttl::after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url("../images/characteristic/slash02.png")no-repeat left center/19px 32px;
    width: 19px;
    height: 32px;
    top: 3px;
    right: 110px;
}
#online.box .mid_box ul {
    font-size: 110%;
}
#online.box .mid_box ul li {
    display: flex;
    align-items: center;
}
#online.box .mid_box ul li span {
    background: url("../images/characteristic/online_check.png")no-repeat left center/17px 17px;
    width: 17px;
    height: 17px;
    display: inline-block;
    padding: 0 10px 0 0;
}
#online.box .bot_box {
    background: #f1f4ff;
    border-radius: 5px;
    padding: 20px;
    margin: 0 0 30px;
}
#online.box .bot_box .wh_box {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}
#online.box .bot_box .ttl_box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
}
#online.box .bot_box .ttl_box .img {
    width: 25%;
}
#online.box .bot_box .ttl_box .img img {
    max-width: 225px;
}
#online.box .bot_box .ttl_box .txt_box {
    width: 74%;
}
#online.box .bot_box .ttl_box .txt_box .ttl {
    color: #4d7aff;
    font-size: 180%;
    border-bottom: 1px solid #4d7aff;
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-weight: bold;
}
#online.box .bot_box .ttl_box .txt_box .txt {
    font-size: 120%;
    font-weight: bold;
}
#online.box .bot_box ul li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 30px;
}
#online.box .bot_box ul li .img {
    width: 10%;
}
#online.box .bot_box ul li img {
    max-width: 80px;
}
#online.box .bot_box ul li .right_txt {
    width: 90%;
}
#online.box .bot_box ul li .right_txt .ttl {
    color: #4d7aff;
    font-size: 110%;
    font-weight: bold;
}
#online.box .bot_box .com {
    text-align: center;
    margin: 0 0 20px;
}
#online.box .bot_box .com img {
    max-width: 516px;
}
#online.box .bot_box .bot_com {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 30px;
}
#online.box .bot_box .bot_com .img {
    width: 35%;
}
#online.box .bot_box .bot_com img {
    max-width: 330px;
}
#online.box .bot_box .bot_com .txt_box {
    width: 64%;
}
#online.box .bot_box .bot_com .txt_box .ttl {
    color: #4d7aff;
    font-size: 120%;
    margin: 0 0 10px;
    font-weight: bold;
}
#online.box .price {
    background: #8aa4ff;
}
.characteristic #lesson_style #online.box dt {
    background: #8aa4ff;
}
.characteristic #lesson_style #online.box .credit .price {
    background: #4d7aff;
}
.characteristic #lesson_style #online.box .credit dt {
    background: #4d7aff;
}
/* lesson
-------------------------------------------------------*/
.lesson #lesson_in .subtitle .title_box .comment {
text-align: center;
font-size: 70%;
font-weight: bold;
}
.lesson #lesson_in .title img {
max-width: 287px;
margin: 0 auto 10px;
}
.lesson #lesson_in .title {
text-align: center;
font-size: 140%;
margin-bottom: 20px;
}
.lesson #lesson_in .text {
font-size: 110%;
margin-bottom: 70px;
text-align: center;
}
.lesson #lesson_in .main_lesson .pc ul {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.lesson #lesson_in .main_lesson .pc ul img {
max-width: 432px;
}
.lesson #lesson_in .main_lesson .pc ul li {
margin-bottom: 80px;
}
.lesson #lesson_in .main_lesson .pc ul li:first-child {
position: relative;
}
.lesson #lesson_in .main_lesson .pc ul li:first-child::after {
position: absolute;
content: "";
display: block;
background: url(../images/lesson/image_icon.png)no-repeat;
width: 28px;
height: 80px;
top: 150px;
left: 440px;
}
.lesson #lesson_in .main_lesson .pc ul li:nth-child(2) {
position: relative;
}
.lesson #lesson_in .main_lesson .pc ul li:nth-child(2)::after {
position: absolute;
content: "";
display: block;
background: url(../images/lesson/image_icon.png)no-repeat;
width: 28px;
height: 80px;
transform: rotate( 90deg );
top: 350px;
left: 160px;
}
.lesson #lesson_in .main_lesson .pc ul li:nth-child(3) {
position: relative;
}
.lesson #lesson_in .main_lesson .pc ul li:nth-child(3)::after {
position: absolute;
content: "";
display: block;
background: url(../images/lesson/image_icon.png)no-repeat;
width: 28px;
height: 80px;
transform: rotate( 180deg );
top: 150px;
left: 440px;
}
.lesson #lesson_in .example {
/*background: url(../images/characteristic/bg01.png)repeat;*/
background: #FAEDF2;
padding: 20px;
margin-bottom: 80px;
}
.lesson #lesson_in .example .in {
padding: 20px;
border-radius: 5px;
background: #fff;
font-size: 110%;
}
.lesson #lesson_in .example .in ul {
display: flex;
flex-flow: row wrap;
}
.lesson #lesson_in .example .in ul li {
padding-right: 20px;
}
.kids_link {
text-align: center;
margin:0 0 30px;
}
.kids_link a {
text-decoration: underline;
}

/* trial_lesson
-------------------------------------------------------*/
.trial_lesson .covid_caution {
	text-align: center;
	color: #b00606;
	font-size: 120%;
	margin: 0 0 50px;
	font-weight: bold;
}
.trial_lesson #area .subtitle b {
	background: #f2eeeb;
	color: #3F1F00;
}
.trial_lesson #trial_area01 {
	margin: 0 0 100px;
}
.trial_lesson #trial_area02 {
	margin: 0 0 0px;
}
.trial_lesson .trial_flow>li {
	border: 1px solid #c1bdba;
	padding: 40px;
}
.trial_lesson .trial_flow li .in {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.trial_lesson .trial_flow>li:not(:last-child) {
	margin: 0 0 50px;
}
.trial_lesson .trial_flow li .txt_box_in {
	width: 70%;
	margin: 0 40px 0 0;
}
.trial_lesson .trial_flow li .img {
	width: 30%;
}
.trial_lesson .trial_flow li .caution {
	color: #b00606;
	font-weight: bold;
	margin: 0 0 20px;
	font-size: 100%;
}
.trial_lesson .trial_flow li .ttl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #c1bdba;
	/*font-size: 170%;*/
    font-size: 140%;
	font-weight: bold;
}
.trial_lesson .trial_flow li .ttl dt {
	margin: 0 20px 0 0;
	background: #df8bac;
	color: #fff;
	font-size: 80%;
	padding: 10px 20px;
	border-radius: 5px;
}
.trial_lesson .trial_flow li .trial_flow_in {
	font-size: 100%;
	line-height: 2;
	text-indent: -1em;
	padding-left: 1em;
}
.trial_lesson .trial_flow li .trial_flow_in li:not(:last-child) {
	margin: 0 0 20px;
}
.trial_lesson .trial_flow .box {
	margin: 40px 0 0;
}
.trial_lesson .trial_flow .mid_ttl {
	border-top: 1px solid #c1bdba;
	border-bottom: 1px solid #c1bdba;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	padding: 20px;
	margin: 0 0 30px;
}
.trial_lesson .trial_flow .link_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.trial_lesson .trial_flow .link_box a {
	width: 30%;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	background: #ffa200;
	color: #fff;
	padding: 20px 10px;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 0 2.5%;
}
.trial_lesson .row_3box span {
	margin: 0 10px;
}
.trial_lesson .date_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.trial_lesson .date_box:not(:last-child) {
	margin: 0 0 10px;
}
.trial_lesson .date_box div {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.trial_lesson .date_box p {
	margin: 0 10px 0 0;
	width: 100px;
}
.trial_lesson .date_box span {
	margin: 0 20px 0 20px;
}
.trial_lesson .date_box input {
	width: 150px!important;
}


/* flow
-------------------------------------------------------*/
.flow .box ol li {
margin-bottom:160px;
position: relative;
}
.flow .box ol li:not(:last-child)::after {
content:"";
display: block;
width:180px;
height:63px;
position: absolute;
left:0;
right: 0;
bottom:-110px;
margin:auto;
}
.flow .box ol li .title {
display: table;
width: 100%;
margin-bottom:30px;
}
.flow .box ol li .title::before {
content:"";
display: table-cell;
vertical-align: middle;
width: 84px;
height: 84px;
}
.flow .box ol li .title .brown {
display: table-cell;
vertical-align: middle;
font-size: 220%;
padding-left: 10px;
}
.flow .box .f_box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
.flow .box .f_box.rev {
flex-flow: row-reverse nowrap;
}
.flow .box .f_box.rev .text_box {
text-align: left;
padding-left:50px;
}
.flow .box .text_box {
width: 100%;
padding-right: 50px;
box-sizing: border-box;
}
.flow .box .text_box .text {
font-size: 115%;
}
.flow .box .text_box .btn {
display: block;
text-align: center;
margin-top:20px;
}
.flow .box .text_box .btn img {
max-width:250px;
}
.flow .box .image img {
width:330px;
box-shadow:3px 8px 15px rgba(0,0,0,0.1);
}
.flow .step01 ol li:not(:last-child)::after {
background:url(../images/flow/arrow01.png)no-repeat center center/180px 63px;
}
.flow .step02 ol li:not(:last-child)::after {
background:url(../images/flow/arrow02.png)no-repeat center center/180px 63px;
}
.flow .step01 ol li:first-child .title::before {
background:url(../images/flow/step01_1.png)no-repeat center center/84px 84px;
}
.flow .step01 ol li:nth-child(2) .title::before {
background:url(../images/flow/step01_2.png)no-repeat center center/84px 84px;
}
.flow .step01 ol li:nth-child(3) .title::before {
background:url(../images/flow/step01_3.png)no-repeat center center/84px 84px;
}
.flow .step01 ol li:nth-child(4) .title::before {
background:url(../images/flow/step01_4.png)no-repeat center center/84px 84px;
}
.flow .step02 ol li:last-child .title::before {
background:url(../images/flow/step01_5.png)no-repeat center center/84px 84px;
}
.flow .step02 ol li:first-child .title::before {
background:url(../images/flow/step02_1.png)no-repeat center center/84px 84px;
}
.flow .step02 ol li:nth-child(2) .title::before {
background:url(../images/flow/step02_2.png)no-repeat center center/84px 84px;
}
.flow .step02 ol li:nth-child(3) .title::before {
background:url(../images/flow/step02_3.png)no-repeat center center/84px 84px;
}
.flow .step02 ol li:nth-child(4) .title::before {
background:url(../images/flow/step02_4.png)no-repeat center center/84px 84px;
}
.flow .step02 ol li:last-child .title::before {
background:url(../images/flow/step02_5.png)no-repeat center center/84px 84px;
}
.flow .subtitle b {
background:url(../images/common/text_bg02.png);
}
.flow .box ol li:last-child {
margin-bottom:80px;
}

/* partner
-------------------------------------------------------*/
.partner ul li img {
max-width: 225px;
}
.partner ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.partner ul li {
margin: 0 10px 50px;
}

/* partner_profile
-------------------------------------------------------*/
.partner_profile .profile_box .image img {
max-width: 400px;
}
.partner_profile .profile_box {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}
.partner_profile .profile_box .name .brown {
font-size: 220%;
margin-bottom: 30px;
}
.partner_profile .profile_box .text_box {
padding-left: 30px;
	width: 55%;
/*max-width:540px;*/
}
.partner_profile .profile_box .text ul li {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
}
.partner_profile .profile_box .text ul li .text02 {
padding-left: 10px;
}
.partner_profile .comment{
margin-bottom: 70px;
}
.partner_profile .comment img {
max-width: 225px;
margin-bottom: 20px;
}
.partner_profile .comment .text {
/*background: url(../images/characteristic/bg01.png)repeat;*/
background: #FAEDF2;
padding: 20px;
}
.partner_profile .comment .text .text_in {
padding: 20px;
border-radius: 5px;
background: #fff;
}
.partner_profile .profile_box .text ul li .text01 {
background: none;
width: auto;
}
.partner_profile .profile_box .text ul li b {
position: relative;
width: 230px;
overflow: hidden;
display: block;
}
.partner_profile .profile_box .text ul li b::after {
content:"";
display: inline-block;
/*background:url(../images/partner/dot.png)repeat-x left center;*/
height: 3px;
width: 100%;
position: absolute;
top:0;
right: -50px;
bottom:0;
margin:auto;
}
.partner_profile .profile_box .text ul li:nth-child(2) b::after,
.partner_profile .profile_box .text ul li:nth-child(3) b::after {
right: -70px;
}
.partner_profile .profile_box .text ul li:last-child b::after {
right: -100px;
}
.partner_profile .name_img.okamoto img {
max-width: 269px;
}
.partner_profile .name_img.iwakawa img {
/*max-width: 171px;*/
max-width: 65px;
}
.partner_profile .name_img.takahashi img {
max-width: 190px;
}
.partner_profile .name_img.suekane img {
max-width: 157px;
}
/* faq
-------------------------------------------------------*/
.faq #area .subtitle b {
margin-bottom: 30px;
}
.faq #area .box {
margin-bottom: 70px;
}
.faq #area dl dt {
font-size: 110%;
display: table;
margin-bottom: 20px;
}
.faq #area dl dt::before {
content: "";
display: table-cell;
background: url(../images/faq/q.png)no-repeat center center/ 57px 57px;
width: 57px;
height: 57px;
vertical-align: middle;
}
.faq #area dl dt b {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
.faq #area dl dd {
font-size: 100%;
margin-bottom: 40px;
}
.faq #area dl dd::after {
content: "";
display: block;
background: url(../images/common/dot_line.png)repeat;
width: 100%;
height: 5px;
margin-top: 40px;
}
.faq #area dl dd a {
text-decoration: underline;
}
/* message
-------------------------------------------------------*/


/* leaders_message
-------------------------------------------------------*/
.leaders_message .text {
font-size: 115%;
}
.leaders_message .box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom:20px;
}
.leaders_message .text_box {
width: 490px;
}
.leaders_message .text_box .title {
margin-bottom:15px;
}
.leaders_message .text_box .title > * {
display: block;
}
.leaders_message .text_box .title .pink {
font-size: 180%;
margin-bottom:15px;
}
.leaders_message .text_box .title .name {
color:#525252;
line-height: 1.2;
}
.leaders_message .text_box .title .name > * {
display: block;
}
.leaders_message .text_box .title .name i {
font-size: 120%;
}
.leaders_message .text_box .title .name b {
font-size: 160%;
}
.leaders_message .image_box {
width: 450px;
}
.leaders_message .image_box .image {
margin-bottom:20px;
}
.leaders_message .image_box .image img {
max-width:450px;
}
.leaders_message .image_box .image_text_box {
border:2px solid #DF8BAC;
border-radius: 5px;
padding:7px;
box-sizing: border-box;
}
.leaders_message .image_box .image_text_box > * {
display: block;
}
.leaders_message .image_box .image_text_box .pink {
font-size: 115%;
line-height: 1.4;
margin-bottom:5px;
}
.leaders_message .image_box .image_text_box .text {
font-size: 100%;
line-height: 1.4;
}
.leaders_message .bottom_text {
padding-bottom:80px;
}

/* event
-------------------------------------------------------*/
.event #area .inner,
.event-other #area .inner {
width: 980px;
max-width: 980px;
}
.event #area ul {
margin:50px 0;
}
.event #area ul li a {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
margin-bottom:30px;
border:5px solid #eeeeee;
padding:20px;
box-sizing: border-box;
}
.event #area ul li .img {
text-align: center;
}
.event #area ul li .img img {
width: 300px;
max-width: 300px;
margin-right: 20px;
}
.event #area ul li .txt-box .ttl {
font-weight: bold;
color:#e36a9f;
font-size: 120%;
line-height: 1.2;
border-bottom:1px solid #e5e5e5;
padding-bottom:20px;
margin-bottom:20px;
}
.event #area ul li .txt-box .txt > * {
display: block;
}
.event #area ul li .txt-box .txt b {
line-height: 1.2;
margin-bottom:15px;
}
.event #area ul li .txt-box .txt span {
line-height: 1.4;
}
.event01 #area .img-ttl {
text-align: center;
margin:30px 0;
}
.event01 #area .img-ttl img {
max-width:666px;
}
.event01 #area .box {
border:3px solid #f2babd;
padding:25px;
box-sizing: border-box;
margin-bottom:30px;
}
.event01 #area .box .txt01 {
margin-bottom:30px;
font-size: 110%;
}
.event01 #area .box .txt02 {
margin-bottom:10px;
font-size: 110%;
}
.event01 #area .box .txt03 {
font-size: 170%;
color:#df8bac;
font-weight: bold;
margin-bottom:20px;
}
.event01 #area .txt {
margin-bottom:40px;
}
.event-other h4 {
font-size: 130%;
border-bottom:1px solid #f2babd;
padding-bottom:10px;
margin-bottom:20px;
}
.event01 .dl-box {
border:1px solid #f2babd;
margin-bottom:50px;
}
.event01 .dl-box dl:not(:last-child){
border-bottom:1px solid #f2babd; 
}
.event01 .dl-box dl {
display: table;
width: 100%;
}
.event01 .dl-box dl > * {
padding:20px;
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}
.event01 .dl-box dl dt {
background:#f8edee;
border-right: 1px solid #f2babd;
width: 300px;
}
.event01 ul li {
border:3px solid #f2babd;
display: table;
width: 100%;
border-radius: 10px;
padding:15px;
box-sizing: border-box;
margin-bottom:20px;
}
.event01 ul li > * {
display: table-cell;
vertical-align: top;
}
.event01 ul li .img {
width: 54px;
max-width: 54px;
padding-right: 15px;
}
.event01 ul li .txt {
vertical-align: middle;
}
.event-other .btn a {
display: block;
width:374px;
background:#cf676d;
font-size: 120%;
font-weight: bold;
color:#fff;
text-align: center;
padding:10px;
box-sizing: border-box;
border-radius: 50px;
margin:50px auto;
}


/*.event #area01 .box {
background: #FAEDF2;
padding:20px;
box-sizing: border-box;
margin-bottom:70px;
}
.event #area01 .box .box_in {
padding:25px;
box-sizing: border-box;
background:#fff;
border-radius: 10px;
}
.event #area01 .box img {
width: 260px;
margin-right: 20px;
}
.event #area01 .box .f_box {
display:flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
.event .title.brown {
font-size: 150%;
display: table;
width: 100%;
}
.event .title.brown b {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
line-height: 1.2;
}
.event .title.brown::before {
content: "";
display: table-cell;
background: url(../images/characteristic/icon01.png)no-repeat center center/58px 58px;
width: 58px;
height: 58px;
vertical-align: middle;
}
.event hr.dot_border {
background: url(../images/common/dot_line.png)repeat;
width: 100%;
height: 5px;
margin:25px 0;
border:none;
}
.event #area02 li{
text-align: center;
margin-bottom:70px;
}
.event #area02 li img {
max-width: 800px;
}*/

/* privacy
-------------------------------------------------------*/
.privacy .ttl {
font-weight: bold;
margin-bottom:30px;
}
.privacy .dl_box {
margin-bottom:70px;
}
.privacy dl:not(:last-child) {
margin-bottom:30px;
}
.privacy dl dt {
color:#DF8BAC;
font-size: 130%;
font-weight: bold;
border-bottom:1px solid #DF8BAC;
padding-bottom:5px;
margin-bottom:10px;
}

/* company
-------------------------------------------------------*/
.company .dl_box {
margin-bottom:70px;
}
.company dl {
display: table;
width: 100%;
background:#fff;
}
.company dl:nth-child(odd) {
background:#f0f0f0;
}
.company dl > * {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
.company dl dt {
/*color:#DF8BAC;*/
font-weight: bold;
border-bottom:none;
width: 130px;
}
.company dl dd ul li {
padding-left:1em;
text-indent: -1em;
}

.kiyaku {
	padding: 20px;
	box-sizing: border-box;
}

.kiyaku p {
margin-bottom: 30px;
}



.kiyaku h4 {
text-align: left;
font-size: 120%;
margin-bottom: 20px;
font-weight: bolder;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.kiyaku .num {
padding-left: 1em;
margin-bottom: 20px;
margin-top: -10px;
}
.kiyaku .num li {
margin-bottom: 10px;
}


/* about
-------------------------------------------------------*/
.about #area .inner {
max-width: 980px;
width: 980px;
}
.about .box01 {
background:#FAEDF2;
padding:20px;
box-sizing: border-box;
margin-bottom:80px;
}
.about .box01 .img img {
width: 350px;
margin-right: 25px;
}
.about .box01 .box-in {
background:#fff;
border-radius: 10px;
padding:25px;
}
.about .box01 .box-in .f-box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
.about .box01 .box-in .txt {
font-size: 110%;
}
.about .box01 .box-in .txt-b {
text-align: center;
font-size: 150%;
margin-top:50px;
}
.about .box02 {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin-bottom:30px;
}
.about .box02 img {
width: 361px;
margin-right: 50px;
}
.about .box02 .txt {
font-size: 130%;
}
.about #area .ttl {
text-align: center;
font-size: 150%;
color:#3F1F00;
line-height: 1.4;
}
.about #area .ttl::after {
content: "";
display: block;
background: url(../images/common/dot_line.png)repeat;
width: 100%;
height: 5px;
margin: 20px 0;
}
.about #area .txt-box {
margin-bottom:150px;
font-size: 110%;
}

/* trial
-------------------------------------------------------*/
.trial h3 {
line-height: 1.3;
}
.trial .txt.pink {
margin-bottom:50px;
}
#contact .inner {
max-width: 1000px;
width: 1000px;
}
#contact #form {
width:100%;
}
#contact .text {
margin:0;
padding:3px;
height:40px;
box-sizing: border-box;
width:100%;
background:#F0F0E1;
border:1px solid #d6d6d6;
}
#contact select {
background:#F0F0E1;
border:1px solid #d6d6d6;
height: 40px;
width: 100px;
    font-size: 100%;
}
#contact textarea {
height: 150px!important;
    font-size: 100%;
}
#contact label {
display: inline-block;
}
#contact .ttl-txt {
color:#e70012;
font-size: 120%;
text-align: center;
line-height: 1.3;
font-weight: bold;
}
#contact tr {
display: table;
width:100%;
}
#contact tr > * {
padding:10px;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
line-height: 1;
    font-size: 100%;
}
#contact tr th {
text-align: left;
font-size: 100%;
width:300px;
line-height: 1.6;
}
#contact tr th.hissu {
background:url(../images/trial/hissu.png)no-repeat right center/46px 26px;
}
#contact tr:last-child th {
background-position: right top 10px;
vertical-align: top;
	line-height: 1.4;
}
#contact tr:last-child span {
display: block;
margin-top:10px;
}
#contact .radio-btn {
margin:5px 0;
}
#contact .contact-btn {
border:none;
border-radius: 5px;
color:#fff;
font-weight: bold;
font-size: 150%;
box-sizing: border-box;
padding:25px 20px;
width: 65%;
max-width:300px;
margin:20px 10px 50px 10px;
background:#e36aa0;
line-height: 1;
}
#contact .back-btn {
border:none;
border-radius: 5px;
color:#fff;
font-weight: bold;
font-size: 150%;
box-sizing: border-box;
padding:25px 20px;
width: 65%;
max-width:300px;
margin:50px 10px;
background:#73B9FF;
line-height: 1;
}
#contact.conf .f-box {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
#contact .error-messe {
color:red;
padding:0 20px;
}
#contact .box {
border:3px solid #dbdbdb;
padding:20px;
box-sizing: border-box;
max-width: 980px;
width: 980px;
margin:70px auto;
background:#fff;
}
#contact .box .ttl {
font-size: 150%;
line-height: 1.2;
margin-bottom:15px;
}
#contact .box .txt {
font-size: 110%;
line-height: 1.4;
}
#contact.thanks .back-btn {
display: block;
}


.mailcation {
	color: #ff0000;
	margin-top: 10px;
	line-height: 1.5;
}

.mailcation a {
	color: #ff0000;
}

/* partner名前サイズ
-------------------------------------------------------*/
.rainy img {
max-width: 72px;
}
.sara img {
max-width:55px;
}
.anastasia img {
max-width:108px;
}
.kiyoie img {
max-width:132px;
}
.nancy img {
max-width:79px;
}
.yano img {
max-width:145px;
}
.minami img {
max-width:145px;
}
.mutou img {
max-width:145px;
}
.marie img {
max-width:70px;
}
.sato img {
max-width:142px;
}

/* voice
-------------------------------------------------------*/
#voice_area .txt_head {
	margin: 0 0 50px;
	font-size: 18px;
}
#voice_area ul {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 40px;
}
#voice_area ul li {
	max-width: 348px;
	width: 32%;
}
#voice_area ul li:not(:last-child) {
	margin: 0 0 60px;
}
#voice_area ul li .img {
	position: relative;
	margin: 0 0 20px;
	margin: 0 auto 20px;
	max-width: 348px;
}
#voice_area ul li .img b {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px 15px;
	box-sizing: border-box;
	background: #DF8BAC;
	letter-spacing: -0.5px;
	font-size: 14px;
	color: #fff;
}
#voice_area ul li .txt > * {
	display: block;
	font-size: 18px;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	font-weight: bolder;
	text-align: center;
}
#voice_area ul li .txt b {
	text-align: center;
	font-size: 18px;
	color: #3f1f00;
	margin: 0 0 5px;
}
#voice_area ul li .txt b span {
	display: block;
	font-weight: normal;
	font-size: 14px;
	color: #333;
}
#voice_area ul li .btn {
	font-size: 14px;
	width: 100px;
	height: 30px;
	border: 1px solid #df8bac;
	border-radius: 5px;
	color: #df8bac;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 0 auto;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
#voice_area {
	padding: 0 20px;
	box-sizing: border-box;
}
#voice_area .txt_head {
	margin: 0 0 30px;
	font-size: 16px;
}
#voice_area ul {
	display: block;
	margin: 0 0 30px;
}
#voice_area ul li {
	width: 100%;
	margin: 0 auto;
}
#voice_area ul li:not(:last-child) {
	margin: 0 auto 30px;
}
#voice_area ul li .img {
	margin: 0 auto 20px;
	max-width: 348px;
}
#voice_area ul li .img b {
	width: 100%;
	text-align: center;
}
#voice_area ul li .txt > * {
	font-size: 16px;
}
#voice_area ul li .txt b {
	font-size: 120%;
}
#voice_area ul li .btn {
	width: 80%;
	margin: 20px auto;
}
}
#voice_detail_area {
	max-width: 800px;
	margin: 0 auto;
}
#voice_detail_area .wrap,
#voice_detail_area ul li {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 50px;
}
#voice_detail_area .wrap .img {
	max-width: 400px;
	min-width: 400px;
	margin: 0 30px 0 0;
}
#voice_detail_area .wrap .course {
	background: #df8bac;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin: 0 0 25px;
	padding: 5px 15px;
	box-sizing: border-box;
	display: inline-block;
}
#voice_detail_area .wrap .name {
	margin: 0 0 15px;
}
#voice_detail_area .wrap .name > * {
	display: block;
	font-size: 24px;
	color: #3f1f00;
	font-weight: bold;
	line-height: 1.3;
}
#voice_detail_area .wrap .name span {
	color: #333;
	font-size: 14px;
	margin: 0 0 5px;
}
#voice_detail_area ul li:first-child {
	flex-flow: row-reverse;
}
#voice_detail_area ul li .img {
	max-width: 300px;
	margin: 0 auto;
}
#voice_detail_area ul li .txt {
	max-width: 470px;
	margin: 0 0 0 30px;
}
#voice_detail_area ul li:first-child .txt {
	margin: 0 30px 0 0;
}
#voice_detail_area .txt > * {
	display: block;
}
#voice_detail_area .txt b {
	margin: 0 0 10px;
	color: #df8bac;
	font-size: 20px;
	line-height: 1.3;
}
#voice_detail_area .txt_foot {
	margin: 50px 0;
}
@media screen and (max-width: 768px) {
#voice_detail_area {
	padding: 0 20px;
	box-sizing: border-box;
}
#voice_detail_area .wrap,
#voice_detail_area ul li {
	display: block;
	margin: 0 0 30px;
}
#voice_detail_area .wrap .img {
	min-width: auto;
	margin: 0 auto 20px;
}
#voice_detail_area .wrap .course {
	font-size: 16px;
	margin: 0 auto 20px;
	display: block;
}
#voice_detail_area .wrap .name {
	margin: 0 0 10px;
}
#voice_detail_area .wrap .name > * {
	font-size: 120%;
}
#voice_detail_area ul li .img {
	max-width: 300px;
	margin: 0 auto 20px;
}
#voice_detail_area ul li .txt {
	max-width: 100%;
	margin: 0!important;
}
#voice_detail_area .txt b {
	font-size: 16px;
}
#voice_detail_area .txt_foot {
	margin: 30px 0;
}
}
#foot_link_banner ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
text-align: left;
margin: 0 auto 50px;
}
#foot_link_banner ul li {
max-width: 225px;
margin: 0 15px;
}
#foot_link_banner ul li .img {
height: 180px;
}
#foot_link_banner ul li .img img {
max-width: 225px;
}
#foot_link_banner ul li:first-child .img a {
display: inline-block;
padding: 0 3px 6px 0;
}
#foot_link_banner ul li:first-child .img a:nth-child(even) {
padding: 0 0 6px 3px;
}
#foot_link_banner ul li:first-child .img a:nth-child(n+3) {
margin-bottom: 0;
}
#foot_link_banner ul li:first-child .img a img {
max-width: 109px;
}
#foot_link_banner ul li .txt > * {
display: block;
line-height: 1.4;
font-size: 13px;
}
#foot_link_banner ul li .txt b {
font-size: 15px;
margin: 15px 0 0;
}
@media screen and (max-width:768px) {
#foot_link_banner ul {
display: block;
margin: 0 auto;
}
#foot_link_banner ul li {
max-width: 100%;
width: 100%;
margin: 0 auto 30px;
padding: 0 20px;
box-sizing: border-box;
}
#foot_link_banner ul li .img {
height: auto;
max-width: 225px;
margin: 0 auto;
}
}

.characteristic #lesson_style .lesson01 .credit .price {
    background: #7c5eff;
}

.characteristic #lesson_style .lesson01 .credit dt {
    background: #7c5eff;
}

.characteristic #lesson_style .lesson02 .credit .price {
    background: #f95000;
}

.characteristic #lesson_style .box .credit .price_list th {
    background: #f95000;
}

.characteristic #lesson_style .lesson03 .credit .price {
    background:#26726e;
}

.characteristic #lesson_style .box .credit.shokugyou .price_list th {
    background:#26726e;
}




#one.box .mid_box {
    width: 50%;
    background: #eeeeee;
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto 30px;
}
#one.box .mid_box .ttl {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px;
    position: relative;
}
#one.box .mid_box .ttl span {
    color: #9571ff;
}
#one.box .mid_box .ttl::before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url("../images/characteristic/slash01.png")no-repeat left center/19px 32px;
    width: 19px;
    height: 32px;
    top: 3px;
    left: 110px;
}
#one.box .mid_box .ttl::after {
    position: absolute;
    content: "";
    display: inline-block;
    background: url("../images/characteristic/slash02.png")no-repeat left center/19px 32px;
    width: 19px;
    height: 32px;
    top: 3px;
    right: 110px;
}
#one.box .mid_box ul {
    font-size: 110%;
}
#one.box .mid_box ul li {
    display: flex;
   /* align-items: center;*/
}
#one.box .mid_box ul li span {
    background: url("../images/characteristic/online_check01.png")no-repeat left top/17px 17px;
    width: 17px;
    height: 17px;
    display: inline-block;
    padding: 0 10px 0 0;
	margin-top: 6px;
}

.online_btn {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.online_btn a {
	display: inline-block;
	border-radius: 50px;
	background: #4c79fe;
	color: #fff;
	text-align: center;
	padding: 10px 30px;
}

.btn_cation_txt {
	margin-bottom: 10px;
	text-align: center;
}

.btn_cation_txt p {
	display: inline-block;
	font-size: 110%;
}

.form_cation {
	margin-bottom: 20px;
}

.c_nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.c_nav li {
	width: 32%;
	margin-bottom: 10px;
}

.c_nav li a {
	display: block;
	padding: 10px 5px;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-size: 120%;
	font-weight: bolder;
}

.c_nav li.c_nav01 a {
	background: #9672ff;
}

.c_nav li.c_nav02 a {
	background: #ff7f00;
}

.c_nav li.c_nav03 a {
	background: #db6a95;
}

.c_nav li.c_nav04 a {
	background: #0f9393;
}

.c_nav li.c_nav05 a {
	background: #4d7aff;
}


/* 20200225
-------------------------------------------------------*/
.feature .left {
    width: 65%;
    padding-right: 20px;
}
.feature ul li .txt {
    font-size: 115%;
}
.feature ul li .txt:not(:last-child){
    margin: 0 0 30px;
}
.feature .sub_ttl {
    font-size: 130%;
    font-weight: bold;
    color: #3F1F00;
    margin: 0 0 10px;
}
.feature .sub_ttl span {
    background: url("../images/feature/subttl_icon.png")no-repeat left/15px 16px;
    min-width:15px;
    height: 16px;
    display: inline-block;
    padding: 0 10px 2px 0;
}
.feature .bottom_box {
    margin: 30px 0 0;
}

.feature .sp_f_img {
	display: none;
}

.online_icons {
	margin-bottom: 30px;
	
}
.online_icons li {
	display: inline-block;
	background: #4e7bff;
	padding: 5px 10px;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.online_icons li a {
	color: #fff;
}

.online_icons li.bg02 {
	background: #ff7f00;
}
.online_icons li.bg03 {
	background: #db6a95;
}
.online_icons li.bg04 {
	background: #269d9d;
}

.big_txt {
	font-size: 120%;
	font-weight: bolder;
	color: #4b79fd;
	text-align: center;
}

.online_sub_ttl {
	background: #4b79fd;
	padding: 10px 15px;
	box-sizing: border-box;
	color: #fff;
	font-size: 130%;
	font-weight: bolder;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 50px;
}


.online_sub_ttl.online_gr {
	background: #FF7F00;
}
#online.box .price.online_gr {
	background: #FF7F00;
}

#online.box .credit .price.online_gr02 {
	background: #f95000 !important;
}

.online_sub_ttl.online_kid {
	background: #db6a95;
}

.online_sub_ttl.online_shoku {
	background: #269d9d;
}

.characteristic #lesson_style .lesson03_gr .lesson03 {
    border: none;
}

.characteristic #lesson_style #online.box .lesson03_gr .lesson03 dt {
	background: #269d9d;
}

.characteristic #lesson_style #online.box .credit .lesson03_gr .lesson03 .price {
    background: #269d9d;
}

.characteristic #lesson_style .lesson03 .credit .price {
    background: #26726e !important;
}

/* 20201015 メンバー追加 */
.kate img {
    max-width: 54px;
}
.yuki img {
    max-width: 152px;
}
.sueda img {
    max-width: 159px;
}
.hiroko img {
    max-width: 158px;
}
.komori img {
    max-width: 165px;
}
.bridget img {
    max-width: 81px;
}
.matsumoto img {
    max-width: 195px;
}
.partner_profile .profile_box .text ul li b.short::after {
    right: -100px;
}
.partner_profile .profile_box .text ul li b.short_s::after {
    right: -200px;
}
.partner_profile .profile_box .text ul li b.none::after {
    display: none;
}

.mov_box {
	max-width: 700px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 50px;
}

.mov_box iframe {
	width: 100%;
	height: 393px;
}

.partner .inner {
	width: 980px;
	max-width: 980px;
}

/* sns */
.sns_box {
    margin: 0 auto 20px;
}
.sns_box.inner {
    max-width: 980px;
}
.instagram {
    margin: 0 0 50px;
}
.instagram .ttl_box {
    margin: 0 0 20px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;    
}
.instagram .ttl_box .icon {
    margin: 0 20px 0 0;
}
.instagram .ttl_box .icon img {
    max-width: 40px;
}
.instagram .ttl_box .ttl {
    font-size: 130%;
}
.instagram ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.instagram ul li {
    width: 23%;
}
.fb_tw {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.fb_tw a {
    margin: 0 20px;
}
.fb_tw a img {
    max-width: 100%;
}
.ul02 .line img {
    height: 52px;
    width: auto;
}
.ul02 .line_qr img {
    max-width: 49px;
}

/* why
-------------------------------------------------------*/
.why #area.area {
	padding: 50px 0 0px;
}
.why #area .inner {
	max-width: 1000px;
}
.why #area .main_ttl::after {
	display: none;
}
.why #area .top_img {
	margin: -70px 0 0;
}
.why #area .mid_box {
	margin: 0 0 50px;
}
.why #area .mid_box .mid_ttl {
	background: #e5e5e5;
	font-size: 170%;
	font-weight: 700;
	text-align: center;
	padding: 30px 20px 10px;
	position: relative;
	margin: 0 0 100px;
}
.why #area .mid_box .mid_ttl::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/why/arrow02.png")no-repeat center/100% 64px;
	width: 100%;
	height: 64px;
	left: 0;
	bottom: -64px;
}
.why #area .mid_box .mid_ttl::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/why/icon01.png")no-repeat center/84px 73px;
	width: 84px;
	height: 73px;
	left: 30px;
    top: -20px;
}
.why #area .mid_box .mid_txt01 {
	text-align: center;
	font-weight: bold;
	font-size: 160%;
	line-height: 1.4;
	margin: 0 0 30px;
}
.why #area .mid_box .mid_txt01 span {
	font-size: 150%;
	background: linear-gradient(transparent 80%, #ffeb66 80%);
}
.why #area .mid_box .mid_txt02 {
	text-align: center;
	font-size: 120%;
	line-height: 1.5;
	margin: 0 0 30px;
}
.why #area .ttl_pink {
	background: #d2597f;
	color: #fff;
	font-weight: bold;
	font-size: 210%;
	width: 460px;
	border-radius: 50px;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
}
.why #area ul {
	border: 1px solid #d2597f;
	padding: 60px 20px 30px;
	margin: -35px 0 0;
}
.why #area ul li {
	font-size: 130%;
	font-weight: bold;
}
.why #area ul li:not(:last-child) {
	margin: 0 0 10px;
}
.why #area ul li .pink {
	color: #d2597f;
}
.why .btm_box .btm_top {
	background: url("../images/why/bg.png")no-repeat center/cover;
}
.why .btm_box .btm_top .txt {
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	font-size: 140%;
	line-height: 1.5;
	text-align: center;
	padding: 70px 20px;
}
.why .btm_box .arrow {
	margin: 0 0 20px;
}
.why .btm_box .btm_txt {
	text-align: center;
	font-size: 170%;
	font-weight: bold;
	position: relative;
}
.why .btm_box .btm_txt::after,.why .btm_box .btm_txt::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/why/ttl_icon.png")no-repeat left/64px 92px;
	width: 64px;
	height: 92px;
	bottom: 0;
}
.why .btm_box .btm_txt::after {
	right: 0;
	transform: scale(-1,1);
}
.why .btm_box .btm_txt span {
	font-size: 130%;
}

/* 20210615 lesson */
#lesson_in .box {
	margin: 0 0 80px;
}
#lesson_in .box .title {
	font-size: 230%;
}
#lesson_in .box .text_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
}
#lesson_in .box .text_box .image {
	width: 35%;
}
#lesson_in .box .text_box .image .img:first-child {
	margin: 0 0 20px;
}
#lesson_in .box .text_box .image img {
	max-width: 100%;
}
#lesson_in .box .text_box .text {
	width: 65%;
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 115%;
}

/* index banner */
.index .banner_box {
	margin: 80px 20px 30px;
}
.index .banner_box .inner {
	max-width: 1000px;
}


/* --------- 0922 リニューアル --------- */
/* common */
.roboto {
	font-family: 'Roboto', sans-serif;
}
.renew_ttl_box {
	border-bottom: 2px solid #c1bdba;
	/*margin: 0 0 50px;*/
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.renew_ttl {
	/*font-size: 500%;*/
    font-size: 350%;
	text-align: center;
	margin-bottom: 0;
	color: #bbbaba;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1;
	margin: 0 0 10px;
}
.renew_ttl::after {
    display: none;
}
.renew_ttl span {
	color: #df8bac;
}
.renew_ttl_jp {
	text-align: center;
	/*font-size: 220%;*/
    font-size: 170%;
	color: #330806;
	font-weight:bolder;
	margin: 0 0 50px;
}
.renew_ttl_box .renew_ttl_jp {
	margin: 0 0 30px;
}
.renew_index_inner {
	/*max-width: 1350px;*/
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
}
.renew_inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.btn_big.btm {
	margin: 0 0 10px;
}
.btn_cation_txt.renew {
	color: #330806;
	margin: 0 0 80px;
}


/* index */
.index .banner_lesson {
	margin: 80px auto 0;
	text-align: center;
	display: block;
}
.index .banner_lesson img {
	max-width: 100%;
}


.index .banner_lesson02 {
	margin: 0px auto 0;
	text-align: center;
	display: block;
}
.index .banner_lesson02 img {
	max-width: 100%;
}

#renew_index .renew_4features {
	margin: 0 0 40px;
}
#renew_index .renew_4features ul {
	display: flex;
	/*flex-flow: row wrap;
	align-items: flex-end;*/
	flex-flow: wrap;
	/*justify-content: space-between;*/
	justify-content: center;
}
#renew_index .renew_4features ul li {
	width: 48%;
}
#renew_index .renew_4features ul li:nth-child(-n+2) {
	margin: 0 0 20px;

}
#renew_index .btn_big {
    margin-bottom: 80px;
}
#renew_index .renew_contents {
	margin: 0 0 80px;
}
#renew_index .renew_contents ul {
	display: flex;
	flex-flow: row wrap;
	/*align-items: flex-start;
	justify-content: space-between;*/
	align-items: center;
	justify-content: center;
}
#renew_index .renew_contents ul li {
	width: 31%;
	margin: 0px 1%;
	margin-bottom: 30px;
	box-sizing: border-box;
}
/*#renew_index .renew_contents ul li:nth-child(-n+3) {
	margin: 0 0 30px;
}*/
#renew_index .renew_mov {
	background: #f2eeeb;
	margin: 0 0 70px;
	padding: 80px 20px;
}
#renew_index .renew_mov .inner {
	max-width: 980px;
}
#renew_index .renew_mov h3.renew_ttl {
	margin: 0 0 0px;
}
#renew_index .renew_mov .mov {
	margin: 0;
}

/* feature */
#renew_feature ul {
	margin: 0 0 80px;
}
#renew_feature ul li:not(:last-child) {
	margin: 0 0 70px;
}
#renew_feature ul li .ttl_box {
	margin: 0 0 30px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	line-height: 1;
	height: 100px;
}
#renew_feature ul li .ttl_box .num {
	font-size: 430%;
	font-weight: 300;
	color: #fff;
	position: relative;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#renew_feature ul li .ttl_box .num::after {
	position: absolute;
	display: block;
	content: "";
	border-bottom: 100px solid transparent;
	top: 0;
	right: -70px;
}
#renew_feature ul li:first-child .ttl_box .num::after {
	border-left: 70px solid #cdb31b;
}
#renew_feature ul li:nth-child(2) .ttl_box .num::after {
	border-left: 70px solid #2a93b0;
}
#renew_feature ul li:nth-child(3) .ttl_box .num::after {
	border-left: 70px solid #55a029;
}
#renew_feature ul li:last-child .ttl_box .num::after {
	border-left: 70px solid #be3d70;
}
#renew_feature ul li:first-child .ttl_box {
	background: #fcf0ab;
}
#renew_feature ul li:first-child .ttl_box .num {
	background: #cdb31b;
}
#renew_feature ul li:nth-child(2) .ttl_box {
	background: #caf1fc;
}
#renew_feature ul li:nth-child(2) .ttl_box .num {
	background: #2a93b0;
}
#renew_feature ul li:nth-child(3) .ttl_box {
	background: #d4f7bf;
}
#renew_feature ul li:nth-child(3) .ttl_box .num {
	background: #55a029;
}
#renew_feature ul li:last-child .ttl_box {
	background: #fcd5e5;
}
#renew_feature ul li:last-child .ttl_box .num {
	background: #be3d70;
}
#renew_feature ul li .ttl_box .txt_box {
	color: #330806;
	font-weight: bold;
	padding: 10px 10px 10px 80px;
}
#renew_feature ul li .ttl_box .txt_box .ttl {
	font-size: 230%;
	margin: 0 0 10px;
}
#renew_feature ul li .ttl_box .txt_box .ttl_s {
	font-size: 120%;
}
#renew_feature ul li .box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
#renew_feature ul li .box .img_box {
	width: 35%;
}
#renew_feature ul li .box .img_box img:not(:last-child) {
	margin: 0 0 20px;
}
#renew_feature ul li .box .txt_box {
	width: 62%;
	line-height: 2;
	color: #330806;
}
#renew_feature ul li .box .txt_box .txt {
	font-size: 100%;
}
#renew_feature ul li .box .txt_box .mid_ttl {
	width: 350px;
	background: #55a029;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	padding: 5px;
	font-size: 120%;
	font-weight: 700;
	margin: 20px 0 10px 0;
}
#renew_feature ul li .box .txt_box .caution {
	font-size: 80%;
	margin: 20px 0 30px;
}

/* flow */
#renew_flow ul {
	margin: 0 0 80px;
	color: #330806;
}
#renew_flow ul li {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px solid #c1bdba;
	padding: 0 0 30px;
}
#renew_flow ul li:not(:last-child) {
	margin: 0 0 30px;
}
#renew_flow ul li .txt_box {
	width: 67%;
}
#renew_flow ul li .ttl_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 20px;
}
#renew_flow ul li .ttl_box .num {
	width: 93px;
	height: 93px;
	background: #a48b77;
	color: #fff;
	font-size: 430%;
	font-weight:300;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 20px 0 0;
}
#renew_flow ul li .ttl_box .ttl {
	font-size: 200%;
	color: #330806;
	font-weight: bold;
}
#renew_flow ul li .btn_in {
	margin: 30px 0 0;
	display: block;
}
#renew_flow ul li .btn_in img {
	max-width: 325px;
}
#renew_flow ul li .img {
	width: 30%;
}

/* lesson */
#renew_lesson {
	margin: 0 0 120px;
}
#renew_lesson .top_txt {
	color: #330806;
	text-align: center;
	font-size: 180%;
	font-weight: 500;
	line-height: 1.4;
	margin: 0 0 40px;
}
#renew_lesson .img_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 40px;
}
#renew_lesson .img_box img {
	width: 48%;
	max-width: 100%;
}
#renew_lesson .txt {
	color: #330806;
}

/* characteristic */
#renew_characteristic {
	color: #330806;
}
#renew_characteristic .renew_ttl {
	font-size: 375%;
}
#renew_characteristic .top_area {
	margin: 0 0 50px;
}
#renew_characteristic .top_area h4 {
	margin: 0 0 30px;
}
#renew_characteristic .top_area ul {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
#renew_characteristic .top_area ul li {
	width: 30%;
	margin: 0 5% 20px 0;
}
#renew_characteristic .top_area ul li:nth-child(3n) {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson_type  {
	margin: 0 0 50px;
}
#renew_characteristic .lesson_ttl {
	text-align: center;
	font-size: 220%;
	font-weight: bold;
	color: #fff;
	padding: 20px;
}
#renew_characteristic .lesson_ttl span {
	display: block;
	font-size: 50%;
}
#renew_characteristic .renew_lesson_type .border {
	padding: 30px 30px 50px;
}
#renew_characteristic .renew_lesson_type .top_txt_box {
	margin: 0 0 50px;
}
#renew_characteristic .renew_lesson_type .txt {
	font-size: 110%;
	line-height: 2;
}
#renew_characteristic .renew_lesson_type .top_txt_list {
	background: #f2eeeb;
	border-radius: 10px;
	padding: 40px;
	font-size: 110%;
	line-height: 2;
	margin: 30px 0;
}
#renew_characteristic .renew_lesson_type .top_txt_list span {
	color: #a271b7;
	margin: 0 5px 0 0;
}
#renew_characteristic .renew_lesson_type .renew_price_box li:not(:last-child) {
	margin: 0 0 40px;
}
#renew_characteristic .renew_lesson_type .price_ttl {
	background: #f2eeeb;
	font-weight: bold;
	font-size: 150%;
	padding: 15px 15px 15px 25px;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson_type table {
	border: 1px solid #cecece;
	width: 100%;
}
#renew_characteristic .renew_lesson_type table tr {
	border-bottom: 1px solid #cecece;
}
#renew_characteristic .renew_lesson_type table th {
	border-right: 1px solid #cecece;
	vertical-align: middle;
	padding: 15px;
}
#renew_characteristic .renew_lesson_type table td {
	border-right: 1px solid #cecece;
	vertical-align: middle;
	padding: 15px;
}
#renew_characteristic .renew_lesson_type dl {
	display: table;
    width: 100%;
}
#renew_characteristic .renew_lesson_type dl > * {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
#renew_characteristic .renew_lesson_type dl dt {
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	width: 20%;
	padding: 15px;
	color: #fff;
}
#renew_characteristic .renew_lesson_type dl:last-child dt {
	border-bottom: none;
}
#renew_characteristic .renew_lesson_type dl dt:last-child {
	border-right: none;
}
#renew_characteristic .renew_lesson_type dl dd {
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 15px;
    width: 40%;
}
#renew_characteristic .renew_lesson_type dl:last-child dd {
	border-bottom: none;
}
#renew_characteristic .renew_lesson_type dl dd:last-child {
	border-right: none;
}
#renew_characteristic .renew_lesson_type .price_list {
    border: 1px solid #cecece;
    width: 100%;
	font-size: 110%;
}
#renew_characteristic .renew_lesson_type .renew_price_box .caution {
	font-size: 110%;
	margin: 20px 0 0;
	line-height: 2;
}
#renew_characteristic .btn_big.btm {
    margin: 40px 0 10px;
}
#renew_characteristic .btn_cation_txt.renew {
    margin: 0;
}
#renew_characteristic .btn_cation_txt.renew {
    margin: 0;
}

/* renew_lesson01 */
#renew_characteristic .renew_lesson01 .lesson_ttl {
	background: #a271b7;
	border-top: 10px solid #825396;
}
#renew_characteristic .renew_lesson01 .border {
	border: 4px solid #a271b7;
}
#renew_characteristic .renew_lesson01 .txt a {
	color: #a271b7;
}
#renew_characteristic .renew_lesson01 .price_ttl {
	border-left: 10px solid #a271b7;
}
#renew_characteristic .renew_lesson01 .btn01 {
	margin: 50px auto 0;
	display: block;
	text-align: center;
}
#renew_characteristic .renew_lesson01 .btn01 img {
	max-width: 585px;
}
#renew_characteristic .renew_lesson01 dl dt {
	background: #a271b7;
}
#renew_characteristic .renew_lesson01 dl dd {
	width: 50%;
}
#renew_characteristic .renew_lesson01 dl dd.expire {
	width: 30%;
}

/* renew_lesson02 */
#renew_characteristic .renew_lesson02 .lesson_ttl {
	background: #d49a68;
	border-top: 10px solid #a47349;
}
#renew_characteristic .renew_lesson02 .border {
	border: 4px solid #d49a68;
}
#renew_characteristic .renew_lesson02 .price_ttl {
	border-left: 10px solid #a47349;
}
#renew_characteristic .renew_lesson02 .top_ttl_box {
	background: #f2eeeb;
	padding: 20px;
	border-radius: 10px;
	font-weight: bold;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson02 .top_ttl_box .ttl {
	font-size: 140%;
	margin: 0 0 5px;
}
#renew_characteristic .renew_lesson02 .renew_price_box li .price_list {
	margin: 20px 0 0;
}
#renew_characteristic .renew_lesson02 .price_list th {
	background: #d49a68;
	color: #fff;
	width: 20%;
}
#renew_characteristic .renew_lesson02 .price_list td.capacity {
    width: 20%;
}
#renew_characteristic .renew_lesson02 .price_list td.capacity_s {
    width: 40%;
}
#renew_characteristic .renew_lesson02 .price_list td.expire {
    width: 20%;
}

/* renew_lesson03 */
#renew_characteristic .renew_lesson03 .lesson_ttl {
	background: #cc8db8;
	border-top: 10px solid #945d83;
}
#renew_characteristic .renew_lesson03 .border {
	border: 4px solid #cc8db8;
}
#renew_characteristic .renew_lesson03 .price_ttl {
	border-left: 10px solid #945d83;
}
#renew_characteristic .renew_lesson03 .kids_ttl {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	background: #cc8db8;
	border-radius: 10px;
	padding: 20px;
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson03 .kids_ttl_img {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson03 .kids_ttl_txt {
	text-align: center;
	font-size: 110%;
	line-height: 2;
	margin: 0 0 40px;
}
#renew_characteristic .renew_lesson03 .kids_list li {
	background: #f6f0f4;
	border-radius: 10px;
	padding: 30px;
}
#renew_characteristic .renew_lesson03 .kids_list li:not(:last-child) {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson03 .kids_list li .ttl {
	font-size: 180%;
	text-align: center;
	color: #945d83;
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 4px solid #cc8db8;
	font-weight: bold;
}
#renew_characteristic .renew_lesson03 .kids_list li .sub_ttl {
	font-size: 160%;
	color: #945d83;
	margin: 0 0 20px;
	font-weight: bold;
	padding: 0 0 0 55px;
	position: relative;
}
#renew_characteristic .renew_lesson03 .kids_list li .sub_ttl::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/characteristic/caution_kids.png")no-repeat center/45px 45px;
	width: 45px;
	height: 45px;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}
#renew_characteristic .renew_lesson03 .kids_list li .txt:not(:last-child){
	margin: 0 0 30px;
}

/* renew_lesson04 */
#renew_characteristic .renew_lesson04 .lesson_ttl {
	background: #7dbbaa;
	border-top: 10px solid #599081;
}
#renew_characteristic .renew_lesson04 .border {
	border: 4px solid #7dbbaa;
}
#renew_characteristic .renew_lesson04 .price_ttl {
	border-left: 10px solid #599081;
}
#renew_characteristic .renew_lesson04 .top_txt_box .img {
	margin: 40px 0 0;
	text-align: center;
}
#renew_characteristic .renew_lesson04 .top_txt_box .img img {
	max-width: 608px;
}
#renew_characteristic .renew_lesson04 .price_list {
	margin: 20px 0 20px;
}
#renew_characteristic .renew_lesson04 .price_list dt {
	background: #7dbbaa;
	width: 20%;
}
#renew_characteristic .renew_lesson04 .price_list dd {
	width: 80%;
}
#renew_characteristic .renew_lesson04 .price_list span {
    font-size: 140%;
}
#renew_characteristic .renew_lesson04 table tr th {
    width: 20%;
	background: #7dbbaa;
	color: #fff;
}

/* renew_lesson05 */
#renew_characteristic .renew_lesson05>.lesson_ttl {
	background: #6daabe;
	border-top: 10px solid #477b8c;
}
#renew_characteristic .renew_lesson05>.border {
	border: 4px solid #6daabe;
}
#renew_characteristic .renew_lesson05 .renew_lesson_type .lesson_ttl {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .online_list {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .online_list li {
	width: 24%;
}
#renew_characteristic .renew_lesson05 .online_top_box .txt {	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .osusume {
	background: #f2eeeb;
	padding: 40px 40px 30px;
	border-radius: 10px;
	position: relative;
	margin: 0 0 70px;
}
#renew_characteristic .renew_lesson05 .osusume .osusume_ttl {
	text-align: center;
	font-size: 200%;
	font-weight: 700;
	border-bottom: 1px solid #a1a1a0;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .osusume ul {
	font-size: 110%;
}
#renew_characteristic .renew_lesson05 .osusume ul li {
	padding-left:1em;
	text-indent:-1.2em;
}
#renew_characteristic .renew_lesson05 .osusume ul li:not(:last-child) {
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson05 .osusume ul span {
	color: #6daabe;
	margin: 0 5px 0 0;
}
#renew_characteristic .renew_lesson05 .osusume .img {
	position: absolute;
	right: 30px;
	bottom: 0;
}
#renew_characteristic .renew_lesson05 .osusume .img img {
	max-width: 307px;
}
@media screen and (max-width:960px) {
	#renew_characteristic .renew_lesson05 .osusume .img img {
		max-width: 200px;
	}
}
@media screen and (max-width:880px) {
	#renew_characteristic .renew_lesson05 .osusume .img img {
		max-width: 130px;
	}
}
#renew_characteristic .renew_lesson05 .problem {
	border-top: 5px solid #6daabe;
	border-bottom: 5px solid #6daabe;
	padding: 30px 20px;
	position: relative;
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .problem .img {
	position: absolute;
	bottom: 0;
	left: -10px;
	max-width: 40%;
}
#renew_characteristic .renew_lesson05 .problem .img img {
	max-width: 367px;
}
#renew_characteristic .renew_lesson05 .problem .txt_box {
	width: 60%;
	margin: 0 0 0 auto;
}
#renew_characteristic .renew_lesson05 .problem .txt_box .ttl {
	font-size: 200%;
	font-weight: bold;
	color: #477b8c;
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson05 .problem .txt_box .txt {
	font-weight: bold;
	font-size: 120%;
}
#renew_characteristic .renew_lesson05 .problem_list {
	margin: 0 0 50px;
}
#renew_characteristic .renew_lesson05 .problem_list li {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
#renew_characteristic .renew_lesson05 .problem_list li:not(:last-child) {
	margin: 0 0 40px;
}
#renew_characteristic .renew_lesson05 .problem_list li .num {
	width: 13%;
	max-width: 110px;
	margin: 0 30px 0 0;
}
#renew_characteristic .renew_lesson05 .problem_list li .txt_box {
	width: 87%;
}
#renew_characteristic .renew_lesson05 .problem_list li .txt_box .ttl {
	color: #477b8c;
	font-weight: bold;
	font-size: 170%;
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson05 .problem_list li .txt_box .txt {
	line-height: 2;
	font-size: 110%;
}
#renew_characteristic .renew_lesson05 .btm_box {
	margin: 0 0 80px;
}
#renew_characteristic .renew_lesson05 .btm_ttl01 {
	font-size: 170%;
	font-weight: bold;
	background: #f2eeeb;
	padding: 20px;
	border-radius: 10px;
	margin: 0 0 30px;
	text-align: center;
}
#renew_characteristic .renew_lesson05 .btm_ttl01 span {
	position: relative;
	padding: 0 0 0 60px;
}
#renew_characteristic .renew_lesson05 .btm_ttl01 span::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/characteristic/caution_online.png")no-repeat center/56px 56px;
	width: 56px;
	height: 56px;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}
#renew_characteristic .renew_lesson05 .btm_ttl02 {
	text-align: center;
	font-weight: normal;
	font-size: 170%;
	margin: 0 0 30px;
	color: #477b8c;
}
#renew_characteristic .renew_lesson05 .img_txt_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .img_txt_box .img {
	width: 45%;
	margin: 0 20px 0 0;
}
#renew_characteristic .renew_lesson05 .img_txt_box .txt {
	width: 55%;
}

/* btm_caution */
#renew_characteristic .btm_caution {
	margin: 70px 0;
}
#renew_characteristic .btm_caution .caution_box {
	background: #f2eeeb;
	border-radius: 10px;
	padding: 50px 60px;
}
#renew_characteristic .btm_caution .caution_box:not(:last-child) {
	margin: 0 0 30px;
}
#renew_characteristic .btm_caution .caution_box .ttl {
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	border-bottom: 1px solid #a1a1a0;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
#renew_characteristic .btm_caution .caution_box .sub_ttl {
	font-weight: bold;
	font-size: 140%;
	margin: 0 0 10px;
}
#renew_characteristic .btm_caution .caution_box .txt {
	font-size: 110%;
	line-height: 2;
}

/* 20211018 */
#nav.renew_nav ul li {
    /*width: 14.2%;*/
	width: 12.5%;
}
#renew_feature ul li:nth-child(4) .ttl_box .num::after {
	border-left: 70px solid #be3d70;
}
#renew_feature ul li:last-child .ttl_box .num::after {
	border-left: 70px solid #f39800;
}
#renew_feature ul li:nth-child(4) .ttl_box {
	background: #fcd5e5;
}
#renew_feature ul li:last-child .ttl_box {
	background: #facd89;
}
#renew_feature ul li:nth-child(4) .ttl_box .num {
	background: #be3d70;
}
#renew_feature ul li:last-child .ttl_box .num {
	background: #f39800;
}
#renew_index .renew_4features ul li:nth-child(-n+4) {
    margin: 0 1% 20px 1%;

}

.faq .inner {
    max-width: 100%;
}

.faq #area .subtitle b {
    /*background: #f2eeeb;
    color: #3F1F00;*/
	background: #df8bac;
    color: #fff;
	border-radius: 5px;
}

.faq #area dl dd::after {
    display: none;

}

.faq #area dl dd {
    /*border-bottom: 1px solid #d6d6d6;
    padding-bottom: 50px;*/
	background: #f0f0f0;
	padding: 15px;
	margin-bottom: 40px;
	border-radius: 5px;
}

.faq .parallax {
    padding-top: 0px;
}




/*greeting*/

.greeting .txt {
	font-size: 100%;
	line-height: 2;
}

.greeting .inner {
	max-width: 1000px;
}

dl.greeting_top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

dl.greeting_top dt {
	width: 48%;
}



dl.greeting_top dd {
	width: 48%;
}


dl.greeting_top h4 {
	border-left: 5px solid #a48b77;
	padding-left: 20px;
	font-size: 150%;
	font-weight: 700;
	margin-bottom: 20px;
}

dl.greeting_top h4 span {
	display: block;
	font-size: 80%;
}

.g_prof {
	border: 2px solid #ae9c8e;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 20px;
	background: #f1eeeb;
	margin-top: 50px;
	margin-bottom: 50px;
}

.g_prof h5 {
	font-size: 130%;
	font-weight: 700;
}

.g_prof .txt {
	font-size: 90%;
}

.g_list {
	margin-top: 50px;
	margin-bottom: 50px;
}

.g_list dl dt {
	
}

.new_line_ttl {
	border-left: 5px solid #a48b77;
	padding: 10px;
	padding-left: 20px;
	background: #f1eeeb;
	font-size: 140%;
	font-weight: 700;
	margin-bottom: 30px;
}

.g_line_thr ul {
	display: flex;
	flex-wrap: wrap;
}

.g_line_thr ul li {
	width: 32%;
	box-sizing: border-box;
	border: 1px solid #ae9c8e;
	border-radius: 10px;
	margin-right: 2%;
	padding: 15px;
}

.g_line_thr ul li:nth-child(3n) {
	margin-right: 0%;
}

.shoseki .img {
	margin: 0 auto;
	text-align: center;
}


.shoseki .img img {
	width: auto;
	height: 240px;
}


.app .img {
	margin: 0 auto;
	text-align: center;
}
.app .img img {
	width: auto;
	height: 240px;
}

.g_cat {
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-size: 100%;
	font-weight: 700;
	margin-bottom: 10px;
}

.g_cat.pk {
	background: #e8a8c1;
}

.g_cat.or {
	background: #ff9900;
}

.g_list_ttl {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
}

.g_list_ttl_sub {
	color: #df8bac;
}

.g_list_ttl_sub_url {
	font-size: 90%;
	word-break: break-all;
}

.g_list_ttl_sub_url a {
	color: #15a5ef;
}

.g_line_one ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ae9c8e;
	border-radius: 10px;
	padding: 15px;
}

.one_img {
	width: 28%;
}

.one_txt {
	width: 71%;
}

.g_line_youtube ul li {
	max-width: 640px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid #ae9c8e;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
}

.g_line_youtube ul li .img {
	max-width: 544px;
	margin: 0 auto;
}

.g_line_youtube ul li .img img {
	width: 100%;
}

.pot_img img {
	width: 180px !important;
	height: auto !important;
	margin: 0 auto;
}

/* renew_lesson06 */
#renew_characteristic .renew_lesson06 .navy {
	color: #060340;
}
#renew_characteristic .renew_lesson06 .lesson_ttl {
	background: #060340;
	border-top: 10px solid #3b3a58;
}
#renew_characteristic .renew_lesson06 .border {
	border: 4px solid #060340;
}
#renew_characteristic .renew_lesson06 .price_ttl {
    border-left: 5px solid #060340;
}
#renew_characteristic .renew_lesson06 .sub_ttl {
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson06 .btn_coaching {
	max-width: 674px;
	display: block;
	background: #ffa200;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 30px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	font-weight: bold;
	font-size: 130%;
}
#renew_characteristic .renew_lesson06 .mid_link {
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: center;
	font-size: 150%;
	color: #FC0307;
}

#renew_characteristic .renew_lesson06 .mid_link a {
	color: #FC0307;
	text-decoration: underline;
}

#renew_characteristic .renew_lesson06 .top_txt {
	text-align: center;
	line-height: 2;
	font-size: 120%;
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson06 .top_txt span {
	font-size: 160%;
	font-weight: bold;
}
#renew_characteristic .renew_lesson06 .about {
	background: #f2eeeb;
	border-radius: 10px;
	padding: 40px;
	font-size: 110%;
	line-height: 2;
	margin: 30px 0;
}
#renew_characteristic .renew_lesson06 .about .about_ttl {
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson06 .about .about_list>li {
	padding-left: 1em;
	text-indent: -1em;
}
#renew_characteristic .renew_lesson06 .about .about_list>li:not(:last-child) {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson06 .about .about_in>li {
	padding-left: 2em;
	text-indent: -1em;
}
#renew_characteristic .renew_lesson06 .coaching_price {
	margin: 0 0 50px;
}
#renew_characteristic .renew_lesson06 table {
	margin: 0 0 20px;
	font-size: 110%;
}
#renew_characteristic .renew_lesson06 table th {
	background: #060340;
	color: #fff;
	width: 20%;
}
#renew_characteristic .renew_lesson06 table th span {
	font-size: 140%;
}
#renew_characteristic .renew_lesson06 .coaching_price li:not(:last-child) {
	margin: 0 0 40px;
}


.top_voice_slider {
	margin-top: 70px;
}


.slider_voice li {
	background: #fff;
}

.top_voice_slider #voice_area ul li .txt span {
	font-size: 14px;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

.top_voice_slider #voice_area ul li .btn {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.top_voice_slider #voice_area ul li {
	min-height: 420px;
	margin: 0px 10px;
}

.top_voice_btn {
	max-width: 396px;
	margin: 0 auto;
}


#renew_index .renew_contents_banners {
	margin: 0 0 40px;
}
#renew_index .renew_contents_banners ul {
	display: flex;
	flex-flow: row wrap;
	/*align-items: flex-start;
	justify-content: space-between;*/
	align-items: center;
	justify-content: center;
}
#renew_index .renew_contents_banners ul li {
	width: 18%;
	margin: 0px 1%;
	margin-bottom: 30px;
	box-sizing: border-box;
}


.official_fb {
	background: url("../images/index/fb_bg.png") no-repeat center top;
	background-size:cover;
	padding-bottom: 60px;
}

.official_fb .inner {
	max-width: 900px;
	margin: 0 auto;
}

.official_fb_cont {
	display: flex;
	justify-content: space-between;
}

.official_fb_cont dt {
	width: 60%;
}

.txt_box {
	padding: 20px;
	background: #fff;
	border-radius: 20px;
}

.official_fb_cont dd {
	width: 40%;
}

.official_fb_cont dd .txt {
	font-size: 100%;
	margin-bottom: 30px;
}

.official_fb_cont dd a {
	color: #1da1f2;
}

.footer_contact_btn_area {
	padding: 50px 0px;
}

.footer_contact_btn_area.page_footer_btn {
	/*padding: 0px 0px 50px 0px;*/
}

.footer_contact_btn {
	max-width: 500px;
	margin: 0 auto;
}

.footer_inner_contact {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.footer_inner_contact li {
	max-width: 260px;
	margin: 0 10px;
}

#footer .logo {
	text-align: center;
}

/* 20210408 */
.sns_box.inner {
	margin: 40px 0 0;
}


.corch_sub {
	font-weight: bolder;
	font-size: 140%;
	margin-bottom: 10px;
}


/* english coaching
-------------------------------------------------------*/
/* common */
.englishcoaching  {
	/*font-family: 'Noto Sans JP', sans-serif;*/
}
.englishcoaching .area {
	padding: 70px 20px;
}
.englishcoaching .sp {
	display: none;
}
.serif {
	font-family: 'Noto Serif JP', serif;
}
.englishcoaching .orange {
	color: #f39800;
	font-weight: 700;
}
.englishcoaching .white {
	color: #fff;
}
.englishcoaching .navy {
	color: #060340;
}
.englishcoaching .area h3::after {
	display: none;
}
.englishcoaching .main_ttl {
	/*font-family: 'Noto Serif JP', serif;*/
	font-weight: 700;
	font-size: 250%;
	text-align: center;
}
.englishcoaching .ttl_navy {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #060340;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 180%;
	padding: 10px;
	max-width: 600px;
	width: 100%;
	margin: 0 auto 5px;
	box-sizing: border-box;
}

/* visual */
.englishcoaching #visual {
	background: url("../images/englishcoaching/visual_bg.png")no-repeat center/cover;
	margin-top: 15px;
}
.englishcoaching #visual.area {
	padding: 0;
}
.englishcoaching #visual .renew_inner {
	max-width: 1400px;
	padding: 0;
}

/* area01 */
.englishcoaching #area01 {
	position: relative;
}
.englishcoaching #area01::after {
	position: absolute;
	display: block;
	content: "";
	border-top: 75px solid #fff;
	border-left: 250px solid transparent;	border-right: 250px solid transparent;
	right: 50%;
	bottom: -75px;
	transform: translate(50%,0);
}
.englishcoaching #area01 .main_ttl {
	padding: 30px 0;
	margin: 0 0 40px;
	border-top: 1px solid #22272a;
	border-bottom: 1px solid #22272a;
}
.englishcoaching #area01 .renew_inner {
	max-width: 850px;
}
.englishcoaching #area01 ul {
	text-align: center;
}
.englishcoaching #area01 ul li:not(:last-child) {
	margin: 0 0 40px;
}
.englishcoaching #area01 ul li .ttl {
	font-size: 160%;
	font-weight: 700;
	margin: 0 0 20px;
}
.englishcoaching #area01 ul li .txt {
	line-height: 2;
	font-size: 120%;
}

/* area02 */
.englishcoaching #area02 {
	background: url("../images/englishcoaching/bg02.png")no-repeat center/cover;
}
.englishcoaching #area02.area {
	padding: 100px 20px 70px;
}
.englishcoaching #area02 .main_ttl {
	padding: 40px 0;
	margin: 0 0 60px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 210%;
}
.englishcoaching #area02 .main_ttl .orange {
	font-size: 140%;
}
.englishcoaching #area02 .box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 40px;
}
.englishcoaching #area02 ul {
	font-weight: 700;
	font-size: 160%;
	position: relative;
	padding: 20px 50px;
}
.englishcoaching #area02 ul::before,.englishcoaching #area02 ul::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/englishcoaching/frame02.png")no-repeat left center/75px 208px;
	width: 75px;
	height: 208px;
	top: 50%;
	transform: translate(0,-50%);
}
.englishcoaching #area02 ul::before {
	left: 0;
}
.englishcoaching #area02 ul::after {
	right: 0;
	transform: translate(0,-50%) scale(-1,1);
}
.englishcoaching #area02 ul li:not(:last-child) {
	margin: 0 0 5px;
}
.englishcoaching #area02 .btm {
	text-align: center;
	font-size: 160%;
	font-weight: 700;
	line-height: 2;
}
.englishcoaching #area02 .btm span {
	font-size: 140%;
}
.englishcoaching #area02 .mid_online {
	text-align: center;
	font-size: 80%;
	display: block;
	margin: 20px 0 0;
}

/* area03 */
.englishcoaching #area03.area {
	padding: 0;
}
.englishcoaching #area03 .ttl_navy {
	max-width: 750px;
}
.englishcoaching #area03 .ttl_box {
	background: #f1d678;
	padding: 40px 20px;
	text-align: center;
}
.englishcoaching #area03 .ttl_box .main_ttl {
	font-size: 240%;
}
.englishcoaching #area03 .ttl_box .size_l {
	font-size: 120%;
}
.englishcoaching #area03 .ttl_box .line {
	position: relative;
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}
.englishcoaching #area03 .ttl_box .line::before,.englishcoaching #area03 .ttl_box .line::after {
	position: absolute;
	display: block;
	content: "";
	width: 60px;
	height: 1px;
	top: 50%;
	background: #060340;
	transform: translate(0,-50%);
}
.englishcoaching #area03 .ttl_box .line::before {
	left: 0;
}
.englishcoaching #area03 .ttl_box .line::after {
	right: 0;
}
.englishcoaching #area03 .bg {
	background: url("../images/englishcoaching/bg03.png")no-repeat center/cover;
	padding: 70px 0;
}
.englishcoaching #area03 .bg .main_ttl {
	margin: 0 0 30px;
	font-size: 300%;
}
.englishcoaching #area03 .box {
	background: #fff;
	padding: 30px;
	font-size: 130%;
}
.englishcoaching #area03 .box .mid {
	font-size: 140%;
	font-weight: 700;
	margin: 30px 0 20px;
}

/* area04 */
.englishcoaching #area04 {
	/*background: url("../images/englishcoaching/bg_border.png");*/
	padding-top: 0;
}
.englishcoaching #area04 .main_ttl {
	margin: 0 0 40px;
}
.englishcoaching #area04 .ttl_navy {
	width: 300px;
	height: 70px;
	border-radius: 50px;
	font-size: 200%;
	margin: 0 auto 20px;
	position: relative;
}
.englishcoaching #area04 .ttl_navy::after {
	position: absolute;
	display: block;
	content: "";
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid #060340;
	right: 50%;
	bottom: -25px;
	transform: translate(50%,0);
}
.englishcoaching #area04 ul .txt_box {
	padding: 0;
}
.englishcoaching #area04>ul>li {
	border: 1px solid #060340;
	background: #fff;
	padding: 30px;
}
.englishcoaching #area04 ul li:not(:last-child) {
	margin: 0 0 30px;
}
.englishcoaching #area04 ul li .ttl_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 20px;
}
.englishcoaching #area04 ul li .ttl_box .num {
	width: 80px;
	height: 80px;
	background: #060340;
	color: #fff;
	font-size: 250%;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 20px 0 0;
	line-height: 1;
}
.englishcoaching #area04 ul li .ttl_box .ttl {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 260%;
	font-weight: 700;
}
.englishcoaching #area04 ul li .ttl_box .ttl_s {
	font-size: 140%;
	font-weight: bolder;
	font-family: 'Noto Serif JP', serif;
}
.englishcoaching #area04 ul li .box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.englishcoaching #area04 ul li .box .img_box {
	width: 30%;
	margin: 0 30px 20px 0;
}
.englishcoaching #area04 ul li .box .img_box img:not(:last-child) {
	margin: 0 0 20px;
}
.englishcoaching #area04 ul li .box .txt_box {
	width: 70%;
}

.englishcoaching #area04 ul li .box .txt_box .txt {
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 130%;
	font-weight: 700;
	margin-top: 20px;
}
.englishcoaching #area04 ul li .box .txt_box .sub_ttl {
	font-size: 120%;
	margin: 0 0 20px;
	font-weight: 700;
}
.englishcoaching #area04 ul li .box .txt_box .mid_ttl {
	font-size: 120%;
	margin: 30px 0 15px;
	font-weight: 700;
	color: #fff;
	background: #060340;
	padding: 10px 20px;
	border-radius: 50px;
	width: 350px;
	text-align: center;
}
.englishcoaching #area04 ul li .box .txt_box .caution {
	font-size: 80%;
	margin: 20px 0 0;
	line-height: 2;
}
/*
.englishcoaching #area04 .ttl_navy {
	font-size: 230%;
}
.englishcoaching #area04 .main_ttl {
	margin: 0 0 30px;
}
.englishcoaching #area04 ul {
	margin: 0 0 30px;
}
.englishcoaching #area04 ul li {
	background: #fff;
	padding: 20px;
	border: 1px solid #060340;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.englishcoaching #area04 ul li:not(:last-child) {
	margin: 0 0 30px;
}
.englishcoaching #area04 ul li .orange {
	text-decoration: underline;
}
.englishcoaching #area04 ul li .img {
	width: 30%;
	margin: 0 20px 0 0;
}
.englishcoaching #area04 ul li .txt_box {
	width: 70%;
	padding: 0;
}
.englishcoaching #area04 ul li .txt_box dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 20px;
}
.englishcoaching #area04 ul li .txt_box dl dt {
	width: 40px;
	height: 40px;
	background: #060340;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 180%;
	font-weight: 700;
	margin: 0 20px 0 0;
}
.englishcoaching #area04 ul li .txt_box dl dd {
	font-size: 150%;
	font-weight: 700;
}
.englishcoaching #area04 ul li .txt_box .txt {
	line-height: 1.8;
	font-size: 120%;
}
.englishcoaching #area04 .btm {
	text-align: center;
	font-size: 120%;
}*/

/* area05 */
.englishcoaching #area05 {
	background: url("../images/englishcoaching/bg05.png")no-repeat center/cover;
}
.englishcoaching #area05 .main_ttl {
	margin: 0 0 40px;
}
.englishcoaching #area05 .mid_txt {
	text-align: center;
	font-size: 140%;
	font-weight: 700;
	margin: 0 0 30px;
}
.englishcoaching #area05 ul {
	max-width: 810px;
	background: rgba(255,255,255,0.85);
	padding: 50px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto 90px;
	font-size: 120%;
}
.englishcoaching #area05 ul::after {
	position: absolute;
	display: block;
	content: "";
	border-top: 50px solid rgba(255,255,255,0.85);
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	right: 50%;
	bottom: -50px;
	transform: translate(50%,0);
}
.englishcoaching #area05 ul li {
	position: relative;
	padding: 0 0 0 25px;
}
.englishcoaching #area05 ul li::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/englishcoaching/icon_check.png")no-repeat left center/20px 20px;
	width: 20px;
	height: 20px;
	left: 0;
	top: 6px;
}
.englishcoaching #area05 ul li:not(:last-child) {
	margin: 0 0 10px;
}
.englishcoaching #area05 .btm {
	text-align: center;
	font-size: 180%;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
}
.englishcoaching #area05 .btm .orange {
	font-size: 140%;
}

/* area06 */
.englishcoaching #area06 .main_ttl {
	margin: 0 0 40px;
}
.englishcoaching #area06 .top_img {
	margin: 0 0 30px;
}
.englishcoaching #area06 .mid_ttl {
	background: #060340;
	padding: 15px 20px;
	font-size: 180%;
	font-weight: 700;
	margin: 0 0 30px;
}
.englishcoaching #area06 .course_list li {
	margin: 0 0 50px;
	border: 1px solid #060340;
	padding: 30px;
}
.englishcoaching #area06 .course_list li .ttl {
	font-size: 170%;
	font-weight: 700;
	padding: 10px 0 10px 20px;
	border-left: 5px solid #f1d678;
	margin: 0 0 30px;
}
.englishcoaching #area06 .course_list .box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.englishcoaching #area06 .course_list .txt_box {
	padding: 0;
	/*width: 70%;*/
	width: 100%;
	margin: 0 30px 0 0;
	text-align: center;
}
.englishcoaching #area06 .course_list dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 30px;
	text-align: left;
}
.englishcoaching #area06 .course_list dl dt {
	background: #060340;
	color: #fff;
	min-width: 130px;
	text-align: center;
	padding: 10px 0;
	margin: 0 20px 0 0;
	font-size: 110%;
}
.englishcoaching #area06 .course_list dl dd {
	line-height: 1.8;
	font-size: 120%;
}
.englishcoaching #area06 .course_list .img {
	width: 30%;
}
.englishcoaching #area06 .course_list a img {
	max-width: 400px;
	box-shadow: 8px 8px 10px -6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.englishcoaching #area06 .btn02 {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.englishcoaching #area06 .btn02 img {
	max-width: 514px;
	box-shadow: 8px 8px 10px -6px rgba(0,0,0,0.3);
	border-radius: 10px;
	margin: 0 auto 70px;
	text-align: center;
}
.englishcoaching #area06 .schedule_list {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: center;
}
.englishcoaching #area06 .schedule_list li {
	width: 30%;
}
.englishcoaching #area06 .schedule_list li:not(:nth-child(3n)) {
	margin: 0 5% 40px 0;
}
.englishcoaching #area06 .schedule_list  .ttl {
	text-align: center;
	margin: 0 0 20px;
	font-weight: 700;
	font-size: 120%;
}
.englishcoaching #area06 .schedule_list  .ttl.red {
	color: #d5393d;
}
/* area07 */
.englishcoaching #area07 {
	background: #ededed;
	margin: 0 0 70px;
}
.englishcoaching #area07 .main_ttl {
	margin: 0 0 40px;
}
.englishcoaching #area07 dl:not(:last-child) {
	margin: 0 0 40px;
}
.englishcoaching #area07 dl dt {
	background: #060340;
	color: #fff;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
	font-size: 120%;
	font-weight: 700;
}
.englishcoaching #area07 dl dt .txt {
	padding: 5px 0 0;
}
.englishcoaching #area07 .icon {
	margin: 0 20px 0 0;
}
.englishcoaching #area07 .icon img {
	max-width: 40px;
	min-width: 40px;
}
.englishcoaching #area07 dl dd {
	background: #fff;
	padding: 20px;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;	
}
.englishcoaching #area07 dl dd .serif {
	display: block;
	font-size: 120%;
	font-weight: 700;
	margin: 0 0 20px;
}
.englishcoaching #area07 .btn03 {
	display: block;
	text-align: center;
}
.englishcoaching #area07 .btn03 img {
	max-width: 500px;
	box-shadow: 8px 8px 10px -6px rgba(0,0,0,0.3);
}
.englishcoaching #area07 .aco_btn {
	position: relative;
	transition: 0.3s;
	cursor: pointer;
}
.englishcoaching #area07 .aco_btn .btn {
    position: absolute;
    top:10px;
    bottom:-10px;
    right: 20px;
    margin: auto;
    display: block;
    width: 28px;
    height: 28px;
}
.englishcoaching #area07 .aco_btn .btn span {
    background: #fff;
    width: 28px;
    height: 2px;
    display: block;
}
.englishcoaching #area07 .aco_btn .btn span:first-child {
    transform: rotate(90deg) translateX(2px) scale(1);
    transition: .5s;
}
.englishcoaching #area07 .aco_btn.open .btn span:first-child {
    transform: rotate(90deg) translateX(2px) scale(0);
}
.englishcoaching #area07 .aco_btn:hover {
    opacity: .7;
}


/* trial */
#contact .renew_ttl {
	/*font-size: 375%;*/
	font-size: 300%;
}
#contact .top_txt_box {
	font-size: 120%;
	font-weight: bold;
}
#contact .row_2box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
#contact .row_2box span {
	min-width: 20px;
	display: inline-block;
	margin: 0 10px;
}
#contact .caution {
	/*font-size: 90%;*/
	line-height: 1.4;
	margin: 5px 0 0;
}
#contact .top {
	vertical-align: top;
	padding-top: 18px;
}
#contact tr th.hissu.top {
  background: url(../images/trial/hissu.png)no-repeat right top 18px/46px 26px;
}
#contact .mb10 {
	margin-bottom: 10px;
}
::placeholder {
	color: #818181;
}
#contact .privacy_txt {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0px;
}
#contact .width_short01 {
	width: 200px;
}
#contact .width_short02 {
	width: 60%;
}

/* index youtube 追加 */
#renew_index .renew_4features ul li {
  margin: 0 1% 20px 1%;
}
#renew_index .renew_4features ul li.youtube {
	margin-top: 2.5%;
	margin-bottom: 0;
}



.top_banner_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1350px;
	margin: 0 auto;
}

.top_banner_area_banner {
	width: 73%;
}

.top_banner_area_mov {
	width: 25%;
	margin-top: 80px;
}

/* 20220221コロナ対策用ページここから */
.col_btn {
	max-width: 500px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 0px;
	margin-bottom: 30px;
}
#covid {
	padding: 70px 20px 100px;
	color: #330806;
}
#covid .inner {
	max-width: 1000px;
}
#covid .main_ttl {
	text-align: center;
	padding: 0 0 30px;
	margin: 0 0 40px;
	border-bottom: 2px solid #c1bdba;
	font-weight: 700;
}
#covid .mid_ttl {
	text-align: center;
	font-weight: 700;
	font-size: 180%;
	margin: 70px 0 40px;
}
#covid .top_img {
	text-align: center;
	margin: 40px 0;
}
#covid .top_img img {
	max-width: 283px;
}
#covid ul {
	margin: 50px 0;
}
#covid ul li {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
#covid ul li:not(:last-child) {
	margin: 0 0 50px;
}
#covid ul li .img {
	width: 20%;
	margin: 0 30px 0 0;
}
#covid ul li .txt_box {
	width: 80%;
}
#covid ul li .txt_box .ttl {
	background: #a48b77;
	color: #fff;
	font-weight: bold;
	padding: 15px 20px;
	margin: 0 0 15px;
	font-size: 130%;
}
#covid ul li .txt_box .txt {
	line-height: 1.6;
}

/* //20220221コロナ対策用ページここまで */

/* 20220906 index */
.banner_coaching {
	text-align: center;
	display: block;
	margin: 0 0 40px;
}

/* 20220912 */
#nav.renew_nav ul {
  max-width: 1200px;
}
#nav.renew_nav ul {
	align-items: stretch;
}
#nav.renew_nav ul li {
	width: 12.5%;
	/*width: 14.2%;*/
	text-align: center;
	font-size: 80%;
	border-bottom: dotted 1px #A38B77;
}

#nav ul li:nth-child(6) {
	/*border-right: dotted 1px #A38B77;*/
}

#nav ul li:first-child {
	border-left: dotted 1px #A38B77;
}
#nav.renew_nav ul li a {
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 15px 0;	
	box-sizing: border-box;
	font-weight: bold;
	color: #636364;
}
#renew_index.area {
	padding: 20px 0 0;
}


.englishcoaching_new_v {
	max-width: 1200px;
	margin: 0 auto;
}


.why #area .top_area02 ul {
	border: none;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}

.why #area .top_area02 ul li {
	max-width: 300px;
	margin: 0px 20px;
}


.qa_sub_out {
	text-align: center;
}
.qa_sub {
	display: inline-block;
	background: #43bfcb;
	border-radius: 100px;
	padding: 10px 40px;
	color: #fff;
	font-size: 130%;
	font-weight: bolder;
}


.qa_new_box {
	margin-bottom: 50px;
}

.qa_new_box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.qa_new_box ul li {
	width: 32%;
	border: 5px solid #df8bac;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
	padding: 20px 20px 80px 20px;
	font-size: 130%;
	position: relative;
	margin-bottom: 30px;
}

.qa_new_box ul li span {
	display: block;
	background: #df8bac;
	color: #fff;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-family: 'Noto Serif JP', serif;
font-weight: 700;
	font-size: 100%;
	text-align: center;
	line-height: 70px;
}

.qa_new_ans {
	background: #f39800;
	color: #fff;
	padding: 5px 10px;
	border-radius: 100px;
	
	font-size: 80%;
	width: 100px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -50px;
}

.top_g_list {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

.top_g_list .g_line_thr ul li {
	border: none;
	background: #f0f0f0;
	border-radius: 0;
}

.top_g_list .g_cat {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  font-size: 90%;
  font-weight: 500;
  margin-bottom: 5px;
}

.top_g_list .g_list_ttl {
  font-size: 90%;
  font-weight: 700;
  margin-bottom: 5px;
}

.top_g_list .g_list_ttl_sub {
	font-size: 90%;
}

.top_g_list .shoseki .img img {
  width: auto;
  height: 220px;
}

.feature_sub_ttl {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 180% !important;
	font-weight: bolder;
	background: linear-gradient(transparent 60%, #f3d4e0 60%);
    display: inline;
}

.englishcoaching #area04 ul.feature_sub_list li {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 130%;
  font-weight: 700;

}

.englishcoaching #area04 ul li .box .txt_box.txt_box_one {
	width: 100%;
}

.englishcoaching #area04 ul li .box.box_rv {
	flex-direction: row-reverse;
}

.englishcoaching #area04 ul li .box.box_rv .img_box {
  width: 30%;
  margin: 0 0px 0 30px;
}

.top_g_list .txt {
	font-size: 90%;
	font-weight: bolder;
}

/* recruit */
#recruit .area {
	padding: 0 20px;
}
#recruit #visual {
	margin: 50px 0 0;
}
#recruit #visual .img {
	margin: 0 0 60px;
}
#recruit #visual .top_txt {
	margin: 0 0 80px;
	text-align: center;
	font-size: 120%;
	line-height: 2;
}
#recruit #conditions .ttl {
	background-color: #f2f2f2;
	padding: 20px;
	font-size: 180%;
	font-weight: bold;
	border-left: 5px solid #2595d5;
	margin: 0 0 30px;
}
#recruit #conditions .mid_ttl {
	font-size: 160%;
	font-weight: bold;
	font-size: 160%;
	padding: 15px 20px;
	border-top: 1px solid #e894b6;
	border-bottom: 1px solid #e894b6;
	margin: 0 0 30px;
}
#recruit #conditions ul {
	font-size: 120%;
}
#recruit #conditions ul li:not(:last-child) {
	margin: 0 0 20px;
}
#recruit #conditions ul.ul_blue {
	margin: 0 0 50px;
}
#recruit #conditions ul li {
	position: relative;
	padding-left: 30px;
}
#recruit #conditions ul li::before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 4px;
	width: 20px;
	height: 20px;
}
#recruit #conditions ul.ul_blue li::before {
	background: url(../images/recruit/icon_check01.png)no-repeat left top/20px 20px;
}
#recruit #conditions ul.ul_pink li::before {
	background: url(../images/recruit/icon_check02.png)no-repeat left top/20px 20px;
}
#recruit #btm_box {
	margin: 110px 0 150px;
}
#recruit dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-self: flex-start;
	border: 3px solid #2595d5;
	border-radius: 10px;
	padding: 40px;
	margin: 0 0 50px;
}
#recruit dl dt {
	width: 25%;
	text-align: center;
}
#recruit dl dt img {
	max-width: 170px;
}
#recruit dl dd {
	width: 75%;
	font-size: 130%;
	line-height: 2;
}
#recruit dl dd span {
	font-weight: bolder;
}
#recruit .btm_img {
	text-align: center;
	margin: 0 0 30px;
}
#recruit .btm_img img {
	max-width: 509px;
}
#recruit .btm_txt {
	text-align: center;
	font-size: 140%;
	font-weight: bolder;
}
#recruit .btm_txt span {
	font-size: 130%;
}
.index .banner_recruit {
	margin: 30px 0 0;
	display: block;
}
.englishcoaching .size_l.orange {
	font-size: 120%;
}
.englishcoaching .orange.size_l.ora02 {
	 color: #e6d63a;
}

/* 特定商取引法に基づく表記 */
.commercial .area {
	padding: 50px 0;
}
.commercial table {
	border: 1px solid #ccc;
}
.commercial table tr {
	border-bottom: 1px solid #ccc;
}
.commercial table th {
	border-right: 1px solid #ccc;
	width: 200px;
	padding: 20px;
	vertical-align: middle;
	background-color: #f1f1f1;
}
.commercial table td {
	padding: 20px;
}


.t_midashi {
	font-size: 140%;
	color: #f44b00;
	border-bottom: 1px solid #f44b00;
	font-weight: bolder;
}

.qa_ans {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border: 5px solid #df8bac;
border-radius: 10px;
	margin-bottom: 50px;
}

.qa_ans p {
	font-size: 120%;
	line-height: 1.5;
}

.englishcoaching .qa_ans_area .main_ttl {
	font-size: 180%;
}

.qa_new_back a {
	display: block;
	background: #f39800;
color: #fff;
padding: 10px 10px;
border-radius: 100px;
font-size:120%;
width: 300px;
margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
text-align: center;
}

.englishcoaching #area07.qa_ans_area {
	background: #fff;
	
}



/*--------- 料金ページリニューアル ---------*/
/* top_area */
.characteristic_new #renew_characteristic .top_area ul {
	justify-content: space-between;
}
.characteristic_new #renew_characteristic .top_area ul li {
	width: 23%;
	margin: 0 0 20px 0 !important;
}
/* common */
.p_cont_common {
	color: #333;
}
.p_cont_common .p_color01 {
	color: #622a72;
}
.p_cont_common .p_color02 {
	color: #b34c00;
}
.p_cont_common .p_color03 {
	color: #146441;
}
.p_cont_common .p_color04 {
	color: #c0232b;
}
.p_cont_common .p_renew_ttlbox {
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
}
.p_cont_common h5 {
	font-size: 250%;
	font-weight:bolder;
	margin-bottom: 10px;
}
.p_cont_common .text-divider {
	display: flex;
	align-items: center;
}
.p_cont_common .text-divider::before {
	margin-right: 1rem;
}
.p_cont_common .text-divider::after {
	margin-left: 1rem;
}
.p_cont_common h5.text-divider::before,
.p_cont_common h5.text-divider::after {
	content: '';
	height: 1px;
	flex-grow: 1;
}
.p_cont_common h4 {
	padding: 10px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	border-radius: 100px;
	font-size: 140%;
	font-weight:bolder;
	background: rgba(255,255,255,0.6);
}
.p_cont_common .p_renew_contents {
	padding: 30px;
}
.p_cont_common .top_img_txt_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 30px;
}
.p_cont_common .top_img_txt_box .img {
	width: 40%;
	margin: 0 30px 0 0;
}
.p_cont_common .top_img_txt_box .txt {
	width: 60%;
	font-size: 110%;
}
.p_cont_common .top_mid_txt {
	text-align: center;
	font-size: 160%;
	font-weight: 700;
	margin: 0 0 30px;
}
.p_cont_common .osusume {
	background-color: #fffdf8;
	border-radius: 20px;
	padding: 30px;
	position: relative;
	margin: 0 0 30px;
}
.p_cont_common .osusume .ttl {
	text-align: center;
	font-size: 170%;
	font-weight: 700;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
.p_cont_common .osusume .ttl span {
	font-size: 130%;
}
.p_cont_common .osusume ul li {
	font-size: 110%;
	padding-left: 1em;
	text-indent: -1em;
}
.p_cont_common .osusume ul li:not(:last-child) {
	margin: 0 0 15px;
}
.p_cont_common .osusume .img {
	position: absolute;
	bottom: 0;
	right: 30px;
}
.p_cont_common .mid_txt {
	font-size: 110%;
	margin: 0 0 50px;
}
.p_cont_common .mid_box {
	padding: 30px 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 80px;
}
.p_cont_common .mid_box .img {
	position: absolute;
	bottom: 0;
	left: 12%;
}
.p_cont_common .mid_box .img img {
	max-width: 124px;
}
.p_cont_common .mid_box .txt {
	font-weight: 700;
	font-size: 170%;
	padding-left: 150px;
}
.p_cont_common .mid_column {
	margin: 0 0 40px;
}
.p_cont_common .mid_column ul li:not(:last-child) {
	margin: 0 0 40px;
}
.p_cont_common .mid_column .ttl {
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 150%;
	padding: 20px;
	margin: 0 0 30px;
}
.p_cont_common .mid_column .ttl span {
	font-size: 140%;
}
.p_cont_common .mid_column .yoroshiku .ttl::before {
	position: absolute;
	display: block;
	content: "";
	width: 100px;
	height: 50px;
	top: -49px;
	right: 50%;
	transform: translate(50%,0);
}
.p_cont_common .mid_column .mid_ttl {
	text-align: center;
	font-size: 130%;
	margin: 0 0 30px;
	font-weight: 700;
}
.p_cont_common .mid_column .box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.p_cont_common .mid_column .box.reverse {
	flex-flow: row-reverse;
}
.p_cont_common .mid_column .img {
	width: 40%;
	margin: 0 30px 0 0;
}
.p_cont_common .mid_column .box.reverse .img {
	margin: 0 0 0 30px;
}
.p_cont_common .mid_column .txt {
	width: 60%;
	font-size: 110%;
}
.p_cont_common .to_online {
	border: 3px solid #cae2ed;
	padding: 30px;
	border-radius: 20px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 50px;
}
.p_cont_common .to_online .icon {
	margin: 0 30px 0 0;
}
.p_cont_common .to_online .icon img {
	max-width: 120px;
}
.p_cont_common .to_online .txt {
	font-size: 140%;
	font-weight: 700;
}
.p_cont_common .to_online a {
	color: #304e7b;
}
.p_cont_common .info_box .box:not(:last-child) {
	margin: 0 0 40px;
}
.p_cont_common .info_box .ttl {
	background: #fffdf8;
	padding: 15px 20px;
	margin: 0 0 30px;
	font-size: 160%;
}
.p_cont_common .info_box ul {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.p_cont_common .info_box ul li {
	margin: 0 40px 0 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.p_cont_common .info_box ul li .icon {
	margin: 0 20px 0 0;
}
.p_cont_common .info_box ul li .icon img {
	max-width: 70px;
}
.p_cont_common .info_box ul li .txt {
	font-size: 110%;
}
.p_cont_common .info_box .price_txt {
	margin: 0 0 20px;
	font-size: 110%;
}
.p_cont_common .info_box .price_list {
	border: 1px solid #eeeeee;
	border-bottom: none;
	width: 100%;
	font-size: 110%;
	margin: 0 0 20px;
}
.p_cont_common .info_box .price_list tr > * {
	vertical-align: middle;
	box-sizing: border-box;
}
.p_cont_common .info_box .price_list tr th {
	font-weight: 700;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	width: 20%;
	padding: 15px;
	color: #fff;
	text-align: left;
}
.p_cont_common .info_box .price_list tr td {
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	padding: 15px;
	width: 40%;
}
.p_cont_common .info_box .caution {
	font-size: 110%;
}
.p_cont_common .info_box .caution a {
	color: #df8bac;
	font-weight: 700;
}
.characteristic_new #renew_characteristic .mid_banner {
	margin: 70px 0;
	text-align: center;
}
.characteristic_new #renew_characteristic .mid_banner img {
	max-width: 500px;
}
.p_cont_common .lesson_list {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 30px;
}
.p_cont_common .lesson_list li {
	margin-right: 8px;
	font-size: 130%;
	font-weight: 700;
	border-radius: 15px;
	
}
.p_cont_common .lesson_list li a {
	padding: 5px;
	display: block;
}
.p_cont_common .lesson_list li.lesson01 {
	background-color: #dfcbe5;
}
.p_cont_common .lesson_list li.lesson02 {
	background-color: #f2ddce;
}
.p_cont_common .lesson_list li.lesson03 {
	background-color: #c1dbd0;
}
.p_cont_common .top_caution {
	margin: 0 0 30px;
}
.p_cont_common .top_caution a {
	font-weight: 700;
}
.p_cont_common .top_caution .p_color01 {
	color: #d1b2da;
}
.p_cont_common .top_caution .p_color02 {
	color: #e3bb9e;
}
.p_cont_common .top_caution .p_color04 {
	color: #febdc0;
}
.p_cont_common .price_in_ttl {
	font-size: 120%;
	font-weight: 700;
	padding: 15px;
	margin: 0 0 20px;
}
.p_cont_common .price_in_ttl.p_color01 {
	background:#dfcbe5;
}
.p_cont_common .price_in_ttl.p_color02 {
	background:#fdf4ed;
}
.p_cont_common .price_in_ttl.p_color03 {
	background:#b1d6c6;
}

/* マンツーマンレッスン */
#cont01.p_cont_common .p_renew_ttlbox {
	background: #dfcbe5;
}
#cont01.p_cont_common h5 {
	color: #622a72;
}
#cont01.p_cont_common h5.text-divider::before,
#cont01.p_cont_common h5.text-divider::after {
	background-color: #622a72;
}
#cont01.p_cont_common h4 {
	color: #622a72;
}
#cont01.p_cont_common .p_renew_contents {
	border: 3px solid #dfcbe5;
}
#cont01.p_cont_common .osusume .ttl {
	border-bottom: 1px solid #622a72;
}
#cont01.p_cont_common .osusume .img img {
	max-width: 214px;
}
#cont01.p_cont_common .mid_box {
	border-top: 3px solid #dfcbe5;
	border-bottom: 3px solid #dfcbe5;
}
#cont01.p_cont_common .mid_column .ttl {
	background: #dfcbe5;
}
#cont01.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon01_1.png")no-repeat center/100px 50px;
}
#cont01.p_cont_common .info_box .ttl {
	color: #622a72;
	border-left: 5px solid #622a72;
}
.p_cont_common .price_list.lesson01 tr th {
	background: #dfcbe5;
	color: #622a72;
}
.p_cont_common .price_list.lesson01 tr td {
	width: 40%;
}
.p_cont_common .price_list.lesson01 tr td.expire {
	width: 20%;
}

/* グループレッスン */
#cont02.p_cont_common .p_renew_ttlbox {
	background: #fdf4ed;
}
#cont02.p_cont_common h5 {
	color: #ec8132;
}
#cont02.p_cont_common h5.text-divider::before,
#cont02.p_cont_common h5.text-divider::after {
	background-color: #ec8132;
}
#cont02.p_cont_common h4 {
	color: #ec8132;
}
#cont02.p_cont_common .p_renew_contents {
	border: 3px solid #fdf4ed;
}
#cont02.p_cont_common .osusume .ttl {
	border-bottom: 1px solid #ec8132;
}
#cont02.p_cont_common .osusume .img img {
	max-width: 214px;
}
#cont02.p_cont_common .mid_box {
	border-top: 3px solid #fdf4ed;
	border-bottom: 3px solid #fdf4ed;
}
#cont02.p_cont_common .mid_column .ttl {
	background: #fdf4ed;
}
#cont02.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon02_1.png")no-repeat center/100px 50px;
}
#cont02.p_cont_common .info_box .ttl {
	color: #ec8132;
	border-left: 5px solid #ec8132;
}
.p_cont_common .price_list.lesson02 tr th {
	background: #fdf4ed;
	color: #ec8132;
}
.p_cont_common .price_list.lesson02 tr td.capacity {
    width: 12%;
}
.p_cont_common .price_list.lesson02 tr td.capacity_s {
    width: 40%;
}
.p_cont_common .price_list.lesson02 tr td.expire {
    width: 15%;
}
.p_cont_common .price_list.lesson02.sp {
	display: none!important;
}

/* キッズ英会話レッスン */
#cont03.p_cont_common .p_renew_ttlbox {
	background: #b1d6c6;
	position: relative;
}
#cont03.p_cont_common .p_renew_ttlbox::after {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/characteristic_new/icon03_1.png)no-repeat right top/137px 95px;
	width: 137px;
	height: 95px;
	right: 40px;
	top: 20px;
}
#cont03.p_cont_common h5 {
	color: #2d654d;
}
#cont03.p_cont_common h5.text-divider::before,
#cont03.p_cont_common h5.text-divider::after {
	background-color: #2d654d;
}
#cont03.p_cont_common h4 {
	color: #2d654d;
}
#cont03.p_cont_common .p_renew_contents {
	border: 3px solid #b1d6c6;
}
#cont03.p_cont_common .osusume .ttl {
	border-bottom: 1px solid #2d654d;
}
#cont03.p_cont_common .osusume .img img {
	max-width: 214px;
}
#cont03.p_cont_common .mid_box {
	border-top: 3px solid #f7fffc;
	border-bottom: 3px solid #f7fffc;
}
#cont03.p_cont_common .mid_column .ttl {
	background: #f7fffc;
}
#cont03.p_cont_common .info_box .ttl {
	color: #2d654d;
	border-left: 5px solid #2d654d;
}
#cont03.p_cont_common .info_box .price_list tr th {
	background: #f7fffc;
	color: #2d654d;
}
/*#cont03.p_cont_common .to_online {
	margin: 0;
}*/
#cont03 .kids_column {
	margin: 0 0 60px;
}
#cont03 .kids_column .box {
	background: #f7fffc;
	border-radius: 10px;
	padding: 30px;
	position: relative;
}
#cont03 .kids_column .box:first-child::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/characteristic_new/icon03_2.png)no-repeat right top/112px 92px;
	width: 112px;
	height: 92px;
	right: 0;
	top: -20px;
}
#cont03 .kids_column .box:last-child::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/characteristic_new/icon03_3.png)no-repeat left top/74px 87px;
	width: 74px;
	height: 87px;
	left: 10px;
	top: -10px;
}
#cont03 .kids_column .box:not(:last-child) {
	margin: 0 0 30px;
}
#cont03 .kids_column .box .ttl {
	font-size: 180%;
	font-weight: 700;
	text-align: center;
	border-bottom: 4px solid #b1d6c6;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
#cont03 .kids_column .box .ttl span {
	font-size: 130%;
}
#cont03 .kids_column .box .box_in {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
#cont03 .kids_column .box .box_in.reverse {
	display: flex;
	flex-flow: row-reverse;
}
#cont03 .kids_column .box .box_in:not(:last-child) {
	margin: 0 0 40px;
}
#cont03 .kids_column .box .box_in .img {
	width: 25%;
}
#cont03 .kids_column .box .box_in .img img {
	width: 100%;
}
#cont03 .kids_column .box .box_in .txt {
	width: 75%;
	padding: 0 0 0 30px;
	font-size: 110%;
	line-height: 2;
}
#cont03 .kids_column .box .box_in.reverse .txt {
	padding: 0 30px 0 0;
}
#cont03 .kids_column .box .mid_ttl {
	font-size: 120%;
	font-weight: 700;
	margin: 0 0 20px;
}
#cont03 .kids_column .box .mid_ttl span {
	font-size: 150%;
}

/* オンライン英会話レッスン */
#cont04.p_cont_common .p_renew_ttlbox {
	background: #febdc0;
}
#cont04.p_cont_common h5 {
	color: #c0232b;
}
#cont04.p_cont_common h5.text-divider::before,
#cont04.p_cont_common h5.text-divider::after {
	background-color: #c0232b;
}
#cont04.p_cont_common h4 {
	color: #c0232b;
}
#cont04.p_cont_common .p_renew_contents {
	border: 3px solid #febdc0;
}
#cont04.p_cont_common .osusume .ttl {
	border-bottom: 1px solid #c0232b;
}
#cont04.p_cont_common .osusume .img img {
	max-width: 214px;
}
#cont04.p_cont_common .mid_column .ttl {
	background: #febdc0;
}
#cont04.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon04_1.png")no-repeat center/100px 50px;
}
#cont04.p_cont_common .mid_column .btm_txt {
	text-align: center;
	font-size: 170%;
	font-weight: 700;
	margin: 30px 0 0;
}
#cont04.p_cont_common .info_box .ttl {
	color: #c0232b;
	border-left: 5px solid #c0232b;
}
#cont04 .online_column {
	margin: 0 0 90px;
}
#cont04 .online_column .ttl_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 30px;
}
#cont04 .online_column .ttl_box .img {
	width: 20%;
	margin: 0 30px 0 0;
}
#cont04 .online_column .ttl_box dl {
	width: 80%;
}
#cont04 .online_column .ttl_box dl dt {
	font-size: 180%;
	font-weight: 700;
	border-bottom: 1px solid #c0232b;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
#cont04 .online_column .ttl_box dl dd {
	font-weight: 700;
	font-size: 120%;
}
#cont04 .problem_list li {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
#cont04 .problem_list li:not(:last-child) {
	margin: 0 0 30px;
}
#cont04 .problem_list li .num {
	width: 10%;
	margin: 0 20px 0 0;
}
#cont04 .problem_list li .num img {
	width: 100%;
}
#cont04 .problem_list li .txt_box {
	width: 90%;
	padding: 0;
}
#cont04 .problem_list li .txt_box .ttl {
	font-weight: 700;
	font-size: 140%;
	margin: 0 0 10px;
}
#cont04 .problem_list li .txt_box .txt {
	font-size: 110%;
}






/*-------------------------------20221122TOEIC css移植----------------------------------*/

 /* about_toeic */
#toeic #about_toeic .ttl {
	background: #272795;
	text-align: center;
	padding: 15px 20px;
	font-size: 250%;
	font-weight: bold;
	margin: 0 0 30px;
	color: #fff;
}
#toeic #about_toeic .top_txt {
	font-size: 120%;
	line-height: 2;
	margin: 0 0 30px;
}
#toeic #about_toeic .img {
	margin: 0 0 30px;
}
#toeic #about_toeic .icon_ttl::before {
	background: url("../images/toeic/icon01.png")no-repeat center left/37px 37px;
	width: 37px;
	height: 37px;
	top: -3px;
}
#toeic #about_toeic .txt {
	font-size: 120%;
	line-height: 1.8;
	margin: 0 0 50px;
}
#toeic #about_toeic .txt .size_l {
	font-size: 180%;
	font-weight: bold;
}
#toeic #about_toeic .arrow {
	text-align: center;
}
#toeic #about_toeic .arrow img {
	max-width: 309px;
}

/* info */
#toeic #info .ttl_box {
	padding: 40px 0;
	border-top: 10px solid #272795;
	border-bottom: 10px solid #272795;
	margin: 0 0 30px;
}
#toeic #info .ttl_box .ttl01 {
	margin: 0 0 30px;
}
#toeic #info .ttl_box .ttl01 img {
	max-width: 963px;
}
#toeic #info .ttl_box .ttl02 img {
	max-width: 858px;
}
#toeic #info dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 10px;
}
#toeic #info dl dt {
	background: #f19149;
	width: 125px;
	color: #fff;
	font-weight: 700;
	font-size: 120%;
	text-align: center;
	margin: 0 20px 0 0;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#toeic #info dl dd {
	font-weight: bold;
	font-size: 170%;
}
#toeic #info .top_txt {
	margin: 30px 0 70px;
	line-height: 1.8;
	font-size: 120%;
}
#toeic #info .profile {
	padding: 30px;
	border: 1px solid #a0a0a0;
	border-radius: 10px;
	margin: 0 0 50px;
}
#toeic #info .profile .img_txt_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 30px;
}
#toeic #info .profile .img_txt_box .img {
	width: 30%;
	margin: 0 30px 0 0;
}
#toeic #info .profile .img_txt_box .txt_box {
	width: 70%;
}
#toeic #info .profile .img_txt_box .txt_box .sub {
	font-weight: bold;
	font-size: 90%;
	margin: 0 0 10px;
	line-height: 1;
}
#toeic #info .profile .img_txt_box .txt_box .name {
	font-size: 160%;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #a0a0a0;
	line-height: 1;
}
#toeic #info .profile .img_txt_box .txt_box .certification {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.7;
	border-left: 1px solid #f2914a;
	padding: 0 0 0 20px;
}
#toeic #info .profile .pro_txt {
	font-size: 120%;
	line-height: 2;
}
#toeic #info .icon_ttl::before {
	background: url("../images/toeic/icon02.png")no-repeat center left/28px 37px;
	width: 28px;
	height: 37px;
	top: -3px;
}
#toeic #info .icon_txt {
	font-size: 120%;
	line-height: 1.8;
}

/* schedule */
#toeic #schedule .main_ttl {
	background: #272795;
	text-align: center;
	padding: 15px 20px;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 30px;
	color: #fff;
}
#toeic #schedule table {
	margin: 0 0 50px;
	border: 1px solid #a0a0a0;
	width: 100%;
}
#toeic #schedule table tr {
	border-bottom: 1px solid #a0a0a0;
}
#toeic #schedule table th {
	border-right: 1px solid #a0a0a0;
	padding: 20px 10px;
	text-align: center;
	background: #e5e5e5;
	font-weight: bold;
	vertical-align: middle;
}
#toeic #schedule table th.top {
	background: #f19149;
	color: #fff;
	font-size: 120%;
	line-height: 1.4;
	font-weight: bold;
}
#toeic #schedule table td {
	border-right: 1px solid #a0a0a0;
	padding: 20px 10px;
	text-align: center;
	vertical-align: middle;
}
#toeic #schedule .osusume {
	background: #fbf8ed;
	border: 5px solid #f2914a;
	padding: 30px;
}
#toeic #schedule .osusume .osusume_ttl {
	font-size: 180%;
	margin: 0 0 10px;
	font-weight: bold;
}
#toeic #schedule .osusume ul {
	font-size: 120%;
}

/* conditions */
#toeic #conditions.area {
	padding: 70px 20px;
}
#toeic #conditions .ttl {
	font-size: 250%;
	font-weight: bold;
	padding: 0 0 0 25px;
	border-left: 5px solid #f2914a;
	margin: 0 0 20px;
}
#toeic #conditions ul {
	margin: 0 0 60px;
	font-size: 120%;
	line-height: 2;
}
#toeic #conditions .mid_ttl {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	background: #272795;
	padding: 20px;
	margin: 0 0 30px;
	color: #fff;
}
#toeic #conditions dl {
	margin: 0 0 50px;
}
#toeic #conditions dl dd {
	font-size: 120%;
	font-weight: bold;
}
#toeic #conditions .txt {
	border-top: 10px solid #272795;
	padding: 50px 0 0;
	font-size: 120%;
	line-height: 1.6;
	margin: 0 0 70px;
}
#toeic #conditions .btm_btn {
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #f2914a;
	border-radius: 10px;
	width: 320px;
	height: 70px;
	font-size: 130%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

#toeic sup {
	font-size: 60%;
	vertical-align: super;
}
/*---- 20220224 spring_campaign ----*/
/*-- slider --*/
.index .visual .bg_campaign {
  background: url("../images/index/slider_2022s_bg.png")no-repeat center/cover;
}

/*-- spring_campaign page --*/
#spring_campaign #visual {
  background: url("../images/index/slider_2022s_bg.png")no-repeat center/cover;
}
#spring_campaign #area01.area {
	padding: 70px 20px;
}
#spring_campaign #area01 .top_txt {
	font-size: 120%;
	line-height: 2; 
	margin: 0 0 70px;
}
#spring_campaign #area01 ul li{
	margin: 0 0 70px;
}
#spring_campaign #area01 ul li .ttl {
	background: #eb73a2;
	color: #fff;
	font-weight: bold;
	font-size: 250%;
	padding: 15px;
	margin: 0 0 30px;
	line-height: 1;
	text-align: center;
}
#spring_campaign #area01 ul li .txt {
	background: #fbf9e8;
	border-radius: 10px;
	border: 2px solid #eb73a2;
	padding: 20px;
	font-size: 120%;
	line-height: 2;
}
#spring_campaign #area01 .ttl_box {
	background: url("../images/spring_campaign/bg01.png")no-repeat center/cover;
	color: #fff;
	padding: 50px 30px;
	margin: 0 0 60px;
}
#spring_campaign #area01 .ttl_box .ttl {
	text-align: center;
	font-size: 370%;
	font-weight: bold;
	line-height: 1.3;
}
#spring_campaign #area01 .ttl_box .txt {
	font-size: 120%;
	line-height: 2;
}
#spring_campaign #area01 dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	font-weight: bold;
	margin: 0 0 30px;
}
#spring_campaign #area01 dl dt {
	font-size: 120%;
	color: #fff;
	background: #d53674;
	width: 120px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 20px 0 0;
}
#spring_campaign #area01 dl dd {
	font-size: 160%;
}
#spring_campaign #area01 .btm_txt {
	font-size: 120%;
	line-height: 1.8;
}



.index .banner_box {
  margin: 80px 20px 30px;
}

.index .banner_box p {
	
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.camp_btn {
	text-align: center;
	margin-top: 30px;
	padding: 10px 20px;
}

.camp_btn a {
	display: inline-block;
	background: #d53674;
	color: #fff !important;
	font-weight: 700;
	font-size: 140%;
	padding: 20px 40px;
	box-sizing: border-box;
	border-radius: 50px;
}

#spring_campaign a {
	color: #d53674;
}


b.st_red {
	font-weight: bolder;
	color: #ff0000 !important;
	font-size: 125%;
	text-decoration: underline;
}


/*------- 2022 summer campaign -------*/
.visual .bg_2022summer {
  background: url("../images/index/slider_2022summer_bg.png")no-repeat center/cover;
}

#summer_campaign .area {
	padding: 70px 0 0;
}
#summer_campaign #visual {
	background: url("../images/summer_campaign/visual_bg.png")no-repeat center/cover;
}
#summer_campaign .btn_more {
	background: #f39800;
	max-width: 100%;
	width: 700px;
	height: 70px;
	color: #fff;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	margin: 20px auto 30px;
	position: relative;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#summer_campaign .btn_more::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/summer_campaign/arrow.png")no-repeat right center/15px 17px;
	width: 15px;
	height: 17px;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
#summer_campaign .top_ttl {
	margin: 0 0 50px;
}
#summer_campaign .sub_ttl {
	background: #39c3ef;
	color: #fff;
	text-align: center;
	font-size: 250%;
	font-weight: bold;
	padding: 25px 20px 20px;
	margin: 0 0 30px;
	line-height: 1.2;
}
#summer_campaign .mid_ttl {
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 140%;
}
#summer_campaign .box {
	background: #fbf9e8;
	border: 2px solid #39c3ef;
	border-radius: 10px;
	padding: 20px;
}
#summer_campaign .box:not(:last-child) {
	margin: 0 0 30px;
}
#summer_campaign .txt {
	font-size: 120%;
	line-height: 2;
}
#summer_campaign .caution {
	line-height: 2;
	margin: 20px 0 0;
}
#summer_campaign span {
	font-weight: bold;
	text-decoration: underline;
}
#summer_campaign .txt_link {
	color: #39c3ef;
}
#summer_campaign .btm {
	font-weight: bold;
	font-size: 130%;
}
#summer_campaign ul li:not(:last-child) {
	margin: 0 0 50px;
}
#summer_campaign #area02 {
	margin-bottom: 100px;
}

/*------- 2022 toeic -------*/
.visual .bg_toeic2022 {
  background: url("../images/index/slider_toeic2022_bg.png")no-repeat center/cover;
}

#toeic {
	font-family:'メイリオ', 'Meiryo', sans-serif;
}

#toeic.toeic2022 .bold {
	font-weight: bold;
	
}
#toeic.toeic2022 .orange {
	font-weight: bold;
}
#toeic.toeic2022 #about_toeic .txt {
  margin: 0;
}
#toeic.toeic2022 #reason .ttl {
	background: #272795;
	text-align: center;
	padding: 15px 20px;
	font-size: 250%;
	font-weight: bold;
	color: #fff;
}
#toeic.toeic2022 #reason .box {
	border: 5px solid #272795;
	padding: 20px 30px;
	margin: 0 0 30px;
}
#toeic.toeic2022 #reason .box .txt {
	font-size: 120%;
	margin: 0 0 20px;
}
#toeic.toeic2022 #reason .box .txt .blue {
	color: #272795;
	font-weight: bold;
}
#toeic.toeic2022 #reason .box .txt .blue.ub {
	text-decoration: underline;
}
#toeic.toeic2022 #reason .box .mid {
	text-align: center;
	font-size: 310%;
	font-weight: bold;
	margin: 0 0 20px;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
#toeic.toeic2022 #reason .box .mid span {
	background: linear-gradient(transparent 80%, #ffff00 80%)
}
#toeic.toeic2022 #reason .box .btm {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6;
	background: #fcf4ee;
	border-radius: 10px;
	padding: 20px;
}
#toeic.toeic2022 #reason .arrow {
	text-align: center;
}
#toeic.toeic2022 #reason .arrow img {
	max-width: 309px;
}
#toeic.toeic2022 #info.area {
	padding: 30px 20px 0;
}
#toeic.toeic2022 #info dl {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 30px;
}
#toeic.toeic2022 #info dl dt {
	width: 120px;
	min-width: 120px;
}
#toeic.toeic2022 #info dl dd {
	width: 100%;
}
#toeic.toeic2022 #info dl dd .blue {
	background: #272795;
	color: #fff;
	font-size: 80%;
	padding: 10px;
	display: inline-block;
	margin: 5px 0;
}
#toeic.toeic2022 #info dl dd .caution {
	font-size: 60%;
	font-weight: normal;
	display: block;
}
#toeic.toeic2022 #info table {
	width: 100%;
	border: 1px solid #d6d6d6;
	font-size: 70%;
}
#toeic.toeic2022 #info table tr {
	border-bottom: 1px solid #d6d6d6; 
}
#toeic.toeic2022 #info table th {
	width: 60%;
	background: #f0efef;
	text-align: left;
	padding: 10px 20px;
	border-right: 1px solid #d6d6d6;
}
#toeic.toeic2022 #info table td {
	width: 40%;
	text-align: right;
	padding: 10px;
}
#toeic.toeic2022 #info .profile {
	margin: 50px 0 0;
}
#toeic.toeic2022 #schedule .main_ttl {
	background: #f19149;
	text-align: center;
	padding: 15px 20px;
	font-size: 250%;
	font-weight: bold;
	margin: 0 0 30px;
	color: #fff;
	line-height: 1.4;
}
#toeic.toeic2022 #schedule .main_ttl span {
	font-size: 60%;
	display: block;
}
#toeic.toeic2022 #schedule table {
	margin: 0 0 30px;
}
#toeic.toeic2022 #schedule table th {
	width: 38%;
	padding: 15px;
}
#toeic.toeic2022 #schedule table th:first-child {
	width: 24%;
}
#toeic.toeic2022 #schedule table td {
	padding: 15px;
}
#toeic.toeic2022 #schedule table .gray {
	background: #e5e5e5;
}
#toeic.toeic2022 #schedule .sche_caution {
	margin: 0 0 50px;
}
#toeic.toeic2022 #schedule .sche_caution li {
	font-size: 120%;
	text-indent: -1em;
	padding-left: 1em;
}
#toeic.toeic2022 #schedule .sche_caution li:not(:last-child) {
	margin: 0 0 10px;
}
#toeic.toeic2022 #schedule  .osusume ul {
	text-indent: -1em;
	padding-left: 1em;
}

/* recruit */
#recruit .area {
	padding: 0 20px;
}
#recruit #visual {
	margin: 50px 0 0;
}
#recruit #visual .img {
	margin: 0 0 60px;
}
#recruit #visual .top_txt {
	margin: 0 0 80px;
	text-align: center;
	font-size: 120%;
	line-height: 2;
}
#recruit #conditions .ttl {
	background-color: #f2f2f2;
	padding: 20px;
	font-size: 180%;
	font-weight: bold;
	border-left: 5px solid #2595d5;
	margin: 0 0 30px;
}
#recruit #conditions .mid_ttl {
	font-size: 160%;
	font-weight: bold;
	font-size: 160%;
	padding: 15px 20px;
	border-top: 1px solid #e894b6;
	border-bottom: 1px solid #e894b6;
	margin: 0 0 30px;
}
#recruit #conditions ul {
	font-size: 120%;
}
#recruit #conditions ul li:not(:last-child) {
	margin: 0 0 20px;
}
#recruit #conditions ul.ul_blue {
	margin: 0 0 50px;
}
#recruit #conditions ul li {
	position: relative;
	padding-left: 30px;
}
#recruit #conditions ul li::before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 4px;
	width: 20px;
	height: 20px;
}
#recruit #conditions ul.ul_blue li::before {
	background: url(../images/recruit/icon_check01.png)no-repeat left top/20px 20px;
}
#recruit #conditions ul.ul_pink li::before {
	background: url(../images/recruit/icon_check02.png)no-repeat left top/20px 20px;
}
#recruit #btm_box {
	margin: 110px 0 150px;
}
#recruit dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-self: flex-start;
	border: 3px solid #2595d5;
	border-radius: 10px;
	padding: 40px;
	margin: 0 0 50px;
}
#recruit dl dt {
	width: 25%;
	text-align: center;
}
#recruit dl dt img {
	max-width: 170px;
}
#recruit dl dd {
	width: 75%;
	font-size: 130%;
	line-height: 2;
}
#recruit dl dd span {
	font-weight: bolder;
}
#recruit .btm_img {
	text-align: center;
	margin: 0 0 30px;
}
#recruit .btm_img img {
	max-width: 509px;
}
#recruit .btm_txt {
	text-align: center;
	font-size: 140%;
	font-weight: bolder;
}
#recruit .btm_txt span {
	font-size: 130%;
}

.index .banner_box .inner {
	max-width: 1000px;
	width: 1000px;
}
.col_btn {
	margin-top: 30px;
  }

  /* 2022-2 Toeic */
#toeic.toeic2022-2 #visual {
	background: url("../images/toeic2022-2/visual_bg.png")no-repeat center/cover;
}
#toeic.toeic2022-2 #about_toeic .ttl {
	background: #586ccb;
}
#toeic.toeic2022-2 #reason .ttl {
	background: #586ccb;
}
#toeic.toeic2022-2 #reason .box {
	border: 5px solid #586ccb;
}
#toeic.toeic2022-2 #reason .box .txt .blue {
	color: #586ccb;
}
#toeic.toeic2022-2 #reason .box .mid span {
	background: linear-gradient(transparent 80%, #fcf258 80%);
}
#toeic.toeic2022-2 #info .profile {
	margin: 0 0 50px;
}
#toeic.toeic2022-2 #info .profile .main_ttl {
	margin: 0 0 30px;
	text-align: center;
}
#toeic.toeic2022-2 #info .profile .main_ttl img {
	max-width: 960px;
}
#toeic.toeic2022-2 #info .ttl_box .ttl02 img {
	max-width: 100%;
}
#toeic.toeic2022-2 #info .ttl_box {
	border-top: 10px solid #586ccb;
	border-bottom: 10px solid #586ccb;
}
#toeic.toeic2022-2 #info dl dd .blue {
	background: #586ccb;
}
#toeic.toeic2022-2 #schedule .osusume.voice {
	margin: 30px 0 0;
	background: #fbf8ed;
	border: 5px solid #586ccb;
}
#toeic.toeic2022-2 #schedule .osusume.voice .osusume_ttl {
	color: #586ccb;
}
#toeic.toeic2022-2 #schedule .osusume.voice .orange {
	color: #586ccb;
}
#toeic.toeic2022-2 #conditions .mid_ttl {
	background: #586ccb;
}
#toeic.toeic2022-2 #conditions .txt {
	border-top: 10px solid #586ccb;
}
.index .visual .bg_toeic2022-2 {
	background: url("../images/index/slider_toeic2022-2_bg.png")no-repeat center/cover;
  }
.index .banner_box .toeic2022-2 {
	margin: 30px auto 0;
	display: block;
	text-align: center;
}




/*トップページのバナーエリア*/

.renew_index_inner02 {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
}

.top_banner_new ul {
	display: flex;
	/*justify-content: flex-start;*/
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_banner_new ul li {
	width: 48%;
	/*margin-right: 2%;*/
	margin-bottom: 20px;
}

.top_banner_new ul li:nth-child(even) {
	margin-right: 0;
}



/*cr2022*/

.cr2022_top {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.cr2022_inner {
	max-width: 1000px;
	margin: 0 auto;
}

.cr2022_box {
	border: 4px solid #c10a15;
	padding: 40px;
	border-radius: 10px;
	background: #fbf7e3;
	margin-bottom: 50px;
}

.cr2022_ttl {
	font-size: 200%;
	font-weight: bolder;
	color: #fff;
	background: #007440;
	padding: 5px 10px;
	border-radius: 100px;
	text-align: center;
	margin-bottom: 20px;
}

.cr2022_box .txt {
	font-size: 130%;
	margin-bottom: 20px;
}

.cr2022_btn {
	text-align: center;
	margin-bottom: 30px;
}

.cr2022_btn a {
	display: inline-block;
	background: #c10a15;
	color: #fff;
	padding: 10px 20px;
	font-weight: bolder;
	font-size: 140%;
	border-radius: 100px;
}

.bol_line {
	text-decoration: underline;
}


.cr2022_ttl_sub {
	font-size: 160%;
	font-weight: bolder;
	border-bottom: 2px solid #c10a15;
	border-top: 2px solid #c10a15;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 20px;
}

.top_banner_top {
	margin-bottom: 20px;
	display: block;
}

.faq_txt {
	margin-bottom: 40px;
}

.faq_link {
	display: block;
	font-size: 120%;
	text-align: center;
}

.faq_link a {
	border: 1px solid #d6d6d6;
	padding: 10px 20px;
	border-radius: 100px;
}

.r_app {
	position: relative;
}

.r_app_btn01 {
	position: absolute;
	left: 2.5%;
	bottom: 4%;
	width:35%;
}

.r_app_btn02 {
	position: absolute;
	left: 40%;
	bottom: 4%;
	width: 35%;
}

/*NY2023*/

.ny2023 .cr2022_box {
	border: 4px solid #e6c37b;
	background: #f4f7df;
}

.ny2023 .cr2022_ttl {
	color: #fff;
	background: #d52833;
	border-radius: 10px;
}

.ny2023 .cr2022_ttl_sub {
	border-bottom: none;
	border-top: none;
	padding: 10px;
	margin-bottom: 20px;
	background: #bb7462;
	color: #fff;
	border-radius: 10px;
}

.cont_txt {
	margin-bottom: 20px;
}
.cont_txt_pk {
	font-size: 120%;
	font-weight: bolder;
	color: #e36aa0;
	margin-bottom: 30px;
}

.cont_txt_pk a {
	color: #e36aa0;
	text-decoration: underline;
}

.bottom_mail {
	font-size: 90%;
}

.kyuugyou {
	max-width: 980px;
	padding: 0px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
}

.kyuugyou .kyuugyou_inner {
	padding: 20px;
	box-sizing: border-box;
}

.kyuugyou_ttl {
	font-size: 140%;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 20px;
}

.kyuugyou_red {
	color: #b6000d;
	padding: 10px;
	border: 2px solid #b6000d;
	margin-top: 20px;
	margin-bottom: 0px;
}



.r_app_top .r_app_btn01 {
	position: absolute;
	left: 3%;
	bottom: 8%;
	width:23%;
}

.r_app_top .r_app_btn02 {
	position: absolute;
	left: 28%;
	bottom: 8%;
	width: 23%;
}


.s_kyuushi {
	box-sizing: border-box;
	padding: 10px 20px;
	border: 4px solid #ff0000;
	margin-bottom: 30px;
}

.s_kyuushi_ttl {
	font-weight: bolder;
	text-align: center;
	margin-bottom: 5px;
	font-size: 120%;
}

.s_kyuushi_txt {
	font-weight: bolder;
}

/*20230313*/
.characteristic_new #renew_characteristic .top_area ul.top_area_new {
	/*flex-wrap: wrap;*/
	/*max-width: 900px;*/
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
}

.characteristic_new #renew_characteristic .top_area ul.top_area_new li {
	/*width: 30%;*/
	/*width: 16%;*/
	width: 23%;
}

.price_btn {
	max-width: 400px;
	margin: 0 auto;
}

.p_cont_common .lesson_list.lesson_list_new {
	display: flex;
	align-items: center;
	justify-content:space-between;
}

.p_cont_common .lesson_list.lesson_list_new li {
	width: 34%;
	text-align: center;
	min-height: 110px;
	display: table;
}

.p_cont_common .lesson_list.lesson_list_new li a {
  font-size: 85%;
	text-align: center;
	/*min-height: 55px;*/
	display: table-cell;
	vertical-align: middle;
}

.p_cont_common .lesson_list.lesson_list_new li a span.stxt {
	display: block;
	font-size: 75%;
	text-align: center;
}

.p_cont_common .lesson_list.lesson_list_new li.lesson01 {
	background: #dfcbe5;
}

.p_cont_common .lesson_list.lesson_list_new li.lesson02 {
	background: #f2ddce;
}

.p_cont_common .lesson_list.lesson_list_new li.lesson03 {
	background: #c1dbd0;
}


.online_cont_list ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.online_cont_list ul li {
	width: 32%;
}

.online_cont_list ul li a {
	display: block;
	background: #ff0000;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
}

.online_cont_list ul li a span {
	display: block;
	text-align: center;
	font-weight: bolder;
}

.online_cont_list ul li a span.ex_s_txt {
	font-size: 80%;
}

.online_cont_list ul li a b {
	font-weight: bolder;
	font-size: 150%;
}

.online_cont_list ul li.online_cont_list01 a {
	color: #5c226c;
	background: #dfcbe5;
}

.online_cont_list ul li.online_cont_list02 a {
	color: #eb7b2a;
	background: #f2ddce;
}

.online_cont_list ul li.online_cont_list03 a {
	color: #045934;
	background: #b1d6c6;
}

.left_boder01 {
	margin-bottom: 50px;
}

.left_boder02 {
	margin-bottom: 50px;
}

.left_boder01 .ttl {
	color: #622a72;
border-left: 5px solid #622a72;
}

.left_boder02 .ttl {
	color: #ec8132;
border-left: 5px solid #ec8132;
}

.left_boder03 .ttl {
	color: #c0232b;
border-left: 5px solid #c0232b;
}

.cont_price {
	padding: 30px;
	box-sizing: border-box;
	border: 3px solid #ef770a;
	/*margin-top: 50px;*/
}


#cont_price_ttl {
	margin-top: 50px;
}

#cont_price_ttl .p_renew_ttlbox {
	background: #ef770a;
}
#cont_price_ttl h5 {
	color: #fff;
}
#cont_price_ttl h5.text-divider::before,
#cont_price_ttl h5.text-divider::after {
	background-color: #fff;
}
#cont_price_ttl h4 {
	color: #ef770a;
}


.price_mid_ttl {
	display: block;
	font-size: 220%;
	text-align: center;
}

.price_mid_ttl_sub {
	display: block;
	text-align: center;
	font-size: 140%;
	font-weight: bolder;
}

.shougou {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 0px !important;
}


.top_shougou {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.top_shougou div {
	width: 48%;
}

.stxt_ttl {
	display: block;
	font-size: 82%;
}

.kids_tuika {
	background: #eefff9;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 15px;
}

.kids_tuika_ttl {
	font-size: 120%;
	font-weight: bolder;
	margin-bottom: 10px;
	border-bottom: 2px solid #b1d6c6;
	padding-bottom: 5px;
}

.tuika_txt {
	font-size: 100%;
	margin-bottom: 15px;
}

.tuika_txt02 {
	font-size: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 10px;
	border: 3px solid #b1d6c6;
}



.kids_waku {
	display: inline-block;
	border: 1px solid #2d654d;
	color: #2d654d;
	padding: 5px 10px;
	border-radius: 100px;
	margin-right: 5px;
}

.txt_waku {
	background: #fff;
	padding: 10px;
	border: 3px solid #b1d6c6;
	margin-top: 10px;
	font-size: 100%;
	background: #fdffe6;
}

.nennrei_lis {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	
}

.nennrei_lis li {
	margin: 10px;
	border: 1px solid #c0232b;
	padding: 10px 30px;
	text-align: center;
	border-radius: 100px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	text-indent: 0 !important;
	background: #c0232b;
	color: #fff;
}

.nennrei_lis li .p_color04 {
	color: #fff;
  }

.big_txt_nennrei_lis {
	font-size: 140%;
	text-align: center;
}

.nennrei_lis02 {
	border: 3px solid #f8b9bb;
	background: #fff;
	padding: 10px;
	font-size: 110%;
	margin-top: 20px;
}

.faq a {
	color: dodgerblue;
}




#nav.renew_nav02 {
  background: #f1eeeb;
}

#nav.renew_nav.renew_nav02 ul li{
	 background: rgb(246,245,245);
background: linear-gradient(180deg, rgba(246,245,245,1) 0%, rgba(244,244,244,1) 0%, rgba(223,222,222,1) 100%); 
}

#nav.renew_nav.renew_nav02 ul li a {
	padding: 5px 0px;
	
}


.kids_new_two {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.kids_new_two div.kids_tuika {
	width: 48%;
}

.txt_waku {
	margin-bottom: 30px;
	font-size: 120%;
}

.tuika_txt_he {
	min-height: 120px;
}

.txt_big {
	font-size: 120%;
	text-align: center;
}

.rec_btn {
	text-align: center;
	margin-top: 50px;
}

.rec_btn a {
	display: inline-block;
	border-radius: 100px;
	color: #fff;
	text-align: center;
	background: #2595d5;
	font-weight: bolder;
	font-size: 160%;
	padding: 20px 100px;
}

.watashino {
	margin-bottom: 50px;
}

.kids_one {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.kids_nennrei {
	border: 3px solid #b1d6c6;
	box-sizing: border-box;
	padding: 10px;
}

.kids_nennrei_ttl {
	text-align: center;
	font-size: 150%;
	font-weight: 700;
	margin-bottom: 10px;
}

.kids_nennrei .txt {
	font-size: 120%;
}




.p_renew_ttlbox_top {
	margin-top: 0px;
	margin-bottom: 50px;
}

.p_renew_ttlbox_top h5 {
	font-size: 250%;
	font-weight:bolder;
	margin-bottom: 10px;
}
.p_renew_ttlbox_top .text-divider {
	display: flex;
	align-items: center;
}
.p_renew_ttlbox_top .text-divider::before {
	margin-right: 1rem;
}
.p_renew_ttlbox_top .text-divider::after {
	margin-left: 1rem;
}
.p_renew_ttlbox_top h5.text-divider::before,
.p_renew_ttlbox_top h5.text-divider::after {
	content: '';
	height: 1px;
	flex-grow: 1;
}
.p_renew_ttlbox_top h5 {
	color: #c0232b;
	position: relative;
	text-align: center;
}
.p_renew_ttlbox_top h5.text-divider::before,
.p_renew_ttlbox_top h5.text-divider::after {
	background-color: #c0232b;
}

.strong_boader {
	border-bottom: 1px solid #ef770a !important;
}

.jp_level {
	max-width: 400px;
	margin-top: 40px;
	border: 5px solid #faedf2;
	padding: 20px;
	box-sizing: border-box;
}

.jp_level_i {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background: #666;
	margin-right: 10px;
	border-radius: 50%;
}

.level01 {
	background: #008c8c;
}

.level02 {
	background: #15a5ef;
}

.level03 {
	background: #fba2ab;
}

.level04 {
	background: #cf676d;
}

.level_ttl {
	font-size: 120%;
	text-align: center;
	margin-bottom: 15px;
}

.jp_level li {
	display: flex;
	justify-content:space-between;
	margin-bottom: 20px;
}

.jp_level li p {
	width: 88%;
}

.muryoutaiken_btn {
	text-align: center;
	margin-top: 50px;
}

.muryoutaiken_btn a {
	display: inline-block;
	padding: 10px 50px;
	background: #ef7609;
	color: #fff;
	text-align: center;
	font-size: 200%;
	font-weight: 700;
	border-radius: 100px;
	background: rgb(241,174,81);
	background: linear-gradient(180deg, rgba(241,174,81,1) 0%, rgba(239,118,11,1) 100%); 
	border: 1px solid #ef760b;
}



.p_cont_common .price_in_ttl.p_color04 {
	background:#f7dbe6;
}

.p_cont_common .price_list.lesson01 tr th {
	background: #f7dbe6;
	color: #aa3e41;
  }


.c_room {
	padding: 30px;
	box-sizing: border-box;
	border: 3px solid #df8bac;
}

.c_room .txt {
	font-size: 130%;
	margin-top: 30px;
	margin-bottom: 50px;
}

.c_room_big {
	font-size: 140%;
	color: #df8bac;
	font-weight: bolder;
}

.c_room_caution {
	border: 3px solid #d987a7;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 50px;
	background: #fdf2f5;
}

.c_room_caution p {
font-size: 130%;
font-weight: bolder;
}

.fast_lesson_wrap {
	text-align: center;
	margin-bottom: 40px;
}

.fast_lesson {
	display: inline-block;
	background: #c0232b;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 100px;
	font-size: 125%;
	color: #fff;
	font-weight: bolder;
	text-align: center;
}

.mt50 {
	margin-top: 50px;
}

.aiueo {
	text-align: center;
	color: #ff0000;
	font-size: 170%;
	margin-top: 50px;
}

/*
.slick-current {
	margin-top: -50px !important;
}

*/


.cach_c {
	font-size: 160%;
	font-weight: bolder;
	margin-bottom: 10px;
	color: #3F1F00;
}

.kids_b a {
	display: block;
	position: relative;
}

.kids_b a::before {

	display: none;

	content: "";
	background: url(../images/partner/kids_badg01.png) no-repeat;
	width:219px;
	height: 36px;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 60px;
}

.kids_b02 {
	display: block;
	position: relative;
	
}

.kids_b02::before {
	content: "";
	background: url(../images/partner/kids_badg02.png) no-repeat;
	width:318px;
	height: 52px;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 40px;
	display: none !important;
}

.r_app_btn01,.r_app_btn02 {
	display: none !important;
}



.price_section {
	margin-bottom: 50px;
}

.price_section_ttl {
	font-weight: 700;
	font-size: 160%;
	background: #f0f0f0;
	border-left: 10px solid #df8bac;
	padding: 10px;
	text-align: left;
	margin-bottom: 20px;
}


.price_section_ttl03 {
	font-weight: 700;
	font-size: 160%;
	background: #df8bac;
	padding: 10px;
	text-align: left;
	margin-bottom: 20px;
	color: #fff;
}

.price_section_ttl04 {
	background: #ef7508;
}

.price_section_ttl05 {
	background: #a38b77;
}


.price_section_txt {
	font-size: 120%;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 25px;
}

.price_section_txt02 {
	font-size: 120%;
}

.price_section_TB {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #d6d6d6;
	font-weight: bolder;
}

.price_section_TB th {
	text-align: center;
	font-weight: 700;
	padding: 10px;
	background: #df8bac;
	color: #fff;
	border: 1px solid #d6d6d6;
	vertical-align: middle;
	font-size: 120%;
}

.price_section_TB02 th {
	background: #ef7508;
}

.price_section_TB td {
	text-align: center;
	padding: 10px;
	border: 1px solid #d6d6d6;
	vertical-align: middle;
	font-size: 120%;
}

.price_section_TB td .small {
	font-size: 70%;
}

.price_section_TB_sub {
	background: #f0f0f0;
}

.mb30 {
	margin-bottom: 30px !important;
}
.mt30 {
	margin-top: 30px !important;
}


.price_section_sub01 {
	font-weight: 700;
	font-size: 140%;
	border-left: 10px solid #df8bac;
	padding: 10px;
	text-align: left;
	margin-bottom: 20px;
}

.price_section_ttl02 {
	border-left: 10px solid #ef7508;
}

.card {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* 20240926 characteristic */
#renew_characteristic .price_section {
	border: 3px solid #d585a5;
}
#renew_characteristic .price_section .box_in {
	padding: 30px;
}
#renew_characteristic .price_section dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 30px;
}
#renew_characteristic .price_section dl.pt0 {
	padding-bottom: 0;
}
#renew_characteristic .price_section dl dt {
	width: 35%;
	margin-right: 30px;
}
#renew_characteristic .price_section dl dd {
	width: 65%;
}
#renew_characteristic .price_section_ttl {
	background: #d585a5;
	border-left: none;
	padding: 10px 20px;
	margin-bottom: 0;
	color: #fff;
	border-bottom: 3px solid #d585a5;
}
#renew_characteristic .price_section_ttl02 {
	background: #ec8132;
	color: #fff;
	margin-bottom: 0;
}
#renew_characteristic .price_section_TB th {
	background: #d585a5;
	color: #fff;
}
#renew_characteristic .price_section_TB_sub {
	background: #fffdf8;
}
#renew_characteristic .price_section.orange_line {
	border: 3px solid #ec8132;
}
#renew_characteristic .price_section.orange_line .price_section_ttl {
	border-bottom: 3px solid #ec8132;
}
#renew_characteristic .price_section_TB.price_section_TB02 th {
	background: #ec8132;
	color: #fff;
}
#renew_characteristic .price_section_sub01 {
	border-left: 10px solid #d585a5;
}
#renew_characteristic .orange_line .price_section_sub01 {
	border-left: 10px solid #ec8132;
}
#renew_characteristic .price_section_ttl05 {
	background: #b1d6c6;
}
#renew_characteristic  .price_section_ttl03 {
	background: #b1d6c6;
	padding: 10px 20px;
	text-align: left;
	margin-bottom: 0;
	color: #146441;
}
#renew_characteristic .price_section.green_line {
	border: 3px solid #b1d6c6;
}


.price_section_shoousai {
	text-align: center;
	background: #a38b77;
	padding: 10px 20px;
	color: #fff;
	font-size: 180%;
	font-weight: bolder;
	margin-bottom: 40px;
}

/* index おすすめ講師 */
.recommendation_teachers {
	margin-bottom: 0px;
	/*background: #f2eeeb;*/
	padding: 50px 20px;
}
.recommendation_teachers .inner {
	max-width: 980px;
}
.recommendation_teachers_ttl {
	font-weight: 700;
	margin-bottom: 40px;
	color: #330806;
}
.recommendation_teachers .top_voice_slider {
	margin-top: 0;
}

/* index 講師検索 */
.shougou {
	max-width: 600px;
}
.search_teachers {
	margin-bottom: 80px;
	color: #330806;
}
.search_teachers .renew_inner {
	max-width: 1000px;
}
.search_teachers_ttl {
	font-weight: 700;

}
.search_teachers_ttl_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	margin-top: -50px;
}
.search_teachers_ttl_box .ttl {
	font-weight: 700;
	font-size: 150%;
}
.search_teachers_btn {
	background: #e8e1d3;
	color: #330806;
	font-weight: 700;
	width: 300px;
	padding: 10px 30px;
	box-sizing: border-box;
	text-align: right;
	border-radius: 100px;
	font-size: 130%;
	position: relative;
}
.search_teachers_btn::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/index/btn_icon.png)no-repeat left bottom/101px 75px;
	width: 101px;
	height: 75px;
	bottom: 0;
	left: -30px;
}

.search_teachers_list {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.search_teachers_list li {
	width: 23%;
	text-align: center;
}
.search_teachers_list li:not(:nth-child(4n)) {
	margin: 0 2.5% 30px 0;
}
.search_teachers_list li img {
	max-width: 160px;
}
.search_teachers_list li span {
	display: block;
	font-weight: 700;
	font-size: 120%;
	color: #330806;
}

.search_teachers_list li a {
	display: block;
	background: #e8e1d3;
	border-radius: 5px;
	padding-bottom: 10px;
}

/* 講師の検索結果ページ */
.search_teachers_result {
	margin-bottom: 80px;
}
.search_teachers_result .renew_ttl_box {
	margin-bottom: 30px;
}
.search_teachers_result .top_txt {
	margin-bottom: 40px;
	font-size: 130%;
}
.search_tag_box {
	background: #f0f0f0;
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 50px;
}
.search_tag_box ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content:center;
}
.search_tag_box ul li {
	margin: 0 10px 20px 0;
	line-height: 1;
}
.search_tag_box .check_i {
	display: none;
}
.search_tag_box ul li span {
	padding: 10px 20px;
	display: block;
	background: #ff9900;
	border-radius: 100px;
	color: #fff;
	border: 2px solid #ff9900;
}
.search_tag_box .check_i:checked + span {
	border: 2px solid #ff9900;
	background: #fff;
	color: #ff9900;
}
.search_tag_box .search_btn {
	margin-top: 10px;
}
.search_tag_box .search_btn {
	text-align: center;
}
.search_tag_box .search_btn input {
	background: #ca3e76;
	border: none;
	color: #fff;
	font-size: 120%;
	padding: 5px 60px;
	border-radius: 10px;
}
.search_result_list>li a {
	border: 2px solid #a48b77;
	padding: 10px;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.search_result_list>li:not(:last-child) {
	margin: 0 0 30px;
}
.search_result_list>li .img {
	width: 20%;
	margin-right: 30px;
}
.search_result_list>li .info_box {
	width: 80%;
}
.search_result_list>li .info_box .name {
	font-size: 190%;
	color: #3F1F00;
	margin-bottom: 0px;
	font-weight: 700;
}
.search_result_list>li .info_box .cat {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 10px;
	font-size: 90%;
	border-bottom: 2px solid #a48b77;
	padding: 0 0 0px;
}
.search_result_list>li .info_box .cat li {
	background: #ca3e76;
	padding: 2px 15px;
	color: #fff;
	border-radius: 50px;
	margin-bottom: 10px;
}
.search_result_list>li .info_box .cat li:not(:last-child) {
	margin-right: 10px;
}
.search_result_list>li .info_box .c_copy {
	font-size: 120%;
	color: #3F1F00;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 1.2;
}
.search_result_list>li .info_box .com {
	font-size: 110%;
}

.slider_voice02 li {
	background: #fff;
}


#voice_area ul.slider_voice02 li .txt b {
	font-size: 16px;
}

.top_voice_slider #voice_area ul.slider_voice02 li .txt span {
	font-weight: 400;
}

.top_voice_slider #voice_area ul.slider_voice02 li .btn {
	font-size: 12px;

}

.top_voice_slider #voice_area ul.slider_voice02 li {
	min-height: 400px;
	border: 1px solid #ccc;
}



.index_tokuchou_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
}

.index_tokuchou_list dt {
	width: 25%;
}

.index_tokuchou_list dd {
	width: 72%;
}

.index_tokuchou_list dd p {
	font-size: 160%;
	font-weight: 700;
}

.index_tokuchou_list01 {
	background: #fefae7;
	border-bottom: 3px solid #cbb015;
}

.index_tokuchou_list02 {
	background: #f1fcff;
	border-bottom: 3px solid #228eac;
}

.index_tokuchou_list03 {
	background: #f5ffef;
	border-bottom: 3px solid #4e9b20;
}


.fot_btn {
	padding: 20px;
	margin-bottom: 50px;
}

.fot_btn ul {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.fot_btn ul li {
	width: 32%;
	margin: 0 10px;
}


.shousai_btn {
	text-align: right;
	margin-top: 15px;
}

.shousai_btn a {
	display: inline-block;
	background: #ccc;
	color: #fff;
	border-radius: 100px;
	padding: 10px 30px;
}

.shousai_btn a.shousai_btn01 {
	background: #cbb015;
}
.shousai_btn a.shousai_btn02 {
	background: #228eac;
}
.shousai_btn a.shousai_btn03 {
	background: #4e9b20;
}



.index_tokuchou02 {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.index_tokuchou02 li {
	width: 48%;
}


.index_tokuchou {
	margin-bottom: 50px;
}

.yasumi {
	position: relative;
}

.yasumi_i {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 0px;
	/*bottom: 82px;*/
	bottom: 48px;
	display: block;
	padding: 5px 10px;
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	text-align: center;
}

/* 20241105 english coaching */
.englishcoaching #area04 ul.index_tokuchou02 {
	align-items: flex-end;
}
.englishcoaching #area04 ul.index_tokuchou02 li {
	border: none;
	background: none;
	padding: 0;
}
.englishcoaching #area04 ul.index_tokuchou02 li:not(:last-child) {
	margin: 0;
}
.englishcoaching #area04 ul li .ttl_box .num {
	min-width: 80px;
}
.englishcoaching #area04 ul li .ttl_box .ttl {
	font-size: 240%;
	line-height: 1.4;
}



.top1119 {
	max-width: 1000px;
	margin: 0 auto;
}

.top1119 dl {
	display: flex;
	justify-content: space-between;
	border-bottom: 5px solid #df8bac;
	align-items: center;
	margin-bottom: 30px;
	margin-top: -30px;
}

.top1119 dl dt {
	width: 25%;
}

.top1119 dl dd {
	width: 70%;
	font-weight: 700;
	font-size: 200%;
}

.top1119 p {
	/*font-weight: 700;*/
}


.englishcoaching #area04 .ttl_navy.ttl_navy_long {
	width: 400px;
	margin-top: 30px;
}


.top1119_or dl {
	margin-top: 30px;
}

.top1119_or dl dt {
	background: #ff9900;
	padding: 20px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	border-radius: 10px 10px 0px 0px;
} 

.top1119_or dl dd {
	border: 1px solid #ff9900;
	padding: 20px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 0px 0px 10px 10px;
} 

.top1119_or dl dt p {
	display: block;
	position: relative;
	padding-left: 60px;
}

.top1119_or dl dt p::before {
	position: absolute;
	content: "";
	background: url(../images/index/top1119_img04.png) no-repeat;
	background-size: 100%;
	width: 49px;
	height: 51px;
	top: 50%;
	left: 0;
	margin-top: -25px;
}

/* index price */
.index_price_box {
	margin: 50px 0 70px;
}
.index_price_box .renew_ttl_jp {
	font-weight: 400;
}

.index_price_box .cont_price {
	padding: 15px;
	border: 3px solid #ef770a;
	/*margin-top: 50px;*/
}
.index_price_box .p_cont_common .lesson_list li {
	width: 100%;
}
.index_price_box .p_cont_common .lesson_list.lesson_list_new li {
	width: 100%;
	margin-right: 0px;
	min-height: inherit;
}
.index_price_box .p_cont_common .lesson_list.lesson_list_new li a {
	font-size: 134%;
	display: block;
	width: 100%;
	padding: 10px 5px;
	box-sizing: border-box;
}
.index_price_box .p_cont_common .lesson_list.lesson_list_new li a span.stxt {
	display: block;
	font-size: 70%;
	text-align: center;
}
.index_price_box .price_mid_ttl {
	font-size: 125%;
	text-align: center;
}
.index_price_box .price_mid_ttl_sub {
	display: block;
	text-align: left;
}
.index_price_box .price_mid_ttl_sub {
	display: block;
	text-align: center;
	font-size: 120%;
}
.index_price_box .p_cont_common .info_box {
	display: flex;
	/*flex-flow: row nowrap;*/
	/*align-items: flex-start;*/
	justify-content: space-between;
}
.index_price_box .p_cont_common .info_box .box {
	width: 48%;
	box-sizing: border-box;
	border: 6px solid #622a72;
	padding: 10px;
	height: auto;
	border-radius: 10px;
}
.index_price_box .p_cont_common .info_box .box:last-child {
	border: 6px solid #ec8132;
}
.index_price_box .p_cont_common .info_box ul {
	margin-bottom: 30px;
}
/*
.index_price_box .p_cont_common .info_box .box:not(:last-child) {
	margin: 0 0 30px;
}*/

.index_price_box .p_cont_common .info_box .box:not(:last-child) {
	margin-bottom: 0;
}
	
.index_price_box .p_cont_common .info_box .ttl {
	padding: 10px;
	margin: 0 0 20px;
	font-size: 110%;
	background: #f0f0f0;
}
.index_price_box .p_cont_common .info_box ul {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.index_price_box .p_cont_common .info_box ul li {
	margin: 0;
}
.index_price_box .p_cont_common .info_box ul li:not(:last-child) {
	margin: 0 0 20px;
}
.index_price_box .p_cont_common .info_box ul li .icon {
	margin: 0 10px 0 0;
}
.index_price_box .p_cont_common .info_box ul li .icon img {
	max-width: 50px;
}
.index_price_box .p_cont_common .info_box ul li .txt {
	font-size: 100%;
}
.index_price_box .p_cont_common .info_box .price_txt {
	margin: 0 0 20px;
	font-size: 100%;
}
.index_price_box .p_cont_common .info_box .price_list {
	font-size: 90%;
}
.index_price_box .p_cont_common .info_box .price_list tr > * {
	vertical-align: middle;
	box-sizing: border-box;
}
.index_price_box .p_cont_common .info_box .price_list tr th {
	width: 100%;
	padding: 10px;
	border-right: none;
	font-size: 110%;
}
.index_price_box .p_cont_common .info_box .price_list tr td {
	padding: 10px;
	width: 100%;
	border-right: none;
	font-size: 110%;
}
.index_price_box .p_cont_common .info_box .caution {
	font-size: 90%;
}
.index_price_box .p_cont_common .price_in_ttl {
	font-size: 100%;
	padding: 10px;
	margin: 0 0 10px;
	border-radius: 10px;
}
/* マンツーマンレッスン */
.index_price_box #cont01.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon01_1.png")no-repeat center/70px 35px;
}
.index_price_box #cont01.p_cont_common .info_box .ttl {
	border-left: 3px solid #622a72;
}
.index_price_box .p_cont_common .price_list.lesson01 tr > * {
	display: block;
}
.index_price_box .p_cont_common .price_list.lesson01 tr td {
	width: 100%;
}
.index_price_box .p_cont_common .price_list.lesson01 tr td.expire {
	width: 100%;
}

/* グループレッスン */
.index_price_box #cont02.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon02_1.png")no-repeat center/70px 35px;
}
.index_price_box #cont02.p_cont_common .info_box .ttl {
	border-left: 3px solid #ec8132;
}
.index_price_box .p_cont_common .price_list.lesson02 tr td.capacity {
    width: 30%;
	border-right: 1px solid #eeeeee;
}
.index_price_box .p_cont_common .price_list.lesson02 tr td.expire {
    width: 100%;
}
.index_price_box .p_cont_common .price_list.lesson02.sp {
	display: table!important;
}
.index_price_box .btn {
	text-align: center;
	margin: 30px auto 0;
}
.index_price_box .btn a {
	display: block;
	max-width: 390px;
	width: 100%;
	background: #df8bac;
	color: #fff;
	font-weight: 700;
	font-size: 150%;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 0 auto;
}

/* index_flow */
.index_flow {
	margin: 70px 0 0;
}
.index_flow_list {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.index_flow_list li {
	width: 23%;
}
.index_flow_list li dl {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.index_flow_list li dl dt {
	background: #df8bac;
	color: #fff;
	font-size: 110%;
	padding: 5px 20px;
	border-radius: 5px;
	font-weight: 700;
	display: inline-block;
	margin: 0 auto 10px;
	text-align: center;
}
.index_flow_list li dl dd {
	text-align: center;
	font-weight: 700;
	font-size: 120%;
	line-height: 1.4;
	height: 55px;
	margin-bottom: 20px;
}

.box_w100 .txt_box {
	width: 100% !important;
}

.partner ul li {
	position: relative;
}
.kaigai {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 48px;
	background: #e62c76;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 5px;
	z-index: 3;
}

.kids_b_k a::before {
	bottom: 95px;
}

/* 20241219 add */
/* index
-------------------------------------------------------*/
#header .header-text{
	font-size: 75%;
	line-height: 1.2;
	background: #fff;
	padding: 10px 0 0px 0;
	margin-bottom: 10px;
}

.fv_under{
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 0px;
	text-align: center;
}

/* 20241223 add */
/* index02
-------------------------------------------------------*/
.new_index02_price_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.new_index02_price_box .price_section {
	width: 48%;
	margin-bottom: 20px;
}
.new_index02_price_box .price_section table {
	font-size: 80%;
}
.index02_pink_btn a {
	display: block;
	max-width: 390px;
	width: 100%;
	background: #df8bac;
	color: #fff;
	font-weight: 700;
	font-size: 150%;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.2;
}
.index02_qa_area {
	padding: 0 0 80px;
}
.faq.index02_qa_area .renew_ttl {
	font-size: 350%!important;
	margin-bottom: 10px!important;
}
.faq.index02_qa_area .faq_beginner {
	margin-top: 70px;
}
.index02_qa_area .faq_beginner .main_ttl {
	margin-bottom: 30px!important;
}
.faq_beginner .qa_new_box {
	margin-bottom: 30px;
}
.faq_beginner .qa_new_box a {
	color: #333;
}




.login_btn {
	margin-right: 20px;
}

.login_btn a {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	border-radius: 100px;
	padding: 5px 40px;
	color: #fff;
	background: #ff9300;
}

.greeting_ttl {
	border-left: 5px solid #a48b77;
  padding-left: 20px;
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px;
}


.pot_top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.pot_top_L {
	width: 30%;
}

.pot_top_R {
	width: 65%;
}

.pot_mid_ttl {
	font-weight: 700;
	font-size: 120%;
	border-left: 3px solid #df8bac;
	padding-left: 10px;
	margin-bottom: 20px;
}

.pot_mid_list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 50px;
}

.pot_mid_list li {
	max-width: 45px;
	margin-right: 20px;
}

.mb80 {
	margin-bottom: 80px;
}

.ttl_navy_once {
	margin-bottom: -50px !important;
}

.page_yasumi {
	background: #ff0000;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 700;
}


.renew_contents_banners .renew_index_inner {
	max-width: 1200px;
}


.index_lesson_part {
	margin-top:20px;
}

.index_lesson_part_list {
	display: flex;
	justify-content: space-between;
}

.index_lesson_part_list li {
	width: 32%;
	background: #fff;
	border-radius: 15px;
	border: 4px solid #df8bac;
	box-sizing: border-box;
}

.index_lesson_part_list_name {
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #fff;
	font-size: 110%;
	color: #fff;
}

.index_lesson_part_list_ttl {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	font-size: 130%;
	text-align: center;
}

.index_lesson_part_list_sub {
	display: inline-block;
	background: #000;
	padding: 2px 20px;
	color: #fff;
	border-radius: 100px;
	margin-bottom: 10px;
	font-size: 90%;
}

.index_lesson_part_list_txt {
	font-weight: 700;
}

.top_line_ttl {
	border-bottom: 3px solid #df8bac;
	border-top: 3px solid #df8bac;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	background: #fbf2f5;
}

.top_line_ttl::before {
	content: "";
	width: 100%;
	height: 1px;
	background:#df8bac;
	position: absolute;
	left: 0;
	top:5px;
}

.top_line_ttl::after {
	content: "";
	width: 100%;
	height: 1px;
	background:#df8bac;
	position: absolute;
	left: 0;
	bottom:5px;
}



.topTB01 table {
	border: 1px solid #d6d6d6;
	font-size: 120%;
	width: 100%;
	margin-bottom: 10px;
}

.topTB01 table th {
	padding: 10px;
	width: 60%;
	font-weight: 700;
	background: #d585a5;
	color: #fff;
	border: 1px solid #d6d6d6;
}

.topTB01.ather_TB table th {
	background: #666;
	
}

.topTB01 table td {
	padding: 10px;
	font-weight: 700;
	border: 1px solid #d6d6d6;
}

.txt_box_one_flex {
	display: flex;
	justify-content: space-between;
	padding: 20px !important;
	box-sizing: border-box;
	border: 1px solid #ccc;
	align-items: center;
	margin-bottom: 20px;
}

.txt_box_one_flex > p {
	width: 45%;
}

.txt_box_one_flex .topTB01 {
	width: 50%;
}

.feature_dif_list {
	margin-bottom: 30px;
}

.feature_dif_list dl {
	margin-top: 30px;
}

.feature_dif_list dl dt {
	background: #00B2B2;
	color: #fff;
	font-size: 130%;
	font-weight: 700;
	padding: 10px;
	border: 1px solid #00B2B2;
	border-radius: 10px 10px 0 0;
}

.feature_dif_list dl dd {
	padding: 10px;
	border: 1px solid #00B2B2;
	border-radius:0 0 10px 10px;
}

.feature_dif_list_sec dl dt {
	background: #2595d5;
	border: 1px solid #2595d5;
}

.feature_dif_list_sec dl dd {
	border: 1px solid #2595d5;
}


.pkl {
	display: inline;
	background: linear-gradient(transparent 60%, #f3d4e0 60%);
}

.top_vo_wrap {
	background: #fbf2f5;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
	padding: 30px;
	padding-left: 30%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}

.top_vo_wrap::before {
	content: "";
	display: block;
	background: url(../images/index/top_vo_photo.png) no-repeat;
	background-size: 100%;
	width:310px;
	height: 274px;
	left: 30px;
	bottom: 0;
	position: absolute;
}

.top_vo_wrap .recommendation_teachers_ttl {
	display: inline;
	margin-bottom: 0 !important;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
	background: linear-gradient(transparent 60%, #f9dee7 60%);
}

.index_lesson_part_list li.top_vo01 {
	border-color: #184f9b;
}
.index_lesson_part_list li.top_vo02 {
	border-color: #018b28;
}
.index_lesson_part_list li.top_vo03 {
	border-color: #fc8f01;
}

.top_vo_ttl_wrap {
	background: #000;
	border-radius: 10px 10px 0 0;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.top_vo01 .top_vo_ttl_wrap {
	background-color: #184f9b;
}
.top_vo02 .top_vo_ttl_wrap {
	background-color: #018b28;
}
.top_vo03 .top_vo_ttl_wrap {
	background-color: #fc8f01;
}

.top_vo_txt_wrap {
	padding: 0px 20px 20px 20px;
}

.top_vo01 .index_lesson_part_list_sub {
	background-color: #184f9b;
}
.top_vo02 .index_lesson_part_list_sub {
	background-color: #018b28;
}
.top_vo03 .index_lesson_part_list_sub {
	background-color: #fc8f01;
}



.lp_cta {
	background: #fbf2f5;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 20px;
	max-width: 1000px;
	margin: 0 auto;
}

.lp_cv_btn {
	max-width:600px;
	margin: 0 auto;
}

.lp_mt50mb50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* 20250508 強みページの作成について */
#nav.renew_nav ul.nav-retouch li{
	width: 14.28%;
}
.detail-page-link{
	display: block;
	width: 120px;
	margin-left:auto;
	margin-bottom: 60px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #DF8BAC;
	color: #fff;
	border-radius: 5px;
	
}
.feature-link{
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #DF8BAC;
	color: #fff;
	border-radius: 5px;
	font-size: 120%;
}
.detail-page-link{
	display: block;
	width: 160px;
	margin-left:auto;
	margin-bottom: 60px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #DF8BAC;
	color: #fff;
	border-radius: 5px;
	font-size: 120%;
}
.feature-link{
	display: block;
	width: 40%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #DF8BAC;
	color: #fff;
	border-radius: 5px;
	font-size: 140%;
}

/* 20250519 メインビジュアルテキスト化 */
.new_visual .inner {
	padding:40px 20px 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.new_visual_ttl {
	text-align: center;
	margin-bottom: 10px;
	font-size: 400%;
	font-weight: 700;
	color: #3f0000;
	line-height: 1.4;
	text-shadow:
    -5px -5px 0 white, -4px -5px 0 white, -3px -5px 0 white, -2px -5px 0 white, -1px -5px 0 white, 0px -5px 0 white, 1px -5px 0 white, 2px -5px 0 white, 3px -5px 0 white, 4px -5px 0 white, 5px -5px 0 white,
    -5px -4px 0 white,                                                 5px -4px 0 white,
    -5px -3px 0 white,                                                 5px -3px 0 white,
    -5px -2px 0 white,                                                 5px -2px 0 white,
    -5px -1px 0 white,                                                 5px -1px 0 white,
    -5px  0px 0 white,                                                 5px  0px 0 white,
    -5px  1px 0 white,                                                 5px  1px 0 white,
    -5px  2px 0 white,                                                 5px  2px 0 white,
    -5px  3px 0 white,                                                 5px  3px 0 white,
    -5px  4px 0 white,                                                 5px  4px 0 white,
    -5px  5px 0 white, -4px 5px 0 white, -3px 5px 0 white, -2px 5px 0 white, -1px 5px 0 white, 0px 5px 0 white, 1px 5px 0 white, 2px 5px 0 white, 3px 5px 0 white, 4px 5px 0 white, 5px 5px 0 white;
}
.new_visual_ttl span {
	background: linear-gradient(transparent 75%, #ffff00 75%);
	display: inline-block;
}
.new_visual_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}
.new_visual_box dl {
	position: relative;
	width: 25%;
}
.new_visual_box dt img {
	max-width: 249px;
}	
.new_visual_box dl dd {
	font-weight: 700;
	color: #3f0000;
	line-height: 1;
	position: absolute;
	bottom: 15px;
	font-size: 90%;
	text-shadow:
	-2px -2px 0 white,
	0   -2px 0 white,
	2px -2px 0 white,
	-2px  0   0 white,
	2px  0   0 white,
	-2px  2px 0 white,
	0    2px 0 white,
	2px  2px 0 white;
}
.new_visual_box dl dd span {
	font-size: 180%;
	display: block;
}
.new_visual_list {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 220%;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #3f0000;
	width: 74%;
}
.new_visual_list span {
	color: #ff9900;
}
.new_visual_list li {
	background: #fff;
	border: 5px solid #ff9900;
	border-radius: 20px;
	width: 29%;
	padding: 20px 5px;
	position: relative;
}
.new_visual_list li::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/index/n_visual_check.png)no-repeat left top/49px 48px;
	width: 49px;
	height: 48px;
	left: -20px;
	top: -10px;
}


.index_onayami {
	margin-top: 30px;
}

.index_onayami_inner {

}

.index_onayami_ttl {
	font-weight: 900;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 320%;
	border-bottom: 5px solid #fc9101;
	padding-bottom: 10px;
}

.index_onayami_ttl b {
	font-weight: 900;
	color: #fc9101;
	/*font-size: 150%;*/
}

.index_onayami_list {
}

.index_onayami_list li {
	font-weight: 700;
	border-bottom: 1px dotted #666;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 170%;
	font-family: 'Noto Sans JP', sans-serif;
}

.index_onayami_list li span {
	color: #fc9101;
	margin-right: 5px;
}

.mk {
	background: linear-gradient(transparent 60%, #fefb01 60%);
	font-weight: 900;
}

.contact_sub {
	font-weight: 700;
	font-size: 150%;
	border-left: 3px solid #e36aa0;
	padding-left: 15px;
	margin-bottom: 10px;
}

.blue {
	color: #15a5ef;
}

.red {
	color: #ff0000;
}

.txt_bold {
	font-weight: 700;
}


.media_links {
	text-align: center;
	font-size: 100%;
}

.media_links .txt {
}

.media_links a {
	/*color: #15a5ef;*/
}

/* 20250526 修正 */
.index .recommendation_teachers {
  padding: 50px 20px 0;
}
.index .footer_contact_btn_area {
  padding: 10px 0px 50px;
}


.mov_box_wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.mov_box_wrap .image {
	width: 31.5%;
}

.mov_box_wrap .mov_box {
	margin: 0;
	width: 650px;
}

.partner_profile .profile_box .text_box {
	padding-left: 0;
	width: 100%;
}

.partner_profile .profile_box .text ul li {
	border-bottom: 2px solid #faedf2;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 120%;
}

.partner_profile .profile_box .text ul li .text01 {
	width: 25%;
}

.partner_profile .profile_box .text ul li .text02 {
	width: 70%;
}

.watashino {
	font-size: 120%;
}

.partner_profile .comment .text .text_in {
	font-size: 120%;
}


.top_rec_banner {
  max-width: 500px;
  margin: 0 auto;
}

.pp_tb {
	border: 1px solid #d6d6d6;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
}

.pp_tb th {
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	text-align: center;
}

.pp_tb td {
	padding: 10px;
	border: 1px solid #d6d6d6;
}


/* 20250702追加 */
.index_6points {
	padding: 50px 20px;
}
.index_6points .inner {
	width: 100%;
}
.index_6points_ttl01,.index_6points_ttl02,.index_6points_ttl03 {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}
.index_6points_ttl01 {
	font-weight: 900;
	font-size: 250%;
	margin-bottom: 10px;
	color: #fff;
}
.index_6points_ttl01 span {
	display: block;
	background: #009fff;
	padding: 5px 30px;
}
.index_6points_ttl02 {
	font-weight: 900;
	font-size: 200%;
	margin-bottom: 20px;
	border-bottom: 2px solid #009fff;
	padding-bottom: 15px;
}
.index_6points_ttl03 {
	font-size: 180%;
	margin-bottom: 50px;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
}
.list_index_6points {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;
}
.list_index_6points li {
	width: 32%;
	text-align: center;
	
}
.list_index_6points li .border {
	border: 5px solid #009fff;
	border-radius: 20px;
	padding: 20px 0px 0;
	box-sizing: border-box;
}
.list_index_6points li:nth-child(-n+3) {
	margin-bottom: 20px;
}
.list_index_6points li .ttl {
	font-weight: 900;
	font-size: 170%;
	height: 120px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.2;
}
.list_index_6points li .caution {
	font-size: 90%;
	margin-top: 10px;
	text-align: left;
}

.marker_y {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}


.con_big {
	font-size: 120%;
}

.cat_sub {
	margin-bottom: 10px;
}

.cat_sub span {
	color: #ca3e76;
}


.search_teachers_result .renew_ttl_jp span {
	color: #ca3e76;
	font-size: 120%;
	margin-right: 10px;
}

.line_6points {
	display: inline-block;
	margin-bottom: 14px;
}



#header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1000;
	padding-bottom: 5px;
}

#nav {
	position: fixed;
	width: 100%;
	top: 102px;
	left: 0;
	z-index: 1000;
}

.index {
	padding-top: 140px;
}
.breadcrumb {
	padding-top: 140px;
}

.ttl_ssearch {
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 20px;
}