/* Override CSS START */


/* ヘッダー*/
.area_header_ticket .recruit_salon a{
  color: #2E1339;
  font: 600 12px/1em '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  background: #fff;
  padding: 8px 16px;
  border-radius: 3px;
  display: block;

}
.area_header_ticket .recruit_salon{
  margin: 0 0 0 30px;
}
.area_header_ticket.guest .recruit_salon{
  margin: 0 0 0 10px;
}


/* arrow icon  Start*/

.ico {
  background-size: 100% 100%;
  width: 10px;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}

.ico.left_arrow {
  background-image: url('../../images/common/ico_left_arrow.svg');
}

.ico.right_arrow {
  background-image: url('../../images/common/ico_right_arrow.svg');
}


/* arrow icon  End*/

.list_style_icon {
  width: 8px;
  height: 8px;
  background: #000;
  display: inline-block;
}

.page_introduction.mt_0 {
  margin-top: 0;
}

.page_introduction .title {
  font-size: 54px;
}

.page_introduction.big_title .title {
  font-size: 60px;
}

.page_introduction_center.inside_box .title {
  font-size: 25px;
}

.page_introduction_center.inside_box .description {
  font-size: 13px
}

.checkbox_item input[type="checkbox"]~.checkbox_label {
  font: 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.badge_pink {
  padding: 4px 10px;
  font: bold 12px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  border-radius: 0%;
}

.badge_gray {
  padding: 4px 10px;
  font: bold 12px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  border-radius: 0%;
  background-color: #999999;
  color: #fff;
}
@media screen and (max-width: 992px){
  .page_introduction .title {
  font-size: 50px;
  }
  .page_introduction.big_title .title {
  font-size: 54px;
  }

}
@media screen and (max-width: 768px){
  .page_introduction.big_title .title {
  font-size: 54px;
  }
}
@media screen and (max-width: 576px){
  .page_introduction .title {
  font-size: 42px;
  }
  .page_introduction.big_title .title {
  font-size: 40px;
  }
}
@media screen and (max-width: 480px){
  .page_introduction.big_title .title {
  font-size: 36px;
  }
}

/* Override CSS END */


/* Homepage Banner START */

.homepage_banner {
  background: url('../../images/school/banner.png') center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 56px;
  color: #FFF;
  height: 60vh;
  min-height: 500px;
}

.homepage_banner .description {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .2em;
  transform: skewX(-8deg);
  text-align: center;
}
.homepage_banner .description + .description{
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.homepage_banner .btn_registry {
  min-width: 375px;
  font-weight: bold;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 400;
  margin-top: 40px;
}

@media screen and (max-width: 768px){
  .homepage_banner .title img{
    height: 180px;
  }
  .homepage_banner {
    height: 400px;
    min-height: 10px;
    background-position: right 18% center;
    padding-top: 40px;
  }
  .homepage_banner .description {
    font-size: 16px;
  }
}
@media screen and (max-width: 576px){
  .homepage_banner .title img{
    height: 140px;
  }
  .homepage_banner {
    height: 320px;
    padding-top: 24px;
  }
  .homepage_banner .description {
    font-size: 14px;
    letter-spacing: .1em;
  }
  .homepage_banner .btn_registry {
    min-width: 200px;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 32px;
  }
}

/* Homepage Banner END */


/* Left Image News START */

.tab_btnarea{
  margin: 40px 0;
}

@media screen and (max-width: 576px){
  .tab_btnarea{
  margin: 30px 0;
  }
}

.left_img_news .item {
  margin-bottom: 10px;
}

.left_img_news .item .image {
  display: block;
  flex: 0 0 125px;
  height: 125px;
  margin-right: 15px;
}

.left_img_news .item .little_big_image {
  display: block;
  flex: 0 0 133px;
  height: 133px;
  margin-right: 15px;
}

.little_more_big_image {
  display: block;
  flex: 0 0 141px;
  height: 141px;
  margin-right: 40px;
}

.rectangle_room_image {
  display: block;
  flex: 0 0 222px;
  margin-right: 20px;
}
.rectangle_room_image .img:before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 76%;
}
.rectangle_room_text{
  flex: 1 1 auto;
  min-width: 10px;
}

@media screen and (max-width: 992px){
  .rectangle_room_image {
  display: block;
  flex: 0 0 180px;
  margin-right: 20px;
  }
}
@media screen and (max-width: 576px){
  .rectangle_room_image {
  flex: 0 0 auto;
  margin: 0;
  }
  .left_img_news .item .little_big_image {
  display: block;
  flex: 0 0 100px;
  height: 100px;
  }
  .rectangle_room_image .img:before{
  padding-top: 46%;
  }
}


.left_img_news .item .big_image {
  display: block;
  flex: 0 0 200px;
  height: 200px;
  margin-right: 15px;
}
.left_img_news .item .big_image .img:before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}

.super_big_image {
  display: block;
  flex: 0 0 390px;
  height: 290px;
  width: 390px;
}

.left_img_news .item .content {
  flex-grow: 1;
}

.left_img_news .item .release_date {
  font-family: 'hiragino-sans-gb-w6';
  font-weight: bold;
  color: #9EB1BF;
  font-size: 14px;
}

.left_img_news .item .pickup {
  font-family: 'cinzel-regular';
  font-size: 18px;
}

.left_img_news .item .title {
  display: block;
  font-weight: bold;
  font-size: 14px;
}

.left_img_news .item .description {
  font-size: 14px;
  opacity: .72;
}

.left_img_news .item .fee {
  font-weight: bold;
  color: #E72E8B;
  font-size: 14px;
}

.favorite {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: url('../../images/school/heart.svg') center no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

.favorite.selected {
  background-image: url('../../images/school/ico_heart_selected.svg');
}

.left_img_news .btn_viewmore {
  margin-top: 10px;
}

@media screen and (max-width: 576px){
  .left_img_news .item .image {
  flex: 0 0 100px;
  height: 100px;
  }
  .left_img_news .item .release_date {
  font-size: 13px;
  }
  .little_more_big_image {
  margin-right: 20px;
  }
}



/* Left Image News END */


/* Extends Left Image News START */


/* Feature News .left_img_news */

.feature_news_slider {
  margin-bottom: 20px;
}

.left_img_news.feature_news_slider .item {
  padding: 10px;
  margin: 5px 10px 15px 10px;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.15);
}


/* Main News .left_img_news */

.left_img_news.main_news .item {
  margin-bottom: 25px;
}


/* Sidebar News .left_img_news */

.left_img_news.sidebar_news .item .image {
  flex: 0 0 75px;
  height: 75px;
}

.left_img_news.sidebar_news .item .description {
  margin-top: 7px;
  letter-spacing: .08rem;
  opacity: .35;
  font-size: 13px;
}


/* Simplify News .left_img_news */

.left_img_news.simplify_news {
  margin-bottom: 35px;
}

.left_img_news.simplify_news .item .release_date {
  color: #000;
}

.left_img_news.simplify_news .item .title {
  font-weight: normal;
}


/* Timebox News .left_img_news */

.left_img_news.with_timebox .item {
  margin-bottom: 10px;
}

.left_img_news.with_timebox .item .title {
  font-size: 17px;
}

.left_img_news.with_timebox .item .fee {
  font-size: 16px;
}

.left_img_news.with_timebox .item .btn_viewmore {
  min-width: 200px;
}

.left_img_news.with_timebox .timebox {
  padding: 15px 20px;
}
.school_list_box + .school_list_box{
  margin: 40px 0 0;
}

.left_img_news.with_timebox .timebox .lead {
  font-size: 14px;
}

.left_img_news.with_timebox .timebox .lead::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 15px;
  background: url('../../images/school/ico_dropdown.svg') center top -3px no-repeat;
}

.left_img_news.with_timebox .timebox .checkbox_item {
  font-size: 13px;
  font-weight: normal;
}

.left_img_news.with_timebox .timebox .checkbox_item .checkmark {
  background: #FFF;
}

.banner_overlay.sidebar_banner {
  padding-bottom: 45%;
}

.banner_overlay.sidebar_banner .title {
  font-size: 20px;
}

.banner_overlay.sidebar_banner .description {
  font-size: 13px;
}

@media screen and (max-width: 576px){
  .left_img_news.with_timebox .item .title {
  font-size: 15px;
  }
  .left_img_news.with_timebox .item .fee {
  font-size: 14px;
  }
  .left_img_news.with_timebox .item .school_fee{
  margin: 8px 0;
  }
  .school_list_box + .school_list_box{
  margin: 24px 0 0;
  }
  .school_list_box .btn_lg{
  padding: 6px 16px;
  height: 36px;
  line-height: 24px;
  margin: 8px 0 0;
  }
}

/* Extends Left Image News END */


/* History START */

.history_container {
  max-height: 380px;
  overflow-y: auto;
}


/* History END */


/* SearchBox Sidebar START */

.tab_content .sidebar_introduction {
  margin-top: 0px;
}

.tab_content .toggle_search {
  display: block;
  position: relative;
  text-align: center;
  color: rgba(255, 255, 255, 0.69);
  font-size: 18px;
  cursor: pointer;
  margin: 15px 0;
}

.tab_content .toggle_search:hover {
  color: #fff;
  text-decoration: none;
}

.tab_content .toggle_search::before {
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  height: 1px;
  width: 21px;
  top: 13px;
  left: -30px;
}

.tab_content .toggle_search.hide::after {
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  width: 1px;
  height: 21px;
  top: 3px;
  left: -20px;
}

.tab_content .default_search .form_control {
  margin-bottom: 7px;
  border-radius: 0px;
  height: 48px;
  font-size: 16px;
}

.tab_content .btn_search {
  color: #2C1237;
  font-size: 15px;
  font-weight: bold;
  border-radius: 0px;
}

.tab_content .advance_search {
  display: none;
}

.tab_content .advance_search .form_control {
  border-radius: 0px;
  height: 48px;
  font-size: 16px;
}

.tab_content .advance_search .checkbox_item {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}

.tab_content .btn_search {
  margin-top: 15px;
}

@media screen and (max-width: 576px){
  .tab_content .default_search .form_control {
  height: 42px;
  padding: 9.5px 12px;
  font-size: 14px;
  }
  .tab_content .btn_search {
  margin-top: 4px;
  }
}


/* SearchBox Sidebar END */


/* School Detail START*/

.right_main_content .school_descrtiption {
  line-height: 25px;
}

.right_main_content .page_introduction {
  margin-top: 0px;
}

.right_main_content {
  padding-top: 18px;
}

.school_detail .area_fee{
  margin: 20px 0 ;
}

.school_detail .area_note .ttl{
  margin: 0 0 10px;
}

[class*="img_"][class*="back"]:before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
[class*="img_"][class*="back"][class*="74"]:before{
  padding-top: 74%;
}

@media screen and (max-width: 576px){
  .school_detail .area_fee{
  margin: 16px 0 ;
  }
}



/* Instructor Content START */

.instructor_conten .instructor_content_item{
  padding: 10px 15px;
}
.instructor_content .row{
  margin: -10px -15px;
}
.instructor_content .instructor_content_item .image {
  height: 90px;
  display: block;
  flex: 0 0 90px;
  /* Width */
  margin-right: 20px;
}

@media screen and (max-width: 576px){
  .instructor_content .row{
  margin: -10px;
  }
  .instructor_content .instructor_content_item .btn_lg{
  padding: 6px 19px;
  height: 34px;
  line-height: 1.8;
  }

}

/* Instructor Content END */


/* School Detail END*/


/* Table Content START */

.table_content .row>div {
  align-self: center
}

.table_header {
  border-bottom: 1px solid #EAE1EA;
}

.table_content .btn.disabled {
  opacity: 0.2;
}


.table_school_schedule{ width: 100%;}
th,td { padding: 16px 20px; }
.table_school_schedule thead{
  border-bottom: 1px solid #EAE1EA;
}
.table_school_schedule td:first-child{
  display: none;
}
.table_school_schedule .date .cnt{
  display: flex;
  align-items: baseline;
}
.table_school_schedule .date .cnt .time{

}
@media screen and (max-width: 1280px){
  th,td { padding: 16px 10px; }
}
@media screen and (max-width: 1080px) {
  th,td { padding: 5px 10px; }
  .table_school_schedule thead {
  display: none;
  }
  .table_school_schedule tr {
  width: 100%;
  }
  .table_school_schedule td {
  display: flex;
  align-items: baseline;
  text-align: right;
  width: 100%;
  }
  .table_school_schedule td:first-child {
  display: block;
  background: #EAE1EA;
  text-align: center;
  font-weight: 600;
  }
  .table_school_schedule td:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  margin-right: 10px;
  flex: 0 0 120px;
  text-align: left;
  }
  .table_school_schedule td .cnt{
  flex: 1 1 auto;
  display: flex;
  align-items: baseline;
  }

  .table_school_schedule tbody tr + tr{
  border-top: 2px solid #EAE1EA;
  }
  .table_school_schedule tbody td:last-child .cnt{
  justify-content: flex-end;
  }
}
@media screen and (max-width: 576px){
  .table_school_schedule .date .cnt{
  display: flex;
  flex-direction:column;
  }
  .table_school_schedule td:before{
  font-size: 12px;
  }
  .table_school_schedule .btn{
  padding: 6px 14px;
  height: 32px;
  line-height: 20px;
  }
}

/* Table Content END */


/* Studio Info START */

.studio_info .studio_item .image {
  display: block;
  flex: 0 0 220px;
  /* Width */
  margin-right: 25px;
}

.studio_info .studio_item .studio_item_content {
  align-self: center;
}
@media screen and (max-width: 768px){
  .studio_info .studio_item .image{
  flex: 0 0 auto;
  margin: 0 0 20px;
  }
  .studio_info .studio_item [class*="img_"][class*="back"]:before{
  padding-top: 46%;
  }
}


/* Studio Info END */


/* Customer Info START */

.basic_info {
  padding: 15px 40px;
}

.form_group {
  padding: 5px auto;
  line-height: 35px;
}

.address_form {
  margin: 15px 0;
  width: 100%;
  padding: 15px 40px;
  background: rgba(247, 247, 247, .55);
}

.left_selected_training {
  border: 1px solid rgba(100, 40, 108, .11);
  margin-top: 30px;
  padding: 30px 0 50px;
}

@media screen and (max-width:992px) {
  .basic_info {
    padding: 15px 0;
  }
  .address_form {
    padding: 15px 0;
    border: none;
  }
}


/* Customer Info END */


/* breadcrumb START */

.breadcrumb_bg {
  background-color: #F7F4F7;
}


/* breadcrumb END */


/* Banner START */

.banner_1 {
  background-color: #E7EEF4;
  color: black;
  -webkit-box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.6);
}

.banner_2 {
  background-color: #482B5C;
}


/* Banner END */


/* instructor info START */
.list_instructor .little_more_big_image{
  flex: 0 0 90px;
  height: auto;
}
.list_instructor .little_more_big_image .img:before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}

.bigmedia .name {
  font: 24px 'hiragino-sans-gb-w6';
  margin-top: 14px;
}

.bigmedia .student_number {
  margin-top: 20px;
}

.bigmedia .refer_link {
  margin-top: 10px;
}

.bigmedia .student_number .span1,
.bigmedia .student_number .span3,
.normalmedia .student_number .span1,
.normalmedia .student_number .span3 {
  font: bold 12px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.bigmedia .student_number .span2 {
  font: bold 24px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #E24091;
}

.bigmedia .refer_link {
  font: 500 15px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.bigmedia .refer_link .span2,
.normalmedia .refer_link .span2 {
  text-decoration: underline;
}

.content.normalmedia {
  align-self: center;
  flex-grow: 1;
}

.normalmedia .name {
  font: bold 18px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.normalmedia .student_number .span2 {
  font: bold 20px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #E24091;
}

.normalmedia .refer_link {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.normalmedia .province {
  font: bold 13px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #2E1339;
}

@media screen and (max-width: 768px){
  .bigmedia .name {
  font-size: 20px;
  margin: 0;
  }
  .normalmedia .name {
  font: bold 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
}
@media screen and (max-width: 576px){
  .bigmedia .name {
  font-size: 16px;
  }
  .normalmedia .btn_lg {
  padding: 6px 19px;
  height: 34px;
  line-height: 1.8;
  }
  .bigmedia .student_number {
  margin-top: 8px;
  }
}

/* instructor info END */

.instructor_page {
  font: 500 15px/1.5 '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin-top: 15px;
}


/* button START */

.bg_btn {
  color: white;
  background-color: black;
}


/* button END */


/* select START */

.select_item span {
  font: 500 15px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  padding-right: 20px;
}


/* select END */


/* instructor object START */

@media screen and (max-width: 576px){
  iframe{
  height: 300px;
  }
}


.instructor_tab_container1 .datetime {
  font: 16px 'hiragino-sans-gb-w6';
}

.instructor_tab_container1 .kaizen {
  font: bold 18px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.instructor_tab_container1 .capacity .span1,
.instructor_tab_container1 .cost .span1 {
  font: 500 12px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.instructor_tab_container1 .cost .span2 {
  font: bold 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #E62E8B;
}

.instructor_tab_container1 .capacity .span2 {
  font: bold 20px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.instructor_tab_container1 .place span {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  text-decoration: underline;
}

.instructor_tab_container1 .right_item button {
  width: 200px;
}

.instructor_tab_container1 .right_item .info_button {
  font-weight: 500;
}

.instructor_tab_container1 .right_item .register_button {
  background-color: #2E1339;
  font-weight: bold;
  color: white;
}

@media screen and (max-width: 992px){
  .instructor_tab_container1 .kaizen {
  font-size: 16px;
  }
  .instructor_tab_container1 .datetime{
  font-size: 14px;
  }
  .instructor_tab_container1 .cost .span2{
  font-size: 14px;
  }
  .instructor_tab_container1 .capacity .span2{
  font-size: 18px;
  }
  .instructor_tab_container1 .right_item .info_button,
  .instructor_tab_container1 .right_item .register_button{
  padding: 6px 19px;
  height: 34px;
  line-height: 1.8;
  width: 140px;
  }
}
@media screen and (max-width: 576px){
  .instructor_tab_container1 .kaizen {
  font-size: 14px;
  }
  .instructor_tab_container1 .datetime{
  font-size: 13px;
  }
  .instructor_tab_container1 .cost .span2{
  font-size: 13px;
  }
  .instructor_tab_container1 .capacity .span2{
  font-size: 16px;
  }
  .instructor_tab_container1 .right_item{
  display: flex;
  margin: 8px 0 0;
  }
  .instructor_tab_container1 .right_item .info_button,
  .instructor_tab_container1 .right_item .register_button{
  margin: 0;
  font-size: 12px;
  padding: 6px 12px;
  width: auto;
  }
  .instructor_tab_container1 .right_item .register_button{
  margin: 0 0 0 4px;
  }
}



/* instructor object END */


/* instructor tab 2 START*/

.instructor_tab_container2 {
  overflow-y: auto;
  display: none;
}


/* instructor tab 2 END */


/* instructor page1 START */

.ins_1_main .search_box {
  border: 1px solid #F2F5F9;
  border-radius: 5px;
}

.ins_1_main .search_box .search_icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../../images/school/ico_search.svg') left 0px center no-repeat;
  position: relative;
  top: 3px;
}

.ins_1_main .search_box>.label :first-child {
  font: bold 12px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin-right: 15px;
}

.ins_1_main .search_box .row>div:not(:last-child) {
  padding-right: 5px;
}

.ins_1_main .search_box .row>div:not(:first-child) {
  padding-left: 0px;
}

.ins_1_main .width_100 {
  width: 100%;
}

.ins_1_main .number .text,
.news_1_main .number .text {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.ins_1_main .number .all,
.news_1_main .number .all {
  font: 30px 'cinzel-regular';
}

.ins_1_main .number .range,
.news_1_main .number .range {
  font: 20px 'cinzel-regular';
}

@media screen and (max-width: 992px){
  .ins_1_main .search_box .row > div.keyword{
  padding: 0 15px;
  }
  .ins_1_main .search_box .row > div.area{
  padding: 0 8px 0 15px;
  }
  .ins_1_main .search_box .row > div.area select{
  margin: 8px 0 0;
  }
  .ins_1_main .search_box .row > div.btnarea button{
  margin: 8px 0 0;
  }
}
@media screen and (max-width: 576px){
  .ins_1_main .search_box {
  padding: 1rem;
  }
  .ins_1_main .number .all,
  .news_1_main .number .all {
  font-size: 24px;
  }
  .ins_1_main .number .range,
  .news_1_main .number .range {
    font: 18px 'cinzel-regular';
  }

}

/* instructor page1 END */


/* overwrite questionaire For KAIZENBODY-34 START */

.questionnaire.training_reservation .metadata {
  border-bottom: 1px solid #F2EFF2;
}

.questionnaire.training_reservation .content {
  font-size: 14px;
}

.questionnaire.training_reservation .user_info .username {
  border-bottom: 1px solid #000;
}

.questionnaire.training_reservation .item {
  border: none;
  padding-bottom: 0;
}

.questionnaire.training_reservation .rating_details .rating_question {
  font-size: 12px;
  min-width: 60%;
  align-self: center;
}

.questionnaire.training_reservation .rating_details .rating_item {
  align-self: center;
}

.questionnaire.training_reservation .rating_details .rating_score {
  font-size: 14px;
  align-self: center
}

.questionnaire.training_reservation .school_detail_title {
  font: bold 20px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin: 10px 0px;
}


/* overwrite questionaire For KAIZENBODY-34 END */


/* studio css START */

.std_1_main .object .province {
  font: bold 13px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #2E1339;
}

.std_1_main .object .studio {
  font: bold 17px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.std_1_main .object .place,
.std_1_main .phone_number,
.std_1_main .page {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.std_1_main .object .icon_place {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url('../../images/school/ico_place.svg') right 0px center no-repeat;
  position: relative;
  top: 4px;
}

.std_1_main .object .icon_phone {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url('../../images/school/ico_phone.svg') right 0px center no-repeat;
  position: relative;
  top: 4px;
}



@media screen and (max-width: 768px) {
  .std_1_main .object {
    display: flex;
    flex-direction: column;
  }
  .std_1_main .object .province {
    margin-top: 20px;
  }
  .studio_list_wrap .object{
    flex-direction: row;
  }
}
@media screen and (max-width: 576px){
  .studio_list_wrap .object{
  flex-direction:column;
  }
  .studio_list_wrap .object{
  margin: 30px 0 0;
  }
  .std_1_main .object .place,
  .std_1_main .phone_number,
  .std_1_main .page {
    font: 500 13px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
  .std_1_main .object .studio {
  font: bold 15px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
}


/* studio css END */


/* news css START */

.date_object .date {
  font: 14px 'hiragino-sans-gb-w6';
}

.date_object .content {
  font: 500 15px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.date_object {
  margin-top: 15px;
}

.date_object:hover {
  text-decoration: none;
}

.date_object hr {
  border: none;
  border-top: 1px solid #F2EFF2;
}

.news_2_main .page {
  font: 500 15px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.head_news2 :first-child {
  color: #2E1339;
  font: bold 24px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.head_news2 :last-child {
  color: #9EB1BF;
  font: 14px 'hiragino-sans-gb-w6';
  padding-top: 10px;
}


/* news css END */

.container .completed_info {
  max-width: 700px;
  margin: 0px auto;
}


/* about START */


/* Banner START */

.bg_banner_1 {
  background-color: #E7EEF4;
  color: black;
  box-shadow: 0px 8px 17px -4px rgba(0, 0, 0, 0.6);
}

.bg_banner_2 {
  background-color: #482B5C;
}


/* Banner END */


.page_introduction.small_intro .title {
  font-size: 46px;
}
.about_introduction>.title {
  font: bold 28px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.about_introduction>.content {
  font: 500 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #333;
}

.about_introduction .btn {
  color: #fff;
  font: bold 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  line-height: 2.4;
  width: 385px;
  height: 50px;
  border-radius: 25px;
  background-color: #FD3E86;
  margin-top: 25px;
}
@media screen and (max-width: 992px){
  .about_introduction>.title {
  font: bold 24px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
  .about_introduction > .content.pt_5{
  padding-top: 20px;
  }
}
@media screen and (max-width: 768px){
  .about_introduction > .content {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #333;
  }
}
@media screen and (max-width: 576px){
  .about_introduction>.title {
  font: bold 20px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
  .about_introduction .btn {
  font: bold 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  line-height: 2.4;
  width: 100%;
  height: 46px;
  border-radius: 25px;
  background-color: #FD3E86;
  margin-top: 25px;
  }
}

/*  */
.label_border.big_label_border {
  font-size: 26px;
  margin: 0 0 60px;
}

.about_object_container .object {
  margin-top: 60px;
}

.about_object_container .object .pen_title {
  font: bold 20px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin-bottom: 20px;
}

.about_object_container .object .pen_title::before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: url(../../images/school/ico_white_pen.svg) center center no-repeat;
  background-color: #2E1339;
  vertical-align: bottom;
}

.about_object_container .object .image {
  display: block;
  flex: 0 0 237px;
  width: 237px;
  height: 172px;
  margin-right: 42px;
}

.about_object_container .object .content .title {
  font: bold 18px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #2E1339;
}

.about_object_container .object .content .description {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}
@media screen and (max-width: 992px){
  .label_border.big_label_border {
  font-size: 22px;
  }
  .about_object_container .object {
  margin-top: 30px;
  }
  .about_object_container .object .pen_title {
  font: bold 18px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
  .about_object_container .object .content .title {
  font: bold 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin: 0 0 8px;
  }
  .about_object_container .object .pen_title::before {
  width: 30px;
  height: 30px;
  background-size: 18px;
  }
  .about_object_container .object .image {
  flex: 0 0 180px;
  width: 180px;
  height: 130px;
  margin-right: 30px;
  }
}
@media screen and (max-width: 576px){
  .label_border.big_label_border {
  font-size: 20px;
  margin: 0 0 30px;
  }
  .about_object_container .object .pen_title {
  font: bold 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
  .about_object_container .object .image{
  flex: 0 0 auto;
  margin: 0 0 14px;
  }
  .about_object_container .object .content .description {
  font-size: 13px;
  }
}

/*  */



.list_reserv_step{
  padding: 0;
}
.list_reserv_step > li{
  display: flex;
  align-items: flex-start;
}
.list_reserv_step > li + li{
  margin: 30px 0 0;
}
.list_reserv_step .head{
  display: flex;
  align-items: center;
}
.list_reserv_step .step_round_icon {
  background: #2E1339;
}
.step_container .step {
  font: 20px 'cinzel-regular';
  color: #2E1339;
}
.list_reserv_step .step_object:first-child {
  margin-top: 58px;
}
.list_reserv_step .step_round_icon {
  position: static;
  margin: 0px 20px;
  padding-top: 3px;
}

@media screen and (max-width: 576px){
  .list_reserv_step .step_round_icon {
  margin: 0px 14px;
  }
  .step_container .step {
  font-size: 17px;
  }
}

.list_reserv_step .body{
  display: flex;
}
.list_reserv_step .body .ttl{
  font: bold 18px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin: 0 40px 0 0;
}
.list_reserv_step .body .note{
  font: 500 16px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}
.step_container .note .small_note {
  font: 500 12px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  color: #666;
  margin-left: 20px;
}
.step_container .note .note_color {
  color: #E24091;
}

@media screen and (max-width: 992px){
  .list_reserv_step .body{
  flex-direction:column;
  }
}
@media screen and (max-width: 576px){
  .list_reserv_step .body .ttl{
  font-size: 15px;
  }
}





/* about END */


/* reservation START */

.reserve_introduction.page_introduction {
  margin-top: 0px;
}

.reserve_obj_ctn .object {
  margin-top: 50px;
}

@media screen and (max-width: 992px) {
  .reserve_obj_ctn .object {
    flex-wrap: wrap;
  }
}

.reserve_obj_ctn .object .image {
  display: block;
  flex: 0 0 392px;
  width: 392px;
  height: 247px;
  margin-right: 40px;
}

.reserve_obj_ctn .content .step {
  color: #2E1339;
}

.reserve_obj_ctn .object .content .step :first-child {
  font: 25px 'cinzel-regular';
  margin-right: 10px;
}

.reserve_obj_ctn .object .content .step :last-child {
  font: 37px 'cinzel-regular';
}

.reserve_obj_ctn .object .content .title {
  font: bold 22px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin: 16px 0;
}

.reserve_obj_ctn .object .content .description {
  font: 500 15px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

@media screen and (max-width: 1280px){
  .reserve_obj_ctn .object .image {
  display: block;
  flex: 0 0 240px;
  height: 150px;
  margin-right: 30px;
  }
}
@media screen and (max-width: 992px){
  .reserve_obj_ctn .content .step {
  margin: 0 30px 0 0;
  }
  .reserve_obj_ctn .object .content .step :first-child {
  font: 20px 'cinzel-regular';
  margin-right: 10px;
  }
  .reserve_obj_ctn .object .content .step :last-child {
  font: 32px 'cinzel-regular';
  }
  .reserve_obj_ctn .object .content .title {
  font: bold 20px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  }
  .reserve_obj_ctn .object .image {
  margin: 0 0 16px;
  }
}
@media screen and (max-width: 576px){
  .reserve_obj_ctn .content .step {
  margin: 0 16px 0 0;
  }
  .reserve_obj_ctn .object .content .title{
  font-size: 18px;
  }
  .reserve_obj_ctn .object .content .description{
  font-size: 14px;
  }
  .reserve_obj_ctn .object .image{
  margin: 0 0 8px;
  }
}
@media screen and (max-width: 480px){
  .reserve_obj_ctn .object .image {
  display: block;
  flex: 0 0 auto;
  height: 230px;
  width: 100%;
  }
}

/*  */
.payment_info .rectangle_title {
  font: bold 18px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  margin-top: 40px;
}

.payment_info .rectangle_title::before {
  content: "";
  display: inline-block;
  margin-right: 18px;
  width: 9px;
  height: 9px;
  background-color: #000;
  vertical-align: 2px;
}

.payment_info hr {
  margin: 10px 0px;
  border-color: #E3D9E5;
}

.payment_info .item {
  padding-left: 28px;
  ;
}

.btnarea.apply{
  margin: 60px 0 0;
}
.btnarea.apply .btn_purple{
  color: #fff;
  font: bold 18px/1em  '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,'noto sans japanese',sans-serif;
  line-height: 2.4;
  width: 385px;
  height: 50px;
  border-radius: 25px;
  margin-top: 25px;
  padding: 12px 50px;
}

@media screen and (max-width: 576px){
  .btnarea.apply .btn_purple{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1.9;
  padding: 12px 10px;
  }
  .payment_info .rectangle_title{
  font-size: 16px;
  }
}

/* reservation END */


/* modal CSS */

.tingle-modal-box {
  width: 560px;
}

@media screen and (max-width: 768px){
  .tingle-modal-box{
  width: 94%;
  margin: 0 auto;
  }
}

/*  */
.tingle-modal__close {
  display: none;
}

.tingle-modal-box .notification_content img {
  width: 30px;
}

.tingle-modal-box .notification_content button {
  width: 45%;
  font: 14px "Yu gothic";
  border: 1px solid #D9E6F2;
  height: 50px;
  padding: 0;
}

.tingle-modal-box .notification_content button.btn_q {
  background-color: #F8F8F8;
  border: 1px solid #000;
}

.tingle-modal-box .ico {
  background-size: 100% 100%;
  width: 10px;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}

.tingle-modal-box .ico.ico_closemodal {
  background-image: url('../../images/online/ico_closemodal.svg');
}

.tingle-modal-box__content {
  position: relative;
}

.tingle-modal-box .notification_content .ico_closemodal {
  position: absolute;
  top: 10px;
  right: 10px;
}

.tingle-modal-box .notification_content .ico_closemodal:hover {
  cursor: pointer;
}

.notification_content.p57 .warning_icon {
  display: inline-block;
  width: 43px;
  height: 38px;
  background: url(../../images/online/ico_warning.svg) center center no-repeat;
  margin-bottom: 32px;
}

.notification_content.p57 .underline_text {
  color: #64286C;
  font: bold 13px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
}

.notification_content.p57 button {
  font: 500 14px '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic' ,sans-serif;
  width: 200px;
  height: 50px;
  margin: 38px 0px 18px;
}

@media screen and (max-width: 576px){
  .tingle-modal-box__content{
  padding: 3em 2rem;
  }
  .tingle-modal-box__content .font_18{
  font-size: 16px;
  }
  .tingle-modal-box__content .btn{
  margin: 30px 0px 18px;
  }
}