@charset "utf-8";

.tac { text-align:center!important;}
.m0 { margin:0;}
.m10 { margin:10px;}
.m15 { margin:15px;}
.mt20 { margin-top:20px;}
.mt80 { margin-top:80px!important;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mr10 { margin-right:10px;}
.pt60 { padding-top:60px;}
.pr10 { padding-right:10px;}
.pl10 { padding-left:10px;}
.border3 { border-bottom: solid 3px #ff9999;}
.fs160 { font-size:160%;}
.fs100 { font-size:100%;}
.wauto { width:auto;}
.txtbg { background-color: #E9F2D9;}
.listn { list-style: none!important;}

@media(max-width:768px){
.br-pc{ display:none;}
}
@media(min-width:769px){
.br-sp{ display:none;}
}

#main-area #main-area-inner #main-cont .one-column {
  width: 100%;
  max-width: 1200px;
  height: auto;
  box-sizing: border-box;
  padding: 80px 40px 80px 40px;
  margin: 0 auto 10px;
  border-top: solid 10px #2e910f;
}
#main-area #main-area-inner #main-cont .one-column h2 {
  font-size: 180%;
  font-weight: 700;
  box-sizing: border-box;
  padding: 0px 5%;
  margin-bottom: 60px;
  line-height: 1.4em;
  position: relative;
}
#main-area #main-area-inner #main-cont .one-column h2>span:after {
  content: '';
  background-color: #2e910f;
  height: 2px;
  margin-left: 0px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}
#main-area #main-area-inner #main-cont .one-column h2.mtfix {
  margin-top: 80px;
}
#main-area #main-area-inner #main-cont .one-column h2.mthalf {
  margin-top: 40px;
}
#main-area #main-area-inner #main-cont .one-column h3 {
  font-family: "Noto Sans JP",sans-serif;
  font-size: 18px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 40px;
  position: relative;
  color: #111;
  line-height: 1.4em;
}
#main-area #main-area-inner #main-cont .one-column h3>span {
  display: block;
}
#main-area #main-area-inner #main-cont .one-column h3>span:after {
  content: '';
  background-color: #6da011;
  height: 1px;
  margin-left: 0px;
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 100%;
}
#main-area #main-area-inner #main-cont .one-column div.pb40 {
  padding-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column p {
  font-size: 100%;
  line-height: 1.8em;
}
#main-area #main-area-inner #main-cont .one-column p.mtfix {
  margin-top: 1em;
}
#main-area #main-area-inner #main-cont .one-column ol {
  padding-left: 1.5em;
}
#main-area #main-area-inner #main-cont .one-column ol li {
  font-size: 100%;
  line-height: 1.8em;
}
#main-area #main-area-inner #main-cont .one-column ul {
  list-style: square;
  padding-left: 0;
}
#main-area #main-area-inner #main-cont .one-column ul li {
  line-height: 1.8em;
}
#main-area #main-area-inner #main-cont .one-column .normal-button {
  text-align: right;
  padding-top: 20px;
}
#main-area #main-area-inner #main-cont .one-column .normal-button a.button {
  width: 300px;
  height: auto;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0 10px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.4em;
  background: linear-gradient(#3ea11f,#2e910f);
  text-shadow: -1px -1px 1px #0e810f,1px 1px 1px #0e810f;
  border-bottom: solid 2px #0e810f;
  border-radius: 4px;
  position: relative;
}
#main-area #main-area-inner #main-cont .one-column .normal-button a.button:hover {
  opacity: 0.7;
}
#main-area #main-area-inner #main-cont .one-column .normal-button a.button>span {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
}
.h2-style {  
  margin-top:80px;
  margin-bottom:40px;
  text-align:center;
}
#main-area #main-area-inner #main-cont .one-column #tc01 {
  margin: 0 auto;
  max-width: 1200px;
}
#main-area #main-area-inner #main-cont .one-column #tc01 h2 {
  text-align: center;
  font-size: 180%;
  margin-bottom: 50px;
  color: #393e40;
}
#main-area #main-area-inner #main-cont .one-column #tc01 h2 span {
  display: inline-block;
  border-bottom: solid 2px #393e40;
  padding-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc01 h2 span:after {
  content: '';
  background-color: #2e910f;
  height: 0px;
  margin-left: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  max-width: 981px;
  margin: 0 auto;
  padding-left: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li {
  width: 307px;
  margin: 0 10px;
  height: auto;
  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
  padding: 0px 0px 0px 0px;
  background-color: #fff;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li h3 {
  padding: 20px 20px;
  font-family: "Noto Sans JP",sans-serif;
  margin: 0;
  text-align: center;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li img {
  max-width: 100%;
  height: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li p {
  padding: 10px 20px 20px 20px;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li a.button {
  width: 80%;
  height: auto;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0 10px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.4em;
  background: linear-gradient(#3ea11f,#2e910f);
  text-shadow: -1px -1px 1px #0e810f,1px 1px 1px #0e810f;
  border-bottom: solid 2px #0e810f;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  margin-left: -40%;
  bottom: 20px;
  box-sizing: border-box;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li a.button:hover {
  opacity: 0.6;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li a.button>span {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
}
#main-area #main-area-inner #main-cont .one-column #tc01-outer {
  background-size: cover;
  background-position: bottom center;
  margin: 0 auto 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc02-outer {
  background-size: cover;
  background-position: bottom center;
  margin: 0 auto;
  padding-bottom: 60px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 h2 {
  text-align: center;
  font-size: 180%;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 h2 span {
  display: inline-block;
  border-bottom: solid 2px;
  padding-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 h2 span:after {
  content: '';
  background-color: white;
  height: 0px;
  margin-left: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  max-width: 1200px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li {
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 40px;
  padding: 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center left;
  border-radius: 4px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 h2 .rsp-on {
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li:last-child {
  margin-bottom: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div {
  position: relative;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02photo {
  width: 40%;
  overflow: hidden;
  text-align: center;
  line-height: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  min-height: 280px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list {
  width: 60%;
  box-sizing: border-box;
  padding: 20px 30px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3 {
  font-size: 150%;
  margin: 0;
  padding: 0;
  color: #0e810f;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3>span {
  display: inline-block;
  border-bottom: solid 2px #0e810f;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3>span:after {
  content: '';
  background-color: white;
  height: 0px;
  margin-left: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3>span .rsp-on {
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list>ul {
  list-style: none;
  background: #fff;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list>ul>li {
  line-height: 1.6em;
  margin-bottom: 20px;
  font-size: 100%;
  text-indent: -5px;
  margin-left: 1em;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list>ul>li:last-child {
  margin-bottom: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list>ul span {
  color: #2e910f;
}
#tc02-outer .tc02photo.image01 {
 background-image: url(../images/about03new.jpg)
}
#tc02-outer .tc02photo.image02 {
 background-image: url(../images/about02new.jpg)
}
#tc02-outer .tc02photo.image03 {
 background-image: url(../images/about04new.jpg)
}
#main-area #main-area-inner #main-cont .one-column #tc04 {
  width: 100%;
  margin: 0 auto;
}
#main-area #main-area-inner #main-cont .one-column #tc04 h2,#main-area #main-area-inner #main-cont .one-column #tc00 h2,#main-area #main-area-inner #main-cont .one-column #tc03 h2,#main-area #main-area-inner #main-cont .one-column #tc07 h2,#main-area #main-area-inner #main-cont .one-column #tc-price h2 {
  text-align: center;
  font-size: 180%;
  margin-bottom: 60px;
  color: #393e40;
}
#main-area #main-area-inner #main-cont .one-column #tc04 h2 span,#main-area #main-area-inner #main-cont .one-column #tc00 h2 span,#main-area #main-area-inner #main-cont .one-column #tc03 h2 span,#main-area #main-area-inner #main-cont .one-column #tc07 h2 span,#main-area #main-area-inner #main-cont .one-column #tc-price h2 span {
  display: inline-block;
  border-bottom: solid 2px #393e40;
  padding-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc04 h2 span:after,#main-area #main-area-inner #main-cont .one-column #tc00 h2 span:after,#main-area #main-area-inner #main-cont .one-column #tc03 h2 span:after,#main-area #main-area-inner #main-cont .one-column #tc07 h2 span:after,#main-area #main-area-inner #main-cont .one-column #tc-price h2 span:after {
  content: '';
  background-color: #2e910f;
  height: 0px;
  margin-left: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto 60px;
  max-width: 1000px;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex.left, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex.left {
  -webkit-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex h3, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex h3 {
  font-size: 150%;
  color: #0e810f;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div.w55, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div.w55 {
  width: 55%;
  box-sizing: border-box;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div.w55.pr, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div.w55.pr {
  padding-left: 0;
  padding-right: 5%;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div.w40, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div.w40 {
  width: 40%;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div img, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div img {
  width: 100%;
  height: auto;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div .rsp-on, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div .rsp-on {
  display: none;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex h3 span:after, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex h3 span:after {
  background-color: #6da011;
}
#main-area #main-area-inner #main-cont .one-column #tc05 {
  width: 80%;
  margin: 0 auto;
  max-width: 1200px;
}
#main-area #main-area-inner #main-cont .one-column #tc05 h2 {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  letter-spacing: 2px;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: dotted 1px #ccc;
  margin-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li p.date {
  width: 10%;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
  font-size: 100%;
  font-weight: bold;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li p.news {
  width: 90%;
  font-size: 100%;
  box-sizing: border-box;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li p.news a {
  color: #0e810f;
  display: block;
}
#main-area #main-area-inner #main-cont .one-column #tc03 {
  padding: 10px 40px 40px;
  margin: 80px auto 0;
}
#main-area #main-area-inner #main-cont .one-column #tc07 {
  padding: 10px 40px 40px;
  margin: 0 auto;
}
#main-area #main-area-inner #main-cont .one-column #tc00 #tc00-sub {
  margin: 0 auto 40px;
  text-align: center;
  max-width: 800px;
}
#main-area #main-area-inner #main-cont .one-column #tc00 h2 {
  text-align: center;
  font-size: 180%;
  color: #393e40;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc00 h3{
  text-align:center;
  margin-bottom:10px
}
#main-area #main-area-inner #main-cont .one-column #online-course h2 {
  text-align: center;
  font-size: 180%;
  color: #393e40;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #online-course h2 span {
  display: inline-block;
  border-bottom: solid 2px #393e40;
  padding-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #online-course h2>span:after {
  display: none; 
}
#main-area #main-area-inner #main-cont .one-column .top-outer {
  padding: 80px 20px 0;
  margin-bottom: 40px;
}
#tc07 .flex-list li {
  background: #fff;
  text-align: center;
}
#tc07 .flex-list li img {
  max-width: 120px;
}
.topic .fa-caret-right {
  margin-left:15px;
}
.top-cta-over {
  width: 100%;
  max-width: 850px;
  height: auto;
  margin: 20px auto 0;
  box-sizing: border-box;
  padding: 5px;
}
.top-cta-outer-new {
  width: 100%;
  max-width: 753px;
  height: auto;
  margin: 0 auto;
}
.top-cta-outer-new .top-cta-new {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0px;
  display: block;
  text-align: center;
}
.top-cta-outer-new .top-cta-new img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #ddd;
}
.top-cta-outer-new .top-cta-new img.cta-pc {
  display: block;
}
.top-cta-outer-new .top-cta-new img.cta-sp {
  display: none;
}
.data-box {
  width: 100%;
  background: #fff;
  min-height: 100px;
  margin: 0 auto 30px;
  box-sizing: border-box;
  padding: 20px 0 30px 0;
  background-color: #f8f8f9;
  text-align: center;
}
.data-box .uni {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
  border-radius: 10px;
  line-height: 1em;
  display: inline-block;
  margin: 0 auto 10px auto;
}
.data-box .uni-list {
  max-width: 800px;
  margin: 0 auto 20px;
}
.data-box ul {
  margin-bottom: 20px;
}
.data-box li {
  width: 23%;
  display: inline-block;
  list-style: none;
}
.data-box li span{
  margin-left: 10px;
}
.books {
  text-align:center;
}
.books a{
  display: inline-block;
  padding: 10px;
  max-width: 40%;
}
.books a img{
  width: 100%;
  height: auto;
}/*
.kyoushi-widget{
  margin: 20px 0;
}
.kyoushi-widget ul{
  text-align: center;
}
.kyoushi-widget li{
  list-style: none;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: 150px;
  height: 260px;
}
.kyoushi-widget a{
  text-decoration: none;
  color: #000;
}
.kyoushi-widget div{
  text-align: center;
  line-height: 1.4;
  font-size: 90%;
}
.kyoushi-widget div img{
  min-width: 150px;
  height: auto;
}
.kyoushi-widget .kyoushi{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kyoushi-widget .online-tutor{
  line-height: 1.4!important;
}*/
.top-four-buttons-pc ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px 0.5% !important;
  width: 100%;
  list-style: none !important;
  box-sizing: border-box;
}
.top-four-buttons-pc li {
  line-height: 1.8em;
  max-width: 360px;
  margin: 10px;
  background: #efefef;
  box-shadow: 0 2px 2px #00000026;
}
.top-four-buttons-pc a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
}
.top-four-buttons-pc a:hover {
  opacity: 0.8;
}
.top-four-buttons-pc .topic {
  color: #333;
  font-weight: 700;
}
#online-course {
  max-width: 1200px;
  margin: 0 auto;
}
#tc09 h3 {
  margin-bottom: 0!important;
}
.top-cta-over h2 span {
  display: inline-block;
  border-bottom: solid 3px #ff9999;
  padding-bottom: 10px;
}
.top-cta-over h2>span:after {
  content: none!important;
}
#tc07 h3>span:after {
  display: none;
}
.coach-style li {
  list-style: none;
  padding: 0;
}
.sakura-button {
  background: #ffecf3 url(/online/wp-content/uploads/sakura_bk.png) no-repeat left 10% center / 40%;
  border-bottom: solid 2px #981243!important;
  color: #fff;
  text-decoration: none;
  padding: 20px 30px;
  border-radius: 20px;
  font-size: 140%;
  font-weight: 700;
}
.fv-button a{
  text-decoration: none;
  line-height: 1.4;
  color: #333;
}
.fv-button a:hover{
  opacity: 0.6;
}
.h3-parent {
  height: auto;
}

@media (min-width: 769px) {
#main-area #main-area-inner #main-cont .one-column #tc00 h3{
  font-size:120%;
}
#main-area #main-area-inner #main-cont .one-column #tc01 h3 {
  font-size: 120%;
}
.fv-button {
  position: absolute;
  bottom: 170px;
  right: 9%;
}
.sakura-button {
  font-size: 120%;
}
#tv-outer #tv-inner.topfv {
  background-image: url(/online/wp-content/uploads/top_04.webp);
  background-size: cover;
  background-position: clamp(-160px, 0vw, 50%) center;
}
#tv-copy-top {
  width: auto;
  position: absolute;
  top: 70px;
  right: clamp(50px, calc(50% - 320px), 280px);
  text-align: center;
  z-index: 10;
  font-size: clamp(180%, 4.0vw, 220%);
  line-height: 1.4;
  letter-spacing: 0.12em;
  font-weight: 700;
  z-index: 1;
}
.strength-container {
  position: absolute;
  bottom: 20px;
  left: 50%;
  max-width: 900px;
  width: 90%;
  z-index: 2;
  transform: translateX(-50%);
}
.strength {
  display: flex;
  justify-content: space-between;
}
.strength .strength-element {
  width: 32%;
  color: #333;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px 10px 30px;
  position: relative;
  border-top: none;
  margin: 5px;
}
.strength .strength-element .first-text {
  font-size: 20px;
  padding-bottom: 10px;
}
.strength .strength-element .second-text {
  font-size: clamp(140%, 2.4vw, 160%);
  font-weight: bold;
}
}

@media (max-width:768px) {
#main-area #main-area-inner #main-cont #right-area div.right-cont-end ul li {
  width:95%;
}
#main-area #main-area-inner #main-cont .one-column h2.mtfix {
  margin-top:60px;
}
#main-area #main-area-inner #main-cont .one-column {
  width: 100%;
  float: none;
  margin-bottom: 10px;
  padding: 40px 5vw 0 5vw;
  border-top: none;
}
#main-area #main-area-inner #main-cont .one-column .normal-button a.button {
  width:100%;
}
#main-area #main-area-inner #main-cont .one-column .normal-button a.button.sp-width-50 {
  width: 90%;
  padding: 15px 0;
}
#main-area #main-area-inner #main-cont .one-column #tc00 h2 {
  line-height: 1.4em;
}
#main-area #main-area-inner #main-cont .one-column #online-course.top-outer {
  padding: 30px 5vw 0;
}
#main-area #main-area-inner #main-cont .one-column #online-course h2 {
  line-height: 1.4em;
}
#main-area #main-area-inner #main-cont .one-column h2 {
  font-size: 140%!important;
}
#main-area #main-area-inner #main-cont .one-column h3 {
  font-size: 120%;
  text-align: center;
}
#main-area #main-area-inner #main-cont .one-column h2 {
  font-size:20px;
}
#main-area #main-area-inner #main-cont .one-column h2.mtfix {
  margin-top: 60px;
}
#main-area #main-area-inner #main-cont .one-column .top-outer {
  padding:60px 0 0 0;
}
#main-area #main-area-inner #main-cont .one-column #tc01 {
  width:100%;
  box-sizing: border-box;
  padding: 0 5vw;
}
#main-area #main-area-inner #main-cont .one-column #tc01 h2 {
  font-size:7vw;
  line-height: 1.4em;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li a.button {
  width:100%;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list {
  display:block;
  text-align: center;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li {
  width: 307px;
  text-align: center;
  display: inline-block;
  margin: 0 10px 20px;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li p {
  text-align: center;
}
#main-area #main-area-inner #main-cont .one-column #tc01 #tc01_list li a.button {
  width: 80%;
  margin-left: -40%;
}
#main-area #main-area-inner #main-cont .one-column #tc-price {
  padding-top:40px;
}
#main-area #main-area-inner #main-cont .one-column #tc02-outer {
  background-position: top 0% left 10%;
  padding-top: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc01-outer {
  padding-top: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 {
  width:100%;
  box-sizing: border-box;
  padding: 0 5vw;
}
#main-area #main-area-inner #main-cont .one-column #tc02 h2 {
  font-size:7vw;
  line-height: 1.4em;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 h2 .rsp-on {
  display: inline;
}
#main-area #main-area-inner #main-cont .one-column #tc00 #tc00-sub {
  text-align:left;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol {
  width:100%;
  max-width: 100%;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li {
  display: block;
  background-color: #fff;
  background-size: contain;
  background-position: center top;
  background-size: 100% auto;
  padding: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02photo {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list {
  width: 100%;
  padding: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3 {
  font-size: 120%;
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3>span {
  margin-bottom: 10px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div.tc02list h3>span .rsp-on {
  display: inline;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div ul {
  padding: 20px 10px 20px 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#main-area #main-area-inner #main-cont .one-column #tc02 ol>li>div ul li {
  font-size: 100%;
  text-indent: -8px;
}
#main-area #main-area-inner #main-cont .one-column #tc00 {
  width:100%;
  box-sizing: border-box;
  padding: 0 5vw;
}
#main-area #main-area-inner #main-cont .one-column #tc04-outer {
  margin-bottom:0;
  padding-bottom: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc03, #main-area #main-area-inner #main-cont .one-column #tc04 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 5vw;
}
#main-area #main-area-inner #main-cont .one-column #tc03 h2,#main-area #main-area-inner #main-cont .one-column #tc04 h2,#main-area #main-area-inner #main-cont .one-column #tc00 h2,#main-area #main-area-inner #main-cont .one-column #tc07 h2,#main-area #main-area-inner #main-cont .one-column #tc-price h2 {
  font-size:7vw;
  line-height: 1.4em;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex {
  display:block;
  margin-bottom: 40px;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex h3, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex h3 {
  font-size: 120%;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div img, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div img {
  width: unset;
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div .rsp-on, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div .rsp-on {
  display: block;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div.w40, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div.w40 {
  width: 100%;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div.w55, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div.w55 {
  width: 100%;
  padding-left: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc03 .box-flex>div.w55.pr, #main-area #main-area-inner #main-cont .one-column #tc04 .box-flex>div.w55.pr {
  padding-left: 0;
  padding-right: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc05 {
  width:100%;
  box-sizing: border-box;
  padding: 0 5vw;
}
#main-area #main-area-inner #main-cont .one-column #tc05 h2 {
  text-align:left;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li {
  display:block;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li p.date {
  width: 100%;
  text-align: left;
  padding-right: 0;
}
#main-area #main-area-inner #main-cont .one-column #tc05 #news-list>li p.news {
  width: 100%;
}
#main-area #main-area-inner #main-cont .one-column #tc07 {
  padding: 5px 5% 40px;
  margin: 20px auto;
}
.data-box {
  width: 100%;
}
.data-box li {
  width: 50%;
}
.kyoushi-widget li{
  width: 42%;
  height: auto;
}
.kyoushi-widget div img{
  min-width: auto;
  max-width: 150px;
  height: auto;
  width: 100%;
}
.top-four-buttons-pc li {
  width: 100%;
}
.top-four-buttons-pc .topic .fa-caret-right {
  margin-left: 15px;
  float: right;
  line-height: 1.8;
}
#tc09 h3 {
  text-align: left!important;
}
.top-cta-outer-new .top-cta-new img.cta-pc {
  display: none;
}
.top-cta-outer-new .top-cta-new img.cta-sp {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 300px;
}
.fv-button {
  width: 100%;
  max-width: 300px;
  height: auto;
  padding: 20px 0;
  margin: 20px auto;
}
.sakura-button {
  font-size: 120%;
}
#tv-outer #tv-inner.topfv {
  background-image: url(/online/wp-content/uploads/top_04.webp);
  background-size: cover;
  background-position: 53% center;
  height: 450px;
}
#tv-copy-top {
  font-size: clamp(150%, 4.6vw, 160%);
  position: absolute;
  top: 10%;
  right: 30px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  font-weight: 700;
}
.strength-container {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}
.strength {
}
.strength .strength-element {
  width: 190px;
	color: #333;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px 10px;
  position: relative;
  border-top: none;
  margin: 5px;
}
.strength .strength-element .first-text {
  font-size: 16px;
  padding-bottom: 10px;
}
.strength .strength-element .second-text {
  font-size: clamp(120%, 2.4vw, 170%);
  font-weight: bold;
}
.coach-style h3 {
  font-size: 100%;
}
}
@media (max-width: 768px) {
#main-area #main-area-inner #main-cont .one-column #tc01_tkt {
    padding: 0 5vw;
}
#main-area #main-area-inner #main-cont .one-column #tc01_tkt .box-flex.left img {
    width: 100%;
	height: auto;
	max-width: 464px;
}
}
@media (min-width: 769px) {
#main-area #main-area-inner #main-cont .one-column #tc01_tkt {
    max-width: 981px;
    margin: 0 auto;
}
#main-area #main-area-inner #main-cont .one-column #tc01_tkt .box-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 60px;
}
#main-area #main-area-inner #main-cont .one-column #tc01_tkt .box-flex.left {
    -webkit-flex-flow: row-reverse;
    flex-flow: row-reverse;
}
}