@media screen and (min-width:751px) {
    .sp {
        display: none;
    }

    .anchor_list li a:hover {
        border: solid 1px #01245D;
        background: #01245D;
        color: #fff;
    }

    .anchor_list.col03 li a{
        font-size: 16px;
    }
    .under_bnr a:not([target="_blank"]):hover {
        color: #fff;
    }
    .under_bnr a:hover:before{
        opacity: 1;
        visibility: visible;
    }
    .under_bnr.pos_right li{
       margin-right: 0;
    }
    .under_bnr.fix_font_size .txt{
        font-size: 16px;
    }
    .topic_path li a:hover{
        color: #008EDC;
    }
    .topic_path li a:hover:after{
        background: #008EDC;
    }
    .under_tbl_scroll_cols.no_space > li:first-child .th{
        border-right: 0;
    }
    .under_tbl_scroll_cols.no_space > li .td{
        border-right: 0;
    }
    .under_tbl_scroll_cols.no_space > li:last-child .th{
        border-right: solid 1px #01245D;
    }
    .under_tbl_scroll_cols.no_space > li:not(:first-child) .th{
        border-left: solid 1px #fff;
    }
    .under_tbl_scroll_cols.no_space > li:not(:first-child) .td{
        border-left: solid 1px #01245D;
    }
    .under_tbl_scroll_cols.no_space > li:last-child .td{
        border-right: solid 1px #01245D;
    }
    .under_tbl.fix_padding th{
        padding: 22px 5px 18px;
    }
    .iku_list01 dl:hover dt {
        text-decoration: underline;
    }
    .iku_item00 {
        height: 90px;
    }
    .iku_item00 a {
        padding-top: 4px;
    }
    .under .iku_item01.wid04, .under .iku_item01.wid06.small{
        height: 210px;
    }
    .under .iku_item01.wid04.orange01{
        height: 126px;
    }
    .under .iku_item01.wid02.orange01{
        height: 115px;
    }
    .under .iku_item01.orange01{
        height: 90px;
    }
    #item_end{
        height: 143px;
    }
    .iku_item01 .wid02.orange01 .iku_title01, .iku_item01.pink.iku_item00 .iku_title01{
        position: relative;
        top: -5px;
    }
    .orange01 .iku_title01, .orange01 .iku_title01{
        position: relative;
        top: -8px;
    }
    .iku_title03 span, .iku_title02 span{
        margin-top: 15px;
    }
    .under .iku_item01.wid04.orange01 .iku_title01{
        position: relative;
        top: -20px;
    }
    .under .iku_box_arrow {
        margin-bottom: 90px;
    }

}
@media only screen and (min-width:751px) and (max-width: 1560px){
    .under_box_people .content_men, .under_box_people .content_women, .under_box_people .content_customer2{
        width: 65%;
    }
    .iku_box01 dl{
        width: 49%;
    }
    .under .iku_list01 dl.iku_dl01, .under .list_arrow .iku_arrow01{
        width: 35%;
    }
    .under .iku_list01 dl, .under .list_arrow .iku_arrow02, .under .list_arrow .iku_arrow03{
        width: 30%;
    }
    .under .iku_item01.wid04{
        width: 46.5%;
    }
    .under .iku_item01.wid06.small{
        width: 18.5%;
    }
    .under .iku_item01.wid02 {
        width: 67.5%;
    }
    .under .iku_item01.wid06{
        width: 30%;
    }
    .under .iku_item01.wid04, .under .iku_item01.wid06.small{
        height: 210px;
    }
    .under .iku_item01.wid04.orange01{
        height: 126px;
    }
    .under .iku_item01.wid02.orange01{
        height: 115px;
    }
    .under .iku_item01.orange01{
        height: 90px;
    }
    #item_end{
        height: 143px;
    }
    .iku_item01 .wid02.orange01 .iku_title01, .iku_item01.pink.iku_item00 .iku_title01{
        position: relative;
        top: -5px;
    }
    .orange01 .iku_title01, .orange01 .iku_title01{
        position: relative;
        top: -8px;
    }
    .iku_title03 span, .iku_title02 span{
        margin-top: 15px;
    }
    .under .iku_item01.wid04.orange01 .iku_title01{
        position: relative;
        top: -20px;
    }
    .under .iku_box_arrow {
        margin-bottom: 90px;
    }
    .under .flex_3col dl{
        width: 32%;
        margin-right: 5%;
    }
    .under .flex_3col dl:last-child{
        margin-right: 0;
    }
}

@media only screen and (min-width:751px) and (max-width: 1200px) {
    .under #content {
        width: 100%;
        padding: 0 1%;
    }
    .topic_path{
        margin-bottom: 50px;
    }
    .under_wrapper{
        width: 100%;
        padding: 0 5%;
    }
    .anchor_list.col04 li {
        width: 47%;
        margin: 10px;
    }
}
@media screen and (max-width: 750px) {
    .pc {
        display: none;
    }

    .under #content {
        width: 100%;
        padding: 0 3% 35px;
    }
    .under_wrapper{
        width: 100%;
    }
    .image_r,
    .image_l {
        float: none;
        text-align: center;
        margin: 0 0 20px;
    }

    .tbl_block>tbody>tr,
    .tbl_block>tbody>tr>th,
    .tbl_block>tbody>tr>td,  .under_tbl_scroll_cols > li .td, .under_tbl_scroll_cols > li .th, .under_tbl_scroll_cols.has_space > li .th, .under_tbl_scroll_cols.has_space > li .td {
        display: block;
        width: 100% !important;
        border-bottom: none;
        font-size: 14px;
    }
    .under_tbl_scroll_cols.has_2item, .under_tbl_scroll_cols.has_3item, .under_tbl_scroll_cols.has_space{
        flex-wrap: wrap;
    }
    .under_tbl_scroll_cols.has_2item > li, .under_tbl_scroll_cols.has_3item > li, .under_tbl_scroll_cols.has_space > li, .under_tbl_scroll_cols.has_2item.has_space > li, .under_tbl_scroll_cols.has_3item.has_space > li{
        width: 100%;
    }
    .tbl_block th, .under_tbl_scroll_cols > li .th , .under_tbl_scroll_cols.has_space > li .th{
        padding: 10px;
        border: solid 1px #01245D;
        border-bottom: 0;
    }

    .tbl_block td,.under_tbl_scroll_cols > li .td, .under_tbl_scroll_cols > li .th, .under_tbl_scroll_cols.has_space > li .th {
        padding: 15px 10px;
        border-left: solid 1px #01245D;
        border-right: solid 1px #01245D;
    }

    .tbl_block, .under_tbl_scroll_cols, .under_tbl_scroll_cols.has_space > li .th {
        table-layout: fixed;
        border-bottom: solid 1px #01245D;
    }

    .under_tbl th,
    .under_tbl td {
        padding: 15px 10px;
        font-size: 14px;
    }

    .under_tbl.fixed th.w25,
    .under_tbl.fixed th.w50 {
        width: auto;
    }

    .under_tbl.tbl_block>tbody>tr:not(:last-child)>th {
        border-bottom: 0;
    }

    .tbl_block>th {
        border-left: solid 1px #01245D;
        border-right: solid 1px #01245D;
    }

    .tbl_block>td {
        border-left: solid 1px #01245D;
        border-right: solid 1px #01245D;
    }
 
    .tbl_scroll {
        table-layout: fixed;
    }

    .tbl_scroll,
    .img_scroll {
        overflow-x: scroll;
    }

    .tbl_scroll>table,
    .img_scroll img {
        min-width: 750px;
    }

    .tbl_scroll>table>table {
        min-width: 100%;
    }

    .tbl_scroll th,
    .tbl_scroll td {
        padding: 10px;
    }

    .under section,
    .under .section {
        margin: 0 0 35px;
    }


    .topic_path li {
        display: inline;
        line-height: 2em;
    }

    .topic_path li {
        font-size: 12px;
    }
    .topic_path li:not(:first-child):before {
        top: 3px;
    }

    .topic_path {
        padding: 15px 0;
        margin-bottom: 25px;
    }

    .under h3,
    .under h4,
    .under h5,
    .under h6 {
        margin-bottom: 20px;
    }

    .under #mainvisual {
        height: 200px;
        margin-top: 60px;
        background: url(../images/under_mv_sp.jpg) no-repeat center;
        background-size: cover;
    }
    .under #mainvisual h2 {
        font-size: 26px;
    }
    .under h3{
        font-size: 22px;
    }
    .under h6{
        padding: 4px 0 2px 10px;
    }
     .under_bnr.download li, .under_bnr.small li, .under_bnr.has_2item li, .under_bnr.has_3item li{
        width: 45%;
        margin: 0 auto 15px;
    }
    .under_bnr.mail li, .under_bnr li{
        width: 80%;
    }
    .under_bnr a, .under_bnr.mail a, .under_bnr.download a, .under_bnr.small a{
        padding: 17px 15px 16px;
    }
    .under_bnr .txt, .under_bnr.download .txt
    .under_bnr .txt, .under_bnr.download .txt{ 
        font-size: 17px;
    }
    .under_frame .ttl{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .anchor_list {
        margin-bottom: 0;
        justify-content: space-between;
    }
    .anchor_list.col03{
        justify-content: center;
    }
    .anchor_list li,
    .anchor_list.col02 li,
    .anchor_list.col03 li,
    .anchor_list.col04 li {
        width: 47%;
        margin: 0 5px 15px;
    }
    .anchor_list.col02.odd {
        justify-content: center;
    }
    .anchor_list.col02.odd li{
        margin: 0 15px 15px;
    }
    .anchor_list li a, .anchor_list.col04 li a  {
        padding: 10px 15px;
        font-size: 14px;
    }

    .under_list li {
        padding: 0 0 0 12px;
    }

    .under_list li:before {
        width: 6px;
        height: 6px;
        top: 10px;
    }


    .under_frame .frame_content{
        padding: 15px;
        border: solid 3px #fff;
    }
    .under_frame .frame_ttl{
        margin-bottom: 25px;
    }
    .under_frame .frame_ttl span{
        font-size: 20px;
    }
    .under_bnr a{
        box-shadow: 0px 3px #7b92b7;
    }

    .under_box_people{
        margin-bottom: 80px;
    }
   .under_box_people .content_men {
        margin-bottom: 100px;
    }
   .under_box_people .content_men,.under_box_people .content_women,.under_box_people p.topic_customer2, .under_box_people .content_customer2 {
        width: 60%;
        padding: 10px;
    }
    .under_box_people .content_customer2{
        margin-bottom: 80px;
    }
   .under_box_people .content_women,.under_box_people .content_men span, .under_box_people .content_customer2 span {
        font-size: 14px;
    }
    .under_box_people .content_women:after{
        top: 45%;
    }
    .under_grp .img{
       width: 60px;
    }
    .under .iku_list01.fix{
        top: 60px;
        width: 94%;
        left:50%;
        transform: translateX(-50%);
        margin: 0 auto;
        height: 80px;
    }
    .iku_box01 dl{
        width: 100%;
        margin: 0 auto 15px;
    }
    .iku_box01 dl:last-child{
        margin: 0 auto;
    }
    .under .iku_list01 dl.iku_dl01, .under .list_arrow .iku_arrow01{
        width: 35%;
    }
    .under .iku_list01 dl, .under .list_arrow .iku_arrow02, .under .list_arrow .iku_arrow03{
        width: 30%;
    }

    .under .iku_item01.ml200 {
        margin-left: 213px;
    }
    .under .iku_item01.ml200.small{
        margin-left: 0;
    }
    .under .iku_box_arrow{
        max-width: 100%;
        margin-bottom: 60px;
    }
    .iku_title01, .iku_title02, .iku_title03, .iku_title04 {
        font-size: 18px;
    }
    .iku_title01 span, .iku_title02 span, .iku_title03 span, .iku_title04 span{
        font-size: 12px;
    }
    .under .iku_item01.wid04, .under .iku_item01.wid06.small{
        height: auto;
        width: 100%;
    }
    .under .iku_item01.wid04.orange01{
        height: auto;
        width: 100%;
    }
    .under .iku_item01.wid02.orange01{
        height: auto;
        width: 100%;
    }
    .under .iku_item01.orange01{
        height: auto;
        width: 100%;
    }
    #item_end{
        height: auto;
        width: 100%;
    }
    .under .iku_btn{
        position: relative;
        left:0;
        transform: none;
        bottom: 0;
    }
    .iku_note{
        min-width: 90px;
        height: 30px;
    }
    .under .iku_item01.wid04{
        width: 100%;
    }
    .under .iku_item01.wid06.small{
        width: 100%;
    }
    .under .iku_item01.wid06{
        width: 100%;
    }
    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 169px 0 169px;
        bottom: -30px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 197px 0 197px;
        bottom: -30px;
    }
    .under .iku_item01.ml200 {
        margin-left: 0;
    }
    .under .iku_item01.ml200.small{
        margin-left: 0;
    }
    .under .iku_btn{
        margin-top: 10px;
    }
    .under .iku_item01.wid06.small a, .under .iku_item01.wid04 a, .under .iku_item01.wid06.smal1 a, .under .iku_item01.wid06 a{
        padding-top: 35px;
    }
    .under .iku_btn span, .under .iku_btn span:last-child, .under .orange01 .iku_btn span, .under .pink .iku_btn span{
        margin: 5px;
    }
    .under .iku_btn span{
        min-width: 50px;
    }

    .iku_list01 dl dd{
        left:0;
        transform: none;
        width: 100%;
    }
    .under .iku_list01{
        position: relative;
    }
    .under .iku_list01 dl{
        position: static;
    }
    .iku_list01 dl.iku_dl01 dd:before {
        left: 22%;
        border-width: 15px 35px 0 8px;
    }
    .iku_list01 dl.iku_dl03 dd:before {
        left:auto;
        right: 12%;
        border-width: 15px 8px 0 35px;
    }
    .iku_list01 dl dt{
        position: relative;
    }
    .under .iku_list01 dl:before {
        content: none;
    }
    .under .iku_list01 dt:before {
        position: absolute;
        bottom: -13px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 7px 0 7px;
        border-color: #01245D transparent transparent transparent;
    }
    .under .iku_list01 dl.iku_dl02 dt:before, .under .iku_list01 dl.iku_dl03 dt:before {
        border-color: #fff transparent transparent transparent;
    }
    .under .txt_small{
        font-size: 12px;
    }
    .under .txt_big{
        font-size: 16px;
    }
    .under .flex_3col dl{
        width: 32%;
        margin-right: 5%;
    }
    .under .flex_3col dl:last-child{
        margin-right: 0;
    }
    .under_ttl {
        font-size: 16px;
    }
    .under .fix_img img{
    max-height: 250px;
    }
    .under_step_item .step_ttl{
        display: block;
        padding: 0;
    }
    .under_step_item .step_ttl .ttl01{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
    }
    .under_step_item .step_ttl .ttl02{
        display: block;
        width: 100%;
        padding: 10px 15px;
        font-size: 18px;
    }
    .under_qa_item{
        padding: 15px;
        border: solid 1px #01245D;
      }
      .under_qa_item .ttl{
        font-size: 18px;
        align-items: flex-start;
      }
      .under_qa_item .ttl .q{
        font-size: 24px;
        width: 40px;
        height: 50px;
        margin-right: 20px;
      }
    .under_qa_item .ttl .q:after{
    border-left: solid 10px #01245D;
    border-top: solid 25px transparent;
    border-bottom: solid 25px transparent;
    }
    .kaijo_tbl.under_tbl{
        table-layout: fixed;
    }
    .under .iku_item01 a {
        padding: 35px 10px 12px;
    }
    .under_tbl.kaijo_tbl th{
        width: auto;
    }
    .kaijo_tbl.under_tbl td, .kaijo_tbl.under_tbl th{
        font-size: 10px;
    }
    .under_tbl.kaijo_tbl th.w25{
        width: 22%;
    }
    .under_box_people.no_margin{
        margin: 0;
        position: relative;
        top: 10px;
    }
   
}
@media screen and (max-width: 640px) {
    .under_box_people .content_men span:before {
        bottom: -75px;
    }
    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 90px 0 90px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 105px 0 105px;
    }
    .anchor_list li a{
        font-size: 13px;
    }
    .under_bnr li, .under_bnr.mail li, .under_bnr.download li, .under_bnr.small li, .under_bnr.has_2item li, .under_bnr.has_3item li{
        width: 100%;
    }
    .under_bnr li:last-child, .under_bnr.mail li:last-child, .under_bnr.download li:last-child, .under_bnr.small li:last-child, .under_bnr.has_2item li:last-child{
        margin: 0 auto;
    }
    .under_box_people .content_customer2{
        margin-left: auto;
    }
    .under_box_people .content_customer2:before {
        width: 100px;
        height: 90px;
        background: url(../images/topic_customer3.png)no-repeat;
        background-size: contain;
        left: -180px;
        top: 15px;
    }
    .under_box_people .naiteisha_ic_1_2:before {
        content: "";
        position: absolute;
        width: 42px;
        height: 153px;
        background: url(../images/naiteisha_ic_1_2.png)no-repeat;
        background-size: contain;
        left: -150px;
        top: -5px;
      }
      .under_box_people .topic_customer2:before{
        content: "";
        position: absolute;
        width: 100px;
        height: 90px;
        background: url(../images/topic_customer2.png)no-repeat;
        background-size: contain;
        right: -135px;
        bottom: -37px;
    }
    .under_box_people .content_customer2 span:before{
        bottom: -70px;
    }
    .under .flex_3col{
        flex-wrap: wrap;
        justify-content: center;
    }
    .under .flex_3col dl{
        width: 60%;
    }
    .under .flex_3col dl{
        width: 60%;
    }
    .under .flex_circle dt span {
        width: 64px;
        height: 64px;
        font-size: 14px;
        line-height: 1.5em;
     }
}
@media screen and (max-width:475px){
    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 66px 0 66px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 78px 0 78px;
    }
    .iku_list01 dl dt{
        font-size: 12px;
    }
    .under_box_people .content_customer2{
        margin-bottom: 100px;
    }
    .under_box_people .content_customer2:before {
        left: -92px;
        top: 70px;
    }
    .under .flex_3col dl{
        width: 80%;
    }
    .under .flex_circle dt{
        font-size: 16px;
    }
}
@media screen and (max-width:425px) {

    .anchor_list li,
    .anchor_list.col02 li,
    .anchor_list.col03 li,
    .anchor_list.col04 li {
        width: 90%;
        margin: 0 auto 15px;
    }
    .under_box_people .content_men span:before {
        box-sizing: border-box;
        content: '';
        position: absolute;
        width: 60px;
        height: 30px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 35px solid #FFA500;
        left: -52px;
        top: 50%;
        z-index: -1;
    }
    .under_box_people .content_men{
        margin-bottom: 50px;
    }
    .under_box_people .content_women:after{
        top: 45%;
        transform: rotate(17deg);
        right: -47px;
    }
    .iku_list01 dl dt{
        font-size: 11px;
    }
    .under .iku_list01 dl:before {
        border-width: 6px 5px 0 5px;
    }

    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 60px 0 60px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 70px 0 70px;
    }
    .under .iku_list01 dt:before {
        border-width: 7px 5px 0 5px;
    }
    .iku_box01 dl dt{
        margin-bottom: 5px;
    }
    .under_box_people .content_customer2:before {
        left: -85px;
        top: 100px;
    }
}
@media screen and (max-width:414px){
    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 58px 0 58px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 68px 0 68px;
    }

    .under .iku_btn{
        margin-top: 5px;
    }
    .iku_title01, .iku_title02, .iku_title03, .iku_title04{
        font-size: 15px;
    }
    .under_box_people .content_customer2:before {
        left: -130px;
        top: 15px;
    }
    .under .flex_3col dl{
        width: 90%;
    }
}
@media screen and (max-width:375px) {
    .under_bnr .txt, .under_bnr.download .txt{
        letter-spacing: 0.01em;
    }
    .iku_list01 dl dt {
        font-size: 10px;
    }
    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 52px 0 52px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 62px 0 62px;
    }
}
@media screen and (max-width:320px) {
    .under_bnr .txt, .under_bnr.download .txt{
        font-size: 18px;
    }
    .under_box_people .content_men{
        margin-left: 63px;
    }
    .under_box_people .content_women:before {
        right: -115px;
        bottom: -7px;
    }
    .under .list_arrow .iku_arrow02:before,.under .list_arrow .iku_arrow03:before {
        border-width: 30px 45px 0 45px;
    }
    .under .list_arrow .iku_arrow01:before {
        border-width: 30px 52px 0 52px;
    }
    .iku_list01 dl dt{
        font-size: 9px;
    }
    .under .iku_list01 dl, .under .list_arrow .iku_arrow02, .under .list_arrow .iku_arrow03{
        width: 31.5%
    }
    .under_box_people .content_customer2:before {
        left: -110px;
        top: 36px;
    }
    .under .flex_circle dt{
        font-size: 15px;
    }
    .under_box_people.no_margin{
        top: 24px;
    }
}