@charset "UTF-8";
/* ↓リセット↓ */
*,
*::before,
*::after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
backface-visibility: hidden;
}
button,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="submit"],
input[type="button"],h4
input[type="date"],
input[type="search"],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: middle;
}
ul {
font-size: 0;
}
ul li {
font-size: 20px;
}
/* ↑リセット↑ */





/* ↓共通↓ */
html {
padding-top: 75px;
}
html,
body{
font: 16px/2em "Noto Sans JP";
}
body {
background-color: rgba(242,242,242,1.00);
color: #5F2DFE;
}
a {
transition: 0.3s;
color: #FC0E39;
}
a:hover {
transition: 0.3s;
}
img {
max-width: 100%;
}
.spot-list li{
font-size: 20px;
list-style: disc outside;
margin-left: 2em;
}
.red {
color: #DC3545;
}
.sp-img {
display: none;
}
.br-sp {
display: none;
}
.yellow-shadow {
width: calc(100% - 20px);
margin: 0 0 20px 20px;
box-shadow: -20px 20px rgba(251,195,38,1.00);
}
.btn-yellow {
margin: 25px;
background-color: rgba(251,195,38,1.00);
display: inline-block;
padding: 25px 50px;
font: 900 normal 30px/40px "Noto Sans JP";
color: rgba(95,45,254,1.00);
border-radius: 100px;
box-shadow: 0px 10px rgba(251,195,38,0.50);
}
.btn-yellow:hover {
color: rgba(95,45,254,1.00);
text-decoration: none;
box-shadow: 0px 0px rgba(251,195,38,0.50);
transform: translateY(10px);
}
.btn-yellow span {
background-image: url(../img/arrow-right.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 20px;
padding-left: 25px;
auto;
}

/* ヘッダ */
header {
width: 100%;
position: fixed;
display: table;
top: 0;
left: 0;
z-index: 100;
min-height: 75px;
}
#header-bg {
width: 100%;
min-height: 75px;
height: 75px;
position: fixed;
display: table;
top: 0;
left: 0;
background-color: #FBC326;
z-index: 10;
padding: 0;
}
.admin-bar header,
.admin-bar #header-bg{
top: 32px;
}
header h1 {
display: table-cell;
padding: 10px 20px 10px 20px;
vertical-align: middle;
position: relative;
z-index: 105;
}
header h1 img {
height: 55px;
}



/* メニュー */
header nav {
display: table-cell;
text-align: right;
vertical-align: middle;
position: relative;
z-index: 100;
}
header nav ul {
padding: 0;
margin: 0;
}
header nav ul li {
display: inline-block;
margin: 0px 0px 0px!important;
padding: 0 2em 0 0!important;
transform: translateY(2px);
}
header nav ul li a {
font: 400 normal 20px/20px "cooper-black-std", serif;
color: #5F2DFE;
text-shadow: 0px 3px rgba(95,45,254,0.30);
transition: 0.3s;
display: block;
}
header nav ul li a:hover {
transition: 0.3s;
text-decoration: none;
color: #9472FF;
}
header nav ul li a span {
display: none;
}

/* 下層ページタイトル */
#pagetitle {
background-color: rgba(95,45,254,1.00);
width: 100%;
display: table;
padding: 0;
}
#pagetitle h2 {
height: 400px;
display: table-cell;
vertical-align: middle;
font: 400 normal 110px/110px "cooper-black-std", serif;
color: rgba(251,195,38,1.00);
text-shadow: 0px 10px #8E5ABC;
}
#pagetitle h2 span {
display: block;
font: 20px/30px "Noto Sans JP";
text-shadow: none;
}

/* 全ページ */
article {
padding: 130px 0 ;
}
.bg-white {
background: rgba(242,242,242,1.00)!important;
color: #5F2DFE;
}
.bg-white a {
color: #5F2DFE;
font-weight: bold;
text-decoration: underline;
}
.bg-blue {
background: #5F2DFE!important;
color: #F2F2F2;
}
.bg-orange {
background: #FBC326!important;
}
.bg-gray {
background: #E0E0E0!important;
}

h2.title {
font: 400 normal 90px/90px "cooper-black-std", serif;
text-shadow: 0px 10px #BDAEED;
margin-bottom: 70px;
letter-spacing: -0.05em;
position: relative;
display: inline-block;
}
h2.title span {
position: absolute;
font: bold 20px/20px "Noto Sans JP";
text-shadow: none;
display: block;
vertical-align: top;
padding: 0 10px;
letter-spacing: 0em;
left: calc(100% + 20px);
top: 50px;
white-space: nowrap;
}
.bg-white h2.title {
color: #5F2DFE;
}
.bg-blue h2.title {
color: #F2F2F2;
}

article h3 {
font: 900 30px/40px "Noto Sans JP";
letter-spacing: 0.14em;
text-align: center;
}
article h3 span.uline {
padding-bottom: 1px;
display: inline; 
background:linear-gradient(transparent 70%, rgba(251,195,38,0.70) 0%);
}
#home article h3 {
text-align: left;
}
.btn01 {
font: 400 normal 16px/85px "cooper-black-std", serif;
text-align: center;
width: 170px;
border-radius: 100%;
height: 85px;
display: block;
letter-spacing: 0.16em;
text-decoration: none!important;
transition: 0.3s;
}
.bg-white .btn01 {
color: #5F2DFE;
border: 2px solid #5F2DFE;
}
.bg-white .btn01:hover {
color: #F2F2F2;
background-color: rgba(95,45,254,1.00);
transition: 0.3s;
}
.bg-blue .btn01{
color: #F2F2F2;
border: 2px solid #F2F2F2;
}
.bg-blue .btn01:hover {
color: #5F2DFE;
background-color: rgba(242,242,242,1.00);
transition: 0.3s;
}
/* 右下追従ボタン */
#toroku-login {
position: fixed;
bottom: 30px;
right: 20px;
z-index: 100;
padding: 0;
height: 128px;
width: 300px;
text-align: right;
}
#toroku-login section {
position: absolute;
opacity: 1;
transition: 0.2s;
width: 100%;
height: 100%;
}
#toroku-login section a {
display: inline-block;
margin-left: 15px;
width: 110px;
height: 110px;
line-height: 110px;
border-radius: 110px;
text-align: center;
background-color: rgba(95,45,254,1.00);
box-shadow: 0px 10px rgba(189,174,237,1.00);
transition: all 0.2s ease;
}
#toroku-login section a:hover {
box-shadow: 0px 0px rgba(189,174,237,1.00);
transition: all 0.2s ease;
transform: translateY(10px);
}
#toroku-login section a img {
width: 70px;
}
#toroku-login.dark-foreground .btn-blue a{
opacity: 0;
}
#toroku-login.bright-foreground .btn-orange a{
opacity: 0;
}

.spot-table {
width: 100%;
text-align: center;
line-height: 30px;
background-color: #FFFFFF;
}
.spot-table thead th {
background-color: #4024FB;
color: #FDBB2C;
padding: 20px;
border-left: 1px solid #FFFFFF;
}
.spot-table tbody {
border-top: 1px solid #C6C6C7;
border-left: 1px solid #C6C6C7;
}
.spot-table tbody th {
background-color: #4024FB;
color: #FDBB2C;
padding: 20px;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
white-space: nowrap;
}
.spot-table tbody tr:last-child th{
border-bottom: 1px solid #C6C6C7;
}
.spot-table tbody td {
border-right: 1px solid #C6C6C7;
border-bottom: 1px solid #C6C6C7;
padding: 20px;
}



.spot-table2 {
border-top: 1px solid #C6C6C7;
border-left: 1px solid #C6C6C7;
text-align: left;
}
.spot-table2 tbody th {
white-space: nowrap;
}
.spot-table2 tbody th,
.spot-table2 tbody td {
border-right: 1px solid #C6C6C7;
border-bottom: 1px solid #C6C6C7;
color: #5F2DFE;
background-color: #FFFFFF;
font-weight: normal;
text-align: 30px!important;
left: 0.1em!important;
padding: 30px;
}




.spot-table3 {
border-top: 1px solid #C6C6C7;
border-left: 1px solid #C6C6C7;
text-align: left;
width: 100%;
}
.spot-table3 tbody th {
white-space: nowrap;
}
.spot-table3 tbody th,
.spot-table3 tbody td {
border-right: 1px solid #C6C6C7;
border-bottom: 1px solid #C6C6C7;
color: #5F2DFE;
background-color: #FFFFFF;
font-weight: normal;
left: 0.1em!important;
padding: 0 10px;
}




@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}
header nav ul li {
padding: 0 1.5em 0 0!important;
}
header nav ul li a {
font: 400 normal 23px/23px "cooper-black-std", serif;
}

article h3 {
font: 900 30px/50px "Noto Sans JP";
}
ul li {
font-size: 16px;
}
/*1200-990（lg）*/}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
header h1 {
width: 120px;
padding: 20px;
}
header h1 img {
min-width: 60px;
}
article h3 {
font: 900 25px/40px "Noto Sans JP";
}
header nav ul {
display: table;
width: 100%;
}
header nav ul li {
display: table-cell;
padding: 0 1em 0 0!important;
transform: translateY(0px);
}
header nav ul li a {
font: 400 normal 20px/20px "cooper-black-std", serif;
}
/*990-770（md）*/}

@media (max-width: 770px) {
.770以下（xs）ーーーーーーーーーーーーーーー{}
html {
padding-top: 60px;
}
header {
width: 100%;
height: auto;
display: block;
padding: 0px;
}
header h1 {
display: block;
height: auto;
padding: 10px 10px 0;
margin: 0;
height: 60px;
}
header h1 img {
height: 40px;
width: auto;
min-width: auto;
vertical-align: top;
}
header nav {
display: block;
text-align: left;
}
header nav ul li {
display: block;
padding-right: 0;
}
header nav ul li a {
font-size: 42px;
line-height: 42px;
padding: 10px 40px;
}
header nav ul li a span {
display: block;
font: bold 11px/15px "Noto Sans JP";
letter-spacing: 0.1em;
margin-top: 0px;
text-shadow: none;
}
h2.title {
font: 400 normal 70px/70px "cooper-black-std", serif;
text-shadow: 0px 7px #BDAEED;
margin-bottom: 40px;
}
h2.title span {
position: relative;
font: bold 12px/24px "Noto Sans JP";
padding: 0px;
letter-spacing: 0.1em;
left: 0;
top: 0;
white-space: nowrap;
}
article {
padding: 70px 0 ;
}
.btn01 {
font: 400 normal 12px/60px "cooper-black-std", serif;
width: 120px;
height: 60px;
}
article h3 {
font: 700 22px/34px "Noto Sans JP";
letter-spacing: 0.1em;
}

/* 下層ページタイトル */
#pagetitle h2 {
height: 350px;
font: 400 normal 70px/70px "cooper-black-std", serif;
text-shadow: 0px 5px #8E5ABC;
}
#pagetitle h2 span {
font: 12px/20px "Noto Sans JP";
}



/* スマホでクリックミスを防ぐ為 */
a:hover {
opacity: 1.00;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}


/* ハンバーガーメニュー */
header nav {
display: block;
position: fixed;
height: auto;
width:100%;
height: 100%;
top: 60px;
right: -100%;
-webkit-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
margin-top: 0px;
z-index: 300;
background-color: rgba(251,195,38,0.90);
}

/* nav-toggle */
#nav-toggle {
display: none;
position: fixed;
top: 10px;
right: 10px;
}
#nav-toggle div{
width: 46px;
height: 40px;
}
#nav-toggle > div {
position: relative;
width: 46px;
}
#nav-toggle span {
width: 100%;
height: 3px;
left: 0;
display: block;
background-color: rgba(95,45,254,1.00);
position: absolute;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
margin: 0;
transition: .35s ease-in-out;
-webkit-box-shadow: 0px 3px #C5824D;
box-shadow: 0px 3px #C5824D;
}
#nav-toggle span:nth-child(1) {
top: 1px;
}
#nav-toggle span:nth-child(2) {
top: 15px;
}
#nav-toggle span:nth-child(3) {
top: 30px;
}

#nav-toggle {
display: block;
z-index: 200;
}
/* nav open */
.open {
overflow: hidden;
}
.open #overlay {
display: block;
background-color: rgba(0,0,0,0.70);
z-index: 100;
}
.open header nav  {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}

/* #nav-toggle close */
.open #nav-toggle {
background-color: rgba(255,255,255,0.00);
}
.open #nav-toggle span:nth-child(1) {
top: 16px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: 3px 3px rgba(197,130,77,0.50);
box-shadow: 3px 3px rgba(197,130,77,0.50);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 16px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-box-shadow: -3px 3px rgba(197,130,77,0.50);
box-shadow: -3px 3px rgba(197,130,77,0.50);
}
.open #nav-toggle div::after {
display: none;
}
/*770以下（xs）*/}



@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
ul li {
font-size: 12px;
}
.btn-yellow {
width: 98%;
margin: 10px 0;
padding: 20px 0;
font: 900 normal 15px/20px "Noto Sans JP";
box-shadow: 0px 5px rgba(251,195,38,0.50);
}
.btn-yellow:hover {
transform: translateY(5px);
}
.btn-yellow span {
background-size: auto 15px;
padding-left: 20px;
auto;
}
.spot-list li{
font-size: 12px;
}
.pc-img {
display: none;
}
.sp-img {
display: block;
}
.br-sp {
display: block;
}
.br-pc {
display: none;
}
.yellow-shadow {
width: calc(100% - 5px);
margin: 0 0 5px 5px;
box-shadow: -5px 5px rgba(251,195,38,1.00);
}

#toroku-login {
bottom: 0px;
left: 0px;
padding: 20px;
height: 100px;
width: calc(100% - 20px);
text-align: right;
}
#toroku-login section a {
width: 66px;
height: 66px;
line-height: 66px;
box-shadow: 0px 5px rgba(189,174,237,1.00);
margin-left: auto;
margin-right: 10px;
}
#toroku-login section a:hover {
transform: translateY(5px);
}
#toroku-login section a img {
width: 50px;
}

.spot-table {
font-size: 12px;
line-height: 22px;
}
.spot-table thead th {
padding: 5px;
}
.spot-table tbody th {
padding: 5px;
}
.spot-table tbody td {
padding: 5px;
}


.spot-table2 tbody th {
text-align: center;
font-weight: 700;
}
.spot-table2 tbody th,
.spot-table2 tbody td {
display: block;
text-align: 22px!important;
padding: 15px;
}


/*550以下（xs）*/}



/* ↑共通↑ */






/* ↓トップ↓ */
#MV {
background-color: #FBC326;
padding: 0;

}
#MV img {
max-width: 100%;
height: auto;
margin-top: -75px;
position: relative;
z-index: 50;
}

#home main {
display: flex;
flex-wrap: wrap; 
width: 100%;
}
#home #page-home {
order: 2;
width: 100%;
}
#home #news-ichiran {
order: 1;
width: 100%;
}



/* トップ ニュース一覧  */
#news-ichiran {
position: relative;
}
#ichiran-box {
margin-bottom: 50px;
}
#ichiran-box > div {
padding-bottom: 20px;
}
#ichiran-box a {
display: block;
max-width: 330px;
text-decoration: none;
border: 2px solid #5F2EFD;
height: 100%;
z-index: 1;
margin: auto;
}
.ichira-img {
width: calc(100% + 4px);
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
z-index: 5;
text-align: center;
aspect-ratio: 1 / 1;
overflow: hidden;
margin: -2px;
background-color: #F2F2F2;
}
.ichira-img span {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
background-position: center center;
background-size: 150% auto;
filter: blur(10px);
}
.ichira-img img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
filter: blur(0);
}
.ichira-img img:nth-child(3) {
max-height: 150%;
max-width: 150%;
filter: blur(10px);
z-index: 9;
}
.ichira-img img:nth-child(1) {
margin: auto;
position: absolute;
max-height: 90%;
max-width: 90%;
z-index: 10;
transition: 0.3s;
}
#news-ichiran a:hover {
transition: 0.3s;
opacity: 0.7;
}
#news-ichiran a:hover .ichira-img img:nth-child(2) {
max-height: 90%;
max-width: 90%;
transition: 0.3s;
opacity: 0.8;
}
.ichiran-txt {
display: block;
border-top: none;
padding: 20px 20px 10px;
color: #5F2DFE;
font-weight: 500;
line-height: 30px;
}
.ichiran-txt p {
margin-bottom: 10px;
}
.ichiran-txt .label,
.single-news .label{
display: block;
font-weight: bold;
padding-bottom: 0px;
}
.ichiran-txt .label object,
.single-news .label object{
display: inline-block;
font-size: 13px;
line-height: 20px;
margin: 0 10px 0 0;
vertical-align: top;
}
.ichiran-txt .label object p,
.single-news .label object p{
background-color: rgba(95,45,254,1.00);
color: rgba(255,255,255,1.00);
padding: 0 10px;
margin: 0;
}
.ichiran-txt .label object a,
.ichiran-txt .label object span,
.single-news .label object span{
background-color: rgba(255,255,255,1.00);
padding: 0 10px;
border: 2px solid #5F2EFD;
color: #5F2DFE;
}
.ichiran-txt .label object a:hover {
background-color: rgba(95,45,254,1.00);
color: #FFFFFF;
}





/* トップ About01 */

.outside-left img {
max-width: calc(120% - 15px);
height: auto;
-webkit-box-shadow: 15px 15px #FBC326;
box-shadow: 15px 15px #FBC326;
margin-left: -25%;
}
#about01 p {
letter-spacing: 0.14em;
padding: 30px 0;
}

/* トップ About02 */
#about02 section {
color: #5F2DFE;
padding: 20px;
letter-spacing: 0.14em;
max-width: 410px;
margin: auto;
}
#about02 h4 {
text-align: center;
font-size: 23px;
font-weight: 900;
line-height: 30px;
min-height: 100px;
}
#about02 img {
max-width: 100%;
width: 200px;
display: block;
margin: 0 auto 30px;
}




/* about04 4社運営 */
#about03 {
text-align: center;
}
#about03 h3 {
text-align: center!important;
}
#about03 a {
display: block;
padding: 20px 10px;
}
#about03 a img {
width: 90%;
max-width: 600px;
}
#about03 p {
letter-spacing: 0.14em;
}

/* about04 youtube */
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

/* about05 野村さん */

#about05 {
overflow: hidden;
}

#about05 h3 {
margin-top: 100px;
}
.outside-right img {
max-width: calc(125% - 15px);
height: auto;
-webkit-box-shadow: -15px 15px #5F2DFE;
box-shadow: -15px 15px #5F2DFE;
margin-left: 10%;
}

#home-teacher {
padding: 80px 0 0;
}
#home-teacher ul {
padding: 0;
margin: 0;
}
#home-teacher ul li {
display: inline-block;
width: calc(100% / 5);
padding: 10px;
}
#home-teacher ul li a {
display: block;
}
#home-teacher ul li a img {
aspect-ratio: 1 / 1;
width: 100%;
object-fit: cover;
border-radius: 100px;
}



/* トップ レッスンガイド */
#lesson h4 {
text-align: center;
font-size: 25px;
font-weight: 900;
letter-spacing: 0.14em;
}
#lesson h4 small {
display: block;
font-size: 20px;
}
#lesson section {
padding: 20px;
}
#lesson section img {
display: block;
width: 120px;
max-width: 100%;
margin: 50px auto;
}

/* HOME FAQ */
#home-faq section {
border-bottom: 1px solid #5F2DFE;
position: relative;
padding: 30px 0;
}
#home-faq section:last-child {
border-bottom: none;
}
#home-faq .accordion {
position: absolute;
top: 20px;
right: 0;
line-height: 50px;
padding: 0 10px 0 0;
width: 100%;
text-align: right;
display: block;
height: 50px;
background-image: url(../img/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 20px auto;
}
#home-faq p,
#faq p {
margin: 0;
padding: 0 4em 0 1.5em;
position: relative;
}
p.faq-q::before,
p.faq-a::before{
position: absolute;
font-weight: bold;
top: 0;
left: 0;
}
p.faq-q::before {
content: "Q.";
}
p.faq-a::before {
content: "A.";
color: #FC0E39;
}
p a {
font-weight: bold;
}
.acd-check {
display: none;
}
.acd-content {
height: 0;
opacity: 0;
visibility: hidden;
}
#home-faq .acd-check:checked ~ .accordion ~ .acd-content {
height: auto;
opacity: 1;
visibility: visible;
padding: 50px 0 0;
}
#home-faq .acd-check:checked ~ .accordion {
background-image: url(../img/arrow-up.svg);
}

/* トップ 無料登録 ログイン */
#top-touroku-login ul {
list-style: none;
text-align: center;
padding: 0 50px;
}
#top-touroku-login ul li {
display: inline-block;
width: 50%;
padding: 0 30px;
}
#top-touroku-login ul li a {
display: block;
border-radius: 100px;
background-color: #FBC326;
max-width: 500px;
height: 75px;
line-height: 75px;
-webkit-box-shadow: 0px 15px rgba(251,195,38,0.30);
box-shadow: 0px 15px rgba(251,195,38,0.30);
margin: auto;
transition: 0.3s;
}
#top-touroku-login ul li a:hover {
-webkit-box-shadow: 0px 0px rgba(251,195,38,0.30);
box-shadow: 0px 0px rgba(251,195,38,0.30);
transition: all 0.2s ease;
transform: translateY(15px);
}
#top-touroku-login ul li a img {
height: 22px;
}

/* トップ SNS */
#sns section {
display: table;
width: 100%;
}
#sns h4{
font: 400 normal 60px/60px "cooper-black-std", serif;
text-shadow: 0px 10px #BDAEED;
display: table-cell;
width: 40%;
white-space: nowrap;
}
#sns ul {
display: table-cell;
width: 60%;
text-align: right;
padding: 0;
vertical-align: top;
}
#sns ul li {
display: inline-block;
}
#sns ul li a {
width: 66px;
display: block;
border-radius: 100px;
transition: all 0.2s ease;
margin: 0 0 20px 40px;
}
#sns ul li:first-child a{
margin-left: 0;
}
#sns ul li a:hover {
box-shadow: 0px 0px rgba(242,242,242,1.00)!important;
transition: all 0.2s ease;
transform: translateY(7px);
}
#sns ul li a img {
width: 66px;
}
#sns ul li.sns-facebook a {
background-color: #3b5998;
box-shadow: 0px 7px rgba(59,89,152,0.30);
}
#sns ul li.sns-twitter a {
background-color: #00acee;
box-shadow: 0px 7px rgba(0,172,238,0.30);
}
#sns ul li.sns-line a {
background-color: #06c755;
box-shadow: 0px 7px rgba(6,199,85,0.30);
}
#sns ul li.sns-instagram a {
background-color: #3f729b;
box-shadow: 0px 7px rgba(63,114,155,0.30);
}
#sns ul li.sns-youtube a {
background-color: #c4302b;
box-shadow: 0px 7px rgba(196,48,43,0.30);
}






/* トップのみ1440px */
#home #news-ichiran .container-xl,
#home #about01 .container-xl,
#home #about02 .container-xl,
#home #about03 .container-xl,
#home #about04 .container-xl,
#home #about05 .container-xl,
#home #lesson .container-xl,
#home #home-faq .container-xl,
#home #top-touroku-login .container-xl,
#home #sns .container-xl,
#home footer .container-xl {
max-width: 1480px!important;
}


@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
#sns h4 span{
display: block;
}
.outside-left img {
max-width: calc(100% - 10px);
height: auto;
-webkit-box-shadow: 10px 10px #FBC326;
box-shadow: 10px 10px #FBC326;
margin-left: 0%;
}
/* about05 野村さん */
.outside-right img{
max-width: calc(100% - 10px);
height: auto;
-webkit-box-shadow: -10px 10px #5F2DFE;
box-shadow: -10px 10px #5F2DFE;
margin-left: 0%;
}
/*990-770（md）*/}



@media (max-width: 770px) {
.770以下（sm）ーーーーーーーーーーーーーーー{}
/* トップ ニュース一覧  */
#ichiran-box > div {
padding-bottom: 20px;
}
.ichiran-txt {
padding: 15px 15px 10px;
line-height: 20px;
}
.ichiran-txt .label object {
font-size: 12px;
line-height: 16px;
margin: 0 5px 0 0;
}
.ichiran-txt .label object p {
padding: 0 5px;
}
.ichiran-txt .label object a {
padding: 0 5px;
line-height: 14px;
border: 1px solid #5F2EFD!important;
}

/* トップ About01 */
.outside-left  img {
max-width: 100%;
margin: 0 0 50px -10px!important;
box-shadow: 10px 10px #F2F2F2;
}
#about01 p {
letter-spacing: 0.2em;
padding: 15px 0;
line-height: 24px;
}

/* トップ About02 */
#about02 h4 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
min-height: auto;
}
#about02 img {
max-width: 140px;
margin: 0 auto 15px;
}

/* about05 野村さん */
#about05 h3 {
margin-top: 0px;
}
.outside-right img{
max-width: calc(100% - 10px);
height: auto;
-webkit-box-shadow: -10px 10px #5F2DFE;
box-shadow: -10px 10px #5F2DFE;
margin-left: 0%;
}

/* トップ レッスンガイド */
#lesson h4 {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.2em;
}
#lesson h4 small {
font-size: 20px;
font-weight: 700;
}
#lesson section img {
display: block;
max-width: 90px;
margin: auto;
}

/* トップ FAQ */
#home-faq section {
padding: 25px 0;
}
#home-faq .accordion {
top: 25px;
right: 0;
line-height: 25px;
height: 25px;
background-image: url(../img/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 0px center;
background-size: 10px auto;
}
#home-faq p,
#faq p{
padding: 0 2em 0 1.8em;
}
p.faq-q::before,
p.faq-a::before{
font-size: 16px;
}

/* トップ 無料登録 ログイン */
#top-touroku-login ul {
padding: 0;
}
#top-touroku-login ul li {
padding: 15px 10px;
}
#top-touroku-login ul li a {
height: 55px;
line-height: 50px;
-webkit-box-shadow: 0px 8px rgba(251,195,38,0.30);
box-shadow: 0px 8px rgba(251,195,38,0.30);
}
#top-touroku-login ul li a img {
height: 20px;
}

/* トップ SNS */
#sns section {
display: block;
width: 100%;
text-align: center;
}
#sns h4{
font: 400 normal 46px/46px "cooper-black-std", serif;
text-shadow: 0px 5px #BDAEED;
display: block;
width: 100%;
margin-bottom: 30px;
}
#sns h4 span{
display: inline-block;
}
#sns ul {
display: block;
width: 100%;
text-align: center;
}
#sns ul li {
display: inline-block;
}
#sns ul li a img {
width: 50px;
}
#sns ul li a:hover {
transform: translateY(5px);
}
#sns ul li.sns-facebook a {
box-shadow: 0px 5px rgba(59,89,152,0.30);
}
#sns ul li.sns-twitter a {
box-shadow: 0px 5px rgba(0,172,238,0.30);
}
#sns ul li.sns-line a {
box-shadow: 0px 5px rgba(6,199,85,0.30);
}
#sns ul li.sns-instagram a {
box-shadow: 0px 5px rgba(63,114,155,0.30);
}
#sns ul li.sns-youtube a {
box-shadow: 0px 5px rgba(196,48,43,0.30);
}


/*770以下（xs）*/}






@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
/* トップ 無料登録 ログイン */
#top-touroku-login ul {
padding: 0;
}
#top-touroku-login ul li {
display: block;
width: 100%;
padding: 15px 10px;
}
#top-touroku-login ul li a {
height: 55px;
line-height: 50px;
-webkit-box-shadow: 0px 8px rgba(251,195,38,0.30);
box-shadow: 0px 8px rgba(251,195,38,0.30);
}
#top-touroku-login ul li a img {
height: 20px;
}
/*550以下（xs）*/}





/* ↑トップ↑ */






/* ↓フッター↓ */
footer {

}
footer article {
padding: 0;
}
footer section {
padding: 120px 0 120px;
}
footer ul {
margin-bottom: 0px;
padding: 0;
}
footer ul li {
display: inline-block;
margin: 0 50px 50px 0;
padding: 0;
}
footer ul li a {
color: #5F2DFE;
font-weight: bold;
display: block;
}
footer ul li a:hover {
transition: 0.3s;
text-decoration: none;
color: #9472FF;
}
footer ul:nth-child(1) li a{
font: 400 normal 18px "cooper-black-std", serif;
}
footer ul:nth-child(2) li a{
font: bold 16px "Noto Sans JP";
}

footer img {
width: 90px;
margin: 10px 0;
}
footer p {
text-align: center;
border-top: 3px solid rgba(95,44,254,1.00);
color: rgba(95,44,254,1.00);
font-size: 18px;
letter-spacing: 0.1em;
margin: 0;
padding: 10px;
line-height: 35px;
font-weight: bold;
}

@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}
footer section {
padding: 200px 0 120px;
}
/*1200-990（lg）*/}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
footer section {
padding: 150px 0 90px;
}
/*990-770（md）*/}


@media (max-width: 770px) {
.770以下（sm）ーーーーーーーーーーーーーーー{}
footer section {
padding: 100px 0 50px;
}
footer ul {
margin-bottom: 0px;
}
footer ul li {
margin: 0 30px 30px 0;
}
footer ul:nth-child(1) li a{
font: 400 normal 15px "cooper-black-std", serif;
}
footer ul:nth-child(2) li a{
font: bold 13px/15px "Noto Sans JP";
}
footer img {
width: 60px;
}
footer p {
font-size: 12px;
letter-spacing: 0.1em;
}
/*770以下（xs）*/}

/* ↑フッター↑ */






/* ↓ABOUT↓ */
.round-title {
text-align: center;
background-color: #FBC326;
font-size: 40px;
line-height: 60px;
border-radius: 80px;
padding: 10px;
-webkit-box-shadow: 0px 10px #8A4EB2;
box-shadow: 0px 10px #8A4EB2;
margin: 120px 0;
}
.point-box {
background-color: #E0E0E0;
width: 100%;
display: table;
position: relative;
padding: 80px;
margin-bottom: 60px;
}
.point-box .point {
position: absolute;
color: #FFFFFF;
font: 400 normal 25px/25px "cooper-black-std", serif;
z-index: 0;
}
.point-box:nth-child(odd) .point {
bottom: 5px;
right: 10px;
}
.point-box:nth-child(even) .point {
bottom: 5px;
left: 30px;
}
.point-box .point small {
position: absolute;
font-size: 36px;
letter-spacing: -0.08em;
writing-mode: vertical-rl;
top: -33px;
left: -25px;
}
.point-box .point big {
font-size: 197px;
letter-spacing: -0.09em;
display: table-cell;
}
.point-img,
.point-txt{
display: table-cell;
vertical-align: top;
position: relative;
}
.point-img img {
max-width: 450px;
}
.point-box:nth-child(odd) .point-img img {
margin: 0 80px 0 -120px;
}
.point-box:nth-child(even) .point-img img {
margin: 0 -120px 0 80px;
}
.point-txt {

}
.point-txt h5 {
font-size: 34px;
font-weight: bold;
letter-spacing: 0.14em;
margin-bottom: 30px;
}

#about-table {
background-image: url(../img/japan-map.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

#teacher p,
#teacher a {
display: block;
margin: 0;
font-size: 20px;
line-height: 30px;
}
#teacher a {
margin-bottom: 30px;
}

#teacher .accordion {
width: 100%;
display: block;
text-align: center;
font-size: 20px;
line-height: 40px;
padding: 20px;
border: 1px solid #4024FB;
position: relative;
background-color: #FFFFFF;
}
#teacher .acd-content {
height: 0;
opacity: 0;
visibility: hidden;
display: none;
}
#teacher .acd-check:checked ~ .accordion ~ .acd-content {
height: auto;
opacity: 1;
visibility: visible;
padding: 50px 0 0;
}
#teacher .accordion::after {
content: "+";
position: absolute;
top: 20px;
right: 20px;
}
#teacher .acd-check:checked ~ .accordion::after {
content: "-";
}
#about .youtube {
margin-bottom: 20px;
}

@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}

.point-box {
margin: auto;
width: 90%;
padding: 60px 60px 100px;
margin-bottom: 50px;
}
.point-box .point-img {
width: 40%;
}
.point-box .point-txt {
width: 60%;
}
.point-img img {
width: calc(100% + 40px);
}
.point-box:nth-child(odd) .point-img img {
margin: 0 0 0 -90px;
}
.point-box:nth-child(even) .point-img img {
margin: 0 -100px 0 50px;
}



/*1200-990（lg）*/}


@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
.point-txt h5 {
font-size: 30px;
margin: 0px 0 10px;
}
/*990-770（md）*/}


@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

.point-box {
width: 90%;
padding: 20px 20px 80px;
margin: 0 auto 50px;
}
.point-box .point-img {
min-width: 40%;
}
.point-img img {
width: calc(100% + 10px);
min-width: 200px;
}
.point-box:nth-child(odd) .point-img img {
margin: 0 20px 0 -40px;
}
.point-box:nth-child(even) .point-img img {
margin: 0 -40px 0 20px;
}
.point-box .point-txt {
min-width: 60%;
}
.point-box .point small {
font-size: 25px;
top: -15px;
}
.point-box .point big {
font-size: 150px;
}

/*770-550（sm）*/}





@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}

.round-title {
font-size: 20px;
line-height: 28px;
padding: 5px 10px;
-webkit-box-shadow: 0px 5px #8A4EB2;
box-shadow: 0px 5px #8A4EB2;
margin: 30px 0 60px;
}
.point-box {
width: 100%;
padding: 10px 10px 70px;
margin: 0 auto 20px;
display:flex;
flex-direction: column;
}
.point-box .point-img {
display: block;
min-width: 100%;
}
.point-box .point-txt {
display: block;
min-width: 100%;
}
.point-box .point small {
font-size: 19px;
top: -13px;
}
.point-box .point big {
font-size: 98px;
}
.point-img img {
max-width: calc(100% + 20px);
}
.point-box:nth-child(odd) .point-img img {
margin: 0 0 0 -20px;
}
.point-box:nth-child(even) .point-img img {
margin: 0 -20px 0 0;
}

.point-box:nth-child(even) .point-img {
order: 1;
}
.point-box:nth-child(even) .point-txt {
order: 2;
}
.point-txt h5 {
font-size: 15px;
margin: 10px 0 5px;
}

/*550以下（xs）*/}
/* ↑ABOUT↑ */






/* ↓LESSON↓ */
.select3 {
padding: 0;
text-align: center;
border-top: 2px solid #5F2DFE;
border-bottom: 2px solid #5F2DFE;
}
.select3 ul {
max-width: 1200px;
margin: auto;
padding: 0;
}
.select3 ul li {
width: calc(100% / 3);
display: inline-block;
border-left: 2px solid #5F2DFE;
margin: 0;
vertical-align: top;
height: 100%;
}
.select3 ul li:last-child {
border-right: 2px solid #5F2DFE;
}
.select3 ul li a {
display: block;
padding: 50px 0;
color: #5F2DFE;
font-weight: 900;
font-size: 20px;
}
.select3 ul li a:hover {
text-decoration: none;
}


#lesson1 .select3 ul li:nth-child(1) a,
#lesson2 .select3 ul li:nth-child(2) a,
#lesson3 .select3 ul li:nth-child(3) a,
#audition1 .select3 ul li:nth-child(1) a,
#audition2 .select3 ul li:nth-child(2) a,
.single-audition .select3 ul li:nth-child(2) a,
#audition3 .select3 ul li:nth-child(3) a,
.select3 ul li.active a {
background-color: #FBC326;
}


.select3 ul li a img {
max-width: 95px;
display: block;
margin: auto;
}


.lesson-guide {
width: 100%;
}
.lesson-guide tbody th {
vertical-align: top;
width: 140px;
position: relative;
}
.lesson-guide tbody th::after {
content: "";
position: absolute;
height: 100%;
width: 2px;
background-color: #FBC326;
top: 0;
left: 50%;
}
.lesson-guide tbody tr:first-child th::after,
.lesson-guide tbody tr:last-child th::after{
display: none;
}
.lesson-guide tbody th span {
text-align: center;
display: block;
width: 140px;
height: 140px;
background-color: #5F2DFE;
border-radius: 140px;
color: #FBC326;
font-size: 16px;
line-height: 30px;
padding: 20px;
position: relative;
z-index: 2;
letter-spacing: 0.1em;
}
.lesson-guide tbody th span big {
font-size: 26px;
}
.lesson-guide tbody th span img {
width: 50px;
margin: 15px 0 0 0;
}
.lesson-guide tbody td {
padding: 0px 0px 50px 70px;
}
.lesson-guide tbody td h4{
text-align: left!important;
font-size: 24px!important;
margin-bottom: 20px;
}
.lesson-guide tbody td p {
background-color: #E5E5E5;
padding: 30px;
}
.lesson-guide tbody td p span {
display: block;
background-color: #FFFFFF;
padding: 30px;
margin-top: 20px;
}



#group-lesson01 img {
width: 700px;
margin: 50px 0;
}
.group-lesson-table {
width: 100%;
}
.group-lesson-table tr {
border-bottom: 1px dashed #707070;
}
.group-lesson-table th,
.group-lesson-table td {
vertical-align: top;
padding: 50px 0;
}
.group-lesson-table th {
white-space: nowrap;
padding-right: 20px;
}

.group-lesson-table table {
border-top: 1px solid #707070;
border-left: 1px solid #707070;
background-color: #FFFFFF;
}
.group-lesson-table table th,
.group-lesson-table table td {
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 20px 30px;
}



/* LESSON02 */
.matching-flow {
margin-top: 50px;
background-color:  #F7F7F7;
padding: 70px;
}
.flow-table {
margin-left: 200px;
}
.flow-table th,
.flow-table td {
vertical-align: top;
position: relative;
}
.flow-table th::after {
position: absolute;
content: "";
left: 50%;
height: 100%;
width: 1px;
background-color: rgba(64,36,251,1.00);
}
.flow-table tr:last-child th::after {
display: none;
}
.flow-table th span {
display: block;
background-color: #FFFFFF;
width: 35px;
height: 35px;
border-radius: 35px;
border: 1px solid rgba(95,45,254,1.00);
}
.flow-table tr:first-child th span,
.flow-table tr:last-child th span {
background-color: #4024FB;
}
.flow-table td {
padding: 0 0 30px 30px;
line-height: 35px;
}
.flow-table td img {
height: 100px;
position: absolute;
left: -200px;
top: -50px;
}

#dousa-kankyo section {
margin: 50px 0;
}



@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

.select3 ul li a {
padding: 20px 0;
font-size: 16px;
}
.select3 ul li a img {
max-width: 50px;
}


.matching-flow {
margin-top: 15px;
padding: 15px;
}
.flow-table {
margin: auto;
}

.flow-table th span {
width: 16px;
height: 16px;
}
.flow-table td {
padding: 0 0 15px 15px;
line-height: 22px;
}
.flow-table td img {
height: 50px;
position: relative;
left: 100px;
right: 0;
top: 0px;
}



/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}

.select3 ul li a {
padding: 20px 0;
font-size: 12px;
}
.select3 ul li a img {
max-width: 33px;
}

.lesson-guide tbody th {
width: auto;
}
.lesson-guide tbody th span {
width: 80px;
height: 80px;
font-size: 9px;
line-height: 25px;
padding: 10px 0 0;
letter-spacing: 0.07em;
}
.lesson-guide tbody th span big {
font-size: 14px;
}
.lesson-guide tbody th span img {
display: block;
width: 30px;
margin: 5px auto 0 auto;
}
.lesson-guide tbody td {
padding: 0px 0px 20px 20px;
}
.lesson-guide tbody td h4{
font-size: 15px!important;
margin-bottom: 10px;
}
.lesson-guide tbody td p {
padding: 15px;
}
.lesson-guide tbody td p span {
padding: 15px;
margin-top: 10px;
}





.group-lesson-table > tbody > tr > th,
.group-lesson-table > tbody > tr > td {
display: block;
text-align: center;
}
.group-lesson-table > tbody > tr > th {
padding: 10px 0 0;
}
.group-lesson-table > tbody > tr > td {
padding: 0 0 10px;
}
.group-lesson-table th {
white-space: nowrap;
padding-right: 20px;
}
.group-lesson-table table th,
.group-lesson-table table td {
padding: 10px 15px;
}



/*550以下（xs）*/}

/* ↑LESSON↑ */








/* ↓PRICE↓ */

#hiyou-isshiki {
background-color: #F7F7F7;
text-align: center;
padding: 60px 10px;
margin: 50px 0;
}
#hiyou-isshiki p {
color: #212121;
font-size: 24px;
position: relative;
display: inline-block;
font-weight: 700;
}
#hiyou-isshiki p::before,
#hiyou-isshiki p::after{
position: absolute;
content: "";
width: 65px;
height: 100px;
background-image: url(../img/icon-price01.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
#hiyou-isshiki p::before {
left: -70px;
bottom: 20px;
}
#hiyou-isshiki p::after {
transform: scale(-1, 1);
right: -70px;
bottom: 20px;
}
#hiyou-isshiki p big {
font-size: 45px;
font-weight: 700;
display: block;
color: rgba(95,45,254,1.00);
}
#hiyou-isshiki p small {
font-size: 20px;
color: #212121;
}
#hiyou-isshiki ul li {
display: inline-block;
border: 1px solid #707070;
width: calc(100% / 3 - 20px);
vertical-align: top;
margin: 10px;
color: #212121;
font-size: 20px;
padding-bottom: 20px;
letter-spacing: 0.04em;
position: relative;
}
#hiyou-isshiki ul li b {
background-color: #5F2DFE;
display: block;
color: #FFFFFF;
padding: 5px 0;
}
#hiyou-isshiki ul li big {
font-size: 25px;
margin: 15px;
display: block;
}
#hiyou-isshiki ul li:nth-child(1)::after,
#hiyou-isshiki ul li:nth-child(2)::after{
content: "+";
position: absolute;
right: -18px;
top: 50%;
margin-top: -1em;
}


.point-table {
max-width: 800px;
margin: auto;
margin: 30px auto;
}
.point-table th,
.point-table td {
vertical-align: top;
}
.point-table th p {
background-image: url(../img/icon-clock.svg);
background-position: left 0px;
background-size: 30px auto;
background-repeat: no-repeat;
padding: 0 50px 0 35px;
white-space: nowrap;
min-height: 50px;;
}
.point-table td p {
position: relative;
display: block;
width: 100%;
height: 100%;
font-size: 22px;
text-align: center;
padding: 30px 100px;
z-index: 3;
margin-bottom: 5px;
}
.point-table td p big {
font-size: 40px;
font-weight: 900;
display: block;
}
.point-table td p span {
display: block;
text-align: left!important;
}
.point-table td p::before,
.point-table td p::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
}
.point-table td p::before {
background-image: url(../img/icon-point-table.svg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 13px auto;
bottom: 0;
left: 0px;
z-index: 2;
}
.point-table td p::after{
bottom: 5px;
left: 6px;
border-left: 1px solid #C4C4C4;
border-bottom: 1px dotted #C4C4C4;
}
.point-table td.white p {
margin-top: -5px;
z-index: 2;
}
.point-table td.white p::after {
z-index: -1;
background-color: #F7F7F8;
}


#oshiharai-houhou section hr {
border-color: #E0E0E0;
}


@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}
#hiyou-isshiki ul li {
font-size: 16px;
}
.point-table td p {
font-size: 20px;
}
.point-table td p big {
font-size: 35px;
}
/*1200-990（lg）*/}



@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}

#hiyou-isshiki ul li big {
margin: 15px;
}
#hiyou-isshiki ul li b {
min-height: 60px;
vertical-align: middle;
}
#hiyou-isshiki ul li b span {
display: block;
}
.point-table td p {
font-size: 16px;
}
.point-table td p big {
font-size: 30px;
}
/*990-770（md）*/}



@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

/*770-550（sm）*/}



@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#hiyou-isshiki {
padding: 30px 10px;
margin: 25px 0;
}
#hiyou-isshiki p {
font-size: 22px;
}
#hiyou-isshiki p::before,
#hiyou-isshiki p::after{
width: 40px;
height: 80px;
}
#hiyou-isshiki p::before {
left: -40px;
bottom: 0px;
}
#hiyou-isshiki p::after {
right: -40px;
bottom: 0px;
}
#hiyou-isshiki p big {
font-size: 35px;
margin-top: 10px;
}
#hiyou-isshiki p small {
font-size: 18px;
}

#hiyou-isshiki ul {

}
#hiyou-isshiki ul li {
display: block;
width: calc(100%);
font-size: 15px;
padding-bottom: 10px;
margin: 0 0 30px;
}
#hiyou-isshiki ul li b {
min-height: auto;
padding: 10px;
}
#hiyou-isshiki ul li b span {
display: inline;
}
#hiyou-isshiki ul li big {
font-size: 25px;
margin: 15px;
display: block;
}
#hiyou-isshiki ul li:nth-child(1)::after,
#hiyou-isshiki ul li:nth-child(2)::after{
font-size: 25px;
right: 50%;
top: auto;
bottom: -25px;
}
.point-table td.white p {
margin-top: -10px;
}


.point-table th p {
background-position: left 6px;
background-size: 15px auto;
padding: 0 0 0 20px;
}
.point-table td p {
font-size: 10px;
padding: 0 0 20px 20px;
margin-top: -5px;
margin-bottom: 10px;
}
.point-table td p::before,
.point-table td p::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
}
.point-table td p big {
font-size: 25px;
}



/*550以下（xs）*/}




/* ↑PRICE↑ */




/* ↓guide↓ */
#kyouzai p {
display: inline-block;
text-align: left;
}
#curriculum h4 {
display: block;
text-align: center;
background-color: #F7F7F8;
border-radius: 10px;
font-size: 20px;
padding: 30px;
color: #212121;
}
#curriculum h4 img {
height: 88px;
display: block;
margin: 0 auto 10px;
}
#curriculum p {
margin-bottom: 50px;
}
#curriculum p span {
display: block;
background-color: #FFFFFF;
border: 1px solid #707070;
padding: 10px;
border-radius: 5px;
}
#curriculum p span b {
background-color: #5F2DFE;
color: #FFFFFF;
border-radius: 5px;
padding: 0 5px;
margin-right: 5px;
}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#curriculum h4 {
font-size: 12px;
padding: 15px;
}
#curriculum h4 img {
height: 42px;
}
/*550以下（xs）*/}



/* ↑guide↑ */






/* ↓audition↓ */
#audition-kekka h4 {
font-size: 30px;
letter-spacing: 0.10em;
line-height: 44px;
font-weight: 700;
}
#audition-kekka section {
padding: 10px;
margin-bottom: 30px;
}
#audition-kekka .col-sm-6 {
position: relative;
}
#audition-kekka .col-sm-6 p {
position: absolute;
bottom: 0;
}

.audition-table {
width: 100%;
}
.audition-table tr {
border-bottom: 1px solid #BABABC;
}
.audition-table tr:last-child {
border-bottom: none;
}
.audition-table th,
.audition-table td {
padding: 50px 0;
}
.audition-table th {
white-space: nowrap;
padding-right: 100px;
vertical-align: top;
}
#audition03 .audition-table .spot-table3 th {
width: 50%;
}

#audition-archives ul li {
display: inline-block;
width: 50%;
padding: 20px;
}
#audition-archives ul li:first-child {
display: none;
}
#audition-archives ul li a {
display: block;
padding: 10px;
color: #5F2DFE;
text-align: center;
background-color: #FFFFFF;
border: 1px solid #5F2DFE;
}
#audition-archives ul li a:hover {
background-color: #5F2DFE;
color: #FFFFFF;
text-decoration: none;
}
#audition-archives ul li a span {
display: block;
}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
#audition-kekka h4 {
font-size: 25px;
line-height: 30px;
}
#audition-kekka .spot-table3 small {
display: block;
}
/*990-770（md）*/}


@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#audition-kekka h4 {
font-size: 20px;
line-height: 25px;
}

/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#audition-kekka h4 {
font-size: 15px;
line-height: 22px;
text-align: center;
}
#audition-kekka .col-sm-6 p {
position: absolute;
right: 10px;
}




.audition-table > tbody > tr > th,
.audition-table > tbody > tr > td {f
padding: auto;
display: block;
text-align: center;
}
.audition-table > tbody > tr > th {
padding: 20px 0 5px;
}
.audition-table > tbody > tr > td {
padding: 0 0 20px;
}

.audition-table th {
white-space: nowrap;
padding-right: 100px;
vertical-align: top;
}
#audition03 .audition-table .spot-table3 th {
width: 50%;
}


/*550以下（xs）*/}



/* ↑audition↑ */






/* ↓FAQ↓ */
#faq-mokuji {
margin-bottom: 50px;
}
#faq-mokuji a {
display: table;
width: 100%;
text-align: center;
min-height: 100px;
color: #5F2DFE;
border: 1px solid #5F2DFE;
margin-bottom: 20px;
text-decoration: none;
}
#faq-mokuji a:hover {
background-color: #5F2DFE;
color: #F2F2F2;
text-decoration: none;
}
#faq-mokuji a span {
display: table-cell;
vertical-align: middle;
line-height: 27px;
}
#faq section {
margin-bottom: 30px;
}
#faq section p {
padding-bottom: 30px;
}


@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#faq-mokuji {
margin-bottom: 30px;
}
#faq-mokuji a {
min-height: 50px;
margin-bottom: 20px;
}
#faq-mokuji a span {
line-height: 18px;
}
#faq section p {
padding-bottom: 15px;
}
/*550以下（xs）*/}


/* ↑FAQ↑ */









/* ↓テキストページ↓ */
#txt-page section {
margin-bottom: 100px;
}
#txt-page section ol {
margin-left: 1.5em;
}
#txt-page section ul li{
margin-left: 1.5em;
}
#txt-page section ul li a {
margin-left: 1em;
}


#txt-page table {
width: 100%;
border-top: 1px solid #707070;
border-left: 1px solid #707070;
}
#txt-page table th,
#txt-page table td {
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 30px;
}
#txt-page table th {
background-color: #FBC326;
white-space: nowrap;
}
/* ↑テキストページ↑ */







/* ↓会社概要↓ */
#company table {
width: 100%;
}
#company table tbody tr {
border-bottom: 1px solid #707070;
}
#company table tbody tr th,
#company table tbody tr td {
padding: 20px 0;
letter-spacing: 0.14em;
vertical-align: top;
}
#company table tbody tr th {
padding-right: 50px;
white-space: nowrap;
}
/* ↑会社概要↑ */





/* ↓ニュース↓ */
.pagination {
text-align: center;
padding-top: 0;
}
.pagination section {
width: 600px;
margin: auto;
font: 400 normal 30px/37px "cooper-black-std", serif;
color: #5F2DFE;
}
.pagination a {
display: inline-block;
color: #5F2DFE;
position: relative;
}
.pagination a:hover {
text-decoration: none;
}
.pagination .current {
width: 37px;
height: 37px;
background-color: #5F2DFE;
color: #FFFFFF;
border-radius: 50px;
display: inline-block;
}
.pagination .prev {
margin-right: 30px;
}
.pagination .next {
margin-left: 30px;
}
.pagination .prev::before,
.pagination .next::before{
position: absolute;
content: "";
background-image: url(../img/page-arrow.svg);
background-repeat: no-repeat;
width: 60px;
height: 10px;
bottom: 10px;
}
.pagination .prev::before {
left: -70px;
}
.pagination .next::before {
transform: scale(-1, 1);
right: -70px;
}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

/*770-550（sm）*/}





@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
.pagination section {
width: 100%;
font: 400 normal 20px/30px "cooper-black-std", serif;
}
.pagination .current {
width: 30px;
height: 30px;
}
.pagination .prev,
.pagination .next{
display: block;
margin: 10px 0;
width: 100%;
}
.pagination .prev {
text-align: left;
padding-left: 80px;
}
.pagination .next {
text-align: right;
padding-right: 80px;
}
.pagination .prev::before {
left: 10px;
}
.pagination .next::before {
right: 10px;
}
/*550以下（xs）*/}


/* ↑ニュース↑ */






/* ↓業界用語集↓ */
#glossary h4 {
font-size: 40px;
margin: 50px 0 20px;
}
#glossary h4 span {
display: inline-block;
background-color: #FBC326;
font-size: 20px;
line-height: 40px;
padding: 0 20px;
margin-top: 6px;
border-radius: 5px;
vertical-align: top;
}
#glossary section {
border-top: 1px solid #707070;
padding: 20px 0;
}
#glossary section h5 {
background-color: #5F2DFE;
color: #FBC326;
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
}
#glossary section ul {
margin: 0;
}
#glossary section ul li {
display: inline-block;
list-style: circle outside;
padding: 5px 30px 0 0;
}
#glossary section ul li a {
color: #5F2DFE;
}



/* 業界用語集 詳細ページ */
#glossary-single {

}

.category span {
background-color: rgba(251,195,38,1.00);
padding: 5px 10px;
border-radius: 3px;
}
.balloon5 {
display: inline-block;
margin: 1.5em auto;
overflow: hidden;
}
.balloon5 .faceicon {
float: left;
margin-right: -90px;
width: 80px;
}
.balloon5 .faceicon img{
width: 100%;
height: auto;
}
.balloon5 .chatting {
width: 100%;
}
.says {
	display: inline-block;
	position: relative;
	margin: 5px 0 0 100px;
	padding: 20px;
	border-radius: 5px;
	background-color: #FBC326;
	text-align: left;
}
.says:after {
content: "";
display: inline-block;
position: absolute;
top: 15px; 
left: -16px;
border: 8px solid transparent;
border-right: 8px solid #FBC326;
}
.says p {
margin: 0;
padding: 0;
}
#sns_share {
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 50px 0;
margin: 50px 0;
}
#sns_share ul {
display: table;
width: 100%;
}
#sns_share ul li {
display: table-cell;
width: 20%;
padding: 10px;
}
#sns_share a {
display: block;
border: 1px solid ;
padding: 0 10px;
width: 100%;
min-width: 100px;
text-align: center;
}
#sns_share a:hover {
text-decoration: none;
}
.sns_facebook {
color: #3b5998;
border-color: #3B5998;
}
.sns_facebook:hover {
color: #ffffff;
background: #3b5998;
}
.sns_twitter {
color: #00acee;
border-color: #00acee;
}
.sns_twitter:hover {
color: #ffffff;
background: #00acee;
}
.sns_pocket {
color: #ee4056;
border-color: #ee4056;
}
.sns_pocket:hover {
color: #ffffff;
background: #ee4056;
}
.sns_hatena {
color: #009FD7;
border-color: #009FD7;
}
.sns_hatena:hover {
color: #ffffff;
background: #009FD7;
}
.sns_line {
color: #01BA01;
border-color: #01BA01;
}
.sns_line:hover {
color: #ffffff;
background: #01BA01;
}




#footer-contact {
text-align: center;
padding: 50px 0;
}
#footer-contact h3 {
font-size: 30px;
}
#footer-contact ul li{
display: inline-block;
width: 50%;
padding: 20px;
}
#footer-contact ul li a {
display: block;
}
#footer-contact p {
background-color: #FFFFFF;
display: inline-block;
padding: 5px 20px;
color: #5F2DFE;
font-weight: 700;
}
#footer-contact p big {
color: #FC0E39;
font-size: 30px;
}


#user-article {
color: rgba(88,88,88,1.00);
padding-bottom: 100px;
}
#user-article h3.spot-title {
background-color: #595959;
color: #FFFFFF;
}
#user-article .text-spot {
color: #3ca0be;
font-weight: 700;
}
#user-article  .bluetxt{
color:#0000ff;
font-weight: bold;
}
#user-article  .redtxt{
color:#ff0066;
font-weight: bold;
}
#user-article  .greentxt{
color:#009900;
font-weight: bold;
}
#user-article  .se-block h5 {
border-bottom: 1px solid #000;
font-size: 1rem;
line-height: 1.8rem;
}
#user-article .se-block .ex-box{
padding-left:1rem;
font-size:0.9rem;
border-left:2px solid #d7ebfe;
}





@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

/*770-550（sm）*/}





@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}

.balloon5 .faceicon {
margin-right: -60px;
width: 60px;
}
.balloon5 .chatting {
width: 100%;
}
.says {
margin: 5px 0 0 70px;
padding: 10px;
}
#sns_share {
padding: 25px 0 5px;
margin: 25px 0;
}
#sns_share ul {
text-align: left;
}
#sns_share ul li {
display: inline-block;
width: 50%;
}
#sns_share a {
padding: 10px;
}
#footer-contact h3 {
font-size: 15px;
}
#footer-contact ul {
padding: 10px 0;
}
#footer-contact ul li{
width: 100%;
padding: 0px;
}
#footer-contact p {
width: 100%;
}
#footer-contact p big {
font-size: 15px;
}
/*550以下（xs）*/}




/* ↑業界用語集↑ */








/* ↓ブログ↓ */
#blog-ichiran {
margin-bottom: 50px;
}
#blog-ichiran section {
border: 1px solid rgba(251,195,38,1.00);
width: 100%;
display: table;
padding: 10px;
margin-bottom: 20px;
}
#blog-ichiran section .blog-ichiran-img {
display: table-cell;
width: 20%;
height: auto;
}
#blog-ichiran section .blog-ichiran-img img {
height: auto;
max-width: 100%;
}
#blog-ichiran section .blog-ichiran-txt {
display: table-cell;
text-align: left;
vertical-align: top;
padding: 0 10px;
}
#blog-ichiran section .blog-ichiran-txt h3 {
margin: 0;
text-align: left;
vertical-align: top;
}


#sidebar h4 {
font-size: 20px;
font-weight: 700;
}
#sidebar ul {
margin-left: 30px;
}
/* ↑ブログ↑ */




@media (min-width: 1200px) {
.1200以上（xl）ーーーーーーーーーーーーーーー{}

/*1200 以上（xl）*/}





@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}

/*1200-990（lg）*/}





@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}

/*990-770（md）*/}





@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

/*770-550（sm）*/}





@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}

/*550以下（xs）*/}