/* _setting CSS */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media screen and (min-width: 751px) {
    /* @media screen
  ------------------------------------------------------------------------- */

    #sec1 {
        min-width: 1080px;
        margin: 0 0 0;
        overflow: hidden;
        background: #007fad;
    }

    #sec1 .title_wrap {
        padding: 30px 0;
        text-align: center;
    }

    #sec1 .title_wrap h1 {
        color: #fff;
        font-size: 1.6rem;
        text-align: center;
    }

    #sec1 .title_wrap span {
        color: #fff;
        font-size: 3.0rem;
        text-align: center;
    }

    #mv_wrap {
        width: 100vw;
        height: 270px;
        overflow: hidden;
    }

    #mv_wrap .mv {
        width: 100%;
        height: 100%;
        background-position: center center !important;
        background-size: cover !important;
    }

    #sec2 {
        width: 1080px;
        margin: 0 auto;
        padding: 44px 0;
    }

    #sec2 h2 {
        font-size: 4.8rem;
        font-family: 'Pinyon Script', cursive;
        text-align: center;
    }
    #sec2 h2.h2_t {
        margin: 10px 0 0;
        padding: 0 0 5px;
        font-size: 3rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        text-align: center;
    }
    #sec2 h3 {
        font-size: 2.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        margin-bottom: 30px;
    }
    #sec2 h4 {
        font-size: 2.0rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        /*margin-bottom: 30px;*/
    }
    #sec2 h4 span {
        font-size: 1.5rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        margin-bottom: 30px;
    }
    #sec2 h5 {
        font-size: 1.7rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: left;
        /*margin-bottom: 30px;*/
    }
    #sec2 p {
        margin: 0 0 25px;
        padding: 0 0 5px;
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        text-align: center;
    }
    #sec2 p span {
        margin: 0 0 25px;
        padding: 0 0 5px;
        font-size: 1.8rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
    }
    #sec2 p.txt_access{
        text-align: center;
        font-size: 1.5rem;
    }

    #sec2 p.txt_access span{
        font-size: 1.8rem;
        font-weight: bold;
    }

    #sec3 {
        width: 1080px;
        margin: 0 auto;
        padding: 44px 0;
    }

    #sec3 h2 {
        font-size: 4.8rem;
        font-family: 'Pinyon Script', cursive;
        text-align: center;
    }



    #sec3 h3 {
        font-size: 2.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        margin-bottom: 30px;
    }

    .box1_wrap {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin-bottom: 30px;
    }

    .box1_wrap .box1_1 {
        width: 66%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box1_wrap .box1_2 {
        width: 34%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
        padding-left: 20px;
    }

    .box1_wrap .box1_2 li {
        margin-bottom: 15px;
    }

    .box1_wrap .box1_3, .box1_wrap .box1_4 {
        /*width: 49.2%;*/
        width: 100%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box1_wrap .box1_4 {
        margin-left: 1.6%;
    }

    .box1 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;
        justify-content: space-between;*/
        margin-bottom: 30px;
    }
    .box1_1 {
        width: 50%;
    }
    .box1_2 {
        width: 50%;
        padding: 0 5px;
    }
    .box1_2 ul {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .box1_2 li {
        width: 260px;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }
    .box1_3 {
        width: 30%;
    }
    .box1_3 ul {
        width: 100%;
        display: flex;
        /*align-items: flex-end;
        justify-content: space-between;*/
        margin-bottom: 30px;
    }
    .box1_3 li {
        width: calc(95% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        margin: 0 10px 0 0;
    }

    .box1 li h4 {
        font-size: 1.7rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .box1 li dd span {
        display: inline-block;
        text-align: center;
    }



    .box2 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /*align-items: flex-end;*/
        /*justify-content: center;*/
        margin-bottom: 30px;
    }

    .box2 li {
        width:calc(100% / 4);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        margin-bottom: 15px;
    }

    .box2 li h4 {
        font-size: 1.7rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .box2 li dd span {
        display: inline-block;
        text-align: center;
    }
    .box2 li h4 p {
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }
    .box2 li dd span {
        background: #7d8488;
        color: #fff;
        padding: 2px 4px;
    }

    /*.box2 li:nth-child(2) {
        margin: 0 15px;
    }

    .box2 li:nth-child(3) {
        margin: 0 15px 0 0;
    }*/


    .box3 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }

    .box3 .box3_1 {
        width: 30%;
        padding-right: 8px; 
    }
    .box3 .box3_1 h2{
        background: #000;
        color: #fff;
        font-size: 2.4rem !important;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    }
    .box3 .box3_2 {
        width: 70%;
    }
    .box3 .box3_2 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .box3 .box3_2 ul li {
        width: calc(95% / 3);
        margin: 0 4px 10px;
    }
    .box3 .box3_2 ul.box2_2_2 li {
        width: calc(95% / 4);
        margin: 0 4px 10px;
    }

    .box3 .box3_2 ul.box2_2_1 li {
        width: calc(95% / 2);
        margin: 0 4px 10px;
    }
     .box3 .box3_3 {
        width: 30%;
        margin: 0 4px;
    }
    .box4 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .box4 li {
        width: calc(100% / 5);
        margin: 0 15px 0 0;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .boxs {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .boxs li {
        width: 50%;
        margin: 0 15px 0 0;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }
    .boxs li h4 {
        font-size: 1.5rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .boxs li h5 {
        margin: 0 0 10px;
    }

    .boxs p {
        font-size: 1.3rem;
    }

    .boxs li dd span {
        display: inline-block;
        text-align: center;
    }

    .boxs li h4 span {
        margin-left: 15px !important;
    }

    .boxs li h4 span.h4_span {
        margin: 0 !important;
        text-align: left !important;
        font-size: 1.3rem;
    }

    .boxs li:nth-child(6) {
        margin: 0;
    }
    .boxs .box4_1 {
        display: flex;
        flex-wrap: wrap;
    }

    .boxs .box4_1 dt {
        width: 60%;
    }

    .boxs .box4_1 dd {
        width: 40%;
    }

    .boxs .box4_1 dd p {
        margin: 0 0 10px;
    }

    .boxs dt .s0-1_wrap {
        margin: 15px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .boxs dt .s0-1_wrap .s0-1 {
        width: 48%;
    }

    .boxs dt.s0-2 {
        padding: 10px 0 0 0;
    }

    #sec3 h2 img {
        max-width: 250px;
    }

    .box5 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }

    .box5 li {
        width: calc(100% / 5);
        padding: 5px;
        margin: 0 15px 0 0;
        background-size: cover;
        text-align: left;
        vertical-align: top;
        background: #2a92d2;
        color: #fff;
        text-align: center;
    }
    .point {
        font-weight: bold;
         font-size: 1.8rem;
        color: #2a92d2;
        text-align: center;
    }

    .box_wrap5 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 30px 0;
    }
    .box_wrap5_l {
        width: 40%;
        text-align: left;
    }
    .box_wrap5_r {
        width: 60%;
        padding-left: 15px;
    }

    .wrap5_r_box {
        margin: 0 0 15px;
    }

    .box_wrap5 h4 {
        font-weight: bold;
        font-size: 1.8rem;
        margin: 0 0 10px;
    }

    .box_wrap5 h4 span {
        font-weight: normal;
        font-size: 1.4rem;
        margin: 0 0 10px;
    }

    .box_wrap5 .strong {
        color: #009cd5;

    }

    .box6 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }

    .box6 .box6_1 {
        width: 50%;
    }
    .box6 .box6_2 {
        width: 50%;
    }

    .box6 .box6_1 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .box6 .box6_1 ul li {
        width: calc(100% / 2);
        padding-right: 6px;
    }



    .box6 .box6_2 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .box6 .box6_2 ul li {
        width: calc(100% / 2);
    }
 
    .box7 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }

    .box7 .box7_1 {
        width: 60%;
    }
    .box7 .box7_2 {
        width: 40%;
    }

    .box7 .box7_1 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .box7 .box7_1 ul li {
        width: calc(100% / 3);
        padding-right: 6px;
    }
    .box7 .box7_1 ul.box7_1_1 li {
        width: calc(100% / 2);
        padding-right: 6px;
    }


    .box7 .box7_2 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .box7 .box7_2 ul li {
        width: calc(100% / 2);
        padding-right: 4px;
    }

    .box8 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }

    .box8 .box8_1 {
        width: 30%;
    }
    .box8 .box8_2 {
        width: 70%;
    }

    .box8 .box8_1 ul {
        display: flex;
        flex-wrap: wrap;
    }
    .box8 .box8_1 ul li {
        padding-right: 6px;
    }



    .box8 .box8_2 ul.ul8_2 {
        display: flex;
        flex-wrap: wrap;
    }
    .box8 .box8_2 ul.ul8_2 li {
        width: calc(100% / 4);
        padding-right: 4px;
    }

    .box8_2_b {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .box8_2_b1 {
        width: 50%;
    }
    .box8_2_b1 h3 {
        color: #fff;
        background: #ccc;
        margin-bottom: 5px !important;
        width: 99%;
    }

    .ul8_2_b1 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .ul8_2_b1 li {
        width: 50%;
        padding-right: 4px;
    }
/**/
    .k_swrap {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: flex-start;
        margin-bottom: 30px;
    }
    .k_sname {
        width: calc(100% / 2);
        margin: 0 4px 10px;
        padding: 10px 0;
        background: #000;
        color: #fff;
    }
    .k_t {
        background: #44507c;
        color: #fff;
        text-align: center;
        display: inline-block;
        padding: 10px 20px ;
        margin-right: 10px;
    }
    .k_t2{
        background: #a07971;
        color: #fff;
        text-align: center;
        display: inline-block;
        padding: 10px 20px ;
        margin-right: 10px;
    }
    .k_wrap ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .k_wrap ul li {
        width: calc(100% / 3);
        padding: 5px;
    }

    .k_wrap ul li h4 {
        background: #727171;
        color: #fff;
        margin-bottom: 10px;
    }

    .k_img_wrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .k_img {
        width: calc(95% / 2);
        margin: 0 4px 10px;
    }
    .k_img p {
        font-weight: normal !important;
        font-size: 0.8rem;
    }
    .k_wrap p.k_text {
        font-size: 1.2rem !important;
        font-weight: normal !important;
        text-align: left !important;
    }


    .security_wrap {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: space-between;
        margin: 30px 0;
    }
    .security_wrap p span {
        display: inline-block;
        background: #a6902b;
        color: #fff;
        width: 20px;
        height: 20px;
        text-align: center;
        margin-right: 6px;
    }
    .box9 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }
    .box9 li {
        width: calc(100% / 3);
        padding-right: 4px;
    }
    .box10 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }
    .box10 li {
        width: calc(100% / 4);
        padding-right: 4px;
    }

    .box11 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box11 .box11_1 {
        width: 25%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }
    .box11 .box11_2 {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }
    .box11 .box11_3 {
        width: 25%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }
    .box11 li dl {
       /* padding: 4.66667%;*/
    }

    .box11 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box11 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box11 .box11_2 {
        width: 100d%;
    }

    .box11 .box11_2 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box11 .box11_2 ul li {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box11 .box11_2 ul li:nth-child(2n+1) {
    padding-right: 2px;
    }

    .box12 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /*align-items: flex-end;*/
        /*justify-content: center;*/
        margin-bottom: 30px;
    }

    .box12 li {
        width:calc(100% / 4);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        margin-bottom: 15px;
        padding: 10px;

    }

    .box12 li h4 {
        font-size: 1.7rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .box12 li dd span {
        display: inline-block;
        text-align: center;
    }
    .box12 li h4 p {
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }
    .box12 li dd {
        text-align: center;
    }
    .box12 li dd span {
        background: #7d8488;
        color: #fff;
        padding: 2px 4px;

    }
    .box13 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /*align-items: flex-end;*/
        /*justify-content: center;*/
        margin-bottom: 30px;
    }

    .box13 li {
        width:calc(100% / 3);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        padding: 0 10px;

    }
    .o_list p {
        background: #727171;
        color: #fff;
        text-align: center;
        padding: 10px 20px !important;
    }
    .c_wrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .c_box {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        padding: 0 10px;
    }
    .c_list h4 {
        background: #727171;
        padding: 10px 0;
        color: #fff;
    }
    .c_txt {
        font-weight: normal !important;
        text-align: left !important;
    }

    .se_box {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        /*justify-content: center;*/
        margin-bottom: 30px;
    }



    .se_box li {
        width: calc(100% / 2);
        /*width: 16.66666666%;*/
        margin: 0 15px 0 0;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .se_box li h4 {
        font-size: 1.19rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .se_box p {
        font-size: 1.3rem;
    }

    .se_box li dd span {
        display: inline-block;
        text-align: center;
    }

    .se_box li:nth-child(6) {
        margin: 0;
    }

    .security_col {
        width: 50%;
        box-sizing: border-box;
    }
    .security_col h4 {
        font-size: 1.7rem;
        margin-bottom: 15px;
    }

    .security_cor {
        width: 50%;
        box-sizing: border-box;
    }
    .security_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .s_box1 {
        width: 30%;
    }
    .s_box2 {
        width: 70%;
    }

    .box11 {
        display: flex;
        flex-wrap: wrap;
    }
    .box11 li {
        width: calc(100% / 2);
    }
    .s2_wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .box11 .s2_wrap dl {
        width: calc(100% / 2);
    }

    .box_free {
        width: 100%;
        background: #ebf6fd;
        padding: 40px 0;
    }
    .box_fr_inn {
        padding: 0 20px 20px 20px;
    }
    .fr_txt1 {
        text-align: right;
    }
    .fr_txt2 {
        text-align: center;
    }
    .box_fr_1 {
        width: 624px;
        margin: 10px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .box_fr_1 li{
        width: calc(100% / 3);

    }
    .box_fr_1 dl {
        background: #0356a3;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 10px 0;
        margin: 0 4px;
    }
    .box_fr_1 dt {
                text-align: center;
        color: #fff;
    }
    .box_fr_1 dd {
                text-align: center;
        color: #ffef38;
        font-size: 1.6rem;
    }
    .box_fr_2 {
        width: 900px;
        margin: 10px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .box_fr_2 li{
        width: calc(100% / 3);

    }
    .box_fr_2 dl {
        border: 2px solid #0356a3;
        background: #fff;
        border-radius: 4px;
        padding: 10px 10px;
        margin: 0 4px;
    }
    .box_fr_2 dt {
                text-align: center;
        color: #0356a3;
        font-size: 1.6rem;
        height: 60px;
    }
    .box_fr_2 dd {
                text-align: center;
        color: #000;

    }

    .fast_box {
        width: 100%;
    }

    .h4_fast1 {
        position: relative;
        line-height: 2.6;
        padding: 0 0 0 250px;
        margin: 0 0 20px;
        font-size:2.0rem;
        border: 2px solid #2767ad;
        color: #2767ad;

    }
    .h4_fast1::before{
        content: attr(title);
        position: absolute;
        width: 150px;
        left: 0;
        top: 0;
        padding:0 40px;
        background: #2767ad;
        color: #fff;
        text-align: center;
    }
    .h4_fast1 span {
        font-size: 1.6rem;
        display: inline-block;
        margin-right: 20px;
    }

    .h4_fast2 {
        position: relative;
        line-height: 2.6;
        padding: 0 0 0 250px;
        margin: 0 0 20px;
        font-size:2.0rem;
        border: 2px solid #e07d2b;
        color: #e07d2b;

    }
    .h4_fast2::before{
        content: attr(title);
        position: absolute;
        width: 150px;
        left: 0;
        top: 0;
        padding:0 40px;
        background: #e07d2b;
        color: #fff;
        text-align: center;
    }
    .h4_fast2 span {
        font-size: 1.6rem;
        display: inline-block;
        margin-right: 20px;
    }

    .fast_in_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding: 20px 5px;
        border: 4px solid #2768ae;
        color: #fff;
        background: #2768ae;
    }


    .fast_in_box:before {
        position: absolute;
        top: 3px;
        left: 3px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        content: '';
        border: 2px solid #fff;
    }
    .fast_in_box_inner {
        padding: 0 10px;
        font-size: 1.8rem;
    }


    .fast_in_box_inner span {
        margin-right: 4px;
        color: #2768ae !important;
        display: inline-block;
      padding: 1rem 3rem;
      -webkit-transform: skew(-15deg);
      transform: skew(-15deg);
      color: #fff;
      background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
      background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
      background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    }

    .fast_inner1 {
      margin: 40px 0;
      background: #fff;　/* 背景色 */
      border: 2px solid #0d3a8e;　/* 線の色 */
      width: 95%;
      border: 2px solid #0d3a8e;
      position: relative;
    }

    .fast_inner1_title {
      font-size: 16px;
      position: absolute;
      top: -20px;
      left: 20px;
      margin-top: 0;
      background: #0d3a8e; /* タイトル背景色 */
      color: #fff; /* タイトル文字色 */
      font-weight: bold;
      border-radius: 40px;
      padding: 4px 20px;
    }

    .fast_inner1 .f_inner1_box {
      margin: 0 0 10px;
      padding: 40px 20px 20px;
    }
    .fast1 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .fast1 li {
        /*width: calc(100% / 3);*/
        padding: 0 10px;
    }
    .fast1 li dl {

        
    }

    .fast1 li:nth-child(1),.fast1 li:nth-child(2)  {
        border-right: 1px solid #000;
    }
    .fast1 li:nth-child(3){
        padding-right: 40px;
    } 

    .fast1 li dt {
        font-size: 2.4rem;
        color: #0d3a8e;
        padding: 0 10px;
    }

    .fast1 li dt span {
        font-size: 2.4rem;
        color: #ooo;
    }

    .fast1 li dd {
        border-top: 1px solid #000;
        padding: 20px 10px;
    }

    .circle_number {
      width: 50px;
      height: 50px;
      color: #fff;
      padding-top: 6px;
      background: #0d3a8e;
      border-radius: 50%;
      text-align: center;
      box-sizing: border-box;
    }
    .fast1_inn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .fast1_inn_b {
        width: 49%;
    }
    .span1 {
        display: block;
        border-radius: 20px;
        background: #0068b1;
        text-align: center;
        color: #fff;
        margin-bottom: 4px;
    }
    .span2 {
        display: block;
        border-radius: 20px;
        background: #e07d2b;
        text-align: center;
        color: #fff;
        margin-bottom: 4px;
    }
    .span_s {
        font-size: 1.2rem;
    }

    .fast2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .fast2 li {
        /*width: calc(100% / 4);*/
        padding: 0 10px;
    }
    .fast2 li span {
        padding: 4px 20px;
        display: inline-block;
        background: #0d3a8e;
        color: #fff;
        text-align: center;
    }


    .fast2 .arrow{
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        font-size: 15px;
    }
    .fast2 .arrow::before,
    .fast2 .arrow::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    .fast2 .arrow_1::before{
        left: 4px;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 4px solid transparent;
        border-left: 4px solid #7a0;
    }

    .fast3 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .fast3 li {
        /*width: calc(100% / 4);*/
        padding: 0 10px;
    }
    .fast3 li dt {
        font-size: 1.8rem;
    }
    .fast3 li dt span {
        color: #9fa0a0;
    }
    .text_right {
        text-align: right;
    }

    /* @media screen
  ------------------------------------------------------------------------- */
}

/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
    /* @media screen
  ------------------------------------------------------------------------- */


    #sec1 {
        margin: 47px 0 0;
        overflow: hidden;
        background: #007fad;
    }

    #sec1 .title_wrap {
        padding: 30px 0;
        text-align: center;
    }

    #sec1 .title_wrap h1 {
        color: #fff;
        font-size: 1.6rem;
        text-align: center;
    }

    #sec1 .title_wrap span {
        color: #fff;
        font-size: 1.8rem;
        text-align: center;
    }

    #sec1 h2 {
        width: 30px;
        padding: 0 0 0;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #mv_wrap {
        width: 100vw;
        height: 70px;
        overflow: hidden;
    }

    #mv_wrap .mv {
        width: 100%;
        height: 100%;
        background-position: center center !important;
        background-size: cover !important;
    }

    #sec2 {
        margin: 0 auto;
        padding: 20px 4.66667%;
    }

    #sec2 h2 {
        font-size: 2.0rem;
        font-family: 'Pinyon Script', cursive;
        text-align: center;
    }

    #sec2 h3 {
        font-size: 1.8rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        margin-bottom: 15px;
    }
    #sec2 h4 {
        font-size: 1.7rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        margin-bottom: 15px;
    }

    #sec3 {
        margin: 0 auto;
        padding: 20px 4.66667%;
    }

    #sec3 h2 {
        font-size: 2.0rem;
        font-family: 'Pinyon Script', cursive;
        text-align: center;
    }

    #sec3 h2 img {
        width: 50%;
    }


    #sec3 h3 {
        font-size: 1.8rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
        margin-bottom: 15px;
    }

    .box1_wrap {
        width: 100%;
        margin-bottom: 15px;
    }

    .box1_wrap .box1_1 {
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box1_wrap .box1_2 {
        display: none;
    }

    .box1_wrap .box1_3, .box1_wrap .box1_4 {
        background-size: cover;
        text-align: left;
        vertical-align: top;
        margin-bottom: 15px;
    }

    .box1 {
        width: 100%;
        /*display: flex;*/
        /*align-items: flex-end;
        justify-content: space-between;*/
        margin-bottom: 30px;
    }
    .box1_1 {
        width: 100%;
    }
    .box1_2 {
        width: 100%;
    }
    .box1_2 ul {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .box1_2 li {
        width: 48%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }
    .box1_3 {
        width: 100%;
    }
    .box1_3 ul {
        width: 100%;
        display: flex;
        /*align-items: flex-end;
        justify-content: space-between;*/
        margin-bottom: 30px;
    }
    .box1_3 li {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box1_3 ul li:nth-child(2n+1) {
    padding-right: 2px;
}

    .box2 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box2 li {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box2 li:nth-child(2n+1) {
    padding-right: 2px;
}

    .box2 li dl {
        /*padding: 4.66667%;*/
    }

    .box2 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box2 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box2 li dd span {
        background: #7d8488;
        color: #fff;
        padding: 2px 4px;
    }


    .box4 li h5 {
        margin: 0 0 5px;
    }



    .box2_2 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box2_2 .sub_box {
        background: #eee;
        padding: 4px;
        margin: 1%;
    }

    .box2_2 .sub_box h4 {
        font-weight: bold;
        font-size: 1.2rem;
        background: #fff;
        text-align: center;
        padding: 4px;
    }


    .box3 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box3 li {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box3 li dl {
       /* padding: 4.66667%;*/
    }

    .box3 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box3 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box3 .box3_2 {
        width: 100d%;
    }

    .box3 .box3_2 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box3 .box3_2 ul li {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box3 .box3_2 ul li:nth-child(2n+1) {
    padding-right: 2px;
}


    .box4 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box4 li {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box4 li dl {
        padding: 4.66667%;
    }

    .box4 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box4 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box5 {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: center;
        margin: 30px 0;
    }

    .box5 li {
        padding: 5px;
        margin: 0 15px 0 0;
        background-size: cover;
        text-align: left;
        vertical-align: top;
        background: #2a92d2;
        color: #fff;
        text-align: center;
    }
    .point {
        color: #2a92d2;
    }
    .box_wrap5 {
        width: 100%;
        margin: 30px 0;
    }
    .box_wrap5_l {
        text-align: left;
    }
    .box_wrap5_r {
    }

    .wrap5_r_box {
        margin: 0 0 15px;
    }

    .box_wrap5 h4 {
        font-weight: bold;
        font-size: 1.8rem;
        margin: 0 0 10px;
    }

    .box_wrap5 h4 span {
        display: block;
        font-weight: normal;
        font-size: 1.4rem;
        margin: 0 0 10px;
    }

    .box_wrap5 .strong {
        color: #009cd5;

    }
    .box6 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .box6 li {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box6 li dl {
        padding: 4.66667%;
    }

    .box6 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box6 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box7 {
        width: 100%;

        margin-bottom: 30px;
    }
    .box7 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .box7 li {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box7 li dl {
        padding: 4.66667%;
    }

    .box7 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box7 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box8 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .box8 .ul8_2 {
        display: flex;
        flex-wrap: wrap;
    }

    .box8 .ul8_2 li {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .box8 .ul8_2 li dl {
        padding: 4.66667%;
    }

    .box8 .ul8_2 li h4 {
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10px;
    }

    .box8 .ul8_2 li dd span {
        display: inline-block;
        text-align: center;
    }

    .box8_2_b {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .box8_2_b .box8_2_b1 {
        width: 49%;
    }
    .box8_2_b1 h3 {
        background: #ccc;
        color: #fff;
    }

    .box12 ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /*align-items: flex-end;*/
        /*justify-content: center;*/
        margin-bottom: 30px;
    }

    .box12 li {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        margin-bottom: 15px;

    }
    .box12 li:nth-child(2n+1) {
        padding-right: 2px;
    }
    .box12 li h4 {
        font-size: 1.7rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .box12 li dd span {
        display: inline-block;
        text-align: center;
    }
    .box12 li h4 p {
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }
    .box12 li dd {
        text-align: center;
    }
    .box12 li dd span {
        background: #7d8488;
        color: #fff;
        padding: 2px 4px;

    }
    .box13 ul {
        width: 100%;
        margin-bottom: 15px;
    }

    .box13 li {
        padding: 0 10px;
        margin-bottom: 4px;

    }
    .o_list p {
        background: #727171;
        color: #fff;
        text-align: center;
        padding: 10px 20px !important;
    }
    .c_wrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .c_box {
        width:calc(100% / 2);
        background-size: cover;
        text-align: left;
        vertical-align: top;
        padding: 0 10px;
    }
    .c_list h4 {
        background: #727171;
        padding: 10px 0;
        color: #fff;
    }
    .c_txt {
        font-weight: normal !important;
        text-align: left !important;
    }

    .k_swrap {
        width: 100%;
        display: flex;
        /*align-items: flex-end;*/
        justify-content: flex-start;
        margin-bottom: 30px;
    }
    .k_sname {
        width: calc(100% / 2);
        margin: 0 4px 10px;
        padding: 10px 0;
        background: #000;
        color: #fff;
    }
    .k_t {
        background: #44507c;
        color: #fff;
        text-align: center;
        display: inline-block;
        padding: 10px 20px ;
        margin-right: 10px;
    }
    .k_t2{
        background: #a07971;
        color: #fff;
        text-align: center;
        display: inline-block;
        padding: 10px 20px ;
        margin-right: 10px;
    }
    .k_wrap ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .k_wrap ul li {
        width: calc(100% / 3);
        padding: 5px;
    }

    .k_wrap ul li h4 {
        background: #727171;
        color: #fff;
        margin-bottom: 10px;
        min-height: 60px;
    }

    .k_img_wrap {
        width: 100%;
    }
    .k_img {

    }
    .k_img p {
        font-weight: normal !important;
        font-size: 0.8rem;
    }
    .k_wrap p.k_text {
        font-size: 1.2rem !important;
        font-weight: normal !important;
        text-align: left !important;
        margin-bottom: 30px;
    }


    .security_wrap p span {
        display: inline-block;
        background: #a6902b;
        color: #fff;
        width: 20px;
        height: 20px;
        text-align: center;
        margin-right: 6px;
    }
    .se_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .se_box li {
        width: 50%;
        background-size: cover;
        text-align: left;
        vertical-align: top;
    }

    .se_box li h4 {
        font-size: 1.19rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 15px;
    }

    .se_box p {
        font-size: 1.3rem;
    }

    .se_box li dd span {
        display: inline-block;
        text-align: center;
    }

    .se_box li:nth-child(6) {
        margin: 0;
    }

    .s2_wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .box11 .s2_wrap dl {
        width: calc(100% / 2);
    }
    
    .fast_box {
        width: 100%;
    }

    .h4_fast1 {
        position: relative;
        line-height: 2.2;
        padding: 50px 10px 0 10px;
        margin: 0 0 20px;
        font-size:2.0rem;
        border: 2px solid #2767ad;
        color: #2767ad;

    }
    .h4_fast1::before{
        content: attr(title);
        position: absolute;
        width: 150px;
        left: 0;
        top: 0;
        padding:0 40px;
        background: #2767ad;
        color: #fff;
        text-align: center;
    }
    .h4_fast1 span {
        font-size: 1.6rem;
        display: block;
        margin-right: 20px;
    }

    .h4_fast2 {
        position: relative;
        line-height: 2.2;
        padding: 50px 10px 0 10px;
        margin: 0 0 20px;
        font-size:2.0rem;
        border: 2px solid #e07d2b;
        color: #e07d2b;

    }
    .h4_fast2::before{
        content: attr(title);
        position: absolute;
        width: 150px;
        left: 0;
        top: 0;
        padding:0 40px;
        background: #e07d2b;
        color: #fff;
        text-align: center;
    }
    .h4_fast2 span {
        font-size: 1.6rem;
        display: block;
        margin-right: 20px;
    }

    .box_free {
        width: 100%;
        background: #ebf6fd;
        padding: 20px 0;
    }
    .box_fr_inn {
        padding: 0 20px 20px 20px;
    }
    .fr_txt1 {
        text-align: right;
    }
    .fr_txt2 {
        text-align: left;
    }
    .box_fr_1 {
    }
    .box_fr_1 li{
        width: 100%;
        margin: 0 0 10px;

    }
    .box_fr_1 dl {
        background: #0356a3;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 10px 0;
        margin: 0 4px;
    }
    .box_fr_1 dt {
                text-align: center;
        color: #fff;
    }
    .box_fr_1 dd {
                text-align: center;
        color: #ffef38;
        font-size: 1.6rem;
    }
    .box_fr_2 {
    }
    .box_fr_2 li{
        width: 100%;
        margin: 0 0 10px;
    }
    .box_fr_2 dl {
        border: 2px solid #0356a3;
        background: #fff;
        border-radius: 4px;
        padding: 10px 10px;
        margin: 0 4px;
    }
    .box_fr_2 dt {
                text-align: center;
        color: #0356a3;
        font-size: 1.6rem;
    }
    .box_fr_2 dd {
                text-align: center;
        color: #000;

    }

    .fast_in_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding: 20px 5px;
        border: 4px solid #2768ae;
        color: #fff;
        background: #2768ae;
        text-align: left;
    }


    .fast_in_box:before {
        position: absolute;
        top: 3px;
        left: 3px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        content: '';
        border: 2px solid #fff;
    }
    .fast_in_box_inner {
        padding: 0 10px;
        font-size: 1.2rem;
    }


    .fast_in_box_inner span {
        margin-right: 4px;
        color: #2768ae !important;
        display: inline-block;
      padding: 1rem 3rem;
      -webkit-transform: skew(-15deg);
      transform: skew(-15deg);
      color: #fff;
      background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
      background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
      background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    }

    .fast_inner1 {
      margin: 40px 0;
      background: #fff;　/* 背景色 */
      border: 2px solid #0d3a8e;　/* 線の色 */
      width: 95%;
      border: 2px solid #0d3a8e;
      position: relative;
    }

    .fast_inner1_title {
      font-size: 16px;
      position: absolute;
      top: -20px;
      left: 20px;
      margin-top: 0;
      background: #0d3a8e; /* タイトル背景色 */
      color: #fff; /* タイトル文字色 */
      font-weight: bold;
      border-radius: 40px;
      padding: 4px 20px;
    }

    .fast_inner1 .f_inner1_box {
      margin: 0 0 10px;
      padding: 40px 20px 20px;
    }
    .fast1 {
        width: 100%;
    }

    .fast1 li {
        /*width: calc(100% / 3);*/
        padding: 0 10px;
    }
    .fast1 li dl {

        
    }


    .fast1 li:nth-child(3){
        padding-right: 40px;
    } 

    .fast1 li dt {
        font-size: 1.8rem;
        color: #0d3a8e;
        padding: 0 10px;
    }

    .fast1 li dt span {
        font-size: 1.8rem;
        color: #ooo;
    }

    .fast1 li dd {
        border-top: 1px solid #000;
        padding: 20px 10px;
    }

    .circle_number {
      width: 30px;
      height: 30px;
      color: #fff;
      background: #0d3a8e;
      border-radius: 50%;
      text-align: center;
      box-sizing: border-box;
    }
    .fast1_inn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .fast1_inn_b {
        width: 49%;
    }
    .span1 {
        display: block;
        border-radius: 20px;
        background: #0068b1;
        text-align: center;
        color: #fff;
        margin-bottom: 4px;
    }
    .span2 {
        display: block;
        border-radius: 20px;
        background: #e07d2b;
        text-align: center;
        color: #fff;
        margin-bottom: 4px;
    }
    .span_s {
        font-size: 1.2rem;
    }

    .fast2 {
        width: 100%;
    }

    .fast2 li {
        /*width: calc(100% / 4);*/
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .fast2 li span {
        padding: 4px 20px;
        display: block;
        background: #0d3a8e;
        color: #fff;
        text-align: center;
    }

    .fast3 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .fast3 li {
        /*width: calc(100% / 4);*/
        padding: 0 10px;
    }
    .fast3 li dt {
        font-size: 1.8rem;
    }
    .fast3 li dt span {
        color: #9fa0a0;
    }

    /* @media screen
  ------------------------------------------------------------------------- */
}