@charset "utf-8";

/* common */
.l-content .h2Ttl {
    width: 1160px;
    padding: 17px 0 9px;
    border-bottom: solid 3px #0f218b;
    margin: 0 auto;
    background: #fc0;
    color: #0f218b;
    font-size: 27px;
    text-align: center;
}

.l-content .btn>a {
    width: 400px;
    padding: 14px 0 10px;
    font-size: 21px;
}

.l-content .btn>a.m-btnWin--conversion::after {
    vertical-align: -1px;
}

.l-content .btn_catchcopy {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

/* /common */

.l-content .h1Ttl {
    box-sizing: border-box;
    width: 1200px;
    padding: 16px 0 11px 25px;
    border-left: solid 6px #fc0;
    background: #0f218b;
    color: #fff;
    font-size: 29px;
}

/* summary */
.l-content .summary {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}

/* feature */
.l-content .feature {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 60px;
}

.l-content .feature .box {
    box-sizing: border-box;
    width: 430px;
    height: 240px;
    border: 2px solid #0f218b;
}

.l-content .feature .box .head {
    padding: 8px 0 4px;
    background: #0f218b;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.l-content .feature .box .featureList {
    padding: 30px 20px 0;
}

.l-content .feature .box .featureList>li {
    font-size: 17px;
}

.l-content .feature .box .featureList>li:not(:first-child) {
    margin-top: 10px;
}

/* type */
.l-content .type {
    display: flex;
    justify-content: space-between;
    width: 1160px;
    margin: 0 auto;
}

.l-content .type>.box {
    box-sizing: border-box;
    width: 565px;
    border: solid #0f218b 2px;
}


.l-content .type>.box .head {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: #0f218b;
}

.l-content .type>.box .head .name {
    padding-top: 5px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}

.l-content .type>.box .detail {
    box-sizing: border-box;
    height: 730px;
    padding-top: 25px;
}

.l-content .type>.box .detail .pic .wrap {
    height: 316px;
}

.l-content .type>.box .detail dl {
    display: flex;
    flex-direction: column;
    justify-self: center;
    margin-top: 25px;
}

.l-content .type>.box .detail dl>dt {
    margin-top: 15px;
    font-weight: bold;
}

.l-content .type>.box .detail dl>dt:first-child {
    margin-top: 0;
}