@charset "UTF-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, button{
	background: transparent;
  border: 0;
  border-radius: 0;
	margin: 0;
  padding: 0;
  font-weight: 400;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
  max-height: 999999px;
  outline: none;
  box-sizing: border-box;
  background: none;
  }

button:focus{outline:0;}

ol, ul {list-style: none;}  

a{
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  text-decoration: none;
  outline: none;
  }

img{
  width: 100%;
  vertical-align: bottom;
  }

body{
  color: rgba(0,0,0,1);
  font-size: 16px;
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  position: relative;
  }
  a{color: rgba(0,0,0,1);}


/* header */

.st-header{
  padding-left: 20px;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 200;
  box-sizing: border-box;
  }
  .st-header_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    }
    .st-header_logo{}
    .st-sitetitle_link{
      display: flex;
      align-items: center;
      transition: .3s;
      }
      .st-sitetitle_link:hover{opacity: .7;}
      .st-sitetitle_logo{
        display: block;
        width: 205px;
        margin-right: 30px;
        }
      .st-sitetitle_text{font-size: 16px;}

.st-header_menu{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #00c0ff;
  }
  .header-hamburger{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    position: relative;
    }
    .header-hamburger::before{
      content: "";
      width: 40px;
      height: 4px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: .3s;
      } 
      .-open .header-hamburger::before{opacity: 0;}
    .hamburger-btn{
      width: 100%;
      height: 100%;
      position: relative;
      cursor: pointer;
      appearance: none;
      background: none;
      border: 0;
      }
      .hamburger-btn::before,
      .hamburger-btn::after{
        content: "";
        width: 40px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: .3s;
        }
        .hamburger-btn::before{
          top: 20px;
          transform-origin: left top;
          }
        .hamburger-btn::after{
          bottom: 20px;
          transform-origin: left bottom;
          }
        .-open .hamburger-btn::before,
        .-open .hamburger-btn::after{
          width: 52px;
          left: 30%;
          }
        .-open .hamburger-btn::before{transform: rotate(45deg);}
        .-open .hamburger-btn::after{transform: rotate(-45deg);}

        .screen-reader-text {
          border: 0;
          clip: rect(1px,1px,1px,1px);
          -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px;
          word-wrap: normal!important;
          }

.st-nav{
  width: 300px;
  position: fixed;
  right: 0;
  top: 80px;
  transform: translateX(100%);
  transition: .3s;
  z-index: 200;
  }
  .-open .st-nav{transform: translateX(0);}
  .st-nav_main{
    display: flex;
    flex-direction: column;
    }
    .st-nav_button{
      display: flex;
      align-items: center;
      height: 55px;
      }
      .st-nav_button:not(:last-of-type){border-bottom: 1px solid #fff;}
    .st-nav_link{
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      padding-right: 15px;
      padding-left: 15px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(70,209,255,1) 0%, rgba(0,181,254,1) 100%);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 300%;
      transition: background 0.3s;
      position: relative;
      }
      .st-nav_link:hover{background-position: 50% 0;}
      .st-nav_link::before{
        content: "";
        width: 9px;
        height: 9px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        position: absolute;
        top: 50%;
        right: 25px;
        transform: rotate(45deg) translateY(-62%);
        transition: .3s;
        }
        .st-nav_link:hover::before{right: 20px;}


.tp-mainvisual{
  position: relative;
  margin-bottom: 80px;
  }
  .tp-mainvisual_fig{}
    .tp-mainvisual .sw-entrybutton{
      position: absolute;
      left: 50%;
      bottom: 12%;
      transform: translateX(-50%);
      }
      .sw-entrybutton_link{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 340px;
        height: 80px;
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        border-radius: 40px;
        background: linear-gradient(270deg, rgba(246,169,52,1) 0%, rgba(246,116,52,1) 100%);
        box-shadow: 5px 5px 4px 0px rgba(20,13,7,.5);
        position: relative;
        top: 0;
        left: 0;
        transition: .3s;
        }
      .sw-entrybutton_link:hover{
        box-shadow: 1px 1px 4px 0px rgba(20,13,7,.5);
        top: 2px;
        left: 2px;
        }  
    .sw-entrybutton_link::before{
      content: "";
      width: 12px;
      height: 12px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      position: absolute;
      top: 50%;
      right: 25px;
      transform: translateY(-50%) rotate(45deg);
      }

.st-contents{
  padding-right: 20px;
  padding-left: 20px;
  }
  .st-contents_inner{
    max-width: 980px;
    margin: 0 auto;
    }

.abt-contets{
  padding-bottom: 130px;
  background-color: rgba(251,227,129,1);
  position: relative;
  }
  .abt-contets::before{
    content: "";
    width: 100%;
    height: 450px;
    background-color: rgba(255,255,255,1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    }
  .abt-badge{
    width: 390px;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    z-index: 50;
    }

  .abt-intro{
    margin-bottom: 60px;
    position: relative;
    z-index: 50;
    }
    .abt-intro_head{
      display: flex;
      justify-content: center;
      margin-bottom: 35px;
      }
      .abt-intro_title{
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0.1em;
        line-height: 1;
        }
    .abt-intro_body{}
      .abt-intro_par{
        font-size: 20px;
        line-height: 2;
        text-align: center;
        }

.abt-list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 50px;
  margin-bottom: 80px;
  position: relative;
  z-index: 50;
  }
  .abt-item{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    background-color: rgba(255,255,255,1);
    border: 2px solid rgba(0,192,255,1);
    box-shadow: 15px 15px 0px 0px rgba(197,241,255,.75);
    }
    .abt-item_fig{
      width: 35%;
      max-width: 160px;
      margin-right: 25px;
      }
    .abt-item_main{
      width: calc(65% - 25px);
      max-width: 245px;
      }
      .abt-item_previousjob{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: rgba(252,227,129,1);
        position: relative;
        }
        .abt-item_previousjob::before{
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 14px 10px 0 10px;
          border-color: rgba(252,227,129,1) transparent transparent transparent;
          position: absolute;
          left: 50%;
          bottom: -14px;
          transform: translateX(-50%);
          }
        .abt-item_previousjob-text{
          font-size: 20px;
          font-weight: bold;
          }
      .abt-item_data{
        margin-bottom: 15px;
        padding-left: 10%;
        }
        .abt-item_initial{
          margin-bottom: 5px;
          font-size: 20px;
          line-height: 1.2;
          }
          .abt-item_initial-text{font-size: 35px;}
          .abt-item_age-text{font-size: 16px;}
        .abt-item_year{}
          .abt-item_year-text{}

      .abt-item_button{
        width: 100%;
        height: 53px;
        }
        .abt-item_button-link{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          font-weight: bold;
          color: rgba(255,255,255,1);
          background-color: rgba(246,152,52,1);
          position: relative;
          transition: .3s;
          }
          .abt-item_button-link:hover{opacity: .7;}
          .abt-item_button-link::before{
            content: "";
            width: 10px;
            height: 10px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            position: absolute;
            top: 50%;
            right: 15px;
            transform: translateY(-50%) rotate(45deg);
            }

.abt-outro{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  }
  .abt-outro_par{
    line-height: 2;
    text-align: center;
    }
  .abt-outro_fig{
    max-width: 670px;
    margin-top: 10px;
    margin-bottom: 10px;
    }

.modal_wrap{}
  .modal_wrap .modal_inner{
    width: 100%;
    max-width: 980px;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    background-color: #fff;
    }
    .modal_wrap .modal_close{
      width: 35px;
      height: 35px;
      background-color: #fff;
      border-radius: 0;
      top: 15px;
      right: 15px;
      transform: none;
      }
      .modal_wrap .modal_close::before, 
      .modal_wrap .modal_close::after {
        width: 30px;
        height: 2px;
        background-color: rgba(0,0,0,1);
        top: 50%;
        left: 2px;
        }
    .md-contents{}
      .md-main{}
        .md-head{
          display: flex;
          align-items: center;
          margin-bottom: 35px;
          }
        .md-body{margin-bottom: 60px;}
          .md-qanda{}
            .md-qanda:not(:last-of-type){margin-bottom: 50px;}
            .md-qanda_head{
              display: flex;
              align-items: center;
              padding-bottom: 15px;
              margin-bottom: 15px;
              border-bottom: 3px dotted rgba(246,152,52,1);
              }
              .md-qanda_icon{
                display: flex;
                justify-content: center;
                width: 70px;
                }
                .md-qanda_icon img{
                  display: block;
                  width: 44px;
                  }
              .md-qanda_title{
                width: calc(100% - 70px);
                line-height: 1.4;
                }
                .md-qanda_title-text{
                  font-size: 24px;
                  font-weight: bold;
                  color: rgba(246,144,52,1);
                  }
            .md-qanda_body{
              padding-right: 70px;
              padding-left: 70px;
              }
              .md-qanda_par{line-height: 2;}

    .modal_wrap .mb-close.modal_close{
      width: 215px;
      height: 55px;
      margin: 0 auto;
      background: none;
      position: relative;
      top: auto;
      right: auto;
      }
      .modal_wrap .mb-close.modal_close::before,
      .modal_wrap .mb-close.modal_close::after{
        display: none;
      }
      .mb-close_button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: rgba(255,255,255,1);
        background-color: rgba(246,144,52,1);
        border-radius: 30px;
        position: relative;
        transition: .3s;
        }
        .mb-close_button:hover{opacity: .7;}
        .mb-close_button::before {
          content: "";
          width: 13px;
          height: 13px;
          background-image: url(../img/icon-close.png);
          background-size: 100%;
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%);
          }


  .st-head{margin-bottom: 60px;}
    .st-head_title{
      width: 122px;
      margin: 0 auto;
      position: relative;
      top: -20px;
      }
      .st-head_title img{width: 100%;}

  .st-intro{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
    }
    .st-intro_par{
      font-size: 40px;
      font-weight: bold;
      letter-spacing: 0.1em;
      }
  .st-detail{margin-bottom: 60px;}
    .st-detail_par{
      line-height: 2;
      text-align: center;
      }

.job-contents{
  padding-bottom: 105px;
  border-top: 3px solid rgba(0,192,255,1);
  position: relative;
  }
  .job-contents::before{
    content: "";
    width: 100%;
    height: 516px;
    background-image: url(../img/job-fig-08.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 23%;
    left: 0;
    z-index: -1;
    }
  .job-item{display: flex;}
  .job-item:not(:last-of-type){margin-bottom: 60px;}
  .job-item:nth-of-type(odd){padding-right: 50px;}
  .job-item:nth-of-type(even){padding-left: 50px;}
  .job-fig{width: 31.5%;}
    .job-item:nth-of-type(odd) .job-fig{
      order: 0;
      margin-right: 55px;
      }
    .job-item:nth-of-type(even) .job-fig{
      order: 1;
      }
  .job-main{width: calc(68.5% - 55px);}
    .job-item:nth-of-type(odd) .job-main{order: 1;}
    .job-item:nth-of-type(even) .job-main{
      order: 0;
      margin-right: 55px;
      }
    .job-icon{
      width: 115px;
      margin-bottom: 15px;
      }
    .job-type{
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 3px dotted rgba(246,152,52,1);
      }
      .job-type_title{
        font-size: 28px;
        font-weight: bold;
        }
    .job-detail{}
      .job-detail_par{
        font-size: 15px;
        line-height: 2;
        text-align: justify;
        }

.mrt-contents{
  padding-bottom: 105px;
  border-top: 3px solid rgba(246,152,52,1);
  position: relative;
  }
  .mrt-list{
    display: flex;
    gap: 70px;
    }
    .mrt-item{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: calc(100% / 3);
      padding-top: 5px;
      padding-bottom: 25px;
      position: relative;
      }
      .mrt-item:not(:last-of-type)::before{
        content: "";  
        width: 3px;
        height: 100%;
        border-right: 3px dotted rgba(246,152,52,1);
        position: absolute;
        top: 0;
        right: -36px;
        }
      .mrt-fig{
        max-width: 210px;
        margin-bottom: 25px;
        }
      .mrt-head{
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.4;
        height: 3rem;
        margin-bottom: 25px;
        text-align: center;
        }
        .mrt-title{
          font-size: 25px;
          font-weight: bold;
          }
      .mrt-body{}
        .mrt-par{font-size: 15px;}

.fq-contents{
  padding-bottom: 105px;
  border-top: 3px solid rgba(0,192,255,1);
  background-color: rgba(251,227,129,1);
  position: relative;
  }

.fq-list{margin-bottom: 130px;}
  .fq-item{box-shadow: 15px 15px 0px 0px rgba(237,207,91,1);}
    .fq-item:not(:last-of-type){margin-bottom: 40px;}
    .fq-item_head{
      cursor: pointer;
      padding-top: 30px;
      padding-right: 20px;
      padding-bottom: 30px;
      padding-left: 110px;
      background-color: rgba(255,255,255,1);
      position: relative;
      }
      .fq-item_head-inner{
        display: flex;
        align-items: center;
        }
        /* .fq-item_head::before{
          content: "";
          width: 14px;
          height: 14px;
          margin-top: -10px;
          border-top: 2px solid #e80d1e;
          border-right: 2px solid #e80d1e;
          position: absolute;
          top: 50%;
          right: 35px;
          transform: rotate(135deg);
          transform-origin: center;
          transition: .3s;
          }
          .show.fq-item_head::before{
            margin-top: -4px;
            transform: rotate(-45deg);
            } */
        .fq-icon{
          width: 65px;
          margin-right: 25px;
          position: absolute;
          top: -5px;
          left: 20px;
          }

    .fq-item_body{
      display: none;
      padding-top: 25px;
      padding-right: 20px;
      padding-bottom: 25px;
      padding-left: 110px;
      background-color: rgba(255,255,255,1);
      border-top: 3px dotted rgba(246,152,52,1);
      }
      .fq-item_body-inner{
        display: flex;
        align-items: center;
        }
      .fq-summary_par{line-height: 1.4;}
      .fq-item_head .fq-summary_par{
        font-size: 20px;
        font-weight: bold;
        }
      .fq-item_body .fq-summary_par{
        font-size: 15px;
        line-height: 2;
        }
        
.fq-entry{
  display: flex;
  flex-direction: column;
  align-items: center;
  }
  .fq-entry-catch{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    }
    .fq-entry-catch::before,
    .fq-entry-catch::after{
      content: "";
      width: 53px;
      height: 47px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      }
      .fq-entry-catch::before{background-image: url(../img/faq-fig-08.png);}
      .fq-entry-catch::after{background-image: url(../img/faq-fig-09.png);}
    .fq-entry-catch-text{
      margin-right: 10px;
      margin-left: 10px;
      font-size: 30px;
      font-weight: bold;
      }

.cmp-contents{
  display: flex;
  align-items: center;
  padding-right: 20px;
  }
  .cmp-fig{margin-right: 75px;}
  .cmp-main{
    width: 100%;
    max-width: 440px;
    }
    .cmp-name{margin-bottom: 20px;}
      .cmp-name_text{
        font-size: 23px;
        font-weight: bold;
        }
    .cmp-data{border-top: 1px dashed rgba(0,192,255,1);}
      .cmp-data_item{
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dashed rgba(0,192,255,1);
        }
        .cmp-data_head{
          width: 110px;
          padding-left: 5px;
          }
        .cmp-data_body{width: calc(100% - 110px);}

.st-footer{
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
  background-color: rgba(0,192,255,1);
  }
  .st-footer_nav{
    display: flex;
    justify-content: center;
    }
    .st-footer_nav-link{color: #fff;}
    .st-footer_nav-link:not(:last-of-type):after{
      content: "|";
      margin-right: 1em;
      margin-left: 1em;
      }
      .st-footer_nav-link:hover{text-decoration: underline;}
  .st-footer_copy{
    font-size: 14px;
    color: #fff;
    }

.sw-pagetop{
  display: none;
  width: 70px;
  height: 70px;
  position: fixed;
  right: 10px;
  bottom: 115px;
  z-index: 100;
  }
  .sw-pagetop_link{
    display: flex;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(0,192,255,1);
    border-radius: 50%;
    background-color: rgba(255,255,255,1);
    transition: .3s;
    }
    .sw-pagetop_link::before{
      content: "";
      width: 15px;
      height: 15px;
      border-top: 2px solid rgba(0,192,255,1);
      border-right: 2px solid rgba(0,192,255,1);
      position: absolute;
      left: 50%;
      top: 45%;
      transform: translate(-50%,-5%) rotate(-45deg);
      }
  .sw-pagetop_link:hover{opacity: .7;}

@media screen and (max-width: 1200px) {

.st-header_inner{height: 70px;}
  .st-sitetitle_logo{
    width: 180px;
    margin-right: 20px;
    }
  .st-sitetitle_text{font-size: 15px;}
  .st-header_menu{
    width: 70px;
    height: 70px;
    }
  .header-hamburger{
    width: 70px;
    height: 70px;
    }
  .header-hamburger::before{
    width: 35px;
    height: 3px;
    } 
  .hamburger-btn::before,
  .hamburger-btn::after{
    width: 35px;
    height: 3px;
    }
  .-open .hamburger-btn::before,
  .-open .hamburger-btn::after{
    width: 40px;
    left: 30%;
    }
  .st-nav{top: 70px;}

.sw-entrybutton_link{
  width: 300px;
  height: 70px;
  font-size: 20px;
  }
  .sw-entrybutton_link::before{
    width: 10px;
    height: 10px;
    right: 20px;
    }

.abt-badge{
  width: 300px;
  margin-bottom: 30px;
  }
  .abt-intro_head{margin-bottom: 30px;}
  .abt-intro_title{font-size: 34px;}
  .abt-intro_par{font-size: 18px;}

.cmp-contents{padding-right: 20px;}
  .cmp-fig{margin-right: 50px;}
  .cmp-name{margin-bottom: 15px;}
  .cmp-name_text{font-size: 20px;}
  .cmp-data_item{
    padding-top: 5px;
    padding-bottom: 5px;
    }
  .cmp-data_head{font-size: 14px;}
  .cmp-data_body{font-size: 14px;}

}/* max-width: 1200px */

@media screen and (max-width: 992px) {

.abt-list{gap: 30px;}
  .abt-item_fig{margin-right: 20px;}
  .abt-item_previousjob{
    padding-top: 5px;
    padding-bottom: 5px;
    }
  .abt-item_previousjob-text{font-size: 16px;}
  .abt-item_initial{font-size: 18px;}
  .abt-item_initial-text{font-size: 24px;}
  .abt-item_age-text{font-size: 14px;}
  .abt-item_button{height: 45px;}
  .abt-item_button-link{font-size: 15px;}
  .abt-item_button-link::before{right: 10px;}

  .abt-outro_fig{max-width: 550px;}

.md-head .abt-item_fig{max-width: 130px;}
.md-body{margin-bottom: 60px;}
.md-qanda{}
  .md-qanda:not(:last-of-type){margin-bottom: 50px;}
  .md-qanda_head{
    padding-bottom: 10px;
    margin-bottom: 10px;
    }
  .md-qanda_icon{width: 50px;}
  .md-qanda_icon img{width: 35px;}
  .md-qanda_title{width: calc(100% - 50px);}
  .md-qanda_title-text{font-size: 20px;}
  .md-qanda_body{
    padding-right: 20px;
    padding-left: 50px;
    }

.st-head{margin-bottom: 40px;}
  .st-head_title{
    width: 100px;
    top: -15px;
    }
  .st-intro{margin-bottom: 60px;}
  .st-intro_par{font-size: 34px;}
  .st-detail{margin-bottom: 40px;}
  .st-detail_par{line-height: 1.8;}

.job-contents{padding-bottom: 80px;}
  .job-contents::before{height: 350px;}
  .job-item:not(:last-of-type){margin-bottom: 50px;}
  .job-item:nth-of-type(odd){padding-right: 20px;}
  .job-item:nth-of-type(even){padding-left: 20px;}
  .job-item:nth-of-type(odd) .job-fig{margin-right: 30px;}
  .job-main{width: calc(68.5% - 30px);}
  .job-item:nth-of-type(even) .job-main{margin-right: 30px;}
  .job-icon{
    width: 90px;
    margin-bottom: 10px;
    }
  .job-type{
    margin-bottom: 10px;
    padding-bottom: 10px;
    }
  .job-type_title{font-size: 24px;}

.mrt-contents{padding-bottom: 80px;}
  .mrt-list{gap: 50px;}
  .mrt-item{padding-bottom: 10px;}
  .mrt-item:not(:last-of-type)::before{right: -26px;}
  .mrt-fig{
    max-width: 160px;
    margin-bottom: 20px;
    }
  .mrt-head{
    height: 2.7rem;
    margin-bottom: 20px;
    }
  .mrt-title{font-size: 20px;}
  .mrt-par{font-size: 15px;}

.fq-contents{padding-bottom: 80px;}
  .fq-list{margin-bottom: 100px;}
  .fq-item:not(:last-of-type){margin-bottom: 30px;}
  .fq-item_head{
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 90px;
    }
  .fq-icon{
    width: 55px;
    margin-right: 20px;
    left: 15px;
    }
  .fq-item_body{
    padding-top: 20px;
    padding-left: 90px;
    }
  .fq-item_head .fq-summary_par{font-size: 18px;}
  .fq-item_body .fq-summary_par{
    font-size: 15px;
    line-height: 2;
    }

.fq-entry-catch::before,
.fq-entry-catch::after{
  width: 45px;
  height: 43px;
  }
  .fq-entry-catch-text{
    margin-right: 10px;
    margin-left: 10px;
    font-size: 26px;
    }

.cmp-main{
  flex-shrink: 0;
  width: 300px;
  }
  .cmp-fig{margin-right: 30px;}
  .cmp-name{margin-bottom: 10px;}
  .cmp-name_text{font-size: 18px;}
  .cmp-data_head{font-size: 13px;}
  .cmp-data_body{font-size: 13px;}

.st-footer{
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 15px;
  }
  .st-footer_nav{margin-bottom: 20px;}

.sw-pagetop{
  width: 50px;
  height: 50px;
  }

}/* max-width: 992px */

@media screen and (max-width: 768px) {

.st-header{padding-left: 15px;}
  .st-header_inner{height: 60px;}
  .st-sitetitle_logo{
    width: 150px;
    margin-right: 15px;
    }
  .st-sitetitle_text{font-size: 14px;}
  .st-header_menu{
    width: 60px;
    height: 60px;
    }
  .header-hamburger{
    width: 60px;
    height: 60px;
    }
  .hamburger-btn::before{top: 15px;}
  .hamburger-btn::after{bottom: 15px;}
  .st-nav{top: 60px;}

.tp-mainvisual .sw-entrybutton{bottom: 8%;}
  .sw-entrybutton_link{
    width: 260px;
    height: 60px;
    font-size: 18px;
    }
  .sw-entrybutton_link::before{right: 15px;}

.abt-badge{width: 250px;}

.abt-list{
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 50px;
  }
  .abt-intro_head{margin-bottom: 20px;}
  .abt-intro_title{font-size: 28px;}
  .abt-intro_par{font-size: 16px;}

.abt-list{
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 40px;
  }
  .abt-item{
    padding-right: 10px;
    padding-left: 10px;
    box-shadow: 10px 10px 0px 0px rgba(197,241,255,.75);
    }
  .abt-item{justify-content: center;}
  .abt-item_button{height: 40px;}
  .abt-outro_fig{max-width: 450px;}

.modal_wrap .modal_inner{
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  }        
  .md-body{margin-bottom: 40px;}
  .md-qanda:not(:last-of-type){margin-bottom: 40px;}
  .md-qanda_title-text{font-size: 18px;}
  .md-qanda_par{
    font-size: 15px;
    line-height: 1.8;
    }

.st-head{margin-bottom: 20px;}
  .st-head_title{
    width: 100px;
    top: -15px;
    }
  .st-intro{margin-bottom: 40px;}
  .st-intro_par{font-size: 28px;}
  .st-detail{margin-bottom: 40px;}

.job-contents{padding-bottom: 60px;}
  .job-contents::before{height: 300px;}
  .job-item:not(:last-of-type){margin-bottom: 50px;}
  .job-item:nth-of-type(odd){padding-right: 0;}
  .job-item:nth-of-type(even){padding-left: 0;}
  .job-item:nth-of-type(odd) .job-fig{margin-right: 25px;}
  .job-main{width: calc(68.5% - 25px);}
  .job-item:nth-of-type(even) .job-main{margin-right: 25px;}
  .job-icon{
    width: 70px;
    margin-bottom: 5px;
    }
  .job-type{
    margin-bottom: 5px;
    padding-bottom: 5px;
    }
  .job-type_title{font-size: 22px;}

.mrt-contents{padding-bottom: 60px;}
  .mrt-list{gap: 40px;}
  .mrt-item:not(:last-of-type)::before{right: -21px;}
  .mrt-fig{
    max-width: 130px;
    margin-bottom: 20px;
    }
  .mrt-head{
    height: 2.5rem;
    margin-bottom: 20px;
    }
  .mrt-title{font-size: 18px;}
  .mrt-par{font-size: 14px;}

.fq-contents{padding-bottom: 60px;}
  .fq-list{margin-bottom: 60px;}
  .fq-item{box-shadow: 10px 10px 0px 0px rgba(237,207,91,1);}
  .fq-item:not(:last-of-type){margin-bottom: 30px;}
  .fq-item_head{
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 70px;
    }
  .fq-icon{
    width: 45px;
    margin-right: 15px;
    left: 10px;
    }
  .fq-item_body{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 70px;
    }
  .fq-item_head .fq-summary_par{font-size: 16px;}
  .fq-item_body .fq-summary_par{
    font-size: 14px;
    line-height: 1.8;
    }

.fq-entry-catch{margin-bottom: 15px;}
  .fq-entry-catch::before,
  .fq-entry-catch::after{
    width: 30px;
    }
  .fq-entry-catch-text{
    margin-right: 5px;
    margin-left: 5px;
    font-size: 22px;
    }

.cmp-contents{
  flex-direction: column;
  align-items: center;
  padding-right: 0;
  padding-bottom: 40px;
  }
  .cmp-fig{
    margin-right: 0;
    margin-bottom: 30px;
    }
  .cmp-main{
    width: 100%;
    max-width: 440px;
    padding-right: 15px;
    padding-left: 15px;
    }
  .cmp-name{margin-bottom: 15px;}
  .cmp-data_item{
    padding-top: 10px;
    padding-bottom: 10px;
    }
  .cmp-data_head{font-size: 14px;}
  .cmp-data_body{font-size: 14px;}

.st-footer_nav-link{font-size: 14px;}
  .st-footer_copy{font-size: 12px;}

}/* max-width: 768px */

@media screen and (max-width: 576px) {

body{font-size: 14px;}

.st-contents{
  padding-right: 15px;
  padding-left: 15px;
  }

.tp-mainvisual .sw-entrybutton{bottom: 6%;}
  .sw-entrybutton_link{
    width: 220px;
    height: 50px;
    font-size: 16px;
    }
  .sw-entrybutton_link::before{
    width: 8px;
    height: 8px;
    }

.abt-badge{width: 250px;}
  .abt-intro_title{font-size: 24px;}
  .abt-intro_body{
    padding-right: 1rem;
    padding-left: 1rem; 
    }
  .abt-intro_par{text-align: justify;}
  .abt-intro_par br{display: none;}

.abt-outro_par{
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: justify;
  }
  .abt-outro_par br{display: none;}

.modal_wrap .modal_close{
  top: 5px;
  right: 5px;
  }
  .modal_wrap .modal_inner{
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    }        
  .md-body{margin-bottom: 30px;}
  .md-qanda:not(:last-of-type){margin-bottom: 30px;}
  .md-qanda_title-text{font-size: 18px;}
  .md-qanda_par{
    font-size: 15px;
    line-height: 1.8;
    }
  .modal_wrap .mb-close.modal_close{
    width: 180px;
    height: 45px;
    }

  .st-head_title{width: 80px;}
  .st-intro_par{font-size: 24px;}
  .st-detail_par{
    padding-right: 1rem;
    padding-left: 1rem;
    text-align: justify;
    
    }
  .st-detail_par br{display: none;}

.job-list{
  max-width: 400px;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
  }
  .job-item{
    flex-direction: column;
    align-items: center;
    }
  .job-item:not(:last-of-type){margin-bottom: 40px;}
  .job-fig{
    width: 100%;
    max-width: 250px;
    }
  .job-item:nth-of-type(odd) .job-fig,
  .job-item:nth-of-type(even) .job-fig{
    order: 0;
    margin-right: 0;
    margin-bottom: 20px;
    }
  .job-main{width: 100%;}
  .job-item:nth-of-type(odd) .job-main{order: 1;}
  .job-item:nth-of-type(even) .job-main{
    order: 1;
    margin-right: 0;
    }
  .job-type_title{font-size: 20px;}

.mrt-list{
  display: flex;
  flex-direction: column;
  max-width: 400px;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
  }
  .mrt-item{width: 100%;}
  .mrt-item:not(:last-of-type)::before{
    width: 100%;
    height: 3px;
    border-right: 0;
    border-bottom: 3px dotted rgba(246,152,52,1);
    top: auto;
    right: auto;
    bottom: -21px;
    left: 0;
    }
  .mrt-head{
    display: flex;
    justify-content: center;
    height: auto;
    margin-bottom: 15px;
    text-align: left;
    }
  .mrt-head br{display: none;}

.fq-entry-catch{margin-bottom: 10px;}
  .fq-entry-catch::before,
  .fq-entry-catch::after{
    width: 25px;
    }
  .fq-entry-catch-text{font-size: 20px;}


}/* max-width: 576px */

@media not all and (max-width: 476px) {

.st-intro_par br{display: none;}

}

@media screen and (max-width: 476px) {

.st-sitetitle_logo{
  width: 130px;
  margin-right: 10px;
  }
  .st-sitetitle_text{font-size: 13px;}

  .abt-intro_title{font-size: 22px;}
  
.abt-item_previousjob{
  width: 100%;
  margin-bottom: 15px;
  }
  .abt-item_previousjob::before{
    border-width: 12px 8px 0 8px;
    bottom: -12px;
    }
  .abt-item_previousjob-text{font-size: 15px;}
  .abt-item_data{
    margin-bottom: 5px;
    padding-left: 5%;
    }
  .abt-item_button-link{font-size: 13px;}
  .abt-item_button-link::before{
    width: 8px;
    height: 8px;
    }

.md-head .abt-item_fig{width: 100px;}

.st-intro_par{
  font-size: 22px;
  text-align: center;
  }

.job-fig{
  width: 100%;
  max-width: 200px;
  }

.fq-summary_par br{display: none;}

.fq-entry-catch-text{font-size: 18px;}

.st-footer_nav{
  flex-direction: column;
  align-items: center;
  }
  .st-footer_nav-link:not(:last-of-type){margin-bottom: 5px;}
  .st-footer_nav-link:not(:last-of-type):after{display: none;}

}/* max-width: 476px *