/*==========================================================
                        H E A D I N G
==========================================================*/
.under h2 {
    font-size: 72px;
    line-height: 1.3;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    word-break: initial;
}

.under h2:not(:last-child) {
    margin-bottom: 30px;
}

.under h3 {
    font-size: 70px;
    line-height: 1.3;
    color: #0a3055;
    text-align: center;
    letter-spacing: 0.1rem;
}

.under h3:not(:last-child) {
    margin-bottom: 15px;
}

.under h3 span {
    color: #a6250f;
}

.under h4 {
    font-size: 54px;
    line-height: 1.3;
    position: relative;
    z-index: 2;
    letter-spacing: 0.1rem;
}

.under h4 span {
    display: inline;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 87%, #ffcf2d 85%, #ffcf2d 100%);
    background-size: 60px 210px;
    background-position: top 38px left;
}

.under h4:not(:last-child) {
    margin-bottom: 30px;
}

.under h5 {
    font-size: 45px;
    line-height: 1.3;
    border-bottom: 3px solid #0a3055;
    color: #0a3055;
    letter-spacing: 0.1rem;
    padding-bottom: 9px;
}

.under h5:not(:last-child) {
    margin-bottom: 30px;
}

.under h6 {
    font-size: 30px;
    line-height: 1.3;
    color: #a6250f;
    letter-spacing: 0.07rem;
}

.under h6:not(:last-child) {
    margin-bottom: 20px;
}

/*==========================================================
                        T A B L E
==========================================================*/
.under #main table {
    margin-bottom: 50px
}

.under #main table.mailform th,
.under #main table th {
    background: #0a3055;
    color: #fff;
    padding: 23px 35px;
    font-weight: 700;
    border-color: #0a3055;
    border-bottom-color: #cccccc;
    border-right-color: #cccccc;
    font-size: 20px;
}

.under #main table tr th:last-child {
    border-right-color: #cccccc
}

.under #main table.mailform th span {
    color: #fff
}

.under #main table.mailform td .info {
    color: #0a3055
}

.under #main table.tb-block th {
    border-right-color: #cccccc
}

.under #main table.tb-block tr:last-child th {
    border-bottom-color: #0a3055
}

.under #main table td {
    border-color: #e6e6e6;
    background: #fff;
    padding: 23px 35px;
    font-size: 20px;
}

.under #main table.tb-fix {
    table-layout: fixed
}

.under #main table.td-top td {
    vertical-align: top
}

.under #main table.tb-block th.box-pc {
    display: table-cell
}

.under #main table.middle td {
    vertical-align: middle
}

.under #main table img {
    display: block;
    margin: auto;
    width: 100%
}

.tb-middle th,
.tb-middle td {
    vertical-align: middle !important
}

/*==========================================================
                        C U S T O M
==========================================================*/
/* MB */
.under #main .mb10 {
    margin-bottom: 10px
}

.under #main .mb20 {
    margin-bottom: 20px
}

.under #main .mb30 {
    margin-bottom: 30px
}

.under #main .mb40 {
    margin-bottom: 40px
}

.under #main .mb50 {
    margin-bottom: 50px
}

.under #main .mb60 {
    margin-bottom: 60px
}

/* MT */
.under #main .mt10 {
    margin-top: 10px
}

.under #main .mt20 {
    margin-top: 20px
}

.under #main .mt30 {
    margin-top: 30px
}

.under #main .mt40 {
    margin-top: 40px
}

.under #main .mt50 {
    margin-top: 50px
}

.under #main .mt60 {
    margin-top: 60px
}

/* MAX-W */
.under #main .max-w200 {
    width: 100%;
    max-width: 200px
}

.under #main .max-w250 {
    width: 100%;
    max-width: 250px
}

.under #main .max-w300 {
    width: 100%;
    max-width: 300px
}

.under #main .max-w350 {
    width: 100%;
    max-width: 350px
}

.under #main .max-w500 {
    width: 100%;
    max-width: 500px
}

.under #main .max-w600 {
    width: 100%;
    max-width: 600px
}

.under #main .max-w700 {
    width: 100%;
    max-width: 700px
}

.under #main .max-w800 {
    width: 100%;
    max-width: 800px
}

.under #main .max-w900 {
    width: 100%;
    max-width: 900px
}

/* MIN-W */
.under #main .min-w200 {
    min-width: 200px
}

.under #main .min-w250 {
    min-width: 250px
}

.under #main .min-w300 {
    min-width: 300px
}

.under #main .min-w350 {
    min-width: 350px
}

.under #main .min-w500 {
    min-width: 500px
}

/*==========================================================
                      MAIN - CONTENT
==========================================================*/

.under #content p,
.under #content a,
.under #content div,
.under #content th,
.under #content td,
.under #content li,
.under #content pre,
.under #content span {
    word-break: break-word;
}

.under #main .clearfix .image-r~* {
    padding-left: 10px;
}

.under #content .tt-l {
    padding-left: 10px;
}

.txt-right {
    text-align: right;
}

/* BTN-ANCHOR */
.anchor-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.anchor-list p {
    margin-bottom: 20px !important;
}

.btn-anchor.center a {
    margin-left: auto;
    margin-right: auto;
}

.btn-anchor a {
    width: 280px;
    height: 60px;
    border-radius: 30px;
    background: url('../images/ic-bot.png') no-repeat center right 29px /14px #ce2e2e;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #FFF;
    font-size: 16px;
}

/* BOX-H3 */
.under-boxh3 {
    max-width: 1000px;
    padding: 59px 0 85px;
    margin: 0 auto 129px auto;
    position: relative;
    z-index: 2;
}

.under-boxh3::after {
    width: 1920px;
    height: 100%;
    left: calc(50% - 960px);
    z-index: -1;
    background-color: #f1f4f9;
    top: 0;
    position: absolute;
    content: "";
}

.under-boxh3-des {
    margin-bottom: 52px;
}

/* TOPIC-INFO */
/* .under #main .top-info-bg{background: url('../images/slider_under.png') no-repeat center /cover;-webkit-box-shadow: 21px 21px 30px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:21px 21px 30px 0px rgba(0, 0, 0, 0.3);box-shadow:21px 21px 30px 0px rgba(0, 0, 0, 0.3);position: relative;z-index: 3;} */
.under #main .top-info-bg {
    background: url('../images/slider_under.png') no-repeat center /cover;
    position: relative;
    z-index: 3;
}

.under #main #top-info .top-info-h2 {
    background: #a6250f;
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* TOPIC-PATH */
.under #main #topic-path ul {
    padding: 9px 10px 9px 0;
    background-color: #0a3055;
}

.under #main #topic-path li {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.under #main #topic-path li:not(:last-child) {
    margin-right: 31px;
    position: relative;
}

.under #main #topic-path li:not(:last-child):before {
    content: "";
    position: absolute;
    width: 9px;
    height: 14px;
    background: url(../images/under_topicpat_before.png) no-repeat center /9px;
    top: calc(50% - 7px);
    right: -22px;
}

.under #main #topic-path li a {
    text-decoration: none;
    color: #fff;
    font-size: 20px
}

.under #main #topic-path li a:hover {
    text-decoration: underline
}

.under #main #topic-path li:not(:last-child) {
    flex-shrink: 0
}

/* Default */
.under #main .justify {
    text-align: justify
}

.under #main .bold {
    font-weight: 700
}

.under #main .inner {
    width: 1200px;
    position: relative
}

.under #main {
    background-color: #fff;
    z-index: 0;
    position: relative
}

.under #main ul,
.under #main li,
.under #main p,
.under #main dl,
.under #main dt,
.under #main dd {
    font-size: 20px;
}

.under #main .bold {
    font-weight: 700
}

.under #main #content {
    padding: 0 0 85px
}

.under #main p:last-child,
.under #main table:last-child,
.under #main .list01:last-child,
.under #main .list02:last-child,
.under #main .qa-list dl:last-child,
.under #main .step-list dl:last-child,
.under ul.list-01 li:last-child,
.under #main .section p:last-child {
    margin-bottom: 0
}

/* SECTION */
.under #main .section {
    padding: 0 0 90px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.under #main .section:last-child {
    padding: 0
}

/* List01 */
.under #main .list01 {
    margin-bottom: 30px
}

.under #main .list01 li {
    display: block;
    padding-left: 30px;
    margin-bottom: 12px;
    position: relative;
    color: #0a3055;
    font-size: 30px;
    letter-spacing: 0.08rem;
}

.under #main .list01 li::before {
    background: #a6250f;
    width: 20px;
    height: 4px;
    position: absolute;
    top: 25px;
    left: 0;
    content: ''
}

.under .box-map {
    width: 100%;
    height: 400px
}

.under .box-map iframe {
    width: 100%;
    height: 100%
}

.under .box-ytb {
    width: 900px;
    height: calc((900px / 16) * 9);
    margin: 0 auto;
}

.under .box-ytb iframe {
    width: 100%;
    height: 100%
}

/* FRAME 01 */
.under #main .frame01 {
    border: 5px solid #308ad9;
    padding: 50px;
    margin-bottom: 50px;
    background: url(../images/frame01-bg.jpg) repeat;
    border-radius: 10px
}

/* PICKUP */
.under #main .box-pickup {
    padding: 76px 0;
    position: relative;
    z-index: 2;
}

.under #main .box-pickup::after {
    content: "";
    position: absolute;
    width: 1920px;
    height: 100%;
    left: calc(50% - 960px);
    top: 0;
    z-index: -1;
    background: url('../images/pickup-bg.jpg')no-repeat center /cover;
}

.under #main .box-pickup * {
    color: #FFF;
}

.under #main .pickup-tt {
    font-size: 60px;
    line-height: 1.2;
    border-bottom: 1px solid #FFF;
    margin-bottom: 10px;
    padding-bottom: 16px;
}

/*==========================================================
                      OVERNOTE
==========================================================*/
.under #main .coil-list a {
    padding: 0 20px 30px 20px;
}

.under #main .coil-list li {
    width: 23.5%;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.under #main .coil-list .coil-item-img {
    width: 100%;
    height: 155px;
}

.under #main .coil-list .coil-item-tt {
    padding-bottom: 0;
    border: none;
    line-height: 1.5;
    font-size: 22px;
}


.under #main .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 auto
}

.under #main .pagination li {
    margin: 0
}

.under #main .pagination li a {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #c6c6c6;
    background: #fff;
    display: flex;
    color: #0a3055;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    transition: all ease .3s;
    border-radius: 0;
    box-sizing: border-box
}

.under #main .pagination li:hover a {
    background: #a6250f;
    border: #a6250f;
    color: #eee
}

.under #main .pagination li.active a {
    background: #0a3055;
    border: #0a3055;
    color: #eee
}

.under #main .pagination li:first-child a,
.under #main .pagination li:last-child a {
    font-size: 10px;
}

.under #main .pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.under #main .pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.under #main .btn-ovn {
    display: flex;
    justify-content: center;
    align-items: center
}

.under #main .btn-ovn ul {
    display: flex;
    justify-content: center;
    align-items: center
}

.under #main .btn-primary.prev-page a {
    background: url('../images/ic-left.png') no-repeat center left 29px /21px #ce2e2e;
}

.under #main .btn-primary.next-page a {
    background: url('../images/ic-right.png') no-repeat center right 29px /21px #ce2e2e;
}

.under #main .btn-primary.view-page a {
    background: #ce2e2e;
}

.under #main .btn-primary.view-page {
    margin: 0 20px
}

.under.ovn_detail #content img {
    max-height: 400px;
    width: auto !important;
    height: auto;
    display: block;
    margin: 0 auto
}

.hidden {
    visibility: hidden
}

.img-center img,
.ytb-center iframe {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ytb-center iframe {
    width: 640px;
    height: 360px
}

.under #main .btn-primary a {
    text-decoration: none;
    color: #fff
}

.under #main .btn-primary a:hover {
    color: #FFF
}

.under .mb50:not(:last-child) {
    margin-bottom: 50px
}


.under#coil #content div.center table th,
.under#coil #content div.center table td,
.under#coil #content div.center table tr {
    display: block;
    border: none;
    text-align: center;
    width: 100%;
}

/* =============================================== */
.under #main .min-w70 {
    min-width: 70px;
}

@media screen\0 {
    .under #main .coil-list .coil-item-tt {
        height: 100px;
    }

    .under #content p,
    .under #content a,
    .under #content div,
    .under #content th,
    .under #content td,
    .under #content li,
    .under #content pre,
    .under #content span {
        word-break: break-all;
    }
}

/* EGDE */

@supports (-ms-ime-align: auto) {}

/* FIREFOX */

@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */

@media not all and (min-resolution: 0.001dpcm) {}