
@import url("../../../fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("http://fonts.googleapis.com/css2?family=Barlow:wght@400;700&amp;display=swap");

@charset "UTF-8";
/* ! ---------- web font ---------- ---------- ---------- ---------- */
/* ! ---------- initial ---------- ---------- ---------- ---------- */
/* ---------- setting ---------- ---------- */
/* ! ---------- module ---------- ---------- ---------- ---------- */

.mod-visible { visibility: visible; }

.mod-hidden { visibility: hidden; }

.mod-block { display: block; }

.mod-inline { display: inline-block !important; }

.mod-flex { display: -ms-flexbox; display: flex; }

.mod-inline-flex { display: -ms-inline-flexbox; display: inline-flex; }

.mod-flex-ju-space { -ms-flex-pack: justify; justify-content: space-between; }

.mod-flex-ju-center { -ms-flex-pack: center; justify-content: center; }

.mod-flex-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mod-flex-align-items { -ms-flex-align: center; align-items: center; }

.mod-flex-dir-row { -ms-flex-direction: row; flex-direction: row; }

.mod-flex-dir-row-rev { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.mod-flex-dir-col { -ms-flex-direction: column; flex-direction: column; }

.mod-flex-dir-col-rev { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.mod-float-left { float: left; }

.mod-float-right { float: right; }

/* ----------------------------------------------------------
width, height
---------------------------------------------------------- */
.mod-w10 { width: 10px !important; }

.mod-w20 { width: 20px !important; }

.mod-w30 { width: 30px !important; }

.mod-w40 { width: 40px !important; }

.mod-w50 { width: 50px !important; }

.mod-w60 { width: 60px !important; }

.mod-w70 { width: 70px !important; }

.mod-w80 { width: 80px !important; }

.mod-w90 { width: 90px !important; }

.mod-w100 { width: 100px !important; }

.mod-w110 { width: 110px !important; }

.mod-w120 { width: 120px !important; }

.mod-w130 { width: 130px !important; }

.mod-w140 { width: 140px !important; }

.mod-w150 { width: 150px !important; }

.mod-w160 { width: 160px !important; }

.mod-w170 { width: 170px !important; }

.mod-w180 { width: 180px !important; }

.mod-w190 { width: 190px !important; }

.mod-w200 { width: 200px !important; }

.mod-w210 { width: 210px !important; }

.mod-w220 { width: 220px !important; }

.mod-w230 { width: 230px !important; }

.mod-w240 { width: 240px !important; }

.mod-w250 { width: 250px !important; }

.mod-w260 { width: 260px !important; }

.mod-w270 { width: 270px !important; }

.mod-w280 { width: 280px !important; }

.mod-w290 { width: 290px !important; }

.mod-w300 { width: 300px !important; }

.mod-w310 { width: 310px !important; }

.mod-w320 { width: 320px !important; }

.mod-w330 { width: 330px !important; }

.mod-w340 { width: 340px !important; }

.mod-w350 { width: 350px !important; }

.mod-w360 { width: 360px !important; }

.mod-w370 { width: 370px !important; }

.mod-w380 { width: 380px !important; }

.mod-w390 { width: 390px !important; }

.mod-w400 { width: 400px !important; }

.mod-w410 { width: 410px !important; }

.mod-w420 { width: 420px !important; }

.mod-w430 { width: 430px !important; }

.mod-w440 { width: 440px !important; }

.mod-w450 { width: 450px !important; }

.mod-w460 { width: 460px !important; }

.mod-w470 { width: 470px !important; }

.mod-w480 { width: 480px !important; }

.mod-w490 { width: 490px !important; }

.mod-w500 { width: 500px !important; }

.mod-w510 { width: 510px !important; }

.mod-w520 { width: 520px !important; }

.mod-w530 { width: 530px !important; }

.mod-w540 { width: 540px !important; }

.mod-w550 { width: 550px !important; }

.mod-w560 { width: 560px !important; }

.mod-w570 { width: 570px !important; }

.mod-w580 { width: 580px !important; }

.mod-w590 { width: 590px !important; }

.mod-w600 { width: 600px !important; }

.mod-w610 { width: 610px !important; }

.mod-w620 { width: 620px !important; }

.mod-w630 { width: 630px !important; }

.mod-w640 { width: 640px !important; }

.mod-w650 { width: 650px !important; }

.mod-w660 { width: 660px !important; }

.mod-w670 { width: 670px !important; }

.mod-w680 { width: 680px !important; }

.mod-w690 { width: 690px !important; }

.mod-w700 { width: 700px !important; }

.mod-w710 { width: 710px !important; }

.mod-w720 { width: 720px !important; }

.mod-w730 { width: 730px !important; }

.mod-w740 { width: 740px !important; }

.mod-w750 { width: 750px !important; }

.mod-w760 { width: 760px !important; }

.mod-w770 { width: 770px !important; }

.mod-w780 { width: 780px !important; }

.mod-w790 { width: 790px !important; }

.mod-w800 { width: 800px !important; }

.mod-w810 { width: 810px !important; }

.mod-w820 { width: 820px !important; }

.mod-w830 { width: 830px !important; }

.mod-w840 { width: 840px !important; }

.mod-w850 { width: 850px !important; }

.mod-w860 { width: 860px !important; }

.mod-w870 { width: 870px !important; }

.mod-w880 { width: 880px !important; }

.mod-w890 { width: 890px !important; }

.mod-w900 { width: 900px !important; }

.mod-w910 { width: 910px !important; }

.mod-w920 { width: 920px !important; }

.mod-w930 { width: 930px !important; }

.mod-w940 { width: 940px !important; }

.mod-w950 { width: 950px !important; }

.mod-w960 { width: 960px !important; }

.mod-w970 { width: 970px !important; }

.mod-w980 { width: 980px !important; }

.mod-w990 { width: 990px !important; }

.mod-w1000 { width: 1000px !important; }

.mod-h10 { height: 10px !important; }

.mod-h20 { height: 20px !important; }

.mod-h30 { height: 30px !important; }

.mod-h40 { height: 40px !important; }

.mod-h50 { height: 50px !important; }

.mod-h60 { height: 60px !important; }

.mod-h70 { height: 70px !important; }

.mod-h80 { height: 80px !important; }

.mod-h90 { height: 90px !important; }

.mod-h100 { height: 100px !important; }

.mod-h110 { height: 110px !important; }

.mod-h120 { height: 120px !important; }

.mod-h130 { height: 130px !important; }

.mod-h140 { height: 140px !important; }

.mod-h150 { height: 150px !important; }

.mod-h160 { height: 160px !important; }

.mod-h170 { height: 170px !important; }

.mod-h180 { height: 180px !important; }

.mod-h190 { height: 190px !important; }

.mod-h200 { height: 200px !important; }

.mod-h210 { height: 210px !important; }

.mod-h220 { height: 220px !important; }

.mod-h230 { height: 230px !important; }

.mod-h240 { height: 240px !important; }

.mod-h250 { height: 250px !important; }

.mod-h260 { height: 260px !important; }

.mod-h270 { height: 270px !important; }

.mod-h280 { height: 280px !important; }

.mod-h290 { height: 290px !important; }

.mod-h300 { height: 300px !important; }

.mod-h310 { height: 310px !important; }

.mod-h320 { height: 320px !important; }

.mod-h330 { height: 330px !important; }

.mod-h340 { height: 340px !important; }

.mod-h350 { height: 350px !important; }

.mod-h360 { height: 360px !important; }

.mod-h370 { height: 370px !important; }

.mod-h380 { height: 380px !important; }

.mod-h390 { height: 390px !important; }

.mod-h400 { height: 400px !important; }

.mod-h410 { height: 410px !important; }

.mod-h420 { height: 420px !important; }

.mod-h430 { height: 430px !important; }

.mod-h440 { height: 440px !important; }

.mod-h450 { height: 450px !important; }

.mod-h460 { height: 460px !important; }

.mod-h470 { height: 470px !important; }

.mod-h480 { height: 480px !important; }

.mod-h490 { height: 490px !important; }

.mod-h500 { height: 500px !important; }

.mod-h510 { height: 510px !important; }

.mod-h520 { height: 520px !important; }

.mod-h530 { height: 530px !important; }

.mod-h540 { height: 540px !important; }

.mod-h550 { height: 550px !important; }

.mod-h560 { height: 560px !important; }

.mod-h570 { height: 570px !important; }

.mod-h580 { height: 580px !important; }

.mod-h590 { height: 590px !important; }

.mod-h600 { height: 600px !important; }

.mod-h610 { height: 610px !important; }

.mod-h620 { height: 620px !important; }

.mod-h630 { height: 630px !important; }

.mod-h640 { height: 640px !important; }

.mod-h650 { height: 650px !important; }

.mod-h660 { height: 660px !important; }

.mod-h670 { height: 670px !important; }

.mod-h680 { height: 680px !important; }

.mod-h690 { height: 690px !important; }

.mod-h700 { height: 700px !important; }

.mod-h710 { height: 710px !important; }

.mod-h720 { height: 720px !important; }

.mod-h730 { height: 730px !important; }

.mod-h740 { height: 740px !important; }

.mod-h750 { height: 750px !important; }

.mod-h760 { height: 760px !important; }

.mod-h770 { height: 770px !important; }

.mod-h780 { height: 780px !important; }

.mod-h790 { height: 790px !important; }

.mod-h800 { height: 800px !important; }

.mod-h810 { height: 810px !important; }

.mod-h820 { height: 820px !important; }

.mod-h830 { height: 830px !important; }

.mod-h840 { height: 840px !important; }

.mod-h850 { height: 850px !important; }

.mod-h860 { height: 860px !important; }

.mod-h870 { height: 870px !important; }

.mod-h880 { height: 880px !important; }

.mod-h890 { height: 890px !important; }

.mod-h900 { height: 900px !important; }

.mod-h910 { height: 910px !important; }

.mod-h920 { height: 920px !important; }

.mod-h930 { height: 930px !important; }

.mod-h940 { height: 940px !important; }

.mod-h950 { height: 950px !important; }

.mod-h960 { height: 960px !important; }

.mod-h970 { height: 970px !important; }

.mod-h980 { height: 980px !important; }

.mod-h990 { height: 990px !important; }

.mod-h1000 { height: 1000px !important; }

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

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

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

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

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

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

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

.mod-mt60 { margin-top: 60px !important; }

.mod-mt70 { margin-top: 70px !important; }

.mod-mt80 { margin-top: 80px !important; }

.mod-mt90 { margin-top: 80px !important; }

.mod-mt100 { margin-top: 100px !important; }

.mod-mt120 { margin-top: 120px !important; }

.mod-mt140 { margin-top: 140px !important; }

.mod-mt160 { margin-top: 160px !important; }

.mod-mt180 { margin-top: 180px !important; }

.mod-mt200 { margin-top: 200px !important; }

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

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

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

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

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

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

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

.mod-mb60 { margin-bottom: 60px !important; }

.mod-mb70 { margin-bottom: 70px !important; }

.mod-mb80 { margin-bottom: 80px !important; }

.mod-mb90 { margin-bottom: 80px !important; }

.mod-mb100 { margin-bottom: 100px !important; }

.mod-mb120 { margin-bottom: 120px !important; }

.mod-mb140 { margin-bottom: 140px !important; }

.mod-mb160 { margin-bottom: 160px !important; }

.mod-mb180 { margin-bottom: 180px !important; }

.mod-mb200 { margin-bottom: 200px !important; }

.mod-ml-auto { margin-left: auto !important; }

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

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

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

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

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

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

.mod-ml60 { margin-left: 60px !important; }

.mod-ml80 { margin-left: 80px !important; }

.mod-ml100 { margin-left: 100px !important; }

.mod-mr-auto { margin-right: auto !important; }

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

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

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

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

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

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

.mod-mr60 { margin-right: 60px !important; }

.mod-mr80 { margin-right: 80px !important; }

.mod-mr100 { margin-right: 100px !important; }

/* ----------------------------------------------------------
padding
---------------------------------------------------------- */
.mod-pd0 { padding: 0px !important; }

.mod-pd5 { padding: 5px !important; }

.mod-pd10 { padding: 10px !important; }

.mod-pd20 { padding: 20px !important; }

.mod-pd30 { padding: 30px !important; }

.mod-pd40 { padding: 40px !important; }

.mod-pd50 { padding: 50px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----------------------------------------------------------
mod-column
---------------------------------------------------------- */
.mod-column { display: -ms-flexbox; display: flex; }

.mod-flex-item.is-glow { -ms-flex-positive: 1; flex-grow: 1; }

/* ----------------------------------------------------------
mod-column12
---------------------------------------------------------- */

/* ----------------------------------------------------------
mod-column12-sp
---------------------------------------------------------- */

.guide-table .mod-grid-2 > *, .guide-table .mod-grid-3 > *, .guide-table .mod-grid-4 > *, .guide-table .mod-column > *, .guide-table .mod-column12 > * { background: #f8f8f8; }

.guide-table .mod-grid-2 > *:nth-child(odd), .guide-table .mod-grid-3 > *:nth-child(odd), .guide-table .mod-grid-4 > *:nth-child(odd), .guide-table .mod-column > *:nth-child(odd), .guide-table .mod-column12 > *:nth-child(odd) { background: #eee; }

/* ----------------------------------------------------------
font
---------------------------------------------------------- */
.mod-en, .mod-text-en { font-family: "Barlow", sans-serif; }

.mod-min, .mod-text-min { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.mod-text-bold { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.mod-color-gray { color: #888; }

.mod-color-red { color: red; }

.mod-color-yellow { background: rgba(255, 255, 0, 0.5); }

.mod-color-blue { color: blue; }

.mod-text-underline { text-decoration: underline; }

.mod-text-marker { display: inline; background: linear-gradient(transparent 70%, #fcc 70%); }

.mod-text-vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.mod-text-lt1 { letter-spacing: 0.1em; }

.mod-text-lt2 { letter-spacing: 0.2em; }

.mod-text-lt4 { letter-spacing: 0.4em; }

.mod-text-lt10 { letter-spacing: 1em; }

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

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

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

.mod-fs7 { font-size: 8px !important; }

.mod-fs8 { font-size: 8px !important; }

.mod-fs9 { font-size: 09px !important; }

.mod-fs10 { font-size: 10px !important; }

.mod-fs11 { font-size: 11px !important; }

.mod-fs12 { font-size: 12px !important; }

.mod-fs13 { font-size: 13px !important; }

.mod-fs14 { font-size: 14px !important; }

.mod-fs15 { font-size: 15px !important; }

.mod-fs16 { font-size: 16px !important; }

.mod-fs18 { font-size: 18px !important; }

.mod-fs19 { font-size: 19px !important; }

.mod-fs20 { font-size: 20px !important; }

.mod-fs22 { font-size: 22px !important; }

.mod-fs24 { font-size: 24px !important; }

.mod-fs26 { font-size: 26px !important; }

.mod-fs28 { font-size: 28px !important; }

.mod-fs30 { font-size: 30px !important; }

.mod-fs32 { font-size: 32px !important; }

.mod-fs34 { font-size: 34px !important; }

.mod-fs36 { font-size: 36px !important; }

.mod-fs38 { font-size: 38px !important; }

.mod-fs40 { font-size: 40px !important; }

.mod-fs42 { font-size: 42px !important; }

.mod-fs44 { font-size: 44px !important; }

.mod-fs46 { font-size: 46px !important; }

.mod-fs48 { font-size: 48px !important; }

.mod-fs50 { font-size: 50px !important; }

.mod-fs52 { font-size: 52px !important; }

.mod-fs54 { font-size: 54px !important; }

.mod-fs56 { font-size: 56px !important; }

.mod-fs58 { font-size: 58px !important; }

.mod-fs60 { font-size: 60px !important; }

.mod-fs70 { font-size: 70px !important; }

.mod-fs80 { font-size: 80px !important; }

.mod-fs90 { font-size: 90px !important; }

.mod-fs100 { font-size: 100px !important; }

.mod-fs110 { font-size: 110px !important; }

.mod-fs120 { font-size: 120px !important; }

/* ----------------------------------------------------------
notes
---------------------------------------------------------- */
p.mod-text-note { position: relative; padding-left: 1.5em; }

p.mod-text-note:before { content: "※"; position: absolute; left: 3px; top: 0; }

p.mod-text-dot { position: relative; padding-left: 1.5em; }

p.mod-text-dot:before { content: "・"; position: absolute; left: 0.25em; top: 0; }

/* ----------------------------------------------------------
mod-grid
---------------------------------------------------------- */
ul.mod-grid-2, ul.mod-grid-3, ul.mod-grid-4, ul.mod-grid-5 { list-style: none; padding: 0; }

.mod-grid-2 > * > *:first-child, .mod-grid-3 > * > *:first-child, .mod-grid-4 > * > *:first-child, .mod-grid-5 > * > *:first-child { margin-top: 0; }

.mod-grid-2 > * > *:last-child, .mod-grid-3 > * > *:last-child, .mod-grid-4 > * > *:last-child, .mod-grid-5 > * > *:last-child { margin-bottom: 0; }

/* ----------------------------------------------------------
mod-grid-2-sp
---------------------------------------------------------- */

.mod-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-delay: 0.2s; transition-duration: 0.7s; transition-property: opacity,transform; }

.mod-anim.is-fade.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mod-anim.is-top { -ms-transform: translate(0, -50px); transform: translate(0, -50px); }

.mod-anim.is-top.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-bottom { -ms-transform: translate(0, 50px); transform: translate(0, 50px); }

.mod-anim.is-bottom.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-right { -ms-transform: translate(50px, 0); transform: translate(50px, 0); }

.mod-anim.is-right.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-walk { -ms-transform: translate(-30px, -10px); transform: translate(-30px, -10px); transition-duration: 0.4s; }

.mod-anim.is-walk.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-left { -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); }

.mod-anim.is-left.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-zoom { -ms-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); }

.mod-anim.is-zoom.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mod-anim.is-zoom2 { -ms-transform: scale(0, 0); transform: scale(0, 0); transition-timing-function: cubic-bezier(0, 0.75, 0.6, 1.4); transition-duration: 0.4s; }

.mod-anim.is-zoom2.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mod-anim.is-zoom3 { -ms-transform: scale(0, 0); transform: scale(0, 0); transition-timing-function: cubic-bezier(0.8, 0, 0, 0.4); }

.mod-anim.is-zoom3.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mod-anim.is-blur { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="15" /></filter></svg>#filter'); filter: blur(15px); transition-property: opacity,transform,filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.mod-anim.is-blur.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter'); filter: blur(0); }

.mod-anim.is-text { overflow: hidden; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; display: inline-block; }

.mod-anim.is-text .mod-anim__inner { display: block; position: relative; height: 100%; transition-property: transform; transition-duration: 0.5s; -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }

.mod-anim.is-text .mod-anim__inner:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; background: #888; transition-property: transform; transition-delay: 0.7s; transition-duration: 0.5s; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-text.is-delay-02.js-active .mod-anim__inner { transition-delay: 0.2s; }

.mod-anim.is-text.is-delay-04.js-active .mod-anim__inner { transition-delay: 0.4s; }

.mod-anim.is-text.is-delay-06.js-active .mod-anim__inner { transition-delay: 0.6s; }

.mod-anim.is-text.js-active .mod-anim__inner { -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.is-text.js-active .mod-anim__inner:after { -ms-transform: translate(100%, 0); transform: translate(100%, 0); }

.mod-anim.is-delay-00 { transition-delay: 0s; }

.mod-anim.is-delay-02 { transition-delay: 0.2s; }

.mod-anim.is-delay-04 { transition-delay: 0.4s; }

.mod-anim.is-delay-06 { transition-delay: 0.6s; }

.mod-anim.is-delay-08 { transition-delay: 0.8s; }

.mod-anim.is-delay-10 { transition-delay: 1.0s; }

.mod-anim.is-delay-12 { transition-delay: 1.2s; }

.mod-anim.is-delay-14 { transition-delay: 1.4s; }

.mod-anim.is-delay-16 { transition-delay: 1.6s; }

.mod-anim.is-delay-17 { transition-delay: 1.7s; }

.mod-anim.is-delay-18 { transition-delay: 1.8s; }

.mod-anim.is-delay-20 { transition-delay: 2.0s; }

.mod-anim.is-delay-22 { transition-delay: 2.2s; }

.mod-anim.is-delay-23 { transition-delay: 2.3s; }

.mod-anim.is-delay-24 { transition-delay: 2.4s; }

.mod-anim.is-delay-25 { transition-delay: 2.5s; }

.mod-anim.is-delay-26 { transition-delay: 2.6s; }

.mod-anim.is-delay-28 { transition-delay: 2.8s; }

.mod-anim.is-delay-30 { transition-delay: 3.0s; }

/* ----------------------------------------------------------
loop
---------------------------------------------------------- */
.mod-anim.is-fadeloop.js-active { animation: infinite_loop_opacity 1s ease-in-out 0s infinite alternate; }

.mod-anim.is-vertical-loop.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; animation: infinite_loop_bounce 1s ease-in-out 0s infinite alternate; }

.mod-anim.is-rotate { display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; animation: infinite_loop_rotate 1s linear 0s infinite; }

/* ----------------------------------------------------------
@keyframes
---------------------------------------------------------- */
.mod-anim.is-delay2-10 { animation-delay: 1.0s; }

.mod-anim.is-delay2-12 { animation-delay: 1.2s; }

.mod-anim.is-delay2-14 { animation-delay: 1.4s; }

.mod-anim.is-delay2-16 { animation-delay: 1.6s; }

.mod-anim.is-delay2-17 { animation-delay: 1.7s; }

.mod-anim.is-delay2-18 { animation-delay: 1.8s; }

.mod-anim.is-bounceIn { animation-name: zoomIn; animation-duration: 0.7s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-play-state: paused; animation-fill-mode: forwards; }

.mod-anim.is-bounceIn.js-active { animation-play-state: running; }

.mod-anim.is-bounceInDown { animation-name: downIn; animation-duration: 1s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-play-state: paused; animation-fill-mode: forwards; }

.mod-anim.is-bounceInDown.js-active { animation-play-state: running; }

@keyframes zoomIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale(0, 0); }
  20% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1.1, 1.1); }
  40% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(0.8, 0.8); }
  60% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1.05, 1.05); }
  80% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(0.95, 0.95); }
  100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1, 1); } }

@keyframes downIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate(0, -100px); }
  20% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translate(0, 10px); }
  40% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translate(0, -5px); }
  60% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translate(0); }
  80% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translate(0, 0); }
  100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translate(0, 0); } }

@keyframes infinite_loop_opacity { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes infinite_loop_bounce { 0% { transform: translate3d(0, 0, -5px); }
  100% { transform: translate3d(0, 5px, 0); } }

@keyframes infinite_loop_rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }

@keyframes move-stripe1 { 0% { background-position: 0 0; }
  100% { background-position: -8px 0; } }

/* ----------------------------------------------------------
.mod-form
---------------------------------------------------------- */
.mod-form { /* ---------- input,textarea ---------- ---------- */ }

.mod-form input[type="text"], .mod-form input[type="date"], .mod-form input[type="number"], .mod-form input[type="password"], .mod-form textarea, .mod-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; box-sizing: border-box; }

.mod-form input[type="text"], .mod-form input[type="date"], .mod-form input[type="number"], .mod-form input[type="password"], .mod-form textarea { border: 1px solid #EAEBED; border-radius: 0; width: 100%; padding: 10px 15px; background: #fff; vertical-align: top; }

.mod-form input[type="text"]:focus, .mod-form input[type="date"]:focus, .mod-form input[type="number"]:focus, .mod-form input[type="password"]:focus, .mod-form textarea:focus { background: #ffffcc; }

.mod-form input[type="text"]._error, .mod-form input[type="date"]._error, .mod-form input[type="number"]._error, .mod-form input[type="password"]._error, .mod-form textarea._error { border: 2px solid #c8151d; background: #fde4e5; }

.mod-form input[type="text"]:disabled, .mod-form input[type="date"]:disabled, .mod-form input[type="number"]:disabled, .mod-form input[type="password"]:disabled, .mod-form textarea:disabled { border: 1px solid #CCCCCC; background: #F3F3F3; color: #CCCCCC; }

.mod-form select { width: 100%; }

.mod-form select { border-radius: 0; padding: 5px 5px; background: #fff; box-sizing: border-box; }

.mod-form select:focus { background: #ffffcc; }

.mod-form select::-ms-expand { display: none; }

.mod-form textarea { resize: none; }

.mod-form-select { position: relative; display: inline-block; border-radius: 4px; width: 100%; font-size: 16px; border: 1px solid #EAEBED; box-sizing: border-box; cursor: pointer; }

.mod-form-select select { height: 100%; padding: 0 25px 0 10px; border-radius: 4px; cursor: pointer; }

.mod-form-select:after { content: ""; display: block; position: absolute; top: 50%; right: 10px; background: url(../images/icon/bk/arrow_a.svg) left top no-repeat; background-size: contain; -ms-transform: translate(0, -50%) rotate(90deg); transform: translate(0, -50%) rotate(90deg); width: 12px; height: 12px; pointer-events: none; }

/* ---------- radio, checkbox ---------- ---------- */

.mod-form-input-list li { display: inline-block; }

.mod-form-input-list li.is-w90 { width: 90px; padding-right: 0px; }

.mod-form-input-list li.is-w110 { width: 110px; padding-right: 0px; }

.mod-form-radio label, .mod-form-check label { position: relative; padding-left: 30px; cursor: pointer; display: inline-block; transition-duration: 0.2s; line-height: 1.6; cursor: pointer; }

.mod-form-radio label:after { box-sizing: border-box; display: block; content: ""; position: absolute; top: 0; left: 0; background: url(../images/form/check.png) left top no-repeat; background-size: contain; width: 26px; height: 26px; }

.mod-form-radio input[type=radio] { display: none; }

.mod-form-radio input[type=radio]:checked + label:after { background-image: url(../images/form/check_on.png); }

.mod-form-check label:after { box-sizing: border-box; display: block; content: ""; position: absolute; top: 0; left: 0; background: url(../images/form/check.png) left top no-repeat; background-size: contain; width: 26px; height: 26px; }

.mod-form-check input[type=checkbox] { display: none; }

.mod-form-check input[type=checkbox]:checked + label:after { background-image: url(../images/form/check_on.png); }

table.mod-form-table { border-collapse: separate; border-spacing: 0; width: 100%; letter-spacing: 0.1em; }

table.mod-form-table p { margin: 0; }

table.mod-form-table th { position: relative; font-weight: bold; line-height: 1.4; font-weight: bold; vertical-align: top; box-sizing: border-box; }

table.mod-form-table td { position: relative; line-height: 1.4; vertical-align: middle; box-sizing: border-box; }

table.mod-form-table ._row { position: relative; padding-top: 5px; padding-bottom: 5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }

table.mod-form-table ._row ._col { display: block; }

table.mod-form-table ._row._row-note { color: #888; }

table.mod-form-table ._btn-post { margin: 5px 0; background: #888; color: #fff; text-decoration: none; transition-duration: 0.2s; cursor: pointer; }

table.mod-form-table ._btn-post:hover { background: #666; }

.mod-form ._req, .mod-form-policy ._req { display: inline-block; color: #C8151D; font-weight: bold; font-size: 16px; padding: 2px 10px; text-align: center; width: 20px; box-sizing: border-box; font-weight: normal; }

.mod-form-error { text-align: center; color: red; margin: 40px 0; line-height: 1.6; }

.mod-text-error { color: #c8151d; font-size: 16px; }

@media print, screen and (min-width: 768px){

 .mod-pc{ display: block !important; }

 .mod-sp{ display: none !important; }

 .mod-visible-pc{ visibility: visible; }

 .mod-hidden-pc{ visibility: hidden; }

 .mod-block-pc{ display: block; }

 .mod-inline-pc{ display: inline-block !important; }

 .mod-flex-pc{ display: -ms-flexbox; display: flex; }

 .mod-inline-flex-pc{ display: -ms-inline-flexbox; display: inline-flex; }

 .mod-flex-ju-space-pc{ -ms-flex-pack: justify; justify-content: space-between; }

 .mod-flex-ju-center-pc{ -ms-flex-pack: center; justify-content: center; }

 .mod-flex-flex-wrap-pc{ -ms-flex-wrap: wrap; flex-wrap: wrap; }

 .mod-flex-align-items-pc{ -ms-flex-align: center; align-items: center; }

 .mod-flex-dir-row-pc{ -ms-flex-direction: row; flex-direction: row; }

 .mod-flex-dir-row-rev-pc{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

 .mod-flex-dir-col-pc{ -ms-flex-direction: column; flex-direction: column; }

 .mod-flex-dir-col-rev-pc{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

 .mod-float-left-pc{ float: left; }

 .mod-float-right-pc{ float: right; }

 .mod-w10-pc{ width: 10px !important; }

 .mod-w20-pc{ width: 20px !important; }

 .mod-w30-pc{ width: 30px !important; }

 .mod-w40-pc{ width: 40px !important; }

 .mod-w50-pc{ width: 50px !important; }

 .mod-w60-pc{ width: 60px !important; }

 .mod-w70-pc{ width: 70px !important; }

 .mod-w80-pc{ width: 80px !important; }

 .mod-w90-pc{ width: 90px !important; }

 .mod-w100-pc{ width: 100px !important; }

 .mod-w110-pc{ width: 110px !important; }

 .mod-w120-pc{ width: 120px !important; }

 .mod-w130-pc{ width: 130px !important; }

 .mod-w140-pc{ width: 140px !important; }

 .mod-w150-pc{ width: 150px !important; }

 .mod-w160-pc{ width: 160px !important; }

 .mod-w170-pc{ width: 170px !important; }

 .mod-w180-pc{ width: 180px !important; }

 .mod-w190-pc{ width: 190px !important; }

 .mod-w200-pc{ width: 200px !important; }

 .mod-w210-pc{ width: 210px !important; }

 .mod-w220-pc{ width: 220px !important; }

 .mod-w230-pc{ width: 230px !important; }

 .mod-w240-pc{ width: 240px !important; }

 .mod-w250-pc{ width: 250px !important; }

 .mod-w260-pc{ width: 260px !important; }

 .mod-w270-pc{ width: 270px !important; }

 .mod-w280-pc{ width: 280px !important; }

 .mod-w290-pc{ width: 290px !important; }

 .mod-w300-pc{ width: 300px !important; }

 .mod-w310-pc{ width: 310px !important; }

 .mod-w320-pc{ width: 320px !important; }

 .mod-w330-pc{ width: 330px !important; }

 .mod-w340-pc{ width: 340px !important; }

 .mod-w350-pc{ width: 350px !important; }

 .mod-w360-pc{ width: 360px !important; }

 .mod-w370-pc{ width: 370px !important; }

 .mod-w380-pc{ width: 380px !important; }

 .mod-w390-pc{ width: 390px !important; }

 .mod-w400-pc{ width: 400px !important; }

 .mod-w410-pc{ width: 410px !important; }

 .mod-w420-pc{ width: 420px !important; }

 .mod-w430-pc{ width: 430px !important; }

 .mod-w440-pc{ width: 440px !important; }

 .mod-w450-pc{ width: 450px !important; }

 .mod-w460-pc{ width: 460px !important; }

 .mod-w470-pc{ width: 470px !important; }

 .mod-w480-pc{ width: 480px !important; }

 .mod-w490-pc{ width: 490px !important; }

 .mod-w500-pc{ width: 500px !important; }

 .mod-w510-pc{ width: 510px !important; }

 .mod-w520-pc{ width: 520px !important; }

 .mod-w530-pc{ width: 530px !important; }

 .mod-w540-pc{ width: 540px !important; }

 .mod-w550-pc{ width: 550px !important; }

 .mod-w560-pc{ width: 560px !important; }

 .mod-w570-pc{ width: 570px !important; }

 .mod-w580-pc{ width: 580px !important; }

 .mod-w590-pc{ width: 590px !important; }

 .mod-w600-pc{ width: 600px !important; }

 .mod-w610-pc{ width: 610px !important; }

 .mod-w620-pc{ width: 620px !important; }

 .mod-w630-pc{ width: 630px !important; }

 .mod-w640-pc{ width: 640px !important; }

 .mod-w650-pc{ width: 650px !important; }

 .mod-w660-pc{ width: 660px !important; }

 .mod-w670-pc{ width: 670px !important; }

 .mod-w680-pc{ width: 680px !important; }

 .mod-w690-pc{ width: 690px !important; }

 .mod-w700-pc{ width: 700px !important; }

 .mod-w710-pc{ width: 710px !important; }

 .mod-w720-pc{ width: 720px !important; }

 .mod-w730-pc{ width: 730px !important; }

 .mod-w740-pc{ width: 740px !important; }

 .mod-w750-pc{ width: 750px !important; }

 .mod-w760-pc{ width: 760px !important; }

 .mod-w770-pc{ width: 770px !important; }

 .mod-w780-pc{ width: 780px !important; }

 .mod-w790-pc{ width: 790px !important; }

 .mod-w800-pc{ width: 800px !important; }

 .mod-w810-pc{ width: 810px !important; }

 .mod-w820-pc{ width: 820px !important; }

 .mod-w830-pc{ width: 830px !important; }

 .mod-w840-pc{ width: 840px !important; }

 .mod-w850-pc{ width: 850px !important; }

 .mod-w860-pc{ width: 860px !important; }

 .mod-w870-pc{ width: 870px !important; }

 .mod-w880-pc{ width: 880px !important; }

 .mod-w890-pc{ width: 890px !important; }

 .mod-w900-pc{ width: 900px !important; }

 .mod-w910-pc{ width: 910px !important; }

 .mod-w920-pc{ width: 920px !important; }

 .mod-w930-pc{ width: 930px !important; }

 .mod-w940-pc{ width: 940px !important; }

 .mod-w950-pc{ width: 950px !important; }

 .mod-w960-pc{ width: 960px !important; }

 .mod-w970-pc{ width: 970px !important; }

 .mod-w980-pc{ width: 980px !important; }

 .mod-w990-pc{ width: 990px !important; }

 .mod-w1000-pc{ width: 1000px !important; }

 .mod-h10-pc{ height: 10px !important; }

 .mod-h20-pc{ height: 20px !important; }

 .mod-h30-pc{ height: 30px !important; }

 .mod-h40-pc{ height: 40px !important; }

 .mod-h50-pc{ height: 50px !important; }

 .mod-h60-pc{ height: 60px !important; }

 .mod-h70-pc{ height: 70px !important; }

 .mod-h80-pc{ height: 80px !important; }

 .mod-h90-pc{ height: 90px !important; }

 .mod-h100-pc{ height: 100px !important; }

 .mod-h110-pc{ height: 110px !important; }

 .mod-h120-pc{ height: 120px !important; }

 .mod-h130-pc{ height: 130px !important; }

 .mod-h140-pc{ height: 140px !important; }

 .mod-h150-pc{ height: 150px !important; }

 .mod-h160-pc{ height: 160px !important; }

 .mod-h170-pc{ height: 170px !important; }

 .mod-h180-pc{ height: 180px !important; }

 .mod-h190-pc{ height: 190px !important; }

 .mod-h200-pc{ height: 200px !important; }

 .mod-h210-pc{ height: 210px !important; }

 .mod-h220-pc{ height: 220px !important; }

 .mod-h230-pc{ height: 230px !important; }

 .mod-h240-pc{ height: 240px !important; }

 .mod-h250-pc{ height: 250px !important; }

 .mod-h260-pc{ height: 260px !important; }

 .mod-h270-pc{ height: 270px !important; }

 .mod-h280-pc{ height: 280px !important; }

 .mod-h290-pc{ height: 290px !important; }

 .mod-h300-pc{ height: 300px !important; }

 .mod-h310-pc{ height: 310px !important; }

 .mod-h320-pc{ height: 320px !important; }

 .mod-h330-pc{ height: 330px !important; }

 .mod-h340-pc{ height: 340px !important; }

 .mod-h350-pc{ height: 350px !important; }

 .mod-h360-pc{ height: 360px !important; }

 .mod-h370-pc{ height: 370px !important; }

 .mod-h380-pc{ height: 380px !important; }

 .mod-h390-pc{ height: 390px !important; }

 .mod-h400-pc{ height: 400px !important; }

 .mod-h410-pc{ height: 410px !important; }

 .mod-h420-pc{ height: 420px !important; }

 .mod-h430-pc{ height: 430px !important; }

 .mod-h440-pc{ height: 440px !important; }

 .mod-h450-pc{ height: 450px !important; }

 .mod-h460-pc{ height: 460px !important; }

 .mod-h470-pc{ height: 470px !important; }

 .mod-h480-pc{ height: 480px !important; }

 .mod-h490-pc{ height: 490px !important; }

 .mod-h500-pc{ height: 500px !important; }

 .mod-h510-pc{ height: 510px !important; }

 .mod-h520-pc{ height: 520px !important; }

 .mod-h530-pc{ height: 530px !important; }

 .mod-h540-pc{ height: 540px !important; }

 .mod-h550-pc{ height: 550px !important; }

 .mod-h560-pc{ height: 560px !important; }

 .mod-h570-pc{ height: 570px !important; }

 .mod-h580-pc{ height: 580px !important; }

 .mod-h590-pc{ height: 590px !important; }

 .mod-h600-pc{ height: 600px !important; }

 .mod-h610-pc{ height: 610px !important; }

 .mod-h620-pc{ height: 620px !important; }

 .mod-h630-pc{ height: 630px !important; }

 .mod-h640-pc{ height: 640px !important; }

 .mod-h650-pc{ height: 650px !important; }

 .mod-h660-pc{ height: 660px !important; }

 .mod-h670-pc{ height: 670px !important; }

 .mod-h680-pc{ height: 680px !important; }

 .mod-h690-pc{ height: 690px !important; }

 .mod-h700-pc{ height: 700px !important; }

 .mod-h710-pc{ height: 710px !important; }

 .mod-h720-pc{ height: 720px !important; }

 .mod-h730-pc{ height: 730px !important; }

 .mod-h740-pc{ height: 740px !important; }

 .mod-h750-pc{ height: 750px !important; }

 .mod-h760-pc{ height: 760px !important; }

 .mod-h770-pc{ height: 770px !important; }

 .mod-h780-pc{ height: 780px !important; }

 .mod-h790-pc{ height: 790px !important; }

 .mod-h800-pc{ height: 800px !important; }

 .mod-h810-pc{ height: 810px !important; }

 .mod-h820-pc{ height: 820px !important; }

 .mod-h830-pc{ height: 830px !important; }

 .mod-h840-pc{ height: 840px !important; }

 .mod-h850-pc{ height: 850px !important; }

 .mod-h860-pc{ height: 860px !important; }

 .mod-h870-pc{ height: 870px !important; }

 .mod-h880-pc{ height: 880px !important; }

 .mod-h890-pc{ height: 890px !important; }

 .mod-h900-pc{ height: 900px !important; }

 .mod-h910-pc{ height: 910px !important; }

 .mod-h920-pc{ height: 920px !important; }

 .mod-h930-pc{ height: 930px !important; }

 .mod-h940-pc{ height: 940px !important; }

 .mod-h950-pc{ height: 950px !important; }

 .mod-h960-pc{ height: 960px !important; }

 .mod-h970-pc{ height: 970px !important; }

 .mod-h980-pc{ height: 980px !important; }

 .mod-h990-pc{ height: 990px !important; }

 .mod-h1000-pc{ height: 1000px !important; }

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

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

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

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

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

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

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

 .mod-mt60-pc{ margin-top: 60px !important; }

 .mod-mt70-pc{ margin-top: 70px !important; }

 .mod-mt80-pc{ margin-top: 80px !important; }

 .mod-mt90-pc{ margin-top: 80px !important; }

 .mod-mt100-pc{ margin-top: 100px !important; }

 .mod-mt120-pc{ margin-top: 120px !important; }

 .mod-mt140-pc{ margin-top: 140px !important; }

 .mod-mt160-pc{ margin-top: 160px !important; }

 .mod-mt180-pc{ margin-top: 180px !important; }

 .mod-mt200-pc{ margin-top: 200px !important; }

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

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

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

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

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

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

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

 .mod-mb60-pc{ margin-bottom: 60px !important; }

 .mod-mb70-pc{ margin-bottom: 70px !important; }

 .mod-mb80-pc{ margin-bottom: 80px !important; }

 .mod-mb90-pc{ margin-bottom: 80px !important; }

 .mod-mb100-pc{ margin-bottom: 100px !important; }

 .mod-mb120-pc{ margin-bottom: 120px !important; }

 .mod-mb140-pc{ margin-bottom: 140px !important; }

 .mod-mb160-pc{ margin-bottom: 160px !important; }

 .mod-mb180-pc{ margin-bottom: 180px !important; }

 .mod-mb200-pc{ margin-bottom: 200px !important; }

 .mod-ml-auto-pc{ margin-left: auto !important; }

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

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

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

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

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

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

 .mod-ml60-pc{ margin-left: 60px !important; }

 .mod-ml80-pc{ margin-left: 80px !important; }

 .mod-ml100-pc{ margin-left: 100px !important; }

 .mod-mr-auto-pc{ margin-right: auto !important; }

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

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

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

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

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

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

 .mod-mr60-pc{ margin-right: 60px !important; }

 .mod-mr80-pc{ margin-right: 80px !important; }

 .mod-mr100-pc{ margin-right: 100px !important; }

 .mod-pd0-pc{ padding: 0px !important; }

 .mod-pd5-pc{ padding: 5px !important; }

 .mod-pd10-pc{ padding: 10px !important; }

 .mod-pd20-pc{ padding: 20px !important; }

 .mod-pd30-pc{ padding: 30px !important; }

 .mod-pd40-pc{ padding: 40px !important; }

 .mod-pd50-pc{ padding: 50px !important; }

 .mod-pdt0-pc{ padding-top: 0px !important; }

 .mod-pdt5-pc{ padding-top: 5px !important; }

 .mod-pdt10-pc{ padding-top: 10px !important; }

 .mod-pdt20-pc{ padding-top: 20px !important; }

 .mod-pdt30-pc{ padding-top: 30px !important; }

 .mod-pdt40-pc{ padding-top: 40px !important; }

 .mod-pdt50-pc{ padding-top: 50px !important; }

 .mod-pdb0-pc{ padding-bottom: 0px !important; }

 .mod-pdb5-pc{ padding-bottom: 5px !important; }

 .mod-pdb10-pc{ padding-bottom: 10px !important; }

 .mod-pdb20-pc{ padding-bottom: 20px !important; }

 .mod-pdb30-pc{ padding-bottom: 30px !important; }

 .mod-pdb40-pc{ padding-bottom: 40px !important; }

 .mod-pdb60-pc{ padding-bottom: 50px !important; }

 .mod-pdl0-pc{ padding-left: 0px !important; }

 .mod-pdl5-pc{ padding-left: 5px !important; }

 .mod-pdl10-pc{ padding-left: 10px !important; }

 .mod-pdl20-pc{ padding-left: 20px !important; }

 .mod-pdl30-pc{ padding-left: 30px !important; }

 .mod-pdl40-pc{ padding-left: 40px !important; }

 .mod-pdl50-pc{ padding-left: 50px !important; }

 .mod-pdr0-pc{ padding-right: 0px !important; }

 .mod-pdr5-pc{ padding-right: 5px !important; }

 .mod-pdr10-pc{ padding-right: 10px !important; }

 .mod-pdr20-pc{ padding-right: 20px !important; }

 .mod-pdr30-pc{ padding-right: 30px !important; }

 .mod-pdr40-pc{ padding-right: 40px !important; }

 .mod-pdr50-pc{ padding-right: 50px !important; }

 .mod-column12{ margin-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }

 .mod-column12.is-no-margin{ margin-bottom: 0; }

 .mod-column12 > * > *:first-child{ margin-top: 0; }

 .mod-column12 > * > *:last-child{ margin-bottom: 0; }

 .mod-column12 .mod-col, .mod-column12 .mod-col1{ -ms-flex: 8.33%; flex: 8.33%; max-width: 8.33%; }

 .mod-column12 .mod-col2{ -ms-flex: 16.66%; flex: 16.66%; max-width: 16.66%; }

 .mod-column12 .mod-col3{ -ms-flex: 25.00%; flex: 25.00%; max-width: 25.00%; }

 .mod-column12 .mod-col4{ -ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; }

 .mod-column12 .mod-col5{ -ms-flex: 41.66%; flex: 41.66%; max-width: 41.66%; }

 .mod-column12 .mod-col6{ -ms-flex: 50.00%; flex: 50.00%; max-width: 50.00%; }

 .mod-column12 .mod-col7{ -ms-flex: 58.33%; flex: 58.33%; max-width: 58.33%; }

 .mod-column12 .mod-col8{ -ms-flex: 66.66%; flex: 66.66%; max-width: 66.66%; }

 .mod-column12 .mod-col9{ -ms-flex: 75.00%; flex: 75.00%; max-width: 75.00%; }

 .mod-column12 .mod-col10{ -ms-flex: 83.33%; flex: 83.33%; max-width: 83.33%; }

 .mod-column12 .mod-col11{ -ms-flex: 91.66%; flex: 91.66%; max-width: 91.66%; }

 .mod-column12.is-gutter{ margin-left: -20px; }

 .mod-column12.is-gutter > *{ margin-left: 20px; }

 .mod-column12.is-gutter .mod-col, .mod-column12.is-gutter .mod-col1{ -ms-flex: calc(8.33% - 20px); flex: calc(8.33% - 20px); max-width: calc(8.33% - 20px); }

 .mod-column12.is-gutter .mod-col2{ -ms-flex: calc(16.66% - 20px); flex: calc(16.66% - 20px); max-width: calc(16.66% - 20px); }

 .mod-column12.is-gutter .mod-col3{ -ms-flex: calc(25.00% - 20px); flex: calc(25.00% - 20px); max-width: calc(25.00% - 20px); }

 .mod-column12.is-gutter .mod-col4{ -ms-flex: calc(33.33% - 20px); flex: calc(33.33% - 20px); max-width: calc(33.33% - 20px); }

 .mod-column12.is-gutter .mod-col5{ -ms-flex: calc(41.66% - 20px); flex: calc(41.66% - 20px); max-width: calc(41.66% - 20px); }

 .mod-column12.is-gutter .mod-col6{ -ms-flex: calc(50.00% - 20px); flex: calc(50.00% - 20px); max-width: calc(50.00% - 20px); }

 .mod-column12.is-gutter .mod-col7{ -ms-flex: calc(58.33% - 20px); flex: calc(58.33% - 20px); max-width: calc(58.33% - 20px); }

 .mod-column12.is-gutter .mod-col8{ -ms-flex: calc(66.66% - 20px); flex: calc(66.66% - 20px); max-width: calc(66.66% - 20px); }

 .mod-column12.is-gutter .mod-col9{ -ms-flex: calc(75.00% - 20px); flex: calc(75.00% - 20px); max-width: calc(75.00% - 20px); }

 .mod-column12.is-gutter .mod-col10{ -ms-flex: calc(83.33% - 20px); flex: calc(83.33% - 20px); max-width: calc(83.33% - 20px); }

 .mod-column12.is-gutter .mod-col11{ -ms-flex: calc(91.66% - 20px); flex: calc(91.66% - 20px); max-width: calc(91.66% - 20px); }

 .mod-column12.is-gutter-w{ margin-left: -40px; }

 .mod-column12.is-gutter-w > *{ margin-left: 40px; }

 .mod-column12.is-gutter-w .mod-col, .mod-column12.is-gutter-w .mod-col1{ -ms-flex: calc(8.33% - 40px); flex: calc(8.33% - 40px); max-width: calc(8.33% - 40px); }

 .mod-column12.is-gutter-w .mod-col2{ -ms-flex: calc(16.66% - 40px); flex: calc(16.66% - 40px); max-width: calc(16.66% - 40px); }

 .mod-column12.is-gutter-w .mod-col3{ -ms-flex: calc(25.00% - 40px); flex: calc(25.00% - 40px); max-width: calc(25.00% - 40px); }

 .mod-column12.is-gutter-w .mod-col4{ -ms-flex: calc(33.33% - 40px); flex: calc(33.33% - 40px); max-width: calc(33.33% - 40px); }

 .mod-column12.is-gutter-w .mod-col5{ -ms-flex: calc(41.66% - 40px); flex: calc(41.66% - 40px); max-width: calc(41.66% - 40px); }

 .mod-column12.is-gutter-w .mod-col6{ -ms-flex: calc(50.00% - 40px); flex: calc(50.00% - 40px); max-width: calc(50.00% - 40px); }

 .mod-column12.is-gutter-w .mod-col7{ -ms-flex: calc(58.33% - 40px); flex: calc(58.33% - 40px); max-width: calc(58.33% - 40px); }

 .mod-column12.is-gutter-w .mod-col8{ -ms-flex: calc(66.66% - 40px); flex: calc(66.66% - 40px); max-width: calc(66.66% - 40px); }

 .mod-column12.is-gutter-w .mod-col9{ -ms-flex: calc(75.00% - 40px); flex: calc(75.00% - 40px); max-width: calc(75.00% - 40px); }

 .mod-column12.is-gutter-w .mod-col10{ -ms-flex: calc(83.33% - 40px); flex: calc(83.33% - 40px); max-width: calc(83.33% - 40px); }

 .mod-column12.is-gutter-w .mod-col11{ -ms-flex: calc(91.66% - 40px); flex: calc(91.66% - 40px); max-width: calc(91.66% - 40px); }

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

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

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

 .mod-fs7-pc{ font-size: 8px !important; }

 .mod-fs8-pc{ font-size: 8px !important; }

 .mod-fs9-pc{ font-size: 09px !important; }

 .mod-fs10-pc{ font-size: 10px !important; }

 .mod-fs11-pc{ font-size: 11px !important; }

 .mod-fs12-pc{ font-size: 12px !important; }

 .mod-fs13-pc{ font-size: 13px !important; }

 .mod-fs14-pc{ font-size: 14px !important; }

 .mod-fs15-pc{ font-size: 15px !important; }

 .mod-fs16-pc{ font-size: 16px !important; }

 .mod-fs18-pc{ font-size: 18px !important; }

 .mod-fs19-pc{ font-size: 19px !important; }

 .mod-fs20-pc{ font-size: 20px !important; }

 .mod-fs22-pc{ font-size: 22px !important; }

 .mod-fs24-pc{ font-size: 24px !important; }

 .mod-fs26-pc{ font-size: 26px !important; }

 .mod-fs28-pc{ font-size: 28px !important; }

 .mod-fs30-pc{ font-size: 30px !important; }

 .mod-fs32-pc{ font-size: 32px !important; }

 .mod-fs34-pc{ font-size: 34px !important; }

 .mod-fs36-pc{ font-size: 36px !important; }

 .mod-fs38-pc{ font-size: 38px !important; }

 .mod-fs40-pc{ font-size: 40px !important; }

 .mod-fs42-pc{ font-size: 42px !important; }

 .mod-fs44-pc{ font-size: 44px !important; }

 .mod-fs46-pc{ font-size: 46px !important; }

 .mod-fs48-pc{ font-size: 48px !important; }

 .mod-fs50-pc{ font-size: 50px !important; }

 .mod-fs52-pc{ font-size: 52px !important; }

 .mod-fs54-pc{ font-size: 54px !important; }

 .mod-fs56-pc{ font-size: 56px !important; }

 .mod-fs58-pc{ font-size: 58px !important; }

 .mod-fs60-pc{ font-size: 60px !important; }

 .mod-fs70-pc{ font-size: 70px !important; }

 .mod-fs80-pc{ font-size: 80px !important; }

 .mod-fs90-pc{ font-size: 90px !important; }

 .mod-fs100-pc{ font-size: 100px !important; }

 .mod-fs110-pc{ font-size: 110px !important; }

 .mod-fs120-pc{ font-size: 120px !important; }

 .mod-grid-2, .mod-grid-3, .mod-grid-4, .mod-grid-5{ margin-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

 .mod-grid-2.is-no-margin, .mod-grid-3.is-no-margin, .mod-grid-4.is-no-margin, .mod-grid-5.is-no-margin{ margin-bottom: 0; }

 .mod-grid-2 > *{ width: 50%; }

 .mod-grid-3 > *{ width: 33.33%; }

 .mod-grid-4 > *{ width: 25%; }

 .mod-grid-2.is-gutter > *{ width: calc(50% - 10px); margin-left: 20px; }

 .mod-grid-2.is-gutter > *:nth-child(2n+1){ margin-left: 0; }

 .mod-grid-2.is-gutter > *:nth-child(n+3){ margin-top: 20px; }

 .mod-grid-3.is-gutter > *{ width: calc(33.33% - 13.33333px); margin-left: 20px; }

 .mod-grid-3.is-gutter > *:nth-child(3n+1){ margin-left: 0; }

 .mod-grid-3.is-gutter > *:nth-child(n+4){ margin-top: 20px; }

 .mod-grid-4.is-gutter > *{ width: calc(25% -  15px); margin-left: 20px; }

 .mod-grid-4.is-gutter > *:nth-child(4n+1){ margin-left: 0; }

 .mod-grid-4.is-gutter > *:nth-child(n+5){ margin-top: 20px; }

 .mod-form input[type="text"], .mod-form input[type="date"], .mod-form input[type="number"], .mod-form input[type="password"], .mod-form .mod-form-select{ height: 60px; }

 .mod-form input::-webkit-input-placeholder, .mod-form textarea::-webkit-input-placeholder{ color: #A5A9AD; font-size: 16px; }

 .mod-form input:-ms-input-placeholder, .mod-form textarea:-ms-input-placeholder{ color: #A5A9AD; font-size: 16px; }

 .mod-form input::-moz-placeholder, .mod-form textarea::-moz-placeholder{ color: #A5A9AD; font-size: 16px; }

 .mod-form-input-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; width: 640px; padding: 5px 0; }

 .mod-form-input-list li{ padding: 0 5px 10px 0; }

 table.mod-form-table{ font-size: 16px; }

 table.mod-form-table ._row ._col + ._col{ margin-left: 5px; }

 table.mod-form-table ._row ._col.is-lm10{ margin-left: 10px !important; }

 table.mod-form-table ._row ._col.is-lm20{ margin-left: 20px !important; }

 table.mod-form-table ._row ._col.is-w20p{ width: 20%; }

 table.mod-form-table ._row ._col.is-w80p{ width: 80%; }

 table.mod-form-table ._row ._col.is-w100p{ width: 100%; }

 table.mod-form-table ._row ._col.is-w30{ width: 30px; }

 table.mod-form-table ._row ._col.is-w50{ width: 50px; }

 table.mod-form-table ._row ._col.is-w60{ width: 60px; }

 table.mod-form-table ._row ._col.is-w80{ width: 80px; }

 table.mod-form-table ._row ._col.is-w90{ width: 90px; }

 table.mod-form-table ._row ._col.is-w100{ width: 100px; }

 table.mod-form-table ._row ._col.is-w150{ width: 150px; }

 table.mod-form-table ._row ._col.is-w200{ width: 200px; }

 table.mod-form-table ._row ._col.is-w280{ width: 280px; }

 table.mod-form-table ._row ._col.is-w300{ width: 300px; }

 table.mod-form-table ._row ._col.is-w-free{ -ms-flex: 1; flex: 1; }

 table.mod-form-table ._btn-post{ padding: 10px 20px; }

 .mod-form-policy{ margin-top: 20px; padding: 0 15px; text-align: center; }

 .mod-form-policy .mod-form-input-list{ width: 350px; margin: 0 auto; }

 .mod-form-policy .mod-form-input-list label{ font-size: 16px; font-weight: bold; }

 .mod-form-policy ._btns{ margin-top: 20px; text-align: center; }

 .mod-form-policy a{ text-decoration: underline; color: #333; }

 .mod-form-btns{ position: absolute; left: 0px; right: 0px; bottom: -45px; text-align: center; }

 .mod-form-btns ._btn-send{ width: 480px; height: 90px; border-radius: 45px; background: #2b7dc2; border: 3px solid #000; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50px; font-size: 28px; font-weight: bold; letter-spacing: 0.1em; position: relative; }

 .mod-form-btns ._btn-send span{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

 .mod-form-btns ._btn-send span:after{ content: ""; display: block; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 17.6px; height: 16px; margin-left: 10px; }
 /* ----------------------------------------------------------
.mod-btn.is-normal
---------------------------------------------------------- */

 .mod-btn{ cursor: pointer; }

 .mod-btn.is-back{ border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; padding: 10px 20px; color: #fff; }

 .mod-btn.is-normal{ width: 480px; height: 90px; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; transition-duration: 0.2s; }

 .mod-btn.is-normal:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-normal:before{ content: ""; display: block; position: absolute; border-radius: 50px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn.is-normal:hover:after{ background: linear-gradient(to right, #fa709a 0%, #fee140 100%); }

 .mod-btn.is-normal:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn.is-normal:hover span:after{ -ms-transform: translate(2px, 0); transform: translate(2px, 0); }

 .mod-btn.is-normal:hover.is-dl span:after{ -ms-transform: translate(0, 2px); transform: translate(0, 2px); }

 .mod-btn.is-normal span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 20px; letter-spacing: 0.1em; padding-bottom: 4px; color: #fff; vertical-align: middle; }

 .mod-btn.is-normal span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 19px; height: 17px; transition-duration: 0.2s; }

 .mod-btn.is-dl span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 25px; height: 23px; }
	
	
	 /* ----------------------------------------------------------
.mod-btn.is-normal
---------------------------------------------------------- */

 .mod-btn001{ cursor: pointer;margin-left: -8px;  }

 .mod-btn001.is-back{ border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; padding: 5px; color: #fff;}

 .mod-btn001.is-normal{ width: 140px; height: 40px; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; transition-duration: 0.2s; }

 .mod-btn001.is-normal:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn001.is-normal:before{ content: ""; display: block; position: absolute; border-radius: 50px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn001.is-normal:hover:after{ background: #348ad2; }

 .mod-btn001.is-normal:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn001.is-normal:hover span:after{ -ms-transform: translate(2px, 0); transform: translate(2px, 0); }

 .mod-btn001.is-normal:hover.is-dl span:after{ -ms-transform: translate(0, 2px); transform: translate(0, 2px); }

 .mod-btn001.is-normal span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 10px; letter-spacing: 0.1em; padding-bottom: 1px; color: #fff; vertical-align: middle; }

 .mod-btn001.is-normal span:after{ content: ""; display: inline-block; margin-left: 4px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 10px; height: 9px; transition-duration: 0.2s; }

 .mod-btn001.is-dl span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 10px; height: 9px; }
 /* ----------------------------------------------------------
.mod-btn.is-send
---------------------------------------------------------- */

 .mod-btn.is-send{ width: 480px; height: 90px; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; transition-duration: 0.2s; }

 .mod-btn.is-send:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-send:before{ content: ""; display: block; position: absolute; border-radius: 50px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn.is-send:hover:after{ background: #348ad2; }

 .mod-btn.is-send:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn.is-send:hover span:after{ -ms-transform: translate(2px, 0); transform: translate(2px, 0); }

 .mod-btn.is-send:hover.is-head-dl span:after{ -ms-transform: translate(0, 2px); transform: translate(0, 2px); }

 .mod-btn.is-send span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 28px; letter-spacing: 0.1em; padding-bottom: 4px; color: #fff; vertical-align: middle; }

 .mod-btn.is-send span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 19px; height: 17px; transition-duration: 0.2s; }
 /* ----------------------------------------------------------
.mod-btn.is-head
---------------------------------------------------------- */

 .mod-btn.is-head{ width: 220px; height: 45px; display: block; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; transition-duration: 0.2s; }

 .mod-btn.is-head:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 10vw; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-head:before{ content: ""; display: block; position: absolute; border-radius: 20px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(3px, 3px); transform: translate(3px, 3px); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn.is-head:hover:after{ background: #348ad2; }

 .mod-btn.is-head:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn.is-head:hover span:after{ -ms-transform: translate(2px, 0); transform: translate(2px, 0); }

 .mod-btn.is-head:hover.is-head-dl span:after{ -ms-transform: translate(0, 2px); transform: translate(0, 2px); }

 .mod-btn.is-head span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 14px; letter-spacing: 0.1em; padding-bottom: 4px; color: #fff; vertical-align: middle; }

 .mod-btn.is-head span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 11px; height: 10px; transition-duration: 0.2s; }

 .mod-btn.is-head-dl span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 16px; height: 15px; }
 /* ----------------------------------------------------------
.mod-btn.is-mv
---------------------------------------------------------- */

 .mod-btn.is-mv.is-movie{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; text-align: center; background-image: url(../images/mod-btn/bg_btn.png); background-size: cover; color: #fff; transition-duration: 0.2s; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 0.97222vw; letter-spacing: 0.1em; line-height: 21px; color: #fff; }

 .mod-btn.is-mv.is-movie:hover{ opacity: 0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; }

 .mod-btn.is-mv.is-movie:hover:after{ -ms-transform: translate(0.34722vw, 0); transform: translate(0.34722vw, 0); }

 .mod-btn.is-mv.is-movie:after{ content: ""; display: inline-block; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 0.76389vw; height: 0.69444vw; margin-left: 0.34722vw; transition-duration: 0.2s; }

 .mod-btn.is-mv.is-dl{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; box-sizing: border-box; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; transition-duration: 0.2s; }

 .mod-btn.is-mv.is-dl:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 10vw; background: #2b7dc2; transition-duration: 0.2s; border: 0.20833vw solid #000; }

 .mod-btn.is-mv.is-dl:before{ content: ""; display: block; position: absolute; border-radius: 10vw; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(0.34722vw, 0.34722vw); transform: translate(0.34722vw, 0.34722vw); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn.is-mv.is-dl:hover:after{ background: #348ad2; }

 .mod-btn.is-mv.is-dl:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn.is-mv.is-dl:hover span:after{ -ms-transform: translate(0, 0.20833vw); transform: translate(0, 0.20833vw); }

 .mod-btn.is-mv.is-dl span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 1.38889vw; letter-spacing: 0.1em; color: #fff; vertical-align: middle; }

 .mod-btn.is-mv.is-dl span:after{ content: ""; transition-duration: 0.2s; display: inline-block; vertical-align: middle; margin-left: 0.69444vw; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 1.73611vw; height: 1.52778vw; -ms-transform: translate(0, -0.13889vw); transform: translate(0, -0.13889vw); }
 /* ----------------------------------------------------------
.mod-btn.is-toggle
---------------------------------------------------------- */

 .js-btn:hover .mod-btn:after{ -ms-transform: rotate(180deg) translate(0, -8px); transform: rotate(180deg) translate(0, -8px); }

 .mod-btn.is-toggle{ font-size: 16px; color: #2b7dc2; font-weight: bold; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding: 5px 0; }

 .mod-btn.is-toggle span{ display: inline-block; position: relative; }

 .mod-btn.is-toggle span:nth-child(2){ display: none; }

 .mod-btn.is-toggle span:after{ content: ""; display: block; position: absolute; bottom: -2px; left: 0px; right: 0; height: 2px; background: #2b7dc2; }

 .mod-btn.is-toggle:after{ content: ""; display: block; margin-left: 5px; background: url(../images/mod-btn/icon_toggle.svg) left top no-repeat; background-size: contain; width: 16px; height: 17px; -ms-transform: rotate(180deg) translate(0, -3px); transform: rotate(180deg) translate(0, -3px); transition-duration: 0.2s; }

 .js-open .mod-btn.is-toggle{ padding: 5px 0; }

 .js-open .mod-btn.is-toggle span{ display: inline-block; position: relative; }

 .js-open .mod-btn.is-toggle span:nth-child(1){ display: none; }

 .js-open .mod-btn.is-toggle span:nth-child(2){ display: block; }

 .js-open .mod-btn.is-toggle:after{ content: ""; -ms-transform: rotate(0) translate(0, 5px); transform: rotate(0) translate(0, 5px); }

 .js-open .js-btn:hover .mod-btn.is-toggle{ padding: 5px 0; }

 .js-open .js-btn:hover .mod-btn.is-toggle:after{ -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); } }

@media screen and (max-width: 767px){
	
	
.mod-btn001{ cursor: pointer;}

 .mod-btn001.is-back{ border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; padding: 5px; color: #fff;}

 .mod-btn001.is-normal{ width: 140px; height: 40px; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; transition-duration: 0.2s;}

 .mod-btn001.is-normal:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn001.is-normal:before{ content: ""; display: block; position: absolute; border-radius: 50px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(5px, 5px); transform: translate(5px, 5px); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn001.is-normal:hover:after{ background: #348ad2; }

 .mod-btn001.is-normal:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn001.is-normal:hover span:after{ -ms-transform: translate(2px, 0); transform: translate(2px, 0); }

 .mod-btn001.is-normal:hover.is-dl span:after{ -ms-transform: translate(0, 2px); transform: translate(0, 2px); }

 .mod-btn001.is-normal span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 10px; letter-spacing: 0.1em; padding-bottom: 1px; color: #fff; vertical-align: middle; }

 .mod-btn001.is-normal span:after{ content: ""; display: inline-block; margin-left: 4px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 10px; height: 9px; transition-duration: 0.2s; }

 .mod-btn001.is-dl span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 10px; height: 9px; }

 .mod-pc{ display: none !important; }

 .mod-sp{ display: block !important; }

 .mod-visible-sp{ visibility: visible; }

 .mod-hidden-sp{ visibility: hidden; }

 .mod-block-sp{ display: block; }

 .mod-inline-sp{ display: inline-block !important; }

 .mod-flex-sp{ display: -ms-flexbox; display: flex; }

 .mod-inline-flex-sp{ display: -ms-inline-flexbox; display: inline-flex; }

 .mod-flex-ju-space-sp{ -ms-flex-pack: justify; justify-content: space-between; }

 .mod-flex-ju-center-sp{ -ms-flex-pack: center; justify-content: center; }

 .mod-flex-flex-wrap-sp{ -ms-flex-wrap: wrap; flex-wrap: wrap; }

 .mod-flex-align-items-sp{ -ms-flex-align: center; align-items: center; }

 .mod-flex-dir-row-sp{ -ms-flex-direction: row; flex-direction: row; }

 .mod-flex-dir-row-rev-sp{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

 .mod-flex-dir-col-sp{ -ms-flex-direction: column; flex-direction: column; }

 .mod-flex-dir-col-rev-sp{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

 .mod-float-left-sp{ float: left; }

 .mod-float-right-sp{ float: right; }

 .mod-w10-sp{ width: 10px !important; }

 .mod-w20-sp{ width: 20px !important; }

 .mod-w30-sp{ width: 30px !important; }

 .mod-w40-sp{ width: 40px !important; }

 .mod-w50-sp{ width: 50px !important; }

 .mod-w60-sp{ width: 60px !important; }

 .mod-w70-sp{ width: 70px !important; }

 .mod-w80-sp{ width: 80px !important; }

 .mod-w90-sp{ width: 90px !important; }

 .mod-w100-sp{ width: 100px !important; }

 .mod-w110-sp{ width: 110px !important; }

 .mod-w120-sp{ width: 120px !important; }

 .mod-w130-sp{ width: 130px !important; }

 .mod-w140-sp{ width: 140px !important; }

 .mod-w150-sp{ width: 150px !important; }

 .mod-w160-sp{ width: 160px !important; }

 .mod-w170-sp{ width: 170px !important; }

 .mod-w180-sp{ width: 180px !important; }

 .mod-w190-sp{ width: 190px !important; }

 .mod-w200-sp{ width: 200px !important; }

 .mod-w210-sp{ width: 210px !important; }

 .mod-w220-sp{ width: 220px !important; }

 .mod-w230-sp{ width: 230px !important; }

 .mod-w240-sp{ width: 240px !important; }

 .mod-w250-sp{ width: 250px !important; }

 .mod-w260-sp{ width: 260px !important; }

 .mod-w270-sp{ width: 270px !important; }

 .mod-w280-sp{ width: 280px !important; }

 .mod-w290-sp{ width: 290px !important; }

 .mod-w300-sp{ width: 300px !important; }

 .mod-w310-sp{ width: 310px !important; }

 .mod-w320-sp{ width: 320px !important; }

 .mod-w330-sp{ width: 330px !important; }

 .mod-w340-sp{ width: 340px !important; }

 .mod-w350-sp{ width: 350px !important; }

 .mod-w360-sp{ width: 360px !important; }

 .mod-w370-sp{ width: 370px !important; }

 .mod-w380-sp{ width: 380px !important; }

 .mod-w390-sp{ width: 390px !important; }

 .mod-w400-sp{ width: 400px !important; }

 .mod-w410-sp{ width: 410px !important; }

 .mod-w420-sp{ width: 420px !important; }

 .mod-w430-sp{ width: 430px !important; }

 .mod-w440-sp{ width: 440px !important; }

 .mod-w450-sp{ width: 450px !important; }

 .mod-w460-sp{ width: 460px !important; }

 .mod-w470-sp{ width: 470px !important; }

 .mod-w480-sp{ width: 480px !important; }

 .mod-w490-sp{ width: 490px !important; }

 .mod-w500-sp{ width: 500px !important; }

 .mod-w510-sp{ width: 510px !important; }

 .mod-w520-sp{ width: 520px !important; }

 .mod-w530-sp{ width: 530px !important; }

 .mod-w540-sp{ width: 540px !important; }

 .mod-w550-sp{ width: 550px !important; }

 .mod-w560-sp{ width: 560px !important; }

 .mod-w570-sp{ width: 570px !important; }

 .mod-w580-sp{ width: 580px !important; }

 .mod-w590-sp{ width: 590px !important; }

 .mod-w600-sp{ width: 600px !important; }

 .mod-w610-sp{ width: 610px !important; }

 .mod-w620-sp{ width: 620px !important; }

 .mod-w630-sp{ width: 630px !important; }

 .mod-w640-sp{ width: 640px !important; }

 .mod-w650-sp{ width: 650px !important; }

 .mod-w660-sp{ width: 660px !important; }

 .mod-w670-sp{ width: 670px !important; }

 .mod-w680-sp{ width: 680px !important; }

 .mod-w690-sp{ width: 690px !important; }

 .mod-w700-sp{ width: 700px !important; }

 .mod-w710-sp{ width: 710px !important; }

 .mod-w720-sp{ width: 720px !important; }

 .mod-w730-sp{ width: 730px !important; }

 .mod-w740-sp{ width: 740px !important; }

 .mod-w750-sp{ width: 750px !important; }

 .mod-w760-sp{ width: 760px !important; }

 .mod-w770-sp{ width: 770px !important; }

 .mod-w780-sp{ width: 780px !important; }

 .mod-w790-sp{ width: 790px !important; }

 .mod-w800-sp{ width: 800px !important; }

 .mod-w810-sp{ width: 810px !important; }

 .mod-w820-sp{ width: 820px !important; }

 .mod-w830-sp{ width: 830px !important; }

 .mod-w840-sp{ width: 840px !important; }

 .mod-w850-sp{ width: 850px !important; }

 .mod-w860-sp{ width: 860px !important; }

 .mod-w870-sp{ width: 870px !important; }

 .mod-w880-sp{ width: 880px !important; }

 .mod-w890-sp{ width: 890px !important; }

 .mod-w900-sp{ width: 900px !important; }

 .mod-w910-sp{ width: 910px !important; }

 .mod-w920-sp{ width: 920px !important; }

 .mod-w930-sp{ width: 930px !important; }

 .mod-w940-sp{ width: 940px !important; }

 .mod-w950-sp{ width: 950px !important; }

 .mod-w960-sp{ width: 960px !important; }

 .mod-w970-sp{ width: 970px !important; }

 .mod-w980-sp{ width: 980px !important; }

 .mod-w990-sp{ width: 990px !important; }

 .mod-w1000-sp{ width: 1000px !important; }

 .mod-h10-sp{ height: 10px !important; }

 .mod-h20-sp{ height: 20px !important; }

 .mod-h30-sp{ height: 30px !important; }

 .mod-h40-sp{ height: 40px !important; }

 .mod-h50-sp{ height: 50px !important; }

 .mod-h60-sp{ height: 60px !important; }

 .mod-h70-sp{ height: 70px !important; }

 .mod-h80-sp{ height: 80px !important; }

 .mod-h90-sp{ height: 90px !important; }

 .mod-h100-sp{ height: 100px !important; }

 .mod-h110-sp{ height: 110px !important; }

 .mod-h120-sp{ height: 120px !important; }

 .mod-h130-sp{ height: 130px !important; }

 .mod-h140-sp{ height: 140px !important; }

 .mod-h150-sp{ height: 150px !important; }

 .mod-h160-sp{ height: 160px !important; }

 .mod-h170-sp{ height: 170px !important; }

 .mod-h180-sp{ height: 180px !important; }

 .mod-h190-sp{ height: 190px !important; }

 .mod-h200-sp{ height: 200px !important; }

 .mod-h210-sp{ height: 210px !important; }

 .mod-h220-sp{ height: 220px !important; }

 .mod-h230-sp{ height: 230px !important; }

 .mod-h240-sp{ height: 240px !important; }

 .mod-h250-sp{ height: 250px !important; }

 .mod-h260-sp{ height: 260px !important; }

 .mod-h270-sp{ height: 270px !important; }

 .mod-h280-sp{ height: 280px !important; }

 .mod-h290-sp{ height: 290px !important; }

 .mod-h300-sp{ height: 300px !important; }

 .mod-h310-sp{ height: 310px !important; }

 .mod-h320-sp{ height: 320px !important; }

 .mod-h330-sp{ height: 330px !important; }

 .mod-h340-sp{ height: 340px !important; }

 .mod-h350-sp{ height: 350px !important; }

 .mod-h360-sp{ height: 360px !important; }

 .mod-h370-sp{ height: 370px !important; }

 .mod-h380-sp{ height: 380px !important; }

 .mod-h390-sp{ height: 390px !important; }

 .mod-h400-sp{ height: 400px !important; }

 .mod-h410-sp{ height: 410px !important; }

 .mod-h420-sp{ height: 420px !important; }

 .mod-h430-sp{ height: 430px !important; }

 .mod-h440-sp{ height: 440px !important; }

 .mod-h450-sp{ height: 450px !important; }

 .mod-h460-sp{ height: 460px !important; }

 .mod-h470-sp{ height: 470px !important; }

 .mod-h480-sp{ height: 480px !important; }

 .mod-h490-sp{ height: 490px !important; }

 .mod-h500-sp{ height: 500px !important; }

 .mod-h510-sp{ height: 510px !important; }

 .mod-h520-sp{ height: 520px !important; }

 .mod-h530-sp{ height: 530px !important; }

 .mod-h540-sp{ height: 540px !important; }

 .mod-h550-sp{ height: 550px !important; }

 .mod-h560-sp{ height: 560px !important; }

 .mod-h570-sp{ height: 570px !important; }

 .mod-h580-sp{ height: 580px !important; }

 .mod-h590-sp{ height: 590px !important; }

 .mod-h600-sp{ height: 600px !important; }

 .mod-h610-sp{ height: 610px !important; }

 .mod-h620-sp{ height: 620px !important; }

 .mod-h630-sp{ height: 630px !important; }

 .mod-h640-sp{ height: 640px !important; }

 .mod-h650-sp{ height: 650px !important; }

 .mod-h660-sp{ height: 660px !important; }

 .mod-h670-sp{ height: 670px !important; }

 .mod-h680-sp{ height: 680px !important; }

 .mod-h690-sp{ height: 690px !important; }

 .mod-h700-sp{ height: 700px !important; }

 .mod-h710-sp{ height: 710px !important; }

 .mod-h720-sp{ height: 720px !important; }

 .mod-h730-sp{ height: 730px !important; }

 .mod-h740-sp{ height: 740px !important; }

 .mod-h750-sp{ height: 750px !important; }

 .mod-h760-sp{ height: 760px !important; }

 .mod-h770-sp{ height: 770px !important; }

 .mod-h780-sp{ height: 780px !important; }

 .mod-h790-sp{ height: 790px !important; }

 .mod-h800-sp{ height: 800px !important; }

 .mod-h810-sp{ height: 810px !important; }

 .mod-h820-sp{ height: 820px !important; }

 .mod-h830-sp{ height: 830px !important; }

 .mod-h840-sp{ height: 840px !important; }

 .mod-h850-sp{ height: 850px !important; }

 .mod-h860-sp{ height: 860px !important; }

 .mod-h870-sp{ height: 870px !important; }

 .mod-h880-sp{ height: 880px !important; }

 .mod-h890-sp{ height: 890px !important; }

 .mod-h900-sp{ height: 900px !important; }

 .mod-h910-sp{ height: 910px !important; }

 .mod-h920-sp{ height: 920px !important; }

 .mod-h930-sp{ height: 930px !important; }

 .mod-h940-sp{ height: 940px !important; }

 .mod-h950-sp{ height: 950px !important; }

 .mod-h960-sp{ height: 960px !important; }

 .mod-h970-sp{ height: 970px !important; }

 .mod-h980-sp{ height: 980px !important; }

 .mod-h990-sp{ height: 990px !important; }

 .mod-h1000-sp{ height: 1000px !important; }

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

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

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

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

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

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

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

 .mod-mt60-sp{ margin-top: 60px !important; }

 .mod-mt70-sp{ margin-top: 70px !important; }

 .mod-mt80-sp{ margin-top: 80px !important; }

 .mod-mt90-sp{ margin-top: 80px !important; }

 .mod-mt100-sp{ margin-top: 100px !important; }

 .mod-mt120-sp{ margin-top: 120px !important; }

 .mod-mt140-sp{ margin-top: 140px !important; }

 .mod-mt160-sp{ margin-top: 160px !important; }

 .mod-mt180-sp{ margin-top: 180px !important; }

 .mod-mt200-sp{ margin-top: 200px !important; }

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

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

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

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

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

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

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

 .mod-mb60-sp{ margin-bottom: 60px !important; }

 .mod-mb70-sp{ margin-bottom: 70px !important; }

 .mod-mb80-sp{ margin-bottom: 80px !important; }

 .mod-mb90-sp{ margin-bottom: 80px !important; }

 .mod-mb100-sp{ margin-bottom: 100px !important; }

 .mod-mb120-sp{ margin-bottom: 120px !important; }

 .mod-mb140-sp{ margin-bottom: 140px !important; }

 .mod-mb160-sp{ margin-bottom: 160px !important; }

 .mod-mb180-sp{ margin-bottom: 180px !important; }

 .mod-mb200-sp{ margin-bottom: 200px !important; }

 .mod-ml-auto-sp{ margin-left: auto !important; }

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

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

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

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

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

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

 .mod-ml60-sp{ margin-left: 60px !important; }

 .mod-ml80-sp{ margin-left: 80px !important; }

 .mod-ml100-sp{ margin-left: 100px !important; }

 .mod-mr-auto-sp{ margin-right: auto !important; }

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

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

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

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

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

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

 .mod-mr60-sp{ margin-right: 60px !important; }

 .mod-mr80-sp{ margin-right: 80px !important; }

 .mod-mr100-sp{ margin-right: 100px !important; }

 .mod-pd0-sp{ padding: 0px !important; }

 .mod-pd5-sp{ padding: 5px !important; }

 .mod-pd10-sp{ padding: 10px !important; }

 .mod-pd20-sp{ padding: 20px !important; }

 .mod-pd30-sp{ padding: 30px !important; }

 .mod-pd40-sp{ padding: 40px !important; }

 .mod-pd50-sp{ padding: 50px !important; }

 .mod-pdt0-sp{ padding-top: 0px !important; }

 .mod-pdt5-sp{ padding-top: 5px !important; }

 .mod-pdt10-sp{ padding-top: 10px !important; }

 .mod-pdt20-sp{ padding-top: 20px !important; }

 .mod-pdt30-sp{ padding-top: 30px !important; }

 .mod-pdt40-sp{ padding-top: 40px !important; }

 .mod-pdt50-sp{ padding-top: 50px !important; }

 .mod-pdb0-sp{ padding-bottom: 0px !important; }

 .mod-pdb5-sp{ padding-bottom: 5px !important; }

 .mod-pdb10-sp{ padding-bottom: 10px !important; }

 .mod-pdb20-sp{ padding-bottom: 20px !important; }

 .mod-pdb30-sp{ padding-bottom: 30px !important; }

 .mod-pdb40-sp{ padding-bottom: 40px !important; }

 .mod-pdb60-sp{ padding-bottom: 50px !important; }

 .mod-pdl0-sp{ padding-left: 0px !important; }

 .mod-pdl5-sp{ padding-left: 5px !important; }

 .mod-pdl10-sp{ padding-left: 10px !important; }

 .mod-pdl20-sp{ padding-left: 20px !important; }

 .mod-pdl30-sp{ padding-left: 30px !important; }

 .mod-pdl40-sp{ padding-left: 40px !important; }

 .mod-pdl50-sp{ padding-left: 50px !important; }

 .mod-pdr0-sp{ padding-right: 0px !important; }

 .mod-pdr5-sp{ padding-right: 5px !important; }

 .mod-pdr10-sp{ padding-right: 10px !important; }

 .mod-pdr20-sp{ padding-right: 20px !important; }

 .mod-pdr30-sp{ padding-right: 30px !important; }

 .mod-pdr40-sp{ padding-right: 40px !important; }

 .mod-pdr50-sp{ padding-right: 50px !important; }

 .mod-column{ margin: 10px 0; -ms-flex-direction: column; flex-direction: column; }

 .mod-column > * + *{ margin-top: 10px; }

 .mod-column-sp{ display: -ms-flexbox; display: flex; }

 .mod-column-sp.is-equal > *{ -ms-flex: 1; flex: 1; }

 .mod-column-sp.is-ju-center{ -ms-flex-pack: center; justify-content: center; }

 .mod-column-sp.is-ju-between{ -ms-flex-pack: justify; justify-content: space-between; }

 .mod-column-sp.is-ju-around{ -ms-flex-pack: distribute; justify-content: space-around; }

 .mod-column-sp.is-al-center{ -ms-flex-align: center; align-items: center; }

 .mod-column-sp.is-center{ -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

 .mod-column12 > * + *{ margin-top: 10px; }

 .mod-column12-sp{ margin-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }

 .mod-column12-sp.is-no-margin{ margin-bottom: 0; }

 .mod-column12-sp > * > *:first-child{ margin-top: 0; }

 .mod-column12-sp > * > *:last-child{ margin-bottom: 0; }

 .mod-column12-sp .mod-col-sp, .mod-column12-sp .mod-col1-sp{ -ms-flex: 8.33%; flex: 8.33%; }

 .mod-column12-sp .mod-col2-sp{ -ms-flex: 16.66%; flex: 16.66%; }

 .mod-column12-sp .mod-col3-sp{ -ms-flex: 25.00%; flex: 25.00%; }

 .mod-column12-sp .mod-col4-sp{ -ms-flex: 33.33%; flex: 33.33%; }

 .mod-column12-sp .mod-col5-sp{ -ms-flex: 41.66%; flex: 41.66%; }

 .mod-column12-sp .mod-col6-sp{ -ms-flex: 50.00%; flex: 50.00%; }

 .mod-column12-sp .mod-col7-sp{ -ms-flex: 58.33%; flex: 58.33%; }

 .mod-column12-sp .mod-col8-sp{ -ms-flex: 66.66%; flex: 66.66%; }

 .mod-column12-sp .mod-col9-sp{ -ms-flex: 75.00%; flex: 75.00%; }

 .mod-column12-sp .mod-col10-sp{ -ms-flex: 83.33%; flex: 83.33%; }

 .mod-column12-sp .mod-col11-sp{ -ms-flex: 91.66%; flex: 91.66%; }

 .mod-column12-sp > *{ margin-top: 0; }

 .mod-column12-sp.is-gutter{ margin-left: -10px; }

 .mod-column12-sp.is-gutter > *{ margin-left: 10px; }

 .mod-column12-sp.is-gutter .mod-col-sp, .mod-column12-sp.is-gutter .mod-col1-sp{ -ms-flex: calc(8.33% - 10px); flex: calc(8.33% - 10px); }

 .mod-column12-sp.is-gutter .mod-col2-sp{ -ms-flex: calc(16.66% - 10px); flex: calc(16.66% - 10px); }

 .mod-column12-sp.is-gutter .mod-col3-sp{ -ms-flex: calc(25.00% - 10px); flex: calc(25.00% - 10px); }

 .mod-column12-sp.is-gutter .mod-col4-sp{ -ms-flex: calc(33.33% - 10px); flex: calc(33.33% - 10px); }

 .mod-column12-sp.is-gutter .mod-col5-sp{ -ms-flex: calc(41.66% - 10px); flex: calc(41.66% - 10px); }

 .mod-column12-sp.is-gutter .mod-col6-sp{ -ms-flex: calc(50.00% - 10px); flex: calc(50.00% - 10px); }

 .mod-column12-sp.is-gutter .mod-col7-sp{ -ms-flex: calc(58.33% - 10px); flex: calc(58.33% - 10px); }

 .mod-column12-sp.is-gutter .mod-col8-sp{ -ms-flex: calc(66.66% - 10px); flex: calc(66.66% - 10px); }

 .mod-column12-sp.is-gutter .mod-col9-sp{ -ms-flex: calc(75.00% - 10px); flex: calc(75.00% - 10px); }

 .mod-column12-sp.is-gutter .mod-col10-sp{ -ms-flex: calc(83.33% - 10px); flex: calc(83.33% - 10px); }

 .mod-column12-sp.is-gutter .mod-col11-sp{ -ms-flex: calc(91.66% - 10px); flex: calc(91.66% - 10px); }

 .mod-column12-sp.is-gutter > *{ margin-top: 10px; }

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

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

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

 .mod-fs7-sp{ font-size: 8px !important; }

 .mod-fs8-sp{ font-size: 8px !important; }

 .mod-fs9-sp{ font-size: 09px !important; }

 .mod-fs10-sp{ font-size: 10px !important; }

 .mod-fs11-sp{ font-size: 11px !important; }

 .mod-fs12-sp{ font-size: 12px !important; }

 .mod-fs13-sp{ font-size: 13px !important; }

 .mod-fs14-sp{ font-size: 14px !important; }

 .mod-fs15-sp{ font-size: 15px !important; }

 .mod-fs16-sp{ font-size: 16px !important; }

 .mod-fs18-sp{ font-size: 18px !important; }

 .mod-fs19-sp{ font-size: 19px !important; }

 .mod-fs20-sp{ font-size: 20px !important; }

 .mod-fs22-sp{ font-size: 22px !important; }

 .mod-fs24-sp{ font-size: 24px !important; }

 .mod-fs26-sp{ font-size: 26px !important; }

 .mod-fs28-sp{ font-size: 28px !important; }

 .mod-fs30-sp{ font-size: 30px !important; }

 .mod-fs32-sp{ font-size: 32px !important; }

 .mod-fs34-sp{ font-size: 34px !important; }

 .mod-fs36-sp{ font-size: 36px !important; }

 .mod-fs38-sp{ font-size: 38px !important; }

 .mod-fs40-sp{ font-size: 40px !important; }

 .mod-fs42-sp{ font-size: 42px !important; }

 .mod-fs44-sp{ font-size: 44px !important; }

 .mod-fs46-sp{ font-size: 46px !important; }

 .mod-fs48-sp{ font-size: 48px !important; }

 .mod-fs50-sp{ font-size: 50px !important; }

 .mod-fs52-sp{ font-size: 52px !important; }

 .mod-fs54-sp{ font-size: 54px !important; }

 .mod-fs56-sp{ font-size: 56px !important; }

 .mod-fs58-sp{ font-size: 58px !important; }

 .mod-fs60-sp{ font-size: 60px !important; }

 .mod-fs70-sp{ font-size: 70px !important; }

 .mod-fs80-sp{ font-size: 80px !important; }

 .mod-fs90-sp{ font-size: 90px !important; }

 .mod-fs100-sp{ font-size: 100px !important; }

 .mod-fs110-sp{ font-size: 110px !important; }

 .mod-fs120-sp{ font-size: 120px !important; }

 .mod-text-SS{ font-size: 0.86; }

 .mod-text-S{ font-size: 0.95; }

 .mod-text-L{ font-size: 1.05; }

 .mod-text-LL{ font-size: 1.2; }

 .mod-grid-2 > *:nth-child(n + 2), .mod-grid-3 > *:nth-child(n + 2), .mod-grid-4 > *:nth-child(n + 2), .mod-grid-5 > *:nth-child(n + 2){ margin-top: 20px; }

 .mod-grid-2, .mod-grid-3, .mod-grid-4, .mod-grid-5{ margin-bottom: 15px; }

 .mod-grid-2.is-no-margin, .mod-grid-3.is-no-margin, .mod-grid-4.is-no-margin, .mod-grid-5.is-no-margin{ margin-bottom: 0; }

 .mod-grid-2-sp > *{ width: 50%; }

 .mod-grid-3-sp > *{ width: 33.33%; }

 .mod-grid-4-sp > *{ width: 25%; }

 .mod-grid-2-sp, .mod-grid-3-sp{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

 .mod-grid-2-sp.is-gutter > *{ width: calc(50% - 5px); margin-left: 10px; }

 .mod-grid-2-sp.is-gutter > *:nth-child(2n+1){ margin-left: 0; }

 .mod-grid-2-sp.is-gutter > *:nth-child(n+2){ margin-top: auto; }

 .mod-grid-2-sp.is-gutter > *:nth-child(n+3){ margin-top: 10px; }

 .is-gutter .mod-grid-3-sp.is-gutter > *{ width: calc(33.33% - 6.66667px); margin-left: 10px; }

 .is-gutter .mod-grid-3-sp.is-gutter > *:nth-child(3n+1){ margin-left: 0; }

 .is-gutter .mod-grid-3-sp.is-gutter > *:nth-child(n+2){ margin-top: auto; }

 .is-gutter .mod-grid-3-sp.is-gutter > *:nth-child(n+4){ margin-top: 20px; }

 .mod-anim.is-delay-00-sp{ transition-delay: 0s; }

 .mod-anim.is-delay-02-sp{ transition-delay: 0.2s; }

 .mod-anim.is-delay-04-sp{ transition-delay: 0.4s; }

 .mod-anim.is-delay-06-sp{ transition-delay: 0.6s; }

 .mod-anim.is-delay-08-sp{ transition-delay: 0.8s; }

 .mod-form input[type="text"], .mod-form input[type="date"], .mod-form input[type="number"], .mod-form input[type="password"], .mod-form textarea, .mod-form select{ font-size: 12px; }

 .mod-form input[type="text"], .mod-form input[type="date"], .mod-form input[type="number"], .mod-form input[type="password"], .mod-form .mod-form-select{ height: 45px; }

 .mod-form input::-webkit-input-placeholder, .mod-form textarea::-webkit-input-placeholder{ color: #A5A9AD; font-size: 12px; }

 .mod-form input:-ms-input-placeholder, .mod-form textarea:-ms-input-placeholder{ color: #A5A9AD; font-size: 12px; }

 .mod-form input::-moz-placeholder, .mod-form textarea::-moz-placeholder{ color: #A5A9AD; font-size: 12px; }

 .mod-form textarea{ height: 100px; }

 .mod-form-input-list li{ padding: 5px 0 10px 0; }

 table.mod-form-table{ font-size: 14px; }

 table.mod-form-table th{ display: block; }

 table.mod-form-table th br{ display: none; }

 table.mod-form-table td{ display: block; padding: 0 0 10px 0; }

 table.mod-form-table ._row ._col.is-w60-sp{ width: 60px; }

 table.mod-form-table ._row ._col.is-w80-sp{ width: 80px; }

 table.mod-form-table ._row ._col.is-w100-sp{ width: 100px; }

 table.mod-form-table ._row ._col.is-w200-sp{ width: 200px; }

 table.mod-form-table ._row ._col.is-w400-sp{ width: 400px; }

 table.mod-form-table ._row ._col.is-w50p-sp{ width: 50%; }

 table.mod-form-table ._row ._col.is-w100p-sp{ width: 100%; }

 table.mod-form-table ._btn-post{ padding: 5px 10px; font-size: 12px; }

 .mod-form-policy{ margin-top: 20px; }

 .mod-form-policy .mod-form-input-list label{ font-size: 16px; font-weight: bold; }

 .mod-form-policy ._btns{ margin-top: 20px; text-align: center; }

 .mod-form-policy a{ text-decoration: underline; color: #333; font-size: 14px; }

 .mod-form-btns{ position: absolute; left: 0px; right: 0px; bottom: -25px; text-align: center; }

 .mod-form-btns ._btn-send{ width: 300px; height: 55px; border-radius: 45px; background: #2b7dc2; border: 2px solid #000; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50px; font-size: 14px; font-weight: bold; letter-spacing: 0.1em; position: relative; }

 .mod-form-btns ._btn-send span{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

 .mod-form-btns ._btn-send span:after{ content: ""; display: block; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 13.2px; height: 12px; margin-left: 10px; }
 /* ----------------------------------------------------------
.mod-btn.is-normal
---------------------------------------------------------- */

 .mod-btn.is-normal{ width: 300px; height: 55px; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; }

 .mod-btn.is-normal:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-normal:before{ content: ""; display: block; position: absolute; border-radius: 50px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(3px, 3px); transform: translate(3px, 3px); background: url(../images/mod-btn/bg.png) left top; background-size: 8px 8px; }

 .mod-btn.is-normal:hover:after{ background: #348ad2; }

 .mod-btn.is-normal:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn.is-normal span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 14px; letter-spacing: 0.1em; padding-bottom: 4px; color: #fff; vertical-align: middle; }

 .mod-btn.is-normal span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 13.3px; height: 11.9px; transition-duration: 0.2s; }

 .mod-btn.is-dl span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 17.5px; height: 16.1px; }
 /* ----------------------------------------------------------
.mod-btn.is-send
---------------------------------------------------------- */

 .mod-btn.is-send{ width: 300px; height: 55px; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; display: -ms-inline-flexbox; display: inline-flex; transition-duration: 0.2s; }

 .mod-btn.is-send:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 50px; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-send:before{ content: ""; display: block; position: absolute; border-radius: 50px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(3px, 3px); transform: translate(3px, 3px); background: url(../images/mod-btn/bg.png) left top; background-size: 8px 8px; }

 .mod-btn.is-send span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 14px; letter-spacing: 0.1em; padding-bottom: 4px; color: #fff; vertical-align: middle; }

 .mod-btn.is-send span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 9.5px; height: 8.5px; transition-duration: 0.2s; }
 /* ----------------------------------------------------------
.mod-btn.is-head
---------------------------------------------------------- */

 .mod-btn.is-head{ width: 220px; height: 45px; display: block; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; transition-duration: 0.2s; }

 .mod-btn.is-head:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 10vw; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-head:before{ content: ""; display: block; position: absolute; border-radius: 20px; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(3px, 3px); transform: translate(3px, 3px); background: url(../images/mod-btn/bg.png) left top; }

 .mod-btn.is-head:hover:after{ background: #348ad2; }

 .mod-btn.is-head:hover:before{ animation: move-stripe1 .4s infinite linear; }

 .mod-btn.is-head:hover span:after{ -ms-transform: translate(2px, 0); transform: translate(2px, 0); }

 .mod-btn.is-head:hover.is-head-dl span:after{ -ms-transform: translate(0, 2px); transform: translate(0, 2px); }

 .mod-btn.is-head span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 14px; letter-spacing: 0.1em; padding-bottom: 4px; color: #fff; vertical-align: middle; }

 .mod-btn.is-head span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 11px; height: 10px; transition-duration: 0.2s; }

 .mod-btn.is-head-dl span:after{ content: ""; display: inline-block; margin-left: 5px; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 16px; height: 15px; }
 /* ----------------------------------------------------------
.mod-btn.is-mv
---------------------------------------------------------- */

 .mod-btn.is-mv.is-movie{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; text-align: center; background-image: url(../images/mod-btn/bg_btn_sp.png); background-size: cover; color: #fff; transition-duration: 0.2s; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 2.93333vw; letter-spacing: 0.1em; color: #fff; padding-left: 1.33333vw; }

 .mod-btn.is-mv.is-movie:hover{ opacity: 0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; }

 .mod-btn.is-mv.is-movie:hover:after{ -ms-transform: translate(0.34722vw, 0); transform: translate(0.34722vw, 0); }

 .mod-btn.is-mv.is-movie:after{ content: ""; display: inline-block; background: url(../images/mod-btn/icon_arrow.svg) left top no-repeat; background-size: contain; width: 2.4vw; height: 2.13333vw; margin-left: 0.8vw; transition-duration: 0.2s; }

 .mod-btn.is-mv.is-dl{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; box-sizing: border-box; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; transition-duration: 0.2s; }

 .mod-btn.is-mv.is-dl:after{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 10vw; background: #2b7dc2; transition-duration: 0.2s; border: 2px solid #000; }

 .mod-btn.is-mv.is-dl:before{ content: ""; display: block; position: absolute; border-radius: 10vw; top: 0px; left: 0px; right: 0px; bottom: 0px; -ms-transform: translate(0.8vw, 0.8vw); transform: translate(0.8vw, 0.8vw); background: url(../images/mod-btn/bg.png) left top; background-size: 8px 8px; }

 .mod-btn.is-mv.is-dl span{ position: relative; z-index: 1; display: inline-block; font-weight: bold; font-size: 3.73333vw; letter-spacing: 0.1em; color: #fff; vertical-align: middle; }

 .mod-btn.is-mv.is-dl span:after{ content: ""; transition-duration: 0.2s; display: inline-block; vertical-align: middle; margin-left: 2.66667vw; background: url(../images/mod-btn/icon_donwload.svg) left top no-repeat; background-size: contain; width: 4.53333vw; height: 3.73333vw; -ms-transform: translate(0, -0.53333vw); transform: translate(0, -0.53333vw); }
 /* ----------------------------------------------------------
.mod-btn.is-toggle
---------------------------------------------------------- */

 .mod-btn.is-toggle{ font-size: 12px; color: #2b7dc2; font-weight: bold; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; }

 .mod-btn.is-toggle span{ display: inline-block; position: relative; padding: 5px 0; }

 .mod-btn.is-toggle span:nth-child(2){ display: none; }

 .mod-btn.is-toggle span:after{ content: ""; display: block; position: absolute; bottom: 0px; left: 0px; right: 0; height: 1px; background: #2b7dc2; }

 .mod-btn.is-toggle:after{ content: ""; display: block; margin-left: 5px; background: url(../images/mod-btn/icon_toggle.svg) left top no-repeat; background-size: contain; width: 12px; height: 13px; -ms-transform: rotate(180deg); transform: rotate(180deg); }

 .js-open .mod-btn.is-toggle span{ display: inline-block; position: relative; padding: 5px 0; }

 .js-open .mod-btn.is-toggle span:nth-child(1){ display: none; }

 .js-open .mod-btn.is-toggle span:nth-child(2){ display: block; }

 .js-open .mod-btn.is-toggle:after{ content: ""; -ms-transform: rotate(0); transform: rotate(0); } }

@media screen and (min-width: 768px){

 .mod-column{ margin-bottom: 15px; }

 .mod-column.is-no-margin{ margin-bottom: 0; }

 .mod-column > * > *:first-child{ margin-top: 0; }

 .mod-column > * > *:last-child{ margin-bottom: 0; }

 .mod-column.is-equal > *{ -ms-flex: 1; flex: 1; }

 .mod-column.is-reverse{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

 .mod-column.is-gutter > * + *{ margin-left: 20px; }

 .mod-column.is-gutter.is-reverse > * + *{ margin-left: 0; margin-right: 20px; }

 .mod-column.is-gutter-w > * + *{ margin-left: 60px; }

 .mod-column.is-ju-center{ -ms-flex-pack: center; justify-content: center; }

 .mod-column.is-ju-between{ -ms-flex-pack: justify; justify-content: space-between; }

 .mod-column.is-ju-around{ -ms-flex-pack: distribute; justify-content: space-around; }

 .mod-column.is-al-center{ -ms-flex-align: center; align-items: center; }

 .mod-column.is-center{ -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

 .mod-text-SS{ font-size: 12px; }

 .mod-text-S{ font-size: 14px; }

 .mod-text-L{ font-size: 18px; }

 .mod-text-LL{ font-size: 24px; }

 .mod-form input[type="text"], .mod-form input[type="date"], .mod-form input[type="number"], .mod-form input[type="password"], .mod-form textarea, .mod-form select{ font-size: 16px; }

 .mod-form textarea{ height: 200px; }

 table.mod-form-table th{ padding: 20px 10px 10px 0; text-align: right; }

 table.mod-form-table td{ padding: 5px 0 5px 0; width: 640px; } }

/*# sourceMappingURL=maps/mod.css.map */
