.swiper { padding-bottom:2rem;}
.swiper-pagination-bullet { background:#f2f2f2; opacity:1; width:6%; height:4px;}
.swiper-pagination-bullet-active { background:#009a44;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { left:20%; width:80%; bottom:0.2rem;}
.nev_banner img { display: block; width: 100%;}
.nev_banner .copy1 { position:absolute; top: 50%; left: 24%; transform: translateY(-50%); color:#fff; text-align:justify; line-height: 1.2;text-shadow: 10px 5px 12px rgba(0,0,0,1);letter-spacing:3px;}
.nev_banner .copy1.b1 h1 { font-size: 3.8vw; font-weight: 700; margin-left:-10%;}
.nev_banner .copy1.b1 p { font-size: 2vw;}
.nev_banner .copy1.b2 h1 { font-size: 3.2vw; font-weight: 700;}
.nev_banner .copy1.b2 p { font-size: 3vw;}

.content { position:relative; margin:0 auto; width:100%;}
.section img { display: block; width: 100%;}

.section ul, .section li { list-style: none; margin: 0; padding: 0;}
.section li { list-style-type: disc;}
.section li.li02 { list-style-type:none;}
.section strong { font-weight: 700;}

.section h1,.section h2,.section h3,.section h4  {margin: 0;padding: 0;font-weight:700;}
.section p {margin: 0;padding: 0;font-weight:normal;}
.section h1 { display:flex; align-items: center; gap: 0.5rem;}
.section h1 img,.section h2 img { display:inline-block; width:2.9vw; margin-top:-1%;}

.section { position:relative; margin:2.6rem auto auto; width:41vw; color:#333;}
.nev1 { margin-top:auto;}

.section h1 {font-size: 2.6vw; padding:2.2rem 0; line-height: 1.2; text-align: justify;letter-spacing: 3px;}
.section h2 {font-size: 1.875vw; padding:1.5rem 0 2.2rem 0; line-height: 1.2; text-align: justify;letter-spacing: 1.5px;}
.section h3 {font-size: 1.25vw; padding:1.5rem 0; line-height: 1.2; text-align: justify;letter-spacing: 1.5px;}
.section p {font-size:1vw; padding:0.8rem 0; line-height: 2; text-align: justify;letter-spacing: 1px;}
.section li {font-size:1vw; padding:0.5rem 0; line-height: 2; text-align: justify;letter-spacing: 1.5px;}
.section ul { margin-left:2.5%; padding-bottom:0.8rem;}

.section .grey01 { font-size:0.875vw; color:rgba(51,51,51,0.6); padding-bottom:2.4rem;}

.section .p02 { position:relative; margin-top:1.5rem; padding-bottom:1rem;}
.section .p02 h3 { position:absolute; top:9%; left:6.6%; font-size:1.25vw; padding:0;}
.section .p03 img { border-radius: 10px;}
.section .p04 { border-left:4px solid #009a44; position:relative; padding:2rem 2.5rem 2rem 5rem; margin:3.8rem auto;}
.section .p04:before { content:""; position:absolute; top:0; left:4%; width:80%; height:100%; background:url(../img/d1.png) left top no-repeat; background-size: 12% auto;}
.section .p04:after { content:""; position:absolute; bottom:0; right:0; width:100%; height:100%; background:url(../img/d2.png) bottom right no-repeat; background-size: 19% auto;}
.section .p04 strong { position:relative; z-index: 2; font-size: 1.25vw; font-weight: 700; line-height: 2; text-align: justify; letter-spacing: 3px;}

.section .qa01 { background:rgba(242, 242, 242, 0.5) url(../img/qa.png) top right no-repeat; background-size: 30% auto; padding:2.2rem 2.5rem 2.2rem 4.5rem; border-radius:10px;}
.section .qa01 .t01 { display:inline-block; background:url(../img/line.png) left bottom no-repeat; font-weight:700; padding-bottom:1.4rem;}

.float-left { position:absolute; top:160px; left:calc((100vw - 790px)/3); width:3.4vw;}
.float-left a:link, .float-left a:visited { white-space: nowrap; display: flex; flex-direction: column; align-items: center; gap: 0px; background:url(../img/dl_on.png) center no-repeat; background-size:1px auto;}
.float-left a:hover { background-position:0 0; background-size:100% auto;}
.float-left a:hover img { visibility: hidden;}
.float-right { position:absolute; top:160px; right:calc((100vw - 790px)/2); width:14vw; display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; margin-right:-17vw;}
.float-right a:link, .float-right a:visited { font-size:1vw; color:#999; text-decoration: none; box-shadow: 0px 0px 0px 0px rgba(51,51,51,.2); padding:0.6rem 0 0.6rem 3.3rem; display:flex; align-items: flex-start; gap: 1rem; transition:all 0.3s; border-radius:8vw; width:100%;align-items: center; margin-bottom:1rem;}
.float-right a:link span, .float-right a:visited span { display:inline-block; width:1.5vw; height:3px; background:#999; border-radius:10px; transition:all 0.3s;}
.float-right a:hover { color:#333; box-shadow:0px 0px 20px 0px rgba(51,51,51,.2); font-weight:700;}
.float-right a:hover span { background:#009a44; height:5px;}
.float-right .active:link, .float-right .active:visited { color:#333; box-shadow:0px 0px 20px 0px rgba(51,51,51,.2); font-weight:700;}
.float-right .active:link span, .float-right .active:visited span { background:#009a44; height:5px;}

.float-left.sticky,.float-right.sticky { position: fixed;}
.nav-bg-mobi { display:none;}
.nav-mobi-title { display:none;}
.nav-mobi-mask { display:none;}

.gotop { background:url(../img/to_top_on.svg) 0 0 no-repeat; background-size:100% auto;}
.gotop .gtop:link,.gotop .gtop:visited { background:url(../img/to_top.svg) 0 0 no-repeat; background-size:100% auto; display:block;}
.gotop .gtop:hover { background:none;}
.gotop .gtop:link img,.gotop .gtop:visited img { visibility: hidden;}

@media (max-width: 750px) {
.swiper { padding-bottom:1rem; background:#f2f2f2}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { left:40%; width:60%; bottom:0;}
.swiper-pagination-bullet { width: 3rem; height: 4px;}
.nev_banner .copy1 { left: 6%; top: auto; bottom:8%; transform: translateY(0); font-size: 36px;letter-spacing:1.5px;}
.nev_banner .copy1.b1 h1 { font-size: 32px; margin-left: -10%;}
.nev_banner .copy1.b1 p { font-size: 17px;}

.nev_banner .copy1.b2 h1 { font-size: 26px;}
.nev_banner .copy1.b2 p { font-size: 24px;}

.content { width:100%; margin:auto; position:relative; padding-top:400px;}
.section { width:88%; margin:auto; padding:1.5rem 0;}
.section h1 img { width: 28px; margin-top: -0.2rem; margin-right:5px;}
.section h2 img { width: 28px; margin-top: -0.5rem; margin-right:5px;}
.section h1 { font-size: 26px; padding: 1rem 0; gap:0;letter-spacing: 1.5px;}
.section h2 { font-size: 22px; padding: 0.8rem 0 1rem 0;letter-spacing: 1.5px;}
.section p { font-size: 16px; padding: 0.5rem 0; line-height:2;letter-spacing: 1px;}

.nev1 h1 { display:none;}

.section .p02 h3 { font-size:16px;letter-spacing: 1px; left:5%; width:95%;}
.section .p02 { padding-bottom:0.5rem; margin-top:0.8rem;}

.section .p03 img { border-radius: 10px;}

.section .grey01 { font-size: 12px;}
.section h3 { font-size: 18px; padding: 0.8rem 0;letter-spacing: 1px;}
.section ul { margin-left: 1rem; padding-bottom: 1.5rem;}
.section li { font-size: 16px; padding: 0.3rem 0;letter-spacing: 1px;}

.section .qa01 { background:rgba(242, 242, 242, 0.5) url(../img/qa_750.png) top left no-repeat; background-size: 35% auto; padding:3.5rem 1.5rem 1rem 1.5rem; border-radius:10px;}
.section .qa01 .t01 { padding-bottom:12px; background-image:url(../img/line_750.png); background-size:auto 8px;}
.section .p04 { border-left-width: 2px; margin:2rem auto; padding:1.5rem 0rem 1.5rem 1.5rem;}
.section .p04 strong { font-size: 16px; letter-spacing: 1px;}

.nav-bg-mobi { display:block; position:absolute; top:0px; left:0; width:88%; height:360px; background:#f2f2f2; font-size:26px; padding:16px 6%; letter-spacing:1.5px;}
.nav-bg-mobi img { width: 28px; margin-top: -8px; margin-right: 8px;}

.float-left { display:none;}
.float-left.sticky { display:block; width:80%; background:#f2f2f2; height:auto; padding:15px 10% 17px; border-top:1px solid #bbb;color:#333; top:auto; bottom:0px; left:0; z-index:9;}
.float-left.sticky a:link, .float-left.sticky a:visited { flex-direction: row; gap:10px; position:relative; align-items: center; letter-spacing:1.5px;}
.float-left a:hover img {visibility: visible;}
.float-left.sticky a:after {content:'';position:absolute; top:8px; right:0; width:10px;height:10px;border-top: 2px solid #009a44;border-left: 2px solid #009a44; transform: rotate(135deg);}
.float-left.sticky a img { width:28px;}

.nav-mobi-mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10;}
.nav-mobi-mask.show { display:block;}

.float-right { right:auto; left:0; top:55px; width:100%; margin-right:auto; padding:0 1rem; display:flex; justify-content: center; gap: 1rem; z-index: 11;}
.float-right ul { position:relative; left:8%; width:80%; margin-top:1rem;}
.float-right ul li {width:100%; list-style:disc;}
.float-right a:link, .float-right a:visited { font-size: 18px; padding: 0.5rem 0.5rem 0.5rem 0rem; box-shadow:none; color:#333; position:relative; margin-bottom:10px; letter-spacing:1.5px;}


.float-right a:link span, .float-right a:visited span { position:absolute; top:0.5rem; right:10px; width:20px;height:20px; background:none; transition:all 0.3s;}
.float-right a span:after {content:'';position:absolute; top:0.5rem; right:0; width:10px;height:10px;border-top: 2px solid #009a44;border-left: 2px solid #009a44; transform: rotate(135deg);}


.float-right .active:link, .float-right .active:visited { box-shadow: none;}
.float-right .active:hover span { height:20px; background:none;}
.float-right .active:link span, .float-right .active:visited span { height:20px; background:none;}


.float-right.sticky { position:fixed; top:76px; background:#f2f2f2; padding:0; display:block;}

.float-right.sticky .nav-mobi-title { display:block; width:100%; background:#f2f2f2;}
.float-right.sticky .nav-mobi-title h2 { display:none; font-size: 20px; padding: 2rem 6% 0.5rem; font-weight: 700;}
.float-right.sticky ul { display:none;}

.nav-mobi-title p { position:relative; display:flex; align-items:center; gap:10px; position:relative; border-bottom:1px solid #bbb; width:88%; padding:18px 6% 12px;}
.nav-mobi-title p img { width: 28px; margin-top: -0.2rem;}
.nav-mobi-title p .copy01 { font-size: 16px; font-weight: 700; letter-spacing:1.5px;}
.nav-mobi-title p .icon01 { width: 28px; height: 28px; background:#009a44; border-radius: 50%; transition:all 0.3s; position:absolute; top:16px; right:6%;}
.nav-mobi-title p .icon01:after {content:'';position:absolute; top:8px; left:10px; width:6px;height:6px; border-top: 2px solid #FFF;border-left: 2px solid #FFF; transform: rotate(225deg);}

.float-right.sticky.open { padding-bottom:20px;}
.float-right.sticky.open .nav-mobi-title p .icon01 { transform: rotate(-180deg);}
.float-right.sticky.open .nav-mobi-title h2 { display:block;}
.float-right.sticky.open ul { display:block; left:12%; width:82%;}


}