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



@font-face {

    font-family: "GenYoGothic-L";

    src: url(../fonts/GenYoGothicTW-Light.ttf);

}



@font-face {

    font-family: "GenYoGothic-R";

    src: url(../fonts/GenYoGothicTW-Regular.ttf);

}



@font-face {

    font-family: "GenYoGothic-M";

    src: url(../fonts/GenYoGothicTW-Medium.ttf);

}



@font-face {

    font-family: "GenYoGothic-B";

    src: url(../fonts/GenYoGothicTW-Bold.ttf);

}





@font-face {

    font-family: "DIN-Bold";

    src: url(../fonts/DIN-Bold.otf);

}



@font-face {

    font-family: "DIN-Black";

    src: url(../fonts/DIN-Black.otf);

}



@font-face {

    font-family: "DIN-Alternate-Bold";

    src: url(../fonts/DIN\ Alternate\ Bold.ttf);

}



@font-face {

    font-family: "AdobeMingStd-Light";

    src: url(../fonts/AdobeMingStd-Light.otf);

}



.DIN-Alternate-Bold {

    font-family: "DIN-Alternate-Bold";

}





[data-aos="opacity-up"] {

    opacity: 1;

    clip-path: inset(100% 0 0% 0);

    /* 初始状态下完全隐藏 */

}



[data-aos="opacity-up"].aos-animate {

    opacity: 1;

    clip-path: inset(0 0 0 0);

    /* 显示全部图片 */

}



body,

html {

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    scroll-behavior: smooth;

    --vw-base: calc(100vw / 1920);

}



body>* {}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0;

}



a:link,

a:visited,

a:hover,

a:active {

    text-decoration: none;

}



button,

input,

textarea,

select,

option {

    margin: 0;

    padding: 0;

    -webkit-appearance: none;

    -webkit-border-radius: 0px;

    border-radius: 0;

    -moz-appearance: none;

    appearance: none;

    outline: none;

}



ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.pic-txt {

    position: absolute;

    bottom: calc(5* var(--vw-base));

    right: calc(10* var(--vw-base));

    color: #fff;

    font-size: calc(15* var(--vw-base));

    font-family: "GenYoGothic-M";

    letter-spacing: 0.05em;

    line-height: calc(20* var(--vw-base));

    z-index: 10;

    text-shadow: #4e484698 1px 1px 1px;

}





/*nav*/



.nav {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    height: calc(56*var(--vw-base));

    background-color: #fef4e5;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transform: translateY(100%);

    transition: all 0.5s ease;

    z-index: 999;

    box-shadow: #c0c0c077 0px 0px 2px 1px;

}



.nav.show {

    display: flex;

    opacity: 1;

    transform: translateY(0);

    z-index: 999;

}



.nav-item {

    position: relative;

    height: 100%;

    width: calc(341*var(--vw-base));

    display: flex;

    justify-content: center;

    align-items: center;

    gap: calc(5*var(--vw-base));

    color: #ff8600;

    font-size: calc(25*var(--vw-base));

    letter-spacing: 0.075em;

    transition: background-color 0.4s ease;

}



.nav-item:hover {}



.nav-item:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    width: 1px;

    height: 60%;

    background-color: #ff8600;

}



.nav-txt {

    font-family: "KozGoPr6N-R";

    letter-spacing: 0.075em;

    transition: all 0.3s ease;

}



.nav-icon {

    position: relative;

    width: calc(20*var(--vw-base));

    height: calc(20*var(--vw-base));

    background-color: #ff8600;

    mask-size: contain;

    -webkit-mask-size: contain;

    mask-repeat: no-repeat;

    -webkit-mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    transition: all 0.3s ease;

    padding-right: 0.5vw;

}



.nav-pen {

    mask-image: url(../img/nav-pen.svg);

    -webkit-mask-image: url(../img/nav-pen.svg);

}



.nav-phone {

    mask-image: url(../img/nav-phone.svg);

    -webkit-mask-image: url(../img/nav-phone.svg);

}



.nav-fb {

    mask-image: url(../img/nav-fb.svg);

    -webkit-mask-image: url(../img/nav-fb.svg);

}



.nav-msg {

    mask-image: url(../img/nav-msg.svg);

    -webkit-mask-image: url(../img/nav-msg.svg);

}



.nav-map {

    mask-image: url(../img/nav-map.svg);

    -webkit-mask-image: url(../img/nav-map.svg);

}



.nav-item:hover {

    color: #ff8600;

}



.nav-item:hover .nav-icon {

    background-color: #ff8600;

}



.nav-icon img {

    object-fit: contain;

}





/*內容*/

.container {

    position: relative;

    width: 100%;

    height: auto;

    /* opacity: 0; */

}



.desktop {

    opacity: 1;

}



.sw-prev {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1.2vw;

    height: 1.2vw;

    z-index: 10;

    background-image: url(../img/sw-prev.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center center;

    cursor: pointer;

    transition: all 0.4s ease-in-out;

}



.sw-prev:hover {

    background-image: url(../img/sw-prev-click.png);

}





.sw-next {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1.2vw;

    height: 1.2vw;

    z-index: 10;

    background-image: url(../img/sw-next.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center center;

    cursor: pointer;

    transition: all 0.4s ease-in-out;



}



.sw-next:hover {

    background-image: url(../img/sw-next-click.png);

}



.simpleParallax {

    overflow: visible !important;

}



.swiper-slide img {

    transform: scale(1.2);

    /* 初始状态 1.3 倍 */

    transition: transform 3s ease-in-out;

    /* 动画效果，1 秒内完成缩放 */

}



.swiper-slide-active img {

    transform: scale(1);

    /* 当前页恢复到原大小 */

}



.swiper-slide.column {}



.swiper-slide.column img:nth-child(1) {

    /* background-color: #3d3d3d; */

    position: absolute;

    left: 0;

    top: 0;

    filter: brightness(0.3);

    object-fit: cover;

}



.swiper-slide.column img:nth-child(2) {

    object-fit: contain;

}





.m1 {

    position: relative;

    top: calc(0*var(--vw-base));

    width: 100%;

    height: calc(1080*var(--vw-base));

    overflow: clip;

    background-color: #e3652b;

}





.m1-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.m1 .t1 {

    position: absolute;

    top: calc(396*var(--vw-base));

    left: calc(458*var(--vw-base));

    width: calc(425*var(--vw-base));

    height: calc(190*var(--vw-base));

}



.m1 .t1 img {

    object-fit: contain;

}



.m1 .t2 {

    position: absolute;

    top: calc(420*var(--vw-base));

    left: calc(923*var(--vw-base));

    color: #fff;

    font-size: calc(42*var(--vw-base));

    font-family: "GenYoGothic-B";

    letter-spacing: 0em;

    line-height: calc(34*var(--vw-base));

}



.m1 .t3 {

    position: absolute;

    top: calc(504*var(--vw-base));

    left: calc(923*var(--vw-base));

    color: #fff;

    font-size: calc(22*var(--vw-base));

    font-family: "GenYoGothic-M";

    letter-spacing: 0em;

    line-height: calc(44*var(--vw-base));

}



.m1-tree {

    position: absolute;

    left: calc(0*var(--vw-base));

    bottom: 0;

    width: 100%;

    height: calc(414*var(--vw-base));

    z-index: 1;

}



.m1-tree img {

    object-fit: contain;

    object-position: right bottom;

}



.m2 {

    position: relative;

    width: 100%;

    height: calc(1080*var(--vw-base));

    background-color: #eebea3;

    overflow: hidden;

}



.m2-map {

    position: absolute;

    left: calc(331*var(--vw-base));

    top: calc(215*var(--vw-base));

    width: calc(600*var(--vw-base));

    height: calc(700*var(--vw-base));

    z-index: 1;

}



.m2-txt {

    position: absolute;

    left: calc(996*var(--vw-base));

    top: calc(485*var(--vw-base));

    /* width: calc(588*var(--vw-base)); */

    /* height: calc(400*var(--vw-base)); */

    z-index: 1;

}



.m2-txt .t1 {

    position: relative;

    color: #e3652b;

    font-size: calc(42*var(--vw-base));

    font-family: "GenYoGothic-B";

    letter-spacing: 0em;

    line-height: calc(34*var(--vw-base));

}



.m2-txt .t2 {

    position: relative;

    width: calc(600*var(--vw-base));

    margin-top: 3vw;

    color: #3d3d3d;

    font-size: calc(22*var(--vw-base));

    font-family: "GenYoGothic-M";

    letter-spacing: 0em;

    line-height: calc(50*var(--vw-base));

    text-align: justify;

}



.m2-tree {

    position: absolute;

    right: calc(0*var(--vw-base));

    top: 0;

    width: 100%;

    z-index: 1;

}



.m2-tree img {

    object-fit: contain;

    object-position: right bottom;

}



.m3 {

    position: relative;

    width: 100%;

    height: calc(1080*var(--vw-base));

    overflow-y: hidden;

    overflow-x: scroll;

    /* display: flex;

    justify-content: start;

    align-items: center; */

    scrollbar-width: none;

}



.m3 .t1 {

    position: absolute;

    left: calc(317*var(--vw-base));

    top: calc(190*var(--vw-base));

    color: #e3652b;

    font-size: calc(42*var(--vw-base));

    font-family: "GenYoGothic-B";

    letter-spacing: 0em;

    line-height: calc(34*var(--vw-base));

}



.m3 .t2 {

    position: absolute;

    left: calc(970*var(--vw-base));

    top: calc(140*var(--vw-base));

    width: calc(600*var(--vw-base));

    color: #fff;

    font-size: calc(22*var(--vw-base));

    font-family: "GenYoGothic-M";

    letter-spacing: 0em;

    line-height: calc(50*var(--vw-base));

    text-align: justify;

}



.m3-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    overflow-y: hidden;

    overflow-x: scroll;

    scrollbar-width: none;

    -ms-overflow-style: none;

}



.m3-bg::-webkit-scrollbar {

    display: none;

    /* Chrome, Safari */

}



.m3-bg .bg-contain {

    position: relative;

    width: calc(2553*var(--vw-base));

    height: 100%;

}



.m3-logo {

    position: absolute;

    left: calc(1406*var(--vw-base));

    top: calc(490*var(--vw-base));

    width: calc(28*var(--vw-base));

    z-index: 1;

    animation: float 1.2s ease-in-out infinite;

    animation-direction: alternate;

    /* opacity: 0.8; */

}



@keyframes float {

    0% {

        transform: translateY(0) scale(1);

        /* opacity: 0.8; */

        filter: contrast(100%) blur(0px);

    }



    100% {

        transform: translateY(0) scale(1.1);

        /* opacity: 1; */

        filter: contrast(140%) blur(0.2px);



    }

}



.m3-logo img {

    position: relative;

    left: 0;

    top: 0;

    transform: translate(-50%, -50%);

}



.main-scroll {

    position: absolute;

    left: calc(920*var(--vw-base));

    bottom: calc(30*var(--vw-base));

    width: calc(150*var(--vw-base));

    height: calc(54*(var(--vw-base)));

    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.8));

}



.main-scroll>div {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    animation: m2-light 5s ease 0.5s infinite;

}



.scroll-bg {

    position: absolute;

    bottom: 0%;

    left: 0%;

    width: 100%;

}





.main-scroll .s1 img {

    --move: -10px;

}



@keyframes scroll-arrow {

    0% {

        transform: translateX(0);

    }



    35% {

        transform: translateX(calc(var(--move) * 1));

    }



    70% {

        transform: translateX(0);

    }

}



.main-scroll .s3 img {

    --move: 10px;

}



.main-scroll .s1 img,

.main-scroll .s3 img {

    animation: scroll-arrow 2s ease infinite;

}



.main-scroll img {

    object-fit: contain;

}



.m4 {

    position: relative;

    width: 100%;

    height: calc(1080*var(--vw-base));

    background-color: #fff;

    box-sizing: border-box;

    padding: calc(180*var(--vw-base)) 0 0 calc(360*var(--vw-base));

    overflow: hidden;

}



.m4-contain {

    position: relative;

    height: calc(725*var(--vw-base));

    display: flex;

}



.m4-sw {

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

}



.m4-sw .swiper {

    position: relative;

    width: calc(600*var(--vw-base));

    height: calc(350*var(--vw-base));

}



.m4-txt {

    position: relative;

    box-sizing: border-box;

    padding: calc(170*var(--vw-base)) 0 0 calc(57*var(--vw-base));



}



.m4-txt h1 {

    color: #e3652b;

    font-size: calc(42*var(--vw-base));

    font-family: "GenYoGothic-M";

    letter-spacing: 0em;

    line-height: calc(75*var(--vw-base));

}



.m4-txt h2 {

    position: relative;

    margin-top: 4vw;

    width: calc(523*var(--vw-base));

    color: #3d3d3d;

    font-size: calc(22*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(50*var(--vw-base));

    text-align: justify;

}



.m4-tree {

    position: absolute;

    right: calc(-330*var(--vw-base));

    bottom: 0;

    width: 1282*var(--vw-base);

    height: calc(229*var(--vw-base));

    z-index: 1;

}



.m4-tree {

    object-fit: contain;

    object-position: right bottom;



}







.m5 {

    position: relative;

    width: 100%;

    height: calc(1080*var(--vw-base));

    box-sizing: border-box;

    padding: calc(170*var(--vw-base)) 0 0 calc(415*var(--vw-base));

    overflow: hidden;

}



.m5-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}





.m5-contain {

    position: relative;

    height: calc(725*var(--vw-base));

    display: flex;

}



.m5-sw {

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

}



.m5-sw .swiper {

    position: relative;

    width: calc(600*var(--vw-base));

    height: calc(350*var(--vw-base));

}



.m5-txt {

    position: relative;

    box-sizing: border-box;

    padding: calc(90*var(--vw-base)) 0 0 calc(0*var(--vw-base));

    margin-right: calc(72*var(--vw-base));

}



.m5-txt h1 {

    color: #fff;

    font-size: calc(42*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(75*var(--vw-base));

}



.m5-txt h2 {

    position: relative;

    margin-top: 4vw;

    width: calc(466*var(--vw-base));

    color: #fff;

    font-size: calc(22*var(--vw-base));

    font-family: "GenYoGothic-L";

    letter-spacing: 0em;

    line-height: calc(50*var(--vw-base));

    text-align: justify;

}



.m5-tree {

    position: absolute;

    left: calc(0*var(--vw-base));

    bottom: 0;

    width: 100%;

    z-index: 1;

}



.m5-tree {

    object-fit: contain;

    object-position: right bottom;



}



.m6 {

    position: relative;

    width: 100%;

    height: calc(1080*var(--vw-base));

    background-color: #eebea3;

    box-sizing: border-box;

    padding: calc(180*var(--vw-base)) 0 0 calc(360*var(--vw-base));

    overflow: hidden;

}



.m6-contain {

    position: relative;

    height: calc(700*var(--vw-base));

    display: flex;

}



.m6-sw {

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

}



.m6-sw .swiper {

    position: relative;

    width: calc(600*var(--vw-base));

    height: 100%;

}



.m6-txt {

    position: relative;

    box-sizing: border-box;

    padding: calc(170*var(--vw-base)) 0 0 calc(57*var(--vw-base));



}



.m6-txt h1 {

    color: #e3652b;

    font-size: calc(42*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(75*var(--vw-base));

}



.m6-txt h2 {

    position: relative;

    margin-top: 4vw;

    width: calc(463*var(--vw-base));

    color: #3d3d3d;

    font-size: calc(22*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(50*var(--vw-base));

    text-align: justify;

}



.m6-tree {

    position: absolute;

    right: calc(0*var(--vw-base));

    top: 0;

    width: 100%;

}



.m6-tree {

    object-fit: contain;

    object-position: right bottom;



}



.m7 {

    position: relative;

    width: 100%;

    height: calc(1200*var(--vw-base));

    background-color: #fff;

    display: flex;

    flex-direction: column;

    align-items: center;

    overflow: hidden;

}



.m7-contain {

    position: relative;

    margin-top: calc(288*var(--vw-base));

    padding-bottom: calc(62*var(--vw-base));

    display: flex;

    flex-direction: column;

    align-items: center;

}



.m7-title {

    position: relative;

    width: calc(921*var(--vw-base));

    height: calc(141*var(--vw-base));

}





.m7-title .t1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.m7-title-map {

    position: absolute;

    bottom: 0;

    left: 0;

    width: calc(530*var(--vw-base));

    height: calc(30*var(--vw-base));

    /* background-color: #e3652b; */

    cursor: pointer;

}



.m7-title-phone {

    position: absolute;

    bottom: 0;

    right: 0;

    width: calc(355*var(--vw-base));

    height: calc(30*var(--vw-base));

    /* background-color: #e3652b; */

    cursor: pointer;

}



.m7-title img {

    object-fit: contain;

    object-position: center center;

}



.m7-tree {

    position: absolute;

    left: calc(-60*var(--vw-base));

    top: 0;

    width: calc(1064*var(--vw-base));

    height: calc(244*var(--vw-base));

}



.m7-tree img {

    object-fit: contain;

    object-position: left top;

}



.m7-inside {

    position: relative;

    margin-top: calc(66*var(--vw-base));

    height: calc(517*var(--vw-base));

    display: flex;

    gap: calc(37*var(--vw-base));

}





.m7-map {

    position: relative;

    width: calc(540*var(--vw-base));

    height: 100%;

}



.m7-map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}



.m7-form {

    position: relative;

    width: calc(540*var(--vw-base));

    height: 100%;

}



.form-title {

    position: relative;

    margin-bottom: calc(26*var(--vw-base));

    color: #e3652b;

    font-size: calc(22.5*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0.02em;

    line-height: calc(25*var(--vw-base));

}



.input {

    position: relative;

    width: 100%;

    height: calc(41*var(--vw-base));

    display: flex;

    align-items: center;

    margin-bottom: calc(8*var(--vw-base));

    border: 0.45px solid #ffa92e;

    box-sizing: border-box;

    padding-left: calc(137*var(--vw-base));

}



.input-title {

    position: absolute;

    left: calc(15*var(--vw-base));

    top: calc(12*var(--vw-base));

    font-size: calc(18*var(--vw-base));

    color: #3d3d3d;

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(18*var(--vw-base));

}



.input input {

    position: relative;

    margin-top: 0.2vw;

    width: calc(220*var(--vw-base));

    height: calc(30*var(--vw-base));

    font-size: calc(18*var(--vw-base));

    color: #3d3d3d;

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(25*var(--vw-base));

    border: none;

    outline: none;

}



.input input ::-webkit-input-placeholder {

    color: #3d3d3d;

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(18*var(--vw-base));

}



input[type="date"] {

    margin-top: 0.1vw;

    background: none;

    background-color: transparent;

}



.check-person {

    position: absolute;

    right: 0;

    top: 0;

    width: calc(180*var(--vw-base));

    height: 100%;

    box-sizing: border-box;

    padding-left: calc(100*var(--vw-base));

}



.input .check-person input {

    margin-top: calc(5*var(--vw-base));

    width: calc(60*var(--vw-base));

}



.input select {

    width: calc(400*var(--vw-base));

    height: calc(30*var(--vw-base));

    font-size: calc(18*var(--vw-base));

    color: #3d3d3d;

    font-family: "GenYoGothic-R";

    letter-spacing: 0em;

    line-height: calc(22*var(--vw-base));

    border: none;

    outline: none;

    background: none;

    background-color: transparent;

    background-image: url(../img/select.png);

    background-position-x: 97%;

    background-position-y: 54%;

    background-repeat: no-repeat;

    background-size: 3%;

}



.check-item-sex {

    position: absolute;

    text-align: center;

    right: calc(15*var(--vw-base));

    top: calc(10*var(--vw-base));

    white-space: nowrap;

    font-family: "GenYoGothic-R";

    font-size: calc(18*var(--vw-base));

    color: #3d3d3d;

    letter-spacing: 0.1vw;



}



.check-item-sex label {

    cursor: pointer;

    text-align: end;

    padding-left: 1vw;



}



.check-item-sex label input[type="radio"] {

    width: calc(18*var(--vw-base));

    height: calc(18*var(--vw-base));

    margin: 0 0.2vw -0.18vw 0;

    -webkit-appearance: none;

    -webkit-border-radius: 0px;

    -moz-appearance: none;

    appearance: none;

    background: url(../img/check.svg) no-repeat top center;

    background-size: calc(18*var(--vw-base)) calc(18*var(--vw-base));

    border: none;

    cursor: pointer;

}



.check-item-sex label input:checked {

    background: url("../img/checked.svg") no-repeat top center;

    background-size: calc(18*var(--vw-base)) calc(18*var(--vw-base));

}



.check-item {

    position: relative;

    margin: 0.5vw auto 0.5vw auto;

    color: #3d3d3d;

    font-size: calc(18*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0.075em;

    line-height: calc(20*var(--vw-base));

    cursor: pointer;

    overflow: hidden;

    display: flex;

    justify-content: center;

}



.check-label {

    white-space: nowrap;

    cursor: pointer;



}



.check-item-txt {

    cursor: pointer;

    float: left;

}



.check-item label input {

    width: calc(18*var(--vw-base));

    height: calc(18*var(--vw-base));

    margin: 0 0.5vw -0.9% 0;

    -webkit-appearance: none;

    -webkit-border-radius: 0px;

    -moz-appearance: none;

    appearance: none;

    background: url(../img/check.svg) no-repeat top center;

    background-size: calc(18*var(--vw-base)) calc(18*var(--vw-base));

    border: none;

    cursor: pointer;

    float: left;

}



.check-item label input:checked {

    background: url("../img/checked.svg") no-repeat top center;

    background-size: calc(18*var(--vw-base)) calc(18*var(--vw-base));

}



.openTxtBtn {

    font-family: "GenYoGothic-R";

    font-size: calc(18*var(--vw-base));

    line-height: calc(20*var(--vw-base));

    color: #3d3d3d;

    border-bottom: #3d3d3d solid 1px;

    float: left;

    margin-left: 0.5vw;

}



.form-btn {

    width: 100%;

    height: calc(41*var(--vw-base));

}



.m7-form input[type="button"],

.m7-form input[type="submit"],

.m7-form input[type="reset"] {

    width: 100%;

    height: 100%;

    background-color: transparent;

    color: #fff;

    background-color: #ff8600;

    outline: none;

    height: 100%;

    line-height: calc(20*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0.1vw;

    font-size: calc(18*var(--vw-base));

    border: none;

    border-radius: 0;

    -webkit-appearance: none;

    -webkit-border-radius: 0px;

    position: relative;

    cursor: pointer;

}





.form-end {

    position: relative;

    margin-top: calc(5*var(--vw-base));

    color: #3d3d3d;

    font-size: calc(12*var(--vw-base));

    font-family: "GenYoGothic-R";

    letter-spacing: 0.075em;

    line-height: calc(13*var(--vw-base));

}





.m7-end {

    position: absolute;

    left: 0;

    bottom: 0;

    width: calc(928*var(--vw-base));







}

































































.black {

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0px;

    top: 0px;

    background-color: rgba(0, 0, 0, 0.9);

    z-index: 11111;

    font-family: "KozGoPr6N-R";

}



.closeBtn {

    width: 30px;

    position: absolute;

    right: 5%;

    top: 4%;

    cursor: pointer;

}



.infoWrap {

    width: 100%;

    margin: 0 auto;

    max-width: 70%;

    position: relative;

    height: 100vh;

    overflow: auto;

}



.infoWrap ul {

    list-style: none;

    font-size: 1vw;

    padding-inline-start: 2vw;

}



.infoWrap ul>li>ul {

    list-style: none;

    font-size: 1vw;

    padding-inline-start: 1vw;

}



.li1::before {

    content: "一、";

    position: absolute;

    left: 0vw;

}



.li2::before {

    content: "二、";

    position: absolute;

    left: 0vw;

}



.li3::before {

    content: "三、";

    position: absolute;

    left: 0vw;

}



.li4::before {

    content: "四、";

    position: absolute;

    left: 0vw;

}



.li5::before {

    content: "五、";

    position: absolute;

    left: 0vw;

}



.li1-li::before {

    content: "（１）";

    position: absolute;

    left: 0vw;

}



.li2-li::before {

    content: "（２）";

    position: absolute;

    left: 0vw;

}



.li3-li::before {

    content: "（３）";

    position: absolute;

    left: 0vw;

}



.li4-li::before {

    content: "（４）";

    position: absolute;

    left: 0vw;

}



.infoBox {

    width: 100%;

    height: calc(100% - 10vw);

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    overflow-y: auto;

    color: #fff;

    text-align: left;

}



.infoBox h3 {

    font-size: 1.2vw;

    line-height: 180%;

    margin-bottom: 25px;

    text-align: center;

}



.infoBox h4 {

    font-size: 1vw;

    line-height: 180%;

    margin-bottom: 1vw;

}



.infoBox h5 {

    font-size: 1.2vw;

    line-height: 180%;

    margin-bottom: 1vw;

}



.infoBox p {

    font-size: 1vw;

    line-height: 180%;

}