@charset "UTF-8";
/*------------------------------------------- variable
-------------------------------------------*/
/***  color  ***/
/***  font-size  ***/
/***  screen  ***/
/***  font(google)  ***/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@700;900&display=swap");
/***  point  ***/
/*------------------------------------------- reset
-------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; caret-color: transparent; }

ol, ul { list-style: none; }

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

input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none !important; border-radius: 0; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

/*------------------------------------------- style - tag -
-------------------------------------------*/
html { font-size: 62.5%; }
@media screen and (max-width: 767px) { html { font-size: 52.5%; } }

body { font-family: 'Noto Sans JP','游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif; font-weight: 400; color: #333333; font-size: 1.5rem; line-height: 1; }

ul { margin: 0; padding: 0; list-style-type: none; }
ul li { list-style-type: inherit; }

button { background: none; border: none; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

a { text-decoration: none; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
a:hover { opacity: 0.6; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }

article { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }

section { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 80px; padding-left: 30px; padding-right: 30px; }
@media screen and (max-width: 767px) { section { margin-bottom: 50px; } }

p { color: #333333; font-size: 1.5rem; text-align: justify; line-height: 2.2; }

b { font-weight: 700; }

@media screen and (max-width: 1040px) { figure.max img { max-width: 100%; width: 100%; } }

/*------------------------------------------- style - class -
-------------------------------------------*/
/***  header  ***/
.header-nav { background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 100%; height: 60px; padding-left: 30px; padding-right: 30px; -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1); position: relative; z-index: 999; /* .right */ }
.header-nav .left { width: 200px; }
.header-nav .left .logo { width: 100%; }
.header-nav .left .logo a { display: block; }
.header-nav .left .logo a h1 img { width: 100%; height: auto; }
.header-nav .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: calc(100% - 200px); height: 100%; }
.header-nav .right .link-txt { position: relative; }
.header-nav .right .link-txt::after { content: ''; height: 20px; border-right: 1px solid #666666; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 0; }
.header-nav .right .link-txt ul.menu-top { display: -webkit-box; display: -ms-flexbox; display: flex; }
.header-nav .right .link-txt ul.menu-top li { margin-left: 30px; }
.header-nav .right .link-txt ul.menu-top li:nth-last-of-type(1) { margin-right: 30px; }
.header-nav .right .link-txt ul.menu-top li a { color: #261a0c; font-size: 1.5rem; font-weight: 500; line-height: 1.0; }
.header-nav .right ul.link-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-nav .right ul.link-icon li { margin-left: 20px; }
.header-nav .right ul.link-icon .burger { width: 35px; height: 30px; padding: 5px 0; border-radius: 2px; cursor: pointer; z-index: 999; }
.header-nav .right ul.link-icon .burger.open .menu-icon span.line-1 { bottom: 0; margin: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header-nav .right ul.link-icon .burger.open .menu-icon span.line-2 { opacity: 0.0; }
.header-nav .right ul.link-icon .burger.open .menu-icon span.line-3 { top: 0; margin: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.header-nav .right ul.link-icon .burger .menu-icon { position: relative; width: 100%; height: 100%; }
.header-nav .right ul.link-icon .burger .menu-icon span { background-color: #ec1212; display: block; width: 100%; height: 2px; border-radius: 10px; margin-left: auto; margin-right: auto; position: absolute; right: 0; left: 0; -webkit-transition: all ease-out .3s; transition: all ease-out .3s; }
.header-nav .right ul.link-icon .burger .menu-icon span.line-1 { top: 0; }
.header-nav .right ul.link-icon .burger .menu-icon span.line-2 { width: calc(100% - 10px); top: calc(50% - 2px); opacity: 1.0; }
.header-nav .right ul.link-icon .burger .menu-icon span.line-3 { bottom: 0; }

.service-all { display: none; background-color: #ffffff; right: 0; width: 100%; height: calc(100% - 60px); overflow-y: auto; position: fixed; top: 60px; z-index: 999; border-top: 1px solid #f6f6f6; }
.service-all .wrap { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; padding: 20px 30px; }
.service-all .wrap h2 { color: #000000; font-size: 2.8rem; font-weight: 500; line-height: 1.3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }
.service-all .wrap h3 { color: #261a0c; font-size: 1.8rem; font-weight: 500; line-height: 1.3; text-align: center; margin-bottom: 2.5px; }
.service-all .address { width: 100%; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
.service-all .address p { text-align: center; }
.service-all .address .btn-mail { text-align: center; }

/***  footer  ***/
.page-top { display: none; background-color: #0081d0; width: 60px; height: 60px; padding: 5px 15px; border-radius: 60px; position: fixed; bottom: 10px; right: 10px; z-index: 100; cursor: pointer; }
@media screen and (max-width: 767px) { .page-top { display: none !important; } }
.page-top img { width: 100%; }

footer { background-color: #c2efff; padding-top: 80px; }
footer h2 { text-align: center; margin-bottom: 5px; }
footer h2 img { width: 200px; height: auto; }
footer .copy { color: #000000; text-align: center; margin-bottom: 40px; }
footer nav { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-left: 30px; padding-right: 30px; }
footer nav ul.menu-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
footer nav ul.menu-bottom li { margin-left: 15px; margin-right: 15px; }
footer nav ul.menu-bottom li a { color: #261a0c; font-size: 1.4rem; line-height: 1.3; }
footer small { color: #261a0c; text-align: center; display: block; border-top: 1px solid #ffffff; padding-top: 15px; padding-bottom: 15px; }

.footer-top { background-image: url(../img/common/footer_01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; margin-top: 150px; }
.footer-top .wrap { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; padding: 85px 65px; }
@media screen and (max-width: 767px) { .footer-top .wrap { padding: 25px 25px; } }
.footer-top .in { background-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 35px 50px; border-radius: 6px; }
@media screen and (max-width: 767px) { .footer-top .in { padding: 30px 20px 40px; } }
.footer-top .in .deco { color: #000000; font-weight: 700; opacity: 1.0; }
.footer-top .in h2 { margin-bottom: 30px; }
@media screen and (max-width: 767px) { .footer-top .in h2 { margin-bottom: 20px; } }
.footer-top .in p { font-size: 1.4rem; line-height: 1.6; text-align: center; }
.footer-top .in .address { margin-top: 10px; margin-bottom: 30px; }
.footer-top .in .address a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; pointer-events: none; }
@media screen and (max-width: 767px) { .footer-top .in .address a { pointer-events: auto; } }
.footer-top .in .address a span { color: #000000; font-size: 0.6rem; font-weight: 700; padding-left: 5px; }
@media screen and (max-width: 767px) { .footer-top .in .address a span { font-size: 3.2rem; } }
.footer-top .in .address a img { width: 20px; }

.footer-bottom { background-color: #c2efff; width: 100%; }
.footer-bottom .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; padding: 35px 20px; }
@media screen and (max-width: 767px) { .footer-bottom .wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; } }
.footer-bottom .wrap .left h3 { width: 300px; }
@media screen and (max-width: 1040px) { .footer-bottom .wrap .left h3 { width: 270px; } }
.footer-bottom .wrap .left h3 img { width: 100%; }
.footer-bottom .wrap .left p { font-size: 1.4rem; line-height: 1.6; text_decoration: none; pointer-events: none; }
.footer-bottom .wrap .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 767px) { .footer-bottom .wrap .right { display: none; } }
.footer-bottom .wrap .right .menu-all { display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer-bottom .wrap .right .menu-all li { margin-left: 25px; }
@media screen and (max-width: 1040px) { .footer-bottom .wrap .right .menu-all li { margin-left: 20px; } }
.footer-bottom .wrap .right .menu-all li:nth-of-type(1) { margin-left: 0; }
.footer-bottom .wrap .right .menu-all li a { color: #000000; font-size: 1.4rem; }
.footer-bottom small { background-color: #0081d0; color: #ffffff; font-size: 1.4rem; font-weight: 500; text-align: center; padding-top: 15px; padding-bottom: 15px; display: block; width: 100%; }

/***  common  ***/
body .pr00 { padding-right: 0; }
body .pr05 { padding-right: 5px; }
body .pr10 { padding-right: 10px; }
body .pr15 { padding-right: 15px; }
body .pr20 { padding-right: 20px; }
body .pr25 { padding-right: 25px; }
body .pr30 { padding-right: 30px; }
body .pr35 { padding-right: 35px; }
body .pr40 { padding-right: 40px; }
body .pr45 { padding-right: 45px; }
body .pr50 { padding-right: 50px; }
body .pr55 { padding-right: 55px; }
body .pr60 { padding-right: 60px; }
body .pl00 { padding-left: 0; }
body .pl05 { padding-left: 5px; }
body .pl10 { padding-left: 10px; }
body .pl15 { padding-left: 15px; }
body .pl20 { padding-left: 20px; }
body .pl25 { padding-left: 25px; }
body .pl30 { padding-left: 30px; }
body .pl35 { padding-left: 35px; }
body .pl40 { padding-left: 40px; }
body .pl45 { padding-left: 45px; }
body .pl50 { padding-left: 50px; }
body .pl55 { padding-left: 55px; }
body .pl60 { padding-left: 60px; }
body .pb00 { padding-bottom: 0; }
body .pb05 { padding-bottom: 5px; }
body .pb10 { padding-bottom: 10px; }
body .pb15 { padding-bottom: 15px; }
body .pb20 { padding-bottom: 20px; }
body .pb25 { padding-bottom: 25px; }
body .pb30 { padding-bottom: 30px; }
body .pb35 { padding-bottom: 35px; }
body .pb40 { padding-bottom: 40px; }
body .pb45 { padding-bottom: 45px; }
body .pb50 { padding-bottom: 50px; }
body .pb55 { padding-bottom: 55px; }
body .pb60 { padding-bottom: 60px; }
body .mt00 { margin-top: 0; }
body .mt05 { margin-top: 5px; }
body .mt10 { margin-top: 10px; }
body .mt15 { margin-top: 15px; }
body .mt20 { margin-top: 20px; }
body .mt25 { margin-top: 25px; }
body .mt30 { margin-top: 30px; }
body .mt35 { margin-top: 35px; }
body .mt40 { margin-top: 40px; }
body .mt45 { margin-top: 45px; }
body .mt50 { margin-top: 50px; }
body .mt55 { margin-top: 55px; }
body .mt60 { margin-top: 60px; }
body .mr00 { margin-right: 0; }
body .mr05 { margin-right: 5px; }
body .mr10 { margin-right: 10px; }
body .mr15 { margin-right: 15px; }
body .mr20 { margin-right: 20px; }
body .mr25 { margin-right: 25px; }
body .mr30 { margin-right: 30px; }
body .mr35 { margin-right: 35px; }
body .mr40 { margin-right: 40px; }
body .mr45 { margin-right: 45px; }
body .mr50 { margin-right: 50px; }
body .mr55 { margin-right: 55px; }
body .mr60 { margin-right: 60px; }
body .ml00 { margin-left: 0; }
body .ml05 { margin-left: 5px; }
body .ml10 { margin-left: 10px; }
body .ml15 { margin-left: 15px; }
body .ml20 { margin-left: 20px; }
body .ml25 { margin-left: 25px; }
body .ml30 { margin-left: 30px; }
body .ml35 { margin-left: 35px; }
body .ml40 { margin-left: 40px; }
body .ml45 { margin-left: 45px; }
body .ml50 { margin-left: 50px; }
body .ml55 { margin-left: 55px; }
body .ml60 { margin-left: 60px; }
body .mb05 { margin-bottom: 5px; }
body .mb10 { margin-bottom: 10px; }
body .mb15 { margin-bottom: 15px; }
body .mb20 { margin-bottom: 20px; }
body .mb25 { margin-bottom: 25px; }
body .mb30 { margin-bottom: 30px; }
body .mb35 { margin-bottom: 35px; }
body .mb40 { margin-bottom: 40px; }
body .mb45 { margin-bottom: 45px; }
body .mb50 { margin-bottom: 50px; }
body .mb55 { margin-bottom: 55px; }
body .mb60 { margin-bottom: 60px; }
body .mt-05 { margin-top: -5px; }
body .mt-10 { margin-top: -10px; }
body .mt-15 { margin-top: -15px; }
body .mt-20 { margin-top: -20px; }
body .mt-25 { margin-top: -25px; }
body .mt-30 { margin-top: -30px; }
body .mt-35 { margin-top: -35px; }
body .mt-40 { margin-top: -40px; }
body .mt-45 { margin-top: -45px; }
body .mt-50 { margin-top: -50px; }
body .mb00 { margin-bottom: 0; }
body .tl { text-align: left; }
body .tc { text-align: center; }
body .tr { text-align: right; }
body .bb00 { border-bottom: none; }

.wide { max-width: 100%; width: 100%; }

.just { max-width: 1000px; width: 100%; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; }

.headline { color: #000000; font-size: 2.8rem; font-weight: 500; line-height: 1.3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-bottom: 1px solid #ec1212; padding-right: 100px; padding-bottom: 10px; margin-bottom: 35px; }

.sub-headline { color: #261a0c; font-size: 1.5rem; font-weight: 500; line-height: 1.3; margin-bottom: 25px; }

.btn-mail a { background-color: #ff8100; color: #ffffff; font-size: 1.8rem; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 40px; padding: 20px 40px; }
.btn-mail a img { padding-right: 10px; }

.band { width: 100%; padding: 30px 0; margin-bottom: 50px; border-bottom: 1px solid #eeeeee; position: relative; }
.band .wrap { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
.band .wrap p { color: #0081d0; font-size: 6rem; font-weight: 900; line-height: 1.3; letter-spacing: 3px; margin-bottom: 5px; margin-top: -10px; }

ul.bread { width: 100%; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 15px; margin-bottom: 10px; }
ul.bread li { font-size: 1.2rem; margin-right: 20px; margin-bottom: 5px; }
ul.bread li a { color: #0081d0; font-size: inherit; font-weight: 500; position: relative; }
ul.bread li a::after { content: ''; width: 4px; height: 4px; border-top: solid 1px #666666; border-right: solid 1px #666666; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: calc(50% - 2px); right: -12px; }

.cmn-contact { padding-top: 7.0px; }
.cmn-contact .wrap { background-image: url(../img/common/service_contact_01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; padding: 40px 60px; position: relative; }
.cmn-contact .wrap h2 { color: #000000; font-size: 2.8rem; font-weight: 500; line-height: 1.3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 10px; }
.cmn-contact .wrap p { font-size: 1.5rem; margin-bottom: 10px; }

.list-box-txt { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; }
.list-box-txt h2 { color: #000000; font-size: 1.5rem; font-weight: 700; line-height: 10; text-align: right; padding-right: 35px; width: calc(100% - 760px); }
.list-box-txt ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 760px; border-left: 1px solid #666666; padding-left: 70px; }
.list-box-txt ul li { width: 50%; margin-top: 10px; margin-bottom: 10px; }
.list-box-txt ul li a { color: #261a0c; font-size: 1.4rem; line-height: 1.4; text-decoration: none; padding: 5px 5px 5px 25px; position: relative; }
.list-box-txt ul li a::before { content: ''; width: 20px; height: 1px; border-top: 1px solid #ec1212; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; }

ul.list-box-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
ul.list-box-thumb > li { width: calc(33.3% - 20px); margin-right: 30px; }
ul.list-box-thumb > li:nth-of-type(3n) { margin-right: 0; }
ul.list-box-thumb > li .in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
ul.list-box-thumb > li .in figure { margin-bottom: 10px; }
ul.list-box-thumb > li .in figure img { width: 100%; height: auto; }
ul.list-box-thumb > li .in h4 { color: #261a0c; font-size: 2.4rem; font-weight: 400; line-height: 1.3; margin-bottom: 5px; }
ul.list-box-thumb > li .in p { color: #333333; font-size: 1.4rem; text-align: justify; line-height: 2.0; }
ul.list-box-thumb > li .in ul.supply { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }
ul.list-box-thumb > li .in ul.supply .cat { color: #999999; font-size: 1.4rem; line-height: 1.3; }
ul.list-box-thumb > li .in ul.supply .client { color: #cccccc; font-size: 1.4rem; line-height: 1.3; }

.comb { width: 100%; position: relative; }
.comb::after { content: ""; clear: both; display: block; }
.comb figure { float: right; }
.comb figure.right { padding-left: 30px; }
.comb figure.left { float: left; padding-right: 30px; }
.comb figure img { width: 450px; }
.comb h3 { color: #261a0c; font-size: 1.8rem; line-height: 1.3; margin-bottom: 10px; }
.comb p { color: #333333; font-size: 1.4rem; line-height: 2.0; }

.summary table { width: 100%; border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #eeeeee; }
.summary table th, .summary table td { font-size: 1.5rem; line-height: 1.8; border-top: 1px solid #eeeeee; padding-top: 15px; padding-bottom: 15px; }
.summary table th { font-weight: 500; text-align: left; width: 150px; padding-left: 10px; padding-right: 15px; }
.summary table td { width: calc(100% - 150px); padding-right: 10px; }

.req { color: #ffffff; font-size: 1.4rem; font-weight: 400; line-height: 1.0; display: inline-block; padding: 5px 10px; border-radius: 15px; margin-left: 5px; margin-right: 5px; }
.req.blue { background-color: #0081d0; }
.req.red { background-color: #ec1212; }

.form-wrap { margin-top: 10px; }
.form-wrap ul.in { width: 100%; max-width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; margin-right: auto; }
.form-wrap ul.in > li { font-size: 1.5rem; line-height: 1.3; word-break: break-all; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; padding-bottom: 10px; }
@media screen and (max-width: 767px) { .form-wrap ul.in > li { padding-top: 15px; } }
.form-wrap ul.in > li:nth-of-type(odd) { font-weight: 500; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 230px; padding-right: 15px; }
@media screen and (max-width: 767px) { .form-wrap ul.in > li:nth-of-type(odd) { width: 100%; padding-bottom: 0; } }
.form-wrap ul.in > li:nth-of-type(even) { width: calc(100% - 230px); -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 767px) { .form-wrap ul.in > li:nth-of-type(even) { width: 100%; padding-top: 5px; } }
.form-wrap .send { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }
.form-wrap .send span input { background-color: #0081d0; color: #ffffff; font-size: 1.5rem; min-width: 160px; padding: 20px; border-radius: 40px; cursor: pointer; }
.form-wrap .send span input[name="submitBack"] { color: #261a0c; background-color: #dde9f4; min-width: 100px; margin-right: 10px; }
.form-wrap input[type="text"], .form-wrap input[type="email"], .form-wrap textarea { font-size: 1.5rem; width: 100%; padding: 10px 15px; border: 1px solid #cccccc; border-radius: 4px; }
.form-wrap .mwform-checkbox-field-text { padding-right: 40px; }

.mw_wp_form_confirm.mw_wp_form_preview .form-wrap ul.in { border-top: 1px dotted #cccccc; }
@media screen and (max-width: 767px) { .mw_wp_form_confirm.mw_wp_form_preview .form-wrap ul.in { border-top: none; border-bottom: 1px dotted #cccccc; } }
.mw_wp_form_confirm.mw_wp_form_preview .form-wrap ul.in > li { border-bottom: 1px dotted #cccccc; }
@media screen and (max-width: 767px) { .mw_wp_form_confirm.mw_wp_form_preview .form-wrap ul.in > li { border-bottom: none; } }
@media screen and (max-width: 767px) { .mw_wp_form_confirm.mw_wp_form_preview .form-wrap ul.in > li:nth-of-type(odd) { border-top: 1px dotted #cccccc; } }

@media screen and (max-width: 767px) { .pc { display: none; } }

.sp { display: none; }
@media screen and (max-width: 767px) { .sp { display: block; } }

/***  home  ***/
.fview { background-color: #000000; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; margin-right: auto; margin-bottom: 0; position: relative; }
.fview .movie { width: 100%; max-width: 1200px; padding-left: 30px; padding-right: 30px; }
.fview .movie video { width: 100%; }
.fview .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 7.0vw; position: absolute; top: 0; bottom: 0; }
.fview .wrap h1 img { width: 80vw; }
.fview .wrap p { color: #ffffff; font-size: 2.8rem; font-weight: 700; line-height: 1.0; padding-left: 3.0vw; margin-top: -3.0vw; }
.fview .wrap .btn-mail { padding-left: 3.0vw; margin-top: 3.0px; }

/***  post  ***/
.post p { margin-bottom: 20px; }

/*------------------------------------------- plugin
-------------------------------------------*/
.mw_wp_form .error { color: #ec1212; font-size: 1.4rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 5px; }

.mw_wp_form .horizontal-item { padding-bottom: 5px; }

.mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0; }