@charset "utf-8";
/*変数の宣言*****************************/
:root {
    --nw_blue: #003E7F;
    --nw_duration: 0.3s;
    --nw_shadow_sp: 1px 1px 6px rgb(0, 0, 0, 0.2);
    --nw_shadow_pc: 2px 2px 8px rgb(0, 0, 0, 0.2);
    --nw_line: #C2C2C2;
}
/***************************************/
#contents:has(#nw) {
    padding: 0;
}
#nw *,
#nw *::before,
#nw *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
}
#nw {
    font-feature-settings: "palt";
}
#nw * {
    font-size: 16px;
}
#nw h1, #nw h2, #nw h3, #nw h4, #nw h5, #nw h6, #nw p {
    margin: 0;
}
#nw a {
    text-decoration: underline;
}
#nw a.link_button,
#nw a.box_button {
    display: block;
    border-radius: 8px;
    box-shadow: 2px 2px 2px rgb(0, 0, 0, 0.3);
    transition: var(--nw_duration) all;
}
#nw a.link_button {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 68px;
    margin: 0 auto 0 auto;
    padding: 0 calc(24px + 10px*2) 0 calc(24px + 10px*2);
    background-color: #E95382;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
}
#nw a.link_button.orange {
    background-color: #FF5148;
}
#nw a.link_button.blue {
    background-color: #1BA9E7;
}
#nw a.link_button::after {
    content: "";
    display: block;
    aspect-ratio: 43.045898/18.364258;
    width: 24px;
    background: url(/inc/image/about/network/b6_yj.svg) center center/contain no-repeat;
    position: absolute;
    top: calc(50% - 10px/2);
    right: 10px;
}
#nw a.box_button {
    aspect-ratio: 440/196.672903;
    width: 100%;
    border: 2px solid #E95382;
    background: center center/contain no-repeat;
}
#nw a.box_button.ipcheck {
    background-image: url(/inc/image/about/network/b8_bb1.svg);
}
#nw a.box_button.support {
    background-image: url(/inc/image/about/network/b8_bb2.svg);
}
@media only screen and (min-width:834px) {
    #nw a.link_button,
    #nw a.box_button {
        border-radius: 15px;
        box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.3);
    }
    #nw a.link_button {
        max-width: 520px;
        height: 120px;
        font-size: 20px;
        padding: 0 calc(40px + 20px * 2) 0 calc(40px + 20px * 2);
    }
    #nw a.link_button:hover,
    #nw a.box_button:hover {
        box-shadow: 0px 0px 0px rgb(0, 0, 0, 0.3);
        transform: translate(3px, 3px);
    }
    #nw a.link_button::after {
        width: 40px;
        right: 20px;
        top: calc(50% - 17px / 2);
    }
}
#nw img {
    margin: 0;
    padding: 0;
    border-style: none;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: inline;
}
#nw ul.atte>li,
#nw ul.ast>li,
#nw ol.atte_num>li,
#nw ol.atte_num>li p {
    display: flex;
    flex-flow: nowrap;
    line-height: 1.5;
}
#nw ul.atte>li::before {
    content: "※";
    width: 1.5em;
    line-height: 1.75;
}
#nw ul.atte>li p {
    width: calc(100% - 1.5em);
}
#nw ul.ast>li::before {
    content: "＊";
    width: 1.2em;
    line-height: 1.75;
}
#nw ul.ast>li p {
    width: calc(100% - 1.2em);
}
#nw ol.atte_num {
    counter-reset: number 0;
}
#nw ol.atte_num>li::before {
    counter-increment: number 1;
    content: "※" counter(number);
    width: 2.5em;
}
#nw ol.atte_num>li p {
    width: calc(100% - 2.5em);
}
#nw .indent {
    position: relative;
    overflow: hidden;
}
#nw .indent>.text {
    display: block;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}
#nw .flex > * {
    flex-grow: inherit;
}
#nw .button {
    width: 250px;
    height: 54px;
    background-color: #FFFFFF;
    color: var(--nw_blue);
    border: 2px solid var(--nw_blue);
    border-radius: 54px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: var(--nw_duration) all;
}
#nw .button::after {
    content: "";
    display: block;
    aspect-ratio: 1/1;
    width: 27px;
    position: absolute;
    top: calc(50% - 27px/2);
    right: 5px;
    background: url(/inc/image/about/network/b2_ilsbbmaru.svg) center center/contain no-repeat;
}
#nw .button .text {
    font-size: 14px;
}
@media only screen and (min-width:834px) {
    #nw .button:hover,
    #nw a:hover .button {
        background-color: var(--nw_blue);
        color: #FFFFFF;
    }
}
/*main_area**********/
#nw #main_area .block {
    position: relative;
    background-color: var(--nw_blue);
}
#nw #main_area .block h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    aspect-ratio: 375/141;
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    background: url(/inc/image/about/network/b0_copy_sp.svg) left bottom/contain no-repeat;
}
#nw #main_area .block h2 picture {
    display: block;
    opacity: 0;
}
#nw #main_area .copy {
    background-color: var(--nw_blue);
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding: 20px 0 30px 0;
}
#nw #main_area .copy picture {
    width: calc(337/375 * 100%);
}
#nw #main_area .attention {
    width: calc(337/375 * 100%);
    margin: 20px auto 0 auto;
    font-size: 14px;
}
#nw #main_area .attention ul.atte > li p {
    font-size: 14px;
}
@media only screen and (min-width:834px) {
    #nw #main_area .block h2 {
        aspect-ratio: 1350/259;
        background: url(/inc/image/about/network/b0_copy_pc.svg) left bottom/contain no-repeat;
    }
    #nw #main_area .copy {
        padding-bottom: 65px;
    }
    #nw #main_area .copy picture {
        width: calc(936/1100 * 100%);
        max-width: 936px;
    }
    #nw #main_area .attention {
        font-size: 16px;
        width: calc(1200/1350 * 100%);
        max-width: 1200px;
    }
    #nw #main_area .attention ul.atte > li p {
        font-size: 16px;
    }
}
/********************/
/*point**************/
#nw dl#point {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    row-gap: 40px;
    margin: 32px auto 0 auto;
}
#nw dl#point>dt {
    width: calc(337/375 * 100%);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}
#nw dl#point>dd {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto 0 auto;
}
#nw dl#point>dd ul {
    display: flex;
    flex-flow: column;
    row-gap: calc(54px/2 + 15px);
}
#nw dl#point>dd ul>li a {
        font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 calc(54px/2) 0;
    position: relative;
}
#nw dl#point>dd ul>li a .img {
    width: calc(300/375 * 100%);
}
#nw dl#point>dd ul>li a .button {
    position: absolute;
    top: calc(100% - (54px/2));
    left: calc(50% - (250px/2));
}
#nw dl#point>dd ul>li a[href="#quality"] {
    background-color: #B4DDF5;
}
#nw dl#point>dd ul>li a[href="#traffic"] {
    background-color: #E3DFCF;
}
#nw dl#point>dd ul>li a[href="#monitoring"] {
    background-color: #FFF986;
}
@media only screen and (min-width:834px) {
    #nw dl#point {
        margin-top: 50px;
        row-gap: 35px;
    }
    #nw dl#point>dt {
        font-size: 25px;
    }
    #nw dl#point>dd ul {
        flex-flow: nowrap;
        justify-content: space-between;
    }
    #nw dl#point>dd ul>li {
        width: calc(426/1300 * 100%);
    }
    #nw dl#point>dd ul>li a {
        padding-top: 30px;
    }
    #nw dl#point>dd ul>li a .img {
        width: calc(346/426 * 100%);
    }
}
/********************/
/*point_block********/
#nw #point_block {
    margin-top: 55px;
}
#nw #point_block dl.box {
    padding: 20px 0 20px 0;
}
#nw #point_block dl.box#quality {
    background-color: #B4DDF5;
}
#nw #point_block dl.box#traffic {
    background-color: #E3DFCF;
}
#nw #point_block dl.box#monitoring {
    background-color: #FFF99E;
}
#nw #point_block dl.box>.block {
    background-color: #FFFFFF;
    width: calc(337/375 * 100%);
    max-width: 1100px;
    margin: 0 auto 0 auto;
    padding: 20px 0 20px 0;
    border-radius: 20px;
    box-shadow: var(--nw_shadow_sp);
}
#nw #point_block dl.box>.block>* {
    width: calc(300/337 * 100%);
    margin: 0 auto 0 auto;
}
#nw #point_block dl.box>.block>dd {
    margin-top: 30px;
}
#nw #point_block dl.box h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}
#nw #point_block dl.box .img + h2 {
    margin-top: 30px;
}
#nw #point_block dl.gray {
    background-color: #EEF1F2;
    border-radius: 15px;
    padding: 20px 0 20px 0;
}
#nw #point_block dl.gray>.block {
    width: 80%;
    margin: 0 auto 0 auto;
    display: flex;
    flex-flow: column;
    row-gap: 20px;
}
#nw #point_block .point_image {
    margin-top: 55px;
    display: flex;
    flex-flow: column;
    row-gap: 30px;
}
#nw #point_block #traffic .point_image {
    row-gap: 20px;
}
#nw #point_block .point_image h3 {
    margin: 0;
    line-height: 0;
    text-align: center;
}
#nw #point_block .point_image h3 img {
    max-width: 232px;
}
#nw #point_block #traffic ul.ast {
    margin-top: 15px;
}
#nw #point_block dl.li_dl {
    display: flex;
    flex-flow: column;
    row-gap: 30px;
}
#nw #point_block dl.li_dl>.block {
    display: flex;
    flex-flow: column;
    row-gap: 15px;
}
#nw #point_block dl.li_dl>.block>dt {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
#nw #point_block dl.li_dl>.block>dt sub {
    font-size: 16px;
    font-weight: normal;
}
#nw #point_block dl.li_dl>.block>dd {
    display: flex;
    flex-flow: column;
    row-gap: 20px;
}
#nw #point_block ol.atte_num {
    margin-top: 35px;
}
#nw #point_block .traffic_image {
    position: relative;
    aspect-ratio: 1200/calc(426 + 170/2);
    width: 100%;
}
#nw #point_block .traffic_image::before,
#nw #point_block .traffic_image::after {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #ffffff;
}
#nw #point_block .traffic_image::after {
    left: auto;
    right: 0;
}
#nw #point_block .traffic_image .icon {
    content: "";
    display: block;
    aspect-ratio: 1/1;
    border-radius: 100%;
    border: 1.5px solid var(--nw_blue);
    width: calc(170/1200 * 100%);
    background: #FFFFFF url(/inc/image/about/network/check.gif) center center/cover no-repeat;
    position: absolute;
    top: 0;
    left: calc(82/1200 * 100%);
    z-index: 3;
}
#nw #point_block .traffic_image .road {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
:root {
    --nw_road : 9.6s;
}
@keyframes road_up {
    0%   { top:calc(0/1200 * 100%); }
    30%  { top:calc(0/1200 * 100%); }
    40%  { top:calc(-200/1200 * 100%); }
    100% { top:calc(-200/1200 * 100%); }
}
@keyframes road_down {
    0%   { bottom:calc(0/1200 * 100%); }
    30%  { bottom:calc(0/1200 * 100%); }
    40%  { bottom:calc(-200/1200 * 100%); }
    100% { bottom:calc(-200/1200 * 100%); }
}
@keyframes road_lane1 {
    0%   { transform: translate(0, 0); }
    40%  { transform: translate(0, 0); }
    50%  { transform: translate(0, -87%); }
    100% { transform: translate(0, -87%); }
}
@keyframes road_lane2 {
    0%   { transform: translate(0, 0); }
    40%  { transform: translate(0, 0); }
    50%  { transform: translate(0, 0); }
    90%  { transform: translate(0, 0); }
    100% { transform: translate(0, 0); }
}
@keyframes road_lane3 {
    0%   { transform: translate(0, 0); }
    40%  { transform: translate(0, 0); }
    50%  { transform: translate(0, 120%); }
    100% { transform: translate(0, 120%); }
}
#nw #point_block .traffic_image .road::before,
#nw #point_block .traffic_image .road::after {
    content: "";
    display: block;
    aspect-ratio: 1200/117;
    width: 100%;
    position: absolute;
    top: calc(0/1200 * 100%);
    left: 0;
    z-index: 1;
    background: url(/inc/image/about/network/road_down.svg) center center/cover no-repeat;
    transform: rotate(180deg);
    animation: linear var(--nw_road) road_up infinite;
}
#nw #point_block .traffic_image .road::after {
    top: auto;
    bottom: calc(0/1200 * 100%);
    transform: rotate(0deg);
    animation: linear var(--nw_road) road_down infinite;
}
#nw #point_block .traffic_image .road .car {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
#nw #point_block .traffic_image .road .car > * {
    position: absolute;
    top: calc(50%);
    right: 0%;
    width: 100%;
}
#nw #point_block .traffic_image .road .car > *::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -50%;
    right: 0;
    background: right 0% center/auto 100% repeat-x;
}
#nw #point_block .traffic_image .road .car > .lane1 {
    aspect-ratio: 1200/76;
    margin-top: calc(-80/1200 * 100%);
    animation: linear var(--nw_road) road_lane1 infinite;
}
#nw #point_block .traffic_image .road .car > .lane1::before {
    background-image: url(/inc/image/about/network/car01.svg);
}
#nw #point_block .traffic_image .road .car > .lane2 {
    aspect-ratio: 1200/76;
    margin-top: calc(-13/1200 * 100%);
    animation: linear var(--nw_road) road_lane2 infinite;
}
#nw #point_block .traffic_image .road .car > .lane2::before {
    background-image: url(/inc/image/about/network/car02.svg);
}
#nw #point_block .traffic_image .road .car > .lane3 {
    aspect-ratio: 1200/60;
    margin-top: calc(63/1200 * 100%);
    animation: linear var(--nw_road) road_lane3 infinite;
}
#nw #point_block .traffic_image .road .car > .lane3::before {
    background-image: url(/inc/image/about/network/car03.svg);
}
@media only screen and (min-width:834px) {
    #nw #point_block {
        margin-top: 85px;
    }
    #nw #point_block dl.box {
        padding: 55px 0 55px 0;
    }
    #nw #point_block dl.box>.block {
        padding: 55px 0 55px 0;
        border-radius: 30px;
        box-shadow: var(--nw_shadow_pc);
    }
    #nw #point_block dl.box>.block>* {
        width: calc(920/1100 * 100%);
    }
    #nw #point_block dl.box>.block>dt {
        width: calc(950/1100 * 100%);
        transform: translateX(calc(-128/1100 * 100%));
    }
    #nw #point_block dl.box>.block>dd {
        margin-top: 61px;
    }
    #nw #point_block dl.box h2 {
        font-size: 30px;
        margin-bottom: 55px;
    }
    #nw #point_block dl#traffic.box h2 + p {
        font-size: 20px;
    }
    #nw #point_block dl.box .img + h2 {
        margin-top: 75px;
    }
    #nw #point_block dl.gray {
        padding: 40px;
    }
    #nw #point_block dl.gray>.block {
        width: 100%;
        flex-flow: nowrap;
        justify-content: space-between;
    }
    #nw #point_block dl.gray>.block>dt {
        width: calc(340/840 * 100%);
    }
    #nw #point_block dl.gray>.block>dd {
        width: calc((840 - 340 - 40)/840 * 100%);
    }
    #nw #point_block .point_image {
        margin-top: 75px;
        row-gap: 40px;
    }
    #nw #point_block .point_image h3 img {
        max-width: 321px;
    }
    #nw #point_block .traffic_image .icon {
        border: 3px solid var(--nw_blue);
    }
    #nw #point_block #traffic ul.ast {
        margin-top: 25px;
    }
    #nw #point_block dl.li_dl {
        flex-flow: wrap;
        justify-content: space-between;
    }
    #nw #point_block dl.li_dl>.block {
        width: calc(440/920 * 100%);
        row-gap: 15px;
    }
    #nw #point_block dl.li_dl>.block>dd {
        row-gap: 20px;
    }
}
/********************/
/*support************/
#nw #support {
    margin-top: 40px;
}
#nw #support h2 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: var(--nw_blue);
}
#nw #support .box {
    width: calc(337/375 * 100%);
    max-width: 1100px;
    margin: 40px auto 0 auto;
    padding: 20px 0 30px 0;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: var(--nw_shadow_sp);
}
#nw #support .header {
    background-color: var(--nw_blue);
    margin-bottom: 30px;
}
#nw #support .header::before,
#nw #support .header::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: url(/inc/image/about/network/b6_line.webp) center center/100% 100% no-repeat;
}
#nw #support .header .flex {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    row-gap: 20px;
    padding: 20px 0 20px 0;
    margin: 0 auto 0 auto;
    width: calc(300/337 * 100%);
}
#nw #support .header .flex figure.indent {
    width: 100%;
}
#nw #support .header .flex .img {
    width: calc(190/300 * 100%);
}
#nw #support .area {
    width: calc(300/337 * 100%);
    margin: 0 auto 0 auto;
}
#nw #support dl.hdi {
    margin-top: calc(30px + 31px/2);
    padding: calc(30px + 31px/2) 0 30px 0;
    border-top: 1px solid var(--nw_line);
    border-bottom: 1px solid var(--nw_line);
}
#nw #support dl.hdi > .block {
    position: relative;
}
#nw #support dl.hdi > .block > dt {
    width: 278px;
    height: 31px;
    position: absolute;
    top: calc((30px + 31px)*(-1));
    left: calc(50% - 278px/2);
    border-radius: 31px;
    background-color: var(--nw_blue);
    color: #FFFFFF;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}
#nw #support dl.hdi > .block > dd {
    width: calc(300/337 * 100%);
    margin: 0 auto 0 auto;
}
#nw #support dl.hdi p + p {
    margin-top: calc(1em + 10px);
}
#nw #support .member {
    width: calc(300/337 * 100%);
    margin: 30px auto 0 auto;
}
#nw #support .member .message {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    row-gap: 30px;
}
#nw #support .member .message .img {
    width: 86px;
}
#nw #support .member .message p {
    width: 100%;
}
#nw #support .member .link {
    margin-top: 40px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    row-gap: 30px;
}
#nw #support .member .link p {
    width: 100%;
    text-align: center;
}
@media only screen and (min-width:834px) {
    #nw #support {
        margin-top: 45px;
    }
    #nw #support .box {
        margin-top: 55px;
        padding: 55px 0 55px 0;
        border-radius: 30px;
        box-shadow: var(--nw_shadow_pc);
    }
    #nw #support h2 {
        font-size: 32px;
    }
    #nw #support .header {
        width: calc(1000/1100 * 100%);
        margin: 0 auto 40px auto;
    }
    #nw #support .header .flex {
        width: calc(920/1000 * 100%);
        margin: 0 auto 0 auto;
        padding: 40px 0 40px 0;
        justify-content: space-between;
        align-items: flex-end;
    }
    #nw #support .header .flex figure.indent {
        width: calc(580/920 * 100%);
    }
    #nw #support .header .flex .img {
        width: calc(280/920 * 100%);
    }
    #nw #support .area {
        width: calc(920/1100 * 100%);
    }
    #nw #support dl.hdi {
        width: calc(920/1100 * 100%);
        margin: calc(55px + 34px/2) auto 0 auto;
        padding: 40px;
        border: 1px solid var(--nw_line);
    }
    #nw #support dl.hdi > .block > dt {
        height: 34px;
        font-size: 17px;
        top: calc((40px + 34px/2) * (-1));
        left: 0;
    }
    #nw #support dl.hdi > .block > dd {
        width: 100%;
    }
    #nw #support .member {
        margin-top: 40px;
        padding-left: 40px;
        width: calc(920/1100 * 100%);
    }
    #nw #support .member .message {
        justify-content: space-between;
    }
    #nw #support .member .message .img {
        width: 110px;
    }
    #nw #support .member .message p {
        width: calc(100% - 110px - 55px);
    }
    #nw #support .member .link {
        margin-top: 65px;
        row-gap: 40px;
    }
}
/********************/
/*peace**************/
#nw #peace {
    margin-top: 40px;
    padding: 40px 0 30px 0;
    background-color: #F1F1EC;
}
#nw #peace .area {
    width: calc(337/375 * 100%);
    max-width: 920px;
    margin: 0 auto 0 auto;
}
#nw #peace .area h2 {
    width: calc(214/337 * 100%);
    max-width: 395px;
    margin: 0 auto 0 auto;
    line-height: 0;
}
#nw #peace .area ul.point3 {
    margin: 40px 0 30px 0;
    display: flex;
    flex-flow: column;
    row-gap: 15px;
}
#nw #peace .area ul.point3 > li {
    padding: 30px 0 30px 0;
    border-radius: 25px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 2px rgb(0, 0, 0, 0.3);
}
#nw #peace .area ul.point3 > li picture {
    display: block;
    width: calc(283/337 * 100%);
    margin: 0 auto 0 auto;
}
#nw #peace .area ul.atte {
    margin-top: 30px;
}
@media only screen and (min-width:834px) {
    #nw #peace {
        margin-top: 55px;
        padding: 55px 0 55px 0;
    }
    #nw #peace .area ul.point3 {
        margin: 55px 0 55px 0;
    }
    #nw #peace .area ul.atte {
        margin-top: 40px;
    }
    #nw #peace .area ul.point3 > li {
        padding: 50px 0 50px 0;
        box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.3);
    }
    #nw #peace .area ul.point3 > li picture {
        width: calc(650/920 * 100%);
    }
}
/********************/
/*info***************/
#nw #info {
    margin-top: 20px;
    display: flex;
    flex-flow: column;
    row-gap: 20px;
}
#nw #info .info_base {
    padding: 20px 0 30px;
}
#nw #info .info_base .box {
    width: calc(337/375 * 100%);
    max-width: 1100px;
    margin: 0 auto 0 auto;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: var(--nw_shadow_sp);
}
#nw #info .info_base .box .area {
    width: calc(300/337 * 100%);
    margin: 0 auto 0 auto;
    padding: 30px 0 30px 0;
    display: flex;
    flex-flow: column;
    row-gap: 30px;
}
#nw #info .info_base .box .area h2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
#nw #info .info_base .box .area ul.info_link {
    margin-top: 10px;
    display: flex;
    flex-flow: column;
    row-gap: 20px;
}
#nw #info .info_base .box .area ul.info_link > li.separator {
    margin-top: 20px;
}
#nw #info .info_base .box .area ul.info_link > li .title {
    margin-bottom: 20px;
    text-align: center;
}
#nw #info .info_base .box .area ul.info_link > li .explanation {
    margin-top: 15px;
}
#nw #info #to_members {
    background-color: #FDEDF2;
}
#nw #info #to_members .box .area h2 {
    color: #E95382;
}
#nw #info #to_members .box .area p.copy {
    text-align: center;
}
#nw #info #application {
    background-color: #EEF7FD;
}
#nw #info .info_base .box .area ul.info_link {
    margin-top: 0;
}
@media only screen and (min-width:834px) {
    #nw #info {
        margin-top: 15px;
        row-gap: 15px;
    }
    #nw #info .info_base {
        padding: 55px 0 55px 0;
    }
    #nw #info .info_base .box {
        border-radius: 30px;
        box-shadow: var(--nw_shadow_pc);
    }
    #nw #info .info_base .box .area {
        width: calc(920/1100 * 100%);
        padding: 40px 0 55px 0;
    }
    #nw #info .info_base .box .area h2 {
        font-size: 22px;
    }
    #nw #info .info_base .box .area ul.info_link {
        flex-flow: wrap;
        row-gap: 40px;
        justify-content: space-between;
    }
    #nw #info .info_base .box .area ul.info_link > li {
        width: calc(440/920 * 100%);
    }
    #nw #info .info_base .box .area ul.info_link > li.separator {
        margin-top: 0;
    }
    #nw #info .info_base .box .area ul.info_link > li .explanation {
        margin-top: 20px;
    }
    #nw #info #to_members .box .area {
        padding-top: 55px;
    }
    #nw #info #to_members .box .area h2 {
        font-size: 32px;
        line-height: 1;
    }
    #nw #info #to_members .box .area p.copy {
        font-size: 18px;
    }
}
/********************/
/***************************/