@charset "UTF-8";
@media screen and (min-width: 769px) {
  /* --------------------------------------------------------------
   共通
  -------------------------------------------------------------- */
  .sponly {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  /* --------------------------------------------------------------
   共通
  -------------------------------------------------------------- */
  body {
    min-width: 3.2rem;
    font-size: 0.125rem;
  }
  .container_min {
    width: calc(100% - 0.4rem);
  }
  .container {
    width: calc(100% - 0.4rem);
  }
  .pconly {
    display: none !important;
  }
  .fixed_btn img {
    margin-top: -0.2rem;
    width: 3.23rem;
  }
  .mv {
    padding: 0.5rem 0 0;
    height: 6.315rem;
    background-image: url(../images/mv/bg_sp.png);
  }
  .mv .container {
    width: 100%;
  }
  .mv .balloon {
    right: 0;
  }
  .mv .balloon img {
    width: 1.76rem;
  }
  .mv .cat {
    padding-left: 0.385rem;
  }
  .mv .cat img {
    width: 1.98rem;
  }
  .mv .logo {
    margin: 0.225rem 0 0.1rem;
    padding-left: 0.385rem;
  }
  .mv .logo img {
    width: 1.965rem;
  }
  .mv .wrap {
    display: block;
  }
  .mv .txt01 {
    padding-left: 0.27rem;
    margin-bottom: 0.37rem;
  }
  .mv .txt01 img {
    width: 2.025rem;
  }
  .mv .txt02 {
    text-align: center;
  }
  .mv .txt02 img {
    width: 3.45rem;
  }
  .mv .notes {
    margin: 0.3rem 0 0.1rem;
    font-size: 0.11rem;
  }
  .mv .btn {
    text-align: center;
  }
  .mv .btn img {
    width: 3.23rem;
  }
  .mv .scroll img {
    width: 0.225rem;
  }
  .sec01 {
    padding: 0.15rem 0 0;
    margin-top: 0rem;
  }
  .sec01 .before .container {
    width: 100%;
  }
  .sec01 .before .img01,
  .sec01 .before .img02 {
    position: relative;
    z-index: 2;
  }
  .sec01 .before .img01 {
    margin-right: 0;
  }
  .sec01 .before .img01 img {
    width: 3.58rem;
  }
  .sec01 .before .img02 {
    margin: -0.88rem 0 0 0;
  }
  .sec01 .before .img02 img {
    width: 3.75rem;
  }
  .sec01 .after {
    padding: 0.1rem 0 0;
    position: relative;
  }
  .sec01 .after::before {
    height: 3.55rem;
    top: 0;
    background-image: url(../images/sec01/before_bg_sp.png);
  }
  .sec01 .after .tit {
    margin-bottom: 0.06rem;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .sec01 .after .tit img {
    width: 3.02rem;
  }
  .sec01 .after .video {
    width: 3.07rem;
    margin: 0.24rem auto 0;
    position: relative;
  }
  .sec01 .after .video iframe {
    width: 3.07rem;
    height: 1.75rem;
  }
  .sec02 {
    margin-top: -1.7rem;
    padding: 1.95rem 0 0;
    background-image: url(../images/sec02/bg_sp.png);
  }
  .sec02::before {
    height: 3.97rem;
    top: -0.5rem;
    background-image: url(../images/sec02/bg_add01_sp.png);
    z-index: 0;
  }
  .sec02 .cat img {
    width: 2.605rem;
  }
  .sec02 .tit01 {
    margin: 0.35rem 0 0.15rem;
  }
  .sec02 .tit01 img {
    width: 3.325rem;
  }
  .sec02 .txt01 img {
    width: 3.45rem;
  }
  .sec02 .txt01 p {
    margin: 0.2rem 10% 0;
  }
  .sec02 .txt02 {
    margin: 0.12rem 0 0.18rem;
  }
  .sec02 .txt02::before, .sec02 .txt02::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .sec02 .txt02::before {
    width: 100%;
    height: 2.035rem;
    left: 0;
    top: calc(50% - 0.93rem);
    background-image: url(../images/sec02/txt02_bg_sp.png);
  }
  .sec02 .txt02::after {
    height: 8.66rem;
    top: 2.3rem;
    background-image: url(../images/sec02/bg_add02_sp.png);
  }
  .sec02 .txt02 img {
    width: 2.115rem;
  }
  .sec02 .tit02 {
    margin-bottom: 0.32rem;
    position: relative;
    z-index: 2;
  }
  .sec02 .tit02 img {
    width: 2.495rem;
  }
  .sec02 .item {
    padding: 0 0 0.3rem;
    position: relative;
  }
  .sec02 .item::before {
    content: "";
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .sec02 .item:not(.item01) {
    background-color: #ffffff;
  }
  .sec02 .item_tit {
    position: relative;
    z-index: 2;
    margin-left: 0.3rem;
  }
  .sec02 .item_tit img {
    width: 3.395rem;
  }
  .sec02 .item_txt {
    width: 3.07rem;
    line-height: 1.8;
    z-index: 2;
  }
  .sec02 .item_txt p:not(:last-of-type) {
    margin-bottom: 0.11rem;
  }
  .sec02 .item_voice {
    width: 3.1rem;
  }
  .sec02 .item01 {
    background-color: #ffffff;
  }
  .sec02 .item01::before {
    height: 15.59rem;
    background-image: url(../images/sec02/item01_bg_sp.png);
  }
  .sec02 .item01::after {
    content: "";
    width: 100%;
    height: 7rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
  }
  .sec02 .item01 .item_tit {
    margin-bottom: 0.31rem;
  }
  .sec02 .item01 .img01,
  .sec02 .item01 .img02 {
    position: relative;
    z-index: 2;
  }
  .sec02 .item01 .img02 {
    margin: 0.3rem 0 0.41rem;
  }
  .sec02 .item01 .img02 img {
    width: 3.075rem;
  }
  .sec02 .item01 .main_skill {
    width: 3.3rem;
    flex-wrap: wrap;
  }
  .sec02 .item01 .main_skill li {
    width: 52%;
    margin-left: -3%;
    margin-bottom: -0.05rem;
  }
  .sec02 .item02 {
    padding: 0.35rem 0 0.4rem;
  }
  .sec02 .item02::before {
    height: 7.71rem;
    background-image: url(../images/sec02/item02_bg_sp.png);
  }
  .sec02 .item02 .item_tit {
    margin-bottom: 0.3rem;
  }
  .sec02 .item02 .item02_btn {
    margin-top: 0.15rem;
    position: relative;
    z-index: 2;
  }
  .sec02 .item02 .item02_btn img {
    width: 2.3rem;
  }
  .sec02 .item02 .item_voice {
    margin-top: 0.4rem;
  }
  .sec02 .item03 {
    padding: 0.42rem 0 0.35rem;
  }
  .sec02 .item03::before {
    height: 7.96rem;
    background-image: url(../images/sec02/item03_bg_sp.png);
  }
  .sec02 .item03 .img01 {
    margin: 0.32rem 0 0.27rem;
    position: relative;
    z-index: 2;
  }
  .sec02 .item03 .img01 img {
    width: 3.07rem;
  }
  .sec02 .item04 {
    padding: 0.35rem 0 0.35rem;
  }
  .sec02 .item04::before {
    height: 6.5rem;
    background-image: url(../images/sec02/item04_bg_sp.png);
  }
  .sec02 .item04 .item_tit {
    margin-bottom: 0.25rem;
  }
  .sec02 .item05 {
    padding: 0.35rem 0 0.75rem;
  }
  .sec02 .item05::before {
    height: 6.57rem;
    background-image: url(../images/sec02/item05_bg_sp.png);
  }
  .sec02 .item05 .item_tit {
    margin-bottom: 0.35rem;
  }
  .sec_add_01 {
    margin-bottom: 0.4rem;
  }
  .cta .before {
    padding: 0.525rem 0 1rem;
    background-image: url(../images/cta/bg_sp.png);
  }
  .cta .before::before {
    height: 1.515rem;
    background-image: url(../images/cta/bg_add01_sp.png);
  }
  .cta .before::after {
    height: 1.175rem;
    background-image: url(../images/cta/bg_add02_sp.png);
  }
  .cta .before .tit01 {
    margin-top: 0.2rem;
  }
  .cta .before .tit01 img {
    width: 2.15rem;
  }
  .cta .before .txt {
    margin: 0.2rem 0 0;
  }
  .cta .before .txt img {
    width: 2.6rem;
  }
  .cta .before .tit02 img {
    width: 3.275rem;
  }
  .cta .before .lists {
    width: 100%;
    margin: 0.1rem auto 0;
    display: block;
  }
  .cta .before .lists img {
    width: 3.465rem;
  }
  .cta .before .lists li:not(:last-of-type) {
    margin-bottom: 0.15rem;
  }
  .cta .before .tit03 {
    margin-top: 0.3rem;
  }
  .cta .before .tit03 img {
    width: 3.2rem;
  }
  .cta .before .txt02 img {
    width: 3.45rem;
  }
  .cta .before .notes {
    margin: 0.35rem 0 0.1rem;
    font-size: 0.11rem;
    position: relative;
    z-index: 1;
  }
  .cta .before .btn {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .cta .before .btn img {
    width: 3.23rem;
  }
  .cta .after {
    margin-top: -0.3rem;
    text-align: center;
    position: relative;
  }
  .cta .after::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -3.5rem;
    left: 0;
    background: linear-gradient(360deg, #ffffff, transparent);
  }
  .cta .after::after {
    height: 5.055rem;
    top: 0.5rem;
    background-image: url(../images/cta/after_bg_sp.png);
  }
  .cta .after .after_tit01 {
    margin-bottom: 0.15rem;
    position: relative;
    z-index: 1;
  }
  .cta .after .after_tit01 img {
    width: 2.475rem;
  }
  .cta .after .after_box_tit01 {
    position: relative;
    z-index: 1;
  }
  .cta .after .after_box_tit01 img {
    width: 1.7rem;
  }
  .cta .after .after_box {
    position: relative;
    z-index: 1;
  }
  .cta .after .after_box::before, .cta .after .after_box::after {
    width: 3.525rem;
    height: 0.685rem;
    left: calc(50% - 1.7625rem);
    background-image: url(../images/cta/brackets_sp.png);
  }
  .cta .after .after_box::before {
    top: 0.45rem;
  }
  .cta .after .after_box::after {
    bottom: -0.45rem;
  }
  .cta .after .after_box_tit02 {
    margin: 0.1rem 0 0.2rem;
    font-size: 0.175rem;
    line-height: 1.65;
  }
  .cta .after .after_img img {
    width: 3.1rem;
  }
  .cta03 .balloon {
    margin-left: 0;
    margin-top: 0.3rem;
  }
  .cta03 .balloon img {
    width: 3.81rem;
  }
  .sec03 {
    padding: 0.4rem 0 0;
    z-index: 2;
  }
  .sec03::before {
    background-image: none;
  }
  .sec03 .intro {
    margin-bottom: 0.15rem;
  }
  .sec03 .intro img {
    width: 3.08rem;
  }
  .sec03 .txt {
    width: 3.1rem;
    line-height: 2.08;
  }
  .sec03 .txt p:not(:last-of-type) {
    margin-bottom: 0.12rem;
  }
  .sec03 .after {
    position: relative;
  }
  .sec03 .after::before {
    content: "";
    width: 100%;
    height: 16.86rem;
    position: absolute;
    z-index: -1;
    top: 1rem;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/sec03/bg02_sp.png);
  }
  .sec03 .after .tit {
    margin: 0.8rem 0 0.3rem;
    text-align: center;
    position: relative;
  }
  .sec03 .after .tit::before {
    width: 100%;
    height: 2.13rem;
    z-index: -1;
    top: -0.35rem;
    left: 50%;
    transform: translate(-50%);
    background-image: url(../images/sec03/pic_sp.png);
  }
  .sec03 .after .tit img {
    width: 3.205rem;
  }
  .sec03 .after .lists {
    width: 3.07rem;
    position: relative;
    z-index: 1;
  }
  .sec03 .after .lists li {
    padding: 0.2rem 0.19rem 0.2rem;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #eef3f8 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #eef3f8 calc(100% - 1px));
    background-size: 0.125rem 0.125rem;
    border-radius: 0.25rem;
  }
  .sec03 .after .lists li:not(:last-of-type) {
    margin-bottom: 0.3rem;
  }
  .sec03 .after .wrap {
    padding: 0;
    margin-bottom: 0.32rem;
    display: block;
  }
  .sec03 .after .name {
    margin-bottom: 0.225rem;
  }
  .sec03 .after .name img {
    width: 100%;
    height: auto;
  }
  .sec03 .after .graph img {
    width: 3.77rem;
  }
  .sec03 .after .user_pic {
    padding-left: 0;
    margin: 0 0.2rem 0.15rem 0;
    float: left;
  }
  .sec03 .after .user_pic img {
    width: 0.745rem;
  }
  .sec03 .after .user_txt {
    width: 100%;
    line-height: 1.48;
    letter-spacing: 0.08em;
  }
  .sec03 .after .user_txt p:not(:last-of-type) {
    margin-bottom: 0.1rem;
  }
  .sec04 {
    padding: 1rem 0 1.15rem;
    text-align: center;
    position: relative;
    z-index: 1;
    background-repeat: repeat;
    background-image: url(../images/sec02/bg_sp.png);
  }
  .sec04::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 15%;
    top: -3rem;
    left: 0;
    background: linear-gradient(#ffffff, transparent);
  }
  .sec04::after {
    height: 6.2rem;
    z-index: -1;
    top: -2rem;
    background-image: url(../images/sec04/bg_add01_sp.png);
  }
  .sec04 .cat01,
  .sec04 .tit01 {
    position: relative;
    z-index: 1;
  }
  .sec04 .cat01 img {
    width: 2.785rem;
  }
  .sec04 .tit01 {
    margin: 0.25rem 0 0.4rem;
  }
  .sec04 .tit01 img {
    width: 3.385rem;
  }
  .sec04 .lists li:not(:last-of-type) {
    margin-bottom: 0.37rem;
  }
  .sec04 .list_tit {
    position: relative;
    z-index: 1;
  }
  .sec04 .list_tit img {
    width: auto;
    height: 1.61rem;
  }
  .sec04 .contents {
    width: 3.45rem;
    margin: 0 auto;
    display: block;
    background-color: #ffffff;
    border: 1px solid #ee847b;
    border-radius: 0.25rem;
    position: relative;
    z-index: 1;
  }
  .sec04 .list_img {
    position: absolute;
  }
  .sec04 .list_txt {
    width: 100%;
    line-height: 1.8;
  }
  .sec04 .item01 .contents {
    margin-top: 0.6rem;
    padding: 0.56rem 0.19rem 0.3rem 0.19rem;
  }
  .sec04 .item01 .list_img {
    top: -1.2rem;
    left: calc(50% - 1.065rem);
  }
  .sec04 .item01 .list_img img {
    width: 2.13rem;
  }
  .sec04 .item02 .contents {
    margin-top: 0.63rem;
    padding: 0.55rem 0.19rem 0.25rem 0.19rem;
  }
  .sec04 .item02 .list_img {
    top: -1.15rem;
    left: calc(50% - 1.115rem);
  }
  .sec04 .item02 .list_img img {
    width: 2.31rem;
  }
  .sec04 .item03 .contents {
    margin-top: 0.52rem;
    padding: 0.55rem 0.19rem 0.2rem 0.19rem;
  }
  .sec04 .item03 .list_img {
    top: -1.1rem;
    left: calc(50% - 1.075rem);
  }
  .sec04 .item03 .list_img img {
    width: 2.15rem;
  }
  .sec04 .balloon {
    margin: 0.15rem -0.25rem 0.05rem 0;
  }
  .sec04 .balloon img {
    width: 2.85rem;
  }
  .sec04 .cat02 img {
    width: 2.775rem;
  }
  .sec04 .after {
    position: relative;
  }
  .sec04 .after::before {
    width: 100%;
    height: 5.21rem;
    z-index: -1;
    top: calc(50% - 2.4rem);
    left: 0;
    background-image: url(../images/sec04/bg_sp.png);
  }
  .sec04 .tit02 {
    margin: 0.65rem 0 0.15rem 0.25rem;
  }
  .sec04 .tit02 img {
    width: 3.265rem;
  }
  .sec04 .after_txt {
    width: 3.07rem;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8;
  }
  .sec04 .after_txt p:not(:last-of-type) {
    margin-bottom: 0.1rem;
  }
  .sec05 {
    padding: 0 0 0.375rem;
  }
  .sec05::before {
    height: 20%;
    top: -1.6rem;
    left: 0;
    z-index: 1;
  }
  .sec05::after {
    height: 9.425rem;
    z-index: -1;
    top: 0;
    background-image: url(../images/sec05/bg_add_sp.png);
  }
  .sec05 .tit img {
    width: 1.81rem;
  }
  .sec05 .f_txt {
    margin: 0.25rem 0 0.6rem;
    line-height: 2.1;
  }
  .sec05 .f_txt::after {
    width: 0.27rem;
    height: 0.04rem;
    bottom: -0.25rem;
    left: calc(50% - 0.135rem);
  }
  .sec05 .f_txt p:not(:last-of-type) {
    margin-bottom: 0.2rem;
  }
  .sec05 .txt img {
    width: 3.105rem;
  }
  .sec05 .name {
    width: 3.2rem;
    margin: 0.24rem auto 0 auto;
  }
  .sec05 .name img {
    width: 2.135rem;
  }
  .sec06 {
    padding: 0.95rem 0 0.47rem;
  }
  .sec06 .tit {
    margin-bottom: 0.24rem;
  }
  .sec06 .tit img {
    width: 0.96rem;
  }
  .ac {
    width: 3.55rem;
  }
  .ac_parent {
    height: 0.65rem;
    padding: 0 0 0 0.4rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    border-radius: 0.1rem 0.1rem 0 0;
    display: flex;
    align-items: center;
  }
  .ac_parent::before, .ac_parent::after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .ac_parent::before {
    width: 0.115rem;
    height: 0.1rem;
    left: 0.2rem;
  }
  .ac_parent::after {
    width: 0.095rem;
    height: 0.055rem;
    right: 0.13rem;
    transform: rotate(180deg);
  }
  .ac_parent:not(:first-of-type) {
    margin-top: 0.2rem;
  }
  .ac_parent.adjust::before {
    top: 0.23rem;
  }
  .ac_child {
    padding: 0.1rem 0.2rem 0.15rem 0.4rem;
    letter-spacing: 0.03em;
    line-height: 1.66;
    border-radius: 0 0 0.1rem 0.1rem;
  }
  .ac_child::after {
    width: 0.115rem;
    height: 0.09rem;
    top: 0.15rem;
    left: 0.2rem;
  }
  .ac_parent.open::after {
    transform: rotate(0deg);
  }
  .form::before {
    height: 23%;
    top: -23%;
    left: 0;
    z-index: 1;
    background: linear-gradient(360deg, #ffffff, transparent);
  }
  .form .container {
    width: 3.4rem;
  }
  .sec07 {
    padding: 0.1rem 0 1.2rem;
  }
  .sec07::before {
    height: 20%;
    top: -20%;
  }
  .sec07 .tit img {
    width: 2.135rem;
  }
  .sec07 .pic {
    margin: 0.24rem 0 0.32rem;
  }
  .sec07 .pic img {
    width: 100%;
  }
  .sec07 .logo img {
    width: 1.965rem;
  }
  .modal-container {
    background-color: #fff;
    max-height: 80vh;
    max-width: 3.1rem;
    overflow-y: auto;
    position: relative;
  }
  .modal-close {
    border: 0;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    width: 0.25rem;
    height: 0.25rem;
    background: url(../images/sec02/modal_close_w.png) center/100% auto no-repeat;
  }
}/*# sourceMappingURL=style_sp.css.map */