@charset "UTF-8";

.bg01 {
  background: #FFFEF2;
}
.bg02 {
  background: #D4ECF2;
}
strong {
  font-weight: 700;
}
.inline-blc {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  body {
    padding-top: 110px;
    min-width: 1200px;
  }
  header {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 110px;
    width: 100%;
    min-width: 1144px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  header .logo {
    width: 400px;
    margin-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 10px;
    font-weight: 500;
  }
  header .logo img {
    width: 121px;
    margin: 5px 0 6px;
  }
  header .logo img:hover {
    opacity: 0.7;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  header .logo p {
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
    padding-left: 17px;
    line-height: 2.1;
  }
  header .logo p span {
    display: block;
    font-weight: 500;
  }
  header .pc_menu ul {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .pc_menu ul li.top {
    margin-right: 1em;
  }
  header .pc_menu ul li.top.pt2 {
    margin-right: 2em;
  }
  header .pc_menu ul li.top a span {
    font-weight: 500;
    font-size: 12px;
    position: relative;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  header .pc_menu ul li.top a span::before {
    content: "";
    position: absolute;
    left: -1em;
    top: 0.4em;
    display: block;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #4D98D0;
  }
  header .pc_menu ul li.top a span:hover {
    text-decoration: underline;
    color: #4D98D0;
  }
  header .pc_menu ul li.document {
    margin-right: 2px;
  }
  header .pc_menu ul li.document a {
    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;
    width: 149px;
    height: 70px;
    background-color: #FD9409;
    border: 1px solid #FD9409;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .pc_menu ul li.document a span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding-left: 1.5em;
  }
  header .pc_menu ul li.document a span::before {
    content: "";
    position: absolute;
    left: -0.1em;
    top: 0.4em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/ic_document.svg) no-repeat;
  }
  header .pc_menu ul li.document a:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .pc_menu ul li.document a:hover span {
    color: #FD9409;
  }
  header .pc_menu ul li.document a:hover span::before {
    background: url(../img/ic_document_h.svg) no-repeat;
  }
  header .pc_menu ul li.contact a {
    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;
    width: 149px;
    height: 70px;
    background-color: #4D98D0;
    border: 1px solid #4D98D0;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .pc_menu ul li.contact a span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding-left: 1.5em;
  }
  header .pc_menu ul li.contact a span::before {
    content: "";
    position: absolute;
    left: -0.1em;
    top: 0.4em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/ic_contact.svg) no-repeat;
  }
  header .pc_menu ul li.contact a:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .pc_menu ul li.contact a:hover span {
    color: #4D98D0;
  }
  header .pc_menu ul li.contact a:hover span::before {
    background: url(../img/ic_contact_h.svg) no-repeat;
  }
  header nav.menu {
    width: 100%;
  }
  header nav.menu ul {
    width: 100%;
    height: 40px;
    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;
    background-color: #222;
  }
  header nav.menu ul li.contact {
    display: none;
  }
  header nav.menu ul li.document {
    display: none;
  }
  header nav.menu ul li:nth-last-of-type(3) a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0.9em;
    display: block;
    width: 1px;
    height: 1em;
    background-color: #fff;
  }
  header nav.menu ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header nav.menu ul li a:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #222;
  }
  header nav.menu ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.9em;
    display: block;
    width: 1px;
    height: 1em;
    background-color: #fff;
  }
  .menu_toggle {
    display: none;
  }
  footer {
    background-color: #F2F2F2;
    padding-top: 4em;
  }
  footer .wrap {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1128px;
    padding-left: 18px;
    padding-right: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 4em;
  }
  footer .wrap ul.logo {
    width: 50%;
  }
  footer .wrap ul.logo li {
    font-size: 13px;
    padding-bottom: 2em;
  }
  footer .wrap ul.logo li:first-child {
    display: flex;
    align-items: center;
  }
  .ft-txt {
    font-weight: 500;
    line-height: 1.923;
    margin-left: 31px;
  }
  footer .wrap ul.logo li.pt2 {
    line-height: 1.75;
  }
  footer .wrap ul.logo li.pt2 a {
    display: block;
  }
  footer .wrap ul.logo li.pt2 a:hover {
    text-decoration: underline;
    color: #FD9409;
  }
  footer .wrap ul.logo li img {
    margin-bottom: 0.75em;
  }
  footer .wrap ul.logo li img:hover {
    opacity: 0.7;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  footer .wrap ul.logo li img.img1 {
    width: 142px;
    height: auto;
  }
  footer .wrap ul.btn {
    width: 205px;
  }
  footer .wrap ul.btn li.document {
    margin-right: 2px;
  }
  footer .wrap ul.btn li.document a {
    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;
    width: 100%;
    height: 40px;
    background-color: #FD9409;
    border: 1px solid #FD9409;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0.4em;
  }
  footer .wrap ul.btn li.document a span {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
  }
  footer .wrap ul.btn li.document a:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  footer .wrap ul.btn li.document a:hover span {
    color: #FD9409;
  }
  footer .wrap ul.btn li.contact {
    margin-bottom: 1em;
  }
  footer .wrap ul.btn li.contact a {
    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;
    width: 100%;
    height: 40px;
    background-color: #4D98D0;
    border: 1px solid #4D98D0;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0.4em;
  }
  footer .wrap ul.btn li.contact a span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
  }
  footer .wrap ul.btn li.contact a:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  footer .wrap ul.btn li.contact a:hover span {
    color: #4D98D0;
  }
  footer .wrap ul.footer_menu1 {
    width: calc(50% - 205px);
  }
  footer .wrap ul.footer_menu1 li {
    margin-bottom: 1em;
    padding-left: 1em;
    position: relative;
  }
  footer .wrap ul.footer_menu1 li::before {
    content: "";
    position: absolute;
    left: -0.4em;
    top: 0.55em;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #FD9409;
  }
  footer .wrap ul.footer_menu1 li a {
    font-size: 15px;
    font-weight: 500;
  }
  footer .wrap ul.footer_menu1 li a:hover {
    text-decoration: underline;
    color: #FD9409;
  }
  footer ul.footer_menu2 {
    width: 100%;
    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;
    padding-bottom: 2em;
  }
  footer ul.footer_menu2 li {
    margin: 0 2em;
    position: relative;
  }
  footer ul.footer_menu2 li:last-of-type::after {
    content: "";
    position: absolute;
    right: -2em;
    top: 0.3em;
    width: 1px;
    height: 1em;
    background-color: #222;
  }
  footer ul.footer_menu2 li::before {
    content: "";
    position: absolute;
    left: -2em;
    top: 0.3em;
    width: 1px;
    height: 1em;
    background-color: #222;
  }
  footer ul.footer_menu2 li a {
    font-size: 12px;
    font-weight: 500;
  }
  footer ul.footer_menu2 li a:hover {
    color: #FD9409;
    text-decoration: underline;
  }
  footer .copyright {
    width: 100%;
    text-align: center;
    padding: 1em 0;
    font-size: 12px;
    font-weight: 500;
    display: block;
  }
  .fixed_bnr {
    position: fixed;
    right: 0;
    bottom: 50px;
    width: 185px;
    display: none;
  }
  .fixed_bnr .txt {
    display: none;
  }
  .fixed_bnr ul li.document {
    margin-bottom: 4px;
  }
  .fixed_bnr ul li.document a {
    background-color: #FD9409;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    padding: 4.25em 1.25em 1.25em 1.25em;
    border: 1px solid #FD9409;
    outline: 1px solid #fff;
    outline-offset: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
            box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
  }
  .fixed_bnr ul li.document a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -55px;
    bottom: auto;
    margin: 0 auto;
    display: block;
    width: 141px;
    height: 98px;
    background: url(../img/anyput_img1.png) no-repeat;
    background-size: contain;
    border: 1px solid #ccc;
  }
  .fixed_bnr ul li.document a span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-left: 0.5em;
  }
  .fixed_bnr ul li.document a span::before {
    content: "";
    position: absolute;
    left: -0.5em;
    top: 40%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .fixed_bnr ul li.document a:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .fixed_bnr ul li.document a:hover span {
    color: #FD9409;
  }
  .fixed_bnr ul li.document a:hover span::before {
    border-color: #FD9409;
  }
  .fixed_bnr ul li.contact a {
    background-color: #4D98D0;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    padding: 1.25em;
    border: 1px solid #4D98D0;
    outline: 1px solid #fff;
    outline-offset: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
            box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .fixed_bnr ul li.contact a span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-left: 0.5em;
  }
  .fixed_bnr ul li.contact a span::before {
    content: "";
    position: absolute;
    left: -0.5em;
    top: 40%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .fixed_bnr ul li.contact a:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
  }
  .fixed_bnr ul li.contact a:hover span {
    color: #4D98D0;
  }
  .fixed_bnr ul li.contact a:hover span::before {
    border-color: #4D98D0;
  }
  .fixed_bnr .pagetop {
    display: block;
    margin-top: 50px;
    width: 50px;
    height: 50px;
    background-color: #4D98D0;
    border: 1px solid #4D98D0;
    border-radius: 0.5em;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: auto;
    margin-right: 20px;
  }
  .fixed_bnr .pagetop::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0.5em;
    bottom: 0;
    margin: auto;
    display: block;
    width: 1em;
    height: 1em;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .fixed_bnr .pagetop:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
  }
  .fixed_bnr .pagetop:hover::before {
    border-color: #4D98D0;
  }

  /* コンテンツ */
  .content-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1128px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .content-title {
    text-align: center;
  }
  .content-title-sub {
    color: #FD9409;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    line-height: 1;
    display: inline-block;
    margin-bottom: .727em;
    padding-bottom: 1.045em;
  }
  .content-title-sub::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translate(-50%, 0);
    display: block;
    width: 2.409em;
    height: 1px;
    background: #FD9409;
  }
  .content-title em {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.785;
    display: block;
  }
  .section {
    padding-top: 88px;
  }
  .mv {
    background-color: #27ADB2;
    background-image: url(./../img/mv.png);
    background-repeat: no-repeat;
    background-size: 1366px auto;
    background-position: center bottom;
  }
  .mv .content-wrap {
    padding-top: 34px;
    padding-bottom: 42px;
  }
  .mv-title {
    text-align: center;
    max-width: 477px;
    padding: 14px 14px 15px;
    background: #222;
    border-radius: 30px;
  }
  .mv-title span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }
  .mv-title em {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: .206em 0 .177em;
  }
  .mv-catch {
    font-size: 24px;
    letter-spacing: .05em;
    margin-top: .875em;
  }
  .mv-catch p,
  .mv-catch-txt {
    color: #fff;
    font-weight: 700;
  }
  .mv-catch p {
    line-height: 1.458;
  }
  .mv-catch-txt {
    font-size: 34px;
    line-height: 1.617;
    text-shadow:
      3px 3px 3px #27ADB2, -3px -3px 3px #27ADB2,
      -3px 3px 3px #27ADB2,  3px -3px 3px #27ADB2,
      3px 0px 3px #27ADB2, -3px -0px 3px #27ADB2,
      0px 3px 3px #27ADB2,  0px -3px 3px #27ADB2;
    margin-top: .345em;
  }
  .mv-btn {
    max-width: 477px;
    margin-top: 33px;
  }
  .mv-btn a {
    font-size: 16px;
    letter-spacing: .05em;
    position: relative;
    display: block;
    padding: 1.313em 2em 1.5em 215px;
    background: #FD9409;
    border: solid 1px #FD9409;
    border-radius: 5px;
    transition: all .3s;
  }
  .mv-btn a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.063em;
    display: block;
    width: .625em;
    height: .625em;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform-origin: top right;
    transform: rotate(-45deg) translate(0, -100%);
    transition: all .3s;
  }
  .mv-btn a p {
    color: #fff;
    line-height: 1;
    position: relative;
  }
  .mv-btn a:hover {
    background: #fff;
  }
  .mv-btn a:hover::after {
    border-color: #FD9409;
  }
  .mv-btn a:hover p {
    color: #FD9409;
  }
  .mv-btn-img {
    position: absolute;
    top: -19px;
    left: 22px;
    width: 153px;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .16);
  }
  .mv-btn-app {
    font-weight: 500;
    display: inline-block;
    padding: 0 1.5em;
  }
  .mv-btn-app::before,
  .mv-btn-app::after {
    content: "／";
    position: absolute;
    top: 0;
    display: block;
    width: 1em;
    height: 1em;
  }
  .mv-btn-app::before {
    left: 0;
    transform: rotate(10deg) scale(-1, 1);
  }
  .mv-btn-app::after {
    right: 0;
    transform: rotate(-10deg);
  }
  .mv-btn-download {
    font-size: 21px;
    font-weight: 700;
    margin-top: .714em;
    padding-left: 1.762em;
  }
  .mv-btn-download::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.143em;
    height: 1em;
    background-image: url(./../img/ico_download.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .3s;
  }
  .mv a:hover .mv-btn-download::before {
    background-image: url(./../img/ico_download_h.svg);
  }
  .intro.section {
    padding: 100px 0 80px;
  }
  .intro-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.428;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 37px;
  }
  .intro-note p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 2.062;
    text-align: center;
  }
  .intro-box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 50px 14px 0;
    padding: 63px 0 80px;
    border: solid 1px #707070;
    border-radius: 10px;
  }
  .intro-box li {
    position: relative;
    width: 180px;
    z-index: 1;
  }
  .intro-box li:nth-child(2) {
    width: 284px;
    margin: 0 124px 0 140px;
  }
  .intro-box li:nth-child(2)::before,
  .intro-box li:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    width: 118px;
    height: 16px;
    background-image: url(./../img/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .intro-box li:nth-child(2)::before {
    left: -113px;
  }
  .intro-box li:nth-child(2)::after {
    right: -98px;
  }
  .task {
    padding-bottom: 80px;
  }
  .task-intro {
    position: relative;
    margin: 39px 72px 0;
    padding-left: 262px;
  }
  .task-intro::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 246px;
    height: 270px;
    background-image: url(./../img/sec02_img01.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .task-intro p {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.65;
  }
  .task-intro ul {
    margin-top: 23px;
  }
  .task-intro ul li {
    font-size: 17px;
    letter-spacing: .05em;
    line-height: 1.47;
    position: relative;
    margin-top: 9px;
    padding: .706em 1.471em .824em 3.765em;
    background: #fff;
    border-radius: 9999px;
    box-shadow: 5px 3px 20px 0 rgba(0, 0, 0, .07);
  }
  .task-intro ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.882em;
    transform: translate(0, -55%);
    display: block;
    width: 1.176em;
    height: 1.176em;
    background-image: url(./../img/ico_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .task-intro ul li:first-child {
    margin-top: 0;
  }
  .task-solution {
    text-align: center;
    position: relative;
    padding-top: 153px;
  }
  .task-solution::before {
    content: "";
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 47px 103px 0 103px;
    border-color: #fd9309 transparent transparent transparent;
  }
  .task-solution dt {
    width: 242px;
    margin: 0 auto;
  }
  .task-solution dd,
  .task-solution dd span {
    font-weight: 700;
  }
  .task-solution dd {
    font-size: 32px;
    letter-spacing: .05em;
    line-height: 1.437;
    margin-top: 40px;
  }
  .task-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 61px;
  }
  .task-blc {
    width: 336px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .task-title {
    font-size: 26px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2.308em;
    height: 8.846em;
    background: #FD9409;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .task-title-num {
    color: #FD9409;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 1.2em;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.05em;
    height: 2.05em;
    transform: translate(-50%, 0);
    background: #fff;
    border-radius: 50%;
  }
  .task-title-txt {
    color: #fff;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.538;
  }
  .task-cont {
    padding: 26px 29px 35px;
  }
  .task-cont .task-note {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
    margin-top: 1em;
    padding-top: 1.063em;
    background-image: linear-gradient(to right, #FD9409, #FD9409 2px, transparent 2px);
    background-size: 4px 1px;
    background-position: left top;
    background-repeat: repeat-x;
  }
  .task-cont .task-note:first-child {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .task-note em {
    color: #FD9409;
    font-weight: 700;
  }
  .about {
    padding-bottom: 80px;
  }
  .about-intro {
    text-align: center;
    margin-top: 31px;
  }
  .about-intro p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 2.062;
  }
  .about-box,
  .about-blc {
    border-radius: 20px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .about-box {
    margin-top: 55px;
    padding: 45px 45px 50px;
  }
  .about-wrap {
    display: flex;
    justify-content: space-between;
  }
  .about-blc {
    width: 482px;
    padding: 28px 35px 44px;
    background: #fff;
  }
  .about-title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.454;
    padding-bottom: .591em;
    border-bottom: solid 1px #27ADB2;
  }
  .about-blc ul {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 16px;
    margin-top: 30px;
  }
  .about-blc li {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    display: inline-block;
    padding: .688em 1.313em .75em 1.438em;
    background: #27ADB2;
    border-radius: 9999px;
  }
  .about-blc:nth-child(2) ul {
    width: 320px;
  }
  .about-conc {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 2.142;
    text-align: center;
    margin-top: 40px;
  }
  .about-conc em {
    color: #FD9409;
    font-size: 128.6%;
    font-weight: 700;
  }
  .merit {
    padding-bottom: 80px;
  }
  .merit-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
  }
  .merit-blc {
    overflow: hidden;
    width: 336px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .merit-blc dl {
    padding: 33px 28px;
  }
  .merit-blc dt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    margin-bottom: 1em;
  }
  .merit-blc dt::before {
    content: "";
    position: absolute;
    top: .556em;
    left: -28px;
    display: block;
    width: .667em;
    height: .389em;
    background: #FD9409;
  }
  .merit-blc dd {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .compare {
    padding-bottom: 126px;
  }
  .compare-wrap {
    margin-top: 53px;
  }
  .compare-tbl {
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
  .compare-th,
  .compare-tr {
    box-sizing: border-box;
    border: solid 2px #E4E4E4;
  }
  .compare-th {
    width: 19.51%;
  }
  .compare-tr {
    width: 23.26%;
    margin-left: -2px;
  }
  .compare-tr.compare-emp {
    width: unset;
  }
  .compare-th li,
  .compare-tr li {
    line-height: 1.562;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 62px;
    border-top: solid 2px #E4E4E4;
  }
  .compare-th li {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1em;
  }
  .compare-tr li {
    font-size: 20px;
    font-weight: 500;
  }
  .compare-tr li span {
    font-size: 16px;
  }
  .compare-th li.no-title,
  .compare-tr li.compare-title {
    border-top: none;
    height: 91px;
  }
  .compare-th li:nth-child(odd),
  .compare-tr li:nth-child(odd) {
    background: #F7F7F7;
  }
  .compare-th li.no-title {
    background: #fff;
  }
  .compare-tr li.compare-title {
    color: #fff;
    font-size: 18px;
    line-height: 1.388;
    background: #707070;
  }
  .compare-tr.compare-emp {
    position: relative;
    width: 34.34%;
    padding-bottom: 2px;
    border: none;
  }
  .compare-tr.compare-emp::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 100%;
    border: solid 5px #FD9409;
  }
  .compare-tr.compare-emp li {
    color: #FD9409;
    font-size: 26px;
    background: #FFFEF2;
  }
  .compare-tr.compare-emp li:nth-child(odd) {
    background: #FFFDE5;
  }
  .compare-tr li.compare-title.title-logo {
    background: #FDF1C8;
    height: 149px;
  }
  .compare-tr li.title-logo img {
    width: 193px;
    margin-top: 5px;
  }
  .compare-th li.no-title {
    overflow: hidden;
    position: relative;
  }
  .compare-th li.no-title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 120%;
    height: 1px;
    background: #E4E4E4;
    transform: translate(-50%, -50%) rotate(23deg);
  }
  .function {
    padding-bottom: 80px;
  }
  .function-blc {
    margin-top: 78px;
  }
  .content-title + .function-blc {
    margin-top: 56px;
  }
  .function-title {
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #222;
    border-radius: 15px;
  }
  .function-num {
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    display: block;
    width: 90px;
    padding: 0 0 .182em .136em;
  }
  .function-title em {
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.458;
    flex: 1;
    padding: .611em 1.167em;
    background: #FD9409;
  }
  .function-title strong {
    color: #fff;
    font-size: 133.3%;
    display: block;
    margin-bottom: .25em;
  }
  .function-title em span {
    color: #fff;
    font-weight: 500;
  }
  .function-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 42px;
    margin-top: 40px;
  }
  .function-item {
    width: 336px;
    padding: 29px 28px 35px 29px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .function-item dt {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    text-align: center;
    margin-bottom: 1em;
    padding: .444em 1em .5em;
    background: #D4ECF2;
    border-radius: 9999px;
  }
  .function-item dd {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .case {
    padding-bottom: 80px;
  }
  .case-box01 {
    margin-top: 51px;
    padding: 50px 44px 67px;
    background: #FFFEF2;
    border-radius: 15px;
  }
  .case-box01 .case-item {
    margin-top: 60px;
  }
  .case-box01 .case-item:first-child {
    margin-top: 0;
  }
  .case-title01 {
    font-size: 30px;
    display: flex;
    margin-bottom: 39px;
    padding-bottom: .667em;
    border-bottom: solid 2px #FD9409;
  }
  .case-title01 span,
  .case-title01 em {
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.467;
  }
  .case-title-sub {
    color: #FD9409;
    position: relative;
    margin-right: 1.3em;
    padding-left: 1.133em;
  }
  .case-title-sub::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -40%);
    display: block;
    width: .533em;
    height: .533em;
    border-radius: 50%;
    background: #FD9409;
  }
  .case-wrap01 {
    display: flex;
    justify-content: space-between;
  }
  .case-blc01 {
    width: 481px;
    box-sizing: border-box;
    background: #fff;
    border: solid 12px #E4E4E4;
    border-radius: 15px;
  }
  .case-title02 {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    padding: .36em 0 .68em;
    background: #E4E4E4;
  }
  .case-blc01.case-emp {
    position: relative;
    border-color: #FD9409;
  }
  .case-blc01.case-emp::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -43px;
    transform: translate(0, -50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 0 26px 20px;
    border-color: transparent transparent transparent #fd9309;
  }
  .case-blc01.case-emp .case-title02 {
    color: #fff;
    background: #FD9409;
  }
  .case-blc01-cont {
    padding: 21px 37px 32px;
  }
  .case-note {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .case-blc01-cont li {
    position: relative;
    padding-left: 2.063em;
  }
  .case-blc01-cont li::before {
    content: "";
    position: absolute;
    top: .438em;
    left: 0;
    display: block;
    width: 1.25em;
    height: 1.25em;
    background-image: url(./../img/ico_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .case-frame {
    display: flex;
    align-items: center;
    margin-top: 32px;
    padding: 23px 0 24px 40px;
    background: #fff;
    border: solid 2px #FFE4C1;
    border-radius: 15px;
  }
  .case-frame dt {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.8;
    text-align: center;
    margin-right: 48px;
  }
  .case-frame dd {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    width: 11.667em;
    margin-right: 10px;
    padding: .6em 0 .667em;
    background: #222;
    border-radius: 9999px;
  }
  .case-box02 {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 104px;
    padding: 50px 48px;
    background: #EAF6F9;
    border-radius: 15px;
  }
  .case-box02::before {
    content: "";
    position: absolute;
    top: -73px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 47px 80px 0 80px;
    border-color: rgba(253, 148, 9, .36) transparent transparent transparent;
  }
  .case-box02 .case-blc02 {
    width: 454px;
  }
  .case-box02 .case-blc02:nth-child(2) {
    position: relative;
  }
  .case-box02 .case-blc02:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -55px;
    transform: translate(0, -50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 38.5px 0 38.5px 28px;
    border-color: transparent transparent transparent #fd9309;
  }
  .step {
    padding-bottom: 80px;
  }
  .step-item {
    position: relative;
    margin-top: 77px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .step-item::before {
    content: "";
    position: absolute;
    top: -51px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 43.5px 0 43.5px;
    border-color: #27adb2 transparent transparent transparent;
  }
  .content-title + .step-item {
    margin-top: 57px;
  }
  .content-title + .step-item::before {
    content: none;
  }
  .step-title {
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    border-top-left-radius: 20px;
  }
  .step-num {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    width: 2.531em;
    margin-right: 1.156em;
    padding: .813em 0 .718em .063em;
    background: #FD9409;
  }
  .step-title em {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.467;
    flex: 1;
  }
  .step-wrap01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 36px 75px 50px;
  }
  .step-wrap02 {
    padding: 36px 75px 45px;
  }
  .step-wrap03 {
    display: flex;
    justify-content: space-between;
    padding: 0 74px 51px 0;
  }
  .step-blc01 {
    width: 450px;
  }
  .step-blc02 {
    width: 682px;
  }
  .step-blc03 {
    padding-top: 51px;
    width: 304px;
  }
  .step-note {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .step-box {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 22px;
    background: #707070;
    border-radius: 10px;
  }
  .step-box-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1;
    text-align: center;
    width: 6.625em;
  }
  .step-box ul {
    flex: 1;
    padding: 10px 0 12px 22px;
    background: #F2F2F2;
  }
  .step-box li {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 1.875;
    display: inline-block;
    width: 9em;
  }
  .step-box li::before {
    content: "・";
  }
}
@media screen and (max-width: 768px) {
  body {
    -webkit-text-size-adjust: 100%;
    min-width: 100%;
    width: 100%;
    padding-top: 56px;
    /* padding-bottom: 135px; */
    overflow-x: hidden;
  }
  header {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 56px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .logo {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  header .logo a img {
    width: 90px;
  }
  header .logo p {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 10px;
  }
  header .logo p span {
    font-weight: 500;
    padding-left: 1.5em;
    position: relative;
  }
  header .logo p span::before {
    content: "";
    position: absolute;
    left: 0.75em;
    top: 0.25em;
    height: 1em;
    width: 1px;
    display: block;
    background-color: #222;
  }
  header nav.pc_menu {
    display: none;
  }
  header nav.menu {
    position: fixed;
    top: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 56px 0 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
  }
  header nav.menu ul {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 20px 20px 80px;
  }
  header nav.menu ul li {
    width: 100%;
    max-width: 334px;
    margin: 0 auto;
  }
  header nav.menu ul li a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 0.5em 0 0.5em 1em;
    position: relative;
  }
  header nav.menu ul li a::before {
    content: "";
    position: absolute;
    left: 0.25em;
    top: 1em;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FD9409;
  }
  header nav.menu ul li.document {
    margin-top: 2em;
    margin-bottom: 1em;
  }
  header nav.menu ul li.document a {
    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;
    width: 100%;
    height: 46px;
    background-color: #FD9409;
    border: 1px solid #FD9409;
    text-align: center;
  }
  header nav.menu ul li.document a::before {
    display: none;
  }
  header nav.menu ul li.document a span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding-left: 1.5em;
  }
  header nav.menu ul li.document a span::before {
    content: "";
    position: absolute;
    left: -0.1em;
    top: 0.4em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/ic_document.svg) no-repeat;
  }
  header nav.menu ul li.contact a {
    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;
    width: 100%;
    height: 46px;
    background-color: #4D98D0;
    border: 1px solid #4D98D0;
    text-align: center;
  }
  header nav.menu ul li.contact a::before {
    display: none;
  }
  header nav.menu ul li.contact a span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding-left: 1.5em;
  }
  header nav.menu ul li.contact a span::before {
    content: "";
    position: absolute;
    left: -0.1em;
    top: 0.4em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/ic_contact.svg) no-repeat;
  }
  #modal-overlay1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    /*background-color: rgba( 0,0,0, 0.8 );*/
    z-index: 9;
  }
  .menu_toggle {
    position: fixed;
    right: 0;
    top: 0;
    display: block;
    z-index: 10;
  }
  .menu_toggle > div {
    position: relative;
    height: 30px;
    width: 34px;
    z-index: 100;
    top: 14px;
    right: 14px;
  }
  .menu_toggle > div > span {
    display: block;
    width: inherit;
    height: 3px;
    background: #0F151C;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .menu_toggle > div > span:first-of-type {
    top: 0;
  }
  .menu_toggle > div > span:nth-of-type(2) {
    top: 10px;
  }
  .menu_toggle > div > span:last-of-type {
    top: 20px;
    width: 20px;
  }
  .menu_toggle > span {
    display: block;
    text-align: center;
  }
  .menu_toggle.open > div > span {
    width: 30px;
    top: 12px;
    left: 0;
    background-color: #0F151C;
  }
  .menu_toggle.open > div > span:first-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .menu_toggle.open > div > span:nth-of-type(2) {
    opacity: 0;
  }
  .menu_toggle.open > div > span:last-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  footer {
    background-color: #F2F2F2;
    padding-top: 3em;
  }
  footer .wrap {
    padding: 0 20px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 3em;
  }
  footer .wrap ul.logo li {
    text-align: center;
    font-size: 14px;
    padding-bottom: 2em;
  }
  .ft-txt {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.923;
    display: block;
  }
  footer .wrap ul.logo li img {
    margin-bottom: 0.75em;
  }
  footer .wrap ul.logo li img.img1 {
    width: 142px;
    height: auto;
  }
  footer .wrap ul.logo li.pt2 a {
    display: block;
    text-align: left;
  }
  footer .wrap ul.btn {
    display: none;
  }
  footer .wrap ul.footer_menu1 {
    margin-top: 1em;
  }
  footer .wrap ul.footer_menu1 li {
    margin-bottom: 1em;
    padding-left: 1em;
    position: relative;
  }
  footer .wrap ul.footer_menu1 li::before {
    content: "";
    position: absolute;
    left: -0.4em;
    top: 0.55em;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #FD9409;
  }
  footer .wrap ul.footer_menu1 li a {
    font-size: 14px;
    font-weight: 500;
  }
  footer .wrap ul.footer_menu1 li a:hover {
    text-decoration: underline;
    color: #FD9409;
  }
  footer ul.footer_menu2 {
    width: 100%;
    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;
    padding-bottom: 1em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer ul.footer_menu2 li {
    margin: 0 1em;
    position: relative;
  }
  footer ul.footer_menu2 li:first-of-type {
    margin-bottom: 1.25em;
    width: 100%;
    text-align: center;
  }
  footer ul.footer_menu2 li:first-of-type a {
    font-size: 14px;
    font-weight: 700;
  }
  footer ul.footer_menu2 li:first-of-type::before {
    display: none;
  }
  footer ul.footer_menu2 li:last-of-type::after {
    content: "";
    position: absolute;
    right: -1em;
    top: 0.3em;
    width: 1px;
    height: 1em;
    background-color: #222;
  }
  footer ul.footer_menu2 li::before {
    content: "";
    position: absolute;
    left: -1em;
    top: 0.3em;
    width: 1px;
    height: 1em;
    background-color: #222;
  }
  footer ul.footer_menu2 li a {
    font-size: 12px;
    font-weight: 500;
  }
  footer ul.footer_menu2 li a:hover {
    color: #FD9409;
    text-decoration: underline;
  }
  footer .copyright {
    width: 100%;
    text-align: center;
    padding: 1em 0;
    font-size: 12px;
    font-weight: 700;
    display: block;
  }
  .fixed_bnr {
    position: fixed;
    z-index: 9;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1em 0;
    background-color: rgba(255, 255, 255, .7);
    display: none;
  }
  .fixed_bnr .txt {
    padding: 0 20px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 0.5em;
    padding-left: 40px;
    padding-right: 40px;
  }
  .fixed_bnr .txt span {
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-right: 70px;
    background: url(../img/document1.png) no-repeat;
    background-position: right 0 top 0;
    background-size: 68px auto;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    position: relative;
  }
  .fixed_bnr .txt span::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 25px;
    display: block;
    width: 2em;
    height: 2px;
    background-color: #222;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  .fixed_bnr .txt span::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 25px;
    display: block;
    width: 2em;
    height: 2px;
    background-color: #222;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  .fixed_bnr ul {
    width: 100% - 20px);
    max-width: 600px;
    margin: 0 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fixed_bnr ul li.document,
  .fixed_bnr ul li.contact {
    width: 48%;
  }
  .fixed_bnr ul li.document a {
    background-color: #FD9409;
    border-radius: 0.25em;
    padding: 1.25em;
    border: 1px solid #FD9409;
    outline: 1px solid #fff;
    outline-offset: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    display: block;
    -webkit-box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
            box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
    text-align: center;
    position: relative;
  }
  .fixed_bnr ul li.document a::before {
    content: "";
    position: absolute;
    left: 1em;
    top: 45%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .fixed_bnr ul li.document a span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-left: 0.5em;
  }
  .fixed_bnr ul li.contact a {
    background-color: #4D98D0;
    border-radius: 0.25em;
    padding: 1.25em;
    border: 1px solid #4D98D0;
    outline: 1px solid #fff;
    outline-offset: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    display: block;
    -webkit-box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
            box-shadow: 0 3px 3px rgba(16, 16, 114, .1);
    text-align: center;
    position: relative;
  }
  .fixed_bnr ul li.contact a::before {
    content: "";
    position: absolute;
    left: 1em;
    top: 45%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .fixed_bnr ul li.contact a span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-left: 0.5em;
  }
  .fixed_bnr .pagetop {
    position: absolute;
    top: -50px;
    right: -5px;
  }
  .fixed_bnr .pagetop span {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #4D98D0;
    border: 1px solid #fff;
    border-radius: 0.5em;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: auto;
    margin-right: 20px;
  }
  .fixed_bnr .pagetop span::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0.5em;
    bottom: 0;
    margin: auto;
    display: block;
    width: 1em;
    height: 1em;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }

  /* コンテンツ */
  .content-wrap {
    padding: 0 20px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .content-title {
    text-align: center;
  }
  .content-title-sub {
    color: #FD9409;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    line-height: 1;
    display: inline-block;
    margin-bottom: .727em;
    padding-bottom: 1.045em;
  }
  .content-title-sub::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translate(-50%, 0);
    display: block;
    width: 2.409em;
    height: 1px;
    background: #FD9409;
  }
  .content-title em {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.437;
    display: block;
  }
  .section {
    padding: 28px 0 30px;
  }
  .mv {
    position: relative;
    padding-bottom: 200px;
    background-color: #27ADB2;
  }
  .mv::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 264px;
    height: 200px;
    background-image: url(./../img/mv.png);
    background-repeat: no-repeat;
    background-size: auto 220px;
    background-position: right top;
  }
  .mv .content-wrap {
    padding-top: 25px;
  }
  .mv-title {
    text-align: center;
    max-width: 477px;
    margin: 0 auto;
    padding: 14px 14px 15px;
    background: #222;
    border-radius: 30px;
  }
  .mv-title span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
  }
  .mv-title em {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: .206em 0 .177em;
  }
  .mv-catch {
    font-size: 18px;
    letter-spacing: .05em;
    text-align: center;
    margin-top: .875em;
  }
  .mv-catch p,
  .mv-catch-txt {
    color: #fff;
    font-weight: 700;
  }
  .mv-catch p {
    line-height: 1.458;
  }
  .mv-catch-txt {
    font-size: 20px;
    line-height: 1.617;
    text-shadow:
      3px 3px 3px #27ADB2, -3px -3px 3px #27ADB2,
      -3px 3px 3px #27ADB2,  3px -3px 3px #27ADB2,
      3px 0px 3px #27ADB2, -3px -0px 3px #27ADB2,
      0px 3px 3px #27ADB2,  0px -3px 3px #27ADB2;
    margin-top: .345em;
  }
  .mv-btn {
    max-width: 477px;
    margin: 20px auto 10px;
  }
  .mv-btn a {
    font-size: 14px;
    letter-spacing: .05em;
    text-align: center;
    position: relative;
    display: block;
    padding: 1.313em 2em 1.5em;
    background: #FD9409;
    border: solid 1px #FD9409;
    border-radius: 5px;
    transition: all .3s;
  }
  .mv-btn a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.063em;
    display: block;
    width: .625em;
    height: .625em;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform-origin: top right;
    transform: rotate(-45deg) translate(0, -100%);
    transition: all .3s;
  }
  .mv-btn a p {
    color: #fff;
    line-height: 1;
    position: relative;
  }
  .mv-btn a:hover {
    background: #fff;
  }
  .mv-btn a:hover::after {
    border-color: #FD9409;
  }
  .mv-btn a:hover p {
    color: #FD9409;
  }
  .mv-btn-img {
    display: none;
  }
  .mv-btn-app {
    font-weight: 500;
    display: inline-block;
    padding: 0 1.5em;
  }
  .mv-btn-app::before,
  .mv-btn-app::after {
    content: "／";
    position: absolute;
    top: 0;
    display: block;
    width: 1em;
    height: 1em;
  }
  .mv-btn-app::before {
    left: 0;
    transform: rotate(10deg) scale(-1, 1);
  }
  .mv-btn-app::after {
    right: 0;
    transform: rotate(-10deg);
  }
  .mv-btn-download {
    font-size: 16px;
    font-weight: 700;
    width: 10.5em;
    margin: .714em auto 0;
    padding-left: 1.762em;
  }
  .mv-btn-download::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.143em;
    height: 1em;
    background-image: url(./../img/ico_download.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .3s;
  }
  .mv a:hover .mv-btn-download::before {
    background-image: url(./../img/ico_download_h.svg);
  }
  .intro-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.428;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 20px;
  }
  .intro-note p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 2.062;
  }
  .intro-box {
    margin-top: 25px;
    padding: 15px 10px 20px;
    border: solid 1px #707070;
    border-radius: 10px;
  }
  .intro-box li {
    position: relative;
    max-width: 180px;
    margin: 60px auto 0;
    z-index: 1;
  }
  .intro-box li:first-child {
    margin-top: 0;
  }
  .intro-box li:nth-child(2) {
    max-width: 284px;
    margin-top: 80px;
  }
  .intro-box li:nth-child(2)::before,
  .intro-box li:nth-child(2)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-110%, 0) rotate(90deg);
    transform-origin: bottom right;
    display: block;
    width: 40px;
    height: 16px;
    background-image: url(./../img/arrow.svg);
    background-repeat: no-repeat;
    background-size: 80px auto;
    background-position: bottom right;
  }
  .intro-box li:nth-child(2)::before {
    top: -35px;
  }
  .intro-box li:nth-child(2)::after {
    bottom: -65px;
  }
  .task-intro {
    position: relative;
    margin-top: 20px;
    padding-top: 118px;
  }
  .task-intro::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    display: block;
    width: 100%;
    height: 120px;
    background-image: url(./../img/sec02_img01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .task-intro p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.65;
    text-align: center;
  }
  .task-intro ul {
    margin-top: 15px;
  }
  .task-intro ul li {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.47;
    position: relative;
    margin-top: 9px;
    padding: .706em 1.471em .824em 3.765em;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 3px 20px 0 rgba(0, 0, 0, .07);
  }
  .task-intro ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.882em;
    transform: translate(0, -55%);
    display: block;
    width: 1.176em;
    height: 1.176em;
    background-image: url(./../img/ico_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .task-intro ul li:first-child {
    margin-top: 0;
  }
  .task-solution {
    text-align: center;
    position: relative;
    padding-top: 80px;
  }
  .task-solution::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #fd9309 transparent transparent transparent;
  }
  .task-solution dt {
    max-width: 142px;
    margin: 0 auto;
  }
  .task-solution dd,
  .task-solution dd span {
    font-weight: 700;
  }
  .task-solution dd {
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.437;
    margin-top: 20px;
  }
  .task-wrap {
    margin-top: 25px;
  }
  .task-wrap .task-blc {
    max-width: 336px;
    margin: 20px auto 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .task-wrap .task-blc:first-child {
    margin-top: 0;
  }
  .task-title {
    font-size: 18px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2.308em;
    height: 8.846em;
    background: #FD9409;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .task-title-num {
    color: #FD9409;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 1.2em;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.05em;
    height: 2.05em;
    transform: translate(-50%, 0);
    background: #fff;
    border-radius: 50%;
  }
  .task-title-txt {
    color: #fff;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.538;
  }
  .task-cont {
    padding: 18px 20px 20px;
  }
  .task-cont .task-note {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
    margin-top: 1em;
    padding-top: 1.063em;
    background-image: linear-gradient(to right, #FD9409, #FD9409 2px, transparent 2px);
    background-size: 4px 1px;
    background-position: left top;
    background-repeat: repeat-x;
  }
  .task-cont .task-note:first-child {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .task-note em {
    color: #FD9409;
    font-weight: 700;
  }
  .about-intro {
    margin-top: 20px;
  }
  .about-intro p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 2.062;
  }
  .about-box,
  .about-blc {
    border-radius: 20px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .about-box {
    margin-top: 20px;
    padding: 10px 20px 20px;
  }
  .about-img {
    margin: 0 -40px;
  }
  .about-wrap .about-blc {
    margin-top: 20px;
    padding: 18px 20px 20px;
    background: #fff;
  }
  .about-wrap .about-blc:first-child {
    margin-top: 0;
  }
  .about-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.454;
    padding-bottom: .591em;
    border-bottom: solid 1px #27ADB2;
  }
  .about-blc ul {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 16px;
    margin-top: 20px;
  }
  .about-blc li {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    display: inline-block;
    padding: .688em 1.313em .75em 1.438em;
    background: #27ADB2;
    border-radius: 9999px;
  }
  .about-conc {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 2.142;
    text-align: center;
    margin-top: 20px;
  }
  .about-conc em {
    color: #FD9409;
    font-size: 128.6%;
    font-weight: 700;
  }
  .merit-wrap {
    margin-top: 20px;
  }
  .merit-wrap .merit-blc {
    overflow: hidden;
    max-width: 336px;
    margin: 20px auto 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .merit-wrap .merit-blc:first-child {
    margin-top: 0;
  }
  .merit-blc dl {
    padding: 22px 20px 25px;
  }
  .merit-blc dt {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    margin-bottom: 1em;
  }
  .merit-blc dt::before {
    content: "";
    position: absolute;
    top: .556em;
    left: -20px;
    display: block;
    width: .667em;
    height: .389em;
    background: #FD9409;
  }
  .merit-blc dd {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .compare-note {
    color: #FD9409;
    text-align: right;
    margin: 20px 0 1em;
  }
  .compare-wrap {
    margin-bottom: 3px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .compare-inner {
    width: 100%;
    min-width: 780px;
    padding-bottom: 20px;
  }
  .compare-tbl {
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
  .compare-th,
  .compare-tr {
    box-sizing: border-box;
    border: solid 2px #E4E4E4;
  }
  .compare-th {
    width: 19.51%;
  }
  .compare-tr {
    width: 23.26%;
    margin-left: -2px;
  }
  .compare-tr.compare-emp {
    width: unset;
  }
  .compare-th li,
  .compare-tr li {
    line-height: 1.562;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-top: solid 2px #E4E4E4;
  }
  .compare-th li {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1em;
  }
  .compare-tr li {
    font-size: 16px;
    font-weight: 500;
  }
  .compare-tr li span {
    font-size: 14px;
  }
  .compare-th li.no-title,
  .compare-tr li.compare-title {
    border-top: none;
    height: 70px;
  }
  .compare-th li:nth-child(odd),
  .compare-tr li:nth-child(odd) {
    background: #F7F7F7;
  }
  .compare-th li.no-title {
    background: #fff;
  }
  .compare-tr li.compare-title {
    color: #fff;
    font-size: 14px;
    line-height: 1.388;
    background: #707070;
  }
  .compare-tr.compare-emp {
    position: relative;
    width: 34.34%;
    padding-bottom: 2px;
    border: none;
  }
  .compare-tr.compare-emp::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 100%;
    border: solid 5px #FD9409;
  }
  .compare-tr.compare-emp li {
    color: #FD9409;
    font-size: 18px;
    background: #FFFEF2;
  }
  .compare-tr.compare-emp li:nth-child(odd) {
    background: #FFFDE5;
  }
  .compare-tr li.compare-title.title-logo {
    background: #FDF1C8;
    height: 110px;
  }
  .compare-tr li.title-logo img {
    width: 142px;
    margin-top: 5px;
  }
  .compare-th li.no-title {
    overflow: hidden;
    position: relative;
  }
  .compare-th li.no-title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 120%;
    height: 1px;
    background: #E4E4E4;
    transform: translate(-50%, -50%) rotate(24deg);
  }
  .function-blc {
    margin-top: 30px;
  }
  .content-title + .function-blc {
    margin-top: 20px;
  }
  .function-title {
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #222;
    border-radius: 15px;
  }
  .function-num {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    display: block;
    width: 50px;
    padding: 0 0 .182em .136em;
  }
  .function-title em {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.458;
    flex: 1;
    padding: .611em 1.167em;
    background: #FD9409;
  }
  .function-title strong {
    color: #fff;
    font-size: 17px;
    display: block;
    margin-bottom: .25em;
  }
  .function-title em span {
    color: #fff;
    font-weight: 500;
  }
  .function-cont {
    margin-top: 20px;
  }
  .function-cont .function-item {
    max-width: 336px;
    margin: 20px auto 0;
    padding: 18px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .function-cont .function-item:first-child {
    margin-top: 0;
  }
  .function-item dt {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    text-align: center;
    margin-bottom: 1em;
    padding: .444em 1em .5em;
    background: #D4ECF2;
    border-radius: 9999px;
  }
  .function-item dd {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .case-box01 {
    margin-top: 20px;
    padding: 18px 20px 20px;
    background: #FFFEF2;
    border-radius: 10px;
  }
  .case-box01 .case-item {
    margin-top: 30px;
  }
  .case-box01 .case-item:first-child {
    margin-top: 0;
  }
  .case-title01 {
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: .667em;
    border-bottom: solid 2px #FD9409;
  }
  .case-title01 span,
  .case-title01 em {
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.467;
  }
  .case-title-sub {
    color: #FD9409;
    font-size: 16px;
    position: relative;
    width: 6em;
    padding-left: 1.133em;
  }
  .case-title-sub::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -40%);
    display: block;
    width: .533em;
    height: .533em;
    border-radius: 50%;
    background: #FD9409;
  }
  .case-title01 em {
    flex: 1;
  }
  .case-wrap01 .case-blc01 {
    max-width: 481px;
    margin: 50px auto 0;
    box-sizing: border-box;
    background: #fff;
    border: solid 12px #E4E4E4;
    border-radius: 15px;
  }
  .case-wrap01 .case-blc01:first-child {
    margin-top: 0;
  }
  .case-title02 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    padding: .1em 0 .68em;
    background: #E4E4E4;
  }
  .case-blc01.case-emp {
    position: relative;
    border-color: #FD9409;
  }
  .case-blc01.case-emp::before {
    content: "";
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 26px 0 26px;
    border-color: #fd9309 transparent transparent transparent;
  }
  .case-blc01.case-emp .case-title02 {
    color: #fff;
    background: #FD9409;
  }
  .case-blc01-cont {
    padding: 18px 20px 20px;
  }
  .case-note {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .case-blc01-cont li {
    position: relative;
    padding-left: 2.063em;
  }
  .case-blc01-cont li::before {
    content: "";
    position: absolute;
    top: .438em;
    left: 0;
    display: block;
    width: 1.25em;
    height: 1.25em;
    background-image: url(./../img/ico_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .case-frame {
    margin-top: 20px;
    padding: 18px 20px 20px;
    background: #fff;
    border: solid 2px #FFE4C1;
    border-radius: 10px;
  }
  .case-frame dt {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.8;
    text-align: center;
  }
  .case-frame dd {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    width: 11.667em;
    margin: 20px auto 0;
    padding: .6em 0 .667em;
    background: #222;
    border-radius: 9999px;
  }
  .case-box02 {
    position: relative;
    margin-top: 60px;
    padding: 20px;
    background: #EAF6F9;
    border-radius: 10px;
  }
  .case-box02::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 60px 0 60px;
    border-color: rgba(253, 148, 9, .36) transparent transparent transparent;
  }
  .case-box02 .case-blc02 {
    max-width: 454px;
    margin: 0 auto;
  }
  .case-box02 .case-blc02:nth-child(2) {
    position: relative;
    margin-top: 50px;
  }
  .case-box02 .case-blc02:nth-child(2)::before {
    content: "";
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 26px 0 26px;
    border-color: #fd9309 transparent transparent transparent;
  }
  .step-item {
    position: relative;
    margin-top: 50px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .07);
  }
  .step-item::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 33.5px 0 33.5px;
    border-color: #27adb2 transparent transparent transparent;
  }
  .content-title + .step-item {
    margin-top: 20px;
  }
  .content-title + .step-item::before {
    content: none;
  }
  .step-title {
    overflow: hidden;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
  }
  .step-num {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    width: 2.531em;
    margin-right: .75em;
    padding: .813em 0 .718em .063em;
    background: #FD9409;
  }
  .step-title em {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.467;
    flex: 1;
    padding-top: .3em;
  }
  .step-wrap01,
  .step-wrap02 {
    padding: 15px 20px 20px;
  }
  .step-blc01 img {
    margin-top: 20px;
  }
  .step-blc03 {
    padding: 0 20px 20px;
  }
  .step-note {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 2.062;
  }
  .step-box {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 18px;
    background: #707070;
    border-radius: 10px;
  }
  .step-box-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1;
    text-align: center;
    width: 6.625em;
  }
  .step-box ul {
    flex: 1;
    padding: 10px 0 12px 22px;
    background: #F2F2F2;
  }
  .step-box li {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 1.875;
    display: inline-block;
    width: 9em;
  }
  .step-box li::before {
    content: "・";
  }
}