@charset "UTF-8";
@media screen and (min-width: 1080px) {
  .content {
    width: 100%;
  }
  .content img {
    vertical-align: bottom;
  }
  .content .mv_corp {
    width: 100%;
    text-align: center;
  }
  .content .mv_corp .img_mv {
    width: 100%;
    background: #e3eeff;
  }
  .content .mv_corp .img_mv img {
    max-width: 1080px;
  }
  .content .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .content .section .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    width: 1080px;
  }
  .content .section .wrap .ttl_sct {
    text-align: center;
    font-size: 36px;
    color: #1a4896;
    position: relative;
  }
  .content .section .wrap .ttl_sct::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin: 12px auto 0;
    background-color: #1a4896;
  }
  .content .section .wrap .btn_contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480px;
    height: 72px;
    background: linear-gradient(to bottom right, #0776fb, #0a2ec4);
    border-radius: 36px;
    position: relative;
    transition: 0.3s;
  }
  .content .section .wrap .btn_contact:hover {
    opacity: 0.9;
    transition: 0.3s;
  }
  .content .section .wrap .btn_contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
  }
  .content .section .wrap .btn_contact a:hover {
    opacity: 1;
  }
  .content .section .wrap .btn_contact::after {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    position: absolute;
    top: 50%;
    right: 27px;
    transform: translate(0, -8px) skew(40deg);
  }
  .content .section .wrap .btn_common {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480px;
    height: 72px;
    background: #002b6d;
    border-radius: 36px;
    position: relative;
    transition: 0.3s;
  }
  .content .section .wrap .btn_common:hover {
    opacity: 0.9;
    transition: 0.3s;
  }
  .content .section .wrap .btn_common a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
  }
  .content .section .wrap .btn_common a:hover {
    opacity: 1;
  }
  .content .section .wrap .btn_common::after {
    content: "";
    display: block;
    width: 32px;
    height: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    position: absolute;
    top: 50%;
    right: 27px;
    transform: translate(0, -8px) skew(40deg);
  }
  .content .section .wrap .txt_note {
    width: 100%;
    font-size: 14px;
    -moz-columns: #222;
         columns: #222;
  }
  .content #concept_corp {
    background: #fff;
  }
  .content #concept_corp .ttl_sct::before {
    content: "";
    width: 234px;
    height: 34px;
    background: #fff95f;
    position: absolute;
    right: 122px;
    top: 11px;
    z-index: -1;
  }
  .content #concept_corp .cont_concept {
    display: flex;
    justify-content: center;
    gap: 48px;
    width: 100%;
    height: 367px;
  }
  .content #concept_corp .cont_concept .left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 518px;
  }
  .content #concept_corp .cont_concept .left .ttl_cont {
    display: block;
    padding-bottom: 12px;
    font-size: 36px;
    color: #222;
    line-height: 1.3;
    border-bottom: solid 1px #002b6d;
  }
  .content #concept_corp .cont_concept .left .ttl_cont span {
    display: block;
    font-size: 48px;
    color: #002b6d;
  }
  .content #concept_corp .cont_concept .left .txt_concept {
    font-size: 14px;
    line-height: 1.3;
  }
  .content #concept_corp .cont_concept .right {
    width: 516px;
  }
  .content #concept_corp .cont_concept .right img {
    width: 100%;
  }
  .content #scenes {
    background: #e3eeff;
  }
  .content #scenes .ttl_sct {
    color: #002b6d;
  }
  .content #scenes .ttl_sct::after {
    display: none;
  }
  .content #scenes .ttl_sct span {
    display: inline-block;
    margin: 0 8px;
    padding: 0 8px;
    background: #fff;
    position: relative;
  }
  .content #scenes .ttl_sct span::before {
    content: "";
    width: 18px;
    height: 12px;
    border-left: solid 1px #6388c6;
    border-bottom: solid 1px #6388c6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .content #scenes .ttl_sct span::after {
    content: "";
    width: 18px;
    height: 12px;
    border-right: solid 1px #6388c6;
    border-top: solid 1px #6388c6;
    position: absolute;
    top: 0;
    right: 0;
  }
  .content #scenes .cont_scenes .list_scenes_main {
    display: flex;
    gap: 24px;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 528px;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l h4 {
    text-align: center;
    font-size: 30px;
    color: #002b6d;
    padding-bottom: 12px;
    border-bottom: dashed 1px #002b6d;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l h4::before {
    content: "";
    display: block;
    width: 60px;
    height: 36px;
    position: absolute;
    top: -24px;
    transform: translate(0, -50%);
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l .txt_scenes {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l .txt_scenes span {
    display: inline-block;
    color: #f03442;
    position: relative;
    z-index: 10;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l .txt_scenes span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 8px;
    padding: 0 6px;
    background: #fff95f;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l img {
    width: 100%;
    height: 270px;
    background: #efefef;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l::before {
    content: "";
    width: 30px;
    height: 30px;
    border-left: solid 1px #6388c6;
    border-bottom: solid 1px #6388c6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l::after {
    content: "";
    width: 30px;
    height: 30px;
    border-right: solid 1px #6388c6;
    border-top: solid 1px #6388c6;
    position: absolute;
    top: 0;
    right: 0;
  }
  .content #scenes .cont_scenes .list_scenes_main .scenes_01 h4::before {
    background: url(../img/copr-lp/01.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_main .scenes_02 h4::before {
    background: url(../img/copr-lp/02.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s {
    display: flex;
    gap: 12px;
    width: 520px;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s h4 {
    font-size: 20px;
    color: #002b6d;
    padding-bottom: 6px;
    border-bottom: dashed 1px #002b6d;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s h4::before {
    content: "";
    display: block;
    width: 36px;
    height: 24px;
    position: absolute;
    top: -24px;
    transform: translate(0, -50%);
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .txt_scenes {
    width: 250px;
    font-size: 16px;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .txt_scenes span {
    display: inline-block;
    color: #f03442;
    position: relative;
    z-index: 10;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .txt_scenes span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 8px;
    padding: 0 6px;
    background: #fff95f;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .img_card_s {
    width: 210px;
    height: 172px;
    background: #efefef;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s::before {
    content: "";
    width: 24px;
    height: 24px;
    border-left: solid 1px #6388c6;
    border-bottom: solid 1px #6388c6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s::after {
    content: "";
    width: 24px;
    height: 24px;
    border-right: solid 1px #6388c6;
    border-top: solid 1px #6388c6;
    position: absolute;
    top: 0;
    right: 0;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_03 h4::before {
    background: url(../img/copr-lp/03.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_04 h4::before {
    background: url(../img/copr-lp/04.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_05 h4::before {
    background: url(../img/copr-lp/05.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_06 h4::before {
    background: url(../img/copr-lp/06.png) no-repeat center center/contain;
  }
  .content #plan_corp {
    background: #fff;
  }
  .content #plan_corp .ttl_sct {
    width: 546px;
    height: 64px;
    line-height: 64px;
    color: #fff;
    background: url(../img/copr-lp/bg_ttl_plans.png);
    border: solid 2px #002b6d;
    letter-spacing: 2px;
  }
  .content #plan_corp .ttl_sct span {
    margin-right: 48px;
    color: #002b6d;
    position: relative;
    z-index: 10;
    letter-spacing: 4px;
  }
  .content #plan_corp .ttl_sct span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 12px;
    padding: 0 6px;
    background: #fff95f;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  .content #plan_corp .ttl_sct::after {
    display: none;
  }
  .content #plan_corp .cont_plan {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .content #device_corp .ttl_sct {
    color: #1a4896;
  }
  .content #device_corp .ttl_sct::after {
    background-color: #1a4896;
  }
  .content #device_corp .device_list {
    margin: 0;
    background: #ebebeb;
  }
  .content #device_corp .device_list ul.list_device {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .content #device_corp .device_list ul.list_device li.single_device {
    width: 31.5%;
    height: auto;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
  }
  .content #device_corp .device_list ul.list_device li.single_device h3.ttl_device {
    margin-bottom: 12px;
    text-align: center;
    font-size: 26px;
    color: #1a4896;
  }
  .content #device_corp .device_list ul.list_device li.single_device .label_device {
    width: 110px;
    height: 32px;
    line-height: 32px;
    display: block;
    text-align: center;
    color: #fff;
    background: #f03442;
    border-radius: 4px;
    letter-spacing: 1px;
  }
  .content #device_corp .device_list ul.list_device li.single_device .img_device {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
  .content #device_corp .device_list ul.list_device li.single_device .img_device img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
  }
  .content #device_corp .device_list ul.list_device li.single_device .label_spec {
    text-align: center;
    margin-bottom: 12px;
  }
  .content #device_corp .device_list ul.list_device li.single_device .label_spec .label {
    display: inline-block;
    padding: 2px 10px;
    font-size: 18px;
    color: #fff;
    background: #1a4896;
    border-radius: 4px;
  }
  .content #device_corp .device_list ul.list_device li.single_device .img_spec {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 12px;
  }
  .content #device_corp .device_list ul.list_device li.single_device .txt_device {
    margin-bottom: 12px;
    font-size: 16px;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 1px;
    color: #1a4896;
    font-weight: bold;
  }
  .content #device_corp .device_list ul.list_device li.single_device .details p {
    font-size: 14px;
  }
  .content #preparation {
    background-color: #fff;
  }
  .content #preparation .wrap {
    width: 680px;
  }
  .content #preparation .cont_prep {
    width: 100%;
    height: 136px;
    border: solid 1px #f03442;
    position: relative;
  }
  .content #preparation .cont_prep h3 {
    display: inline-block;
    text-align: right;
    width: 505px;
    font-size: 18px;
    color: #f03442;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .content #preparation .cont_prep h3::before {
    content: "！";
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #f03442;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(40%, -50%);
  }
  .content #preparation .cont_prep .list_prep {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 18px;
    height: 100%;
  }
  .content #preparation .cont_prep .list_prep .item_prep {
    width: 286px;
    padding-left: 18px;
    box-sizing: border-box;
    position: relative;
  }
  .content #preparation .cont_prep .list_prep .item_prep::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #f03442;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
  .content #preparation .cont_prep .list_prep .item_prep p {
    font-size: 16px;
    font-weight: bold;
  }
  .content #flow_corp {
    background: #e3eeff;
  }
  .content #flow_corp .wrap {
    width: 1050px;
  }
  .content #flow_corp .list_flow {
    display: flex;
    gap: 30px;
  }
  .content #flow_corp .list_flow .card_flow {
    display: flex;
    flex-direction: column;
    width: 240px;
    padding: 36px 24px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .content #flow_corp .list_flow .card_flow .ttl_flow {
    width: 152px;
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 20px;
    color: #fff;
    background: #ff4e70;
    position: absolute;
    top: 0;
    left: 12px;
    transform: translate(0, -50%);
    z-index: 1;
  }
  .content #flow_corp .list_flow .card_flow .ttl_flow::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #ff4e70;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: -1;
  }
  .content #flow_corp .list_flow .card_flow .cont_flow .img_flow {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-bottom: 18px;
    padding: 12px 24px;
    box-sizing: border-box;
    background: #f7f7f7;
  }
  .content #flow_corp .list_flow .card_flow .cont_flow .img_flow img {
    width: 80%;
    height: auto;
  }
  .content #flow_corp .list_flow .card_flow .cont_flow .txt_flow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    text-align: center;
  }
  .content #note_corp {
    background: #fff;
  }
  .content #note_corp .list_note {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 880px;
  }
  .content #note_corp .list_note .item_note {
    position: relative;
  }
  .content #note_corp .list_note .item_note::before {
    content: "・";
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: -20px;
  }
  .content #note_corp .list_note .item_note .txt_note {
    font-size: 14px;
  }
}
@media screen and (max-width: 1079px) {
  .content {
    overflow: hidden;
    width: 100%;
  }
  .content img {
    vertical-align: bottom;
  }
  .content .mv_corp {
    width: 100%;
    text-align: center;
  }
  .content .mv_corp .img_mv {
    width: 100%;
    background: #e3eeff;
  }
  .content .mv_corp .img_mv img {
    width: 100%;
  }
  .content .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .content .section .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6vw;
    width: 100%;
    padding: 0 4vw;
    box-sizing: border-box;
  }
  .content .section .wrap .ttl_sct {
    text-align: center;
    font-size: 5.5vw;
    color: #1a4896;
    position: relative;
  }
  .content .section .wrap .ttl_sct::after {
    content: "";
    display: block;
    width: 12vw;
    height: 1vw;
    margin: 4vw auto 0;
    background-color: #18335d;
  }
  .content .section .wrap .btn_contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 14vw;
    background: linear-gradient(to bottom right, #0776fb, #0a2ec4);
    border-radius: 18vw;
    position: relative;
  }
  .content .section .wrap .btn_contact a {
    font-size: 4vw;
    letter-spacing: 1px;
    color: #fff;
  }
  .content .section .wrap .btn_contact::after {
    content: "";
    display: block;
    width: 4vw;
    height: 1vw;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translate(0, -1vw) skew(40deg);
  }
  .content .section .wrap .btn_common {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 14vw;
    background: #002b6d;
    border-radius: 18vw;
    position: relative;
  }
  .content .section .wrap .btn_common a {
    font-size: 4vw;
    letter-spacing: 1px;
    color: #fff;
  }
  .content .section .wrap .btn_common::after {
    content: "";
    display: block;
    width: 4vw;
    height: 1vw;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translate(0, -1vw) skew(40deg);
  }
  .content .section .wrap .txt_note {
    font-size: 3.2vw;
    -moz-columns: #222;
         columns: #222;
  }
  .content #concept_corp {
    background: #fff;
  }
  .content #concept_corp .ttl_sct::before {
    content: "";
    width: 27vw;
    height: 5vw;
    background: #fff95f;
    position: absolute;
    right: 18vw;
    top: 1.5vw;
    z-index: -1;
  }
  .content #concept_corp .cont_concept {
    display: flex;
    justify-content: center;
    gap: 48px;
    width: 100%;
  }
  .content #concept_corp .cont_concept .left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .content #concept_corp .cont_concept .left .ttl_cont {
    display: block;
    padding-bottom: 3vw;
    text-align: center;
    font-size: 6vw;
    color: #222;
    line-height: 1.3;
    border-bottom: solid 1px #002b6d;
  }
  .content #concept_corp .cont_concept .left .ttl_cont span {
    display: block;
    font-size: 8vw;
    color: #002b6d;
  }
  .content #concept_corp .cont_concept .left .txt_concept {
    font-size: 14px;
    line-height: 1.3;
  }
  .content #scenes {
    background: #e3eeff;
  }
  .content #scenes .ttl_sct {
    color: #002b6d;
  }
  .content #scenes .ttl_sct::after {
    display: none;
  }
  .content #scenes .ttl_sct span {
    display: inline-block;
    margin: 0 2vw;
    padding: 0 2vw;
    background: #fff;
    position: relative;
  }
  .content #scenes .ttl_sct span::before {
    content: "";
    width: 4vw;
    height: 3vw;
    border-left: solid 1px #6388c6;
    border-bottom: solid 1px #6388c6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .content #scenes .ttl_sct span::after {
    content: "";
    width: 4vw;
    height: 3vw;
    border-right: solid 1px #6388c6;
    border-top: solid 1px #6388c6;
    position: absolute;
    top: 0;
    right: 0;
  }
  .content #scenes .cont_scenes {
    width: 100%;
  }
  .content #scenes .cont_scenes .list_scenes_main {
    display: flex;
    flex-direction: column;
    gap: 8vw;
    margin-top: 6vw;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    width: 100%;
    padding: 4vw;
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l h4 {
    text-align: center;
    font-size: 6vw;
    color: #002b6d;
    padding-bottom: 3vw;
    border-bottom: dashed 1px #002b6d;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l h4::before {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: -4vw;
    transform: translate(0, -50%);
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l .txt_scenes {
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l .txt_scenes span {
    display: inline-block;
    color: #f03442;
    position: relative;
    z-index: 10;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l .txt_scenes span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2vw;
    padding: 0 2vw;
    background: #fff95f;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l img {
    width: 100%;
    height: 50vw;
    background: #efefef;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l::before {
    content: "";
    width: 30px;
    height: 30px;
    border-left: solid 1px #6388c6;
    border-bottom: solid 1px #6388c6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .content #scenes .cont_scenes .list_scenes_main .card_l::after {
    content: "";
    width: 30px;
    height: 30px;
    border-right: solid 1px #6388c6;
    border-top: solid 1px #6388c6;
    position: absolute;
    top: 0;
    right: 0;
  }
  .content #scenes .cont_scenes .list_scenes_main .scenes_01 h4::before {
    background: url(../img/copr-lp/01.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_main .scenes_02 h4::before {
    background: url(../img/copr-lp/02.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub {
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
    width: 100%;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    width: 100%;
    padding: 4vw;
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s h4 {
    text-align: center;
    font-size: 4vw;
    color: #002b6d;
    margin-bottom: 3vw;
    padding-bottom: 2vw;
    border-bottom: dashed 1px #002b6d;
    position: relative;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s h4::before {
    content: "";
    display: block;
    width: 6vw;
    height: 4vw;
    position: absolute;
    top: -4vw;
    transform: translate(0, -50%);
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .txt_scenes {
    width: 100%;
    text-align: center;
    font-size: 3.5vw;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .img_card_s {
    width: 100%;
    background: #efefef;
    overflow: hidden;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .img_card_s img {
    width: 100%;
    height: auto;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s::before {
    content: "";
    width: 4vw;
    height: 4vw;
    border-left: solid 1px #6388c6;
    border-bottom: solid 1px #6388c6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s::after {
    content: "";
    width: 4vw;
    height: 4vw;
    border-right: solid 1px #6388c6;
    border-top: solid 1px #6388c6;
    position: absolute;
    top: 0;
    right: 0;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_03 h4::before {
    background: url(../img/copr-lp/03.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_04 h4::before {
    background: url(../img/copr-lp/04.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_05 h4::before {
    background: url(../img/copr-lp/05.png) no-repeat center center/contain;
  }
  .content #scenes .cont_scenes .list_scenes_sub .card_s .scenes_06 h4::before {
    background: url(../img/copr-lp/06.png) no-repeat center center/contain;
  }
  .content #plan_corp {
    background: #fff;
  }
  .content #plan_corp .ttl_sct {
    width: 86vw;
    height: 10vw;
    line-height: 10vw;
    color: #fff;
    background: url(../img/copr-lp/bg_ttl_plans_sp.png) no-repeat;
    background-size: cover;
    background-position: center;
    letter-spacing: 2px;
  }
  .content #plan_corp .ttl_sct span {
    margin-right: 6vw;
    color: #002b6d;
    position: relative;
    z-index: 10;
    letter-spacing: 4px;
  }
  .content #plan_corp .ttl_sct span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2vw;
    padding: 0 1vw;
    background: #fff95f;
    position: absolute;
    left: 50%;
    bottom: 1vw;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  .content #plan_corp .ttl_sct::after {
    display: none;
  }
  .content #plan_corp .cont_plan {
    display: flex;
    flex-direction: column;
    gap: 3vw;
  }
  .content #plan_corp .cont_plan .img_plan {
    width: 100%;
  }
  .content #device_corp .ttl_sct {
    color: #1a4896;
  }
  .content #device_corp .ttl_sct::after {
    background-color: #1a4896;
  }
  .content #device_corp .device_list {
    background: #ebebeb;
  }
  .content #device_corp .device_list .list_device {
    width: 100vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 6vw;
    flex-wrap: wrap;
  }
  .content #device_corp .device_list .list_device .single_device {
    width: 94vw;
    height: auto;
    background: #fff;
    border-radius: 2vw;
  }
  .content #device_corp .device_list .list_device .single_device .single_device_in {
    display: block;
    width: 100%;
    height: auto;
    padding: 4vw 6vw;
    box-sizing: border-box;
  }
  .content #device_corp .device_list .list_device .single_device h3.ttl_device {
    margin-bottom: 6vw;
    text-align: center;
    font-size: 6vw;
    color: #1a4896;
  }
  .content #device_corp .device_list .list_device .single_device span.label_device {
    width: 26vw;
    height: 6vw;
    line-height: 6vw;
    display: block;
    font-size: 4vw;
    text-align: center;
    color: #fff;
    background: #f03442;
    border-radius: 1vw;
  }
  .content #device_corp .device_list .list_device .single_device .img_device {
    width: 100%;
    height: auto;
  }
  .content #device_corp .device_list .list_device .single_device .img_device img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .content #device_corp .device_list .list_device .single_device .label_spec {
    display: flex;
    justify-content: center;
    gap: 2vw;
  }
  .content #device_corp .device_list .list_device .single_device .label_spec .label {
    display: inline-block;
    height: 6vw;
    line-height: 6vw;
    padding: 0 2vw;
    box-sizing: border-box;
    font-size: 4vw;
    text-align: center;
    color: #fff;
    background: #1a4896;
    border-radius: 1vw;
  }
  .content #device_corp .device_list .list_device .single_device .img_spec {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 4vw;
  }
  .content #device_corp .device_list .list_device .single_device .txt_device {
    margin-top: 4vw;
    text-align: center;
    font-size: 4.2vw;
    color: #1a4896;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .content #device_corp .device_list .list_device .single_device .details {
    margin-top: 4vw;
  }
  .content #device_corp .device_list .list_device .single_device .details p {
    font-size: 3.6vw;
    font-feature-settings: "palt";
  }
  .content #preparation {
    background-color: #fff;
  }
  .content #preparation .cont_prep {
    width: 100%;
    height: 50vw;
    margin-top: 6vw;
    padding: 2vw 0 0;
    border: solid 1px #f03442;
    position: relative;
  }
  .content #preparation .cont_prep h3 {
    display: inline-block;
    padding-left: 12vw;
    box-sizing: border-box;
    width: 86vw;
    font-size: 4vw;
    color: #f03442;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .content #preparation .cont_prep h3::before {
    content: "！";
    display: inline-block;
    width: 8vw;
    height: 8vw;
    font-size: 4vw;
    line-height: 8vw;
    text-align: center;
    color: #fff;
    background: #f03442;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 2vw;
    transform: translate(0, -50%);
  }
  .content #preparation .cont_prep .list_prep {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    height: 100%;
  }
  .content #preparation .cont_prep .list_prep .item_prep {
    width: 80%;
    padding-left: 3vw;
    box-sizing: border-box;
    position: relative;
  }
  .content #preparation .cont_prep .list_prep .item_prep::before {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    background: #f03442;
    border-radius: 1vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .content #preparation .cont_prep .list_prep .item_prep p {
    font-size: 3.6vw;
    font-weight: bold;
  }
  .content #flow_corp {
    background: #e3eeff;
  }
  .content #flow_corp .wrap {
    width: 90vw;
  }
  .content #flow_corp .list_flow {
    display: flex;
    flex-direction: column;
    gap: 12vw;
    margin-top: 8vw;
  }
  .content #flow_corp .list_flow .card_flow {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10vw 4vw 8vw;
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .content #flow_corp .list_flow .card_flow .ttl_flow {
    width: 72vw;
    height: 10vw;
    padding: 0 3vw;
    box-sizing: border-box;
    font-size: 5vw;
    line-height: 9vw;
    color: #fff;
    background: #ff4e70;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .content #flow_corp .list_flow .card_flow .ttl_flow::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #f03442;
    position: absolute;
    top: 1vw;
    left: 1vw;
  }
  .content #flow_corp .list_flow .card_flow .cont_flow .img_flow {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-bottom: 8vw;
    padding: 3vw 4vw;
    box-sizing: border-box;
    background: #f7f7f7;
  }
  .content #flow_corp .list_flow .card_flow .cont_flow .img_flow img {
    width: 80%;
    height: auto;
  }
  .content #flow_corp .list_flow .card_flow .cont_flow .txt_flow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6vw;
    text-align: center;
  }
  .content #note_corp {
    background: #fff;
  }
  .content #note_corp .list_note {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    width: 90%;
  }
  .content #note_corp .list_note .item_note {
    position: relative;
  }
  .content #note_corp .list_note .item_note::before {
    content: "・";
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    line-height: 3.2vw;
    text-align: center;
    position: absolute;
    top: 0.5vw;
    left: -4vw;
  }
  .content #note_corp .list_note .item_note .txt_note {
    font-size: 3.2vw;
  }
}/*# sourceMappingURL=copr-lp.css.map */