@charset "utf-8";

strong, span, p, em, b, a, small, br
{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
}
h1:before, h1:after
{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 80px;
    height: 2px;
    background-color: #fff;
}
  h1:before
{
    left: -50px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
  h1:after
{
    right: -50px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
h2
{
  text-align: center;
  color: #666666;
  font-weight: bold;
}
#HEADER
{
   background: linear-gradient(135deg, #9D2A31 0%, #9D2A31 45%, #000000 45%, #ffffff 100%);
   padding: 30px 0;
   gap: 170px;
}
#YAJIRUSHI
{
   width: 45vw;
   height: 10px;
   top: 120px;
   left: -10px;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
   -webkit-transform: skew(45deg);
   transform: skew(45deg);
   z-index: 10;
}
#HEADER_RIGHT
{
   padding-left: 50px;
}
#HEADER_RIGHT>p:nth-child(2)
{
   padding: 30px;
}
/*アイキャッチ*/
#EYECATCH_TOP
{
   background-image: url(../img/アイキャッチ背景.png);
   background-position: center;
   background-size: cover;
   height: 720px;
}
#TARGET
{
   display: inline-block;
   background-color: #9D2A31;
   border-radius: 15px;
   padding: 5px 10px;
   color: #ffffff;
   font-weight: bold;
}
#TARGET_ICON
{
   top: -5px;
   right: -10px;
   width: 20px;
}
#TARGET p
{
   padding-left: 40px;
}
#TARGET p::before
{
   position: absolute;
   content: url(../img/target.png);
   margin-left: -40px;
   margin-top: -10px;
}
#EYECATCH_TROBLE img
{
   margin-left: -30px;
   z-index: 1;
}
#EYECATCH_TROBLE p
{
   z-index: 5;
   margin-left: -50px;
}
#EYECATCH_TROBLE_TEXT
{
   margin-top: -100px;
   max-width: 440px;
   width: 70%;
}
#EYECATCH_TROBLE_CONTENT
{
   margin-left: -38px;
   z-index: 10;
}
#COTTOT
{
   margin-left: -450px;
   top: -50%;
}
#TEXT_CENTERBORDER
{
   height: 55px;
   width: 1px;
   background-color: #fff;
   margin-left: 20px;
   margin-right: 20px;
}
#EYECATCH_CHECK_WRAP
{
   display: grid;
   grid-template-columns: repeat(3, auto);
   gap: 20px;
   top: -20%;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   z-index: 5;
}
#EYECATCH_BOTTOM
{
   min-height: 310px;
}
#EYECATCH_BOTTOM_GRID
{
   grid-template-columns: auto auto;
   place-items: center;
}
#EYECATCH_BOTTOM_GRID_BOX
{
   padding: 0 10px;
}
/*アイキャッチCTA*/
#CTA_PRICE_WRAP::before
{
   position: absolute;
   content: url(../img/cta_onepoint1.png);
   left: 40px;
   top: -40px;
}
#CTA_PRICE_WRAP::after
{
   position: absolute;
   content: url(../img/cta_onepoint2.png);
   right: 40px;
   bottom: -20px;
}
/*sec01*/
#ABOUT_NAVIGATER
{
   overflow: hidden;
}
#ABOUT_NAVIGATER::before
{
   position: absolute;
   content: url(../img/before_bg.png);
   top: 0;
   left: 0;
   z-index: -10;
}
#ABOUT_NAVIGATER::after
{
   position: absolute;
   content: url(../img/after_bg.png);
   right: 0;
   bottom: 0;
   z-index: -10;
}
/*sec02*/
#CHANCE_BEFORE::before
{
   position: absolute;
   content: 'つまり、';
   font-size: 21px;
   padding: 3px 10px;
   border-radius: 10px;
   color: #333333;
   background-color: #ffffff;
   border: 1px solid #333333;
   top: -30px;
   left: -110px;
}
/*sec03*/
#ABOUT_ANXIETY
{
   margin-top: 50px;
   grid-template-columns: repeat(2, 1fr);
   gap: 50px;
   place-items: center;
}
#ABOUT_ANXIETY p
{
   padding-left: 50px;
}
/*sec04*/
#ANSHIN_BG
{
   height: 140px;
   padding: 10px 0;
   background: #9D2A31 url(../img/anshin.png) no-repeat center center / 92px;
}
/*sec07*/
/*sec09*/
table
{
   max-width: 950px;
   width: 100%;
   text-align: center;
   border-collapse: collapse;
   border-spacing: 0;
   margin: 50px auto;
}
th
{
   background-color: #9D2A31;
   color: #ffffff;
   padding: 10px;
   border: 1px solid #000;
}
td
{
   padding: 5px;
   border: 1px solid #000;
}
#SCHEDULE_UL
{
   list-style: none;
}

/* ----------------------------------------------------------------------------- */
/* 1200px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 1200px)
{
   *
   {
      font-size: 14px;
   }
   .width_minus_40
   {
      width: calc(100% - 40px);
   }
   .max_width_360
   {
      max-width: 250px;
   }
   .max_width_290
   {
      max-width: 220px;
      margin: 0 auto;
   }
   .margin_bottom150
   {
      margin-bottom: 50px;
   }
   .font_size_100
   {
      font-size: 5rem;
   }
   .font_size_50
   {
      font-size: 2.4rem;
   }
   .font_size_32
   {
		font-size: 1.5rem;
	}
   .font_size_36
   {
		font-size: 1.6rem;
	}
	.font_size_40, eyecatchfont_size_40
   {
		font-size: 1.8rem;
	}
   .font_size_24
   {
		font-size : 1.125rem;
	}
   h3.font_size_24
   {
		font-size: 1.3rem;
	}
	.font_size_21
   {
		font-size : 1rem;
	}
	.font_size_18
   {
		font-size : 0.95rem;
	}
   .eyecatchfont_size_32
   {
      font-size: 1.7rem;
   }
   .eyecatchfont_size_28
   {
      font-size: 1.55rem;
   }
   .eyecatchfont_size_24
   {
      font-size: 1.4rem;
   } 
   .eyecatchfont_size_21
   {
      font-size: 1.1rem;
   }
   #HEADER
   {
      gap: 100px;
   }
   #YAJIRUSHI
   {
      top: 100px;
   }
   #EYECATCH_BOTTOM_GRID img
   {
      height: 310px;
      opacity: 0.7;
   }
   #EYECATCH_CATCHCOPY
   {
      line-height: 3rem;
   }
   #EYECATCH_BOTTOM_GRID
   {
      grid-template-columns: auto;
   }
   #EYECATCH_BOTTOM_GRID div
   {
      margin: 100px 0 20px 0;
      z-index: 10;
   }
   #EYECATCH_BOTTOM_GRID img
   {
      position: absolute;
      top: 0;
      left: 10px;
   }
   #COTTOT
   {
      width: 150px;
      margin-left: -380px;
   }
}
/* ----------------------------------------------------------------------------- */
/* 768px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 768px)
{
   .font_size_100
   {
      font-size: 5rem;
   }
   .font_size_50
   {
      font-size: 2rem;
   }
	.font_size_40, .eyecatchfont_size_40
   {
		font-size: 1.5rem;
	}
   .font_size_14
   {
      font-size: 0.85rem;
   }
   .font_size_12
   {
      font-size: 0.65rem;
   }
   .eyecatchfont_size_32
   {
      font-size: 1.4rem;
   }
   .font_size_28, .eyecatchfont_size_28
   {
      font-size: 1.3rem;
   }
   .eyecatchfont_size_24
   {
      font-size: 1.1rem;
   } 
   .eyecatchfont_size_21
   {
      font-size: 0.95rem;
   }
   .line_height_1rem
   {
      line-height: 0.8rem;
  }
   .width_minus_40
   {
         width: calc(100% - 20px);
   }
   .margin_bottom100
   {
       margin-bottom: 15vw;
   }
   .margin_tb100
   {
      margin-top: 15vw;
      margin-bottom: 15vw;
   }
   .margin_tb75
   {
       margin-top: 9.7vw;
       margin-bottom: 9.7vw;
   }
   .margin_top50
   {
      margin-top: 8vw;
   }
   .margin_tb50
   {
      margin-top: 7vw;
      margin-bottom: 7vw;
   }
   .padding_tb100
   {
      padding-top: 15vw;
      padding-bottom: 15vw;
   }
   .eyecatch_font_size_21
   {
      font-size: 1.2rem;
   }
   #HEADER
   {
      flex-direction: column;
      gap: 10px;
      padding: 0 0 15px 0;
      background: linear-gradient(90deg, #000000 0%, #000000 50%, #ffffff 100%);
   }
   #HEADER_LEFT img
   {
      height: 55px;
   }
   #HEADER_LEFT
   {
      background-color: #9D2A31;
      width: 100%;
      justify-content: center;
      padding: 5px 0;
   }
   #YAJIRUSHI
   {
      display: inline-flex;
      transform: rotate(90deg);
      border-right: 0px;
      width: 100px;
      border-bottom: unset;
      height: unset;
      top: 30px;
      left: 5vw;
   }
   #YAJIRUSHI::after
   {
      content: '';
      width: 80px;
      height: 15px;
      border-bottom: solid 1px #ffffff;
      border-right: solid 1px #ffffff;
      transform: skew(45deg);
   }
   #EYECATCH_TOP
   {
      background-image: url(../img/アイキャッチ背景sp.png);
      background-position: center;
      background-size: cover;
      height: 560px;
   }
   #EYECATCH_CHECK_WRAP
   {
      gap: 10px;
   }
   .eyecatchcheck
   {
       width: 120px;
       height: 120px;
   }
   .eyecatchcheck img
   {
      width: 25px;
   }
   #EYECATCH_TROBLE img
   {
      margin-left: unset;
   }
   .point_1
   {
      flex-direction: column-reverse;
      align-items: center;
   }
   .point_2
   {
      flex-direction: column;
      align-items: center;
   }
   #PROGRAM_FLOW
   {
      display: block;
      text-align: center;
   }
   .slidepc
   {
      transform: rotate(90deg);
   }
   .about_voice img, .about_voice2 img
   {
      width: 60%;
   }
   .about_voice2
   {
      flex-direction: column-reverse;
   }
   .teacher_wrap, .teacher_name
   {
      display: block;
   }
   .teacher_wrap img
   {
      width: 180px;
   }
   .fixed_cta
   {
      width: 90px;
      right: 10px;
   }
}
/* ----------------------------------------------------------------------------- */
/* 450px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 450px)
{
   .eyecatchfont_size_40
   {
      font-size: 1.4rem;
   }
   .eyecatchfont_size_32
   {
      font-size: 1.35rem;
   }
   .eyecatchfont_size_28
   {
      font-size: 1.1rem;
   }
   .eyecatchfont_size_24
   {
    font-size: 0.95rem;
   }
   .font_size_85
   {
      font-size: 3.9rem;
   }
   #HEADER
   {
      background: linear-gradient(90deg, #000000 0%, #000000 80%, #ffffff 100%);
   }
   .dli-chevron-down
   {
      margin-top: 5px;
      margin-bottom: 5px;
   }
   #EYECATCH_TOP
   {
      height: 510px;
   }
   #EYECATCH_BOTTOM
   {
      min-height: unset;
   }
   #EYECATCH_CATCHCOPY
   {
      line-height: 2.5rem;
      margin-top: 20px;
   }
   #EYECATCH_TROBLE img
   {
      width: 90px;
   }
   #TEXT_CENTERBORDER
   {
      margin-left: 5px;
      margin-right: 5px;
   }
   #TARGET p
   {
     padding-left: 30px;
   }
   .dokidoki
   {
      animation-duration: 0s;
   }
   #EYECATCH_BOTTOM_GRID img
   {
      display: none;
   }
   #COTTOT
   {
      width: 100px;
      margin-left: -170px;
      top: 160px;
   }
   .eyecatchcheck
   {
      width: 100px;
      height: 100px;
   }
   .eyecatchcheck p
   {
      font-size: 12px;
   }
   #EYECATCH_BOTTOM_GRID div
   {
      margin: 55px 0 10px 0;
   }
   h1::before
   {
      left: -25px;
   }
   h1::after
   {
      right: -25px;
   }
   #EYECATCH_CHECK_WRAP
   {
      top: -26%;
   }
   .dli-caret-down
   {
      border-width: 1.5em 2em;
   }
   #CTA_PRICE_WRAP::before
   {
      left: 0;
   }
   #CTA_PRICE_WRAP::after
   {
      right: -10px;
      bottom: -30px;
   }
   #ABOUT_NAVIGATER::before, #ABOUT_NAVIGATER::after
   {
      opacity: .3;
   }
   #CHANCE_BEFORE::before
   {
      font-size: 18px;
      left: -80px;
      padding: 0px 5px;
   }
   .student_voice_wrap
   {
      padding: 50px 5px 10px 5px;
   }
   .about_voice, .about_voice2
   {
      padding-top: 25px;
   }
   #ABOUT_ANXIETY
   {
      grid-template-columns: unset;
      gap: 20px;
   }
   .step_wrap_grid
   {
      grid-template-columns: repeat(2, auto);
   }
   .step_wrap_grid_title
   {
      grid-column: 1/3;
   }
   .sec07_hukidashi::before
   {
      margin-top: 20px;
   }
   .sec07_hukidashi::after
   {
      margin-top: -15px;
      margin-left: 30px;
   }
   #SK_LOGO img
   {
      width: 40%;
   }
   .square
   {
      padding-left: 20px;
   }
}