@charset "UTF-8";
/* ____ foundation ____ */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/* 明朝体指定
font-family: 'Sawarabi Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
*/
/* ゴシック体指定
font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
*/
*, *::before, *::after {
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-size: 87.5%;
  font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
  font-weight: 400;
  line-height: 1;
}

img {
  max-width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  img {
    max-width: none;
  }
}

a {
  color: #e35390;
}

/* ____ layout ____ */
.l-main {
  text-align: center;
  background: #fff url("../img/body_bg.gif");
}

@media screen and (min-width: 768px) {
  .l-fv {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  .l-sect {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .l-footer {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
  }
}

/* ____ component ____ */
.c-txt-caution {
  font-size: 8px;
}
@media screen and (min-width: 768px) {
  .c-txt-caution {
    font-size: 11px;
  }
}

.c-sect-tourinfo {
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-sect-tourinfo {
    padding: 0 70px;
  }
}

.c-list-ttl {
  display: inline-block;
  text-align: center;
  min-height: 23px;
  line-height: 22px;
  font-size: 11px;
  letter-spacing: 2px;
  color: #fff;
  background: #5badb7;
}
@media screen and (min-width: 768px) {
  .c-list-ttl {
    padding: 0 30px 0 20px;
    min-height: 32px;
    line-height: 30px;
    font-size: 14px;
    background: url("../img/pic_arrow.svg") center center no-repeat;
    background-size: 100% auto;
  }
}

.c-txt-oneline {
  line-height: 1;
}

.c-pic-ttl {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-pic-ttl {
    width: auto;
    max-width: 100%;
  }
}

.c-btn,
.c-pic-link {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.c-btn:hover,
.c-pic-link:hover {
  opacity: 0.8;
}

/* PC */
@media screen and (min-width: 768px) {
  .sp_contents {
    display: none !important;
  }

  a:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
  }

  #main {
    padding-top: 20px;
  }
  #main p, #main ul li, #main .txt {
    color: #063b7b;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  #main #mv {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    height: 820px;
    background: url(../img/mv_bg.png) no-repeat;
    z-index: 99999;
  }
  #main #mv .tokyofm_logo {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
  }
  #main #mv .turns {
    padding-top: 50px;
  }
  #main #mv .collaboration {
    padding-top: 25px;
  }
  #main #mv .logo {
    margin-top: -28px;
  }
  #main #mv .mv_lead {
    margin-top: -3px;
  }
  #main .link {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    margin-top: -80px;
    padding: 90px 0 100px 0;
    background: url(../img/bg_1.png) no-repeat;
    z-index: 9;
  }
  #main .link .no1 {
    position: relative;
    display: inline-block;
    padding-right: 50px;
  }
  #main .link .no1 .end_txt {
    position: absolute;
    left: 37px;
    bottom: 15px;
    color: red;
    font-size: 30px;
    font-weight: bold;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  #main .link .line {
    display: inline-block;
  }
  #main .link .no2 {
    display: inline-block;
    padding-left: 53px;
  }
  #main .link .no2 .end_txt {
    position: absolute;
    right: 120px;
    bottom: 103px;
    color: red;
    font-size: 30px;
    font-weight: bold;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  #main #section_01 {
    position: relative;
    top: -75px;
    max-width: 850px;
    margin: 0 auto;
    padding-top: 100px;
    height: 965px;
    background: url(../img/wave_1.png), url(../img/bg_2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 -10px, 0 100px;
    z-index: 9999;
  }
  #main #section_01 .title_1 {
    margin-bottom: 65px;
  }
  #main #section_01 .box {
    width: 740px;
    margin: 0 auto;
    border: 5px dotted #063b7b;
    border-radius: 20px;
  }
  #main #section_01 .box .about_title {
    margin-top: -25px;
  }
  #main #section_01 .box .about_subtitle {
    margin: 30px 0 25px 0;
  }
  #main #section_01 .box p {
    width: 632px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  #main #section_02 {
    position: relative;
    top: -145px;
    max-width: 850px;
    margin: 0 auto;
    padding-top: 100px;
    background: url(../img/wave_2.png), url(../img/bg_3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 8px, 0 100px;
    z-index: 9999;
  }
  #main #section_02 .want {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
  }
  #main #section_02 .photo_1 {
    position: absolute;
    left: 55px;
  }
  #main #section_02 .photo_2 {
    position: absolute;
    top: 160px;
    right: 55px;
  }
  #main #section_02 .title_2 {
    margin-top: 65px;
  }
  #main #section_02 .wrap {
    width: 740px;
    margin: 0 auto;
    margin-top: 80px;
    text-align: left;
  }
  #main #section_02 .wrap .box_01 {
    width: 360px;
    display: inline-block;
    vertical-align: top;
  }
  #main #section_02 .wrap .box_01 .inner {
    margin-bottom: 40px;
  }
  #main #section_02 .wrap .box_01 .inner p {
    margin-top: 20px;
  }
  #main #section_02 .wrap .box_02 {
    width: 360px;
    display: inline-block;
    vertical-align: top;
  }
  #main #section_02 .wrap .box_02 .inner {
    margin-bottom: 40px;
  }
  #main #section_02 .wrap .box_02 .inner p, #main #section_02 .wrap .box_02 .inner ul {
    margin-top: 20px;
  }
  #main #section_02 .wrap .box_02 .inner li {
    margin-bottom: 20px;
    padding-left: 1em;
    text-indent: -1em;
  }
  #main #section_02 .wrap .box_02 .inner li:last-child {
    margin-bottom: 0;
  }
  #main #section_02 .wrap .box_03 {
    margin-top: -20px;
  }
  #main #section_02 .wrap .box_03 .inner li {
    margin: 20px 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  #main #section_02 .wrap .box_03 .inner li:last-child {
    margin-bottom: 0;
  }
  #main #section_02 .wrap .box_04 {
    margin-top: 40px;
    text-align: center;
  }
  #main #section_02 .wrap .box_04 .inner .note {
    margin-bottom: 30px;
  }
  #main #section_02 .wrap .box_04 .inner p {
    margin-top: 20px;
    text-align: center;
  }
  #main #section_02 .wrap .box_04 .inner .mail {
    width: 260px;
    margin: 0 auto;
    margin-top: 20px;
    padding-left: 32px;
    font-size: 25px;
    font-weight: bold;
    background: url(../img/mail_icon.png) no-repeat;
  }
  #main #section_02 .wrap .box_04 .inner .mail a {
    color: #063b7b;
  }
  #main #section_03 {
    max-width: 850px;
    margin: 0 auto;
    margin-top: -147px;
    background: url(../img/bg_3.png);
    background-repeat: no-repeat;
    z-index: 9999;
  }
  #main #section_03 .title_3 {
    padding-top: 50px;
  }
  #main #section_03 .wrap {
    width: 740px;
    margin: 0 auto;
    font-size: 0;
  }
  #main #section_03 .wrap .box_01 {
    width: 360px;
    position: relative;
    top: 100px;
    display: inline-block;
    margin-right: 16px;
    padding: 30px 20px;
    vertical-align: top;
    border: 5px dotted #063b7b;
    border-radius: 20px;
  }
  #main #section_03 .wrap .box_01 .schedule_title_1 {
    margin: -57px 0 20px 0;
  }
  #main #section_03 .wrap .box_01 .flag {
    position: absolute;
    top: -80px;
    left: -35px;
  }
  #main #section_03 .wrap .box_01 .how_matsuyama {
    margin-top: 20px;
  }
  #main #section_03 .wrap .box_02 {
    width: 360px;
    position: relative;
    top: 100px;
    display: inline-block;
    padding: 30px 20px;
    vertical-align: top;
    border: 5px dotted #063b7b;
    border-radius: 20px;
  }
  #main #section_03 .wrap .box_02 .schedule_title_2 {
    margin: -57px 0 20px 0;
  }
  #main #section_03 .wrap .box_02 .flag {
    position: absolute;
    top: -80px;
    left: -35px;
  }
  #main #section_03 .wrap .box_02 .how_hachimanhama {
    margin-top: 20px;
  }
  #main #section_03 .wrap .btn {
    margin-top: 160px;
  }
  #main #section_03 .wrap .end_txt {
    margin-top: 165px;
    padding-bottom: 165px;
    color: red;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  #main #section_03 .wrap .deadline {
    margin-top: 40px;
    padding-bottom: 180px;
  }
  #main #section_04 {
    position: relative;
    top: -145px;
    max-width: 850px;
    margin: 0 auto;
    padding: 100px 0 300px 0;
    background: url(../img/wave_3.png) 0 8px no-repeat, url(../img/bg_4_02.png) left 0 bottom -30px no-repeat, url(../img/bg_4_01.png) left 0 top 100px no-repeat;
    background-size: auto auto, auto auto, 100% calc(100% - 470px);
    z-index: 9999;
  }
  #main #section_04 .title_4 {
    margin-top: 50px;
  }
  #main #section_04 .skilup_title {
    margin-top: 70px;
    padding-bottom: 20px;
  }
  #main #section_04 span {
    color: #063b7b;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
  }
  #main #section_04 .profile_01 {
    margin: 30px 0 15px 0;
  }
  #main #section_04 .box {
    position: relative;
    height: 60px;
  }
  #main #section_04 .box .name_01 {
    position: absolute;
    top: 0;
    left: 170px;
  }
  #main #section_04 .box .name_02 {
    position: absolute;
    top: 0;
    left: 534px;
  }
  #main #section_04 .txt {
    width: 740px;
    margin: 0 auto;
  }
  #main #section_04 .txt span {
    display: block;
    padding-top: 20px;
    font-size: 15px;
  }
  #main #section_04 .btn {
    margin: 40px 0;
  }
  #main #section_04 .note2 {
    color: red;
    margin-bottom: 40px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  #main #section_04 .profile_02 {
    position: relative;
    width: 740px;
    margin: 0 auto;
    padding: 30px;
    border: 5px dotted #063b7b;
    border-radius: 20px;
  }
  #main #section_04 .profile_02 .profile_img {
    position: absolute;
    top: 45px;
    left: 40px;
  }
  #main #section_04 .profile_02 .profile_txt {
    text-align: left;
    padding-left: 140px;
  }
  #main #section_04 .profile_02 .profile_txt p {
    width: 530px;
  }
  #main #section_04 .profile_02 .btn_3 {
    margin-top: 30px;
  }
  #main #section_04 .profile_02 .note {
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
  }
  #main #section_04 .profile_02 + .area-seminar {
    padding-top: 40px;
  }
  #main #section_04 .area-seminar .box-txt + .box-link {
    padding-top: 20px;
  }
  #main #section_04 .area-seminar .box-link + .note2 {
    margin: 20px 0 0 0;
  }
  #main #section_05 {
    position: relative;
    top: -250px;
    max-width: 850px;
    margin: 0 auto;
    padding-top: 100px;
    background: url(../img/wave_4.png), url(../img/bg_5.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 8px,0 100px;
    z-index: 99999999;
  }
  #main #section_05 .event_title {
    margin: 50px 0 50px 0;
  }
  #main #section_05 ul {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  #main #section_05 ul li {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  #main #section_05 ul li a {
    color: #063b7b;
  }
  #main #section_05 .banner {
    margin-bottom: 40px;
  }
  #main #section_05 .banner p {
    text-align: center;
    margin: 20px 0;
  }
  #main #section_05 .mican_ganbaruken {
    position: absolute;
    bottom: 255px;
    left: 75px;
  }
  #main #section_05 .btn_back {
    margin-top: 70px;
    padding-bottom: 60px;
  }
  #main #summary {
    margin-top: -200px;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .pc_contents {
    display: none !important;
  }

  p, ul li, .txt {
    color: #063b7b;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  #mv {
    position: relative;
  }
  #mv .tokyofm_logo {
    position: absolute;
    width: 25%;
    top: 1%;
    right: 5%;
  }

  .link {
    margin-top: -45px;
    padding: 50px 0 75px 0;
    font-size: 0;
    background: url(../img/sp_bg_1.png);
    background-size: contain;
  }
  .link .no1 {
    width: 42%;
    display: inline-block;
    margin-right: 4%;
    vertical-align: top;
  }
  .link .no1 .end_txt {
    margin-top: -12px;
    font-size: 15px;
    font-weight: bold;
    color: red;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  .link .line {
    width: 2%;
    display: inline-block;
    margin-top: 20px;
  }
  .link .no2 {
    width: 42%;
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
  }
  .link .no2 .end_txt {
    margin-top: -12px;
    font-size: 15px;
    font-weight: bold;
    color: red;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }

  #section_01 {
    margin-top: -67px;
    padding: 0 5% 45% 5%;
    background: url(../img/sp_wave_1.png), url(../img/sp_bg_2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 40px;
    background-size: contain,100%;
    z-index: 9999;
  }
  #section_01 .title_1 {
    padding-top: 70px;
  }
  #section_01 .box {
    margin-top: 40px;
    padding: 5%;
    border: 4px dotted #063b7b;
    border-radius: 20px;
  }
  #section_01 .box .about_title {
    width: 25%;
    margin: 0 auto;
    margin-top: -35px;
  }
  #section_01 .box .about_subtitle {
    margin: 5% 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) {
  #section_01 {
    margin-top: -67px;
    padding: 0 5% 35% 5%;
    background: url(../img/sp_wave_1.png), url(../img/sp_bg_2-3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 65px;
    background-size: contain,100%;
    z-index: 9999;
  }
  #section_01 .title_1 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) and (min-width: 374px) {
  #section_01 {
    margin-top: -67px;
    padding: 0 5% 35% 5%;
    background: url(../img/sp_wave_1.png), url(../img/sp_bg_2-3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 65px;
    background-size: contain,100%;
    z-index: 9999;
  }
  #section_01 .title_1 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) and (min-width: 410px) {
  #section_01 {
    margin-top: -67px;
    padding: 0 5% 48% 5%;
    background: url(../img/sp_wave_1.png), url(../img/sp_bg_2-2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 67px;
    background-size: contain,100%;
    z-index: 9999;
  }
  #section_01 .title_1 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  #section_02 {
    position: relative;
    margin-top: -45px;
    padding: 0 5% 5% 5%;
    background: url(../img/sp_wave_2.png), url(../img/sp_bg_3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0, 0 40px;
    background-size: contain,100%;
    z-index: 9999;
  }
  #section_02 .want {
    position: absolute;
    top: -1%;
    right: 0;
    left: 0;
  }
  #section_02 .want img {
    width: 50%;
  }
  #section_02 .photo_1 img {
    width: 23%;
    position: absolute;
    top: 5%;
    left: 0%;
  }
  #section_02 .photo_2 img {
    width: 23%;
    position: absolute;
    top: 8%;
    right: 0%;
  }
  #section_02 .title_2 {
    padding-top: 27%;
  }
  #section_02 .title_2 img {
    width: 50%;
  }
  #section_02 .box_01 {
    margin-top: 15%;
  }
  #section_02 .box_01 .want_subtitle_1 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_01 .want_subtitle_1 img {
    height: 30px;
  }
  #section_02 .box_01 .want_subtitle_2 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_01 .want_subtitle_2 img {
    height: 30px;
  }
  #section_02 .box_01 .want_subtitle_3 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_01 .want_subtitle_3 img {
    height: 30px;
  }
  #section_02 .box_01 .want_subtitle_4 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_01 .want_subtitle_4 img {
    height: 30px;
  }
  #section_02 .box_01 p {
    margin-bottom: 7%;
  }
  #section_02 .box_01 ul {
    margin-bottom: 7%;
    padding-left: 1em;
    text-indent: -1em;
  }
  #section_02 .box_02 .want_subtitle_5 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_02 .want_subtitle_5 img {
    height: 30px;
  }
  #section_02 .box_02 .want_subtitle_6 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_02 .want_subtitle_6 img {
    height: 30px;
  }
  #section_02 .box_02 .want_subtitle_7 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_02 .want_subtitle_7 img {
    height: 30px;
  }
  #section_02 .box_02 p {
    margin-bottom: 7%;
  }
  #section_02 .box_02 ul {
    margin-bottom: 7%;
    padding-left: 1em;
    text-indent: -1em;
  }
  #section_02 .box_02 ul li {
    margin: 3% 0;
  }
  #section_02 .box_03 .want_subtitle_8 {
    margin-bottom: 3%;
    text-align: left;
  }
  #section_02 .box_03 .want_subtitle_8 img {
    height: 30px;
  }
  #section_02 .box_03 ul {
    margin-bottom: 7%;
  }
  #section_02 .box_03 ul li {
    margin: 3% 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  #section_02 .box_03 ul li.indent_none {
    padding-left: 0em !important;
    text-indent: 0em !important;
  }
  #section_02 .box_04 .note {
    margin-bottom: 20px;
  }
  #section_02 .box_04 .note p {
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
  #section_02 .box_04 .want_subtitle_9 {
    margin-bottom: 3%;
  }
  #section_02 .box_04 .want_subtitle_9 img {
    height: 30px;
  }
  #section_02 .box_04 .mail {
    width: 155px;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%;
    padding-left: 4%;
    background: url(../img/mail_icon.png) no-repeat;
    background-size: contain;
  }
  #section_02 .box_04 .mail a {
    font-size: 15px;
    font-weight: bold;
    color: #063b7b;
  }
  #section_02 .box_04 p {
    text-align: center;
  }

  #section_03 {
    position: relative;
    padding: 0 5% 0 5%;
    background: url(../img/sp_bg_3.png);
    background-repeat: no-repeat;
    background-position: 0 -58px;
    background-size: 100%;
    z-index: 9999;
  }
  #section_03 .box_01 {
    position: relative;
    margin-top: 18%;
    padding: 5%;
    border: 4px dotted #063b7b;
    border-radius: 20px;
  }
  #section_03 .box_01 .schedule_title_1 {
    margin-top: -14%;
  }
  #section_03 .box_01 .schedule_title_1 img {
    height: 35px;
  }
  #section_03 .box_01 .flag img {
    width: 100px;
    position: absolute;
    top: -31%;
    left: -7%;
  }
  #section_03 .box_01 p {
    margin-top: 4%;
    margin-bottom: 5%;
  }
  #section_03 .box_02 {
    position: relative;
    margin-top: 18%;
    padding: 5%;
    border: 4px dotted #063b7b;
    border-radius: 20px;
  }
  #section_03 .box_02 .schedule_title_2 {
    margin-top: -14%;
  }
  #section_03 .box_02 .schedule_title_2 img {
    height: 35px;
  }
  #section_03 .box_02 .flag img {
    width: 100px;
    position: absolute;
    top: -33%;
    left: -7%;
  }
  #section_03 .box_02 p {
    margin-top: 4%;
    margin-bottom: 5%;
  }
  #section_03 .btn {
    margin: 10% 0 5% 0;
  }
  #section_03 .deadline {
    padding-bottom: 30%;
  }
  #section_03 .deadline img {
    width: 80%;
  }
  #section_03 .end_txt {
    margin-top: 25px;
    padding-bottom: 80px;
    font-size: 15px;
    font-weight: bold;
    color: red;
    text-align: center;
    line-height: 1.5;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }

  #section_04 {
    position: relative;
    margin-top: -67px;
    padding: 0 5% 35% 5%;
    background: url(../img/sp_wave_3.png) 0 5px no-repeat, url(../img/sp_bg_4_02.png) center bottom no-repeat, url(../img/sp_bg_4_01.png) center top 20vw no-repeat;
    background-size: contain, 100%, 100% calc(100% - 64vw);
    z-index: 9999;
  }
  #section_04 .title_4 {
    padding-top: 90px;
  }
  #section_04 .skilup_title {
    margin: 8% 0 5% 0;
  }
  #section_04 .skilup_title img {
    height: 30px;
  }
  #section_04 span {
    font-size: 15px;
    font-weight: bold;
    color: #053d84;
    line-height: 1.5;
  }
  #section_04 .profile_01 {
    margin: 5% 0 3% 0;
  }
  #section_04 .box {
    display: table;
    width: 100%;
  }
  #section_04 .box .name_01 {
    display: table-cell;
    width: 50%;
    padding-right: 17%;
    text-align: center;
    line-height: 1.3;
  }
  #section_04 .box .name_02 {
    display: table-cell;
    width: 50%;
    padding-left: 12%;
    text-align: center;
  }
  #section_04 .txt {
    margin-top: 5%;
  }
  #section_04 .txt span {
    display: block;
    padding-top: 5%;
  }
  #section_04 .btn {
    margin: 8% 0;
  }
  #section_04 .note2 {
    margin-bottom: 8%;
    color: red;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  #section_04 .profile_02 {
    padding: 5%;
    border: 4px dotted #053d84;
    border-radius: 20px;
  }
  #section_04 .profile_02 .profile_img img {
    width: 50%;
  }
  #section_04 .profile_02 .profile_txt span {
    display: block;
    padding: 2% 0;
    margin-top: 0;
  }
  #section_04 .profile_02 .btn_3 {
    margin-top: 5%;
  }
  #section_04 .profile_02 .note {
    margin-top: 3%;
    font-size: 13px;
    text-align: center;
  }
  #section_04 .profile_02 + .area-seminar {
    padding-top: 8%;
  }
  #section_04 .area-seminar .box-txt + .box-link {
    padding-top: 4%;
  }
  #section_04 .area-seminar .box-link + .note2 {
    margin: 4% 0 0 0;
  }

  #section_05 {
    position: relative;
    margin-top: -67px;
    padding: 0 5% 10% 5%;
    background: url(../img/sp_wave_4.png), url(../img/sp_bg_5.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 68px;
    background-size: contain,100%;
    z-index: 9999;
  }
  #section_05 .event_title {
    padding-top: 90px;
  }
  #section_05 .event_title img {
    width: 70%;
  }
  #section_05 ul {
    margin: 8% 0;
  }
  #section_05 ul li {
    line-height: 1.5;
    margin: 3% 0;
  }
  #section_05 ul li a {
    color: #053d84;
  }
  #section_05 .banner {
    margin: 8% 0;
  }
  #section_05 .banner p {
    margin: 3% 0;
    text-align: center;
  }
  #section_05 .mican_ganbaruken img {
    width: 35%;
  }
  #section_05 .btn_back {
    margin-top: 10%;
  }
}
@media screen and (max-width: 767px) and (min-width: 374px) {
  #section_05 {
    position: relative;
    margin-top: -67px;
    padding: 0 5% 10% 5%;
    background: url(../img/sp_wave_4.png), url(../img/sp_bg_5-2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 68px;
    background-size: contain,100%;
    z-index: 9999;
  }
}
@media screen and (max-width: 767px) and (min-width: 410px) {
  #section_05 {
    position: relative;
    margin-top: -67px;
    padding: 0 5% 10% 5%;
    background: url(../img/sp_wave_4.png), url(../img/sp_bg_5-3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 5px, 0 68px;
    background-size: contain,100%;
    z-index: 9999;
  }
}

/*# sourceMappingURL=style.css.map */