/* ============================================================================================== */
/* PC Size Style                                                                                  */
/* ============================================================================================== */
@media screen and (1024px <= width) {
  .children_cmd_headline .front .title img {
    width: 182.246px;
    aspect-ratio: 182.246/42.263;
  }
  #content {
    margin-top: -83px;
    padding-bottom: 55px;
    position: relative;
    z-index: 200;
  }
  #content .content_bg {
    width: calc(100% - 41px);
    height: calc(100% - 116.5px);
    background-image: url("../../img/common/other/bg_line_pc.png");
    background-size: 1359px 15px;
    background-position: top center;
    transform: translateX(-50%);
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
  }
  #content .content_inner {
    width: 1000px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow {
    padding-top: 95px;
    position: relative;
  }
  #content .content_inner .flow .bar div:nth-child(1) {
    width: 2px;
    height: 1932px;
    margin: 0 auto;
    background: #002f80;
  }
  #content .content_inner .flow .bar div:nth-child(2) {
    width: 2px;
    height: 92px;
    margin: 20px auto 0;
    background-image: linear-gradient(transparent, transparent 13px, #002f80 13px, #002f80);
    background-size: 2px 35px;
    background-position: center bottom;
  }
  #content .content_inner .flow > ul .item {
    width: 409px;
    position: absolute;
  }
  #content .content_inner .flow > ul .item .text {
    width: 342px;
    text-align: center;
    position: absolute;
    bottom: 21px;
    z-index: 200;
  }
  #content .content_inner .flow > ul .item .text p {
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
  }
  #content .content_inner .flow > ul .item::before {
    content: "";
    width: 68px;
    height: 2px;
    background-image: linear-gradient(to right, transparent, transparent 2px, #002f80 2px, #002f80);
    background-size: 5px 2px;
    background-position: left center;
    position: absolute;
    top: 47px;
    z-index: 5;
  }
  #content .content_inner .flow > ul .item::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #002f80;
    border-radius: 20px;
    position: absolute;
    top: 38px;
    z-index: 10;
  }
  #content .content_inner .flow > ul .item.opt_left {
    right: 50%;
  }
  #content .content_inner .flow > ul .item.opt_left::before {
    background-position: left center;
    right: 0;
  }
  #content .content_inner .flow > ul .item.opt_left::after {
    right: -10px;
  }
  #content .content_inner .flow > ul .item.opt_left .text {
    left: 0;
  }
  #content .content_inner .flow > ul .item.opt_right {
    left: 50%;
    text-align: right;
  }
  #content .content_inner .flow > ul .item.opt_right::before {
    background-position: right center;
    left: -3px;
  }
  #content .content_inner .flow > ul .item.opt_right::after {
    left: -10px;
  }
  #content .content_inner .flow > ul .item.opt_right .text {
    right: 0;
  }
  #content .content_inner .flow > ul .item:nth-child(1) {
    top: 47px;
  }
  #content .content_inner .flow > ul .item:nth-child(1) img {
    width: 342px;
    aspect-ratio: 514/446;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(2) {
    top: 215px;
  }
  #content .content_inner .flow > ul .item:nth-child(2) img {
    width: 342px;
    aspect-ratio: 514/480;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(3) {
    top: 410px;
  }
  #content .content_inner .flow > ul .item:nth-child(3) img {
    width: 342px;
    aspect-ratio: 514/479;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(4) {
    top: 591px;
  }
  #content .content_inner .flow > ul .item:nth-child(4) img {
    width: 357px;
    aspect-ratio: 536/540;
    position: relative;
    left: 15px;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .text {
    bottom: 79px;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .text p {
    color: #eb5f29;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .award {
    position: absolute;
    left: 78px;
    bottom: 36px;
    font-feature-settings: "palt";
    z-index: 200;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .award p {
    color: #ffffff;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
  }
  #content .content_inner .flow > ul .item:nth-child(5) {
    top: 795px;
  }
  #content .content_inner .flow > ul .item:nth-child(5) img {
    width: 342px;
    aspect-ratio: 514/598;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(6) {
    top: 1005px;
  }
  #content .content_inner .flow > ul .item:nth-child(6) img {
    width: 342px;
    aspect-ratio: 514/484;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(7) {
    top: 1260px;
  }
  #content .content_inner .flow > ul .item:nth-child(7) img {
    width: 342px;
    aspect-ratio: 514/599;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(8) {
    top: 1394px;
  }
  #content .content_inner .flow > ul .item:nth-child(8) img {
    width: 343px;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(9) {
    top: 1724px;
  }
  #content .content_inner .flow > ul .item:nth-child(9) img {
    width: 343px;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .remarks {
    margin-top: 45px;
    padding-bottom: 48px;
  }
  #content .content_inner .remarks > dt {
    text-align: center;
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
  }
  #content .content_inner .remarks > dd {
    margin-top: 10px;
  }
  #content .content_inner .remarks > dd .explain {
    width: 706px;
    margin: 0 auto;
  }
  #content .content_inner .remarks > dd .explain p {
    color: #666666;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    font-feature-settings: "palt";
  }
  #content .content_inner .remarks > dd .result {
    margin-top: 7px;
    text-align: center;
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "palt";
  }
}
/* ============================================================================================== */
/* Tablet Size Style                                                                              */
/* ============================================================================================== */
@media screen and (768px <= width < 1024px) {
  .children_cmd_headline .front .title img {
    width: 13.0175714286vw;
    aspect-ratio: 182.246/42.263;
  }
  #content {
    margin-top: -5.9285714286vw;
    padding-bottom: 3.9285714286vw;
    position: relative;
    z-index: 200;
  }
  #content .content_bg {
    width: calc(100% - 2.9285714286vw);
    height: calc(100% - 8.3214285714vw);
    background-image: url("../../img/common/other/bg_line_pc.png");
    background-size: 97.0714285714vw 1.0714285714vw;
    background-position: top center;
    transform: translateX(-50%);
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
  }
  #content .content_inner {
    width: 71.4285714286vw;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 1.4285714286vw;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow {
    padding-top: 6.7857142857vw;
    position: relative;
  }
  #content .content_inner .flow .bar div:nth-child(1) {
    width: 0.1428571429vw;
    height: 138vw;
    margin: 0 auto;
    background: #002f80;
  }
  #content .content_inner .flow .bar div:nth-child(2) {
    width: 0.1428571429vw;
    height: 6.5714285714vw;
    margin: 1.4285714286vw auto 0;
    background-image: linear-gradient(transparent, transparent 0.9285714286vw, #002f80 0.9285714286vw, #002f80);
    background-size: 0.1428571429vw 2.5vw;
    background-position: center bottom;
  }
  #content .content_inner .flow > ul .item {
    width: 29.2142857143vw;
    position: absolute;
  }
  #content .content_inner .flow > ul .item .text {
    width: 24.4285714286vw;
    text-align: center;
    position: absolute;
    bottom: 1.5vw;
    z-index: 200;
  }
  #content .content_inner .flow > ul .item .text p {
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 1.1428571429vw;
    line-height: 1.5714285714vw;
  }
  #content .content_inner .flow > ul .item::before {
    content: "";
    width: 4.8571428571vw;
    height: 0.1428571429vw;
    background-image: linear-gradient(to right, transparent, transparent 0.1428571429vw, #002f80 0.1428571429vw, #002f80);
    background-size: 0.3571428571vw 0.1428571429vw;
    background-position: left center;
    position: absolute;
    top: 3.3571428571vw;
    z-index: 5;
  }
  #content .content_inner .flow > ul .item::after {
    content: "";
    width: 1.4285714286vw;
    height: 1.4285714286vw;
    background: #002f80;
    border-radius: 1.4285714286vw;
    position: absolute;
    top: 2.7142857143vw;
    z-index: 10;
  }
  #content .content_inner .flow > ul .item.opt_left {
    right: 50%;
  }
  #content .content_inner .flow > ul .item.opt_left::before {
    background-position: left center;
    right: 0;
  }
  #content .content_inner .flow > ul .item.opt_left::after {
    right: -0.7142857143vw;
  }
  #content .content_inner .flow > ul .item.opt_left .text {
    left: 0;
  }
  #content .content_inner .flow > ul .item.opt_right {
    left: 50%;
    text-align: right;
  }
  #content .content_inner .flow > ul .item.opt_right::before {
    background-position: right center;
    left: -0.2142857143vw;
  }
  #content .content_inner .flow > ul .item.opt_right::after {
    left: -0.7142857143vw;
  }
  #content .content_inner .flow > ul .item.opt_right .text {
    right: 0;
  }
  #content .content_inner .flow > ul .item:nth-child(1) {
    top: 3.3571428571vw;
  }
  #content .content_inner .flow > ul .item:nth-child(1) img {
    width: 24.4285714286vw;
    aspect-ratio: 514/446;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(2) {
    top: 15.3571428571vw;
  }
  #content .content_inner .flow > ul .item:nth-child(2) img {
    width: 24.4285714286vw;
    aspect-ratio: 514/480;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(3) {
    top: 29.2857142857vw;
  }
  #content .content_inner .flow > ul .item:nth-child(3) img {
    width: 24.4285714286vw;
    aspect-ratio: 514/479;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(4) {
    top: 42.2142857143vw;
  }
  #content .content_inner .flow > ul .item:nth-child(4) img {
    width: 25.5vw;
    aspect-ratio: 536/540;
    position: relative;
    left: 1.0714285714vw;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .text {
    bottom: 5.6428571429vw;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .text p {
    color: #eb5f29;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 1.2857142857vw;
    line-height: 1;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .award {
    position: absolute;
    left: 5.5714285714vw;
    bottom: 2.5714285714vw;
    font-feature-settings: "palt";
    z-index: 200;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .award p {
    color: #ffffff;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 1.5714285714vw;
    line-height: 1;
  }
  #content .content_inner .flow > ul .item:nth-child(5) {
    top: 56.7857142857vw;
  }
  #content .content_inner .flow > ul .item:nth-child(5) img {
    width: 24.4285714286vw;
    aspect-ratio: 514/598;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(6) {
    top: 71.7857142857vw;
  }
  #content .content_inner .flow > ul .item:nth-child(6) img {
    width: 24.4285714286vw;
    aspect-ratio: 514/484;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(7) {
    top: 90vw;
  }
  #content .content_inner .flow > ul .item:nth-child(7) img {
    width: 24.4285714286vw;
    aspect-ratio: 514/599;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(8) {
    top: 99.5714285714vw;
  }
  #content .content_inner .flow > ul .item:nth-child(8) img {
    width: 24.5vw;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(9) {
    top: 123.1428571429vw;
  }
  #content .content_inner .flow > ul .item:nth-child(9) img {
    width: 24.5vw;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .remarks {
    margin-top: 3.2142857143vw;
    padding-bottom: 3.4285714286vw;
  }
  #content .content_inner .remarks > dt {
    text-align: center;
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 1.1428571429vw;
    line-height: 1;
  }
  #content .content_inner .remarks > dd {
    margin-top: 0.7142857143vw;
  }
  #content .content_inner .remarks > dd .explain {
    width: 50.4285714286vw;
    margin: 0 auto;
  }
  #content .content_inner .remarks > dd .explain p {
    color: #666666;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 0.8571428571vw;
    line-height: 1.7142857143vw;
    font-feature-settings: "palt";
  }
  #content .content_inner .remarks > dd .result {
    margin-top: 0.5vw;
    text-align: center;
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 1.1428571429vw;
    line-height: 1.7142857143vw;
    font-feature-settings: "palt";
  }
}
/* ============================================================================================== */
/* SP Size Style                                                                                  */
/* ============================================================================================== */
@media screen and (width < 768px) {
  .children_cmd_headline .front .title img {
    width: 32vw;
    aspect-ratio: 182.246/42.263;
  }
  #content {
    margin-top: -11.0666666667vw;
    padding-bottom: 16.1333333333vw;
    position: relative;
    z-index: 200;
  }
  #content .content_bg {
    width: 100%;
    height: calc(100% - 13.7333333333vw);
    background-image: url("../../img/common/other/bg_line_sp.png");
    background-size: 100vw 2vw;
    background-position: top center;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }
  #content .content_inner {
    width: 93.3333333333vw;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 2.6666666667vw;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow {
    padding-top: 10.2666666667vw;
    position: relative;
  }
  #content .content_inner .flow .bar div:nth-child(1) {
    width: 0.4vw;
    height: calc(100% - 41.3333333333vw);
    margin: 0 auto;
    background: #002f80;
    position: absolute;
    top: 20vw;
    right: 10vw;
  }
  #content .content_inner .flow .bar div:nth-child(2) {
    width: 0.4vw;
    height: 18.4vw;
    margin: 0 auto;
    background-image: linear-gradient(transparent, transparent 2.6vw, #002f80 2.6vw, #002f80);
    background-size: 0.4vw 7vw;
    background-position: center bottom;
    position: absolute;
    top: calc(100% - 18.4vw);
    right: 10vw;
  }
  #content .content_inner .flow > ul .item {
    margin-left: auto;
    margin-right: 10vw;
    padding-right: 6vw;
    text-align: right;
    position: relative;
  }
  #content .content_inner .flow > ul .item .text {
    width: 68.5333333333vw;
    text-align: center;
    position: absolute;
    right: 6vw;
    bottom: 4.1333333333vw;
    z-index: 200;
  }
  #content .content_inner .flow > ul .item .text p {
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 3.2vw;
    line-height: 4.4vw;
  }
  #content .content_inner .flow > ul .item::before {
    content: "";
    width: 6.5333333333vw;
    height: 0.4vw;
    background-image: linear-gradient(to right, transparent, transparent 0.3866666667vw, #002f80 0.3866666667vw, #002f80);
    background-size: 0.6266666667vw 0.4vw;
    background-position: left center;
    position: absolute;
    top: 9.4vw;
    right: 0;
    z-index: 5;
  }
  #content .content_inner .flow > ul .item::after {
    content: "";
    width: 4vw;
    height: 4vw;
    background: #002f80;
    border-radius: 4vw;
    position: absolute;
    top: 7.6vw;
    right: -2vw;
    z-index: 10;
  }
  #content .content_inner .flow > ul .item:nth-child(n+2) {
    margin-top: 8.4vw;
  }
  #content .content_inner .flow > ul .item:nth-child(1) img {
    width: 68.5333333333vw;
    aspect-ratio: 514/446;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(2) {
    margin-top: 8.4vw;
  }
  #content .content_inner .flow > ul .item:nth-child(2) img {
    width: 68.5333333333vw;
    aspect-ratio: 514/480;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(3) img {
    width: 68.5333333333vw;
    aspect-ratio: 514/479;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(4) img {
    width: 71.4666666667vw;
    aspect-ratio: 536/540;
    position: relative;
    left: 2.9333333333vw;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .text {
    bottom: 15.6vw;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .text p {
    color: #eb5f29;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 3.6vw;
    line-height: 1;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .award {
    position: absolute;
    left: 10.6666666667vw;
    bottom: 7.6vw;
    font-feature-settings: "palt";
    z-index: 200;
  }
  #content .content_inner .flow > ul .item:nth-child(4) .award p {
    color: #ffffff;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 4.4vw;
    line-height: 1;
  }
  #content .content_inner .flow > ul .item:nth-child(5) img {
    width: 68.5333333333vw;
    aspect-ratio: 514/598;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(6) img {
    width: 68.5333333333vw;
    aspect-ratio: 514/484;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(7) img {
    width: 68.5333333333vw;
    aspect-ratio: 514/599;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(8) img {
    width: 68.5333333333vw;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .flow > ul .item:nth-child(9) img {
    width: 68.5333333333vw;
    position: relative;
    z-index: 100;
  }
  #content .content_inner .remarks {
    margin-top: 10.6666666667vw;
    padding-bottom: 9.0666666667vw;
  }
  #content .content_inner .remarks > dt {
    text-align: center;
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 4.8vw;
    line-height: 1;
  }
  #content .content_inner .remarks > dd {
    margin-top: 4vw;
  }
  #content .content_inner .remarks > dd .explain {
    width: 85.4666666667vw;
    margin: 0 auto;
  }
  #content .content_inner .remarks > dd .explain p {
    color: #666666;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 3.2vw;
    line-height: 5.8666666667vw;
    font-feature-settings: "palt";
  }
  #content .content_inner .remarks > dd .result {
    margin-top: 3.7333333333vw;
    text-align: center;
    color: #002f80;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 4.2666666667vw;
    line-height: 6.1333333333vw;
    font-feature-settings: "palt";
  }
}