@charset "utf-8";
@media (min-width: 768px) {}
@media (max-width: 767px) {
  input[type="text"] {
    -webkit-appearance: none;
  }
  input[type="reset"] {
    -webkit-appearance: none;
  }
  input[type="submit"] {
    -webkit-appearance: none;
  }
  select {
    font-size: 1.00em;
  }
  textarea {
    -webkit-appearance: none;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  a:hover {
    text-decoration: none;
    opacity: 1;
  }
  img {
    height: auto;
  }
  html {
    height: 100%;
  }
  body {
    min-width: 100%;
    min-height: 100%;
    font-size: 1.00em;
    height: auto;
  }
  body.is_active {
    /*overflow:hidden;*/
  }
  p, dt, dd, li, th, td {
    line-height: 1.5;
  }
  .mb60 {
    margin-bottom: 30px;
  }
  .fl {
    float: none;
  }
  .fr {
    float: none;
  }
  .pn {}
  .btnmenu {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(../img/common/sp_menu_01.png);
    background-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .is_active.btnmenu {
    background-image: url(../img/common/sp_menu_02.png);
    background-color: #33639B;
  }
  .is_active #t_clear {
    background-color: #000000;
    position: fixed;
    width: 100%;
    height: 10000px;
    z-index: 100;
    filter: alpha(opacity=50);
    -moz-opacity: 0;
    opacity: 0.1;
  }
  .headerwrap {
    top: 0;
    width: 100%;
    z-index: 9999;
    min-width: 100%;
    padding-left: 0;
  }
  .is_active .headerwrap {
    background-color: #FFF;
  }
  .headertop {
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }
  .logo {
    float: none;
    padding-top: 0;
    padding-left: 0;
    position: relative;
    z-index: 9;
    width: 151px;
    margin-right: 0;
  }
  .headerleft {}
  .headerright {
    float: none;
    width: auto;
  }
  .gnavwrap {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 9000;
    overflow-y: auto;
    height: auto;
    display: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
    background-color: #F4F4F4;
    padding-top: 0;
    text-align: left;
  }
  .is_active .gnavwrap {}
  .gnav {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
  }
  .gnav > li {
    vertical-align: bottom;
    display: block;
    position: relative;
    margin-right: 0px;
    margin-left: 0;
    margin-bottom: 25px;
  }
  .gnav > li > a {
    font-size: 1.00em;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #FFF;
    font-weight: bold;
    width: 80%;
  }
  .gnav > li > a span {}
  .gnav > li.spnav01 > a {
    font-size: 1.00em;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #FFF;
    font-weight: bold;
    background-color: #26ADE4;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    border-radius: 50px;
  }
  .gnav > li.spnav02 > a {
    font-size: 1.00em;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #FFF;
    font-weight: bold;
    background-color: #01756c;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    border-radius: 50px;
  }
  .gnav > li.spnav03 > a {
    font-size: 1.00em;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #FFF;
    font-weight: bold;
    background-color: #ef7b1a;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    border-radius: 50px;
  }
  .gnav > li.spnav04 > a {
    font-size: 1.00em;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #0082C4;
    border: 2px solid #0082C4;
    font-weight: bold;
    background-color: #fff;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    border-radius: 50px;
  }
  .gnav .fa-chevron-right {
    font-size: 1.37em;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top;
    padding-top: 1px;
  }
  .sptitle {
    width: 200px;
    margin: 20px auto 35px;
  }
  .rightnav01 {
    display: none;
  }
  .rightnav01.type02 {
    display: block;
    position: absolute;
    top: -7px;
    right: 10px;
  }
  .rightnav01.type02 li a {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 0.68em;
    line-height: 40px;
  }
  .rightnav01.type02 .fa-chevron-right {
    vertical-align: middle;
    font-size: 0.73em;
    padding-right: 3px;
    margin-top: -3px;
  }
  .headerright02 {
    float: none;
    padding-right: 0;
  }
  .footerblock01 {
    position: relative;
  }
  .footerblock02 {
    padding-top: 25px;
    padding-bottom: 30px;
    text-align: center;
  }
  .footer01 {
    text-align: center;
    margin-bottom: 0;
    background-color: #eaf8f9;
    padding-top: 24px;
    padding-bottom: 20px;
    padding-right: 35px;
    padding-left: 35px;
  }
  .footer01 img {
    max-width: 224px;
  }
  .footer02 {
    font-size: 0.87em;
    margin-bottom: 5px;
  }
  .footer03 {
    font-size: 0.87em;
    margin-bottom: 10px;
  }
  .footer04 {
    font-size: 1.81em;
  }
  .footer05 {
    font-size: 0.87em;
  }
  .copy {
    text-align: center;
    font-size: 0.63em;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pagetop {
    position: fixed;
    right: 3%;
    bottom: 40px;
    z-index: 1000;
  }
  .fa-chevron-circle-up {
    font-size: 2.47em;
  }
  .cmnbox01 {
    max-width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    margin: 0 auto;
  }
  .flow01 .cmnbox01 {
    position: relative;
    max-width: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 30px;
    border-radius: 24px;
  }
  .flow01 .riyou {
    padding: 20px !important;
  }
  .slide01 {
    position: relative;
  }
  .topmain01 {}
  .topmain01 .cmnbox01 {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }
  .abt01 {
    padding-top: 25px;
    padding-bottom: 0px;
  }
  .abt02 {
    font-size: 1.22em;
    margin-bottom: 20px;
  }
  .abt03 {
    font-size: 1.00em;
    text-align: left;
    margin-bottom: 20px;
  }
  .abt04 {
    text-align: center;
    margin-bottom: 20px;
  }
  .abt04 li {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .abt04 li a {
    font-size: 1.12em;
    color: #FFF;
    background-color: #3767A4;
    text-align: center;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .abt04 .fa-chevron-right {
    font-size: 1.47em;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
  }
  .abt05 {
    background-color: #FFFBD7;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .abt05 dt {
    font-size: 1.12em;
    margin-bottom: 15px;
  }
  .abt05 dd {
    font-size: 1.00em;
    text-align: left;
  }
  .abt06 {
    font-size: 1.22em;
    margin-bottom: 20px;
  }
  .mrt01 {
    padding-top: 35px;
    padding-bottom: 10px;
  }
  .abt07 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mrt02 {}
  .mrt03 {
    width: 100%;
    float: none;
    background-color: #FFF;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    margin-left: 0;
    margin-bottom: 25px;
  }
  .mrt03:first-child {
    margin-left: 0;
  }
  .mrt03 dt {
    text-align: center;
    margin-bottom: 15px;
  }
  .mrt03 dd {}
  .mrt03 img {
    max-width: 50%;
  }
  .mrt04 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
  .mrt04:last-child {
    margin-bottom: 30px;
  }
  .mrt04 dt {
    text-align: left;
    margin-right: 0px;
    margin-bottom: 6px;
  }
  .mrt04 img {
    max-width: 80%;
  }
  .toptitle01 {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .toptitle02 {
    font-size: 1.37em;
    margin: 0 auto;
    width: 100%;
  }
  .toptitle03 {
    background-size: 3px;
    height: 3px;
    width: auto;
  }
  .toptitle04 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    width: 8em;
  }
  .toptitle05 {
    background-size: 3px;
    height: 3px;
    width: auto;
  }
  .toptitle01.type02 .toptitle02 {
    color: #FFF;
    margin: 0 auto;
  }
  .flow01 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .flow02 {
    padding: 15px;
  }
  .flow03 {
    font-size: 1.2em;
    margin-bottom: 20px;
  }
  .flow03 .fa-check-circle {
    padding-right: 5px;
    font-size: 1.43em;
  }
  .flow04 {
    text-align: left;
    font-size: 1.00em;
    margin-bottom: 25px;
  }
  .flow04 a {}
  .flow05 {
    width: 100%;
    flex-direction: column;
    background-color: #E8F6FF;
    border-radius: 7px;
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
  }
  .flow06 {
    display: block;
    vertical-align: top;
    margin-right: 0;
    margin-left: 0;
  }
  .flow07 {
    font-size: 1.00em;
    margin-bottom: 10px;
  }
  .flow08 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .flow08 a {
    font-size: 1.22em;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .flow08 .fa-chevron-right {
    font-size: 1.47em;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
  }
  .flow09 {
    font-size: 1.75em;
  }
  .flow09 a {}
  .flow10 {
    font-size: 0.87em;
  }
  .flow11 {
    text-align: center;
    line-height: 1.2;
    font-size: 2, 47em;
    color: #FFF;
  }
  .flow12 {
    text-align: left;
    font-size: 1.00em;
  }
  .flow12.type02 {
    text-align: left;
  }
  .flow013 {
    padding: 15px;
  }
  .int01 {
    padding-top: 25px;
    padding-bottom: 5px;
  }
  .int02 {
    margin-bottom: 30px;
  }
  .int03 {
    font-size: 1.47em;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .int04 {}
  .int05 {
    padding: 15px;
  }
  .int06 {
    margin-bottom: 30px;
  }
  .int07 {
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }
  .int08 {
    width: 100%;
    float: none;
  }
  .int09 {}
  .int10 {
    width: 100%;
    display: table;
  }
  .int10 dt {
    width: 5em;
    font-size: 1.0em;
    padding-top: 2px;
  }
  .int10 dt span {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .int10 dd {
    padding-top: 5px;
    padding-left: 12px;
    font-size: 1.12em;
  }
  .int10 .add1 dd {
    padding-left: 0px;
  }
  .floating_btn .int11 {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .floating_btn .int11 a {
    width: 70% !important;
  }
  .int11.type02 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .int11 a {
    font-size: 1.06em;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
  }
  .int11 .fa-chevron-right {
    font-size: 1.37em;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
  }
  .int12 {
    font-size: 1.00em;
    text-align: left;
    margin-bottom: 20px;
  }
  .int13 {
    font-size: 1.22em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 14px;
  }
  .int13.type02 {}
  .int14 {
    border: 2px solid #E3007F;
    margin-bottom: 20px;
  }
  .int14.type02 {
    border: 2px solid #D6E2FF;
    padding: 10px;
    padding-bottom: 1px;
  }
  .int14 a {
    position: relative;
    padding: 10px;
    display: block;
  }
  .type02 .yotei a {
    position: initial !important;
    padding: initial !important;
    display: initial !important;
  }
  .int14 a:after {
    top: inherit;
    bottom: 15px;
    right: 50%;
    width: 14px;
    height: 14px;
    margin-top: 0;
    margin-right: -7px;
    border-top-width: 5px;
    border-right-width: 5px;
  }
  .int15 {
    width: 100%;
    display: block;
  }
  .int16 {
    display: block;
    vertical-align: middle;
    font-size: 1.22em;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .int14.type02 .int16 {}
  .int17 {
    display: block;
    vertical-align: middle;
    padding-left: 0;
    padding-bottom: 10px;
  }
  .int14.type02 .int17 {
    padding-bottom: 0;
  }
  .int18 {
    font-size: 1.00em;
    margin-bottom: 7px;
  }
  .int19 {
    font-size: 1.00em;
    margin-bottom: 10px;
  }
  .int20 {}
  .int21 {
    margin-bottom: 10px;
    width: 100%;
    display: block;
  }
  .int21 dt {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 10px;
  }
  .int14.type02 .int21 dt {
    width: 100%;
  }
  .int21 dt span {
    display: inline-block;
    font-size: 1.00em;
    padding-top: 3px;
    padding-right: 12px;
    padding-bottom: 2px;
    padding-left: 12px;
  }
  .int14.type02 .int21 dt span {
    background-color: #009FE8;
  }
  .int21 dd {
    display: block;
    vertical-align: top;
    font-size: 1.00em;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .int22 {
    font-size: 1.00em;
  }
  .int23 {
    font-size: 1.00em;
    text-align: left;
    margin-bottom: 25px;
  }
  .int24 {
    text-align: left;
  }
  .maps {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .main01 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .main02 {
    font-size: 1.22em;
  }
  .topicpath01 {
    margin-bottom: 20px;
    font-size: 0.87em;
  }
  .topicpath01 .fa-home {
    font-size: 1.00em;
  }
  .topicpath01 .fa-chevron-right {
    font-size: 0.73em;
    position: relative;
    top: -1px;
  }
  .detail01 {
    font-size: 1.00em;
    margin-bottom: 40px;
  }
  .detail02 {
    text-align: center;
    margin-bottom: 20px;
  }
  .detail03 {
    margin-bottom: 30px;
  }
  .detail04 {
    margin-bottom: 50px;
  }
  .detail04 table {
    width: 100%;
    border-top: 1px solid #3767A4;
  }
  .detail04 table th {
    width: 100%;
    display: block;
    padding-top: 15px;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    border-top: 1px none #3767A4;
    border-bottom: 1px none #3767A4;
  }
  .detail04 table td {
    width: 100%;
    display: block;
    background-color: #F1F5FD;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-left: 24px;
    border-top: 1px none #3767A4;
    border-bottom: 1px solid #3767A4;
  }
  .detail05 {
    font-size: 1.22em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .detail06 {
    margin-bottom: 25px;
  }
  .detail06 li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 4px;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 8px;
    padding-left: 5px;
    background-color: #F1F5FD;
  }
  .detail06 li:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  .detail07 {
    text-align: left;
    margin-bottom: 30px;
  }
  .detail08 {
    font-size: 1.37em;
    text-align: center;
    margin-bottom: 25px;
  }
  .detail09 {
    margin-bottom: 14px;
  }
  .detail10 {
    margin-bottom: 30px;
  }
  .detail10.type02 {
    margin-bottom: 0;
  }
  .detail10 li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .detail11 {
    margin-bottom: 40px;
  }
  .detail12 {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-right: 12px;
    padding-bottom: 20px;
    padding-left: 12px;
  }
  .detail13 {
    margin-bottom: 40px;
  }
  .detail14 {
    font-size: 1.37em;
    text-align: center;
    margin-bottom: 25px;
  }
  .detail15 {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-right: 12px;
    padding-bottom: 20px;
    padding-left: 12px;
  }
  .detail16 {
    font-size: 1.37em;
    text-align: center;
    margin-bottom: 25px;
  }
  .detail17 table {
    width: 100%;
    border-top: 1px solid #D985A2;
  }
  .detail17 table th {
    width: 100%;
    display: block;
    padding-top: 15px;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    border-top: 1px none #D985A2;
    border-bottom: 1px none #D985A2;
  }
  .detail17 table td {
    width: 100%;
    display: block;
    background-color: #FDF7FA;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-left: 24px;
    border-top: 1px none #D985A2;
    border-bottom: 1px solid #D985A2;
  }
  .kigyomain01 {
    text-align: center;
  }
  .typekigyo .abt02 {
    color: #13AE67;
  }
  .typekigyo .mrt01 {
    background-image: url(../img/common/bg_02.png);
  }
  .toptitle01.type03 {
    background-image: url(../img/common/icon_04.png);
  }
  .toptitle01.type03 .toptitle02 {
    color: #13AE67;
  }
  .toptitle01.type03 .toptitle03 {
    background-image: url(../img/common/bg_title_03.png);
  }
  .toptitle01.type03 .toptitle05 {
    background-image: url(../img/common/bg_title_03.png);
  }
  .toptitle01.type04 .toptitle04 {
    width: 11em;
  }
  .toptitle01.type05 .toptitle04 {
    width: 5em;
  }
  .kgy01 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .kgy02 {}
  .kgy03 {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .kgy04 {
    width: 60%;
    float: none;
    text-align: center;
    margin: 0 auto;
  }
  .kgy05 {}
  .kgy05 dt {
    font-size: 1.12em;
    margin-bottom: 3px;
  }
  .kgy05 dd {
    font-size: 1.12em;
    margin-bottom: 7px;
  }
  .kgy06 {
    margin-bottom: 12px;
  }
  .kgy06 li {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 5px;
  }
  .typekigyo .flow01 {
    background: rgb(19, 174, 103);
    background: linear-gradient(180deg, rgba(19, 174, 103, 1) 0%, rgba(19, 174, 103, 1) 36%, rgba(113, 178, 48, 1) 100%);
  }
  .typekigyo .flow03 {
    color: #01756c;
  }
  .typekigyo .flow08 a {
    background-color: #006934;
  }
  .typekigyo .flow09 {
    color: #007F6E;
  }
  .kbtm01 {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .kbtm01 .flow08 {
    width: 80% !important;
    margin-bottom: 50px;
  }
  .typekigyo .flow08 a {
    background-color: #01756c;
  }
  .target-person-container {
    display: block;
  }
  .target-person-image {
    width: 100%;
    height: auto;
    text-align: center;
    margin-left: 0;
  }
  .target-person-image img {
    max-width: 260px;
    width: 100%;
  }
  .btn-margin {
    margin-bottom: 60px;
  }
  /*20201118 IDH */
  .sanka .comapny_list div {
    width: 100%;
  }
  /*  20201127追加    */
  .entry_area {
    width: 100%;
  }
  /*  20210127追加    */
  .intonline2 {
    border: 2px solid #00B4A2;
    margin-bottom: 20px;
  }
  .intonline2.type02 {
    border: 2px solid #00B4A2;
    padding: 10px;
    padding-bottom: 1px;
  }
  .intonline2 a {
    position: relative;
    padding: 10px;
    display: block;
  }
  .intonline2 a:after {
    top: inherit;
    bottom: 15px;
    right: 50%;
    width: 14px;
    height: 14px;
    margin-top: 0;
    margin-right: -7px;
    border-top-width: 5px;
    border-right-width: 5px;
  }
  .intonline2 .int16 {
    display: block;
    vertical-align: middle;
    font-size: 1.22em;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  /*   20120128追加　　*/
  .file_download {
    display: flex;
    flex-wrap: wrap;
  }
  .file_download .flex-item2 {
    flex-basis: 100% !important;
  }
  .flex-item1 {
    flex-basis: 100% !important; /* flexアイテムの幅を割合で指定 */
  }
  .flex-item2 {
    flex-basis: 100% !important; /* flexアイテムの幅を割合で指定 */
  }
  ▲SP {}
  /*20201027 IDH */
  .soudan-end .int14 {
    padding: 10px;
  }
  /*20210309 IDH */
  .information {
    width: 100%;
    background-color: #F84904;
    margin: 0 auto 20px auto;
    text-align: center;
    color: #fff;
    padding: 12px;
  }
  /*  20210513追加    */
  .intmini {
    border: 2px solid #01756c;
    margin-bottom: 20px;
  }
  .intmini.type02 {
    border: 2px solid #01756c;
    padding: 10px;
    padding-bottom: 1px;
  }
  .intmini a {
    position: relative;
    padding: 10px;
    display: block;
  }
  .intmini a:after {
    top: inherit;
    bottom: 15px;
    right: 50%;
    width: 14px;
    height: 14px;
    margin-top: 0;
    margin-right: -7px;
    border-top-width: 5px;
    border-right-width: 5px;
  }
  .intmini .int16 {
    display: block;
    vertical-align: middle;
    font-size: 1.22em;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .kigyo_event {
    border: 1px solid #296D45;
    width: 100%;
    margin-bottom: 30px;
  }
  .kigyo_event:last-child {
    margin-bottom: 0px;
  }
  .kigyo_event h3 {
    background-color: #296D45;
    color: #fff;
    font-weight: normal;
    font-size: 1.2em;
    padding: 15px;
    margin: 0;
    height: auto;
  }
  .kigyo_event .gaiyo {
    margin: 30px;
  }
  .kigyo_event dl {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    font-size: 1.0em;
  }
  .kigyo_event dt {
    width: auto;
    font-weight: bold;
  }
  .kigyo_event h4 {
    background-color: #ffebfb;
    color: #e61673;
    padding: 9px;
    font-weight: bold;
    margin: 20px 0 12px 0;
  }
  .kigyo_seminar {
    border: 1px solid #E61673;
    width: 100%;
    margin-bottom: 30px;
  }
  .kigyo_seminar:last-child {
    margin-bottom: 0px;
  }
  .kigyo_seminar h3 {
    background-color: #E61673;
    color: #fff;
    font-weight: normal;
    font-size: 1.2em;
    padding: 15px;
    margin: 0;
  }
  .kigyo_seminar .gaiyo {
    margin: 30px;
  }
  .kigyo_seminar dl {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    font-size: 1.0em;
  }
  .kigyo_seminar dt {
    width: auto;
    font-weight: bold;
  }
  .kigyo_seminar h4 {
    background-color: #ffebfb;
    color: #e61673;
    padding: 9px;
    font-weight: bold;
    margin: 20px 0 12px 0;
  }
  .file_jobcard {
    display: flex;
    flex-direction: column;
  }
  .file_jobcard a {
    font-size: 0.7em;
    padding: 6px;
  }
  .exlink a {}
  .exlink a:nth-child(2) {
    margin-bottom: 0px;
  }
  .whats_new dl {
    display: flex;
    flex-direction: column;
    font-size: 1.0em;
    margin-bottom: 12px;
  }
  .whats_new dt, dd {
    margin-bottom: 6px;
    padding: 3px;
  }
  .whats_new dt {
    color: #036eb8;
    font-weight: bold;
    width: 100% !important;
  }
  .whats_new dd {
    width: auto;
  }
  /*  20210909    */
  .event_cat {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 30px 16px 0 16px;
  }
  .event_cat div {
    width: 100%;
    margin: 0;
  }
  .event_cat .talk h3 {
    color: #fff;
    padding: 8px;
    background-color: #E30080;
    text-align: center;
    font-size: 1.2em;
  }
  .event_cat .mini h3 {
    color: #fff;
    padding: 8px;
    background-color: #02756C;
    text-align: center;
    font-size: 1.2em;
  }
  .event_cat p {
    padding: 12px;
  }
  .int14 h3 {
    background-color: #FEE2F2;
    text-align: center;
    padding: 12px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 18px;
  }
  .intonline2 h3 {
    background-color: #FEE2F2;
    text-align: center;
    padding: 12px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 18px;
  }
  .intmini h3 {
    background-color: #D0F4F1;
    text-align: center;
    padding: 12px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 18px;
  }
  .photo_gallery {
    margin: 20px;
  }
  .photo_gallery ul {
    display: flex;
    flex-direction: column;
  }
  .photo_gallery ul li {
    width: 100%;
  }
  .photo_gallery ul li:first-child {
    margin-bottom: 20px;
  }
  .ex_link_blc {
    display: none;
    /* flex-direction: column;
	justify-content: space-between; */
  }
  .ex_link_blc a {
    display: block;
    width: 100%;
    border-radius: 10px;
    background-color: #FFFBF1;
    border: 1px solid #036EB8;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .ex_link_blc a:last-child {
    margin-bottom: 0;
  }
  .ex_link_blc p {}
  .ex_link_blc a:hover {
    opacity: 90%;
  }
  .ex_link_blc a:active {
    opacity: 90%;
  }
  /*  20230328追加   */
  .light-txt {
    font-weight: normal !important;
    font-size: 0.9em !important;
  }
  .company li {
    font-size: 0.9em;
    margin-left: 24px !important;
    font-weight: bold;
  }
  .footer06 .cmnbox01 {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 6px;
  }
  .footer06 .cmnbox01 .logo {
    margin-bottom: 18px;
  }
  /*固定ボタン  */
  .floating_btn {
    position: fixed;
    bottom: 0;
    z-index: 10;
    padding: 20px 0 0 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
  }
  .floating_btn a {
    width: 70%;
    margin: 0 auto;
  }
  .floating_btn a:hover {
    opacity: 100 !important;
    background-color: #C1272E;
  }
  /*  20231225IDH追加   */
  .company_box {
    background-color: #fff !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .nbe_box {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  .nbe01 a {
    display: block;
    width: 100%;
    background-color: #26ADE4;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 12px;
    font-size: 5vw;
    margin-bottom: 12px;
  }
  .nbe02 a {
    display: block;
    width: 100%;
    background-color: #02756C;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 12px;
    font-size: 5vw;
  }
  .nbe_box img {
    width: 80px;
    margin-bottom: 6px;
  }
  .flow24_pc {
    display: none;
  }
  .seminar_profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .seminar_profile img {
    width: 50vw;
    margin: 12px auto 0 auto;
  }
  .event_contents_box {
    margin: 20px;
  }
  .event_title_box {
    padding: 6px;
    font-size: 1.4em;
  }
  .event_title_box h2 {
    font-weight: bold;
    font-size: 0.9em;
  }
  .event_header {
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #26ADE4;
  }
  .event_areabox {
    width: auto;
    height: 100%;
    background-color: #26ADE4;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    padding: 12px;
  }
  /* 202404追加  */
  .ex_link_blc_sp {
    display: inline-block;
    text-align: center;
  }
  .ex_link_blc_sp h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.4em;
    color: #0070BE;
  }
  .ex_link_blc_sp dl {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    margin: 0 auto;
    text-align: center;
  }
  .ex_link_blc_sp dd {
    margin: 6px 0 10px;
    font-size: 1.2em;
  }
  .ex_link_blc_sp img {
    width: 100%;
    margin: 0 auto;
  }
  .table-wrap {
    overflow-x: scroll;
	-webkit-text-size-adjust: 100%;
  }
  #kyuusyoku .wrap_normal {
    white-space: pre;
  }
  .company_timecate dd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .event_syokusyu {
    width: 100%;
    flex-direction: column;
    margin: 12px 0 0 0;
  }
  .event_bosyu_ttl {
    width: 100%;
    text-align: center !important;
    margin: 0 0 6px 0px;
    display: block;
  }
  .gaiyopdf_btn {
    width: 100%;
    text-align: center;
  }
  .kigyo_schedule_tbl {
    white-space: nowrap;
    font-size: 0.8em !important;
  }
  .kigyo_seminar .kigyo_schedule_tbl td {
    font-size: 0.9em !important;
  }
  .hallo_link {
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
  .hallo_link a {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #012E68;
    color: #fff;
    border-radius: 12px;
    font-size: clamp(0.9rem, 1.0vw, 1.2rem);
  }
  .seminar_navi {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .seminar_navi a {
    display: block;
    text-align: center;
  }
  .seminar_navi span {
    font-weight: bold;
  }
  .seminar_mensetu_box {
    border: 1px solid #006F41;
  }
  .event_speaker h4 {
    padding: 6px;
    font-weight: 600;
    background-color: #F2F2F2;
    margin-top: 0 !important;
    color: #000000;
  }
  .kigyo_seminar .kigyo_schedule_tbl th {
    font-size: 0.8em !important;
  }
  .handbook {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .handbook_txt {
    width: 100%;
  }
  .sub_menu_area {
    background-color: #fff;
  }
  .sub_menu_select {
    width: 96%;
    margin: 6px auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
  }
  .sub_menu_area a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 12px;
    width: auto;
    font-size: clamp(0.6rem, 1rem, 1.2rem);
    margin: 0;
  }
  .sub_menu_area .kigyo_blue {
    background-color: #0066b1;
  }
  .sub_menu_area .kigyo_green {
    background-color: #01756c;
  }
  .sub_menu_area a:hover {
    opacity: 0.8;
  }
  .back-home {
    font-size: 1.0em;
    margin-bottom: 18px;
  }
  .hukugyo_btn {
    display: none;
  }
  .seminar_hukugyo_column {
    gap: 10px;
  }
  .seminar_hukugyo_column {
    flex-direction: column;
  }
  .seminar_hukugyo_box h2 span {
    margin-left: 0em;
  }
  .taiken_detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 30px;
  }
  .taiken_detail div {
    width: 100%;
  }
  .taiken_detail h3 {
    background-color: #04756C;
    color: #fff;
    height: auto;
    padding: 6px 6px 6px 2em;
    text-indent: -1.3em;
  }
  .taiken_detail ul {
    padding: 9px 18px;
  }
  .taiken_detail li {
    margin-bottom: 6px;
  }
  .taiken_list {
    list-style: disc !important;
    margin-left: 1em;
  }
  .anken_kikan {
    display: flex;
    flex-direction: column;
  }
  .anken_kikan li {
    text-align: center;
    font-size: 2.7vw;
  }
  .voice_user {
    padding: 20px;
  }
  .voice_user dt {
    display: flex;
    column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
  }
  .voice_user dt img {
    width: 100%;
    max-width: 100px;
  }
  .voice_ttl h2 {
    font-weight: 600;
    font-size: clamp(1.1vw, 1.0em, 1.6em)
  }
  .voice_name {
    font-size: 0.8em;
    margin: 0.5em 0 0 0.5em;
  }
  .voice_work {
    border: 2px solid #01756c;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .voice_work img {
    width: 100%;
    max-width: 300px;
  }
  .voice_work h5 {
    font-weight: bold;
    color: #01756c;
    font-size: 1.1em;
  }
  .voice_work p {
    margin: 6px 0;
  }
  .voice_icon {
    background-color: #01756c;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    padding: 3px 8px 2px 8px;
    display: inline-block;
    margin-bottom: 12px;
  }
  .voice_article {
    margin: 40px 0;
  }
  .voice_article h6 {
    color: #01756c;
    font-weight: 500;
    font-size: 1.1em;
    border-bottom: 2px #01756c solid;
    margin-bottom: 0.7em;
  }
  .voice_article p {
    margin-bottom: 0.5em;
  }
  .voice_person {
    border: 2px solid #01756c;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px !important;
  }
  .voice_person h5 {
    background-color: #01756c;
    padding: 0.2em 0.8em;
    color: #fff;
    font-weight: 500;
  }
  .voice_person_flex {
    flex-direction: column;
  }
  .voice_person_flex img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .voice_menu {
    margin: 40px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
  }
  .voice_menu a {
    background-color: #01756c;
    color: #fff;
    padding: 12px;
    display: inline-block;
    width: 530px;
    font-size: 0.9em;
    border-radius: 50px;
    text-align: center;
  }
  .voice_cap {
    text-align: center;
    font-size: 0.6em;
  }
  .voice_mainimage {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .pc-nav {
    display: none;
  }
  .hamburger {
    display: flex;
  }
  .mega-panel, .mega-overlay {
    display: none !important;
  }
  .mobile-drawer {
    top: 80px;
  }
}
@media (min-width: 769px) {
  .mobile-drawer {
    display: none !important;
  }
}
@media (max-width: 767px) {
  /*   デジタルスキル    */ :root {
    --header-height: 80px;
  }
  .typedigital_woman .topicpath01 {
    margin: 20px 0;
  }
  .typedigital_woman .main01 img {
    padding: 0px 0 50px 0;
  }
  .typedigital_woman .cmnbox01 {
    padding: 0 30px 0px 30px;
  }
  .typedigital_woman .toptitle01 {
    margin-top: 30px;
  }
  .typedigital_woman .main01 {
    padding: 0px;
  }
  .typedigital_woman .top_card {
    z-index: 1000;
    margin: -90px 20px 0 20px !important;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .typedigital_woman .top_card img {
    width: 30vw;
  }
  .typedigital_woman .event_info {
    border: 1px solid #da65a2;
    border-radius: 8px;
    background-color: #fffadd;
    overflow: hidden;
  }
  .typedigital_woman .event_info h2 {
    font-size: 1.4em;
    font-weight: 500;
    padding: 12px;
    background-color: #fff1f1;
    border-bottom: 3px solid #da65a2;
  }
  .typedigital_platina .platina_taisyo {
    background-color: #e8ffd9;
    margin-bottom: 20px;
    padding: 30px;
    border-radius: 14px;
    border: 1px solid #43aa00;
  }
  .typedigital_platina .platina_taisyo h5 {
    background-color: #43aa00;
    padding: 6px;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 300px;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
  }
  .typedigital_platina .platina_taisyo_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
  .typedigital_platina .platina_taisyo_list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: center;
  }
  .typedigital_platina .platina_taisyo_list li::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/digital_platina/icon_check.svg") no-repeat center / contain;
  }
  .typedigital_woman .grid-container {
    display: grid;
    grid-template-columns: repeat(2, auto);
    margin-bottom: 30px;
    width: 100%;
  }
  .typedigital_woman .int11 {
    margin: 20px auto;
  }
  .typedigital_woman .subgrid-container {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 5fr;
  }
  .typedigital_woman .subgrid-container > * {
    outline: solid 1px #da48a2;
  }
  .typedigital_woman .grid-item {
    background: #fff;
    padding: 1em;
  }
  .typedigital_woman .grid-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .typedigital_woman .event_info_contents {}
  .typedigital_woman .event_info .event_data {
    font-size: 3vw;
  }
  .typedigital_woman .event_info span {
    font-weight: 600;
  }
  .typedigital_woman .int11 a {
    background-color: #da48a2;
  }
  .typedigital_woman .large_img {
    margin: 20px auto;
    padding: 0 20px;
  }
  .typedigital_woman .btn_platina {
    margin-bottom: 0px;
  }
  .typedigital_woman .btn_platina a {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 2.5vw;
    background-color: #fffa77;
    padding: 12px;
    border: 1px solid #000;
    border-radius: 100px;
  }
  .typedigital_woman #course {
    background-image: linear-gradient(90deg, #fff9df, #dffcff);
    padding-bottom: 20px;
  }
  .typedigital_woman .abt10 {
    font-size: 5vw;
    font-weight: 600;
    text-align: center;
    color: #036eb8;
    margin: 20px auto;
  }
  .typedigital_woman .course_box {
    padding: 10px 10px 0 10px;
  }
  .typedigital_woman .course_data {
    display: grid;
    grid-template-columns: 2fr;
    gap: 10px;
    padding: 0 clamp(0.75rem, 3vw, 1.5rem);
  }
  .typedigital_woman .course_subtitle {
    font-weight: 600;
  }
  .typedigital_woman .digital_course01 {
    background-color: #fff;
    border: 1px solid #da48a2;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
  }
  .typedigital_woman .digital_course01 h2 {
    background-color: #da48a2;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
    padding: 16px;
  }
  .typedigital_woman .digital_course01 h2 span {
    background-color: #fff;
    color: #da48a2;
    font-size: 0.7em;
    font-weight: 400;
    padding: 4px 6px;
    border-radius: 4px;
    margin-right: 12px;
  }
  .typedigital_woman .digital_course01 .course_data_grid {
    border: 1px solid #da48a2;
    border-radius: 8px;
    padding: 12px;
    background-color: #fff8fb;
  }
  .typedigital_woman .digital_course01 h4 {
    background-color: #ffe9ec;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .typedigital_woman .digital_course01 .elearning_course span {
    display: block;
    width: 5em;
    font-size: 1.1em;
    background-color: #da48a2;
    padding: 4px 2px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
  }
  .typedigital_woman .digital_course01 .elearning_course h5 {
    font-weight: 600;
    font-size: 1.2em;
    color: #da48a2;
    margin: 6px 0;
  }
  .typedigital_woman .digital_course02 {
    background-color: #fff;
    border: 1px solid #00a99d;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
  }
  .typedigital_woman .digital_course02 h2 {
    background-color: #00a99d;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
    padding: 16px;
  }
  .typedigital_woman .digital_course02 h2 span {
    line-height: 100%;
    margin-right: 0;
  }
  .typedigital_woman .digital_course02 .course_data_grid {
    border: 1px solid #00a99d;
    border-radius: 8px;
    padding: 12px;
  }
  .typedigital_woman .digital_course02 h4 {
    background-color: #e8f2de;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .typedigital_woman .digital_course02 .elearning_course span {
    display: block;
    width: 5em;
    font-size: 1.1em;
    background-color: #00a99d;
    padding: 4px 2px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
  }
  .typedigital_woman .digital_course02 .elearning_course h5 {
    font-weight: 600;
    font-size: 1.2em;
    color: #00a99d;
    margin: 6px 0;
  }
  .typedigital_woman .soon {
    border-radius: 8px;
    border: 2px solid #ccc;
    padding: 12px 0;
    text-align: center;
    margin: 15px;
  }
  .typedigital_platina .topicpath01 {
    margin: 20px 0;
  }
  .typedigital_platina .cmnbox01 {
    padding: 0 30px 0px 30px;
  }
  .typedigital_platina .toptitle01 {
    margin-top: 30px;
  }
  .typedigital_platina .main01 {
    padding: 0px;
  }
  .typedigital_platina .top_card {
    z-index: 1000;
    margin: -90px 20px 0 20px !important;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .typedigital_platina .top_card img {
    width: 30vw;
  }
  .typedigital_platina .event_info {
    border: 1px solid #da65a2;
    border-radius: 8px;
    background-color: #fffadd;
    overflow: hidden;
  }
  .typedigital_platina .event_info h2 {
    font-size: 1.4em;
    font-weight: 500;
    padding: 12px;
    background-color: #fff1f1;
    border-bottom: 3px solid #da65a2;
  }
  .typedigital_platina .grid-container {
    display: grid;
    grid-template-columns: repeat(1, auto);
    width: 100%;
	  padding: 6px;
  }
  .typedigital_platina .subgrid-container {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 80px 1fr 1fr 2fr 1fr;
  }
  .typedigital_platina .subgrid-container > * {
    outline: solid 1px #43aa00;
  }
  .typedigital_platina .grid-item {
    background: #fff;
    padding: 1em;
  }
  .typedigital_platina .grid-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .typedigital_platina .event_info_contents {
    padding: 24px;
  }
  .typedigital_platina .event_info .event_data {
    font-size: 3vw;
  }
  .typedigital_platina .event_info span {
    font-weight: 600;
  }
  .typedigital_platina .int11 a {
    background-color: #da48a2;
  }
  .typedigital_platina .large_img {
    width: 100%;
    margin: 30px auto;
  }
  .typedigital_platina .btn_platina {
    margin: 20px;
  }
  .typedigital_platina .btn_platina a {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 3vw;
    background-color: #fffa77;
    padding: 12px;
    border: 1px solid #000;
    border-radius: 100px;
  }
  .typedigital_platina #course {
    background-image: linear-gradient(90deg, #fff9df, #dffcff);
    padding-bottom: 20px;
  }
  .typedigital_platina .abt10 {
    font-size: 5vw;
    font-weight: 600;
    text-align: center;
    color: #f0664c;
    margin: 20px auto;
  }
  .typedigital_platina .course_box {
    padding: 10px;
  }
  .typedigital_platina .course_data {
    display: grid;
    grid-template-columns: 2fr;
    gap: 10px;
  }
  .typedigital_platina .course_subtitle {
    font-weight: 600;
  }
  .typedigital_platina .digital_course01 {
    background-color: #fff;
    border: 1px solid #43aa00;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
  }
  .typedigital_platina .digital_course01 h2 {}
  .typedigital_platina .digital_course01 h2 span {
    background-color: #fff;
    color: #da48a2;
    font-size: 0.7em;
    font-weight: 400;
    padding: 4px 6px;
    border-radius: 4px;
    margin-right: 12px;
  }
  .typedigital_platina .digital_course01 .course_data_grid {}
  .typedigital_platina .digital_course01 h4 {}
  .typedigital_platina .digital_course01 .elearning_course span {
    display: block;
    width: 5em;
    font-size: 1.1em;
    background-color: #da48a2;
    padding: 4px 2px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
  }
  .typedigital_platina .digital_course01 .elearning_course h5 {}
  .typedigital_platina .digital_course02 {
    background-color: #fff;
    border: 1px solid #00a99d;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
  }
  .typedigital_platina .digital_course02 h2 {
    background-color: #00a99d;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
    padding: 16px;
  }
  .typedigital_platina .digital_course02 h2 span {
    background-color: #fff;
    color: #00a99d;
    font-size: 0.7em;
    font-weight: 400;
    padding: 4px 6px;
    border-radius: 4px;
    margin-right: 12px;
  }
  .typedigital_platina .digital_course02 .course_data_grid {
    border: 1px solid #00a99d;
    border-radius: 8px;
    padding: 12px;
  }
  .typedigital_platina .digital_course02 h4 {
    background-color: #e8f2de;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .typedigital_platina .digital_course02 .elearning_course span {
    display: block;
    width: 5em;
    font-size: 1.1em;
    background-color: #00a99d;
    padding: 4px 2px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
  }
  .typedigital_platina .digital_course02 .elearning_course h5 {
    font-weight: 600;
    font-size: 1.2em;
    color: #00a99d;
    margin: 6px 0;
  }
  .typedigital_platina .soon {
    border-radius: 8px;
    border: 2px solid #ccc;
    padding: 12px 0;
    text-align: center;
  }
  /* FAQ */
  #qa .cmnbox01 {
    margin: 0 0 30px 0;
  }
  .faq-section {
    margin: 56px 0;
  }
  .faq-item {
    border-bottom: 1px solid var(--nav-border);
  }
  .faq-q {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 18px 0;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    color: var(--text-primary);
  }
  .faq-q .q-mark {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--accent-original);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    flex-shrink: 0;
  }
  .faq-q .q-icon {
    margin-left: auto;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
  }
  .faq-q .q-icon::before, .faq-q .q-icon::after {
    content: "";
    position: absolute;
    background: var(--text-secondary);
    border-radius: 1px;
    transition: transform var(--tr);
  }
  .faq-q .q-icon::before {
    width: 14px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .faq-q .q-icon::after {
    width: 2px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .faq-item.is-open .faq-q .q-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
  }
  .faq-a-inner {
    padding: 0 0 18px 40px;
    font-size: 16px;
    color: var(--text-secondary);
  }
  .faq-item.is-open .faq-a {
    max-height: 300px;
  }
  /* ========== Mobile Drawer ========== */
  .m-links .dd-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px 0px 7px;
    border-radius: 3px;
    color: #fff;
    flex-shrink: 0;
    margin-top: 2px;
    width: 6em;
    text-align: center;
  }
  .mobile-drawer {
    display: none;
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: #FAFAFA;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 999;
    padding-bottom: 40px;
  }
  .mobile-drawer.is-visible {
    display: block;
  }
  .mobile-drawer .m-top-link {
    display: block;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--accent-job);
    border-bottom: 1px solid var(--nav-border);
  }
  .m-category {
    border-bottom: 1px solid var(--nav-border);
  }
  .m-category-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 700;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-primary);
    text-align: left;
    font-family: inherit;
  }
  .m-category-toggle .m-icon {
    width: 20px;
    height: 20px;
    position: relative;
    flex-shrink: 0;
  }
  .m-category-toggle .m-icon::before, .m-category-toggle .m-icon::after {
    content: "";
    position: absolute;
    background: var(--text-secondary);
    border-radius: 1px;
    transition: transform var(--tr);
  }
  .m-category-toggle .m-icon::before {
    width: 14px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .m-category-toggle .m-icon::after {
    width: 2px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .m-category.is-open .m-category-toggle .m-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .m-category[data-cat="job"] .m-category-toggle {
    color: var(--accent-job);
  }
  .m-category[data-cat="fukugyo"] .m-category-toggle {
    color: var(--accent-fukugyo);
  }
  .m-category[data-cat="digital"] .m-category-toggle {
    color: var(--accent-digital);
  }
  .m-links {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
  }
  .m-category.is-open .m-links {
    max-height: 500px;
  }
  .m-links a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px 12px 32px;
    font-size: 13px;
    border-top: 1px solid #f0f0f0;
    transition: background var(--tr);
  }
  .m-links a:active {
    background: var(--hover-bg);
  }
  .digital_lesson_menu {
    flex-direction: column;
  }
  .digital_lesson_menu a {
    width: 100%;
    max-width: 500px;
    font-size: 4vw;
    text-align: center;
  }
  .job_support {
    flex-direction: column;
    gap: 20px;
  }
  .job_support .flow__title {
    font-size: 1.0em !important;
    height: auto;
  }
  .typedigital_woman .event_data span {
    font-size: 3.5vw;
  }
  .job_support .flow__content {
    width: 100%;
  }
	
	/* ===== かながわjobフェア当日の流れ ===== */

    .flow-wrapper {
      flex-direction: column;
    }

    .arrow-divider {
      width: 100%;
      height: 44px;
    }

    .arrow-divider::after {
      border-width: 22px 16px 0 16px;
      border-color: #2b4b7e transparent transparent transparent;
    }

    .nagare_section {
      padding: 22px 20px 18px;
    }

    .section-title {
      font-size: 18px;
    }

    .feature-list li {
      font-size: 14px;
    }

	/* ------- プラチナ世代デジタル講座アイコン ------- */
.flow__icon {
	margin-right: 0px;
	
}