@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

* { box-sizing: border-box; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.left { text-align: left !important; }

.mt0 { margin-top: 0px !important; }

.mt1 { margin-top: 1px !important; }

.mt2 { margin-top: 2px !important; }

.mt3 { margin-top: 3px !important; }

.mt4 { margin-top: 4px !important; }

.mt5 { margin-top: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mt7 { margin-top: 7px !important; }

.mt8 { margin-top: 8px !important; }

.mt9 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.ml0 { margin-left: 0px !important; }

.ml1 { margin-left: 1px !important; }

.ml2 { margin-left: 2px !important; }

.ml3 { margin-left: 3px !important; }

.ml4 { margin-left: 4px !important; }

.ml5 { margin-left: 5px !important; }

.ml6 { margin-left: 6px !important; }

.ml7 { margin-left: 7px !important; }

.ml8 { margin-left: 8px !important; }

.ml9 { margin-left: 9px !important; }

.ml10 { margin-left: 10px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb1 { margin-bottom: 1px !important; }

.mb2 { margin-bottom: 2px !important; }

.mb3 { margin-bottom: 3px !important; }

.mb4 { margin-bottom: 4px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb6 { margin-bottom: 6px !important; }

.mb7 { margin-bottom: 7px !important; }

.mb8 { margin-bottom: 8px !important; }

.mb9 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mr0 { margin-right: 0px !important; }

.mr1 { margin-right: 1px !important; }

.mr2 { margin-right: 2px !important; }

.mr3 { margin-right: 3px !important; }

.mr4 { margin-right: 4px !important; }

.mr5 { margin-right: 5px !important; }

.mr6 { margin-right: 6px !important; }

.mr7 { margin-right: 7px !important; }

.mr8 { margin-right: 8px !important; }

.mr9 { margin-right: 9px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.pt0 { padding-top: 0px !important; }

.pt1 { padding-top: 1px !important; }

.pt2 { padding-top: 2px !important; }

.pt3 { padding-top: 3px !important; }

.pt4 { padding-top: 4px !important; }

.pt5 { padding-top: 5px !important; }

.pt6 { padding-top: 6px !important; }

.pt7 { padding-top: 7px !important; }

.pt8 { padding-top: 8px !important; }

.pt9 { padding-top: 9px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pl0 { padding-left: 0px !important; }

.pl1 { padding-left: 1px !important; }

.pl2 { padding-left: 2px !important; }

.pl3 { padding-left: 3px !important; }

.pl4 { padding-left: 4px !important; }

.pl5 { padding-left: 5px !important; }

.pl6 { padding-left: 6px !important; }

.pl7 { padding-left: 7px !important; }

.pl8 { padding-left: 8px !important; }

.pl9 { padding-left: 9px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb1 { padding-bottom: 1px !important; }

.pb2 { padding-bottom: 2px !important; }

.pb3 { padding-bottom: 3px !important; }

.pb4 { padding-bottom: 4px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb6 { padding-bottom: 6px !important; }

.pb7 { padding-bottom: 7px !important; }

.pb8 { padding-bottom: 8px !important; }

.pb9 { padding-bottom: 9px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pr0 { padding-right: 0px !important; }

.pr1 { padding-right: 1px !important; }

.pr2 { padding-right: 2px !important; }

.pr3 { padding-right: 3px !important; }

.pr4 { padding-right: 4px !important; }

.pr5 { padding-right: 5px !important; }

.pr6 { padding-right: 6px !important; }

.pr7 { padding-right: 7px !important; }

.pr8 { padding-right: 8px !important; }

.pr9 { padding-right: 9px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.w10 { width: 10px !important; }

.w20 { width: 20px !important; }

.w30 { width: 30px !important; }

.w40 { width: 40px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 140px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w170 { width: 170px !important; }

.w180 { width: 180px !important; }

.w190 { width: 190px !important; }

.w200 { width: 200px !important; }

.w210 { width: 210px !important; }

.w220 { width: 220px !important; }

.w230 { width: 230px !important; }

.w240 { width: 240px !important; }

.w250 { width: 250px !important; }

.w260 { width: 260px !important; }

.w270 { width: 270px !important; }

.w280 { width: 280px !important; }

.w290 { width: 290px !important; }

.w300 { width: 300px !important; }

.w310 { width: 310px !important; }

.w320 { width: 320px !important; }

.w330 { width: 330px !important; }

.w340 { width: 340px !important; }

.w350 { width: 350px !important; }

.w360 { width: 360px !important; }

.w370 { width: 370px !important; }

.w380 { width: 380px !important; }

.w390 { width: 390px !important; }

.w400 { width: 400px !important; }

.w410 { width: 410px !important; }

.w420 { width: 420px !important; }

.w430 { width: 430px !important; }

.w440 { width: 440px !important; }

.w450 { width: 450px !important; }

.w460 { width: 460px !important; }

.w470 { width: 470px !important; }

.w480 { width: 480px !important; }

.w490 { width: 490px !important; }

.w500 { width: 500px !important; }

.w510 { width: 510px !important; }

.w520 { width: 520px !important; }

.w530 { width: 530px !important; }

.w540 { width: 540px !important; }

.w550 { width: 550px !important; }

.w560 { width: 560px !important; }

.w570 { width: 570px !important; }

.w580 { width: 580px !important; }

.w590 { width: 590px !important; }

.w600 { width: 600px !important; }

.w610 { width: 610px !important; }

.w620 { width: 620px !important; }

.w630 { width: 630px !important; }

.w640 { width: 640px !important; }

.w650 { width: 650px !important; }

.w660 { width: 660px !important; }

.w670 { width: 670px !important; }

.w680 { width: 680px !important; }

.w690 { width: 690px !important; }

.w700 { width: 700px !important; }

.w710 { width: 710px !important; }

.w720 { width: 720px !important; }

.w730 { width: 730px !important; }

.w740 { width: 740px !important; }

.w750 { width: 750px !important; }

.w760 { width: 760px !important; }

.w770 { width: 770px !important; }

.w780 { width: 780px !important; }

.w790 { width: 790px !important; }

.w800 { width: 800px !important; }

.w810 { width: 810px !important; }

.w820 { width: 820px !important; }

.w830 { width: 830px !important; }

.w840 { width: 840px !important; }

.w850 { width: 850px !important; }

.w860 { width: 860px !important; }

.w870 { width: 870px !important; }

.w880 { width: 880px !important; }

.w890 { width: 890px !important; }

.w900 { width: 900px !important; }

.w910 { width: 910px !important; }

.w920 { width: 920px !important; }

.w930 { width: 930px !important; }

.w940 { width: 940px !important; }

.w950 { width: 950px !important; }

.bdrNone { border: none !important; }

.bgNone { background: none !important; }

.top { vertical-align: top !important; }

.middle { vertical-align: middle !important; }

.bottom { vertical-align: bottom !important; }

.bold { font-weight: bold !important; }

.fnt10 { font-size: 1.0rem !important; }

.fnt12 { font-size: 1.2rem !important; }

.fnt14 { font-size: 1.4rem !important; }

.fnt16 { font-size: 1.6rem !important; }

.fnt18 { font-size: 1.8rem !important; }

.fnt20 { font-size: 2.0rem !important; }

.fnt22 { font-size: 2.2rem !important; }

.fnt24 { font-size: 2.4rem !important; }

.fnt26 { font-size: 2.6rem !important; }

.fnt28 { font-size: 2.8rem !important; }

.fnt30 { font-size: 3.0rem !important; }

.floR { float: right !important; }

.floL { float: left !important; }

.floNone { float: none !important; }

.block { display: block !important; }

.inline { display: inline !important; }

.colorRed { color: #cc0000 !important; }

.sp { display: none; }

@media screen and (max-width: 767px) { .pc { display: none; }
  .sp { display: block !important; } }
html { font-size: 62.5%; }

body { width: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 1.6rem; color: #fff; line-height: 1.5; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 767px) { body { width: 100vw; } }
@media screen and (min-width: 768px) { body { margin: 0 auto; width: 428px; } }

p { line-height: 1; }

a { color: #101010; text-decoration: none; }
@media screen and (min-width: 768px) { a:hover { text-decoration: underline; } }

img { max-width: 100%; height: auto; vertical-align: bottom; }

input:focus { outline: 0; }

.fadeInAnim { transform: translate(0, 50px); opacity: 0; }
.fadeInAnim.fadeInAnimActive { transform: translate(0, 0); opacity: 1; transition: all 0.45s ease; }

/*------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------*/
.header { padding: calc(613 / 428 * 100vw) calc(25 / 428 * 100vw) 0 calc(23 / 428 * 100vw); width: 100%; height: calc(2406 / 856 * 100vw); background: url(../img/kv.jpg) 0 0/100% no-repeat; position: relative; }
.header .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.header .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.header .text { font-size: calc(20 / 428 * 100vw); font-weight: 600; line-height: calc(30 / 20); text-align: center; position: absolute; top: calc(850 / 428 * 100vw); left: 50%; transform: translateX(-50%); width: 100%; }

@media screen and (min-width: 768px) { .header { padding: 613px 25px 0 23px; height: 1203px; }
  .header .text { font-size: 20px; top: 850px; } }
/*------------------------------------------------------------------
	other
-----------------------------------------------------------------*/
.imgBox { position: relative; }
.imgBox.Box1 { height: calc(3462 / 856 * 100vw); background: url(../img/sp1.jpg) 0 0/100% no-repeat; }
.imgBox.Box1 .text { position: absolute; width: 100%; letter-spacing: -.025em; }
.imgBox.Box1 .text1 { padding: 0 calc(30 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(405 / 428 * 100vw); }
.imgBox.Box1 .text2 { padding: 0 calc(60 / 428 * 100vw) 0 calc(55 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(1300 / 428 * 100vw); }
.imgBox.Box2 { height: calc(4823 / 856 * 100vw); background: url(../img/sp2.jpg) 0 0/100% no-repeat; }
.imgBox.Box2 .text { position: absolute; width: 100%; letter-spacing: -.025em; }
.imgBox.Box2 .text1 { padding: 0 calc(30 / 428 * 100vw) 0 calc(38 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(450 / 428 * 100vw); }
.imgBox.Box2 .text2 { padding: 0 calc(30 / 428 * 100vw) 0 calc(38 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(1140 / 428 * 100vw); }
.imgBox.Box2 .text3 { padding: 0 calc(30 / 428 * 100vw) 0 calc(38 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(1800 / 428 * 100vw); }
.imgBox.Box2 .text4 { padding: 0 calc(30 / 428 * 100vw) 0 calc(38 / 428 * 100vw); font-size: calc(14 / 428 * 100vw); font-weight: 300; line-height: calc(28 / 14); text-align: left; top: calc(2285 / 428 * 100vw); }
.imgBox.Box3 { height: calc(3364 / 856 * 100vw); background: url(../img/sp3.jpg) 0 0/100% no-repeat; }
.imgBox.Box3 .text { position: absolute; width: 100%; letter-spacing: -.025em; }
.imgBox.Box3 .text1 { padding: 0 calc(35 / 428 * 100vw); font-size: calc(26 / 428 * 100vw); font-weight: 600; line-height: calc(42 / 28); text-align: left; top: calc(630 / 428 * 100vw); }
.imgBox.Box3 .text2 { padding: 0 calc(40 / 428 * 100vw) 0 calc(30 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(780 / 428 * 100vw); }
.imgBox.Box3 .text3 { padding: 0 calc(35 / 428 * 100vw) 0 calc(28 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(1460 / 428 * 100vw); }
.imgBox.Box4 { height: calc(4055 / 856 * 100vw); background: url(../img/sp4.jpg) 0 0/100% no-repeat; }
.imgBox.Box4 .text { position: absolute; width: 100%; letter-spacing: -.025em; }
.imgBox.Box4 .text1 { padding: 0 calc(35 / 428 * 100vw); font-size: calc(26 / 428 * 100vw); font-weight: 600; line-height: calc(42 / 28); text-align: left; top: calc(455 / 428 * 100vw); }
.imgBox.Box4 .text2 { padding: 0 calc(30 / 428 * 100vw) 0 calc(36 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(615 / 428 * 100vw); }
.imgBox.Box4 .text3 { padding: 0 calc(35 / 428 * 100vw) 0 calc(38 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(1355 / 428 * 100vw); }
.imgBox.Box4 .text4 { padding: 0 calc(35 / 428 * 100vw) 0 calc(28 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(1855 / 428 * 100vw); }
.imgBox.Box5 { height: calc(2095 / 856 * 100vw); background: url(../img/sp5.jpg) 0 0/100% no-repeat; }
.imgBox.Box5 .text { position: absolute; width: 100%; letter-spacing: -.025em; }
.imgBox.Box5 .text1 { padding: 0 calc(25 / 428 * 100vw) 0 calc(77 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(385 / 428 * 100vw); }
.imgBox.Box5 .text2 { padding: 0 calc(25 / 428 * 100vw) 0 calc(77 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(521 / 428 * 100vw); }
.imgBox.Box5 .text3 { padding: 0 calc(25 / 428 * 100vw) 0 calc(77 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(687 / 428 * 100vw); }
.imgBox.Box5 .text4 { padding: 0 calc(25 / 428 * 100vw) 0 calc(77 / 428 * 100vw); font-size: calc(15 / 428 * 100vw); font-weight: 300; line-height: calc(32 / 16); text-align: left; top: calc(822 / 428 * 100vw); }
.imgBox.Box6 { padding-top: calc(560 / 428 * 100vw); height: calc(2002 / 856 * 100vw); background: url(../img/sp6.jpg) 0 0/100% no-repeat; }
.imgBox.Box6 > ul { margin: 0 calc(20 / 428 * 100vw) 0 calc(45 / 428 * 100vw); }
.imgBox.Box6 > ul > li:not(:first-of-type) { margin-top: calc(10 / 428 * 100vw); }
.imgBox.Box6 ul li ul { display: flex; justify-content: flex-start; align-items: flex-start; }
.imgBox.Box6 ul li ul li:first-of-type { width: calc(88 / 428 * 100vw); position: relative; }
.imgBox.Box6 ul li ul li:first-of-type:before { content: ""; width: calc(2 / 428 * 100vw); height: calc(18 / 428 * 100vw); display: block; background-color: #707070; position: absolute; top: calc(8 / 428 * 100vw); right: 0; }
.imgBox.Box6 ul li ul li:last-of-type { width: calc(100% - 88 / 428 * 100vw); padding-left: calc(20 / 428 * 100vw); }
.imgBox.Box6 .text1 { font-size: calc(15 / 428 * 100vw); font-weight: 300; color: #000; line-height: calc(32 / 16); text-align: left; }
.imgBox.Box6 .text2 { font-size: calc(15 / 428 * 100vw); font-weight: 300; color: #000; line-height: calc(32 / 16); text-align: left; }

@media screen and (min-width: 768px) { .imgBox.Box1 { height: 1731px; }
  .imgBox.Box1 .text1 { padding: 0 30px; font-size: 15px; top: 405px; }
  .imgBox.Box1 .text2 { padding: 0 55px 0; font-size: 15px; top: 1300px; }
  .imgBox.Box2 { height: 2411px; }
  .imgBox.Box2 .text1 { padding: 0 30px 0 38px; font-size: 15px; top: 450px; }
  .imgBox.Box2 .text2 { padding: 0 30px 0 38px; font-size: 15px; top: 1140px; }
  .imgBox.Box2 .text3 { padding: 0 30px 0 38px; font-size: 15px; top: 1800px; }
  .imgBox.Box2 .text4 { padding: 0 30px 0 38px; font-size: 14px; top: 2285px; }
  .imgBox.Box3 { height: 1682px; }
  .imgBox.Box3 .text1 { padding: 0 35px; font-size: 26px; top: 630px; }
  .imgBox.Box3 .text2 { padding: 0 30px 0 38px; font-size: 15px; top: 780px; }
  .imgBox.Box3 .text3 { padding: 0 35px 0 28px; font-size: 15px; top: 1453px; }
  .imgBox.Box4 { height: 2030px; }
  .imgBox.Box4 .text1 { padding: 0 35px; font-size: 26px; top: 455px; }
  .imgBox.Box4 .text2 { padding: 0 30px 0 36px; font-size: 15px; top: 615px; }
  .imgBox.Box4 .text3 { padding: 0 35px 0 38px; font-size: 15px; top: 1355px; }
  .imgBox.Box4 .text4 { padding: 0 35px 0 28px; font-size: 15px; top: 1855px; }
  .imgBox.Box5 { height: 1047px; }
  .imgBox.Box5 .text1 { padding: 0 25px 0 77px; font-size: 15px; top: 385px; }
  .imgBox.Box5 .text2 { padding: 0 25px 0 77px; font-size: 15px; top: 521px; }
  .imgBox.Box5 .text3 { padding: 0 25px 0 77px; font-size: 15px; top: 687px; }
  .imgBox.Box5 .text4 { padding: 0 25px 0 77px; font-size: 15px; top: 822px; }
  .imgBox.Box6 { padding-top: 560px; height: 1001px; }
  .imgBox.Box6 > ul { margin: 0 20px 0 45px; }
  .imgBox.Box6 > ul > li:not(:first-of-type) { margin-top: 10px; }
  .imgBox.Box6 ul li ul li:first-of-type { width: 88px; }
  .imgBox.Box6 ul li ul li:first-of-type:before { width: 2px; height: 18px; top: 8px; }
  .imgBox.Box6 ul li ul li:last-of-type { width: calc(100% - 88px); padding-left: 20px; }
  .imgBox.Box6 .text1 { font-size: 15px; }
  .imgBox.Box6 .text2 { font-size: 15px; } }
.footer { padding: calc(40 / 428 * 100vw) 0 calc(50 / 428 * 100vw); background-color: #000; position: relative; }
.footerCopy { font-size: calc(13 / 428 * 100vw); font-weight: 300; line-height: 1; text-align: center; }
.footerLogo { margin-top: calc(28 / 428 * 100vw); text-align: center; }
.footerLogo img { width: calc(155 / 428 * 100vw); }

@media screen and (min-width: 768px) { .footer { padding: 40px 0; }
  .footerCopy { font-size: 13px; }
  .footerLogo { margin-top: 28px; }
  .footerLogo img { width: 155px; } }
.pagetop { position: absolute; top: calc(-45 / 428 * 100vw); left: calc(50% - 29 / 428 * 100vw); z-index: 100; }
.pagetop img { width: calc(58 / 428 * 100vw); }

@media screen and (min-width: 768px) { .pagetop { top: -45px; left: calc(50% - 29px); }
  .pagetop img { width: 58px; } }

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