@charset "UTF-8";
/* CSS Document */
#wpadminbar { display: none; }

html, body { margin: 0; padding: 0; }

body { position: relative; background-color: white; }
body.opened { overflow: hidden; }

a { color: #1B438A; text-decoration: none; }
a:hover { color: #1450BB; text-decoration: revert; }

h1, h2, h3, h4, h5, h6 { font-size: 1rem; line-height: 1rem; margin: 0; padding: 0; }

body > header { display: flex; justify-content: center; margin: 0; padding: 0; width: 100dvw; height: 10rem; position: fixed; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #1b438a; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
body > header.device-phone, body > header.device-tablet { display: none; }
body > header > .inBox { width: 100%; max-width: 1140px; display: flex; align-items: flex-end; }
body > header > .inBox .logo { flex: 0 0 10rem; height: 100%; display: flex; justify-content: center; align-items: center; }
body > header > .inBox .logo img { display: block; width: 100%; }
body > header > .inBox nav.navi { flex: 1; display: flex; margin: 0; padding: 0; }
body > header > .inBox nav.navi ul.menu { flex: 1; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; padding-bottom: 0.5rem; list-style: none; }
body > header > .inBox nav.navi ul.menu > li.menu-item { display: flex; justify-content: flex-start; align-items: stretch; background-image: url("/wp-content/themes/riseone/images/menu_bg.png"); background-position: bottom right; background-repeat: no-repeat; }
body > header > .inBox nav.navi ul.menu > li.menu-item > a { width: 100%; padding: 0.7rem 2rem 0.7rem 0; }

#breadcrumbs { margin: 0.5rem auto; padding: 0; width: 100%; max-width: 1140px; display: flex; justify-content: flex-start; align-items: center; }
#breadcrumbs > span { display: flex; }
#breadcrumbs > span a { border: thin dotted #203264; background-color: #D6E9F9; border-radius: 12px; text-decoration: none; padding: 0.3rem; color: #203264; }

#sidePop { position: fixed; bottom: 0; right: -340px; width: 310px; height: 380px; display: flex; justify-content: space-evenly; flex-wrap: wrap; z-index: 100; padding: 0.6rem; transition: right 300ms 0s ease; }
#sidePop::after { content: " "; position: absolute; background-color: rgba(27, 67, 138, 0.7); transform: rotate(2deg); top: -10px; bottom: -50px; left: -6px; right: -50px; z-index: 1; box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.35); }
#sidePop.device-phone, #sidePop.device-tablet { display: none; }
#sidePop.opened { right: 0; }
#sidePop .sideTab { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: -54px; font-size: 2rem; width: 3rem; height: 6rem; padding: 0.5rem; box-sizing: border-box; border: thin solid #1B438A; border-radius: 12px 0 0 12px; background-color: rgba(255, 255, 255, 0.7); z-index: 3; }
#sidePop .qr { display: block; width: 35%; z-index: 2; margin: 1rem; }
#sidePop .qr > img { display: block; width: 100%; overflow: auto; }
#sidePop .risepaint { display: block; width: 100%; z-index: 2; }
#sidePop .risepaint > img { display: block; width: 100%; overflow: auto; }

#mobileTab { display: none; justify-content: center; align-items: center; position: fixed; bottom: 0; right: 0; font-size: 2rem; width: 3rem; height: 6rem; padding: 0.5rem; box-sizing: border-box; border: thin solid #1B438A; border-radius: 12px 0 0 12px; background-color: rgba(255, 255, 255, 0.75); z-index: 101; transition: right 300ms 0s ease; }
#mobileTab.device-phone, #mobileTab.device-tablet { display: flex; }
#mobileTab.device-phone.opened, #mobileTab.device-tablet.opened { border-radius: 0 12px 12px 0; right: calc(100dvw - 3rem); }

#mobileNavi { display: none; flex-direction: column; justify-content: flex-end; align-items: center; position: fixed; width: 100dvw; height: 100dvh; top: 0; right: -100dvw; z-index: 100; background: transparent; border-bottom: 1px solid #1b438a; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: right 300ms 0s ease; }
#mobileNavi.device-phone, #mobileNavi.device-tablet { display: flex; }
#mobileNavi.device-phone.opened, #mobileNavi.device-tablet.opened { right: 0; }
#mobileNavi > .inBox { width: 100%; display: flex; flex-direction: column; align-items: center; overflow-y: auto; }
#mobileNavi > .inBox ul.menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: space-evenly; }
#mobileNavi > .inBox ul.menu .menu-item { margin: 1rem 0; padding: 0; }
#mobileNavi > .inBox .ads { width: 100%; max-width: 240px; display: flex; justify-content: space-evenly; flex-wrap: wrap; }
#mobileNavi > .inBox .ads .qr { flex: 1 0 30%; margin: 1rem; display: flex; }
#mobileNavi > .inBox .ads .qr > img { display: block; width: 100%; overflow: auto; }
#mobileNavi > .inBox .ads .risepaint { flex: 1 0 60%; margin: 1rem; display: flex; }
#mobileNavi > .inBox .ads .risepaint > img { display: block; width: 100%; overflow: auto; }

#content { width: 100%; max-width: 1140px; margin: 0 auto; min-height: calc(100vh - 10rem - 600px); margin-top: 10rem; box-sizing: border-box; }
#content .topbase { position: relative; }
#content .topbase .topscreen { position: absolute; }
#content .topbase .topscreen.ts01 { opacity: 0; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); mix-blend-mode: screen; }
#content .topbase .topscreen.ts02 { width: auto; height: 40vh; }
#content .topbase .topscreen.ts02 img { opacity: 0; width: auto; height: 100%; overflow: auto; }
#content .topbase .topbottom { position: absolute; bottom: 0; }
#content.toppage { margin-top: 0; }
#content.device-phone, #content.device-tablet { min-height: calc(100vh - 600px); margin-top: 0; }
#content h2 { font-size: 1.2rem; line-height: 2rem; padding: 0.8rem; margin: 1rem 0; display: flex; align-items: center; justify-content: center; width: 100%; background-color: #1B438A; color: white; }
#content h3 { width: 100%; height: 5rem; margin: 1rem 0; padding: 0.8rem; display: flex; align-items: center; justify-content: center; color: white; text-shadow: 0 0 5px black; }
#content .blog-list { width: 100%; text-decoration: none; display: flex; flex-wrap: wrap; }
#content .blog-list .blog-item { flex: 1 1 100%; display: flex; justify-content: flex-start; margin: 1rem 1rem 3rem; box-sizing: border-box; border-radius: 12px; overflow: hidden; border: thin solid #1b438a; }
#content .blog-list .blog-item .thumb { flex: 0 0 128px; max-width: 128px; padding: 0.5rem; background-color: #1b438a; }
#content .blog-list .blog-item .thumb > img { width: 100%; }
#content .blog-list .blog-item .postcont { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
#content .blog-list .blog-item .postcont .title { background-color: #1b438a; font-size: 1.2rem; font-weight: bold; color: white; }
#content .blog-list .blog-item .postcont .cont { margin: 1rem; }
#content .blog-list .blog-item .postcont .date { font-size: 0.7rem; text-align: left; }
#content .pagenation { width: 100%; display: flex; justify-content: center; align-items: center; }

form.wpcf7-form .option { width: 100%; display: flex; justify-content: center; align-items: center; }
form.wpcf7-form .option .title { flex: 0 0 12rem; display: flex; justify-content: flex-start; align-items: center; margin-right: 1rem; }
form.wpcf7-form .option .title::before { content: "　　"; font-size: 0.7rem; padding: 0.2rem 0.5rem; border-radius: 0.5rem; margin-left: 0.5rem; display: inline-block; }
form.wpcf7-form .option .title.required::before { content: "必須"; background: rgba(255, 195, 219, 0.8); border: thin solid #8b005f; color: #8b005f; }
form.wpcf7-form .option .title.unrequired::before { content: "任意"; background: rgba(195, 220, 255, 0.8); border: thin solid #00148b; color: #00148b; }
form.wpcf7-form .option .content { flex: 1; }
form.wpcf7-form .submitbtn { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column-reverse; }
form.wpcf7-form input.wpcf7-text, form.wpcf7-form select.wpcf7-select, form.wpcf7-form textarea.wpcf7-textarea, form.wpcf7-form input.wpcf7-date { width: 100%; outline: none; border: 2px solid #303169; border-radius: 0.8rem; padding: 0.3rem; margin: 0; }
form.wpcf7-form input.wpcf7-text:focus, form.wpcf7-form select.wpcf7-select:focus, form.wpcf7-form textarea.wpcf7-textarea:focus, form.wpcf7-form input.wpcf7-date:focus { box-shadow: 0 0 3px 3px #aaacff; }
form.wpcf7-form input.wpcf7-submit { font-size: 1.2rem; outline: none; border: 2px solid #303169; border-radius: 0.5rem; padding: 0.3rem 0.8rem; margin: 0; }
form.wpcf7-form input.wpcf7-submit:focus { box-shadow: 0 0 3px 3px #aaacff; }
form.wpcf7-form .wpcf7-radio { display: flex; flex-wrap: wrap; }
form.wpcf7-form .wpcf7-radio .wpcf7-list-item { flex-grow: 1; display: flex; justify-content: center; align-items: center; margin: 0; }
form.wpcf7-form .wpcf7-radio .wpcf7-list-item label { display: flex; }
form.wpcf7-form .wpcf7-radio .wpcf7-list-item label input[type=radio] { display: none; }
form.wpcf7-form .wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + .wpcf7-list-item-label { background-color: #adcaff; }
form.wpcf7-form .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label { font-size: 1.2rem; outline: none; background-color: white; border: 2px solid #303169; border-radius: .5rem; padding: .3rem .8rem; margin: 0; }

body > footer { width: 100%; height: 600px; display: flex; justify-content: center; align-items: flex-end; margin: 0; padding: 0; background-image: url("/wp-content/themes/riseone/images/footer_bg2.png"); background-position: top center; background-size: cover; background-repeat: no-repeat; position: relative; color: white; }
body > footer::after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("/wp-content/themes/riseone/images/footer_bg1.png"); background-position: bottom center; background-size: cover; background-repeat: no-repeat; }
body > footer > .inBox { width: 100%; max-width: 1140px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; z-index: 1; }
body > footer > .inBox .corp { display: flex; justify-content: center; align-items: stretch; width: 70%; }
body > footer > .inBox .corp .logo { display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: rgba(255, 255, 255, 0.4); border-radius: 1rem; border: 1px solid #fff; }
body > footer > .inBox .corp .logo > img { width: 140px; height: auto; margin: 1rem; box-sizing: border-box; }
body > footer > .inBox .corp .info { flex: 1; margin-left: 1rem; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; }
body > footer > .inBox .corp .info > .name { font-size: 1.2rem; font-weight: bold; }
body > footer > .inBox .corp .info > .address { font-size: 1rem; }
body > footer > .inBox nav.navi { width: 100%; display: flex; margin: 2rem 0; padding: 0; }
body > footer > .inBox nav.navi ul.menu { flex: 1; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
body > footer > .inBox nav.navi ul.menu li.menu-item { display: flex; justify-content: center; align-items: center; margin: 0.5rem 1rem; }
body > footer > .inBox nav.navi ul.menu li.menu-item a { color: white; text-decoration: none; }
body > footer > .inBox nav.navi ul.menu li.menu-item a:hover { color: #ACC9FF; text-decoration: revert; }

.tategaki { writing-mode: vertical-rl; text-orientation: upright; font-feature-settings: initial; }

.scroll-spoil { pointer-events: none; }

@media (max-width: 768px) { form.wpcf7-form .option { flex-direction: column; }
  form.wpcf7-form .option .title { flex: 1; width: 100%; }
  form.wpcf7-form .option .content { flex: 1; width: 100%; }
  body > footer > .inBox .corp { width: 100%; }
  body > footer > .inBox .corp .logo > img { width: 100px; margin: 0.3rem; } }