@charset "UTF-8";
:root { font-size: 10px; --pd-frame-width-100:100%; --pd-frame-width-sp:100%; --pd-frame-width-tablet:100%; --pd-frame-width-pc1:970px; --pd-frame-width-pc2:970px; --pd-frame-color:#13b5b1; --pd-frame-color-sub1:#addbd9; --pd-frame-footer-color:#eeeeee; --pd-frame-footer-color-font:#000; --pd-a-font:#000; --pd-arrow-color:#009e96; }

body { font-size: 14px; font-size: 1.4rem; margin: 0; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

h1, h2, h3, h4 { margin: 0; }

img { max-width: 100%; height: auto; vertical-align: bottom; border: 0; display: block; }

li { list-style: none; }

ul { margin: 0; padding: 0; }

dl, dt, dd { margin: 0; }

a { text-decoration: none; }

p { padding: 0; margin: 0; }

.clearfix { min-height: 1px; overflow: hidden; }

.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }

footer { width: 100%; position: relative; margin: 0 auto; }

footer > ul { width: 100%; font-size: 0; background-color: #601986; text-align: center; padding-top: 1%; padding-bottom: 1%; }

footer > ul > li { display: inline-block; }

footer > ul > li a { display: block; width: 100%; }

footer > ul > li:nth-of-type(1) { width: 6.5105%; }

footer > ul > li:nth-of-type(2) { width: 8.0985%; }

footer > ul > li:nth-of-type(3) { width: 9.9643%; }

footer > ul > li:nth-of-type(4) { width: 7.6221%; }

footer > ul > li:nth-of-type(5) { width: 7.2251%; }

footer > ul > li:nth-of-type(6) { width: 12.7432%; }

footer p { background-color: #fff100; text-align: center; line-height: 3; font-size: 1.2vw; padding-top: 1%; padding-bottom: 1%; }

header { position: relative; padding-bottom: 31.6%; }

header > div.left { float: left; width: 32%; max-height: 100px; }

header > div.left > h1 { width: 100%; background-color: #601986; }

header > div.right { width: 68%; float: right; padding-bottom: 5%; }

header > div.right div.google-map { position: relative; width: 100%; height: 0; padding-bottom: 86.25%; overflow: hidden; }

header > div.right div.google-map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

header > h2 { width: 100%; padding-left: 0; position: absolute; top: 61.6%; z-index: 2; text-align: right; }

header > h2 img { display: inline; width: 90%; }

nav { width: 22.5%; position: absolute; top: 39%; right: 67.5%; z-index: 3; }

nav.menu-fixed { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

nav.menu-fixed > ul.pc-menu { width: 80%; margin: 10px auto 15px auto; font-size: 0; text-align: center; }

nav.menu-fixed > ul.pc-menu > li { width: 18%; margin-right: 1%; margin-left: 1%; display: inline-block; margin-top: 0; }

nav.menu-fixed > ul.pc-menu > li:not(:last-child) { margin-bottom: 0; }

nav > ul { display: block; width: 100%; margin-top: -21.5%; }

nav > ul > li:not(:last-child) { margin-bottom: 11.1%; }

nav > ul > li:nth-of-type(1) > a > img { width: 65%; }

nav > ul > li:nth-of-type(2) > a > img { width: 65%; }

nav > ul > li:nth-of-type(3) > a > img { width: 65%; }

nav > ul > li:nth-of-type(4) > a > img { width: 48%; }

nav > ul > li:nth-of-type(5) > a > img { width: 100%; }

nav ul.smp-menu { display: none; }

section#cover { background-image: url(../images/index/ttl_concept.png); background-repeat: no-repeat; background-position: right bottom; }

section#contents01 > h3 { margin: 0; }

section#contents01 > dl:nth-of-type(1) { width: 100%; margin-bottom: 8%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(1) { margin-bottom: 3.5%; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(1) { margin-bottom: 3.5%; } }

section#contents01 > dl:nth-of-type(1) > dt { padding-bottom: 3%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(1) > dt { padding-bottom: 2%; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(1) > dt { padding-bottom: 2%; } }

section#contents01 > dl:nth-of-type(1) > dt > img { width: 34%; max-width: 348px; min-width: 200px; margin: 0 auto; }

section#contents01 > dl:nth-of-type(1) dt, section#contents01 > dl:nth-of-type(1) dd { text-align: center; }

section#contents01 > dl:nth-of-type(1) dd { line-height: 1.8; font-size: 1.5vw; }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(1) dd { line-height: 2.5; font-size: 16px; } }

section#contents01 > dl:nth-of-type(2) { padding-bottom: 5%; }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) { padding-bottom: 0; } }

section#contents01 > dl:nth-of-type(2) > dt { padding-top: 5.5%; width: 90%; margin-right: 10%; text-align: right; font-size: 16px; font-weight: bold; }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dt { width: 970px; margin: 0 auto; padding-top: 50px; padding-right: .5em; } }

section#contents01 > dl:nth-of-type(2) > dd { width: 90%; margin: 0 auto; padding-left: 8%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd { padding-left: 0; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd { padding-left: 0; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left { float: left; width: 92%; padding-top: 5.5%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left { width: 50%; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left { width: 50%; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:not(:last-child) { padding-bottom: 5%; }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li { padding-bottom: 12%; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dt { padding-bottom: 4%; text-align: left; font-weight: bold; font-size: 1.5vw; color: #e5004f; }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd { font-size: 1.5vw; }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd > ul > li { font-size: 1.5vw; position: relative; }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd > ul > li > span { position: absolute; font-size: 1.5vw; left: 10.5em; }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd > ul > li > span { font-size: 16px; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li:nth-of-type(1) > span { padding-right: .0; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li:nth-of-type(1) > span { padding-right: .5em; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li:nth-of-type(1) > span { padding-right: .5em; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li:nth-of-type(2) > span { padding-right: .0; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li:nth-of-type(2) > span { padding-right: .5em; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li:nth-of-type(2) > span { padding-right: .5em; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li > span { left: auto; right: 0; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li > span { left: 13.8em; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(4) > dl > dd > ul > li > span { left: 13.8em; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li:nth-of-type(1) > span { padding-right: .0; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li:nth-of-type(1) > span { padding-right: .5em; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li:nth-of-type(1) > span { padding-right: .5em; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li:nth-of-type(2) > span { padding-right: 0; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li:nth-of-type(2) > span { padding-right: .5em; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li:nth-of-type(2) > span { padding-right: .5em; } }

section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li > span { left: auto; right: 0; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li > span { left: 13.8em; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:nth-of-type(5) > dl.system > dd > ul > li > span { left: 13.8em; } }

section#contents01 > dl:nth-of-type(2) > dd > div.right { float: left; width: 92%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.right { width: 48%; padding-left: 2%; padding-top: 5.5%; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.right { width: 48%; padding-left: 2%; padding-top: 5.5%; } }

section#contents01 > dl:nth-of-type(2) > dd > div.right > ul { width: 100%; margin: 0; padding-bottom: 5%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.right > ul { width: 85%; padding-bottom: 8.5%; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.right > ul { width: 85%; padding-bottom: 8.5%; } }

section#contents01 > dl:nth-of-type(2) > dd > div.right > ul > li { padding-bottom: .8%; font-size: 1.5vw; }

section#contents01 > dl:nth-of-type(2) > dd > div.right > ul > li > span { float: right; }

section#contents01 > dl:nth-of-type(2) > dd > div.right > ul > li:nth-of-type(1) > span { padding-right: 1em; }

section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dt { padding-bottom: 2%; text-align: left; font-size: 1.5vw; font-weight: bold; color: #e5004f; }

section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd { font-size: 1.5vw; }

section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > ul > li { position: relative; font-size: 1.5vw; }

section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > ul > li > span { position: absolute; left: auto; right: 0; padding-right: 1em; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > ul > li > span { left: 9em; padding-right: 0; } }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > ul > li > span { left: 9em; padding-right: 0; } }

section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > p { margin-top: 2%; }

@media screen and (min-width: 970px) { section#contents01 > dl:nth-of-type(2) > dd { margin: 0 auto; padding-top: 40px; width: 970px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left { width: 395px; padding-left: 0; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix { width: 100%; margin: 0 auto; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li { width: 100%; font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li:last-child { padding-bottom: 100px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dt { font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd { width: 100%; text-align: left; font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd > ul { width: 100%; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd > ul > li { width: 100%; font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.left > ul.clearfix > li > dl.system > dd > ul > li > span { font-size: 16px; right: 5em; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right { float: left; width: 484px; margin-left: 91px; padding-left: 0; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > ul { width: 78%; padding-bottom: 8.5%; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > ul > li { padding-bottom: .8%; font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > ul > li > span { float: right; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > ul > li:nth-of-type(1) > span { padding-right: 1em; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dt { padding-bottom: 2%; text-align: left; font-size: 16px; font-weight: bold; color: #e5004f; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd { font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > ul > li { position: relative; font-size: 16px; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > ul > li > span { position: absolute; left: 9em; }
  section#contents01 > dl:nth-of-type(2) > dd > div.right > dl > dd > p { margin-top: 2%; } }

section#contents02 > div.slider { padding-bottom: 0; }

section#contents02 > div.slider > div.slick-dotted.slick-slider { margin-bottom: -7px; }

section#contents02 > dl { width: 100%; margin: 0 auto; background-image: url(../images/index/bg_access.png); background-repeat: no-repeat; background-position: right -28% top 25%; background-size: 52%; background-color: #fff; }

@media screen and (min-width: 970px) { section#contents02 > dl { background-position: right -28% top 40%; } }

section#contents02 > dl > dt { width: 100%; position: relative; padding-top: 16.5%; background-color: #fff100; }

section#contents02 > dl > dt > img { position: absolute; left: 12%; width: 40%; bottom: -25%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents02 > dl > dt > img { left: 8%; } }

@media screen and (min-width: 970px) { section#contents02 > dl > dt > img { width: 40%; max-width: 482px; bottom: -45px; left: 12%; } }

section#contents02 > dl > dd { padding-top: 7%; padding-left: 7%; width: 86%; margin: 0 auto; font-size: 1.5vw; }

section#contents02 > dl > dd > h3 { font-size: 2vw; }

section#contents02 > dl > dd:nth-of-type(1) { padding-top: 12%; }

@media screen and (min-width: 970px) { section#contents02 > dl > dd:nth-of-type(1) { padding-top: 120px; } }

section#contents02 > dl > dd:nth-of-type(1) > h3:before { content: ''; display: inline-block; height: 9px; width: 12px; background-image: url(../images/common/hart01.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; margin-left: -1.2em; margin-right: .5em; }

section#contents02 > dl > dd:nth-of-type(2) > h3:before { content: ''; display: inline-block; height: 9px; width: 12px; background-image: url(../images/common/hart02.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; margin-left: -1.2em; margin-right: .5em; }

section#contents02 > dl > dd > p { font-size: 1.5vw; padding-top: 1em; padding-bottom: 1em; }

section#contents02 > dl > dd > dl > dt { float: left; font-size: 1.5vw; }

section#contents02 > dl > dd > dl > dd { float: left; font-size: 1.5vw; }

@media screen and (min-width: 970px) { section#contents02 > dl > dd { padding-left: 8%; width: 80%; padding-top: 70px; font-size: 16px; }
  section#contents02 > dl > dd > h3 { font-size: 20px; }
  section#contents02 > dl > dd > p { font-size: 16px; }
  section#contents02 > dl > dd > dl > dt { float: left; font-size: 16px; }
  section#contents02 > dl > dd > dl > dd { float: left; font-size: 16px; } }

section#contents02 div.google-Map { margin-top: 10%; position: relative; width: 100%; height: 0; padding-bottom: 31.7%; overflow: hidden; }

@media screen and (min-width: 970px) { section#contents02 div.google-Map { margin-top: 70px; } }

section#contents02 div.google-Map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section#contents03 { background-color: #611A86; }

section#contents03 > h3 { width: 80%; margin: 0 auto; padding-top: 10%; padding-bottom: 10%; }

@media screen and (min-width: 970px) { section#contents03 > h3 { width: 970px; margin: 0 auto; padding-top: 55px; padding-bottom: 90px; } }

section#contents03 > div { width: 100%; margin: 0 auto; padding-bottom: 5%; }

@media screen and (min-width: 970px) { section#contents03 > div { width: 970px; padding-bottom: 90px; } }

section#contents03 > div > div.left { float: left; width: 80%; margin: 0 auto; padding-left: 10%; padding-right: 10%; }

@media screen and (min-width: 970px) { section#contents03 > div > div.left { margin: 0; width: 460px; padding-left: 0; padding-right: 0; } }

section#contents03 > div > div.right { float: right; width: 80%; padding: 10%; text-align: center; }

section#contents03 > div > div.right > p:nth-of-type(1) { padding-top: 32px; text-align: center; }

section#contents03 > div > div.right > p:nth-of-type(1) > img { display: inline; }

section#contents03 > div > div.right > p:nth-of-type(2) { padding-top: 32px; font-size: 3vw; font-weight: bold; text-align: center; color: #fff; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents03 > div > div.right > p:nth-of-type(2) { font-size: 16px; } }

@media screen and (min-width: 970px) { section#contents03 > div > div.right > p:nth-of-type(2) { font-size: 16px; } }

@media screen and (min-width: 970px) { section#contents03 > div > div.right { padding: 0; margin: 0; width: 480px; } }

section#contents03 > div > div.right > div.fb-page { display: block !important; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; height: 260px; }

section#contents04 { background-image: url(../images/index/concept_deco_line.png); background-size: contain; vertical-align: middle; background-repeat: repeat-x; }

section#contents04 > h3 { width: 90%; margin: 0 auto; text-align: center; }

section#contents04 > h3 > img { padding-top: 15%; width: 100%; display: inline; }

@media screen and (min-width: 970px) { section#contents04 > h3 { width: 1009px; } }

section#contents04 p { padding-top: 3.5%; padding-bottom: 3.3%; text-align: center; font-size: 1.5vw; line-height: 2; }

@media screen and (min-width: 970px) { section#contents04 p { text-align: center; font-size: 16px; line-height: 30px; } }

section#contents04 div.google-Map { position: relative; width: 100%; height: 0; padding-bottom: 33.1%; overflow: hidden; }

section#contents04 div.google-Map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section#contents05 > p { width: 95%; display: block; margin-right: 5%; padding-top: 5%; padding-bottom: 2%; text-align: right; font-weight: bold; font-size: 16px; }

@media screen and (min-width: 970px) { section#contents05 > p { display: block; margin: 0 auto; width: 970px; padding-top: 50px; padding-bottom: 20px; } }

section#contents05 > div { width: 90%; margin: 0 auto; padding-bottom: 10%; }

@media screen and (min-width: 970px) { section#contents05 > div { width: 970px; margin: 0 auto; padding-bottom: 100px; } }

section#contents05 > div > dl.left { float: left; width: 93%; padding-left: 8%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents05 > div > dl.left { width: 47%; padding-left: 3%; } }

@media screen and (min-width: 970px) { section#contents05 > div > dl.left { width: 47%; padding-left: 3%; } }

section#contents05 > div > dl.left > dt { padding-bottom: .5em; font-size: 1.5vw; font-weight: bold; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.left > dt { font-size: 17px; } }

section#contents05 > div > dl.left > dd:nth-of-type(1) { font-size: 16px; }

section#contents05 > div > dl.left > dd:nth-of-type(1) > ul { padding-bottom: .5em; }

section#contents05 > div > dl.left > dd:nth-of-type(1) > ul > li { position: relative; font-size: 1.5vw; font-weight: bold; color: #E83389; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.left > dd:nth-of-type(1) > ul > li { font-size: 16px; } }

section#contents05 > div > dl.left > dd:nth-of-type(1) > ul > li:before { content: ''; display: inline-block; height: 9px; width: 12px; background-image: url(../images/common/hart03.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; margin-right: .5em; }

section#contents05 > div > dl.left > dd:nth-of-type(1) > ul > li:nth-of-type(2) > span { padding-right: 2em; }

section#contents05 > div > dl.left > dd:nth-of-type(1) > ul > li:nth-of-type(3) > span { padding-right: 2em; }

section#contents05 > div > dl.left > dd:nth-of-type(1) > ul > li > span { position: absolute; left: 8em; }

section#contents05 > div > dl.left > dd:nth-of-type(1) > p { font-size: 1.5vw; padding-bottom: 2em; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.left > dd:nth-of-type(1) > p { font-size: 16px; } }

section#contents05 > div > dl.left > dd:nth-of-type(1) > p.caution { color: #009e96; }

section#contents05 > div > dl.left > dd:nth-of-type(2) p { font-size: 1.5vw; font-weight: bold; color: #E83389; }

section#contents05 > div > dl.left > dd:nth-of-type(2) p:before { content: ''; display: inline-block; height: 9px; width: 12px; background-image: url(../images/common/hart03.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; margin-right: .5em; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.left > dd:nth-of-type(2) p { font-size: 16px; } }

section#contents05 > div > dl.right { float: right; width: 92%; padding-left: 8%; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents05 > div > dl.right { width: 50%; padding-left: 0; } }

@media screen and (min-width: 970px) { section#contents05 > div > dl.right { width: 50%; padding-left: 0; } }

section#contents05 > div > dl.right > dt { position: relative; font-size: 1.5vw; font-weight: bold; color: #E83389; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.right > dt { font-size: 16px; } }

section#contents05 > div > dl.right > dd > p { font-size: 1.5vw; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.right > dd > p { font-size: 16px; } }

section#contents05 > div > dl.right > dd > p:nth-of-type(2) { padding-top: 1em; padding-bottom: 1em; }

section#contents05 > div > dl.right > dd > p:nth-of-type(3) { padding-top: 1em; padding-bottom: 1em; }

section#contents05 > div > dl.right > dd > p.caution { color: #009e96; }

section#contents05 > div > dl.right > dd > ul > li { position: relative; font-size: 1.5vw; font-weight: bold; color: #E83389; }

@media screen and (min-width: 970px) { section#contents05 > div > dl.right > dd > ul > li { font-size: 16px; } }

section#contents05 > div > dl.right > dd > ul > li:before { content: ''; display: inline-block; height: 9px; width: 12px; background-image: url(../images/common/hart03.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; margin-right: .5em; }

section#contents05 > div > dl.right > dd > ul > li > span { position: absolute; left: 0; padding-left: 11em; }

section#contents06 { background-image: url(../images/index/pow_sns_deco_line.png); background-size: contain; vertical-align: middle; background-repeat: repeat-x; background-position: top -10px; background-color: #e83389; background-color: #611A86; }

section#contents06 > h3 { width: 80%; margin: 0 auto; padding-top: 10%; padding-bottom: 10%; }

@media screen and (min-width: 970px) { section#contents06 > h3 { width: 970px; margin: 0 auto; padding-top: 55px; padding-bottom: 90px; } }

section#contents06 > div { width: 100%; padding-bottom: 5%; margin: 0 auto; }

@media screen and (min-width: 970px) { section#contents06 > div { width: 970px; padding-bottom: 90px; } }

section#contents06 > div > div.left { float: left; width: 80%; margin: 0 auto; padding-left: 10%; padding-right: 10%; text-align: center; }

@media screen and (min-width: 970px) { section#contents06 > div > div.left { margin: 0; width: 460px; padding-left: 0; padding-right: 0; } }

section#contents06 > div > div.right { float: right; width: 80%; margin: 0 auto; padding: 10%; }

section#contents06 > div > div.right > iframe { width: 100%; margin: 0 auto; }

section#contents06 > div > div.right > p:nth-of-type(1) { padding-top: 32px; text-align: center; }

section#contents06 > div > div.right > p:nth-of-type(1) > img { display: inline; }

section#contents06 > div > div.right > p:nth-of-type(2) { padding-top: 32px; font-size: 3vw; font-weight: bold; text-align: center; color: #fff; }

@media screen and (min-width: 600px) and (max-width: 969px) { section#contents06 > div > div.right > p:nth-of-type(2) { font-size: 16px; } }

@media screen and (min-width: 970px) { section#contents06 > div > div.right > p:nth-of-type(2) { font-size: 16px; } }

@media screen and (min-width: 970px) { section#contents06 > div > div.right { margin: 0; width: 480px; padding: 0; } }

section#contents06 > div > div.right > div.fb-page { display: block !important; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; height: 260px; }

section#contents06 + div.slider .slick-dotted.slick-slider { margin-bottom: -10px; }

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