@charset "UTF-8";
body { font-size: 16px; line-height: 1.6em; }

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.hide { display: none; }

a:hover img { opacity: 0.8; }

@media screen and (min-width: 641px) { .anchorLinkArea { margin-top: -60px; padding-top: 60px; } }
@media screen and (min-width: 641px) { .pcNone { display: none; }
  .today br:last-child { display: none; }
  #faq { margin-top: -70px; padding-top: 70px; } }
.note { padding-left: 0; text-indent: 0; }
.note li { position: relative; font-size: 14px; color: #000; padding-left: 1.4em; }
.note li:before { position: absolute; top: 0; left: 0; content: "※"; }

.numNote li { position: relative; font-size: 14px; color: #000; padding-left: 2.4em; counter-increment: cnt; }
.numNote li:before { content: "※" counter(cnt); top: 0; left: 0; position: absolute; }

.fl { float: left; }

.fr { float: right; }

.txtL { font-size: 120%; }

.txtS { font-size: 80%; }

.red { color: #D23633; }

.fwn { font-weight: normal; }

.fwb { font-weight: bold; }

.content { width: 950px; margin: 0 auto; position: relative; }
.content .elementSocialButtons { top: 10px; right: 0; position: absolute; }
.content .elementSocialButtons li { line-height: 100%; }

.wrapper .secFlow article .noteArea { background: #f5f6d5; padding: 20px; }
.wrapper .secFlow article .noteArea li { margin: 0; font-size: 14px; }

.wrapper .secFlow .inner .attentionArea { padding: 80px 0 0; text-align: left; }
.wrapper .secFlow .inner .attentionArea h5 { font-weight: bold; font-size: 22px; font-weight: bold; margin: 0 0 20px; }
.wrapper .secFlow .inner .attentionArea .normal { padding-left: 0; text-indent: 0; }
.wrapper .secFlow .inner .attentionArea .normal li { position: relative; font-size: 14px; color: #000; margin: 5px 0 0; padding-left: 1.4em; }
.wrapper .secFlow .inner .attentionArea .normal li:before { position: absolute; top: 0; left: 0; content: "・"; }

.kv { background: url("/static/images/flow/kv_chara.png") center 40px no-repeat #f6e4e3; padding: 40px 0; margin-top: 10px; }
.kv h1 { background: none; padding: 140px 0 0; margin: 0 0 30px; font-weight: normal; font-size: 52px; text-align: center; }
.kv .kvStep { text-align: center; margin-bottom: 30px; }
.kv .txtWrap { /*width: 800px;*/ width: 880px; margin: 30px auto; position: relative; box-sizing: border-box; padding-left: 270px; }
.kv .txtWrap p { font-weight: bold; font-size: 16px; text-align: left; margin: 0; }
.kv .txtWrap .yotei { /*color: #b22628;*/ font-size: 22px; padding: 5px 0 10px; }
.kv .txtWrap .today { background: #b22628; font-weight: bold; color: #fff; width: 248px; padding: 20px 0; font-size: 16px; position: absolute; left: 0; top: 0; margin: 0; text-align: center; }
.kv .txtWrap .today span { font-size: 22px; }
.kv .txtWrap .today:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent #b22628; content: ""; right: -12px; top: 50%; margin-top: -7px; }
.kv dl { border: 3px solid #FFA500; display: table; width: 880px; margin: 0 auto 0; box-sizing: border-box; }
.kv dl dt { background: #FFA500; font-weight: bold; display: table-cell; padding: 5px 10px; vertical-align: top; }
.kv dl dd { display: table-cell; padding: 5px 10px; vertical-align: top; text-align: left; background: #fff; }

/*kv*/
section h2 { background: none; border: none; padding: 25px 0; text-align: center; margin: 0; font-weight: bold; font-size: 26px; }
section .charaH2 { font-size: 26px; font-weight: bold; text-align: center; padding: 130px 0 24px; margin: 0; }
section .inner { width: 950px; margin: 0 auto; padding: 40px 0 70px; }
section .inner.wifiArea { padding: 60px 170px; margin: 30px auto 0; }
section .inner.wifiArea p.wifiLead { text-align: center; font-size: 24px; font-weight: bold; margin: 0; position: relative; }
section .inner.wifiArea .ttlArea { background: #50d2ca; margin: 30px 0 20px; padding: 100px 0 100px 320px; position: relative; z-index: 1; }
section .inner.wifiArea .ttlArea p { font-weight: bold; font-size: 22px; margin: 0; color: #fff; }
section .inner.wifiArea .ttlArea p span { font-size: 32px; }
section .inner.wifiArea .ttlArea div { position: absolute; top: 40px; left: 48px; }
section .inner.wifiArea .ttlArea:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 16px 22px 0 22px; border-color: #ffffff transparent transparent transparent; top: 0; left: 50%; margin-left: -22px; content: ""; }
section .inner.wifiArea .wifiInside { width: 420px; margin: 20px auto; }
section .inner.wifiArea .wifiInside .priceBlock { border: 4px solid #e5e5e5; display: block; padding: 25px 0; text-align: center; font-size: 17px; font-weight: bold; margin-top: 10px; }
section .inner.wifiArea .wifiInside .priceBlock span { font-size: 14px; font-weight: normal; }
section .inner.wifiArea .wifiInside .wifiList { display: flex; justify-content: space-between; }
section .inner.wifiArea .wifiInside .wifiList li { width: 96px; display: block; border-radius: 50px; font-weight: bold; text-align: center; color: #555; background: #f1f1f1; display: flex; align-items: center; height: 96px; justify-content: center; }
section .inner.wifiArea strong { color: #fe616c; }

.secMovie { padding-bottom: 60px; }

.secFaq { background: #cde7f0; }
.secFaq h2.charaH2 { background: url("/static/images/flow/faq_chara.png") center top no-repeat; }
.secFaq h3 { font-weight: bold; font-size: 22px; margin: 90px 0 20px; }
.secFaq h3.first { margin: 0 0 20px; }
.secFaq dl { border-bottom: 1px solid #5ca9d1; border-left: 1px solid #5ca9d1; border-right: 1px solid #5ca9d1; margin: 0 0 30px; background: #fff; }
.secFaq dl dt { display: block; background: url("/static/images/flow/faq_q.png") no-repeat left 20px top 25px; border-top: 1px solid #5ca9d1; padding: 25px 60px; text-align: left; font-size: 18px; color: #333; text-decoration: none; position: relative; cursor: pointer; font-weight: bold; }
.secFaq dl dt:hover { opacity: 0.8; }
.secFaq dl dt:after { position: absolute; -moz-transition: -moz-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear; transform-origin: 50% 50%; content: url("/static/images/flow/faq_arrow1.png"); right: 30px; top: 30px; height: 10px; line-height: 0; }
.secFaq dl dt.on:after { -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); transform-origin: 50% 50%; }
.secFaq dl dd { background: url("/static/images/flow/faq_a.png") no-repeat left 20px top 5px; padding: 5px 60px 20px; margin: 0; text-align: left; display: none; }
.secFaq a.allBtn { display: block; width: 466px; margin: 0 auto; background: #fff url("/static/images/flow/faq_arrow2.png") right 38px center no-repeat; position: relative; font-size: 26px; border: 2px solid #5ca9d1; padding: 24px 0; box-sizing: border-box; color: #5ca9d1; text-decoration: none; }
.secFaq a.allBtn:hover { opacity: 0.8; }

/*secFaq*/
.wrapper section.secTab { padding: 40px 0; text-align: left; margin-bottom: 30px; position: relative; }
.secTab h2.charaH2 { /* background: url("/static/images/flow/flow_chara.png") center top no-repeat; */ }
.secTab ul.tabList { display: flex; margin: 0 auto; justify-content: center; align-items: flex-end; margin-top: 20px; /*li*/ }
.secTab ul.tabList.kodate { border-bottom: 2px solid #a4d647; }
.secTab ul.tabList.shugou { border-bottom: 2px solid #fda428; }
.secTab ul.tabList li { width: 475px; box-sizing: border-box; border-top: 1px solid #313131; border-left: 1px solid #313131; border-right: 1px solid #313131; text-align: center; font-size: 52px; padding: 90px 0 15px; font-size: 30px; cursor: pointer; position: relative; background: #fff; /*on*/ }
.secTab ul.tabList li:hover { opacity: 0.8; }
.secTab ul.tabList li:after { position: absolute; left: 50%; margin-left: -28px; top: 20px; }
.secTab ul.tabList li.kodate:after { content: url("/static/images/tab_ico_kodate.svg"); }
.secTab ul.tabList li.shugou:after { content: url("/static/images/tab_ico_shugou.svg"); }
.secTab ul.tabList li.on { padding: 100px 0 24px; color: #fff; border-top: none; border-left: none; border-right: none; pointer-events: none; }
.secTab ul.tabList li.on.kodate { background: #a4d647; box-shadow: 0px 0px 8px 0px rgba(164, 214, 71, 0.9); }
.secTab ul.tabList li.on.shugou { background: #fda428; box-shadow: 0px 0px 8px 0px rgba(253, 164, 40, 0.9); }
.secTab .tabContent { width: 890px; margin: 0 auto; padding: 40px 0 0; }
.secTab .redBtn { color: #fff; background: #b22628; padding: 20px 26px; display: block; width: 428px; margin: 30px auto; text-decoration: none; font-weight: bold; text-align: center; }
.secTab .redBtn:hover { opacity: 0.8; }
.secTab .redBtn span { display: inline-block; background: #fff; color: #b2262b; padding: 2px 10px; margin-left: 10px; }
.secTab .imgArea { text-align: center; border: 2px solid #c6c6c6; padding: 24px 14px; }
.secTab .imgArea p { font-weight: bold; font-size: 16px; text-align: left; margin: 0 0 20px; padding-left: 1.2em; position: relative; }
.secTab .imgArea p:before { position: absolute; top: 0; left: 0; content: "■"; }
.secTab .imgArea ul { margin: 20px 0 0; padding: 0; }
.secTab .imgArea ul li { position: relative; padding-left: 2.0em; font-size: 12px; text-align: left; margin-top: 5px; }
.secTab .imgArea ul li span { position: absolute; top: 0; left: 0; }

/*secTab*/
.wrapper .secFlow { background: #F6EEB2; padding: 75px 0; margin-bottom:0; }
.wrapper .secFlow h2.charaH2 { background: url("/static/images/flow/flow_chara.png") center top no-repeat; }
.wrapper .secFlow p { margin: 0; }
.wrapper .secFlow article p { text-align: left; }
.wrapper .secFlow .inner { width: 950px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 30px; text-align: left; /*article*/ }
.wrapper .secFlow .inner article { margin: 0; padding: 0; }
.wrapper .secFlow .inner article h3 { display: table; font-size: 26px; font-weight: bold; color: #6b5420; margin: 0 0 10px; }
.wrapper .secFlow .inner article h3 span { display: table-cell; vertical-align: middle; padding-right: 20px; }
.wrapper .secFlow .inner article .articleInner { padding: 0 0 20px 70px; margin: 0 0 20px 50px; border-left: 1px solid #6b5420; position: relative; }
.wrapper .secFlow .inner article .articleInner:after { content: url("/static/images/flow/flow_arrow.png"); position: absolute; line-height: 0; bottom: 0; left: -12px; }
.wrapper .secFlow .inner article .step2Inner { display: flex; flex-wrap: wrap; }
.wrapper .secFlow .inner article .step2Inner dl { width: 400px; padding: 0 0 0 24px; margin-bottom: 10px; box-sizing: border-box; }
.wrapper .secFlow .inner article .step2Inner dl dt { font-weight: bold; margin-bottom: 10px; position: relative; box-sizing: border-box; }
.wrapper .secFlow .inner article .step2Inner dl dt:before { position: absolute; left: -1.2em; top: 0; content: "・"; }
.wrapper .secFlow .inner article .step2Inner dl dd { margin: 0; }
.wrapper .secFlow .inner article .step2Inner figure { width: 330px; padding: 25px 0 30px 30px; position: relative; }
.wrapper .secFlow .inner article .step5Inner { display: flex; flex-wrap: wrap; }
.wrapper .secFlow .inner article .step5Inner div { width: 512px; }
.wrapper .secFlow .inner article .step5Inner figure { width: 166px; padding: 0 0 0 42px; }
.wrapper .secFlow .inner article .step5Inner figure figcaption { text-align: center; font-size: 12px; text-align: center; margin-top: 10px; }
.wrapper .secFlow .inner article .step5shugoInner { display: flex; flex-wrap: wrap; }
.wrapper .secFlow .inner article .step5shugoInner div { width: 450px; }
.wrapper .secFlow .inner article .step5shugoInner figure { width: 240px; padding: 0 0 0 42px; }
.wrapper .secFlow .inner article .step5shugoInner figure figcaption { text-align: center; font-size: 12px; text-align: center; margin-top: 10px; }
.wrapper .secFlow .inner article .tachiaiBox { border: 3px solid #b22628; padding:20px; position: relative; margin-bottom: 30px; line-height: 0; }
/* .wrapper .secFlow .inner article .tachiaiBox:before { content: url("/static/images/flow/flow_chara2.png"); position: absolute; bottom: -2px; left: -54px; } */
.wrapper .secFlow .inner article .tachiaiBox h4 { font-size: 26px; font-weight: bold; color: #b22628; margin: 0 0 14px; line-height: 100%; }
.wrapper .secFlow .inner article .accArea { margin-bottom: 70px; position: relative; margin-top: -70px; padding-top: 100px; }
.wrapper .secFlow .inner article .accArea h4 { font-weight: bold; font-size: 20px; position: relative; margin: 0 0 20px 0; padding:0 0 0 40px; border:none; }
.wrapper .secFlow .inner article .accArea h4 span { color: #fff; background: #7d903c; display: table-cell; vertical-align: middle; text-align: center; width: 32px; height: 32px; left: -10px; top: -4px; line-height: 170%; position: absolute; }
.wrapper .secFlow .inner article .accArea .accBtn { pointer-events: none; }
.wrapper .secFlow .inner article .accArea .accBtn p:hover:after { text-decoration: underline; }
.wrapper .secFlow .inner article .accArea .accBtn.on p:after { opacity: 0; }
.wrapper .secFlow .inner article .accArea p { padding: 0 0 0 40px; text-align: left; }
.wrapper .secFlow .inner article .accArea .accContent ul { margin-left: 40px; }
.wrapper .secFlow .inner article .accArea .accContent .imgTable { border-top: 1px solid #555555; border-left: 1px solid #555555; width: 100%; margin-bottom: 60px; }
.wrapper .secFlow .inner article .accArea .accContent .imgTable th { background: #555; color: #fff; text-align: center; padding: 20px 0; border-right: 1px solid #555555; }
.wrapper .secFlow .inner article .accArea .accContent .imgTable td { padding: 20px; text-align: center; border-bottom: 1px solid #555555; border-right: 1px solid #555555; }
.wrapper .secFlow .inner article .accArea .accContent .imgTable td p { margin-top: 15px; font-size: 12px; padding: 0; text-align: center; }
.wrapper .secFlow .inner article .accArea .accContent .imgTable td.subTtl { padding: 5px; border-bottom: none; background: #ebebeb; font-weight: bold; text-align: center; }
.wrapper .secFlow .inner article .accArea .accContent .accCloce { display: none; }
.wrapper .secFlow .complete p { color: #6b5420; font-weight: bold; margin-top: 15px; text-align: center; }

/*.secFlow*/
.secSearch { background: #f6f6f6; padding: 40px 0 70px; }
.secSearch h3 { font-size: 30px; font-weight: bold; padding: 80px 0 30px; background: url("/static/images/flow/search_chara.png") center top no-repeat; }
.secSearch .searchBox { width: 500px; margin: 0 auto 15px; }
.secSearch .searchBox input { background: #fff; box-sizing: border-box; border: 2px solid #bbbbbb; display: inline-block; box-sizing: border-box; padding: 8px; width: 450px; margin-right: 10px; }
.secSearch .searchBox a { display: inline-block; padding: 10px 0; background: #333; width: 40px; text-align: center; }
.secSearch a.convBtn { background: #299936; width: 500px; display: block; text-decoration: none; margin: 0 auto; position: relative; color: #fff; box-sizing: border-box; font-weight: bold; font-size: 20px; position: relative; padding: 16px; box-shadow: 0px 3px 3px 1px rgba(26, 44, 2, 0.2); }
.secSearch a.convBtn:hover { opacity: 0.8; }
.secSearch a.convBtn:before { position: absolute; left: 60px; top: 50%; margin-top: -13px; line-height: 0; content: url("/static/images/flow/ico_convbtn.png"); }
.secSearch dl { display: table; margin: 30px auto 0; width: 700px; text-align: left; }
.secSearch dl dt { font-weight: bold; padding: 0; display: table-cell; white-space: nowrap; display: inline-block; padding: 0 20px 0 0; vertical-align: top; }
.secSearch dl dd { display: table-cell; margin: 0; padding: 0; }

#footArea { background: #262626; border-top: 1px #cccccc solid; color: #ffffff; margin: 49px 0 0; padding: 16px 0 16px; text-align: center; width: 100%; }

.bottomNote { padding-top: 30px; }

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