textarea {
  resize: vertical; }

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

dl, ol, ul {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  line-height: 1.3em;
  font-family: "Noto Sans JP";
  font-weight: normal; }

.fv {
  width: 100%;
  height: 160px;
  height: 200px;
  background: url(../img/work/hero_bg.jpg) center center no-repeat;
  background-size: cover; }
  .fv .main-visual {
    position: relative; }
    .fv .main-visual h1.h1_ttl {
      text-align: center;
      color: #fff;
      line-height: 200px;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="4" dy="4" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.3)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .3));
              filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .3)); }
  @media (max-width: 768px) {
    .fv {
      height: 100px; }
      .fv .main-visual h1.h1_ttl {
        line-height: 100px; } }

.fv.scene {
  background: url(../img/work/hero_bg_scene.jpg) center center no-repeat;
  background-size: cover; }

.fv.event {
  background: url(../img/work/hero_bg_event.jpg) center center no-repeat;
  background-size: cover; }

.fv.training {
  background: url(../img/work/hero_bg_training.jpg) center center no-repeat;
  background-size: cover; }
  .fv.training .main-visual {
    position: relative; }

.work_wrap .h2_sub {
  text-align: center; }

.work_wrap .work_box {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .work_wrap .work_box .work_img {
    width: 40%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .work_wrap .work_box .work_img img {
      width: 100%; }
  .work_wrap .work_box .work_text {
    width: 60%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .work_wrap .work_box .work_text h3 {
      position: relative;
      font-size: 32px;
      padding-left: 1.5em;
      color: #152e67;
      font-weight: bold;
      margin-bottom: 10px; }
      .work_wrap .work_box .work_text h3 span {
        display: inline-block; }
        .work_wrap .work_box .work_text h3 span.point {
          position: absolute;
          left: 0; }
    .work_wrap .work_box .work_text p {
      margin-left: 1em;
      font-size: 18px;
      margin-bottom: 24px; }
  .work_wrap .work_box.cont_right .work_text {
    padding: 20px 20px 20px 20px; }
  .work_wrap .work_box.cont_left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .work_wrap .work_box.cont_left .work_text {
      padding: 20px 20px 20px 20px; }

@media (max-width: 768px) {
  .work_wrap .work_box {
    margin-top: 8%; }
    .work_wrap .work_box .work_img {
      width: 100%; }
    .work_wrap .work_box .work_text {
      width: 100%; }
      .work_wrap .work_box .work_text h3 {
        margin-bottom: 2%;
        font-size: 24px; }
      .work_wrap .work_box .work_text p {
        font-size: 16px;
        margin-left: .5em; }
    .work_wrap .work_box.cont_right .work_text {
      padding: 2% 5% 5%; }
    .work_wrap .work_box.cont_left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      .work_wrap .work_box.cont_left .work_text {
        padding: 2% 5% 5%; } }

.schedule {
  position: relative;
  font-size: 14px; }

.schedule::before {
  position: absolute;
  top: 0px;
  left: 6.5em;
  width: 6px;
  height: 100%;
  background-color: #deeef7;
  content: ""; }

.schedule ul {
  padding: 0px;
  margin: 0px;
  list-style: none; }

.schedule li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }

.schedule li + li {
  margin-top: 2em; }

.schedule_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 5em;
  height: 2em;
  border-radius: 6px;
  background-color: #23518f;
  color: #fff;
  text-align: center; }

.schedule_time::before {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
          transform: translateX(50%) translateY(-50%) rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  z-index: -1;
  background-color: #23518f;
  content: ""; }

.schedule_time::after {
  position: absolute;
  top: 50%;
  left: 6em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1em;
  height: 1em;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #23518f;
  content: ""; }

.schedule_content_title {
  font-weight: bold; }

.schedule_content {
  margin: 0px 0px 0px 3em;
  width: calc(100% - 10em); }

.main_work_wrap {
  margin-top: 24px;
  margin-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .main_work_wrap .work_img {
    width: 40%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 768px) {
      .main_work_wrap .work_img {
        width: 100%; } }
  .main_work_wrap .work_text {
    width: 60%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 20px 20px 20px; }
    @media (max-width: 768px) {
      .main_work_wrap .work_text {
        width: 100%;
        padding: 4%; } }
    .main_work_wrap .work_text p {
      margin-left: 1em;
      font-size: 18px;
      margin-bottom: 24px;
      line-height: 1.6em; }
      @media (max-width: 768px) {
        .main_work_wrap .work_text p {
          margin-left: 0; } }
    .main_work_wrap .work_text ul {
      margin-left: 3em; }
      @media (max-width: 768px) {
        .main_work_wrap .work_text ul {
          margin-left: 2em; } }
      .main_work_wrap .work_text ul li {
        list-style-type: disc; }

.flow_work_wrap {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  .flow_work_wrap .work_img {
    width: 40%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 768px) {
      .flow_work_wrap .work_img {
        width: 100%; } }
  .flow_work_wrap .schedule {
    width: 60%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 20px 20px 20px; }
    @media (max-width: 768px) {
      .flow_work_wrap .schedule {
        width: 100%;
        padding: 4%; } }
    .flow_work_wrap .schedule p {
      margin-left: 1em;
      font-size: 18px;
      margin-bottom: 24px;
      line-height: 1.6em; }
    .flow_work_wrap .schedule ul {
      margin-left: 3em; }
      .flow_work_wrap .schedule ul li {
        list-style-type: disc; }