@charset "utf-8";

/*------------------------------------------------------------------
/
/	SP
/
/-----------------------------------------------------------------*/

/* module
-------------------------------------------------------*/
.pc {
display: none;
}
.sp {
display: block;
}
.inner {
width:100%;
max-width:100%;
}
.area {
padding:30px 0 0;
}
h3 {
font-size: 150%;
line-height: 1.2;
}
.area .title img {
margin-bottom:5px;
max-width: 150px;
}
.title_box > * {
display: inline-block;
}
.btn_big img {
max-width: 337px;
}
.btn_big {
margin-bottom: 30px;
}
.parallax {
padding-top: 30px;
}
.subtitle b {
font-size: 110%;
padding: 10px 20px;
line-height: 1.2;
margin-bottom:30px;
}

/* header
-------------------------------------------------------*/
#header {
text-align: center;
padding:0;
padding-top: 50px;
margin-bottom:10px;
}
#header .box {
width: 100%;
}
#header h1 {
text-align: center;
padding: 10px 35px;
}
#header .logo {
text-align: center;
}
#header .logo img {
max-width: 164px;
}
#header .inner {
justify-content: center;
    width: 100%;
    max-width: 100%;
}
#header .inner ul {
	justify-content: flex-start;
position: fixed;
left:0;
top:0;
z-index: 99;
background:#fff;
padding:10px 5px;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #df8bac;
}
#header .inner ul li {
padding: 0 0px;
margin: 0;
}
#header .inner ul.ul01 {
display: none;
}
.lesson img {
max-width: 200px;
}
.contact img {
max-width: 200px;
}

/* nav
-------------------------------------------------------*/
/* ドロワーメニュー*/
#menu_btn {
position: fixed;
cursor: pointer;
right: 10px;
/*top: 9px;*/
top: 18px;
z-index: 99999;
height: 18px;
}
#menu_btn span {
display: block;
border: 1px solid #000;
width: 20px;
transition: 0.3s;
position: relative;
}
#menu_btn span:nth-child(2) {
top: 5px;
}
#menu_btn span:last-child {
top: 10px;
}
#menu_btn.on span {
border-color: #333;
}
#menu_btn.on span:first-child {
transform: rotate(45deg);
top: 7px;
}
#menu_btn.on span:nth-child(2) {
opacity: 0;
}
#menu_btn.on span:last-child {
transform: rotate(-45deg);
top: 3px;
}
#menu {
display: none;
/*background: rgba(223,139,172,0.9);*/
	/*background: rgba(255,255,255,0.9);*/
	/*background: #3998e1;*/
	background: #f5f5f5;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#menu ul {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
}
#menu ul li {
text-align: center;
}
#menu ul li:first-child {
border-top:1px solid #d6d6d6;
}
#menu ul li {
color: #333;
border-bottom: 1px solid #d6d6d6;
}
#menu ul li>* {
line-height: 1.2;
}
#menu ul li a {
color:#333;
display: block;
transition: .2s;
padding: 10px 0;
width: 300px;
margin:0 auto;
}
#menu ul li a:hover {
opacity: 0.7;
}
#menu ul li span:last-child {
color: #fff;
display: block;
}
/* breadcrumb
-------------------------------------------------------*/
.breadcrumb ul {
padding: 0 20px;
box-sizing: border-box;
}
/* footer
-------------------------------------------------------*/
#footer {
padding: 30px 0 100px;
}
#footer .inner ul{
padding: 0 15px;
text-align: center;
margin-bottom: 30px;
}
#footer .box ul {
flex-flow: row wrap;
}
#footer .box ul li {
margin-right: 10px;
line-height: 1.4;
}
#footer .copy {
padding:20px 20px 0;
}
#footer .logo img {
max-width: 164px;
}

#footer #footer_banner .ttl {
font-size: 120%;
border-bottom: 1px solid #e36a9f;
margin-bottom: 5px;
}
#footer #footer_banner {
margin-bottom:0;
}
#footer #footer_banner ul {
padding:10px;
}
#footer #footer_banner li {
width: 50%;
padding: 10px;
box-sizing: border-box;
margin-bottom: 0;
}
#footer #footer_banner li:not(:last-child){
margin:0;
}
#footer #footer_banner p {
font-size: 90%;
line-height: 1.3;
}

/* index
-------------------------------------------------------*/
.index #area .title {
font-size: 150%;
margin-bottom: 20px;
line-height: 1.2;
}
.index #area .title .title_box {
padding: 0 20px;
display: inline-block;
}
.index #area h3 {
margin-bottom: 30px;
}
.index #area h3::after {
margin-top: 10px;
}
.index #area .btn {
padding: 0 20px;
}
.index #area ul.features{
max-width: 100%;
width: 100%;
box-sizing: border-box;
flex-flow: row wrap;
padding: 0 20px;
margin-bottom:10px;
}
.index #area ul.features li {
width: 50%;
box-sizing: border-box;
margin-bottom: 20px;
text-align: center;
}
.index #area ul.features li:nth-child(odd) {
padding-right: 10px;
}
.index #area ul.features li:nth-child(even) {
padding-left: 10px;
}
.index #area .banner{
width: 100%;
padding:10px;
box-sizing: border-box;
margin-bottom:10px;
}
.index #area .banner li{
margin-bottom:0;
width: 50%;
text-align: center;
padding:10px;
}
.index .btn_big {
margin-bottom:10px;
}


.mov{
width: 100%;
padding:10px;
box-sizing: border-box;
margin-bottom:10px;
}
.mov li{
margin-bottom:0;
width: 100%;
	max-width: inherit;
text-align: center;
padding:10px;
}

.index #area .banner li{

	margin-right: 0px;
}

/* facebook
-------------------------------------------------------*/
.facebook p {
padding: 20px 20px;
text-align: center;
}

/* feature
-------------------------------------------------------*/
.feature .parallax {
    padding-top: 30px;
}
.feature .title .pink {
padding-left:5px;
}
.feature #area ul {
margin-bottom:30px;
}
.feature #area ul li {
padding: 0 20px;
box-sizing: border-box;
}
.feature #area ul li .title {
line-height: 1.2;
margin-bottom:20px;
}
.feature #area ul li .title .num b {
font-size: 150%;
}
.feature #area ul li .title .num span {
font-size: 100%;
}
.feature #area ul li .image {
margin-bottom: 10px;
}
.feature #area ul li .image img {
max-width: 181px;
}
.feature #area ul li .text_box {
flex-flow: column-reverse;
align-items: center;
}
.feature #area ul li:nth-last-child(-n+2) .text_box {
flex-flow: column-reverse;
}
.feature #area ul li .text_box .text {
width: 100%;
font-size: 100%;
padding-right: 0;
line-height: 1.4;
}
.feature #area ul li:nth-child(3) .text_box .text, .feature #area ul li:last-child .text_box .text {
    padding: 0;
}
.feature #area ul li .title::before {
width: 52px;
height: 36px;
margin-top:5px;
}
.feature #area ul li:first-child .title::before,
.feature #area ul li:nth-child(2) .title::before,
.feature #area ul li:nth-child(3) .title::before,
.feature #area ul li:last-child .title::before {
background-size: 52px 36px;
}
.feature .btn {
padding:0 20px;
box-sizing: border-box;
}
.feature #area ul li::after {
margin: 20px 0;
}

/* characteristic
-------------------------------------------------------*/
.characteristic #course ul li .title {
font-size: 110%;
}
.characteristic #course ul li .title .icon::before {
background: url(../images/characteristic/icon01.png)no-repeat center center/35px 35px;
width: 35px;
height: 35px;
}
.characteristic #course ul li .text_box .image img {
max-width: 135px;
margin-bottom: 10px;
}
.characteristic #course ul li .text_box {
flex-flow: column;
align-items: center;
justify-content: center;
}
.characteristic #course ul li .text_box .text {
width: 100%;
font-size: 100%;
padding-left: 0px;
margin-bottom: 30px;
line-height: 1.4;
}
.characteristic #course ul li .text_bottom {
padding: 10px;
}
.characteristic #course ul li .text_bottom .title2 {
font-size: 100%;
}
.characteristic #course ul li .text_bottom .text {
font-size: 100%;
line-height: 1.4;
}
.characteristic #course ul li:last-child .text_box .text {
margin-bottom: 0;
}

.characteristic #lesson_style .subtitle .text {
padding: 0 20px;
font-size: 100%;
line-height: 1.4;
}
.characteristic #lesson_style .box {
    margin: 0 20px;
}
.characteristic #lesson_style .box .title {
line-height: 1.2;
}
.characteristic #lesson_style .box .title .text01 {
font-size: 110%;
}
.characteristic #lesson_style .box .title .text02 {
font-size: 80%;
}
.characteristic #lesson_style .lesson01 .title::before {
background: url(../images/characteristic/icon02.png)no-repeat center center/40px 40px;
width: 40px;
height: 40px;
}
.characteristic #lesson_style .lesson02 .title::before {
background: url(../images/characteristic/icon03.png)no-repeat center center/40px 40px;
width: 40px;
height: 40px;
}
.characteristic #lesson_style .lesson03 .title::before {
background: url(../images/characteristic/icon04.png)no-repeat center center/40px 40px;
width: 40px;
height: 40px;
}

.characteristic #lesson_style .box .text {
font-size: 100%;
line-height: 1.4;
}

.characteristic #lesson_style .box .price {
font-size: 90%;
width: 45px;
}
.characteristic #lesson_style .box .price_list {
font-size: 70%;
margin-bottom: 20px;
}
.characteristic #lesson_style .box dl {
display: block;
}
.characteristic #lesson_style .box dl>* {
display: block;
width: 100%!important;
line-height: 1.2;
}
.characteristic #lesson_style .box dl dt {
padding: 10px;
font-size: 130%;
}
.characteristic #lesson_style .box dl dd {
padding: 10px;
font-size: 130%;
font-weight: bold;
}
.characteristic #lesson_style .box dl dd.expire {
padding: 10px;
}
.characteristic #lesson_style .box dl dt {
border-right: 0;
}
.characteristic #lesson_style .box dl dd {
border-right: 0;
}
.characteristic #lesson_style .box dl:last-child dd {
border-bottom: 1px solid #D6D6D6;
}
.characteristic #lesson_style .box .price_list {
border-bottom: 0;
}
.characteristic #lesson_style .box .bottom_text {
font-size: 90%;
line-height: 1.4;
}
.characteristic #lesson_style .lesson02 .capacity {
font-size: 100%;
line-height: 1.4;
}
.characteristic #lesson_style .lesson02 .price02 {
font-size: 90%;
}
.characteristic #lesson_style .lesson03 .price_list {
font-size: 50%;
}
.characteristic #lesson_style .lesson03 table {
border-right: none;
}
.characteristic #lesson_style .lesson03 table td {
font-weight: bold;
padding: 5px 10px;

}
.characteristic #lesson_style .lesson03 table th {
padding: 5px 10px;
width: 50%;
}
.characteristic #lesson_style .lesson03 dl dd {
width: 100%!important;
}
.characteristic #lesson_style .banner {
padding: 20px;
margin-bottom: 0;
}
.characteristic #lesson_style .lesson03 dl span {
font-size: 150%;
}
.characteristic #lesson_style .lesson03 dl span {
font-size: 150%;
}

.characteristic #cancel_payment .title {
font-size: 110%;
padding:10px 20px;
}
.characteristic #area #cancel_payment .cancel .fixed_lesson {
padding: 10px;
}
.characteristic #cancel_payment .fixed_lesson {
margin: 0 20px;
font-size: 90%;
}
.characteristic #area #cancel_payment .cancel .group_lesson {
padding: 10px;
}
.characteristic #cancel_payment .group_lesson {
margin: 0 20px;
font-size: 90%;
padding: 10px;
}
.characteristic #cancel_payment .payment .text{
margin: 0 10px;
font-size: 90%;
}
.characteristic #area #cancel_payment .cancel .subtitle b {
padding-bottom:5px;
}
.characteristic #area #cancel_payment .payment .text {
    font-size: 100%;
	margin:0 20px;
}
.characteristic ul li .li_in {
    padding: 20px;
}
.characteristic #area #course {
    margin-bottom: 30px;
}
.characteristic #lesson_style .lesson02 .capacity span {
margin-bottom:5px;
margin-right: 0;
}
.characteristic #course ul li {
margin-bottom:30px;
}
.characteristic #cancel_payment {
margin-bottom:30px;
}
.characteristic #area #course .subtitle img {
    max-width: 100px;
}
.characteristic .parallax {
    padding-top: 30px;
}
.characteristic #lesson_style .subtitle img {
max-width: 141px;
}
#kids_lesson {
margin:0 20px;
}
#kids_lesson #kids_lesson_in {
border-radius: 5px;
padding:20px;
margin:0;
}
#kids_lesson #kids_lesson_in .ttl_head {
font-size: 100%;
}
#kids_lesson #kids_lesson_in .img_txt {
margin:0 auto 30px;
    max-width: 354px;
}
#kids_lesson #kids_lesson_in .txt_head {
font-size: 100%;
}
#kids_lesson #kids_lesson_in .box {
padding:20px;
}
#kids_lesson #kids_lesson_in .box:first-of-type {
margin:0 0 35px;
}
#kids_lesson #kids_lesson_in .box:first-of-type::before {
top:-20px;
right: 0;
background: url(../images/characteristic/kids_lesson_img01.png)no-repeat center/48px 78px;
width: 48px;
height: 78px;
}
#kids_lesson #kids_lesson_in .box:last-of-type::before {
top:-20px;
left: 10px;
background: url(../images/characteristic/kids_lesson_img02.png)no-repeat center/45px 64.5px;
width: 45px;
height: 64.5px;
}
#kids_lesson #kids_lesson_in .box .ttl {
font-size: 110%;
padding:0 35px;
margin:0 0 20px;
}
#kids_lesson #kids_lesson_in .box .txt b {
font-size: 110%;
margin:0 0 20px;
}
#kids_lesson #kids_lesson_in .box .txt span {
line-height: 1.4;
font-size: 100%;
}
#kids_lesson #kids_lesson_in .box:last-of-type .txt:not(:last-child) {
margin:0 0 20px;
}
#online.box .top_box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
#online.box .top_box .img {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
}
#online.box .top_box .txt {
    font-size: 100%;
    width: 100%;
}
#online.box .mid_box {
    width: 100%;
    padding: 20px;
    margin: 0 auto 20px;
    box-sizing: border-box;
}
#online.box .mid_box .ttl {
    font-size: 120%;
}
#online.box .mid_box .ttl::before {
    left: 0px;
}
#online.box .mid_box .ttl::after {
    right: 0px;
}
#online.box .mid_box ul li {
    align-items: flex-start;
    font-size: 80%;
}
#online.box .mid_box ul li span {
    padding: 7px 0 0;
    width: 10%;
}
#online.box .mid_box ul li p {
    width: 90%;
}
#online.box .bot_box {
    padding: 10px;
}
#online.box .bot_box .wh_box {
    padding: 10px;
}
#online.box .bot_box .ttl_box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
#online.box .bot_box .ttl_box .img {
    width: 70%;
    margin: 0 0 10px;
    text-align: center;
}
#online.box .bot_box .ttl_box .txt_box {
    width: 100%;
}
#online.box .bot_box .ttl_box .txt_box .ttl {
    font-size: 120%;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-align: center;
}
#online.box .bot_box .ttl_box .txt_box .txt {
    font-size: 100%;
}
#online.box .bot_box ul li {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
#online.box .bot_box ul li .img {
    width: 30%;
    text-align: center;
    margin: 0 0 10px;
}
#online.box .bot_box ul li .right_txt {
    width: 100%;
}
#online.box .bot_box ul li .right_txt .ttl {
    font-size: 100%;
    margin: 0 0 10px;
    text-align: center;
}
#online.box .bot_box ul li .right_txt .txt {
    font-size: 90%;
}
#online.box .bot_box .com img {
    padding: 10px 0 0;
}
#online.box .bot_box .bot_com {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
#online.box .bot_box .bot_com .img {
    width: 100%;
    margin: 0 0 10px;
}
#online.box .bot_box .bot_com .txt_box {
    width: 100%;
}
#online.box .bot_box .bot_com .txt_box .ttl {
    font-size: 100%;
}
#online.box .bot_box .bot_com .txt_box .txt {
    font-size: 90%;
}
/******************** テーブルNEW ********************/
.characteristic #lesson_style .box .dlbox {
border: 1px solid #D6D6D6;
font-size: 60%;
border-bottom: none;
margin-bottom: 10px;
}
.characteristic #lesson_style .box .col2 {
display: table;
width: 100%;
text-align: center;
}
.characteristic #lesson_style .box .col2:first-child dt:first-child {
border-right: 1px solid #D6D6D6;
} 
.characteristic #lesson_style .box .col1 {
text-align: center;
}
.characteristic #lesson_style .box .col2 > * {
display: table-cell;
vertical-align: middle;
width: 50%!important;
}
.characteristic #lesson_style .box .col2.price_dd {
text-align: right;
}
.characteristic #lesson_style .box .col2.price_dd dd:first-child {
border-right: 1px solid #D6D6D6;
}
/******************** //テーブルNEW ********************/
.characteristic #lesson_style .box .price_list th {
border-right: none;
width: 100%;
padding: 10px;
color: #fff;
background: #FF7F00;
text-align: left;
font-size: 130%;
}
.characteristic #lesson_style .box .price_list td {
font-size: 130%;
font-weight: bold;
}
.characteristic #lesson_style .box .price_list td.expire {
border-left: none;
}
/* lesson
-------------------------------------------------------*/

.lesson #lesson_in .subtitle .title_box .comment {
font-size: 80%;
padding: 0 20px;
}
.lesson #lesson_in .title {
padding: 0 20px;
}
.lesson #lesson_in .title img {
max-width: 160px;
}
.lesson #lesson_in .title .brown {
font-size: 90%;
}
.lesson #lesson_in .text {
padding: 0 20px;
font-size: 100%;
margin-bottom: 30px;
	text-align: left;
}
.lesson #lesson_in .main_lesson .sp ul {
padding: 0 20px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.lesson #lesson_in .main_lesson .sp ul li img {
max-width: 350px;
}
.lesson #lesson_in .main_lesson .sp ul li{
margin-bottom: 50px;
position: relative;
text-align: center;
}
.lesson #lesson_in .main_lesson .sp ul li::after {
content: "";
display: block;
background: url(../images/lesson/image_icon.png)no-repeat;
background-size: 14px 40px;
width: 14px;
height: 40px;
transform: rotate( 90deg );
position: absolute;
left: 0;
right: 0;
bottom: -24px;
margin: auto;
}
.lesson #lesson_in .main_lesson .sp ul li:last-child::after {
display: none;
}
.lesson #lesson_in .main_lesson .sp .img_text {
text-align: center;
font-size: 100%;
margin-bottom: 20px;
}
.lesson #lesson_in .example .in {
font-size: 90%;
}

/* faq
-------------------------------------------------------*/
.faq #area dl {
padding: 0 0px;
}
.faq #area dl dt::before {
background: url(../images/faq/q.png)no-repeat center center/ 30px 30px;
width: 30px;
height: 30px;
}
.faq #area dl dt {
font-size: 110%;
margin-bottom: 10px;
line-height: 1.2;
}
.faq #area dl dd {
font-size: 100%;
}
.faq #area dl dd {
margin-bottom: 20px;
}
.faq #area dl dd::after {
margin-top: 20px;
}
.faq #area {
padding-bottom:10px;
}
.faq #area .box {
    margin-bottom: 30px;
}

/* lesson
-------------------------------------------------------*/
.trial_lesson .inner {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.trial_lesson .covid_caution {
	font-size: 90%;
	margin: 0 0 30px;
}
.trial_lesson #trial_area01 {
	margin: 0 0 50px;
}
.trial_lesson #trial_area02 {
	margin: 0 0 25px;
}
.trial_lesson .trial_flow>li {
	padding: 20px;
}
.trial_lesson .trial_flow li .in {
	flex-flow: column-reverse;
}
.trial_lesson .trial_flow>li:not(:last-child) {
	margin: 0 0 30px;
}
.trial_lesson .trial_flow li .txt_box_in {
	width: 100%;
	margin: 0;
}
.trial_lesson .trial_flow li .img {
	width: 100%;
	margin: 0 0 20px;
}
.trial_lesson .trial_flow li .caution {
	font-size: 90%;
}
.trial_lesson .trial_flow li .ttl {
	font-size: 120%;
}
.trial_lesson .trial_flow li .ttl dt {
	margin: 0 10px 0 0;
	font-size: 65%;
	padding: 10px;
	min-width: 70px;
	box-sizing: border-box;
}
.trial_lesson .trial_flow li .trial_flow_in {
	font-size: 90%;
	line-height: 1.8;
}
.trial_lesson .trial_flow li .trial_flow_in li:not(:last-child) {
	margin: 0 0 10px;
}
.trial_lesson .trial_flow .box {
	margin: 30px 0 0;
}
.trial_lesson .new_line_ttl {
	font-size: 100%;
	margin-bottom: 20px;
}
.trial_lesson .trial_flow .link_box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.trial_lesson .trial_flow .link_box a {
	width: 100%;
	font-size: 100%;
	padding: 15px 10px;
	margin: 0;
}
.trial_lesson .trial_flow .link_box a:not(:last-child) {
	margin: 0 0 10px;
}
.trial_lesson .row_3box span {
	margin: 0 5px;
}
.trial_lesson #contact select {
	width: 22%;
}
.trial_lesson #contact .kikkake select {
	width: 100%;
}
.trial_lesson .date_box {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.trial_lesson .date_box:not(:last-child) {
	margin: 0 0 20px;
}
.trial_lesson .date_box p {
	margin: 0 0 10px;
	width: 100%;
}
.trial_lesson .date_box span {
	margin: 0 10px 0 20px;
	width: 70px;
}
.trial_lesson .date_box input {
	width: 200px!important;
}

/* flow
-------------------------------------------------------*/
.flow .box .text_box .text {
font-size: 100%;
}
.flow .box .f_box,
.flow .box .f_box.rev {
flex-flow: column-reverse nowrap;
align-items: center;
}
.flow .box .image {
text-align: center;
margin-bottom:20px;
}
.flow .box .text_box {
padding:0;
}
.flow .box ol li {
padding:0 20px;
box-sizing: border-box;
    margin-bottom: 80px;
}
.flow .box .f_box.rev .text_box {
padding:0;
}
.flow .box ol li:last-child {
margin-bottom:30px;
}
.flow .box ol li .title .brown {
font-size: 120%;
line-height: 1.2;
}
.flow .box ol li .title::before {
width:42px;
height:42px;
background-size:42px 42px!important;
}
.flow .box .image img {
width: 80%;
    max-width: 330px;
}
.flow .box ol li:not(:last-child)::after {
width:90px;
height:31px;
background-size: 90px 31px!important;
bottom:-60px;
}

/* partner
-------------------------------------------------------*/
.partner ul {
align-items: center;
justify-content: center;
padding: 0 10px;
}
.partner ul li {
width: 45%;
box-sizing: border-box;
margin: 0 5px 20px;
text-align: center;
}
.partner ul li img {
max-width: 100%;
}

/* partner_profile
-------------------------------------------------------*/
.partner_profile .profile_box {
flex-flow: column;
align-items: center;
margin-bottom: 25px;

}
.partner_profile .profile_box .image img {
max-width: 300px;
margin-bottom: 15px;
}
.partner_profile .profile_box .name {
text-align: center;
}
.partner_profile .profile_box .name .brown {
font-size: 150%;
margin-bottom: 15px;
}
.partner_profile .profile_box .text_box {
padding-left: 0px;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}
.partner_profile .profile_box .text {
	
font-size: 100%;
}
.partner_profile .profile_box .text ul li {
margin-bottom: 10px;
}
.partner_profile .profile_box .text ul li b {
width: 100px;
}
.partner_profile .area .title img {
max-width: 150px;
}
.partner_profile .comment .text {
font-size: 100%;
}
/* message
-------------------------------------------------------*/


/* leaders_message
-------------------------------------------------------*/
.leaders_message .box,
.leaders_message .bottom_text {
padding:0 20px;
box-sizing: border-box;
}
.leaders_message .box {
flex-flow: column nowrap;
align-items: center;
justify-content: flex-start;
}
.leaders_message .text_box {
width: 100%;
}
.leaders_message .text_box .title .pink {
font-size: 120%;
margin-bottom:5px;
}
.leaders_message .text_box .title .name i {
font-size: 100%;
}
.leaders_message .text_box .title .name b {
font-size: 110%;
}
.leaders_message .text {
font-size: 100%;
}
.leaders_message .image_box {
width:100%;
}
.leaders_message .image_box .image {
text-align: center;
margin-top:20px;
}
.leaders_message .image_box .image_text_box .pink {
font-size: 100%;
}
.leaders_message .bottom_text {
padding-bottom:30px;
}

/* event
-------------------------------------------------------*/
.event #area .inner,
.event-other #area .inner {
width: 100%;
max-width: 100%;
padding:0 20px;
box-sizing: border-box;
}
.event #area ul li a {
display: block;
}
.event #area ul li .img {
margin-bottom:20px;
}
.event #area ul li .img img {
width: 100%;
margin:0;
}
.event #area ul li .txt-box .ttl {
font-size: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
}
.event-other h4 {
font-size: 110%;
}
.event01 ul li .img {
width: 40px;
max-width: 40px;
}
.event01 #area .txt {
margin-bottom: 30px;
}
.event01 .dl-box {
margin-bottom: 30px;
}
.event01 #area .box .txt03 {
font-size: 100%;
}
.event01 #area .box .txt01 {
margin-bottom: 10px;
font-size: 100%;
}
.event01 #area .box .txt02 {
font-size: 100%;
}
.event01 #area .box {
border: 2px solid #f2babd;
padding: 20px;
}
.event01 .dl-box {
font-size: 90%;
line-height: 1.3;
}
.event01 .dl-box dl dt {
width: 100px;
}
.event01 .dl-box dl > * {
padding: 10px;
}
.event01 #area .txt {
font-size: 90%;
line-height: 1.3;
}
.event-other .btn a {
display: block;
width: 85%;
max-width: 374px;
background: #cf676d;
font-size: 110%;
}

/*.event .title.brown {
font-size: 110%;
}
.event .title.brown::before {
background: url(../images/characteristic/icon01.png)no-repeat center center/35px 35px;
width: 35px;
height: 35px;
}
.event hr.dot_border {
margin: 20px 0;
}
.event #area01 .box .box_in {
padding: 20px;
}
.event #area01 .box .img {
text-align: center;
}
.event #area01 .box img {
width: 80%;
margin:0 0 20px;
}
.event #area01 .box .f_box {
flex-flow: column nowrap;
align-items: center;
}
.event #area01 .box .txt {
line-height: 1.4;
}
.event #area01 .box {
margin-bottom: 30px;
}
.event #area02 {
padding: 0 20px;
box-sizing: border-box;
}
.event #area02 li {
margin-bottom: 30px;
}*/

/* privacy
-------------------------------------------------------*/
.privacy #area01 .ttl {
line-height: 1.3;
}
.privacy #area01 .ttl,
.privacy #area01 .dl_box {
padding:0 20px;
box-sizing: border-box;
}
.privacy dl dt {
font-size: 110%;
line-height: 1.2;
}
.privacy dl dd {
line-height: 1.3;
}
.privacy .dl_box {
margin-bottom: 30px;
}

/* company
-------------------------------------------------------*/
.company .dl_box {
margin-bottom:30px;
}
.company dl dt {
width: 100px;
}
.company dl > * {
padding: 10px;
font-size: 90%;
line-height: 1.3;
}

/* about
-------------------------------------------------------*/
.about #area .inner {
max-width: 100%;
width: 980px;
}
.about .box01 .box-in .f-box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: space-between;
}
.about .box01 .img img {
width: 350px;
margin-right: 0;
margin-bottom:20px;
}
.about .box01 .box-in .txt-b {
text-align: center;
font-size: 110%;
margin-top: 20px;
line-height: 1.3;
}
.about .box01 .box-in .txt {
font-size: 100%;
line-height: 1.3;
}
.about .box01 {
margin-bottom: 30px;
}
.about .box02 {
flex-flow: column nowrap;
}
.about .box02 .img {
margin-bottom:20px;
}
.about .wrap {
padding:0 20px;
box-sizing: border-box;
}
.about .box02 .txt {
font-size: 100%;
line-height: 1.3;
}
.about #area .ttl {
font-size: 110%;
line-height: 1.3;
}
.about #area .txt-box {
margin-bottom: 50px;
font-size: 100%;
line-height: 1.3;
}
.about .box01 .img img {
width: 100%;
max-width: 350px;
}
.about .box02 img {
margin-right: 0;
max-width: 361px;
width: 100%;
}

/* contact
-------------------------------------------------------*/
#contact .ttl-txt {
font-size: 90%;
line-height: 1.2;
}
#contact tr {
width: 100%;
}
#contact tr > * {
padding: 15px 0;
display: block;
}
#contact tr th {
font-size: 100%;
width: 100%;
background-position: right center;
}
#contact tr:last-child th {
background-position: right center;
}
#contact tr td {
padding-top:0;
}
#contact .radio-area {
padding-botom:5px;
}
#contact .text {
height: 30px;
}
#contact .contact-btn {
font-size: 120%;
padding: 25px 30px;
width: 90%;
margin: 15px 5px 10px 5px;
display: block;
}
#contact .back-btn {
font-size: 120%;
padding: 25px 30px;
width: 90%;
margin: 30px 5px;
display: block;
}
#contact .inner {
width: 100%;
padding:0 20px;
box-sizing: border-box;
}
#contact .box {
border:2px solid #dbdbdb;
width: 100%;
margin:30px auto;
}
#contact select {
height: 30px;
width: 24%;
}
#contact .box-wrap {
padding:0 20px;
box-sizing: border-box;
}
#contact .box .ttl {
font-size: 110%;
}
#contact .box .txt {
font-size: 90%;
line-height: 1.3;
}
#contact tr:last-child th {
padding-right: 46px;
}


.characteristic #lesson_style .lesson03 .sp .price_list{
    font-size:70%;
}

.characteristic #lesson_style .lesson03.box .sp .price_list {
	border-right: none;
	border-top: none;
	width: 100%;
	max-width: inherit;
}

.characteristic .price_box {
	display: block;
}

.characteristic #lesson_style .box .price {
	width: 100%;
}




#one.box .mid_box {
    width: 100%;
    padding: 20px;
    margin: 0 auto 20px;
    box-sizing: border-box;
}
#one.box .mid_box .ttl {
    font-size: 120%;
}
#one.box .mid_box .ttl::before {
    left: 0px;
}
#one.box .mid_box .ttl::after {
    right: 0px;
}
#one.box .mid_box ul li {
    align-items: flex-start;
    font-size: 80%;
}
#one.box .mid_box ul li span {
    padding: 7px 0 0;
    width: 10%;
}
#one.box .mid_box ul li p {
    width: 90%;
}


.online_btn {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.online_btn a {
	display: inline-block;
	border-radius: 50px;
	background: #4c79fe;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-size: 80%;
}

#one.box .mid_box ul li span {
	margin-top: 3px;
}


.btn_cation_txt p {
	display: inline-block;
	font-size: 90%;
}

.form_cation {
	font-size: 90%;
}

.c_nav {
	flex-wrap: wrap;
	padding: 20px;
}


.c_nav li {
	width: 48%;
	margin-bottom: 10px;
}

.c_nav li a {
	font-size: 80%;
}


/* @media screen
-------------------------------------------------------*/

@media screen and (max-width: 480px) {
}


/* 20200225
-------------------------------------------------------*/
.feature .left {
    width: 100%;
    padding-right: 0;
}
.feature ul li .txt {
    width: 100%;
    font-size: 100%;
    padding-right: 0;
    line-height: 1.4;
}
.feature ul li .txt:not(:last-child){
    margin: 0 0 20px;
}
.feature .sub_ttl {
    font-size: 110%;
}
.feature .bottom_box {
    margin: 20px 0 0;
}
.feature .image {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
}
.feature .image .mb20 {
    margin: 0;
}
.feature .image .img {
    margin: 0 5px;
}



.feature .image.sp_none {
	display: none;
}

.feature .sp_f_img {
	display: block;
    max-width: 181px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.online_icons {
	margin-bottom: 15px;
}

.online_icons li {
	font-size: 70%;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 5px 5px;
}

.big_txt {
	font-size: 110%;
	font-weight: bolder;
	color: #4b79fd;
	text-align: left;
}

.partner_profile .profile_box .text ul li {
	display: block;
}

.partner_profile .profile_box .text ul li .text01 {
	width: 100%;
}

.partner_profile .profile_box .text ul li .text01 b {
	width: 100%;

}

.partner_profile .profile_box .text ul li .text02 {
	width: 100%;
	padding-left: 0px;
}

.mov_box {
	padding-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.mov_box iframe {
	width: 100%;
	height: 230px;
}

.partner .inner {
	width: 100%;
	max-width: 100%;
}

/* sns */
.sns_box {
    margin: 0 auto 20px;
    padding: 0 20px;
    box-sizing: border-box;
}
.instagram {
    margin: 0 0 30px;
}
.instagram .ttl_box {
    margin: 0 0 10px;
}
.instagram .ttl_box .icon {
    margin: 0 10px 0 0;
}

.instagram .ttl_box .ttl {
    font-size: 110%;
}
.instagram ul {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.instagram ul li {
    width: 49%;
}
.instagram ul li:nth-child(-n+2) {
    margin: 0 0 10px;
}
.fb_tw a img {
    max-width: 100%;
}
.ul02 .line img {
    height: auto;
    width: 100%;
    max-width: 200px;
}
.ul02 .line_qr img {
    max-width: 49px;
}

/* why
-------------------------------------------------------*/
.why #area.area {
	/*padding: 0 0 50px;*/
}
.why #area .top_img {
	margin: 10px 20px 0;
}
.why #area .mid_box {
	margin: 0 0 40px;
}
.why #area .mid_box .mid_ttl {
	font-size: 110%;
	padding: 10px 20px 0;
	margin: 0 0 60px;
}
.why #area .mid_box .mid_ttl::after {
	background: url("../images/why/arrow02.png")no-repeat center/100% 40px;
	width: 100%;
	height: 40px;
	bottom: -40px;
}
.why #area .mid_box .mid_ttl::before {
	background: url("../images/why/icon01.png")no-repeat center/42px 37px;
	width: 42px;
	height: 37px;
	left: 30px;
    top: -10px;
}
.why #area .mid_box .mid_txt01 {
	font-size: 120%;
	margin: 0 20px 30px;
}
.why #area .mid_box .mid_txt01 span {
	font-size: 130%;
}
.why #area .mid_box .mid_txt02 {
	font-size: 90%;
	margin: 0 20px 20px;
}
.why #area .ttl_pink {
	font-size: 130%;
	width: 300px;
	padding: 5px;
}
.why #area ul {
	padding: 40px 20px 20px;
	margin: -20px 20px 0;
}
.why #area ul li {
	font-size: 90%;
	text-indent: -1em;
	padding-left: 1em;
}
.why .btm_box .btm_top .txt {
	font-size: 90%;
	padding: 40px 10px;
}
.why .btm_box .btm_txt {
	font-size: 90%;
	margin: 0 20px;
}
.why .btm_box .btm_txt::after,.why .btm_box .btm_txt::before {
	background: url("../images/why/ttl_icon.png")no-repeat left/32px 46px;
	width: 32px;
	height: 46px;
}
.why .btm_box .btm_txt::after {
	right: -10px;
}
.why .btm_box .btm_txt::before {
	left: -10px;
}
.why .btm_box .btm_txt span {
	font-size: 120%;
}

/* 20210615 lesson */
#lesson_in .box {
	margin: 0 20px 30px;
}
#lesson_in .box .title {
	font-size: 130%;
}
#lesson_in .box .text_box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
#lesson_in .box .text_box .image {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 20px;
}
#lesson_in .box .text_box .image .img:first-child {
	margin: 0;
}
#lesson_in .box .text_box .image img {
	max-width: 181px;
}
#lesson_in .box .text_box .text {
	width: 100%;
	padding: 0;
	font-size: 100%;
}

/* index banner */
.index .banner_box {
	margin: 50px 20px 20px;
}

/* --------- 0922 リニューアル --------- */
/* common */
.renew_ttl {
	font-size: 220%;
}
.renew_ttl_box {
	margin: 0 0 30px;
}
.renew_ttl_box .renew_ttl_jp {
    margin: 0 0 20px;
}
.renew_ttl_jp {
	font-size: 120%;
	margin: 0 0 30px;
}

.renew_ttl_jp.characteristic_ttl {
	font-size: 110%;
}

.renew_inner {
	max-width: 1350px;
	margin: 0 auto;
	padding: 0 20px;
}
.btn_cation_txt p {
    font-size: 80%;
	line-height: 1.4;
}
.btn_cation_txt.renew {
    margin: 0 0 40px;
}

/* index */
.index .banner_lesson {
	margin: 40px auto 0;
}

.index .banner_lesson02 {
	margin: 20px auto 0;
}
.index .renew_4features {
	margin: 0 0 40px;
}
#renew_index .renew_4features ul li {
    width: 48%;
}
#renew_index .btn_big {
    margin-bottom: 50px;
}
#renew_index .renew_contents {
	margin: 0 0 40px;
}
#renew_index .renew_contents ul li {
	width: 48%;
}
#renew_index .renew_contents ul li:nth-child(-n+3) {
    margin: 0 0 15px;
}
#renew_index .renew_contents ul li:nth-child(-n+4) {
    margin: 0 0 15px;
}
#renew_index .renew_mov {
	margin: 0 0 40px;
	padding: 40px 0 40px;
}
#renew_index .renew_mov h3.renew_ttl {
	margin: 0 0 10px;
}
#renew_index .renew_mov .mov {
	margin: 0;
}


/* feature */
#renew_feature ul {
	margin: 0 0 40px;
}
#renew_feature ul li:not(:last-child) {
	margin: 0 0 30px;
}
#renew_feature ul li .ttl_box {
	margin: 0 0 20px;
	height: 90px;
}
#renew_feature ul li .ttl_box .num {
	font-size: 200%;
	width: 50px;
	padding: 0 5px;
	height: 90px;
}
#renew_feature ul li .ttl_box .num::after {
	border-bottom: 90px solid transparent;
	right: -50px;
}
#renew_feature ul li:first-child .ttl_box .num::after {
	border-left: 50px solid #cdb31b;
}
#renew_feature ul li:nth-child(2) .ttl_box .num::after {
	border-left: 50px solid #2a93b0;
}
#renew_feature ul li:nth-child(3) .ttl_box .num::after {
	border-left: 50px solid #55a029;
}
#renew_feature ul li:nth-child(4) .ttl_box .num::after {
	border-left: 50px solid #be3d70;
}
#renew_feature ul li:last-child .ttl_box .num::after {
	border-left: 50px solid #f39800;
}
#renew_feature ul li .ttl_box .txt_box {
	padding: 5px 10px 5px 60px;
}
#renew_feature ul li .ttl_box .txt_box .ttl {
	font-size: 120%;
	margin: 0 0 5px;
}
#renew_feature ul li .ttl_box .txt_box .ttl_s {
	font-size: 70%;
	line-height: 1.4;
}
#renew_feature ul li .box {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
#renew_feature ul li .box .img_box {
	width: 60%;
	margin: 0 auto 20px;
}
#renew_feature ul li .box .img_box img:not(:last-child) {
	margin: 0 0 10px;
}
#renew_feature ul li .box .txt_box {
	width: 100%;
	font-size: 90%;
	margin: 0 0 20px;
	box-sizing: border-box;
	padding: 0;
}
#renew_feature ul li .box .txt_box .mid_ttl {
	width: 230px;
	padding: 5px;
	font-size: 100%;
}

/* flow */
#renew_flow ul {
	margin: 0 0 40px;
}
#renew_flow ul li {
	flex-flow: column-reverse;
	align-items: center;
	justify-content: center;
	padding: 0 0 20px;
}
#renew_flow ul li:not(:last-child) {
	margin: 0 0 20px;
}
#renew_flow ul li .txt_box {
	width: 100%;
}
#renew_flow ul li .ttl_box {
	margin: 0 0 10px;
}
#renew_flow ul li .ttl_box .num {
	width: 50px;
	min-width: 50px;
	height: 50px;
	font-size: 160%;
	margin: 0 10px 0 0;
}
#renew_flow ul li .ttl_box .ttl {
	font-size: 120%;
}
#renew_flow ul li .txt {
	font-size: 90%;
}
#renew_flow ul li .btn_in {
	margin: 20px auto 0;
	display: block;
	text-align: center;
}
#renew_flow ul li .btn_in img {
	max-width: 250px;
}
#renew_flow ul li .img {
	width: 60%;
	margin: 0 0 20px;
}

/* lesson */
#renew_lesson {
	margin: 0 0 40px;
}
#renew_lesson .top_txt {
	font-size: 100%;
	margin: 0 0 20px;
}
#renew_lesson .img_box {
	margin: 0 0 20px;
}
#renew_lesson .txt {
	font-size: 90%;
}

/* characteristic */
#renew_characteristic .renew_ttl {
	font-size: 200%;
}
#renew_characteristic .top_area {
	margin: 0 0 30px;
}
#renew_characteristic .top_area h4 {
	margin: 0 0 10px;
}
#renew_characteristic .top_area ul li {
	width: 49%;
	margin: 0 2% 10px 0;
}
#renew_characteristic .top_area ul li:nth-child(3n) {
	margin: 0 2% 10px 0;
}
#renew_characteristic .top_area ul li:nth-child(2n) {
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson_type  {
	margin: 0 0 40px;
}
#renew_characteristic .lesson_ttl {
	font-size: 130%;
	padding: 15px;
}
#renew_characteristic .renew_lesson_type .border {
	padding: 20px 20px 30px;
}
#renew_characteristic .renew_lesson_type .top_txt_box {
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson_type .txt {
	font-size: 90%;
	line-height: 1.6;
}
#renew_characteristic .renew_lesson_type .top_txt_list {
	padding: 20px;
	font-size: 90%;
	margin: 20px 0;
}
#renew_characteristic .renew_lesson_type .top_txt_list li {
	padding-left: 1em;
	text-indent: -1.2em;
}
#renew_characteristic .renew_lesson_type .renew_price_box li:not(:last-child) {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson_type .price_ttl {
	font-size: 100%;
	padding: 10px 10px 10px 15px;
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson_type table tr:last-child {
	border-bottom: none;
}
#renew_characteristic .renew_lesson_type table th {
	padding: 10px;
	border-right: none;
}
#renew_characteristic .renew_lesson_type table td {
	padding: 10px;
}
#renew_characteristic .renew_lesson_type table td:last-child {
	border-right: none;
}
#renew_characteristic .renew_lesson_type dl {
	display: block;
}
#renew_characteristic .renew_lesson_type dl > * {
    display: block;
	width: 100%!important;
	line-height: 1.2;
}
#renew_characteristic .renew_lesson_type dl dt {
	border-right: none;
	width: 100%;
	padding: 10px;
}
#renew_characteristic .renew_lesson_type dl dd {
    border-right: none;
    padding: 10px;
    width: 100%;
}
#renew_characteristic .renew_lesson_type dl:last-child {
	border-bottom: none;
}
#renew_characteristic .renew_lesson_type dl:last-child dd {
    border-bottom: 1px solid #cecece;
}
#renew_characteristic .renew_lesson_type dl:last-child dd:last-child {
	border-bottom: none;
}
#renew_characteristic .renew_lesson_type .price_list {
	font-size: 90%;
}
#renew_characteristic .renew_lesson_type .renew_price_box .caution {
	font-size: 90%;
	margin: 10px 0 0;
}
#renew_characteristic .btn_big.btm {
    margin: 20px 0 10px;
}

/* renew_lesson01 */
#renew_characteristic .renew_lesson01 .lesson_ttl {
	border-top: 5px solid #825396;
}
#renew_characteristic .renew_lesson01 .border {
	border: 3px solid #a271b7;
}
#renew_characteristic .renew_lesson01 .price_ttl {
	border-left: 5px solid #a271b7;
}
#renew_characteristic .renew_lesson01 .btn01 {
	margin: 30px auto 0;
}
#renew_characteristic .renew_lesson01 dl dd {
	width: 100%;
}
#renew_characteristic .renew_lesson01 dl dd.expire {
	width: 100%;
}

/* renew_lesson02 */
#renew_characteristic .renew_lesson02 .lesson_ttl {
	border-top: 5px solid #a47349;
}
#renew_characteristic .renew_lesson02 .border {
	border: 3px solid #d49a68;
}
#renew_characteristic .renew_lesson02 .price_ttl {
	border-left: 5px solid #a47349;
}
#renew_characteristic .renew_lesson02 .top_ttl_box .ttl {
	font-size: 100%;
}
#renew_characteristic .renew_lesson02 .top_ttl_box .sub_ttl {	font-size: 80%;
}
#renew_characteristic .renew_lesson02 .price_list th {
	width: 100%;
}
#renew_characteristic .renew_lesson02 .price_list td.capacity {
    width: 30%;
}
#renew_characteristic .renew_lesson02 .price_list td.expire {
    width: 100%;
}

/* renew_lesson03 */
#renew_characteristic .renew_lesson03 .lesson_ttl {
	border-top:5px solid #945d83;
}
#renew_characteristic .renew_lesson03 .border {
	border: 4px solid #cc8db8;
}
#renew_characteristic .renew_lesson03 .price_ttl {
	border-left: 5px solid #945d83;
}
#renew_characteristic .renew_lesson03 .kids_ttl {
	font-size: 80%;
	margin: 0 0 20px;
	padding: 15px;
}
#renew_characteristic .renew_lesson03 .kids_ttl_img {
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson03 .kids_ttl_txt {
	font-size: 80%;
	line-height: 1.6;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson03 .kids_list li {
	padding: 20px;
}
#renew_characteristic .renew_lesson03 .kids_list li .ttl {
	font-size: 120%;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 2px solid #cc8db8;
}
#renew_characteristic .renew_lesson03 .kids_list li .sub_ttl {
	font-size: 100%;
	margin: 0 0 10px;
	padding: 0 0 0 35px;
	line-height: 1.2;
}
#renew_characteristic .renew_lesson03 .kids_list li .sub_ttl::before {
	background: url("../images/characteristic/caution_kids.png")no-repeat center/25px 25px;
	width: 25px;
	height: 25px;
}

/* renew_lesson04 */
#renew_characteristic .renew_lesson04 .lesson_ttl {
	border-top: 5px solid #599081;
}
#renew_characteristic .renew_lesson04 .border {
	border: 3px solid #7dbbaa;
}
#renew_characteristic .renew_lesson04 .price_ttl {
	border-left: 5px solid #599081;
}
#renew_characteristic .renew_lesson04 .top_txt_box .img {
	margin: 20px 0 0;
}
#renew_characteristic .renew_lesson04 .price_list dt {
	width: 100%;
}
#renew_characteristic .renew_lesson04 .price_list dd {
	width: 100%;
}
#renew_characteristic .renew_lesson04 .price_list span {
    font-size: 140%;
}
#renew_characteristic .renew_lesson04 .dlbox {
	border: 1px solid #cecece;
	border-bottom: none;
	margin-bottom: 10px;
	font-size: 90%;
}
#renew_characteristic .renew_lesson04 .col2 {
	display: table;
	width: 100%;
	text-align: center;
}
#renew_characteristic .renew_lesson04 .col2:first-child dt:first-child {
	border-right: 1px solid #cecece;
} 
#renew_characteristic .renew_lesson04 .col1 {
	text-align: center;
	background: #7dbbaa;
}
#renew_characteristic .renew_lesson04 .col2 > * {
	display: table-cell;
	vertical-align: middle;
	width: 50%!important;
}
#renew_characteristic .renew_lesson04 .col2.price_dd {
	text-align: right;
}
#renew_characteristic .renew_lesson04 .col2.price_dd dd:first-child {
	border-right: 1px solid #cecece;
}
#renew_characteristic .renew_lesson04 .dlbox dl:last-child dd:last-child {
    border-bottom: 1px solid #cecece;
}

/* renew_lesson05 */
#renew_characteristic .renew_lesson05>.lesson_ttl {
	border-top: 5px solid #477b8c;
}
#renew_characteristic .renew_lesson05>.border {
	border: 3px solid #6daabe;
}
#renew_characteristic .renew_lesson05 .renew_lesson_type .lesson_ttl {
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .online_list {
	margin: 0 0 20px;
	flex-flow: row wrap;
}
#renew_characteristic .renew_lesson05 .online_list li {
	width: 49%;
}
#renew_characteristic .renew_lesson05 .online_list li:nth-child(-n+2){
	margin: 0 0 10px;
}
#renew_characteristic .renew_lesson05 .online_top_box .txt {	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .osusume {
	padding: 20px;
	margin: 0 0 40px;
}
#renew_characteristic .renew_lesson05 .osusume .osusume_ttl {
	font-size: 130%;
	padding: 0 0 10px;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .osusume ul {
	font-size: 90%;
}
#renew_characteristic .renew_lesson05 .osusume ul li:not(:last-child) {
	margin: 0 0 5px;
}
#renew_characteristic .renew_lesson05 .osusume .img {
	display: none;
}
#renew_characteristic .renew_lesson05 .osusume .img img {
	max-width: 307px;
}
#renew_characteristic .renew_lesson05 .problem {
	border-top: 3px solid #6daabe;
	border-bottom: 3px solid #6daabe;
	padding: 20px 20px 0 20px;
	margin: 0 0 20px;
	display: flex;
	flex-flow: column-reverse;
	align-items: center;
	justify-content: center;
}
#renew_characteristic .renew_lesson05 .problem .img {
	position: inherit;
	bottom: inherit;
	left:inherit;
	max-width: 60%;
}
#renew_characteristic .renew_lesson05 .problem .txt_box {
	width: 100%;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .problem .txt_box .ttl {
	font-size: 140%;
	text-align: center;
}
#renew_characteristic .renew_lesson05 .problem .txt_box .txt {
	font-size: 90%;
}
#renew_characteristic .renew_lesson05 .problem_list {
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .problem_list li:not(:last-child) {
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson05 .problem_list li .num {
	width: 15%;
	margin: 0 10px 0 0;
}
#renew_characteristic .renew_lesson05 .problem_list li .txt_box {
	width: 85%;
}
#renew_characteristic .renew_lesson05 .problem_list li .txt_box .ttl {
	font-size: 110%;
}
#renew_characteristic .renew_lesson05 .problem_list li .txt_box .txt {
	line-height: 1.6;
	font-size: 90%;
}
#renew_characteristic .renew_lesson05 .btm_box {
	margin: 0 0 40px;
}
#renew_characteristic .renew_lesson05 .btm_ttl01 {
	font-size: 100%;
	border-radius: 10px;
	margin: 0 0 20px;
	text-align: left;
	padding:20px 20px 20px 50px;
}
#renew_characteristic .renew_lesson05 .btm_ttl01 span {
	padding: 0;
	display: block;
}
#renew_characteristic .renew_lesson05 .btm_ttl01 span::before {
	background: url("../images/characteristic/caution_online.png")no-repeat center/30px 30px;
	width: 30px;
	height: 30px;
	left: -35px;
}
#renew_characteristic .renew_lesson05 .btm_ttl02 {
	font-size: 110%;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .img_txt_box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .img_txt_box .img {
	width: 100%;
	margin: 0 0 20px;
}
#renew_characteristic .renew_lesson05 .img_txt_box .txt {
	width: 100%;
}

/* btm_caution */
#renew_characteristic .btm_caution {
	margin: 50px 0;
}
#renew_characteristic .btm_caution .caution_box {
	padding: 20px;
}
#renew_characteristic .btm_caution .caution_box:not(:last-child) {
	margin: 0 0 20px;
}
#renew_characteristic .btm_caution .caution_box .ttl {
	font-size: 120%;
	padding: 0 0 10px;
	margin: 0 0 20px;
}
#renew_characteristic .btm_caution .caution_box .sub_ttl {
	font-size: 110%;
}
#renew_characteristic .btm_caution .caution_box .txt {
	font-size: 90%;
	line-height: 1.6;
}

#renew_index .renew_4features ul {
	display: block;
}

#renew_index .renew_4features ul li {
    width: 100%;
}

#renew_index .renew_4features ul li:nth-child(-n+2) {
    margin: 0 0 0px;
}

#renew_index .renew_contents ul {
   display: block;
}

#renew_index .renew_contents ul li {
	width: 100%;
	margin-bottom: 15px;
}

/* 20211018 */
#renew_index .renew_4features ul li:nth-child(-n+4) {
    margin: 0 0 10px;
}


.faq #area dl dd {
    padding-bottom: 25px;
}





/*greeting*/

.greeting .txt {
	font-size: 100%;
}


dl.greeting_top {
	display: block;
	margin-bottom: 20px;
}

dl.greeting_top dt {
	width: 100%;
	margin-bottom: 20px;
}



dl.greeting_top dd {
	width: 100%;
}


dl.greeting_top h4 {
	font-size: 130%;
}





.g_prof h5 {
	font-size: 120%;
}



.new_line_ttl {
	font-size: 130%;
}

.g_line_thr ul {
	display: block;
}

.g_line_thr ul li {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ae9c8e;
	border-radius: 10px;
	margin-right: 2%;
	padding: 15px;
	margin-bottom: 20px;
}

.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%;
}

.g_list_ttl_sub_url a {
	color: #15a5ef;
}

.g_line_one ul li {
	display: block;
	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: 100%;
	margin: 0 auto;
	text-align: center;
}

.one_img img {
	width: 100%;
}

.one_txt {
	width: 100%;
}

.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 .lesson_ttl {
	border-top: 5px solid #3b3a58;
}
#renew_characteristic .renew_lesson06 .border {
	border: 3px solid #060340;
}
#renew_characteristic .renew_lesson06 .btn_coaching {
	max-width: 337px;
	padding: 15px 10px;
	font-size: 90%;
}
#renew_characteristic .renew_lesson06 .mid_link {
	font-size: 90%;
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson06 .top_txt {
	font-size: 90%;
	line-height: 1.6;
}
#renew_characteristic .renew_lesson06 .top_txt span {
	font-size: 130%;
	display: block;
	margin: 5px 0 0;
}
#renew_characteristic .renew_lesson06 .about {
	padding: 20px;
	font-size: 90%;
	margin: 20px 0;
}
#renew_characteristic .renew_lesson06 .about .about_ttl {
	font-size: 120%;
}
#renew_characteristic .renew_lesson06 .about .about_list>li:not(:last-child) {
	margin: 0 0 15px;
}
#renew_characteristic .renew_lesson06 .about .about_in>li {
	padding-left: 1em;
	text-indent: -1em;
}
#renew_characteristic .renew_lesson06 .coaching_price {
	margin: 0 0 30px;
}
#renew_characteristic .renew_lesson06 table {
	margin: 0 0 20px;
	font-size: 90%;
}
#renew_characteristic .renew_lesson06 table th {
	width: 100%;
	box-sizing: border-box;
}
#renew_characteristic .renew_lesson06 table th span {
	font-size: 140%;
}
#renew_characteristic .renew_lesson06 .coaching_price li:not(:last-child) {
	margin: 0 0 20px;
}



.top_voice_slider #voice_area ul li .btn {
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
}


#renew_index .renew_contents_banners {
	margin: 0 0 40px;
}
#renew_index .renew_contents_banners ul {
	display: block;
}
#renew_index .renew_contents_banners ul li {
	width: 100%;
	margin: 0px 0%;
	margin-bottom: 15px;
	box-sizing: border-box;
}



.official_fb {
	background: url("../images/index/fb_bg.png") no-repeat center top;
	background-size:cover;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.official_fb .inner {
	max-width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

.official_fb_cont {
	display: block;
}

.official_fb_cont dt {
	width:100%;
	margin-bottom: 20px;
	overflow: hidden;
}

.official_fb_cont dt iframe {
	/*width: 100%;*/
}

.txt_box {
	padding: 15px;
	background: #fff;
	border-radius: 20px;
}

.official_fb_cont dd {
	width: 100%;
}

.official_fb_cont dd .txt {
	font-size: 100%;
	margin-bottom: 20px;
}


.footer_contact_btn_area {
	padding: 30px 10px;
}

.footer_contact_btn_area {
	padding: 20px 10px;
}


.footer_inner_contact {
	display: block;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer_inner_contact li {
	max-width: 320px;
	margin: 0 10px;
	margin-bottom: 10px;
}


/* english coaching
-------------------------------------------------------*/
/* common */
.englishcoaching .sp {
	display: block;
}
.englishcoaching .pc {
	display: none;
}
.englishcoaching .renew_inner {
	padding: 0;
}
.englishcoaching .area {
	padding: 40px 20px;
}
.englishcoaching .main_ttl {
	font-size: 130%;
}
.englishcoaching .ttl_navy {
	font-size: 80%;
	margin: 0 0 10px;
}

/* area01 */
.englishcoaching #area01::after {
	border-top: 35px solid #fff;
	border-left: 100px solid transparent;	border-right: 100px solid transparent;
	bottom: -35px;
}
.englishcoaching #area01 .main_ttl {
	padding: 20px 0;
	margin: 0 0 30px;
}
.englishcoaching #area01 .renew_inner {
	padding: 0;
}
.englishcoaching #area01 ul li:not(:last-child) {
	margin: 0 0 30px;
}
.englishcoaching #area01 ul li .ttl {
	font-size: 100%;
}
.englishcoaching #area01 ul li .txt {
	font-size: 80%;
}

/* area02 */
.englishcoaching #area02 {
	background: url("../images/englishcoaching/bg02.png")no-repeat left center/cover;
}
.englishcoaching #area02.area {
	padding: 60px 20px 40px;
}
.englishcoaching #area02 .main_ttl {
	padding: 20px 0;
	margin: 0 0 30px;
	font-size: 110%;
	line-height: 1.4;
}
.englishcoaching #area02 .main_ttl .orange {
	font-size: 110%;
}
.englishcoaching #area02 .box {
	margin: 0 0 20px;
}
.englishcoaching #area02 ul {
	font-size: 80%;
	padding: 20px;
}
.englishcoaching #area02 ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.englishcoaching #area02 .btm {
	font-size: 90%;
	line-height: 1.6;
}
.englishcoaching #area02 .btm span {
	font-size: 120%;
}
.englishcoaching #area02 ul::before,.englishcoaching #area02 ul::after {
	background: url("../images/englishcoaching/frame02.png")no-repeat left center/37px 120px;
	width: 37px;
	height: 120px;
}

/* area03 */
.englishcoaching #area03 .ttl_box {
	padding: 20px;
}
.englishcoaching #area03 .ttl_box .main_ttl {
	font-size: 100%;
}
.englishcoaching #area03 .ttl_box .size_l {
	font-size: 120%;
}
.englishcoaching #area03 .ttl_box .line::before,.englishcoaching #area03 .ttl_box .line::after {
	display: none;
}
.englishcoaching #area03 .bg {
	padding: 30px 20px;
}
.englishcoaching #area03 .bg .main_ttl {
	margin: 0 0 20px;
}
.englishcoaching #area03 .box {
	padding: 20px;
	font-size: 90%;
}
.englishcoaching #area03 .box .mid {
	font-size: 120%;
}

/* area04 */
.englishcoaching #area04 .main_ttl {
	margin: 0 0 20px;
}
.englishcoaching #area04 .ttl_navy {
	width: 200px;
	height: 40px;
	border-radius: 50px;
	font-size: 130%;
	margin: 0 auto 15px;
}
.englishcoaching #area04 .ttl_navy::after {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 20px solid #060340;
	bottom: -15px;
}
.englishcoaching #area04 ul li {
	/*padding: 20px;*/
}
.englishcoaching #area04 ul li:not(:last-child) {
	margin: 0 0 20px;
}
.englishcoaching #area04 ul li .ttl_box {
	align-items: flex-start;
}
.englishcoaching #area04 ul li .ttl_box .num {
	min-width: 50px;
	width: 50px;
	height: 50px;
	font-size: 180%;
}
.englishcoaching #area04 ul li .ttl_box .ttl {
	font-size: 140%;
}
.englishcoaching #area04 ul li .ttl_box .ttl_s {
	font-size: 100%;
}
.englishcoaching #area04 ul li .box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.englishcoaching #area04 ul li .box .img_box {
	width: 70%;
	margin: 0 auto 20px;
}
.englishcoaching #area04 ul li .box .txt_box {
	width: 100%;
}
.englishcoaching #area04 ul li .box .txt_box .txt {
	/*font-size: 120%;*/
	font-size: 18px !important;
	
}
.englishcoaching #area04 ul li .box .txt_box .sub_ttl {
	font-size: 110%;
}
.englishcoaching #area04 ul li .box .txt_box .mid_ttl {
	font-size: 100%;
	margin: 20px 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.englishcoaching #area04 ul li .box .txt_box .caution {
	font-size: 80%;
	margin: 20px 0 0;
	line-height: 2;
}

/*
.englishcoaching #area04 ul {
	margin: 0 0 20px;
}
.englishcoaching #area04 ul li {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.englishcoaching #area04 ul li:not(:last-child) {
	margin: 0 0 20px;
}
.englishcoaching #area04 ul li .img {
	width: 80%;
	margin: 0 0 20px;
	text-align: center;
}
.englishcoaching #area04 ul li .txt_box {
	width: 100%;
}
.englishcoaching #area04 ul li .txt_box dl {
	margin: 0 0 10px;
}
.englishcoaching #area04 ul li .txt_box dl dt {
	min-width: 30px;
	width: 30px;
	height: 30px;
	font-size: 140%;
	margin: 0 15px 0 0;
}
.englishcoaching #area04 ul li .txt_box dl dd {
	font-size: 110%;
	line-height: 1.2;
}
.englishcoaching #area04 ul li .txt_box .txt {
	font-size: 90%;
}
.englishcoaching #area04 .btm {
	font-size: 100%;
}*/

/* area05 */
.englishcoaching #area05 .main_ttl {
	margin: 0 0 30px;
}
.englishcoaching #area05 .mid_txt {
	font-size: 90%;
	margin: 0 0 20px;
}
.englishcoaching #area05 ul {
	padding: 20px;
	margin: 0 auto 40px;
}
.englishcoaching #area05 ul::after {
	border-top: 25px solid rgba(255,255,255,0.85);
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	bottom: -25px;
}
.englishcoaching #area05 ul li {
	font-size: 80%;
	padding: 0 0 0 20px;
}
.englishcoaching #area05 ul li::before {
	background: url("../images/englishcoaching/icon_check.png")no-repeat left center/13px 13px;
	width: 13px;
	height: 13px;
}
.englishcoaching #area05 .btm {
	font-size: 110%;
}
.englishcoaching #area05 .btm .orange {
	font-size: 120%;
}

/* area06 */
.englishcoaching #area06 .main_ttl {
	margin: 0 0 30px;
}

.englishcoaching #area06 .mid_ttl {
	padding: 10px 15px;
	font-size: 120%;
	margin: 0 0 20px;
}
.englishcoaching #area06 .course_list li {
	margin: 0 0 30px;
	padding: 20px;
}
.englishcoaching #area06 .course_list li .ttl {
	font-size: 100%;
	padding: 10px 0 10px 15px;
	border-left: 3px solid #f1d678;
	margin: 0 0 20px;
}
.englishcoaching #area06 .course_list .box {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.englishcoaching #area06 .course_list .txt_box {
	width: 100%;
	margin: 0 0 30px;
}
.englishcoaching #area06 .course_list dl {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 20px;
}
.englishcoaching #area06 .course_list dl dt {
	font-size: 90%;
	padding: 7px 0;
	margin: 0 0 10px;
}
.englishcoaching #area06 .course_list dl dd {
	font-size: 90%;
}
.englishcoaching #area06 .course_list .img {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
.englishcoaching #area06 .btn02 img {
	margin: 0 auto 40px;
}
.englishcoaching #area06 .schedule_list {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.englishcoaching #area06 .schedule_list li {
	width: 100%;
}
.englishcoaching #area06 .schedule_list li .img {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.englishcoaching #area06 .schedule_list li {
	margin: 0 0 30px;
}
.englishcoaching #area06 .schedule_list li:not(:nth-child(3n)) {
	margin: 0 0 30px;
}
.englishcoaching #area06 .schedule_list li:last-child {
	margin: 0;
}
.englishcoaching #area06 .schedule_list  .ttl {
	margin: 0 0 10px;
	font-size: 110%;
}

/* area07 */
.englishcoaching #area07 {
	margin: 0 0 20px;
}
.englishcoaching #area07 .main_ttl {
	margin: 0 0 30px;
}
.englishcoaching #area07 dl:not(:last-child) {
	margin: 0 0 30px;
}
.englishcoaching #area07 dl dt {
	font-size: 100%;
}
.englishcoaching #area07 dl dt .txt {
	padding: 0;
}
.englishcoaching #area07 .icon {
	margin: 0 10px 0 0;
}
.englishcoaching #area07 .icon img {
	max-width: 30px;
	min-width: 30px;
}
.englishcoaching #area07 dl dd {
	font-size: 90%;
}
.englishcoaching #area07 dl dd .serif {
	font-size: 110%;
	margin: 0 0 10px;
}
.englishcoaching #area07 .aco_btn .btn {
    top:7px;
    width: 20px;
    height: 20px;
}
.englishcoaching #area07 .aco_btn .btn span {
    width: 20px;
}


/* trial */
#contact .renew_ttl {
  font-size: 220%;
}
#contact .row_2box {
	display: inherit;
}
#contact .row_2box span {
	display: none;
}
#contact .top_txt_box {
	font-size: 90%;
}
.form_cation {
  font-size: 100%;
}
#contact .width_short01 {
	width: 100%;
}
#contact .width_short02 {
	width: 100%;
}
#contact .privacy_txt {
	font-size: 90%;
}




.top_banner_area {
	display: block;
}

.top_banner_area_banner {
	width: 100%;
}

.top_banner_area_mov {
	width: 68%;
	margin: 0 auto;
	margin-top: 50px;
}

/* 20220221コロナ対策用ページここから */
#covid {
	padding: 50px 20px 70px;
}
#covid .main_ttl {
	padding: 0 0 20px;
	margin: 0 0 30px;
	border-bottom: 1px solid #c1bdba;
}
#covid .mid_ttl {
	font-size: 130%;
	margin: 40px 0 20px;
}
#covid .top_img {
	margin: 30px 0;
}
#covid .top_img img {
	max-width: 150px;
}
#covid ul {
	margin: 40px 0;
}
#covid ul li {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
#covid ul li:not(:last-child) {
	margin: 0 0 30px;
}
#covid ul li .img {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
#covid ul li .txt_box {
	width: 100%;
}
#covid ul li .txt_box .ttl {
	padding: 10px 20px;
	margin: 0 0 10px;
	font-size: 110%;
}

/* //20220221コロナ対策用ページここまで */

#contact tr > * {
  font-size: 90%;
}
/*.trial_lesson .date_box p {
    font-size: 90%;
}
.trial_lesson .date_box span {
    font-size: 80%;
}

#contact .caution {
    font-size: 90%;
}

#contact select {
    font-size: 90%;
}

#contact textarea {
    font-size: 90%;
}
*/


.why #area .top_area02 ul {
	border: none;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.why #area .top_area02 ul li {
	max-width: 100%;
	width: 100%;
	margin: 0px 10px;
	padding: 0px;
	text-indent: 0;
}

.why #area .top_area02 ul li img {
	width: 100%;
}




.qa_sub {
	display: inline-block;
	border-radius: 100px;
	padding: 5px 10px;
	color: #fff;
	font-size: 110%;
	font-weight: bolder;
	margin-bottom: 10px;
}


.qa_new_box {
	margin-bottom: 50px;
}

.qa_new_box ul {
	display:block;
}

.qa_new_box ul li {
	width: 100%;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
	padding: 20px 20px 80px 20px;
	font-size: 100%;
	position: relative;
	margin-bottom: 20px;
}

.qa_new_box ul li span {
	display: block;
	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;
}


.feature_sub_ttl {
	/*font-size: 110%;*/
	font-size: 20px !important;
	margin-bottom: 20px;
	font-weight: 900 !important;
}

.top1119 .feature_sub_ttl {
	font-size: 20px !important;
}

.englishcoaching #area04 ul.feature_sub_list li {
	/*font-size: 120%;*/
	font-size: 18px !important;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 0;
  padding-bottom: 10px;

}

.englishcoaching #area04 ul li .box .txt_box.txt_box_one {
	width: 100%;
}

.englishcoaching #area04 ul li .box.box_rv {
	/*display: block;*/
	flex-direction: row-reverse;
	flex-wrap: wrap;
}

.englishcoaching #area04 ul li .box.box_rv .img_box {
    width: 70%;
  margin: 0 auto 20px;
}

.footer_contact_btn_area.page_footer_btn {
	padding: 0px 20px 20px 20px;
}

/* recruit */
#recruit #visual {
	margin: 30px 0 0;
}
#recruit #visual .img {
	margin: 0 0 30px;
}
#recruit #visual .top_txt {
	margin: 0 0 30px;
	font-size: 100%;
}
#recruit #conditions .ttl {
	padding: 15px;
	font-size: 120%;
	border-left: 3px solid #2595d5;
	margin: 0 0 20px;
}
#recruit #conditions .mid_ttl {
	font-size: 120%;
	padding: 15px 15px;
	margin: 0 0 20px;
}
#recruit #conditions ul {
	font-size: 100%;
}
#recruit #conditions ul li:not(:last-child) {
	margin: 0 0 10px;
}
#recruit #conditions ul.ul_blue {
	margin: 0 0 40px;
}
#recruit #conditions ul li {
	padding-left: 20px;
}
#recruit #conditions ul li::before {
	top: 5px;
	width: 15px;
	height: 15px;
}
#recruit #conditions ul.ul_blue li::before {
	background: url(../images/recruit/icon_check01.png)no-repeat left top/15px 15px;
}
#recruit #conditions ul.ul_pink li::before {
	background: url(../images/recruit/icon_check02.png)no-repeat left top/15px 15px;
}
#recruit #btm_box {
	margin: 50px 0 70px;
}
#recruit dl {
	flex-flow: column;
	align-items: center;
	justify-self: center;
	padding: 20px;
	margin: 0 0 30px;
}
#recruit dl dt {
	width: 30%;
	margin: 0 0 20px;
}
#recruit dl dd {
	width: 100%;
	font-size: 100%;
}
#recruit .btm_img {
	margin: 0 0 20px;
}
#recruit .btm_txt {
	font-size: 90%;
	line-height: 1.8;
}
#recruit .btm_txt span {
	font-size: 120%;
}

/* 特定商取引法に基づく表記 */
.commercial .area {
	padding: 30px 0;
}
.commercial #com_contents {
	padding: 0 20px;
}
.commercial table {
	font-size: 90%;
}
.commercial table th {
	width: 100px;
	padding: 15px 10px;
}
.commercial table td {
	padding: 15px;
}


.englishcoaching .qa_ans_area .main_ttl {
	font-size: 120%;
}

.qa_new_back a {
	display: block;
	background: #f39800;
color: #fff;
padding: 10px 10px;
border-radius: 100px;
font-size:100%;
width: 100%;
margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
text-align: center;
	box-sizing: border-box;
}

.qa_ans p {
	font-size: 100%;
	line-height: 1.5;
}


/*料金ページリニューアル*/
/* top_area */
.characteristic_new #renew_characteristic .top_area ul {
	justify-content: space-between;
}
.characteristic_new #renew_characteristic .top_area ul li {
 width: 48%;
  margin: 0 0 10px 0 !important;
}
/* common */
.p_cont_common .p_renew_ttlbox {
	padding: 20px;
}
.p_cont_common h5 {
	font-size: 130%;
}
.p_cont_common h4 {
	padding: 7px;
	/*font-size: 90%;*/
	font-size: 14px !important;
}
.p_cont_common .p_renew_contents {
	padding: 15px;
}
.p_cont_common .top_img_txt_box {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 30px;
}
.p_cont_common .top_img_txt_box .img {
	width: 100%;
	margin: 0 0 15px;
}
.p_cont_common .top_img_txt_box .txt {
	width: 100%;
	font-size: 100%;
}
.p_cont_common .top_mid_txt {
	font-size: 100%;
}
.p_cont_common .osusume {
	padding: 15px;
	margin: 0 0 20px;
}
.p_cont_common .osusume .ttl {
	font-size: 110%;
	padding: 0 0 10px;
	margin: 0 0 20px;
}
.p_cont_common .osusume ul li {
	font-size: 100%;
}
.p_cont_common .osusume ul li:not(:last-child) {
	margin: 0 0 10px;
}
.p_cont_common .osusume .img {
	display: none;
}
.p_cont_common .mid_txt {
	font-size: 100%;
	margin: 0 0 30px;
}
.p_cont_common .mid_box {
	padding: 20px 0;
	margin: 120px 0 60px;
}
.p_cont_common .mid_box .img {
	bottom: inherit;
	top: -116px;
	left: 50%;
	transform: translate(-50%,0);
}
.p_cont_common .mid_box .img img {
	max-width: 80px;
}
.p_cont_common .mid_box .txt {
	font-size: 110%;
	text-align: center;
	padding-left: 0;
}
.p_cont_common .mid_column {
	margin: 0 0 30px;
}
.p_cont_common .mid_column ul li:not(:last-child) {
	margin: 0 0 30px;
}
.p_cont_common .mid_column .ttl {
	font-size: 100%;
	padding: 15px;
	margin: 0 0 20px;
}
.p_cont_common .mid_column .ttl span {
	display: block;
	font-size: 130%;
}
.p_cont_common .mid_column .yoroshiku .ttl::before {
	width: 70px;
	height: 35px;
	top: -34px;
}
.p_cont_common .mid_column .mid_ttl {
	font-size: 100%;
	margin: 0 0 20px;
}
.p_cont_common .mid_column .box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.p_cont_common .mid_column .box.reverse {
	flex-flow: column;
}
.p_cont_common .mid_column .img {
	width: 100%;
	margin: 0 0 15px;
}
.p_cont_common .mid_column .box.reverse .img {
	margin: 0 0 15px;
}
.p_cont_common .mid_column .txt {
	width: 100%;
	font-size: 100%;
}
.p_cont_common .to_online {
	border: 2px solid #cae2ed;
	padding: 15px;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin: 0 0 30px;
}
.p_cont_common .to_online .icon {
	margin: 0 0 15px;
}
.p_cont_common .to_online .icon img {
	max-width: 60px;
}
.p_cont_common .to_online .txt {
	font-size: 90%;
	text-align: center;
}
.p_cont_common .info_box .box:not(:last-child) {
	margin: 0 0 30px;
}
.p_cont_common .info_box .ttl {
	padding: 10px;
	margin: 0 0 20px;
	font-size: 100%;
}
.p_cont_common .info_box ul {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.p_cont_common .info_box ul li {
	margin: 0;
}
.p_cont_common .info_box ul li:not(:last-child) {
	margin: 0 0 20px;
}
.p_cont_common .info_box ul li .icon {
	margin: 0 10px 0 0;
}
.p_cont_common .info_box ul li .icon img {
	max-width: 50px;
}
.p_cont_common .info_box ul li .txt {
	font-size: 100%;
}
.p_cont_common .info_box .price_txt {
	margin: 0 0 20px;
	font-size: 100%;
}
.p_cont_common .info_box .price_list {
	font-size: 90%;
}
.p_cont_common .info_box .price_list tr > * {
	vertical-align: middle;
	box-sizing: border-box;
}
.p_cont_common .info_box .price_list tr th {
	width: 100%;
	padding: 10px;
	border-right: none;
}
.p_cont_common .info_box .price_list tr td {
	padding: 10px;
	width: 100%;
	border-right: none;
}
.p_cont_common .info_box .caution {
	font-size: 90%;
}
.characteristic_new #renew_characteristic .mid_banner {
	margin: 50px 0;
}
.characteristic_new #renew_characteristic .mid_banner img {
	max-width: 300px;
}
.p_cont_common .lesson_list {
	flex-flow: row wrap;
	margin: 0 0 10px;
}
.p_cont_common .lesson_list li {
	margin: 0 10px 10px 0;
	font-size: 80%;
}
.p_cont_common .lesson_list li a {
	padding: 5px 10px;
}
.p_cont_common .top_caution {
	margin: 0 0 20px;
	font-size: 90%;
}
.p_cont_common .price_in_ttl {
	font-size: 100%;
	padding: 10px;
	margin: 0 0 10px;
}

/* マンツーマンレッスン */
#cont01.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon01_1.png")no-repeat center/70px 35px;
}
#cont01.p_cont_common .info_box .ttl {
	border-left: 3px solid #622a72;
}
.p_cont_common .price_list.lesson01 tr > * {
	display: block;
}
.p_cont_common .price_list.lesson01 tr td {
	width: 100%;
}
.p_cont_common .price_list.lesson01 tr td.expire {
	width: 100%;
}

/* グループレッスン */
#cont02.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon02_1.png")no-repeat center/70px 35px;
}
#cont02.p_cont_common .info_box .ttl {
	border-left: 3px solid #ec8132;
}
.p_cont_common .price_list.lesson02 tr td.capacity {
    width: 30%;
	border-right: 1px solid #eeeeee;
}
.p_cont_common .price_list.lesson02 tr td.expire {
    width: 100%;
}
.p_cont_common .price_list.lesson02.sp {
	display: table!important;
}

/* キッズ英会話レッスン */
#cont03.p_cont_common .p_renew_ttlbox::after {
	display: none;
	background: url(../images/characteristic_new/icon03_1.png)no-repeat right top/68px 47px;
	width: 68px;
	height: 47px;
	right: 0;
	top: 20px;
}
#cont03.p_cont_common .info_box .ttl {
	border-left: 3px solid #2d654d;
}
#cont03 .kids_column {
	margin: 0 0 40px;
}
#cont03 .kids_column .box {
	padding: 20px 15px;
}
#cont03 .kids_column .box:first-child::before {
	background: url(../images/characteristic_new/icon03_2.png)no-repeat right top/56px 46px;
	width: 56px;
	height: 46px;
	right: 0;
	top: -10px;
}
#cont03 .kids_column .box:last-child::before {
	background: url(../images/characteristic_new/icon03_3.png)no-repeat left top/37px 43px;
	width: 37px;
	height: 43px;
	left: 0;
	top: -10px;
}
#cont03 .kids_column .box:not(:last-child) {
	margin: 0 0 20px;
}
#cont03 .kids_column .box .ttl {
	font-size: 110%;
	border-bottom: 3px solid #b1d6c6;
	padding: 0 0 15px;
	margin: 0 0 20px;
}
#cont03 .kids_column .box .box_in {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
#cont03 .kids_column .box .box_in.reverse {
	flex-flow: column;
}
#cont03 .kids_column .box .box_in:not(:last-child) {
	margin: 0 0 30px;
}
#cont03 .kids_column .box .box_in .img {
	width: 100%;
	text-align: center;
	margin: 0 0 20px;
}
#cont03 .kids_column .box .box_in .txt {
	width: 100%;
	padding: 0;
	font-size: 100%;
}
#cont03 .kids_column .box .box_in.reverse .txt {
	padding: 0;
}
#cont03 .kids_column .box .mid_ttl {
	font-size: 90%;
	font-weight: 700;
	margin: 0 0 10px;
	text-align: center;
}
#cont03 .kids_column .box .mid_ttl span {
	font-size: 130%;
}

/* オンライン英会話レッスン */
#cont04.p_cont_common .mid_column .yoroshiku .ttl::before {
	background: url("../images/characteristic_new/icon04_1.png")no-repeat center/70px 35px;
}
#cont04.p_cont_common .mid_column .btm_txt {
	font-size: 100%;
}
#cont04.p_cont_common .info_box .ttl {
	border-left: 3px solid #c0232b;
}
#cont04 .online_column {
	margin: 0 0 50px;
}
#cont04 .online_column .ttl_box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin: 0 0 20px;
}
#cont04 .online_column .ttl_box .img {
	width: 40%;
	margin: 0 0 15px;
}
#cont04 .online_column .ttl_box dl {
	width: 100%;
}
#cont04 .online_column .ttl_box dl dt {
	font-size: 120%;
	margin: 0 0 15px;
	padding: 0 0 15px;
	text-align: center;
}
#cont04 .online_column .ttl_box dl dd {
	font-size: 90%;
}
#cont04 .problem_list li {
	flex-flow: column;
}
#cont04 .problem_list li:not(:last-child) {
	margin: 0 0 20px;
}
#cont04 .problem_list li .num {
	width: 20%;
	margin: 0 auto 15px;
	text-align: center;
}
#cont04 .problem_list li .txt_box {
	width: 100%;
}
#cont04 .problem_list li .txt_box .ttl {
	font-size: 110%;
	margin: 0 0 10px;
}
#cont04 .problem_list li .txt_box .txt {
	font-size: 90%;
}


/*-------------------------------------------20221122TOEIC css移植------------------------------------------*/

/* about_toeic */
#toeic #about_toeic .ttl {
	padding: 10px;
	font-size: 160%;
	margin: 0 0 20px;
}
#toeic #about_toeic .top_txt {
	font-size: 100%;
	line-height: 1.8;
	margin: 0 0 20px;
}
#toeic #about_toeic .icon_ttl::before {
	background: url("../images/toeic/icon01.png")no-repeat center left/30px 30px;
	width: 30px;
	height: 30px;
	top: 0;
}
#toeic #about_toeic .txt {
	font-size: 100%;
	line-height: 1.6;
	margin: 0 0 40px;
}
#toeic #about_toeic .txt .size_l {
	font-size: 130%;
}

/* info */
#toeic #info .ttl_box {
	padding: 30px 0;
	border-top: 5px solid #272795;
	border-bottom: 5px solid #272795;
	margin: 0 0 20px;
}
#toeic #info .ttl_box .ttl01 {
	margin: 0 0 15px;
}
#toeic #info dl {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 10px;
}
#toeic #info dl dt {
	width: 80px;
	font-size: 80%;
	margin: 0 0 10px;
	height: 30px;
}
#toeic #info dl dd {
	font-size: 100%;
}
#toeic #info .top_txt {
	margin: 20px 0 40px;
	line-height: 1.6;
	font-size: 100%;
}
#toeic #info .profile {
	padding: 20px;
	margin: 0 0 40px;
}
#toeic #info .profile .img_txt_box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin: 0 0 20px;
}
#toeic #info .profile .img_txt_box .img {
	width: 60%;
	margin: 0 0 20px;
}
#toeic #info .profile .img_txt_box .txt_box {
	width: 100%;
}
#toeic #info .profile .img_txt_box .txt_box .sub {
	font-size: 80%;
}
#toeic #info .profile .img_txt_box .txt_box .name {
	font-size: 150%;
}
#toeic #info .profile .img_txt_box .txt_box .certification {
	font-size: 100%;
}
#toeic #info .profile .pro_txt {
	font-size: 100%;
	line-height: 1.6;
}
#toeic #info .icon_ttl::before {
	background: url("../images/toeic/icon02.png")no-repeat center left/25px 33px;
	width: 25px;
	height: 33px;
	top: 0;
}
#toeic #info .icon_txt {
	font-size: 100%;
	line-height: 1.6;
}

/* schedule */
#toeic #schedule .main_ttl {
	padding: 10px;
	font-size: 120%;
	margin: 0 0 20px;
}
#toeic #schedule table {
	margin: 0 0 30px;
}
#toeic #schedule table th {
	padding: 10px 5px;
	width: 25%;
	font-size: 70%;
}
#toeic #schedule table th.top {
	font-size: 90%;
}
#toeic #schedule table td {
	padding: 10px 5px;
	width: 25%;
	font-size: 70%;
}
#toeic #schedule .osusume {
	border: 3px solid #f2914a;
	padding: 20px;
}
#toeic #schedule .osusume .osusume_ttl {
	font-size: 130%;
}
#toeic #schedule .osusume ul {
	font-size: 90%;
}
#toeic #schedule .osusume ul li {
	text-indent: -1em;
	padding-left: 1em;
}

/* conditions */
#toeic #conditions.area {
	padding: 40px 20px 70px;
}
#toeic #conditions .ttl {
	font-size: 140%;
	padding: 0 0 0 20px;
	border-left: 3px solid #f2914a;
}
#toeic #conditions ul {
	margin: 0 0 40px;
	font-size: 100%;
}
#toeic #conditions ul li {
	padding-left: 1em;
	text-indent: -1em;
}
#toeic #conditions .mid_ttl {
	font-size: 110%;
	padding: 10px 20px;
}
#toeic #conditions dl {
	margin: 0 0 40px;
}
#toeic #conditions dl dd {
	font-size: 100%;
	font-weight: bold;
}
#toeic #conditions .txt {
	border-top: 5px solid #272795;
	padding: 40px 0 0;
	font-size: 100%;
	margin: 0 0 50px;
}
#toeic #conditions .btm_btn {
	width: 300px;
	height: 60px;
	font-size: 120%;
}


/*---- 20220224 spring_campaign ----*/
/*-- spring_campaign page --*/
#spring_campaign #area01.area {
	padding: 40px 20px;
}
#spring_campaign #area01 .top_txt {
	font-size: 100%;
	line-height: 1.6; 
	margin: 0 0 40px;
}
#spring_campaign #area01 ul li{
	margin: 0 0 40px;
}
#spring_campaign #area01 ul li .ttl {
	font-size: 130%;
	padding: 15px 10px;
	margin: 0 0 20px;
}
#spring_campaign #area01 ul li .txt {
	font-size: 100%;
	line-height: 1.8;
}
#spring_campaign #area01 .ttl_box {
	padding: 40px 20px;
	margin: 0 0 40px;
}
#spring_campaign #area01 .ttl_box .ttl {
	font-size: 130%;
}
#spring_campaign #area01 .ttl_box .txt {
	font-size: 100%;
	line-height: 1.8;
}
#spring_campaign #area01 dl {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 20px;
}
#spring_campaign #area01 dl dt {
	width: 80px;
	font-size: 80%;
	margin: 0 0 10px;
	height: 30px;
}
#spring_campaign #area01 dl dd {
	font-size: 100%;
}
#spring_campaign #area01 .btm_txt {
	font-size: 100%;
}


.camp_btn a {
	display: inline-block;
	background: #d53674;
	color: #fff;
	font-weight: 700;
	font-size: 110%;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 50px;
}


/*------- 2022 summer campaign -------*/
#summer_campaign .area {
	padding: 30px 20px 0;
}
#summer_campaign .btn_more {
	width: 350px;
	height: 60px;
	font-size: 90%;
	margin: 20px auto ;
}
#summer_campaign .btn_more::after {
	background: url("../images/summer_campaign/arrow.png")no-repeat right center/9px 10px;
	width: 9px;
	height: 10px;
	right: 10px;
}
#summer_campaign .top_ttl {
	margin: 0 0 20px;
}
#summer_campaign .sub_ttl {
	font-size: 120%;
	padding: 15px 10px;
	margin: 0 0 20px;
}
#summer_campaign .mid_ttl {
	font-size: 110%;
}
#summer_campaign .box:not(:last-child) {
	margin: 0 0 20px;
}
#summer_campaign .txt {
	font-size: 100%;
	line-height: 1.8;
}
#summer_campaign .caution {
	line-height: 1.8;
	font-size: 90%;
}
#summer_campaign .btm {
	font-size: 100%;
}
#summer_campaign ul li:not(:last-child) {
	margin: 0 0 30px;
}
#summer_campaign #area02 {
	margin-bottom: 60px;
}

/*------- 2022 toeic -------*/
#toeic.toeic2022 #reason .ttl {
	padding: 10px;
	font-size: 140%;
	line-height: 1.2;
}
#toeic.toeic2022 #reason .box {
	border: 3px solid #272795;
	padding: 20px;
	margin: 0 0 20px;
}
#toeic.toeic2022 #reason .box .txt {
	font-size: 100%;
	margin: 0 0 10px;
}
#toeic.toeic2022 #reason .box .mid {
	font-size: 180%;
}
#toeic.toeic2022 #reason .box .btm {
	font-size: 100%;
	line-height: 1.4;
}
#toeic.toeic2022 #info dl {
	flex-flow: column;
	margin: 0 0 20px;
}
#toeic.toeic2022 #info dl dd .caution {
	font-size: 70%;
}
#toeic.toeic2022 #info table {
	font-size: 80%;
}
#toeic.toeic2022 #info table th {
	padding: 10px;
	vertical-align: middle;
}
#toeic.toeic2022 #info .profile {
	margin: 30px 0 0;
}
#toeic.toeic2022 #schedule .main_ttl {
	padding: 10px;
	font-size: 130%;
	margin: 0 0 20px;
}
#toeic.toeic2022 #schedule table th:first-child {
	width: 30%;
}
#toeic.toeic2022 #schedule table th {
	padding: 10px;
}
#toeic.toeic2022 #schedule table td {
	padding: 10px;
}
#toeic.toeic2022 #schedule .sche_caution li {
	font-size: 90%;
}
#toeic.toeic2022 #schedule .sche_caution li:not(:last-child) {
	margin: 0 0 5px;
}
#toeic.toeic2022 #schedule .sche_caution {
	margin: 0 0 30px;
}

/* recruit */
#recruit #visual {
	margin: 30px 0 0;
}
#recruit #visual .img {
	margin: 0 0 30px;
}
#recruit #visual .top_txt {
	margin: 0 0 30px;
	font-size: 100%;
}
#recruit #conditions .ttl {
	padding: 15px;
	font-size: 120%;
	border-left: 3px solid #2595d5;
	margin: 0 0 20px;
}
#recruit #conditions .mid_ttl {
	font-size: 120%;
	padding: 15px 15px;
	margin: 0 0 20px;
}
#recruit #conditions ul {
	font-size: 100%;
}
#recruit #conditions ul li:not(:last-child) {
	margin: 0 0 10px;
}
#recruit #conditions ul.ul_blue {
	margin: 0 0 40px;
}
#recruit #conditions ul li {
	padding-left: 20px;
}
#recruit #conditions ul li::before {
	top: 5px;
	width: 15px;
	height: 15px;
}
#recruit #conditions ul.ul_blue li::before {
	background: url(../images/recruit/icon_check01.png)no-repeat left top/15px 15px;
}
#recruit #conditions ul.ul_pink li::before {
	background: url(../images/recruit/icon_check02.png)no-repeat left top/15px 15px;
}
#recruit #btm_box {
	margin: 50px 0 70px;
}
#recruit dl {
	flex-flow: column;
	align-items: center;
	justify-self: center;
	padding: 20px;
	margin: 0 0 30px;
}
#recruit dl dt {
	width: 30%;
	margin: 0 0 20px;
}
#recruit dl dd {
	width: 100%;
	font-size: 100%;
}
#recruit .btm_img {
	margin: 0 0 20px;
}
#recruit .btm_txt {
	font-size: 90%;
	line-height: 1.8;
}
#recruit .btm_txt span {
	font-size: 120%;
}
.index .banner_box {
	margin: 50px 20px 0;
}
.index .banner_box .inner {
	width: 100%;
	max-width: 100%;
}
.col_btn {
	margin-top: 0;
}

/* 2022-2 Toeic */
#toeic.toeic2022 #reason .box {
	border: 3px solid #586ccb;
}
#toeic.toeic2022-2 #info .profile .main_ttl {
	margin: 0 0 20px;
}
#toeic.toeic2022-2 #info .ttl_box {
	border-top: 5px solid #586ccb;
	border-bottom: 5px solid #586ccb;
}
#toeic.toeic2022-2 #info .profile {
	margin: 0 0 30px;
}
#toeic.toeic2022-2 #conditions .txt {
	border-top: 5px solid #586ccb;
  }
 .index .banner_box .toeic2022-2 {
	margin: 20px auto 0;
}

.toeic_sp_pa {
	padding: 20px;
}


/*トップページのバナーエリア*/

.renew_index_inner02 {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 20px;
	padding-bottom: 0px;
}

.top_banner_new ul {
	display: block;
}

.top_banner_new ul li {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 20px;
}

.top_banner_new ul li iframe {
	height: 400px;
}


/*cr2022*/

.cr2022_inner {
	padding: 0px 20px;

}

.cr2022_box {
	border: 2px solid #c10a15;
	padding: 15px;
	border-radius: 10px;
	background: #fbf7e3;
	margin-bottom: 30px;
}

.cr2022_ttl {
	font-size: 130%;
	font-weight: bolder;
	color: #fff;
	background: #007440;
	padding: 5px 10px;
	border-radius: 100px;
	text-align: center;
	margin-bottom: 15px;
}

.cr2022_box .txt {
	font-size: 110%;
	margin-bottom: 15px;
}

.cr2022_btn {
	text-align: center;
}

.cr2022_btn a {
	display: inline-block;
	background: #c10a15;
	color: #fff;
	padding: 10px 20px;
	font-weight: bolder;
	font-size: 100%;
	border-radius: 100px;
}


.cr2022_ttl_sub {
	font-size: 120%;
	font-weight: bolder;
	border-bottom: 2px solid #c10a15;
	border-top: 2px solid #c10a15;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.col_btn {
	padding: 0px 20px;
}

.faq_link {
	display: block;
	font-size: 100%;
	text-align: center;
}



.r_app {
	position: relative;
}

.r_app_btn01 {
	position: absolute;
	left: 2.5%;
	bottom: 5%;
	width:35%;
}

.r_app_btn02 {
	position: absolute;
	left: 40%;
	bottom: 5%;
	width: 35%;
}



.kyuugyou {
	max-width: 980px;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: -15px;
	margin-bottom: 20px;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
}

.kyuugyou .kyuugyou_inner {
	padding: 10px;
	box-sizing: border-box;
}

.kyuugyou_ttl {
	font-size: 120%;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 10px;
}

.kyuugyou .txt {
	font-size: 90%;
}

.kyuugyou_red {
	color: #b6000d;
	padding: 10px;
	border: 2px solid #b6000d;
	margin-top: 20px;
	margin-bottom: 0px;
}



.s_kyuushi {
	box-sizing: border-box;
	padding: 10px;
	border: 3px solid #ff0000;
	margin-bottom: 20px;
}

.s_kyuushi_ttl {
	font-weight: bolder;
	text-align: center;
	margin-bottom: 10px;
	font-size: 95%;
}

.s_kyuushi_txt {
	font-weight: bolder;
	font-size: 90%;
}

/*20230313*/


.characteristic_new #renew_characteristic .top_area ul.top_area_new li {
	/*width: 32%;*/
	width: 48%;
}

.price_btn {
	max-width: 240px;
	margin: 0 auto;
}

.online_cont_list ul {
	display: block;
}

.online_cont_list ul li {
	width: 100%;
	margin-bottom: 20px;
}

.cont_price {
	padding: 15px;
	border: 3px solid #ef770a;
	/*margin-top: 50px;*/
}


.p_cont_common .lesson_list li {
	width: 100%;
}


.p_cont_common .lesson_list.lesson_list_new li {
	width: 100%;
	margin-right: 0px;
	min-height: inherit;
}

.p_cont_common .lesson_list.lesson_list_new li a {
  font-size: 134%;
	display: block;
	width: 100%;
	padding: 10px 5px;
	box-sizing: border-box;
}

.p_cont_common .lesson_list.lesson_list_new li a span.stxt {
	display: block;
	font-size: 70%;
	text-align: center;
}


.price_mid_ttl {
	font-size: 125%;
	text-align: center;
}

.price_mid_ttl_sub {
	display: block;
	text-align: left;
}

.price_mid_ttl_sub {
	display: block;
	text-align: center;
	font-size: 100%;
}


.top_shougou {
	display: block;
	margin-top: 30px;
}

.top_shougou div {
	width:100%;
}

.pc_mov {
	display: none;
}

.kids_waku {
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
}

.nennrei_lis {
	display: block;
	margin-bottom: 15px;
	
}

.nennrei_lis li {
	margin-bottom: 10px !important;
}

.big_txt_nennrei_lis {
	font-size: 110%;
}

.nennrei_lis02 {
	border: 3px solid #f8b9bb;
	background: #fff;
	padding: 10px;
	font-size: 100%;
	margin-top: 20px;
}

.tuika_txt {
  font-size: 100%;
}

.txt_waku {
  padding: 10px;
  margin-top: 10px;
  font-size: 100%;
}

.kids_new_two {
	display: block;
}

.kids_new_two div.kids_tuika {
	width: 100%;
	margin-bottom: 30px;
}

.txt_waku {
	margin-bottom: 30px;
}

.tuika_txt_he {
	min-height: auto;
}


.txt_big {
	font-size: 100%;
}

.rec_btn {
	text-align: center;
	margin-top: 30px;
}

.rec_btn a {
	font-size: 120%;
	padding: 10px 40px;
}


.kids_nennrei_ttl {
	font-size: 120%;

}

.kids_nennrei .txt {
	font-size: 100%;
}




.p_renew_ttlbox_top {
	margin-top: 30px;
	margin-bottom: 30px;
}

.p_renew_ttlbox_top h5 {
	font-size: 180%;
	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;
}


.muryoutaiken_btn {
	text-align: center;
	margin-top: 50px;
}

.muryoutaiken_btn a {
	display: inline-block;
	padding: 10px 20px;
	background: #ef7609;
	color: #fff;
	text-align: center;
	font-size: 120%;
	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;
}



.c_room {
	padding: 20px;
}

.c_room .txt {
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}

.c_room_big {
	font-size: 120%;
}

.c_room_caution {
	border: 3px solid #d987a7;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 30px;
	background: #fdf2f5;
}

.c_room_caution p {
font-size: 90%;
}

.fast_lesson {
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 100%;
	border-radius: 10px;
}

.mt50 {
	margin-top: 30px;
}



.aiueo {
	text-align: center;
	color: #ff0000;
	font-size: 110%;
	margin-top: 30px;
}

.cach_c {
	font-size: 130%;
	font-weight: bolder;
	margin-bottom: 20px;
	color: #3F1F00;
	text-align: left;
}


@media screen and (max-width:500px) {
.kids_b a::before {
	content: "";
	background: url(../images/partner/kids_badg01.png) no-repeat;
	width:150px;
	height: 26px;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom:40px;
}
}




.kids_b02::before {
	content: "";
	background: url(../images/partner/kids_badg02.png) no-repeat;
	width:270px;
	height: 52px;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 40px;
}















.price_section_ttl {
	font-size: 130%;
	background: #f0f0f0;
}


.price_section_ttl03 {
	font-size: 130%;
}

.price_section_txt {
	font-size: 100%;
}

.price_section_txt02 {
	font-size: 100%;
}



.price_section_TB th {
	padding: 5px;
	font-size: 90%;
}

.price_section_TB02 th {
	background: #ef7508;
}

.price_section_TB td {
	padding: 5px;
	font-size: 90%;
}

.price_section_TB td .small {
	font-size: 50%;
	display: block;
	line-height: 1.2;
}

.price_section_TB_sub {
	background: #f0f0f0;
}



.price_section_sub01 {
	font-size: 120%;
}

.price_section_ttl02 {
	border-left: 10px solid #ef7508;
}

.card {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* 20240926 characteristic */
#renew_characteristic .price_section .box_in {
	padding: 10px;
}
#renew_characteristic .price_section dl {
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
#renew_characteristic .price_section dl.pt0 {
	padding-bottom: 0;
}
#renew_characteristic .price_section dl dt {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
#renew_characteristic .price_section dl dd {
	width: 100%;
}


/* index 講師検索 */
.search_teachers {
	margin-bottom: 50px;
	margin-top: 50px;
}
.search_teachers_ttl {
	margin-bottom: 30px;
	margin-top: -30px;
}
.search_teachers_ttl_box {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 20px;
	margin-top: 0;
}
.search_teachers_ttl_box .ttl {
	font-size: 130%;
	margin-bottom: 20px;
}
.search_teachers_btn {
	width: 200px;
	padding: 10px 20px;
	font-size: 100%;
	margin: 0 0 0 auto;
}
.search_teachers_btn::before {
	background: url(../images/index/btn_icon.png)no-repeat left bottom/70px 52px;
	width: 70px;
	height: 52px;
	left: -40px;
}
.search_teachers_list li {
	width: 30%;
	text-align: center;
	margin: 0 5% 20px 0;
}
.search_teachers_list li:not(:nth-child(3n)) {
	margin: 0 5% 20px 0;
}
.search_teachers_list li:nth-child(3n) {
	margin: 0 0 20px;
}
.search_teachers_list li img {
	max-width: 100px;
}
.search_teachers_list li span {
	font-size: 90%;
	line-height: 1.2;
}

.search_teachers_list li a {
	min-height: 110px;
}

/* 講師の検索結果ページ */
.search_teachers_result .renew_ttl_box {
	margin-bottom: 20px;
}
.search_teachers_result .top_txt {
	margin-bottom: 30px;
	font-size: 100%;
}
.search_tag_box {
	padding: 20px;
	margin-bottom: 30px;
}
.search_tag_box ul li {
	margin: 0 10px 10px 0;
	font-size: 90%;
}
.search_tag_box ul li span {
	padding: 7px 15px;
}
.search_result_list>li a {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.search_result_list>li:not(:last-child) {
	margin: 0 0 20px;
}
.search_result_list>li .img {
	width: 50%;
	margin-right: 0;
	margin-bottom: 20px;
}
.search_result_list>li .info_box {
	width: 100%;
}
.search_result_list>li .info_box .name {
	font-size: 140%;
}
.search_result_list>li .info_box .cat {
	padding: 0 0 10px;
}
.search_result_list>li .info_box .cat li {
	padding: 3px 5px;
	font-size: 70%;
	margin: 0 2px 3px 0;
	border-radius: 4px;
}
.search_result_list>li .info_box .cat li:not(:last-child) {
	margin-right: 3px;
}
.search_result_list>li .info_box .c_copy {
	font-size: 100%;
}

.top_voice_slider #voice_area ul.slider_voice02 li {
	min-height: 420px;
}



.index_tokuchou {
	padding: 0 20px;
}

.index_tokuchou_list {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 20px;
}

.index_tokuchou_list dt {
	width: 60%;
	margin: 0 auto;
}

.index_tokuchou_list dd {
	width: 100%;
}

.index_tokuchou_list dd p {
	font-size: 120%;
}


.fot_btn {
	margin-bottom: 10px;
}

.fot_btn ul {
	display: block;
}

.fot_btn ul li {
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
}


.index_tokuchou02 {
	display: block;
	margin-top: 0px;
}

.index_tokuchou02 li {
	width: 100%;
	margin-top: 30px;
}


.yasumi_i {
	font-size: 12px;
	/*bottom: 60px;*/
	bottom: 33px;
}


/* 20241105 english coaching */
.englishcoaching .index_tokuchou01 {
	margin-bottom: 20%;
}





.top1119 dl {
	display: flex;
	flex-direction:column-reverse;
	border-bottom: 5px solid #df8bac;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 0px;
	margin-top: 30px;
}

.top1119 dl dt {
	width: 40%;
	margin: 0 auto;
	
}

.top1119 dl dd {
	width: 100%;
	/*font-size: 26px;*/
	font-size: 140%;
	font-weight: 700;
}

.top1119 p {
	/*font-size: 120%;*/
	font-size: 18px !important;
}

.englishcoaching #area04 .ttl_navy.ttl_navy_long {
	width: 300px;
	margin-top: 30px;
}




.top1119_or dl dt {
	padding: 10px;
	font-size: 20px;
} 

.top1119_or dl dd {
	padding: 10px;
	font-size: 15px;
} 

/* index price */
.index_price_box {
	margin: 30px 0 40px;
}
.index_price_box .p_cont_common .info_box {
	flex-flow: column;
}
.index_price_box .p_cont_common .info_box .box {
	width: 100%;
}
.index_price_box .p_cont_common .info_box ul li {
	padding: 0!important;
}
.index_price_box .btn {
	margin: 10px auto 0;
}
.index_price_box .btn a {
	font-size: 120%;
	padding: 10px 20px;
}

/* index_flow */
.index_flow {
	margin: 30px 0 0;
}
.index_flow_list {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.index_flow_list li {
	width: 100%;
	padding: 0!important;
}
.index_flow_list li dl {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.index_flow_list li dl dt {
	font-size: 90%;
}
.index_flow_list li dl dd {
	font-size: 110%;
	line-height: 1.4;
	height: inherit;
	margin-bottom: 20px;
}
.index_flow_list li .img {
	text-align: center;
}
.index_flow_list li .img img {
	width: 70%;
}

.index_price_box .p_cont_common .info_box .box:not(:last-child) {
	margin-bottom: 20px;
}

.watashino {
	padding: 0 20px;
}


.kaigai {
	bottom: 33px;
	font-size: 12px;
}

.kids_b_k a::before {
	bottom: 65px;
}

/* 20241219 add */
/* index
-------------------------------------------------------*/
#header .header-text{
	text-align: center;
	padding: 10px 35px;
}

/* 20241223 add */
/* index02
-------------------------------------------------------*/
.new_index02_price_box {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.new_index02_price_box .price_section {
	width: 100%;
	margin-bottom: 20px;
}
.new_index02_price_box .price_section table {
	font-size: 100%;
}
.index02_pink_btn a {
	font-size: 120%;
}
.index02_qa_area .faq_beginner .main_ttl {
	font-size: 130%!important;
  }





.login_btn {
	margin-right: 0px;
	width: 30%;
}

.login_btn a {
	font-size: 14px;
	padding: 5px 10px;
}


.greeting_ttl {
  font-size: 120%;
  margin-top: 30px;
}


.pot_top {
	display: block;
	margin-bottom: 30px;
}

.pot_top_L {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.pot_top_R {
	width: 100%;
}



.pot_mid_list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.pot_mid_list li {
	max-width: 60px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.mb80 {
	margin-bottom: 40px;
}

.ttl_navy_once {
	margin-bottom: -10px !important;
}

.box_w100 .txt_box {
	width: inherit !important;
}



.index_lesson_part {
	margin-top:40px;
	padding-left: 20px;
	padding-right: 20px;
}

.index_lesson_part_list {
	display: block;
}

.index_lesson_part_list li {
	width: 100%;
	margin-bottom: 30px;
}





.topTB01 table {
	width: 100%;
}



.txt_box_one_flex {
	display: block;
}

.txt_box_one_flex > p {
	width: 100%;
	margin-top: 0 !important;
}

.txt_box_one_flex .topTB01 {
	width: 100%;
}

.feature_dif_list {
	margin-bottom: 30px;
}

.feature_dif_list dl {
	margin-top: 30px;
}

.feature_dif_list dl dt {
	font-size: 120%;
}

.top_vo_wrap {
	background: #fbf2f5;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
	padding: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}

.top_vo_wrap::before {
	display: none;

}

#header .inner ul.ul02_lp {
	justify-content: center;
}


.lp_cta {
	background: #fbf2f5;
	padding: 0px;
	border-radius: 0px;
	max-width: 1000px;
	margin: 0 auto;
}

.lp_cv_btn {
	max-width:600px;
	margin: 0 auto;
}

.lp_mt50mb50 {
	margin-top: 25px;
	margin-bottom: 25px;
}

/* 20250508 強みページの作成について */
.feature-link{
	width: 95%;
	max-width: 390px;
	font-size: 110%;
}


/* 20250519 メインビジュアルテキスト化 */
.new_visual .inner {
	padding: 10px 10px 0;
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
}
.new_visual_ttl {
	text-align: center;
	margin-bottom: 10px;
	font-size: 200%;
	font-weight: 700;
	color: #3f0000;
	line-height: 1.4;
	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_ttl span {
	background: linear-gradient(transparent 75%, #ffff00 75%);
	display: inline-block;
}
.new_visual_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-end;
	justify-content: space-between;
}
.new_visual_box dl {
	position: relative;
	width: 40%;
	margin-left: -10px;
}
.new_visual_box dt img {
	max-width: 249px;
}	
.new_visual_box dl dd {
	font-weight: 700;
	color: #3f0000;
	line-height: 1.4;
	position: absolute;
	bottom: 5px;
	font-size: 80%;
	left: 10px;
	text-shadow:
    -2px -2px 0 white,
     0px -2px 0 white,
     2px -2px 0 white,
    -2px  0px 0 white,
     2px  0px 0 white,
    -2px  2px 0 white,
     0px  2px 0 white,
     2px  2px 0 white;
}
.new_visual_box dl dd span {
	font-size: 150%;
	display: block;
}
.new_visual_list {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 100%;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #3f0000;
	width: 60%;
}
.new_visual_list span {
	color: #3f0000;
}
.new_visual_list li {
	background: #fff;
	border: 3px solid #ff9900;
	border-radius: 10px;
	width: 100%;
	padding: 10px 5px 10px 35px;
	position: relative;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 5px;
}
.new_visual_list li::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/index/n_visual_check.png)no-repeat left top/26px 25px;
	width: 26px;
	height: 25px;
	left: 5px;
	top: 10px;
}



.index_onayami {
	margin-top: 20px;
	padding-left: 20px;
  padding-right: 20px;
}



.index_onayami_ttl {

	font-size: 210%;
}

.index_onayami_list {
}

.index_onayami_list li {
	font-weight: 700;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 120%;
	padding-left: 1em;
	text-indent: -1em;
}

.index_onayami_list li span {
	margin-right: 5px;
}

.contact_sub {
	font-size: 120%;
}

.media_links {
	font-size: 80%;
}

/* 20250526 修正 */
.index .recommendation_teachers {
  padding: 50px 20px 0;
}
.index .footer_contact_btn_area {
  padding: 10px 10px 20px;
}



.mov_box_wrap {
	flex-direction: column-reverse;
	margin-bottom: 30px;
}

.mov_box_wrap .image {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

.mov_box_wrap .mov_box {
	margin: 0;
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding-right: 20px;
}

.partner_profile .profile_box .text_box {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	width: 100%;
}


.partner_profile .profile_box .text ul li {
	font-size: 110%;
}

.watashino {
	font-size: 110%;
}

.partner_profile .comment .text .text_in {
	font-size: 110%;
}


/* 20250702追加 */
.index_6points_ttl01 {
	font-size: 130%;
	background: #DF8BAC;
	padding: 5px;
	line-height: 1.2;
}
.index_6points_ttl01 span {
	background: none;
	padding: 0;
	border-radius: 0;
}
.index_6points_ttl02 {
	font-size: 120%;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.index_6points_ttl03 {
	font-size: 90%;
	margin-bottom: 30px;
}
.list_index_6points {
	flex-flow: column;
	align-items: flex-start;
	justify-content: space-between;
}
.list_index_6points li {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.list_index_6points li:nth-child(-n+3) {
	margin-bottom: 20px;
}
.list_index_6points li:last-child {
	margin-bottom: 0;
}
.list_index_6points li .ttl {
	font-size: 130%;
	height: inherit;
	margin-bottom: 10px;
}
.list_index_6points li .icon {
	max-width: 80%;
	margin: 0 auto;
}

.search_result_list>li .info_box .com {
	font-size: 90%;
}

.cat_sub {
	font-size: 80%;
	margin-bottom: 5px;
}


#header {
	position: relative;
}
.index {
	padding-top: 0px;
}
.breadcrumb {
	padding-top: 0px;
}


#footer .box {
	padding: 50px 20px;
}

#footer .box ul {justify-content: space-between;}
#footer .box ul.ul01 li {
	text-align: left;
	width: 50%;
	font-size: 13px;
	margin: 0;
	margin-bottom: 10px;
}

#footer .box ul.ul02 li {
	text-align: left;
	width: 50%;
	font-size: 13px;
	margin: 0;
	margin-bottom: 10px;
}


.ttl_ssearch {
	font-size: 1rem;
	margin-bottom: 20px;
	border: 3px solid #e8e1d3;
	box-sizing: border-box;
	padding: 10px;
}