@charset "UTF-8";


/*
Theme Name : RooMooN LP contents
Version : 1.0
*/
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, table, caption, th, td, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object, dfn, article, aside, canvas, figure, figcaption, footer, header, nav, section, main, audio, video { margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

address, dfn { display: inline; font-style: normal; }

canvas { width: 0; height: 0; }

iframe { width: 100%; margin: 0; padding: 0; border: none; }

html { overflow-y: scroll; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

* { box-sizing: border-box; }

body { color: #000; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: #fff; font-size: 1.6em; line-height: 1; }

em { font-style: normal; font-weight: 700; }

strong { font-style: normal; font-weight: 700; }

ul, ol { list-style: none; }

table { border-collapse: separate; border-spacing: 0; empty-cells: show; }

caption, th { text-align: left; }

img { border: 0; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a { cursor: pointer; color: #008D54; }

a:visited { color: #8F4889; }

sub, sup { font-size: 1rem; }

form { font-weight: 300; }

input, button, textarea, select { font-size: 1.4rem; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; text-transform: none; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

select::-ms-expand { display: none; }

.u-ta-l { text-align: left !important; }

.u-ta-c { text-align: center !important; }

.u-ta-r { text-align: right !important; }

.u-ta-l-c { text-align: left !important; }

.u-ta-l-r { text-align: left !important; }

.u-ta-c-l { text-align: center !important; }

.u-ta-c-r { text-align: center !important; }

.u-ta-r-l { text-align: right !important; }

.u-ta-r-c { text-align: right !important; }

.u-br-sp { display: inline !important; }

.u-br-pc { display: none !important; }

body { background-color: #cae8f8; }

.l-head { position: fixed; width: 100%; height: 73px; left: 0; top: 0; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); z-index: 99; display: flex; align-items: center; justify-content: center; }

.l-head__inner .logo { text-align: center; }

.l-head__inner .logo img { max-width: 180px; height: auto; }

.l-body { margin-top: 73px; }

.kv { position: relative; overflow: hidden; }

.kv__main { padding: 0 22%; }

.kv__main img { margin: 0 auto; display: block; max-width: 100%; height: auto; }

.kv__txt { text-align: center; background: rgba(0, 0, 0, 0.7); padding: 15px; color: #fff; line-height: 1.5; }

.kv__txt__hdg { font-weight: 700; font-size: 1.6rem; }

.kv__txt__dtl { margin-top: 10px; font-size: 1.4rem; }

.menu { margin: 0 12px 32px; background-color: #fff; box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.5); border-radius: 0 0 8px 8px; }

.menu__body > li { border-top: 1px solid #e2e8f0; padding: 16px; display: flex; align-items: center; justify-content: space-between; }

.menu__body__hdg .logo img { width: 50px; height: auto; }

.menu__body__hdg .dtl { font-weight: 700; margin-left: 5px; }

.menu__body__btn { color: #91b4f8; font-size: 1.8rem; text-decoration: none; font-weight: 700; display: inline-block; padding: 5px 20px; border: 2px solid #91b4f8; border-radius: 4px; }

.menu__body__btn:visited { color: #91b4f8; }

.content { margin: 40px 12px; }

.hdg-lv2 { font-weight: 700; margin-top: 32px; font-size: 2.6rem; color: #91b4f8; }

.txt-st { font-size: 1.6rem; line-height: 1.7; color: #333; margin-top: 16px; }

.hdg-lv3 { font-weight: 700; margin-top: 24px; font-size: 2rem; color: #91b4f8; padding-left: 16px; border-left: 4px solid #91b4f8; line-height: 1.5; }

.hdg-lv4 { margin-top: 16px; background-color: #fff; padding: 5px 10px; color: #91b4f8; line-height: 1.5; }

.img-wrap { padding: 0 20%; text-align: center; }

.img-wrap > a { display: inline-block; }

.img-wrap img { display: block; margin: 0 auto; max-width: 200px; height: auto; }

.wrap-bg { padding: 10px; margin: 16px -12px; background-color: #fff; }

@media print, all and (min-width: 768px) { a:hover { text-decoration: none; } .u-ta-l-c { text-align: center !important; }
  .u-ta-l-r { text-align: right !important; }
  .u-ta-c-l { text-align: left !important; }
  .u-ta-c-r { text-align: right !important; }
  .u-ta-r-l { text-align: left !important; }
  .u-ta-r-c { text-align: center !important; }
  .u-br-sp { display: none !important; }
  .u-br-pc { display: inline !important; } }