@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: 16px
}

@media screen and (max-width: 1064px) {
    html {
        font-size: 1.50375939849624vw
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 3vw
    }
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    position: relative;
    width: 100%;
    color: #000000;
    padding-top: 82px
}

body.fixed {
    height: 100vh;
    overflow: hidden
}

li {
    list-style: none
}

img {
    display: block;
    max-width: 100%
}

p {
    margin: 0 auto
}

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

@media screen and (max-width: 750px) {
    body {
        padding-top: 60px
    }

    .pc {
        display: none
    }
}

.bold {
    font-weight: 700
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 50;
    font-size: 16px
}

header .inner {
    height: 82px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

header .inner .logo {
    width: 9.5em
}

header .inner .navi ul {
    display: flex;
    align-items: center;
    line-height: 1.25
}

header .inner .navi ul > li {
    border-left: 2px solid #000
}

header .inner .navi ul > li:first-child {
    border-left: none
}

header .inner .navi ul > li a {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 0 1.25em
}

header.on {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 750px) {
    header .inner {
        height: 60px
    }

    header .inner .logo {
        width: 120px
    }

    header .inner .navi {
        font-size: 2.4vw
    }

    header .inner .navi ul > li a {
        padding: 0 .5em
    }
}

footer {
    margin-top: 5em
}

footer .links {
    background-color: #eaebeb;
    padding: 1.5em 0
}

footer .links ul {
    display: flex;
    justify-content: center
}

footer .links ul > li {
    padding: 0 1.5em;
    border-left: 1px solid #7a8891
}

footer .links ul > li:first-child {
    border-left: none
}

footer .links ul > li a {
    display: block;
    color: #7a8891;
    text-decoration: none;
    letter-spacing: .1em
}

footer .copyright {
    background-color: #ff9e00;
    color: #fff;
    padding: 3em 0;
    text-align: center;
    font-size: .75em;
    letter-spacing: .1em
}

@media screen and (max-width: 750px) {
    footer {
        margin-bottom: 5em
    }

    footer .bn a {
        width: 100%
    }

    footer .blk1 {
        padding: 2em 0
    }
}

section {
    overflow: hidden
}

.anc {
    height: 82px;
    margin-top: -82px;
    z-index: -1;
    position: relative;
    pointer-events: none
}

@media screen and (max-width: 750px) {
    .anc {
        height: 60px;
        margin-top: -60px
    }
}

.kv {
    background-color: #ff9e00;
    overflow: hidden;
    padding: 2em 0
}

.kv .img {
    width: 55.4375em;
    margin: 0 auto
}

@media screen and (max-width: 750px) {
    .kv {
        padding: 0
    }

    .kv .inner {
        padding: 0
    }

    .kv .img {
        width: 100%
    }
}

.common-inner {
    max-width: calc(1000px + 4em);
    padding: 0 2em;
    margin: 0 auto
}

@media screen and (max-width: 750px) {
    .common-inner {
        padding: 0 1.5em
    }
}

.g1 {
    margin: 3em auto 6em;
    overflow: visible
}

.g1 .inner {
    padding: 0 1.375em
}

.g1 .slick-slide {
    padding: 1em .625em;
    position: relative
}

.g1 .slick-slide .img {
    width: 20em
}

.g1 .slick-slide .logo {
    position: absolute;
    left: .625em;
    top: 0em;
    width: 6em;
    box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.2)
}

.g1 .slick-prev,
.g1 .slick-next {
    font-size: 1em;
    top: calc(100% - .5em);
    transform: scale(1);
    width: 2.875em;
    height: 2.875em;
    background-color: #ff9e00;
    border-radius: 50%
}

.g1 .slick-prev:before,
.g1 .slick-next:before {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - .3125em);
    top: calc(50% - .375em);
    border-style: solid;
    border-width: .375em .5em .375em 0;
    border-color: transparent #000 transparent transparent
}

.g1 .slick-prev {
    left: .625em
}

.g1 .slick-next {
    right: .625em;
    transform: scale(-1, 1)
}

@media screen and (max-width: 750px) {
    .g1 .inner {
        padding: 0
    }

    .g1 .slick-slide {
        padding: 0 .75em
    }

    .g1 .slick-slide .img {
        width: 20em
    }

    .g1 .slick-prev,
    .g1 .slick-next {
        top: calc(100% + 1em)
    }

    .g1 .slick-prev {
        left: 1em
    }

    .g1 .slick-next {
        right: 1em
    }
}

.common-h2-1 {
    position: relative;
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: .1em;
    padding: .5em 0
}

.common-h2-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #000
}

.common-h2-1 span {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 .75em
}

@media screen and (max-width: 750px) {
    .common-h2-1 {
        font-size: 1.25em
    }
}

.g2 .cap1 {
    line-height: 2;
    text-align: center
}

.g2 .cap1.mb {
    margin-bottom: 3em
}

.g2 h3 {
    text-align: center;
    color: #ff9e00;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: .125em;
    margin: 1em auto
}

@media screen and (max-width: 750px) {
    .g2 .cap1 {
        text-align: justify
    }

    .g2 h3 {
        font-size: 1.25em;
        letter-spacing: .0625em
    }
}

.g2-list1 {
    display: flex;
    justify-content: center;
    margin: 2em auto 2em
}

.g2-list1 > li {
    padding: 0 .75em;
    width: 20em
}

.g2-list1 > li > div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 3px solid #ff9e00;
    height: 8em;
    border-radius: .75em
}

.g2-list1 > li > div .text {
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.75;
    font-feature-settings: "palt"
}

.g2-list1 > li > div .text .orange {
    color: #ff9e00
}

@media screen and (max-width: 750px) {
    .g2-list1 {
        flex-wrap: wrap;
        margin: 1.5em -2em
    }

    .g2-list1 > li {
        width: 15.25em;
        padding: .75em
    }

    .g2-list1 > li > div {
        height: 6em
    }

    .g2-list1 > li > div .text {
        font-size: 1em
    }
}

.schedule {
    margin: 3em auto
}

.gray-wrap {
    background-color: #eaebeb;
    padding: 1.5em;
    display: flex
}

.gray-wrap .date {
    width: 6em
}

.gray-wrap .scmain {
    flex: 1
}

.gray-wrap + .gray-wrap {
    margin-top: 1.5em
}

@media screen and (max-width: 750px) {
    .gray-wrap {
        padding: 1em;
        flex-wrap: wrap
    }

    .gray-wrap .date {
        width: 100%
    }

    .gray-wrap .date img {
        width: 8em
    }

    .gray-wrap .scmain {
        flex: 1 0 auto;
        margin: 1em auto;
        width: 100%
    }
}

.schedule-white-wrap {
    background-color: #fff;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
    padding: 1.5em 1.5em 1.5em;
    position: relative
}

.schedule-white-wrap + .schedule-white-wrap {
    margin-top: 1.5em
}

.schedule-white-wrap .time {
    display: block;
    background-color: #eaebeb;
    padding: .375em 1em;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .125em;
    width: 16em
}

.schedule-white-wrap .corpname {
    color: #ff9e00;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: .125em;
    margin-top: .75em
}

.schedule-white-wrap h3 {
    background-color: #ff9e00;
    color: #fff;
    margin-top: .375em;
    padding: .375em 1em;
    font-size: 1.375em;
    font-weight: 600
}

.schedule-white-wrap h4 {
    font-weight: 600;
    margin: 1em auto
}

.schedule-white-wrap .logo {
    display: block;
    width: 8em;
    height: 5.25em;
    position: absolute;
    right: 1.5em;
    top: 0
}

.schedule-white-wrap .logo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}
@media screen and (max-width: 750px) {
    .schedule-white-wrap .logo img {
  width: 70%;
  margin-left: 3em;
    }
}

.schedule-white-wrap .gray {
    background-color: #eaebeb;
    padding: 1.5em;
    border-radius: .75em
}

.schedule-white-wrap .gray .text a {
    display: block;
    border-bottom: 1px solid #000;
    position: relative;
    width: 5em;
    line-height: 1.75;
    color: #000;
    text-decoration: none;
    letter-spacing: .125em
}

.schedule-white-wrap .gray .text a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: calc(50% - .375em);
    border-style: solid;
    border-width: .5em .375em 0 .375em;
    border-color: #000 transparent transparent transparent
}

.schedule-white-wrap .gray .text p {
    font-size: .875em;
    line-height: 2;
    max-height: 0;
    overflow: hidden;
    transition: .3s
}

.schedule-white-wrap .gray .img {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
    display: flex
}

.schedule-white-wrap .gray .img > div {
    flex: 1
}

.schedule-white-wrap .gray .img > div + div {
    margin-left: 1em
}

.schedule-white-wrap .gray.on .text a:before {
    transform: scale(1, -1)
}

.schedule-white-wrap .gray.on .text p {
    margin-top: 1em;
    max-height: 50em
}

.schedule-white-wrap .gray.on .img {
    margin-top: 1em;
    max-height: 50em
}

@media screen and (max-width: 750px) {
    .schedule-white-wrap {
        padding: 1em
    }

    .schedule-white-wrap .time {
        font-size: .875em
    }

    .schedule-white-wrap h3 {
        font-size: 1em;
        padding: .375em .75em
    }

    .schedule-white-wrap .gray {
        padding: 1em;
        flex-wrap: wrap
    }

    .schedule-white-wrap .gray .text {
        flex: 1 0 auto;
        width: 100%;
        margin: 0
    }

    .schedule-white-wrap .gray .img {
        margin: 0;
        width: 100%;
        display: block
    }

    .schedule-white-wrap .gray .img > div + div {
        margin: 1em auto 0
    }

    .schedule-white-wrap .gray.on .img {
        margin-top: 1em
    }
}

.c-archive {
    display: flex;
    margin: 1.5em auto 0
}

.c-archive .img {
    width: 22.8125em;
    position: relative
}

.c-archive .img .logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.75em;
    height: 5em;
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2)
}

.c-archive .img .logo.min {
    height: 2.75em
}

.c-archive .img .logo img {
    position: relative;
    width: 100%;
    height: 100%;
    object-position: right center;
    object-fit: cover
}

.c-archive .text {
    flex: 1;
    margin-left: 2em
}

.c-archive .text p {
    font-size: .875em;
    line-height: 2;
    text-align: justify
}

@media screen and (max-width: 750px) {
    .c-archive {
        flex-wrap: wrap
    }

    .c-archive .img {
        width: 100%
    }

    .c-archive .img .logo {
        width: 7em;
        height: 4.75em
    }

    .c-archive .img .logo.min {
        height: 2.25em
    }

    .c-archive .text {
        flex: 1 0 auto;
        width: 100%;
        margin-left: 0;
        margin-top: 1em
    }

    .c-archive .text p {
        font-size: 1em
    }
}

.outline {
    margin: 5em auto
}

.outline table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em auto
}

.outline table td {
    border: 3px solid #fff;
    padding: 1em 1.5em;
    vertical-align: middle;
    background-color: #eaebeb
}

.outline table td:first-child {
    background-color: #ff9e00;
    color: #fff;
    text-align: center;
    width: 12em
}

.outline table td a {
    color: #3271a1
}

@media screen and (max-width: 750px) {
    .outline table {
        display: block
    }

    .outline table td {
        font-size: .875em;
        padding: 1em
    }

    .outline table td:first-child {
        width: 8em;
        padding: 1em 0
    }
}

.entry-form {
    margin: 3em auto
}

.entry-form .cap1 {
    margin: 2em auto 1em;
    color: #3271a1;
    text-align: center;
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: .1em
}

.entry-form .entry-form-body {
    min-height: 12em;
    margin: 1.5em auto 0
}

@media screen and (max-width: 750px) {
    .entry-form .cap1 {
        font-size: 1.5em
    }
}

.fb {
    position: fixed;
    right: 0;
    top: 10em;
    width: 8.1875em;
    transition: .3s
}

.fb a {
    display: block
}

@media screen and (max-width: 750px) {
    .fb {
        top: auto;
        bottom: 0;
        width: 100%
    }
}

#mymodal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    padding: 4em 3em 2em;
    transition: .3s;
    opacity: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto
}

#mymodal.on {
    opacity: 1;
    z-index: 10000
}

#mymodal .mymodalbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.8)
}

#mymodal .mymodalcwrap {
    position: relative;
    width: 100%;
    max-width: 920px;
    max-height: calc(100vh - 4em)
}

#mymodal .mymodalcontent {
    position: relative;
    overflow: auto
}

#mymodal .mymodalclosebtn {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: block;
    width: 4em;
    height: 4em;
    color: #000
}

#mymodal .mymodalclosebtn:before,
#mymodal .mymodalclosebtn:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    top: calc(50% - 1px);
    left: 25%;
    border-top: 2px solid #fff
}

#mymodal .mymodalclosebtn:before {
    transform: rotate(45deg)
}

#mymodal .mymodalclosebtn:after {
    transform: rotate(-45deg)
}

#mymodal .mymodal-next,
#mymodal .mymodal-prev {
    position: absolute;
    top: calc(50% - 3em);
    width: 3em;
    height: 6em
}

#mymodal .mymodal-next:before,
#mymodal .mymodal-prev:before {
    content: "";
    display: block;
    position: absolute;
    left: .8em;
    top: calc(50% - .5em);
    width: 1em;
    height: 1em;
    border-style: solid;
    border-width: 2px;
    border-color: #fff #fff transparent transparent;
    transform: scale(1, 2) rotate(45deg)
}

#mymodal .mymodal-prev {
    right: 100%;
    transform: scale(-1, 1)
}

#mymodal .mymodal-next {
    left: 100%
}

@media screen and (max-width: 750px) {
    #mymodal {
        padding: 3.6em 1.5em 0;
        height: 100vh;
        top: 0;
        width: 100%
    }

    #mymodal .mymodalbg {
        background-color: none
    }

    #mymodal .mymodalcwrap {
        width: 100%;
        transition: .3s
    }

    #mymodal .mymodalcontent {
        max-height: calc(100vh - 4.6em)
    }

    #mymodal .mymodalclosebtn {
        position: absolute;
        width: 3.6em;
        height: 3.6em
    }

    #mymodal .mymodalclosebtn:hover {
        opacity: 1
    }

    #mymodal.on {
        z-index: 120
    }
}

.temps {
    display: none
}

.thanks {
    margin: 3em auto
}

.thanks p {
    text-align: center;
    line-height: 1.8
}

.thanks .cap1 {
    font-size: 1.25em;
    margin: 1em auto
}

.thanks .cap2 {
    margin: 1em auto;
    padding: 1em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.thanks h3 {
    text-align: center;
    font-size: 1.5em;
    margin: 1em auto .25em
}

.thanks .cap3 {
    margin-bottom: 1em
}

#mktoStyleLoaded {
    background-color: #123456;
    display: none
}

.mktoForm {
    text-align: left
}

.mktoForm .mktoClear {
    clear: both;
    float: none
}

.mktoForm div,
.mktoForm span,
.mktoForm label,
.mktoForm p {
    text-align: left;
    margin: 0;
    padding: 0
}

.mktoForm input,
.mktoForm select,
.mktoForm textarea {
    margin: 0
}

.mktoForm * {
    font-family: inherit
}

.mktoForm .mktoOffset {
    float: left;
    height: 1.2em
}

.mktoForm .mktoGutter {
    float: left;
    height: 1.2em
}

.mktoForm .mktoFieldWrap {
    float: left
}

.mktoForm .mktoFieldWrap .mktoInstruction {
    display: none
}

.mktoForm .mktoLabel {
    float: left;
    line-height: 1.2em;
    padding-top: 0.3em
}

.mktoForm .mktoField {
    line-height: 1.2em;
    font-size: 1em;
    float: left
}

.mktoForm .mktoPlaceholder {
    float: left
}

.mktoForm .mktoLogicalField {
    float: left
}

.mktoForm fieldset {
    padding: 0;
    margin: 0
}

.mktoForm fieldset legend {
    margin: 0 1em 0.5em;
    color: inherit
}

.mktoForm a.mktoNotYou {
    cursor: pointer;
    color: #4692f3
}

.mktoForm a.mktoNotYou:hover {
    text-decoration: underline
}

.mktoForm .mktoAsterix {
    float: right;
    color: #bf0000;
    padding-left: 5px;
    display: none
}

.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
    padding: 0.3em;
    float: left
}

.mktoForm .mktoRadioList > label,
.mktoForm .mktoCheckboxList > label {
    margin-left: 1.5em;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    line-height: 1.2em;
    display: block;
    min-height: 12px
}

.mktoForm.ie7 .mktoRadioList > label,
.mktoForm.ie7 .mktoCheckboxList > label {
    padding: 0.2em 0 0
}

.mktoForm .mktoRadioList > label > input,
.mktoForm .mktoCheckboxList > label > input {
    float: left;
    margin: 0;
    margin-left: -1.5em
}

.mktoForm .mktoRadioList > input,
.mktoForm .mktoCheckboxList > input {
    padding: 0
}

.mktoForm .mktoLabelToLeft > label {
    text-align: right;
    margin-left: 0;
    margin-right: 1.5em
}

.mktoForm .mktoLabelToLeft input[type=checkbox],
.mktoForm .mktoLabelToLeft input[type=radio] {
    position: absolute;
    right: 0.3em
}

.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
    float: left;
    padding-left: 0;
    padding-right: 5px
}

.mktoForm .mktoRequiredField .mktoAsterix {
    display: block
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: bold
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date] {
    padding: 0.1em 0.2em;
    line-height: 1.2em;
    margin: 0
}

.mktoForm input[type=range] {
    padding: 0.25em 0;
    margin: 0
}

.mktoForm input[type=range]::-ms-tooltip {
    display: none
}

.mktoForm input[type=url],
.mktoForm input[type=text],
.mktoForm input[type=date],
.mktoForm input[type=tel],
.mktoForm input[type=email],
.mktoForm input[type=number],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mktoForm .mktoFormRow {
    clear: both
}

.mktoForm .mktoFormCol {
    float: left;
    position: relative;
    min-height: 2em
}

.mktoButtonRow {
    display: inline-block;
    position: relative
}

.mktoForm textarea.mktoField {
    display: inline-block;
    padding: 0.2em;
    margin: 0;
    line-height: 1.2em;
    overflow: auto;
    resize: none;
    float: none
}

.mktoForm textarea[rows="1"] {
    height: 2em
}

.mktoForm textarea[rows="2"] {
    height: 3.4em
}

.mktoForm textarea[rows="3"] {
    height: 4.6em
}

.mktoForm textarea[rows="4"] {
    height: 5.8em
}

.mktoForm textarea[rows="5"] {
    height: 7em
}

.mktoForm textarea[rows="6"] {
    height: 8.2em
}

.mktoForm textarea[rows="7"] {
    height: 9.4em
}

.mktoForm textarea[rows="8"] {
    height: 10.6em
}

.mktoForm.mktoLayoutCenter .mktoLabel {
    text-align: right
}

.mktoForm.mktoLayoutAbove .mktoGutter {
    display: none
}

.mktoForm.mktoLayoutAbove .mktoLabel {
    text-align: left
}

.mktoForm.mktoLayoutAbove .mktoRadioList,
.mktoForm.mktoLayoutAbove .mktoCheckboxList {
    float: none;
    clear: left
}

.mktoForm.mktoLayoutAbove .mktoField,
.mktoForm.mktoLayoutAbove .mktoLogicalField {
    clear: left
}

.mktoForm.mktoLayoutAbove textarea.mktoField {
    float: left
}

.mktoForm .mktoError {
    position: absolute;
    z-index: 99;
    color: #bf0000
}

.mktoForm .mktoError .mktoErrorArrowWrap {
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 100
}

.mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
    top: -8px
}

.mktoForm .mktoError .mktoErrorArrow {
    background-color: #e51b00;
    border: 1px solid #9f1300;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    height: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    margin-top: 5px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
    background: transparent url("../images/callout-arrow-up-red.png") top center no-repeat;
    bottom: -7px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
    display: none
}

.mktoForm .mktoError .mktoErrorMsg {
    display: block;
    margin-top: 7px;
    background-color: #e51b00;
    background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
    background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
    background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
    background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
    border: 1px solid #9f1300;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
    box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
    color: #f3f3f3;
    font-size: 1em;
    line-height: 1.2em;
    max-width: 16em;
    padding: 0.4em 0.6em;
    text-shadow: #901100 0 -1px 0
}

.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: block
}

.mktoForm button.mktoButton {
    cursor: pointer;
    margin: 0
}

.mktoForm button.mktoButton:disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default
}

.mktoNoJS .mktoLabel {
    display: block;
    padding-right: 10px;
    width: 110px;
    text-align: right
}

.mktoNoJS input[type=text] {
    width: 150px
}

.mktoForm .cf_widget_socialsignon .cf_sign_on {
    margin-bottom: 1.5em
}

.mktoForm .mktoRangeField .mktoRangeValue {
    zoom: 1;
    float: left;
    display: none;
    text-align: center;
    position: absolute;
    z-index: 99;
    color: #000
}

.mktoForm.ie7 .mktoRangeField .mktoRangeValue,
.mktoForm.ie6 .mktoRangeField .mktoRangeValue {
    position: relative
}

.mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
    display: block
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    bottom: -7px;
    z-index: 100
}

.mktoForm .mktoRangeField .mktoRangeValueArrow {
    background-color: #028d05;
    border: 1px solid #005602;
    height: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    background-color: #007d04;
    border-left: none;
    border-top: none;
    margin-top: 5px;
    position: absolute;
    bottom: 5px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
    background: transparent url("../images/callout-arrow-down-green.png") top center no-repeat;
    bottom: -7px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
    display: none
}

.mktoForm .mktoRangeField .mktoRangeValueText {
    display: block;
    background-color: #028d05;
    background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%);
    background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%);
    background-image: linear-gradient(#028d05 43%, #007d04 100%);
    background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%);
    border: 1px solid #005602;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px;
    box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px;
    color: #f3f3f3;
    font-size: 1em;
    line-height: 1.2em;
    padding: 0.4em 0.6em;
    text-shadow: #005602 0 -1px 0;
    text-align: center
}

.mktoModal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mktoModal .mktoModalMask {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    zoom: 1;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"
}

.mktoModal .mktoModalContent {
    position: absolute;
    z-index: 10001;
    background: #fff;
    padding: 10px
}

.mktoModal .mktoModalClose {
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    width: 19px;
    height: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    text-align: center;
    border: 2px solid #ccc
}

@media only screen and (max-width: 480px) {

    .mktoForm,
    .mktoForm * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 10px
    }

    .mktoForm .mktoGutter,
    .mktoForm .mktoOffset {
        display: none
    }

    .mktoForm .mktoFormCol .mktoLabel {
        text-align: left;
        width: 100%
    }

    .mktoForm .mktoFormCol {
        float: none
    }

    .mktoForm .mktoFieldWrap {
        float: none
    }

    .mktoForm fieldset {
        padding: 0 10px
    }

    .mktoForm input[type=url],
    .mktoForm input[type=text],
    .mktoForm input[type=date],
    .mktoForm input[type=tel],
    .mktoForm input[type=email],
    .mktoForm input[type=number],
    .mktoForm textarea.mktoField,
    .mktoForm select.mktoField {
        width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 18px
    }

    .mktoForm select.mktoField {
        height: auto
    }

    .mktoForm .mktoFormRow .mktoField {
        clear: left
    }

    .mktoForm .mktoFormRow .mktoFormCol {
        clear: both
    }

    .mktoForm .mktoRadioList,
    .mktoForm .mktoCheckboxList {
        width: 100%
    }

    .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
        float: left;
        padding-left: 0;
        padding-right: 5px
    }

    .mktoModal .mktoModalContent {
        padding: 10px 0
    }

    .mktoModal .mktoModalClose {
        right: 0
    }

    .mktoForm .cf_widget_socialsignon {
        display: block
    }

    .mktoForm .cf_widget_socialsignon .cf_sign_on {
        width: 100%
    }

    .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
        width: auto
    }
}

@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px),
only screen and (max-device-height: 480px) {

    .mktoMobileShow .mktoForm,
    .mktoForm * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 10px
    }

    .mktoMobileShow .mktoForm .mktoGutter,
    .mktoMobileShow .mktoForm .mktoOffset {
        display: none
    }

    .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
        text-align: left;
        width: 100%
    }

    .mktoMobileShow .mktoForm .mktoFormCol {
        float: none
    }

    .mktoMobileShow .mktoForm .mktoFieldWrap {
        float: none
    }

    .mktoMobileShow .mktoForm fieldset {
        padding: 0 10px
    }

    .mktoMobileShow .mktoForm input[type=url],
    .mktoMobileShow .mktoForm input[type=text],
    .mktoMobileShow .mktoForm input[type=date],
    .mktoMobileShow .mktoForm input[type=tel],
    .mktoMobileShow .mktoForm input[type=email],
    .mktoMobileShow .mktoForm input[type=number],
    .mktoMobileShow .mktoForm textarea.mktoField,
    .mktoMobileShow .mktoForm select.mktoField {
        width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 18px
    }

    .mktoMobileShow .mktoForm select.mktoField {
        height: auto
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoField {
        clear: left
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
        clear: both
    }

    .mktoMobileShow .mktoForm .mktoRadioList,
    .mktoMobileShow .mktoForm .mktoCheckboxList {
        width: 100%
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
        float: left;
        padding-left: 0;
        padding-right: 5px
    }

    .mktoMobileShow .mktoModal .mktoModalContent {
        padding: 10px 0
    }

    .mktoMobileShow .mktoModal .mktoModalClose {
        right: 0
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon {
        display: block
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
        width: 100%
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
        width: auto
    }
}

#mktoStyleLoaded {
    color: #123456
}

.mktoForm fieldset {
    border: 1px solid #aeb0b6;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mktoForm fieldset legend {
    padding: 0 1em
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {
    -webkit-appearance: none;
    background-color: #fff;
    line-height: 1.5em;
    color: #000;
    border: 1px solid #aeb0b6;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 0.2em 0.3em;
    box-shadow: inset 1px 1px 4px 1px #ddd;
    min-height: 1.9em
}

.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus {
    outline: none;
    border: 1px solid #888;
    color: #000
}

.mktoForm select.mktoField::-ms-expand {
    display: none
}

.mktoForm select.mktoField {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 0.2em 22px 0.2em 0.3em;
    background: #fff url(../images/arrow-down-bk.png) center right no-repeat
}

.mktoForm.ie9 select.mktoField {
    background: none;
    padding: 0.2em 2.3px 0.2em 0.3em
}

.mktoForm div.mktoLogicalField {
    border: 1px solid transparent;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mktoForm input.mktoField.mktoInvalid,
.mktoForm select.mktoField.mktoInvalid,
.mktoForm textarea.mktoField.mktoInvalid,
.mktoForm div.mktoLogicalField.mktoInvalid {
    border: 1px solid #8C0005
}

.mktoForm .mktoRadioList > label,
.mktoForm .mktoCheckboxList > label {
    margin-bottom: 0.6em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mktoForm input[type=checkbox],
.mktoForm input[type=radio] {
    width: 1em;
    height: 1em;
    opacity: 0
}

.mktoForm input[type=checkbox] + label:before,
.mktoForm input[type=radio] + label:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    margin-left: -1.5em;
    line-height: 1em;
    background-color: #fff;
    box-shadow: inset 1px 1px 4px 1px #ddd;
    font-family: Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #aeb0b6
}

.mktoForm .mktoLabelToLeft input[type=checkbox] + label:before,
.mktoForm .mktoLabelToLeft input[type=radio] + label:before {
    margin-left: 0;
    right: 0.3em
}

.mktoForm input[type=checkbox]:checked + label:before,
.mktoForm input[type=radio]:checked + label:before {
    text-align: center;
    color: #000
}

.mktoForm input[type=checkbox]:focus + label:before,
.mktoForm input[type=radio]:focus + label:before {
    border: 1px solid #888
}

.mktoForm input[type=checkbox] + label:before {
    border-radius: 2px
}

.mktoForm input[type=checkbox]:checked + label:before {
    content: "\2713 "
}

.mktoForm input[type=radio] + label:before {
    border-radius: 1em
}

.mktoForm input[type=radio]:checked + label:before {
    background-image: url(../images/dot-bk.png);
    background-position: 3px 3px;
    background-repeat: no-repeat
}

.mktoForm.mktoNoCheckedSupport input[type=checkbox] + label:before,
.mktoForm.mktoNoCheckedSupport input[type=radio] + label:before {
    display: none
}

.mktoForm.mktoNoCheckedSupport select.mktoField,
.mktoForm.ie7 select.mktoField,
.mktoForm.ie6 select.mktoField {
    background-image: none;
    padding-right: 0.3em
}

.mktoForm textarea.mktoField {
    resize: none
}

.downloadpage-wrap {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 80px
}

.downloadpage-inner {
    display: flex;
    flex-direction: column;
    margin-right: calc(50 / 1100 * 100%);
    max-width: 450px;
    width: calc(450 / 100 * 100%)
}

#downloadpage .dl-svg {
    display: block;
    margin: 0 0 12px;
    width: 100%
}

.pc-svg-dl-01 {
    max-width: 136.14px
}

.title-area p.sub-title {
    font-size: 12px;
    margin-bottom: 20px
}

.catalog-title {
    font-size: 20px;
    color: #012e7b;
    font-weight: bold;
    padding-bottom: 41px;
    letter-spacing: 0.06em
}

.catalog-wrap > div:first-child {
    margin-right: 0
}

.catalog-area {
    padding: 50px 56px
}

.catalog-img img {
    max-width: 340px;
    width: 100%
}

.catalog-caption {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
    margin: 42px 0 31px
}

.form-area * {
    font-family: " メイリオ", Meiryo, " ヒラギノ角ゴPro W3", "Hiragino KakuGothicPro", Osaka, "ＭＳＰゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important
}

.form-area {
    background: #fff;
    border-radius: 10px;
    width: calc(600 / 1100 * 100%);
    padding: calc(58 / 1100 * 100%) calc(58 / 1100 * 100%) calc(60 / 1100 * 100%)
}

.form-area ul {
    margin-bottom: 30px
}

.form-area li {
    font-size: 12px;
    line-height: 2em
}

.mktoForm .mktoFormCol {
    float: none !important;
    position: relative;
    min-height: 2
}

.mktoForm .mktoRequiredField .mktoAsterix {
    display: none !important;
    position: relative
}

.mktoForm .mktoRequiredField::before {
    content: '必須';
    background: #ff535b;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.06em;
    width: 38px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    line-height: 2
}

#mktoForm_6998 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField::before {
    display: none
}

.mktoForm {
    max-width: 550px;
    width: calc(550 / 1100 * 100vw) !important
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 12px !important
}

.mktoForm input {
    width: 375px
}

.mktoForm input[type=radio] {
    width: 15px;
    height: 15px;
    border: 1px solid;
    border-radius: 10px
}

.mktoForm .mktoRequiredField label.mktoLabel {
    margin-left: 35px
}

#LblQ54 {
    margin-left: 0
}

#mktoForm_6998 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField {
    line-height: 1.2 !important
}

.txt-area__mail span,
#mktoForm_6998 > div:nth-child(13) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > div:nth-child(1),
#mktoForm_6998 > div:nth-child(2) > div:nth-child(2) > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > p,
#mktoForm_6998 > div:nth-child(8) > div:nth-child(2) > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > p {
    font-size: 12px;
    line-height: 2em;
    font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif
}

#mktoForm_6998 > div:nth-child(5) > div:nth-child(2) > div.mktoOffset.mktoHasWidth {
    display: none
}

#mktoForm_6998 > div:nth-child(2),
#mktoForm_6998 > div:nth-child(3),
#mktoForm_6998 > div:nth-child(4),
#mktoForm_6998 > div:nth-child(5),
#mktoForm_6998 > div:nth-child(6),
#mktoForm_6998 > div:nth-child(7),
#mktoForm_6998 > div:nth-child(8),
#mktoForm_6998 > div:nth-child(9),
#mktoForm_6998 > div:nth-child(10),
#mktoForm_6998 > div:nth-child(11) {
    margin-bottom: 30px
}

#mktoForm_6998 > div:nth-child(12) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField label {
    width: 120px !important;
    padding-top: 0
}

#LblFormZip {
    font-weight: bold
}

input#FormAddress {
    margin-left: 48px !important
}

input#FormBuildingName {
    margin-left: 35px !important
}

#mktoForm_6998 > div:nth-child(6) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoGutter.mktoHasWidth {
    width: 55px
}

#mktoForm_6998 > div:nth-child(13) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > div:nth-child(3) > span > span > a {
    text-decoration: underline;
    color: #012e7b;
    letter-spacing: 0.06em
}

#mktoForm_6998 > div:nth-child(13) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > div:nth-child(3) {
    position: relative
}

#mktoForm_6998 > div:nth-child(13) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > div:nth-child(3) > span > span > a::after {
    content: '';
    width: 11px;
    height: 9px;
    background: url(/img/download/dl_special_b.svg) no-repeat;
    position: absolute;
    top: 50%;
    margin-left: 4px;
    margin-top: -4px
}

.mktoForm .mktoRadioList > label {
    position: relative
}

.mktoForm .mktoRadioList {
    padding-top: 0 !important;
    float: left;
    position: relative
}

.mktoForm .mktoRadioList > input {
    padding: 0;
    float: left;
    margin-top: 6px;
    left: -180px;
    border: 1px solid
}

.mktoForm .mktoRadioList > input[type="radio"] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial
}

#mktoForm_6998 > div:nth-child(12) label {
    line-height: 2 !important
}

#mktoForm_6998 > div:nth-child(14) {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 40px
}

#mktoForm_6998 > div:nth-child(12) > div.mktoFieldDescriptor.mktoFormCol {
    margin-bottom: 40px !important
}

#LblFormCityName {
    font-weight: bold
}

input[type="checkbox"] {
    width: 15px;
    height: 15px
}

input#mktoCheckbox_87757_0 {
    width: auto !important;
    margin-top: 3px
}

#LblPersonalInformationAgreement {
    display: none
}

#mktoForm_6998 > div:nth-child(14) .mktoCheckboxList {
    padding: 0
}

#mktoForm_6998 > div:nth-child(14) > div.mktoFormCol {
    margin-top: 40px !important;
    margin-bottom: 50px !important
}

#mktoForm_6998 > div:nth-child(13) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > div:nth-child(1) {
    font-size: 14px;
    letter-spacing: 0.06em
}

#mktoForm_6998 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired,
#mktoForm_6998 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid,
#mktoForm_6998 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoValid {
    width: 100% !important
}

#mktoCheckbox_87757_0 {
    width: auto
}

#mktoForm_6998 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol > div.mktoOffset {
    display: none
}

#LblmktoCheckbox_87757_0 {
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 14px
}

.mktoForm .mktoFieldWrap {
    float: none !important;
    display: flex
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
    width: 100% !important
}

label.mktoLabel {
    width: 40% !important
}

#mktoForm_6998 > div:nth-child(5) > div:nth-child(2) {
    margin-bottom: 0 !important
}

.mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton {
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff;
    font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important;
    font-weight: bold !important;
    font-size: 18px !important;
    padding: 0 !important;
    text-align: center;
    border-radius: 50px !important;
    background: #ff535b !important;
    transition: .2s;
    max-width: 308px !important;
    width: 100% !important;
    height: 50px !important
}

.mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton:before {
    content: '';
    width: 7px;
    height: 7px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    background: none
}

.mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton:hover {
    background: #ff8187 !important
}

.mktoButtonRow span {
    margin-left: 0 !important;
    position: relative !important
}

.mktoButtonRow {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important
}

#mktoForm_6998 > div:nth-child(15) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField {
    margin-left: 50px
}

.txt-area__confirm a {
    color: #012e7b;
    text-decoration: underline;
    letter-spacing: 0.06em;
    position: relative
}

.txt-area__confirm a::after {
    content: '';
    width: 11px;
    height: 9px;
    background: url(/img/download/dl_special_b.svg) no-repeat;
    position: absolute;
    top: 50%;
    margin-left: 4px;
    margin-top: -4px
}

.txt-area__confirm {
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 0.06em;
    font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important
}

#mktoForm_6998 > div:nth-child(16) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > div > p:nth-child(2) {
    margin-top: 40px !important;
    margin-bottom: 50px !important
}

#mktoForm_6998 > div:nth-child(14) label {
    line-height: 2 !important
}

@media screen and (max-width: 1024px) {
    label.mktoLabel {
        width: 90% !important
    }

    .downloadpage-wrap {
        flex-direction: column;
        margin: 0 calc(20 / 750 * 100vw)
    }

    .downloadpage-inner {
        margin-right: 0;
        max-width: 100%
    }

    #downloadpage .dl-svg {
        margin: 0 auto;
        max-width: 111px;
        margin-bottom: 8px
    }

    .title-area p.sub-title {
        text-align: center
    }

    .title-area p.sub-title {
        font-size: 14px;
        margin-bottom: 0;
        padding-bottom: 0
    }

    #downloadpage .catalog-title {
        padding-top: 16px;
        padding-bottom: 35px
    }

    #downloadpage .catalog-area {
        margin: 0
    }

    .catalog-img {
        text-align: center
    }

    .catalog-caption {
        text-align: center
    }

    .form-area {
        width: auto;
        padding: calc(80 / 750 * 100%) calc(20 / 750 * 100%) calc(84 / 750 * 100%)
    }

    .mktoForm {
        width: auto !important;
        max-width: 100%
    }

    .mktoForm .mktoFieldWrap {
        flex-direction: column;
        width: 100%
    }

    .mktoForm .mktoLabel {
        float: none 1 !important;
        padding-top: 0 !important
    }

    .mktoForm .mktoRequiredField label.mktoLabel {
        margin-left: 45px;
        margin-top: -5px
    }

    input#FormZip {
        margin-left: 0 !important
    }

    #mktoForm_6998 > div:nth-child(12) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField label {
        width: 90% !important
    }

    #LblQ54 {
        margin-top: -1.3em !important
    }

    .form-area li {
        font-size: 13px
    }

    #mktoForm_6998 > div:nth-child(13) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth,
    #mktoForm_6998 > div:nth-child(16) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth {
        width: auto !important
    }

    #mktoForm_6998 > div:nth-child(15) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField {
        margin-left: 0
    }

    input#FormAddress,
    input#FormBuildingName {
        margin-left: 0 !important
    }

    #mktoForm_6998 > div:nth-child(12) > div.mktoFieldDescriptor.mktoFormCol > div.mktoOffset {
        width: 0 !important
    }

    #mktoForm_6998 > div:nth-child(12) label {
        line-height: 2.5 !important
    }
}

@media screen and (max-width: 480px) {
    .mktoForm .mktoRequiredField label.mktoLabel {
        margin-top: 10px
    }

    .mktoForm input[type=url],
    .mktoForm input[type=text],
    .mktoForm input[type=date],
    .mktoForm input[type=tel],
    .mktoForm input[type=email],
    .mktoForm input[type=number],
    .mktoForm textarea.mktoField,
    .mktoForm select.mktoField {
        height: 2.5em !important;
        line-height: 1
    }

    .mktoForm input[type=text],
    .mktoForm input[type=url],
    .mktoForm input[type=email],
    .mktoForm input[type=tel],
    .mktoForm input[type=number],
    .mktoForm input[type=date],
    .mktoForm textarea.mktoField,
    .mktoForm select.mktoField {
        margin-top: 1em !important
    }

    #LblQ54 {
        margin-top: -2px !important
    }

    .mktoForm .mktoCheckboxList {
        margin-top: 24px
    }
}

.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
    padding: 0.3em;
    float: left;
    margin-left: 16px
}

.mktoForm {
    max-width: 100%;
    width: auto !important
}

.mktoForm .mktoFormRow {
    display: flex;
    margin: 1em auto
}

.mktoForm .mktoFormRow:nth-child(21) > .mktoFormCol {
    flex: 1 0 auto;
    justify-content: center
}

.mktoForm .mktoFormRow:nth-child(21) > .mktoFormCol .mktoFieldWrap {
    flex: 1 0 auto;
    justify-content: center
}

.mktoForm .mktoFieldWrap {
    margin: .5em auto;
    align-items: center;
    flex: 1
}

.mktoForm .mktoHtmlText {
    line-height: 1.75
}

.mktoForm .mktoHtmlText > div {
    padding: 0 !important
}

.mktoForm .mktoFormCol {
    width: 100%;
    display: flex
}

.mktoForm .mktoFormCol + .mktoFormCol {
    margin-left: .5em
}

.mktoForm .mktoFormCol .mktoRequiredField:before {
    display: none
}

.mktoForm .mktoFormCol .mktoRequiredField label {
    display: none
}

.mktoForm .mktoFormCol:first-child .mktoFieldWrap:before {
    content: "　　";
    display: block;
    position: relative;
    font-size: .75em;
    letter-spacing: 0;
    width: auto;
    height: auto;
    border-radius: 3em;
    white-space: nowrap;
    padding: 0 1em;
    margin-right: 1em
}

.mktoForm .mktoFormCol:first-child .mktoFieldWrap label {
    display: block;
    width: 14em !important
}

.mktoForm .mktoFormCol:first-child .mktoFieldWrap label.mktoLabel {
    margin-left: 0;
    margin-right: 1em
}

.mktoForm .mktoFormCol:first-child .mktoRequiredField:before {
    content: "必須";
    display: block;
    position: relative;
    font-size: .75em;
    letter-spacing: 0;
    width: auto;
    height: auto;
    border-radius: 3em;
    white-space: nowrap;
    padding: 0 1em;
    margin-right: 1em
}

.mktoForm .mktoFormCol .mktoGutter,
.mktoForm .mktoFormCol .mktoOffset {
    display: none
}

.mktoForm .mktoFormCol .mktoFieldWrap {
    margin: 0
}

.mktoForm input[type="text"],
.mktoForm input[type="email"],
.mktoForm input[type="tel"],
.mktoForm select.mktoField {
    line-height: 1.25;
    min-height: 0;
    padding: .75em !important;
    width: auto !important
}

.mktoForm select.mktoField {
    width: 12em !important
}

.mktoForm input[type=radio]:checked + label:before {
    background-position: center center
}

@media screen and (max-width: 1024px) {
    .mktoForm .mktoFormRow {
        align-items: flex-end
    }

    .mktoForm .mktoFormRow:nth-child(21) {
        margin-top: 2em
    }

    .mktoForm .mktoFormRow:nth-child(21) .mktoFieldWrap {
        padding-left: 4em
    }

    .mktoForm .mktoFieldWrap {
        flex-direction: row;
        flex-wrap: wrap;
        display: block
    }

    .mktoForm .mktoFormCol {
        flex: 1
    }

    .mktoForm .mktoFormCol:first-child .mktoFieldWrap label.mktoLabel {
        margin-top: 0;
        margin-left: 4em;
        margin-bottom: 1em;
        margin-right: -8em
    }

    .mktoForm .mktoFormCol:first-child .mktoRequiredField:before {
        position: absolute;
        left: 0;
        top: 0;
        width: auto !important
    }

    .mktoForm input[type="text"],
    .mktoForm input[type="email"],
    .mktoForm input[type="tel"] {
        display: block;
        width: 100% !important;
        margin-top: .5em;
        font: inherit !important;
        height: auto !important
    }

    .mktoForm .mktoRadioList {
        width: 100%;
        margin: .75em 0 0
    }

    .mktoForm select.mktoField {
        font: inherit !important;
        width: 100% !important;
        height: auto !important
    }
}

/*# sourceMappingURL=style.css.map */