@charset "UTF-8";
@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  h1.undelayer_logo_text {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
  }
  h1.undelayer_logo {
    text-align: center;
  }
  .banner {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    font-size: 30px;
    text-align: center;
    line-height: 25px;
  }
  .banner span {
    font-size: 17px;
  }
  /*-------------
price
-------------*/
  .schedule {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
  }
  .schedule_list {
    width: 90%;
    margin: 0 5% 0 5%;
    padding: 0 0 0 0;
  }
  .schedule_list li {
    width: 175px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .step {
    width: 150px;
    height: 150px;
    margin: 0 12.5px 10px 12.5px;
    border-radius: 130px;
    background-color: #e4e3da;
  }
  .step_text {
    width: 100%;
    position: relative;
    top: 40px;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
  }
  .step_text span {
    font-size: 20px;
    font-weight: 100;
  }
  .under_step {
    width: 175px;
    text-align: center;
    font-size: 20px;
    border: solid #e4e3da 1px;
  }
  .text_bottom {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
  }
  .schedule_list li:nth-child(2n) {
    width: 48px;
    margin: 6% 1% 0 1%;
    padding: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .voice_table {
    width: 650px;
    margin: 30px 175px 30px 175px;
    border-collapse: collapse;
  }
  .voice_table th {
    background-color: #e45b81;
    color: #fff;
    font-size: 20px;
  }
  .voice_table td {
    border: solid #e4e3da 1px;
    padding: 10px 20px;
    font-size: 12px;
  }
  .grayback {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    background-color: #c9c9c9;
  }
  .text_grayback {
    font-size: 30px;
    text-align: center;
    line-height: 30px;
  }
  .text_grayback span {
    font-size: 17px;
    line-height: 20px;
    display: block;
  }
  .registration_list {
    width: 700px;
    margin: 40px auto 0 auto;
  }
  .registration_list li {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border-radius: 5px;
    border: solid #e45b81 1px;
    font-size: 30px;
    line-height: 60px;
  }
  .registration_list li:nth-child(2n) {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    font-size: 15px;
  }
  .redback {
    width: 95px;
    font-size: 30px;
    text-align: center;
    color: #fff;
    background-color: #e45b81;
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .arrow2 {
    width: 35px;
    margin: 10px 0px 10px 32px;
    display: inline-block;
  }
  .after_arrow {
    margin: 10px 0 0 50px;
    display: inline-block;
    line-height: 23px;
    width: 560px;
  }
  .after_arrow2 {
    width: 560px;
    margin: 10px 0 0 120px;
    display: inline-block;
    line-height: 23px;
  }
  /*-------------
machine
-------------*/
  .text_box1 {
    font-size: 30px;
    color: #fff;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 25px;
  }
  .text_box1 span {
    font-size: 17px;
    color: #fff;
  }
  .margintop {
    margin: 30px auto 0 auto;
    width: 880px;
    overflow: hidden;
  }
  .box_left {
    width: 450px;
    padding: 0 0 0 0;
    float: left;
  }
  .thumbnail {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
  .thumbnail li {
    float: left;
    width: 135px;
    height: auto;
    margin: 0 5px;
  }
  .thumbnail li img {
    width: 135px;
  }
  .slider-nav {
    width: 450px;
    margin: 0 0 0 0;
  }
  .slider-nav img {
    width: 135px;
    margin: 0 0px 0 90px;
  }
  .box_right {
    width: 400px;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .machinename {
    font-size: 20px;
  }
  .machinename span {
    font-size: 12px;
    padding: 0 0 0 5px;
  }
  .box_right table {
    width: 400px;
  }
  .box_right table th {
    width: 400px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0 0 0;
    line-height: 20px;
  }
  .box_right table td {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
  }
  .box_right img {
    width: 400px;
    margin: 30px 0 0 0;
  }
  .machine_list_bottom {
    width: 880px;
    margin: 100px auto 0 auto;
  }
  .machine_list_bottom img {
    max-width: 100%;
  }
  .machine_list_bottom li {
    width: 450px;
    float: left;
  }
  .machine_list_bottom li:first-child {
    width: 450px;
    margin: 0 10px 0 0;
  }
  .other_machine {
    font-size: 17px;
    width: 910px;
    margin: 0 45px 80px 45px;
  }
  .other_machine span {
    font-size: 18px;
    font-weight: 600;
  }
  img.machine_map {
    max-width: 100%;
    margin: 0 0 50px 0;
  }
  .h2_machine {
    width: 98%;
    background-color: #d5597a;
    color: #fff;
    font-size: 30px;
    padding: 0 0 0 2%;
  }
  .h3_machine {
    width: 98%;
    background-color: #d5597a;
    color: #fff;
    font-size: 30px;
    padding: 0 0 0 2%;
  }
  .list_machine {
    width: 100%;
    margin: 30px 0 30px 0;
  }
  .list_machine li {
    width: 300px;
    margin: 0 0 20px 0;
    float: left;
  }
  .list_machine li:nth-child(2) {
    width: 300px;
    margin: 0 50px 20px 50px;
  }
  .list_machine li:nth-child(5) {
    width: 300px;
    margin: 0 50px 20px 50px;
  }
  img.img_list_machine {
    width: 300px
  }
  /*-------------
voice
-------------*/
  .voice_title {
    margin: 20px auto;
    text-align: center;
  }
  .voice_box {
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding: 0;
  }
  .voice_box .voice_left {
    width: 200px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
  }
  .voice_box .voice_right {
    width: 800px;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }
  .voice_box .voice_right .voice_name {
    font-size: 1.2rem;
    font-weight: 700;
  }
  .voice_box .voice_right .voice_text {
    font-size: 1rem;
    line-height: 30px;
  }
  /*-------------
access
-------------*/
  .company_table {
    width: 660px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
  }
  .company_table th {
    width: 120px;
    padding: 10px 0 10px 30px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
    vertical-align: top;
  }
  .company_table td {
    width: 500px;
    padding: 10px 0 10px 10px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
  }
  /*-------------
gallery
-------------*/
  .gallery_text {
    font-size: 16px;
    font-weight: 600;
    margin: 2% auto 0 auto;
    text-align: center;
  }
  .gallery_list {
    max-width: 830px;
    width: 100%;
    margin: 15px auto;
    overflow: hidden;
  }
  .gallery_list li {
    margin: 0 10px 10px 0;
    float: left;
  }
  .gallery_list li:nth-child(4n) {
    margin: 0 0 10px 0;
  }
  .gallery_list img {
    width: 200px;
  }
  /*-------------
trainer
-------------*/
  .trainer_box {
    width: 100%;
    height: auto;
    margin: 40px auto;
    padding: 0 0 30px 0;
    border-bottom: dotted 1px #adadad;
  }
  .trainer_box .trainer_left {
    width: 400px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
  }
  .trainer_box .trainer_left .trainer_photo {
    width: 330px;
  }
  .trainer_box .trainer_left p {
    width: 330px;
    font-size: 15px;
    text-align: left;
    line-height: 21px;
    margin: 10px 0 0 0;
  }
  .trainer_instagram {
    text-align: left;
    margin: 10px 0 0 0;
    vertical-align: middle;
  }
  .trainer_instagram span {
    font-size: 20px;
    font-weight: 700;
  }
  .trainer_box .trainer_right {
    width: 600px;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }
  .trainer_box .trainer_right .trainer_name {
    font-size: 2rem;
    font-weight: 700;
  }
  .trainer_name span {
    font-size: 13px;
    display: inline-block;
    margin: 0 0 0 10px;
  }
  .trainer_right dl {
    width: 425px;
    margin: 10px 0 20px 0;
  }
  .trainer_right dt {
    background-color: #5c5c5c;
    color: #fff;
    padding: 2px 0 2px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
  }
  .trainer_right dd {
    padding: 5px 5px 10px 15px;
    font-size: 15px;
    line-height: 25px;
  }
  .trainer_box .trainer_right .trainer_text {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
  }
  .trainer_box .trainer_right .trainer_detail {
    margin-top: 30px;
    font-size: 0.9rem;
    line-height: 1.3rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  }
  /*-------------
ouchi_fitness
-------------*/
  .video_list {
    width: 850px;
    margin: 30px auto 0 auto;
  }
  .video_list li {
    width: 380px;
    height: auto;
    margin: 0 90px 50px 0;
    padding: 0;
    float: left;
    text-align: center;
  }
  .video_list li:nth-child(2n) {
    margin: 0 0 50px 0;
  }
  .video_list img {
    max-width: 100%;
  }
  /*-------------
gear
-------------*/
  p.gear_text {
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin: 25px 0 30px 0;
  }
  p.gear_text span {
    font-size: 25px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px 0;
  }
  h3.h3_gear {
    width: 100%;
    background-color: #d5597a;
    color: #fff;
    font-size: 20px;
    padding: 0;
    text-align: center;
  }
  .gear_left.clearfix {
    float: left;
    width: 450px;
    margin: 0 0 0 20px;
  }
  .gear_right.clearfix {
    float: right;
    width: 450px;
    margin: 0 20px 0 0;
  }
  .gear_left.clearfix p, .gear_right.clearfix p {
    font-size: 18px;
    line-height: 25px;
    height: 85px;
    margin: 10px 0 0 0;
  }
  .gear_left.clearfix ul, .gear_right.clearfix ul {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .gear_left.clearfix ul li, .gear_right.clearfix ul li {
    margin: 0 0 15px 0;
  }
  /*-------------
counselingform
-------------*/
  p.counseling_text {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
  }
  .counseling_form {
    width: 800px;
    margin: 40px auto;
    padding: 0 0 0 0;
    z-index: 600;
  }
  .counseling_form th {
    width: 397px;
    margin: 0 0 0 0;
    font-size: 13px;
    padding: 5px 0 5px 20px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
    line-height: 20px;
  }
  .counseling_form td {
    width: 500px;
    margin: 0 0 0 0;
    padding: 5px 0 5px 20px;
    border-bottom: dotted #8a8a8a 1px;
    line-height: 23px;
  }
  .counseling_form td input {
    width: 400px;
  }
  input {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
  }
  select {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
  }
  textarea {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
    width: 100%;
    height: 300px;
  }
  button {
    border-radius: 5px;
    padding: 5px 10px;
    border: solid 1px #CCC;
    background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(top, #EEE, #CCC);
    background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
    text-shadow: 0px 2px 0px #fff;
    font-size: 18px;
    cursor: pointer;
    outline: none;
  }
}
/* Tablet */
@media screen and (max-width: 768px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  h1.undelayer_logo_text {
    width: 78%;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    line-height: 17px;
  }
  h1.undelayer_logo {
    text-align: center;
  }
  .banner {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    font-size: 30px;
    text-align: center;
    line-height: 25px;
  }
  .banner span {
    font-size: 17px;
  }
  /*-------------
price
-------------*/
  .schedule {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
  }
  .schedule_list {
    width: 413px;
    margin: 0 auto;
    padding: 0 0 0 0;
  }
  .schedule_list li {
    width: 175px;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    float: left;
  }
  .step {
    width: 150px;
    height: 150px;
    margin: 0 12.5px 10px 12.5px;
    border-radius: 130px;
    background-color: #e4e3da;
  }
  .step_text {
    width: 100%;
    position: relative;
    top: 40px;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
  }
  .step_text span {
    font-size: 20px;
    font-weight: 100;
  }
  .under_step {
    width: 175px;
    text-align: center;
    font-size: 20px;
    border: solid #e4e3da 1px;
  }
  .text_bottom {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
  }
  .schedule_list li:nth-child(2), .schedule_list li:nth-child(6) {
    width: 48px;
    height: 206px;
    margin: 60px 0 0 15px;
    padding: 0 0 0 0;
  }
  .schedule_list li:nth-child(3) {
    height: 266px;
  }
  li.tablet_arrow {
    display: none;
  }
  .voice_table {
    width: 100%;
    margin: 0 auto 40px auto;
    border-collapse: collapse;
  }
  .voice_table th {
    background-color: #e45b81;
    color: #fff;
    font-size: 20px;
  }
  .voice_table td {
    border: solid #e4e3da 1px;
    padding: 10px 20px;
    font-size: 12px;
  }
  .grayback {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    background-color: #c9c9c9;
  }
  .text_grayback {
    font-size: 30px;
    text-align: center;
    line-height: 30px;
  }
  .text_grayback span {
    font-size: 17px;
    line-height: 20px;
    display: block;
  }
  .registration_list {
    width: 100%;
    margin: 30px auto 0 auto;
  }
  .registration_list li {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border-radius: 5px;
    border: solid #e45b81 1px;
    font-size: 25px;
    line-height: 50px;
  }
  .registration_list li:nth-child(2n) {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    font-size: 15px;
  }
  .redback {
    width: 95px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    background-color: #e45b81;
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .arrow2 {
    width: 35px;
    margin: 10px 0px 10px 32px;
    display: inline-block;
  }
  .after_arrow {
    margin: 10px 0 0 20px;
    display: inline-block;
    line-height: 23px;
    width: 373px;
  }
  .after_arrow2 {
    width: 100%;
    margin: 10px 0 0 95px;
    display: inline-block;
    line-height: 23px;
  }
  /*-------------
machine
-------------*/
  .text_box1 {
    font-size: 30px;
    color: #fff;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 25px;
  }
  .text_box1 span {
    font-size: 17px;
    color: #fff;
  }
  .margintop {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
  }
  .box_left {
    width: 100%;
    max-width: 450px;
    padding: 0 0 0 0;
    float: none;
  }
  .slider-nav {
    width: 100%;
    margin: 0 0 0 0;
  }
  .slider-nav img {
    width: 135px;
    margin: 0 0px 0 90px;
  }
  .thumbnail {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
  .thumbnail li {
    float: left;
    width: 135px;
    height: auto;
    margin: 0 5px;
  }
  .thumbnail li img {
    width: 135px;
  }
  .box_right {
    width: 400px;
    margin: 0 0 50px 0;
    padding: 0 0 0 0;
    display: inline-block;
    float: none;
  }
  .machinename {
    font-size: 20px;
  }
  .machinename span {
    font-size: 12px;
    padding: 0 0 0 5px;
  }
  .box_right table {
    width: 400px;
  }
  .box_right table th {
    width: 400px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0 0 0;
    line-height: 20px;
  }
  .box_right table td {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
  }
  .box_right img {
    width: 400px;
    margin: 0 0 0 0;
  }
  .machine_list_bottom {
    width: 100%;
    margin: 30px auto 0 auto;
  }
  .machine_list_bottom img {
    max-width: 100%;
  }
  .machine_list_bottom li {
    width: 450px;
    float: none;
  }
  .machine_list_bottom li:first-child {
    width: 450px;
    margin: 0 10px 0 0;
  }
  .other_machine {
    font-size: 17px;
    width: 100%;
    margin: 0 0 80px 0;
  }
  .other_machine span {
    font-size: 18px;
    font-weight: 600;
  }
  img.machine_map {
    max-width: 100%;
    margin: 0 0 30px 0;
  }
  .h2_machine {
    width: 98%;
    background-color: #d5597a;
    color: #fff;
    font-size: 20px;
    padding: 0 0 0 2%;
  }
  .h3_machine {
    width: 98%;
    background-color: #d5597a;
    color: #fff;
    font-size: 20px;
    padding: 0 0 0 2%;
    display: inline-block;
  }
  .list_machine {
    width: 100%;
    margin: 30px 0 30px 0;
  }
  .list_machine li {
    width: 48%;
    margin: 0 0 2% 0;
    float: left;
  }
  .list_machine li:nth-child(2n) {
    width: 48%;
    margin: 0 0 2% 4%;
    ;
  }
  img.img_list_machine {
    max-width: 100%;
  }
  /*-------------
voice
-------------*/
  .voice_title {
    margin: 10px auto;
    text-align: center;
  }
  .voice_title img {
    width: 100%;
    max-width: 601px;
  }
  .voice_box {
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding: 0;
  }
  .voice_box .voice_left {
    max-width: 126px;
    width: 27%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
  }
  .voice_box .voice_right {
    width: 72%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }
  .voice_box .voice_right .voice_name {
    font-size: 1.1rem;
    font-weight: 700;
  }
  .voice_box .voice_right .voice_text {
    font-size: 0.9rem;
    line-height: 25px;
  }
  /*-------------
access
-------------*/
  .company_table {
    width: 470px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
  }
  .company_table th {
    width: 60px;
    padding: 5px 0 5px 5px;
    line-height: 20px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
    vertical-align: top;
  }
  .company_table td {
    padding: 5px;
    line-height: 20px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
  }
  /*-------------
gallery
-------------*/
  .gallery_text {
    font-size: 16px;
    font-weight: 600;
    margin: 2% auto 0 auto;
    text-align: center;
  }
  .gallery_list {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .gallery_list li {
    margin: 0 10px 10px 0;
    float: left;
  }
  .gallery_list img {
    width: 200px;
  }
  /*-------------
trainer
-------------*/
  .trainer_box {
    width: 100%;
    height: auto;
    margin: 40px auto;
    padding: 0;
    border-bottom: dotted 1px #adadad;
  }
  .trainer_box .trainer_left {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
  }
  .trainer_box .trainer_left .trainer_photo {
    width: 330px;
  }
  .trainer_box .trainer_left p {
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    margin: 10px 0 0 0;
  }
  .trainer_box .trainer_right {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
  }
  .trainer_box .trainer_right .trainer_name span {
    font-size: 13px;
    padding: 0 0 0 10px;
  }
  .trainer_instagram.pc {
    display: none;
  }
  .trainer_instagram.sp {
    display: block;
  }
  .trainer_instagram img {
    width: 46px;
  }
  .trainer_box .trainer_right .trainer_name {
    font-size: 2rem;
    font-weight: 700;
  }
  .trainer_right dl {
    width: 100%;
    margin: 10px 0 20px 0;
  }
  .trainer_right dt {
    background-color: #5c5c5c;
    color: #fff;
    padding: 2px 0 2px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
  }
  .trainer_right dd {
    padding: 5px 5px 10px 15px;
    font-size: 13px;
    line-height: 22px;
  }
  .trainer_box .trainer_right .trainer_text {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
  }
  .trainer_box .trainer_right .trainer_detail {
    margin-top: 15px;
    font-size: 0.9rem;
    line-height: 1.3rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  }
  /*-------------
ouchi_fitness
-------------*/
  .video_list {
    width: 380px;
    margin: 10px auto 0 auto;
  }
  .video_list li {
    width: 380px;
    height: auto;
    margin: 0 50px 50px 0;
    padding: 0;
    float: left;
    text-align: center;
  }
  .video_list li:nth-child(2n) {
    margin: 0 0 50px 0;
  }
  .video_list img {
    max-width: 100%;
  }
  .video_list li:last-child {
    margin: 0 0 0 0;
  }
  /*-------------
gear
-------------*/
  img.gear_banner {
    width: 100%;
  }
  p.gear_text {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    margin: 25px 0 30px 0;
  }
  p.gear_text span {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px 0;
  }
  h3.h3_gear {
    width: 100%;
    background-color: #d5597a;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    padding: 5px 0;
    text-align: center;
  }
  .gear_left.clearfix {
    float: none;
    max-width: 450px;
    margin: 0 auto;
  }
  .gear_right.clearfix {
    float: none;
    max-width: 450px;
    margin: 0 auto;
  }
  .gear_left.clearfix p, .gear_right.clearfix p {
    font-size: 14px;
    line-height: 25px;
    height: auto;
    margin: 10px 0 10px 0;
  }
  .gear_left.clearfix ul, .gear_right.clearfix ul {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .gear_left.clearfix ul li, .gear_right.clearfix ul li {
    margin: 0 0 15px 0;
  }
  .gear_left.clearfix ul li img, .gear_right.clearfix ul li img {
    width: 100%;
    max-width: 450px;
  }
  /*-------------
counselingform
-------------*/
  img.flowimg {
    width: 100%;
  }
  p.counseling_text {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
  }
  .counseling_form {
    width: 100%;
    margin: 10px auto;
    padding: 0 0 0 0;
    z-index: 600;
  }
  .counseling_form th {
    width: 35%;
    margin: 0 0 0 0;
    font-size: 12px;
    padding: 5px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
    line-height: 20px;
  }
  .counseling_form td {
    width: 60%;
    margin: 0 0 0 0;
    padding: 5px;
    border-bottom: dotted #8a8a8a 1px;
    line-height: 21px;
  }
  .counseling_form td input {
    width: 90%;
  }
  input {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
  }
  select {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
  }
  textarea {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
    width: 100%;
    height: 300px;
  }
  button {
    border-radius: 5px;
    padding: 5px 10px;
    border: solid 1px #CCC;
    background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(top, #EEE, #CCC);
    background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
    text-shadow: 0px 2px 0px #fff;
    font-size: 18px;
    cursor: pointer;
    outline: none;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #underlayer_main {
    width: 100%;
    padding: 0;
    margin: 65px 0 0 0;
    overflow: hidden;
  }
  h1.undelayer_logo_text {
    width: 85%;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    line-height: 17px;
  }
  h1.undelayer_logo {
    text-align: center;
  }
  .banner {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    font-size: 23px;
    text-align: center;
    line-height: 23px;
  }
  .banner span {
    font-size: 15px;
  }
  /*-------------
price
-------------*/
  .schedule {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  .schedule_list {
    width: 177px;
    margin: 15px auto 0 auto;
    padding: 0 0 0 0;
  }
  .schedule_list li {
    width: 175px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: none;
  }
  .step {
    width: 150px;
    height: 150px;
    margin: 0 12.5px 10px 12.5px;
    border-radius: 130px;
    background-color: #e4e3da;
  }
  .step_text {
    width: 100%;
    position: relative;
    top: 40px;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
  }
  .step_text span {
    font-size: 20px;
    font-weight: 100;
  }
  .under_step {
    width: 175px;
    text-align: center;
    font-size: 20px;
    border: solid #e4e3da 1px;
  }
  .text_bottom {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
  }
  .schedule_list li:nth-child(2n) {
    width: 26px;
    height: 26px;
    margin: 15px auto;
    padding: 0 0 0 0;
  }
  li.tablet_arrow {
    display: revert;
  }
  .schedule_list li:nth-child(3) {
    height: auto;
  }
  .voice_table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse;
  }
  .voice_table th {
    background-color: #e45b81;
    color: #fff;
    font-size: 18px;
  }
  .voice_table td {
    border: solid #e4e3da 1px;
    padding: 10px 20px;
    font-size: 12px;
  }
  .grayback {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    background-color: #c9c9c9;
  }
  .text_grayback {
    font-size: 20px;
    text-align: center;
    line-height: 20px;
  }
  .text_grayback span {
    font-size: 14px;
    line-height: 15px;
    display: block;
  }
  .registration_list {
    width: 100%;
    margin: 25px auto 0 auto;
  }
  .registration_list li {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border-radius: 5px;
    border: solid #e45b81 1px;
    font-size: 20px;
    line-height: 45px;
  }
  .registration_list li:nth-child(2n) {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    font-size: 15px;
  }
  .redback {
    width: 60px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #e45b81;
    display: inline-block;
    margin: 0 15px 0 0;
  }
  .arrow2 {
    width: 35px;
    margin: 10px 0px 10px 15px;
    display: inline-block;
  }
  .after_arrow {
    margin: 10px 0 20px 10px;
    display: inline-block;
    line-height: 20px;
    width: 70%;
    font-size: 13px;
  }
  .after_arrow2 {
    width: 100%;
    margin: 10px 0 0 0;
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
  }
  /*-------------
machine
-------------*/
  .text_box1 {
    font-size: 30px;
    color: #fff;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 25px;
  }
  .text_box1 span {
    font-size: 17px;
    color: #fff;
  }
  .margintop {
    margin: 0 auto 0 auto;
    width: 100%;
    overflow: hidden;
  }
  .box_left {
    width: 100%;
    padding: 0 0 0 0;
    float: none;
  }
  .slider-nav {
    width: 100%;
    margin: 0 0 0 0;
  }
  .slider-nav img {
    max-width: 135px;
    width: 80%;
    margin: 0 0px 0 90px;
  }
  .slider-for img {
    width: 90%;
    margin: 0 5% 0 5%;
  }
  .thumbnail {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
  .thumbnail li {
    float: left;
    max-width: 135px;
    height: auto;
    margin: 0 5px;
  }
  .thumbnail li img {
    max-width: 135px;
  }
  .box_right {
    width: 100%;
    margin: 0 0 60px 0;
    padding: 0 0 0 0;
    display: inline-block;
    float: none;
  }
  .machinename {
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0 0 0;
  }
  .machinename span {
    font-size: 12px;
    padding: 0;
    display: block;
  }
  .box_right table {
    width: 100%;
  }
  .box_right table th {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0 0 0;
    line-height: 20px;
  }
  .box_right table td {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
  }
  .box_right img {
    width: 100%;
    max-width: 400px;
    margin: 15px 0 0 0;
  }
  .machine_list_bottom {
    width: 100%;
    margin: 0 auto;
  }
  .machine_list_bottom img {
    max-width: 100%;
  }
  .machine_list_bottom li {
    width: 100%;
    float: none;
  }
  .machine_list_bottom li:first-child {
    width: 100%;
    margin: 0 0 0 0;
  }
  .other_machine {
    font-size: 15px;
    width: 100%;
    margin: 0 0 0 0;
  }
  .other_machine span {
    font-size: 18px;
    font-weight: 600;
  }
  img.machine_map {
    max-width: 100%;
    margin: 0 0 30px 0;
  }
  .h2_machine {
    width: 98%;
    background-color: #d5597a;
    color: #fff;
    font-size: 20px;
    padding: 0 0 0 2%;
  }
  .h3_machine {
    width: 98%;
    background-color: #d5597a;
    color: #fff;
    font-size: 20px;
    padding: 0 0 0 2%;
    display: inline-block;
  }
  .list_machine {
    width: 100%;
    margin: 30px 0 30px 0;
  }
  .list_machine li {
    width: 48%;
    margin: 0 0 2% 0;
    float: left;
  }
  .list_machine li:nth-child(2n) {
    width: 48%;
    margin: 0 0 2% 4%;
    ;
  }
  img.img_list_machine {
    max-width: 100%;
  }
  /*-------------
voice
-------------*/
  .voice_title {
    margin: 0 auto;
    text-align: center;
  }
  .voice_box {
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding: 0;
  }
  .voice_box .voice_left {
    width: 126px;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
  }
  .voice_box .voice_right {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
  }
  .voice_box .voice_right .voice_name {
    font-size: 1.0rem;
    font-weight: 700;
  }
  .voice_box .voice_right .voice_text {
    font-size: 0.9rem;
    line-height: 25px;
  }
  /*-------------
access
-------------*/
  .company {
    width: 100%;
    margin: 0 0 0 0;
  }
  .company dt {
    background-color: #e9e9e9;
    padding: 2px 0 2px 5px;
    text-align: left;
    font-weight: 600;
  }
  .company dd {
    padding: 5px;
  }
  /*-------------
gallery
-------------*/
  .gallery_text {
    font-size: 16px;
    font-weight: 600;
    margin: 2% auto 0 auto;
    text-align: center;
  }
  .gallery_list {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .gallery_list li {
    margin: 0 10px 10px 0;
    float: left;
    width: 46%;
  }
  .gallery_list img {
    max-width: 200px;
    width: 100%;
  }
  /*-------------
trainer
-------------*/
  .trainer_box {
    width: 100%;
    height: auto;
    margin: 40px auto;
    padding: 0;
    border-bottom: dotted 1px #adadad;
  }
  .trainer_box .trainer_left {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
  }
  .trainer_photo p {
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    margin: 10px 0 0 0;
  }
  .trainer_box .trainer_right {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
  }
  .trainer_photo img {
    width: 100%;
  }
  .trainer_instagram {
    text-align: left;
    margin: 0;
    vertical-align: middle;
  }
  .trainer_instagram img {
    max-width: 10%;
  }
  .trainer_instagram span {
    font-size: 18px;
    font-weight: 700;
  }
  .trainer_box .trainer_right .trainer_name {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .trainer_box .trainer_right .trainer_name span {
    font-size: 13px;
    padding: 0 0 0 10px;
  }
  .trainer_right dl {
    width: 100%;
    margin: 10px 0 20px 0;
  }
  .trainer_right dt {
    background-color: #5c5c5c;
    color: #fff;
    padding: 2px 0 2px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
  }
  .trainer_right dd {
    padding: 5px 5px 10px 15px;
    font-size: 13px;
    line-height: 22px;
  }
  .trainer_box .trainer_right .trainer_text {
    font-size: 1.1rem;
    line-height: 1.7rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
  }
  .trainer_box .trainer_right .trainer_detail {
    margin-top: 15px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  }
  /*-------------
ouchi_fitness
-------------*/
  .video_list {
    max-width: 380px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .video_list li {
    height: auto;
    margin: 0 0 100px 0;
    padding: 0;
    float: left;
    text-align: center;
    line-height: 20px;
  }
  .video_list li:nth-child(2n) {
    width: 70%;
    margin: 0 0 100px 0;
  }
  .video_list li:nth-child(odd) {
    width: 25%;
    margin: 0;
  }
  .video_list li:nth-child(odd) img {
    max-width: 80px;
  }
  .video_list li:last-child {
    margin: 0 0 0 0;
  }
  /*-------------
gear
-------------*/
  img.gear_banner {
    width: 100%;
  }
  p.gear_text {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    margin: 25px 0 30px 0;
  }
  p.gear_text span {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px 0;
  }
  h3.h3_gear {
    width: 100%;
    background-color: #d5597a;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    padding: 5px 0;
    text-align: center;
  }
  .gear_left.clearfix {
    float: none;
    max-width: 450px;
    margin: 0 auto;
  }
  .gear_right.clearfix {
    float: none;
    max-width: 450px;
    margin: 0 auto;
  }
  .gear_left.clearfix p, .gear_right.clearfix p {
    font-size: 14px;
    line-height: 25px;
    height: auto;
    margin: 10px 0 10px 0;
  }
  .gear_left.clearfix ul, .gear_right.clearfix ul {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .gear_left.clearfix ul li, .gear_right.clearfix ul li {
    margin: 0 0 15px 0;
  }
  .gear_left.clearfix ul li img, .gear_right.clearfix ul li img {
    width: 100%;
    max-width: 450px;
  }
  /*-------------
counselingform
-------------*/
  img.flowimg {
    width: 100%;
  }
  p.counseling_text {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
    margin-top: 30px;
  }
  .counseling_form {
    width: 100%;
    margin: 10px auto;
    padding: 0 0 0 0;
    z-index: 600;
  }
  .counseling_form th {
    width: 35%;
    margin: 0 0 0 0;
    font-size: 12px;
    padding: 5px;
    border-bottom: dotted #8a8a8a 1px;
    text-align: left;
    line-height: 20px;
  }
  .counseling_form td {
    width: 60%;
    margin: 0 0 0 0;
    padding: 5px;
    border-bottom: dotted #8a8a8a 1px;
    line-height: 21px;
  }
  .counseling_form td input {
    width: 90%;
  }
  input {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
  }
  select {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
  }
  textarea {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
    width: 100%;
    height: 300px;
  }
  button {
    border-radius: 5px;
    padding: 5px 10px;
    border: solid 1px #CCC;
    background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(top, #EEE, #CCC);
    background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
    text-shadow: 0px 2px 0px #fff;
    font-size: 18px;
    cursor: pointer;
    outline: none;
  }
  form#mailformpro label {
    border-radius: 3px;
    margin: 3px;
    display: inline-block;
    /* white-space: nowrap; */
  }
}