@charset "UTF-8";
@import "https://fonts.googleapis.com/earlyaccess/notosansjp.css";
@import "./nuro.css";

canvas { display: none; }

.swP { display: block; }
.swS { display: none; }

.attention { color:#f00 !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important;  }
.w100p { width: 100% !important; }
.indent { display: inline-block; text-indent: -1em; padding-left: 1em; }
.wrapper section h2 { font-size: 34px; }
.wrapper section h2 br { display: none; }

body { padding: 70px 0 0; }

header { background: #fafafa; display: flex; align-items: center; justify-content: space-between; position: fixed; top:0; left: 0; width: 100%; z-index: 999; }
header .logo { margin: 0 0 0 20px; }
header .logo a { display: inline-block; }
header .logo img { max-height: 34px; }
header .gnav ul { display: flex; align-items: center; justify-content: center; }
header .gnav ul li { display: inline-block; text-decoration: none; color:#111; }
header .gnav ul li a { display:flex; align-items: center; justify-content: center; padding: 0 .75em; height: 70px; color:#111; text-decoration: none; }
header .gnav ul li a:hover { color:#E26E8E; }
header .btns { display: flex; }
header .acept a { display: flex; align-items: center; justify-content: center; color:#fff; background: #2CD1BB; height: 70px; width:150px; font-size: 1rem; text-decoration: none; }
header .acept a:hover { background: #B7D12C; }
header .menubtn { width: 70px; height: 70px; background: #7F9F9B; cursor: pointer; }
header .menubtn > div,
header .menubtn > div span { display: inline-block; transition: all .4s; box-sizing: border-box; }
header .menubtn > div { position: absolute; top:26px; right: 23px; width: 22px; height: 18px; cursor: pointer; }
header .menubtn > div span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 2px; }
header .menubtn > div span:nth-of-type(1) { top: 0; }
header .menubtn > div span:nth-of-type(2) { top: 8px; }
header .menubtn > div span:nth-of-type(3) { bottom: 0; }
header .menubtn.active > div span { background-color: #fff; }
header .menubtn.active > div span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
header .menubtn.active > div span:nth-of-type(2) { opacity: 0; }
header .menubtn.active > div span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }
header .menu { display: none; position:fixed; top:70px; right: 0; width:100%; max-width: 400px; background: #7F9F9B; box-shadow: -10px 10px 10px rgba(0,0,0,0.1); z-index: 999; }
header .menu ul { margin: 0; }
header .menu li a { display: block; padding: 12px 50px 10px 15px; border-bottom: 1px solid rgba(255,255,255,.5); position: relative; color: rgba(255,255,255,.8); vertical-align: middle; text-decoration: none; font-size: 1rem; }
header .menu li:nth-last-of-type(1) a { border-bottom: none; }
header .menu li a::before,
header .menu li a::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }
header .menu li a::before{ right: 25px; width: 6px; height: 1px; background: #fff; }
header .menu li a::after{ right: 25px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .menu li a:hover { color:#fff; }
header .menu li a:hover::before,
header .menu li a:hover::after { right: 20px; }

footer ul { background: #31271F; display: flex; justify-content: center; padding: 10px 0; margin: 0; }
footer ul li { display: inline-block; }
footer ul li a,
footer ul li a:link,
footer ul li a:visited { display: inline-block; padding: 0 10px; color:rgba(255,255,255,.5); text-decoration: none; }
footer ul li a:hover { color:#fff; }
footer small { display: block; padding: 20px 0; text-align: center; font-size: 10px; color:rgba(0,0,0,.5); }

.bottomInfo { background: #535353; margin: 60px auto; text-align: center; padding: 20px 40px 40px; box-sizing: border-box; }
.bottomInfo h6 { color:#fff; font-size: 1rem; letter-spacing: .05em; padding: 0; margin:20px 0 10px; }
.bottomInfo ul { margin: 0; padding: 0; }
.bottomInfo ul li a { display: inline-block; letter-spacing: .05em; background: #28c8ad; background: linear-gradient(135deg, #28c8ad 0%,#25b49c 100%); padding: 20px; text-align: center; width: 540px; line-height: 1.1; font-size: 1.4rem; box-sizing: border-box; color:#fff; text-decoration: none; font-weight: bold; border-radius: 1px; position: relative; }
.bottomInfo ul li a::after { content: ''; width: 20px; height: 20px; border: 0px; border-top: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); position: absolute; top: 50%; right: 20px; margin-top: -10px; }
.bottomInfo ul li a:hover { background: #B7D12C; }
.bottomInfo .teltxt { color:#DFC271; font-size: 2.3rem; font-weight: bold; text-align: center; vertical-align: middle; line-height: 1; }
.bottomInfo .teltxt::before { content: url(/static/images/ico_freedial.svg); vertical-align: middle; margin: 0 10px 0 0; line-height: 1px; position: relative; top:-3px; }
.bottomInfo p { margin: 10px 0 0; padding: 0; color:#fff; }
.bottomInfo ol { margin: 0; padding: 0; }
.bottomInfo ol li a { display:block; border:1px solid rgba(255,255,255,.5); padding: 10px; line-height: 1; color:#fff; text-decoration: none; text-align: center; max-width: 320px; margin: 0 auto; }
.bottomInfo ol li a:hover { background: rgba(255,255,255,.1); }
.bottomInfo.small { margin: 0 auto; }

.pagetop { margin: 40px auto; text-align: center; }

.caption { max-width: 950px; margin: 0 auto; padding: 0 20px 10px; font-size: 1.2rem; }

h1.title { font-size: 2rem; letter-spacing: .05em; margin: 0; padding:20px; border-bottom: 1px solid #e5e5e5; }

a.btn { width:100%; max-width:400px; text-align: center; display: inline-block; padding: 1.2em; font-weight: 600; text-decoration: none;background: #008000; color: #FFF; border-radius:1em; margin: 0 0 1em; transition: .4s; }
a.btn:hover { background: #03a258; color: #fff; }

.wrapper section { margin: 0 0 60px; padding: 0; }
.page { max-width: 950px; margin: 0 auto; padding: 60px 0; }
.page * { box-sizing: border-box; vertical-align: middle; }
.page p { font-size:1rem; margin:30px 0; }
.page p a { vertical-align: baseline; }
.page .h02 { font-size: 1.5rem; color:#fff; background: #31271F; border-top:4px solid #E26E8E; line-height: 1.1; padding: 15px; margin: 0 0 30px; }
.page .h03 { font-size: 1.2rem; background: #F6F6F6; line-height: 1; padding: 15px; }
.page .h04 { font-size: 1rem; font-weight: bold; border:none; border-left:4px solid #E26E8E; line-height: 1.2; padding: 0 10px; }
.page .h05 { font-size: 1rem; font-weight: bold; margin: 0 0 10px; padding: 0; }
.page .formarea .inr { border-bottom:1px solid #e5e5e5; }
.page .formarea dl { display: flex; align-items: center; padding: 25px 0; margin: 0; border-top:1px solid #e5e5e5; }
.page .formarea dl dt { width: 340px; margin: 0; padding: 0; font-weight: bold; color:rgba(0,0,0,.5); position: relative; }
.page .formarea dl.must dt::after   { content: "必須"; display: inline-block; color:#fff; font-size: 12px; line-height: 20px; position: absolute; right: 0; top:calc(50% - 10px); width: 3em; text-align: center; background:#E59057; }
.page .formarea dl.option dt::after { content: "任意"; display: inline-block; color:#fff; font-size: 12px; line-height: 20px; position: absolute; right: 0; top:calc(50% - 10px); width: 3em; text-align: center; background:#57B1E5; }
.page .formarea dl dd { width: calc(100% - 130px); margin: 0 0 0 20px; padding: 0; }
.page .formarea dl dd p { margin: 0 0 10px; font-size: .9rem; }
.page .formarea dl dd label { display: inline-block; padding: 10px; border:1px solid #ddd; background: #f6f6f6; }
.page .formarea dl dd label input { margin: 0 .5em 0 0; }
.page .formarea dl dd label:hover { background: #666; color:#fff; }
.page .formarea dl dd ul li { margin: 0 0 10px; }
.page .formarea dl dd ul li:last-child { margin: 0; }
.page .formarea dl dd ul li label { display:block; }
.page .formarea dl dd ul li label a { position: relative; top:-2px; margin: 4px 0 0 20px; display:inline-block; }
.page .formarea dl dd ul li label:hover a { color:#fff; }
.page .formarea dl dd ul li label a:hover { color: rgba(255,255,255,.8); }
.page .formarea dl dd input[type="text"],
.page .formarea dl dd textarea { border:1px solid #ccc; box-shadow: none; outline: none; padding: 5px; -webkit-appearance : none; }
.page .formarea dl dd select { border:1px solid #ccc; box-shadow: none; outline: none; padding: 5px 30px 5px 5px; -webkit-appearance : none; background: #fff url(/static/images/ico_pulldown.svg) calc(100% - 10px) center no-repeat; max-width: 100%; }
.page .formarea dl dd table { width: 100%; }
.page .formarea dl dd table th { width: 6em; padding: 0 0 10px; font-weight: normal; }
.page .formarea dl dd table td { padding: 0 0 10px; }
.page .formarea .errorlist { background: #FFE5E5; border:1px solid #dFc5c5; padding: 15px; margin: 30px 0; }
.page .formarea .errorlist p { color:#c00; margin: 0 0 15px; line-height: 1.25; padding: 0; }
.page .formarea .errorlist ul,
.page .formarea .errorlist li { color:#c00; margin: 0; padding: 0; line-height: 1.25; }
.page .formarea .errorlist li:before { content: "・"; }
.page .formarea dl.error dd input,
.page .formarea dl.error dd select { background: #FFE5E5; }
.page .formarea ul.formbtn { display: flex; align-items: center; justify-content: center; margin: 60px 0; flex-direction: row-reverse; }
.page .formarea ul.formbtn li { margin: 0 10px; }
.page .formarea ul.formbtn li .positive { display: inline-block; width: 200px; height: 50px; line-height: 50px; text-decoration: none; text-align: center; background: #28C8AD; color:#fff; font-size: 1.2rem; letter-spacing: .05em; font-weight: bold; padding: 0; outline: none; border: none; }
.page .formarea ul.formbtn li .positive:hover { background: #B7D12C; }
.page .formarea ul.formbtn li .negative { display: inline-block; width: 200px; height: 50px; line-height: 50px; text-decoration: none; text-align: center; background: #E5E5E5; color:#888; font-size: 1.2rem; letter-spacing: .05em; font-weight: normal; padding: 0; outline: none; border: none; }
.page .formarea ul.formbtn li .negative:hover { background: #aaa; color:#fff; }
.page .formarea ul.formbtn li .plain { display: inline-block; width: 200px; height: 50px; line-height:48px; text-decoration: none; text-align: center; background: #fff; color:#333; border:1px solid #ddd; font-size: 1rem; letter-spacing: .05em; font-weight: normal; padding: 0; outline: none; }
.page .formarea ul.formbtn li .plain:hover { background: #31271F; color:#fff; }
.page .flowimg { text-align: center; margin: 60px auto; }
.page .flowimg img { text-align: center; }

.areacheck { text-align: center; margin: 0 auto 30px; }
.areacheck a { display: inline-block; padding: 15px 60px 15px 30px; font-size: 1.2rem; line-height: 1.5rem; background: #7BC4B8; color:#fff; text-align: center; font-weight: bold; text-decoration: none; position: relative; }
.areacheck a::before { content: ""; display: block; width: 30px; height: calc(30px + 3rem); background: #50B1A1; position: absolute; top:0; right: 0; }
.areacheck a::after { content: ""; display: block; width: 15px; height: 15px; border-top: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); position: absolute; top:calc(50% - 7px); right: 13px; }

table.pricetable { margin: 30px 0; }
table.pricetable th { padding: 0 20px 0 0; }
table.pricetable td { text-align: right; color:#f00; font-weight: bold; font-size: 1.3rem; }

.plainbtn { display: inline-block; border:1px solid #aaa; line-height: 1.2; padding: 12px 5px; font-size: 1rem; min-width: 300px; text-decoration: none; color:#333; }
.plainbtn:hover { background: #444; border:1px solid #444; color:#fff; }

.filelist { margin: 30px 0; }
.filelist li { font-size: 1rem; vertical-align: middle; margin: 5px 0; }
.filelist li:before { content: url(/static/images/ico_file.svg); margin: 0 5px 0 0; }

.priceCatch { text-align: center; padding: 40px 15px; margin: 0 auto; }

.priceCatchcopy { text-align: center; line-height: 1.5; letter-spacing: .05em; font-size: 1.8rem; padding: 40px 0 120px; margin: 0 0 10px;/* background: url(/static/images/img_human.png) center bottom no-repeat; */ font-weight: bold; }
.priceCatchcopy em { font-size: 2.3rem; line-height: 1.5; letter-spacing: .05em; text-decoration: underline; color:#E26E8E; font-style: normal; }

.informationTxtArea { margin: 0 0 60px; }
.informationTxtArea dl { display: flex; margin:0; padding:15px 0; align-items: center; border-bottom:1px solid rgba(0,0,0,.075); }
.informationTxtArea dl dt { width: 18rem; font-weight: normal; border:none; margin:0; padding: 0; }
.informationTxtArea dl dd { width: calc(100% - 18rem); padding: 0; margin: 0; }

.supporttxt { border-top: 2px dashed rgba(0,0,0,.15); border-bottom: 2px dashed rgba(0,0,0,.15); text-align: center; font-size: 1rem; margin:0; padding: 20px 10px; }

.tipsWrap { background: #E1AE37; padding: 10px; margin: 40px auto; }
.tipsWrap .inr { background: #fff; padding: 10px; text-align: center; box-shadow: 10px 10px 10px rgba(0,0,0,.1); font-size: 1rem; }

.faqWrap { background: #fafafa; padding: 0 0 60px; }
.faqWrap h2 { margin: 0 0 30px; padding:60px 0 0; text-align: center; line-height: 1.2; color:#E26E8E; }
.faqWrap h3 { margin: 0 0 30px; padding:30px 0 0; text-align: center; line-height: 1.2; color:#222; }
.faqWrap .inr { padding: 0 20px; margin: 0 auto; max-width: 1000px; }
.faqWrap .inr dl { background: #fff; box-shadow: 1px 1px 0 rgba(0,0,0,.15); margin: 0 0 10px; }
.faqWrap .inr dt { cursor: pointer; padding: 10px 40px 10px 10px; margin: 0; min-height: 60px; line-height: 1.2; display: flex; align-items: center; width: 100%; box-sizing: border-box; position: relative; }
.faqWrap .inr dt::before { content: url(/static/images/ico_q.svg); margin: 0 10px 0 0; padding: 0; vertical-align: top; line-height: 1px; }
.faqWrap .inr dt::after { content: ""; display: block; width: 10px; height: 10px; border-top: solid 1px #697b91; border-right: solid 1px #697b91; transform: rotate(-45deg); position: absolute; right: 20px; top: calc(50% - 4px); }
.faqWrap .inr dd { overflow: hidden; height: 0; opacity: 0; padding:0 10px 0 60px; margin: 0; min-height: 0; line-height: 1.2; box-sizing: border-box; position: relative; border-top:1px dashed rgba(0,0,0,.05); transition: .4s; }
.faqWrap .inr dd::before { content: url(/static/images/ico_a.svg); position: absolute; top:10px; left: 10px; }
.faqWrap .inr dl.active dd { opacity: 1; height: auto; min-height: 60px; padding: 21px 10px 21px 60px; }
.faqWrap .inr dl.active dt::after { transform: rotate(135deg); top: calc(50% - 6px); }
.faqWrap > ul { margin: 0; padding: 0; }
.faqWrap > ul li a { display: block; border:1px solid rgba(0,0,0,.5); padding: 10px; text-align: center; margin: 0 auto; text-decoration: none; color:inherit; max-width: 1000px; box-sizing: border-box; }
.faqWrap > ul li a:hover { background: rgba(0,0,0,.5); color:#fff; }

.youtube { max-width: 640px; margin: 0 auto 60px; }
.youtube .inr { position: relative; width: 100%; margin: 0 auto; padding-top: 56.25%; }
.youtube .inr iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.catch { background: url(/static/images/kv.jpg) center center no-repeat; background-size: cover; padding:5px; }
.catch h1 { margin: 0; padding: 50px 0 0; text-align: center; /* background: url(/static/images/img_human.png) center bottom no-repeat; */ background-size:auto;}
.catch h1 img { width: 400px; margin: 0 auto 40px; padding: 0; }
.catch canvas { display: inline-block; }

.catchPlus { background: #E26E8E; position: relative; padding: 25px; max-width: 950px; margin: 20px auto 35px; box-sizing: border-box; }
.catchPlus h2 { margin: 0 auto; padding: 0; width: 200px; border-radius: 100px; border:2px solid #E26E8E; text-align: center; line-height: 20px; padding: 5px 0; color:#E26E8E; font-weight: bold; font-size: 1rem; position: absolute; top:-15px; left: calc(50% - 100px); background: #fff; box-sizing: border-box; }
.catchPlus h3 { margin: 0 auto; padding: 0 0 10px; text-align: center; color:#fff; font-size: 1.5rem; text-decoration: underline; }
.catchPlus ul { margin: 0; padding: 0; display: flex; justify-content: space-between; }
.catchPlus ul li { box-shadow: 5px 5px 10px rgba(0,0,0,.15); margin: 0; padding: 0; line-height: 1; width: calc((100% - 10px ) / 2); border-radius: 5px; background: #fff; text-align: center; padding: 20px 5px; color:#FF7C43; box-sizing: border-box; font-weight: bold; font-size: 1.3rem; display: flex; align-items: center; }
.catchPlus ul li span,
.catchPlus ul li a { line-height: 1; color:#FF7C43; margin: 0 auto;}

a.catchPlusPlus { text-decoration: none; display: block; background: #F1BC1B; position: relative; padding: 25px; max-width: 950px; margin: 40px auto; box-sizing: border-box; }
a.catchPlusPlus:hover { opacity: 0.75; }
a.catchPlusPlus h2 { margin: 0 auto; padding: 0; width: 200px; border-radius: 100px; border:2px solid #F1BC1B; text-align: center; line-height: 20px; padding: 5px 0; color:#D97613; font-weight: bold; font-size: 1rem; position: absolute; top:-15px; left: calc(50% - 100px); background: #fff; box-sizing: border-box; }
a.catchPlusPlus h3 { margin: 0 auto; padding: 0 0 10px; text-align: center; color:#fff; font-size: 1.5rem; text-decoration: underline; }
a.catchPlusPlus ul { margin: 0; padding: 0; }
a.catchPlusPlus ul li { vertical-align: middle; width:100%; box-shadow: 5px 5px 10px rgba(0,0,0,.15); margin: 0; padding: 0; line-height: 1; border-radius: 5px; background: #fff; text-align: center; padding: 20px; color:#FF7C43; box-sizing: border-box; font-weight: bold; font-size: 1.3rem; }
a.catchPlusPlus ul li small { font-size: 12px; line-height: 1; color:#777; vertical-align: middle; position: relative; top:-2.5px; }

.catchSup { max-width: 990px; padding: 0 20px 20px; margin: 0 auto; color:#9C7A7A; font-size: .8rem; box-sizing: border-box; }

.amenityInfo { max-width: 950px; margin: 0 auto; }
.amenityInfo > h2 { background: #E2DFD6; text-align: center; line-height: 1; padding: 10px 0; text-align: center; color:calc(0,0,0,.9); font-size: 1rem; }

.topOptions { background: #fafafa; padding: 10px; }
.topOptions h2 { font-size: 2.375rem; text-align: center; color:#E26E8E; margin: 50px auto 10px; }
.topOptions > p { font-size: 1rem; text-align: center; margin: 0 auto 50px; }
.topOptions .inr { max-width: 950px; margin: 0 auto; }
.topOptions .inr dl { border:1px solid rgba(0,0,0,.25); background: #fff; width: 100%; box-sizing: border-box; margin: 0 0 10px; }
.topOptions .inr dt { line-height: 1.4; margin: 0; padding: 15px 15px 5px 100px; font-size: 1.2rem; font-weight: normal; }
.topOptions .inr dd { line-height: 1.4; margin: 0; padding: 0 15px 15px 100px; font-size: .8rem; color:rgba(0,0,0,.5); }
.topOptions .inr dl:nth-of-type(1) { background: #fff url(/static/images/ico_tv.svg) 25px center no-repeat; }
.topOptions .inr dl:nth-of-type(2) { background: #fff url(/static/images/ico_tel.svg) 27px center no-repeat; }
.topOptions .inr dl:nth-of-type(3) { background: #fff url(/static/images/ico_sec.svg) 31px center no-repeat; }
.topOptions > ul { padding: 0; max-width: 950px; margin: 0 auto 50px; }
.topOptions > ul > li a { display: block; text-decoration: none; margin: 0; padding:15px; border:1px solid rgba(0,0,0,.5); text-align: center; line-height: 1.2; color:#333; }
.topOptions > ul > li a:hover { background: rgba(0,0,0,.5); color:#fff; }

.melit h2 { font-size: 2.375rem; text-align: center; color:#111; padding: 50px 0; margin: 0; line-height: 1.3; }
.melit > h3 { font-size: 2.375rem; text-align: center; color:#111; margin: 50px auto 20px; line-height: 1.3; }
.melit > h5 { font-size: 1.75rem; text-align: center; color:#111; margin: 50px auto; line-height: 1.6; letter-spacing: .05em; }
.melit .melitprice { margin: 0 0 60px; }
.melit .melitprice img { width: 400px; }
.melit .mailInfo { background: #E26E8E; box-sizing: border-box; max-width: 950px; margin: 0 auto 30px; }
.melit .mailInfo h3 { background:#D56180; padding: 15px 0; margin: 0; text-align: center; color:#fff; font-size: 1.4rem; letter-spacing: .05em;  }
/*
.melit .mailInfo .informationTxtArea { padding: 0 20px; }
.melit .mailInfo .informationTxtArea * { color:#fff;  }
*/
.melit .mailInfo .informationTxtArea { margin: 0 0 60px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 20px 10px; }
.melit .mailInfo .informationTxtArea dl { display: block; width: calc((100% - 20px) / 3); background: #fff; margin:0; padding:100px 15px 15px; box-sizing: border-box; margin: 0 0 10px; box-shadow: 1px 3px 4px rgba(0,0,0,.1); position: relative; }
.melit .mailInfo .informationTxtArea dl dt { width: auto; content: #555; font-size: 1.2rem; font-weight: bold; color: #D56180; border:none; margin:0; padding: 0 0 10px; text-align: center; }
.melit .mailInfo .informationTxtArea dl dd { width: auto; content: #555; font-size: 1.0rem; text-align: center; padding: 0; margin: 0; }
.melit .mailInfo .informationTxtArea dl:nth-of-type(1) { background: #fff url(/static/images/ico_price01.svg) center 30px no-repeat; }
.melit .mailInfo .informationTxtArea dl:nth-of-type(2) { background: #fff url(/static/images/ico_price02.svg) center 30px no-repeat; }
.melit .mailInfo .informationTxtArea dl:nth-of-type(3) { background: #fff url(/static/images/ico_price03.svg) center 30px no-repeat; }
.melit .mailInfo .informationTxtArea dl:nth-of-type(4) { background: #fff url(/static/images/ico_price04.svg) center 30px no-repeat; width:100%; }


.melit .priceflow { border:1px solid rgba(0,0,0,.25); box-sizing: border-box; max-width: 680px; margin:30px auto 10px; }
.melit .priceflow h4 { margin: 0; padding: 10px; background:#f6f6f6; text-align: center; color:#111; font-size: 1rem; font-weight: bold; border:none; }
.melit .priceflow table { margin: 20px; width: calc(100% - 40px); }
.melit .priceflow table th { font-weight: 700; font-size: 1rem; }
.melit .priceflow table td { font-weight: 700; font-size: 1rem; text-align: right; }
.melit .priceflow table td.discount { color: #4993D4; }
.melit .priceflow table td.totalpay { color: #FF0000; font-size: 1.4rem; }
.melit .sup { max-width: 680px; margin: 0 auto; padding: 0 0 0 1em; text-indent: -1em; font-size: .8rem; text-align: right; }
.melit .sup01 { max-width: 680px; margin: 0 auto; padding: 0 0 0 1em; text-indent: -1em; font-size: .8rem; text-align: left; }
.melit > ul { padding: 0; max-width: 300px; margin: 0 auto 50px; }
.melit > ul > li a { display: block; text-decoration: none; margin: 0; padding:15px; border:1px solid rgba(0,0,0,.5); text-align: center; line-height: 1.2; color:#333; }
.melit > ul > li a:hover { background: rgba(0,0,0,.5); color:#fff; }

.wrapper .secLife { padding: 60px 0 70px; margin: 0; }
.wrapper .anchorWrap { margin: 0; padding: 0; }
.wrapper .secFlow { padding: 60px 0 0; margin: 0; }
.wrapper .secLife p em { font-weight: bold; color:#FF7C43; font-style: normal; background: #ff0; line-height: 1; padding: 0 4px; margin: 0 2px; }
.wrapper .secLife .lifeBlock p em { font-size: 1.2rem; padding: 0 4px; margin: 0 2px; }

.secFlowAttention { background:#BDDFE9; padding: 20px ; }
.secFlowAttention .inr { background:#fff; padding: 20px ; max-width: 950px; margin: 0 auto 10px; box-sizing: border-box; }
.secFlowAttention .inr h3 { margin: 0; padding: 10px 0 30px; }
.secFlowAttention .inr ul { margin: 0; padding: 0 0 10px; list-style: none;  }
.secFlowAttention .inr ul li { margin: 0; padding: 0 0 10px 15px; list-style: none; position: relative; }
.secFlowAttention .inr ul li::after { content: ""; font-size: 1px; line-height: 1px; width: 6px; height: 6px; background: #777; border-radius: 100px; position: absolute; top:7.5px; left: 0; }
.secFlowAttention .inr ol { margin: 0; padding: 0; list-style: none;  }
.secFlowAttention .inr ol li { margin: 0; padding: 0 0 10px 15px; list-style: none; position: relative; text-align: right; }
.secFlowAttention .inr ol li a {color: #111; }
.secFlowAttention > ul { margin: 0 auto 60px; padding: 0; max-width: 950px; }
.secFlowAttention > ul > li { margin: 0; padding: 0;}
.secFlowAttention > ul > li a { border:1px solid rgba(0,0,0,.5); color: #111; padding: 10px; font-size: 1rem; text-decoration: none; text-align: center; display: block; }
.secFlowAttention > ul > li a:hover { background: rgba(0,0,0,.5); color:#fff; }

.amenityDetail { max-width: 950px; margin: 0 auto; }
.amenityDetail > h2 { font-size: 2.375rem; text-align: center; color:#111; margin: 50px auto; line-height: 1.3; }
.amenityDetail > h3 { background: #E2DFD6; text-align: center; line-height: 1; padding: 10px 0; text-align: center; color:calc(0,0,0,.9); font-size: 1rem; }

.featurepoint { background: #E26E8E; }
.featurepoint h2 { font-size: 2.375rem; text-align: center; color:#fff; margin: 0 auto; padding: 50px 0; line-height: 1.3; }
.featurepoint h2 small { font-size: 2rem; }
.featurepoint .inr { padding: 0 20px 10px; max-width: 950px; margin: 0 auto; }
.featurepoint .inr dl { background: #fff; padding:20px; margin: 0 0 10px; box-sizing: border-box; position: relative; }
.featurepoint .inr dl dt { font-size: 1.8rem; font-weight: 700; color:#E26E8E; text-align: center; line-height: 1.45; padding: 60px 0 0; position: relative; }
.featurepoint .inr dl dt::before { content: url(/static/images/ico_feature.svg); position: absolute; top:10px; left:calc(50% - 20px); }
.featurepoint .inr dl dt br { display: none; }
.featurepoint .inr dl dt:after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #E26E8E; position: absolute; top:calc(50% - 4px); right: 0; }
.featurepoint .inr dl dt.active:after { border-top: none; border-bottom: 8px solid #E26E8E; }
.featurepoint .inr dl dd { margin: 0; padding: 0; line-height: 1.8; }

.jyusetu { border:4px solid #C5C3C3; padding: 25px; box-sizing: border-box; max-width: 950px; margin: 60px auto; }
.jyusetu h3 { color: #FF7C43; }
.jyusetu h4 { margin: 10px 0; padding: 15px 0; line-height: 1; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: bold; }
.jyusetu .tr { text-align: right; }
.wrapper section .settingFlow { text-align: left; }
.wrapper section .settingFlow h3 { text-align: left;  background: #a4d647; color:#fff; padding: 15px 10px; font-size: 1.1rem; line-height: 1.1; margin: 20px 0; }
.wrapper section .settingFlow h3.takunai { background: #E9A73B; }
.wrapper section .settingFlow h3.okugai  { background: #61AFD8; }
.wrapper section .settingFlow h4 { border:1px solid #aaa; padding:15px 10px; font-size: 1rem; line-height: 1.1; margin: 10px 0; background: #fcfcfc; }
.wrapper section .settingFlow p { font-size: .9rem; line-height: 1.4; margin: 0 0 30px; padding: 0; font-weight: normal; }
.wrapper section .settingFlow p:before { display: none; }

.flowMap ul { display: flex; justify-content: center; }
.flowMap ul li { width: 160px; margin: 0 5px; padding:20px 10px; text-align: center; font-size: 1rem; font-weight: bold; background: #fff; border-radius: 10px; }
.flowMap ul li em { display: block; height: 100px; text-align: center; margin: 0 auto 20px; width: 100%; display: flex; align-items: center;justify-content: center; }
.flowMap ul li em img { text-align: center; margin: 0 auto; }
.flowMap ul li span { display: block; text-align: center; font-size: 2rem; line-height: 1.3; font-weight: 500; color: #3D91D2; }
.flowMap ul li p { font-size: .9rem; margin: 5px 0 0; line-height: 1.3; font-weight: bold; }

.cashbackInfo { background: #fafafa; padding: 50px 10px 1px; }
.cashbackInfo h2 { font-size: 2.375rem; text-align: center; color: #111; margin: 0 auto 50px; line-height: 1.3; }
.cashbackInfo h2 br { display: none; }
.cashbackInfo aside { max-width: 800px; margin: 0 auto 50px; background: rgba(255,255,255,.8); padding: 25px; box-sizing: border-box; box-shadow: 1px 3px 6px rgba(0,0,0,.1); }
.cashbackInfo aside h3 { font-weight: bold; margin: 0; padding: 0 15px 0 0; font-size: .9rem; position: relative; }
.cashbackInfo aside h3:after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #544; position: absolute; top:calc(50% - 4px); right: 0; }
.cashbackInfo aside h3.active:after { border-top: none; border-bottom: 8px solid #544; }
.cashbackInfo aside ul { margin: 0; padding: 20px 0 0; }
.cashbackInfo aside ul li { padding: 0 0 10px 15px; margin: 0; position: relative; }
.cashbackInfo aside ul li::before { content: ""; width: 6px; height: 6px; background: #ccc; border-radius: 10px; line-height: 1px; font-size: 1px; overflow: hidden; position: absolute; top:calc(1em + 7px); left: 0; }
/*
.cashbackFlow { max-width: 800px; margin: 0 auto 50px; box-sizing: border-box; }
.cashbackFlow dl { display: flex; width: 100%; margin: 0 0 10px; }
.cashbackFlow dl dt { width: 50px; background: #E26E8E; display: flex; align-items: center; justify-content: center; color:#fff; padding: 15px 0; font-size: 1rem; }
.cashbackFlow dl:nth-of-type(even) dt { background: #E28E6E; }
.cashbackFlow dl dd { width: calc(100% - 50px); margin: 0; padding: 0 0 0 20px; display: flex; align-items: center; box-sizing: border-box; }
.cashbackFlow dl dd em { font-weight: 700; color: #E26E8E; font-style: normal; }
.cashbackFlow dl:nth-last-of-type(1) dd { background: #E28E6E; font-size: 1.2rem; font-weight: bold; color:#fff; box-shadow: inset 1px 0 0 rgba(0,0,0,.1); }
*/
.cashbackFlow { display: flex; justify-content: space-between; margin: 0 auto 60px; max-width: 1400px; }
.cashbackFlow dl { width: calc((100% - 10px) / 6); background: #fff; border-radius: 1px; margin: 0 auto; padding: 134px 15px 15px; box-sizing: border-box; position: relative; box-shadow: 3px 3px 3px rgba(0,0,0,.05); }
.cashbackFlow dl:after { content: ""; display: block; width: 10px; height: 10px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top:62px; right: 15px; }
.cashbackFlow dl dt { margin: 0; padding: 0; position: absolute; line-height: 1; top:10px; left: 13px; color: #fff; font-size: 43px; font-family: Arial narrow; }
.cashbackFlow dl dd { margin: 0; padding: 0; color: #fff; }
.cashbackFlow dl dd a { color: #fff; }
.cashbackFlow dl dd em { color: #ff0; font-weight: bold; font-style: normal; }
.cashbackFlow dl:nth-of-type(even) { top:10px; }
.cashbackFlow dl:nth-of-type(1) { background: #E26E8E url(/static/images/ico_cashbackflow01.svg) center 35px no-repeat; }
.cashbackFlow dl:nth-of-type(2) { background: #E27389 url(/static/images/ico_cashbackflow02.svg) center 35px no-repeat; }
.cashbackFlow dl:nth-of-type(3) { background: #E27883 url(/static/images/ico_cashbackflow03.svg) center 35px no-repeat; }
.cashbackFlow dl:nth-of-type(4) { background: #E27E7E url(/static/images/ico_cashbackflow04.svg) center 35px no-repeat; }
.cashbackFlow dl:nth-of-type(5) { background: #E28378 url(/static/images/ico_cashbackflow05.svg) center 35px no-repeat; }
.cashbackFlow dl:nth-of-type(6) { background: #E28973 url(/static/images/ico_cashbackflow06.svg) center 35px no-repeat; }
.agreementlist { margin: 1em 0 0; padding: 5px; border:1px solid #e5e5e5; }
.agreementlist h5 { background: #f6f6f6; line-height: 1; padding: 10px; margin: 0; text-align: left; font-size: 12px; }
.agreementlist ul { margin: 0; padding: 10px 0; }
.agreementlist ul li { font-size: 12px; margin: 0; }

.accordion > .btn { cursor: pointer; }
.accordion > .txt { display: none; }

.company { max-width: 950px; margin: 0 auto; border:3px double #ddd; padding: 25px; box-sizing: border-box; }
.company h3 { text-align: center; font-size: 1.2rem; letter-spacing: .05em; font-weight: 500; }
.company p { margin: 0 0 30px; }
.company dl { display: flex; border-top:1px solid #e5e5e5; padding:0; margin: 0; }
.company dl dt { padding: 20px 0; margin: 0; width: 10em; letter-spacing: .1em; position: relative; }
.company dl dd { padding: 20px 0; margin: 0; width: calc(100% - 10em); }






@media screen and (max-width: 1023px){
.swP { display: none; }
.swS { display: block; }
body { padding: 40px 0 0; }
header .logo { margin: 0 0 0 10px; }
header .logo img { height: 23px; }
header .gnav { display: none; }
header .acept a { height: 40px; width: 40vw; max-width: 150px; font-size: .9rem; }
header .menubtn { width: 40px; height: 40px; }
header .menubtn > div { top:14px; right:11px; width: 18px; height: 12px; }
header .menubtn > div span:nth-of-type(1) { top: 0; }
header .menubtn > div span:nth-of-type(2) { top: 5px; }
header .menubtn > div span:nth-of-type(3) { bottom: 0; }
header .menubtn.active > div span:nth-of-type(1) { transform: translateY(5px) rotate(-45deg); }
header .menubtn.active > div span:nth-of-type(2) { opacity: 0; }
header .menubtn.active > div span:nth-of-type(3) { transform: translateY(-5px) rotate(45deg); }
header .menu { top:40px; }
.bottomInfo { padding: 40px 20px; margin: 40px 0; }
.bottomInfo h6 { margin: 0 0 10px; }
.bottomInfo ul li a { display:block; width: auto; font-size: 1.1rem; padding: 15px; margin: 0 0 10px; }
.bottomInfo .teltxt { font-size: 2rem; font-weight: 600; }
footer ul {padding: 10px; flex-wrap: wrap; }
footer ul li { width: calc(50% - 10px); margin: 0 20px 0 0; border-bottom: 1px solid rgba(255,255,255,.2); }
footer ul li a,
footer ul li a:link,
footer ul li a:visited { display: block; padding: 10px 0; line-height: 1.1; }
footer ul li:nth-of-type(even) { margin: 0; }
footer ul li:nth-last-of-type(1),
footer ul li:nth-last-of-type(2) {border:none; }
h1.title { font-size: 1.2rem; padding: 15px 0; line-height: 1; text-align: center; margin: 0; border-bottom: 1px solid #eee; }
.page { padding:0 20px; }
.page h2.h02 { font-size: .95rem; text-align: center; color:#fff; background: #31271F; border-top:4px solid #E26E8E; line-height: 1.1; padding: 13px 5px; margin: 20px -20px; }
.page .h03 { font-size: 1rem; padding: 15px 12px 12px; }
.page p { font-size:.95rem; margin:20px 0; line-height: 1.45; }

.page .formarea dl { display: block; padding:0; margin: 20px 0; border-top:none; }
.page .formarea dl dt { width: auto; margin: 0 0 5px; padding: 0 0 0 40px; font-weight: bold; color:rgba(0,0,0,.5); position: relative; }
.page .formarea dl dt br { display: none; }
.page .formarea dl.must dt::after   { right: auto; top:calc(50% - 10px); left: 0; }
.page .formarea dl.option dt::after { right: auto; top:calc(50% - 10px); left: 0; }
.page .formarea dl dd { width:auto; margin:0; padding: 0; }
.page .formarea dl dd p { margin: 0 0 10px; }
.page .formarea dl dd label { display:block; }
.page .flowimg { margin: 20px auto; }
.page .flowimg img { height: 70px; }
.page .formarea dl dd input[type="text"],
.page .formarea dl dd textarea,
.page .formarea dl dd select { font-size: 16px; }
.page .formarea ul.formbtn { display: block; }
.page .formarea ul.formbtn li { display: block; margin: 0 0 10px; text-align: center; }
.page .formarea ul.formbtn li .negative { height: 30px; line-height: 30px; text-decoration: none; font-size: .85rem; }

.areacheck a { font-size: 1rem; padding: 10px 60px 10px 30px; line-height: 1.25rem; }
.areacheck a::before { height: calc(20px + 2.5rem); }

.priceCatchcopy { font-size: 1rem; padding: 40px 0 75px; margin: 0 -10px -20px; /* background: url(/static/images/img_human_sp.png) center bottom no-repeat; background-size: contain; */ }
.priceCatchcopy em { font-size: 1.25rem; }

.informationTxtArea dl { display: block; border:none; padding: 0; margin: 0 0 15px; }
.informationTxtArea dl dt { width: auto; font-size: .8rem; color: rgba(0,0,0,.5); font-weight: bold; }
.informationTxtArea dl dd { width: auto; }

.supporttxt { font-size: .9rem; }
.tipsWrap .inr{ font-size: .9rem; }
.youtube { margin: 0 auto 20px; }
.faqWrap { margin: 0 ; }
.faqWrap > ul li a { margin: 0 20px; }

.catch h1 { padding: 50px 0 60px; /* background: url(/static/images/img_human_sp.png) center bottom no-repeat; */ background-size:contain;}
.catch h1 img { width: auto; margin: 0 auto; }

.catchPlus { margin: 0 auto; padding: 25px 10px 10px; }
.catchPlus h3 { font-size: 1.3rem; }
.catchPlus ul li { font-size: 1rem; }
a.catchPlusPlus { margin: 5px; padding: 25px 10px 10px; }
a.catchPlusPlus h3 { font-size: 1.3rem; }
a.catchPlusPlus ul { display: block; }
a.catchPlusPlus ul li { font-size: 1.1rem; width: 100%; margin: 0; }
a.catchPlusPlus ul li small { top:0; }
.catchSup { padding: 0 15px 5px }
.amenityInfo { margin: 0 20px; }
.amenityInfo .informationTxtArea { margin: 0 0 30px; }
.topOptions h2 { font-size: 1.12rem; margin: 30px auto 10px; }
.topOptions > p { font-size: .85rem; margin: 0 auto 30px }
.topOptions .inr dt { font-size: 1rem; }
.topOptions .inr dd { line-height: 1.2; }
.topOptions > ul { margin: 0 auto; }
.melit { margin-top: -40px; padding-top: 40px; }
.melit h2 { font-size: 1.4rem; padding: 30px 0; }
.melit .mailInfo { margin: 0 10px 30px; }
.melit .mailInfo h3 { padding: 10px 0; line-height: 1.2; font-size: 1.12rem; }
.melit .mailInfo .informationTxtArea { padding: 15px 15px 5px; margin: 0; }
.melit .mailInfo .informationTxtArea dl dt { font-size: 1rem; }
.melit .mailInfo .informationTxtArea dl dd { font-size: .9rem; }
.melit .mailInfo .informationTxtArea dl dd br { display: none; }
.melit .mailInfo .informationTxtArea dl:nth-of-type(1),
.melit .mailInfo .informationTxtArea dl:nth-of-type(2) { width: calc((100% - 10px) / 2); }
.melit .mailInfo .informationTxtArea dl:nth-of-type(3),
.melit .mailInfo .informationTxtArea dl:nth-of-type(4) { width:100%; }

.melit > h3 { font-size: 1.4rem; padding: 30px 0 15px 0; margin: 0; }
.melit .melitprice img { width: auto; }
.melit > p { margin: 0 10px 10px; }
.melit .priceflow { margin: 10px; padding: 10px 10px 1px; border:none; background: #f6f6f6; }
.melit .priceflow h4 { background: #E26E8E; color: #fff; line-height: 1; }
.melit .priceflow table { background: #fff; margin: 0 0 10px; width: 100%; border-collapse: separate; border-spacing: 10px;  }
.melit .priceflow table th,
.melit .priceflow table td { line-height: 1; }
.melit .sup { margin: 0 10px; }
.melit .sup01 { margin: 0 10px; }
.melit > h5 { font-size: 1rem; margin: 30px auto; }
.melit > ul { margin: 0 auto 30px; }
.amenityDetail { margin: 0 20px; }
.amenityDetail .informationTxtArea { margin: 0 0 30px; }
.featurepoint h2 { padding: 30px 0; font-size: 1.3rem; }
.featurepoint h2 small { font-size: .9rem; }
.featurepoint .inr dl dt { font-size: 1.1rem; margin: 0 20px 0 0; padding: 60px 20px 0 0; border-right: 1px dashed #ddd; }
.featurepoint .inr dl dt:after { right: -27px; }
.jyusetu { margin: 15px; }
.plainbtn { min-width: 0; display: block; }

.flowMap ul { display: block; }
.flowMap ul li { width: auto; margin: 0 20px 5px; padding:10px 10px 10px 70px; text-align: left; border-radius: 3px; }
.flowMap ul li span { font-size: 1.4rem; display: inline; }
.flowMap ul li em { display: none; }
.flowMap ul li:nth-of-type(1) { background: #fff url(/static/images/flowMap_a.svg) 15px center no-repeat; background-size: 40px auto; }
.flowMap ul li:nth-of-type(2) { background: #fff url(/static/images/flowMap_b.svg) 15px center no-repeat; background-size: 40px auto; }
.flowMap ul li:nth-of-type(3) { background: #fff url(/static/images/flowMap_c.svg) 15px center no-repeat; background-size: 40px auto; }
.flowMap ul li:nth-of-type(4) { background: #fff url(/static/images/flowMap_b.svg) 15px center no-repeat; background-size: 40px auto; }
.flowMap ul li:nth-of-type(5) { background: #fff url(/static/images/flowMap_d.svg) 15px center no-repeat; background-size: 40px auto; }
.flowMap ul li:nth-of-type(6) { background: #fff url(/static/images/flowMap_e.svg) 15px center no-repeat; background-size: 40px auto; }
.flowMap ul li span { text-align: left; }
.flowMap ul li p br { display: none; }

.cashbackInfo h2 {  font-size: 1.2rem; }
.cashbackInfo h2 br { display: block; }
/*
.cashbackFlow dl dd { padding: 0 0 0 10px; }
*/
.cashbackInfo aside { margin: 0 auto 10px; padding: 15px; }

.wrapper section h2 { font-size: 26px; }
.wrapper section h2 br { display: block; }
.wrapper .secLife .lifeBlock p { font-size: 15px; }

.cashbackFlow { display: block; margin: 0 -5px 10px; }
.cashbackFlow dl { display: flex; align-items: center; width: auto; margin: 0 5px 5px; padding: 15px 15px 15px 80px; box-sizing: border-box; min-height: 80px; }
.cashbackFlow dl:nth-of-type(even) { top:0; }
.cashbackFlow dl:nth-of-type(1),
.cashbackFlow dl:nth-of-type(2),
.cashbackFlow dl:nth-of-type(3),
.cashbackFlow dl:nth-of-type(4),
.cashbackFlow dl:nth-of-type(5),
.cashbackFlow dl:nth-of-type(6) { background-position:15px center; background-size: 50px 50px; }
.cashbackFlow dl:after { display: none; }
.cashbackFlow dl dt { top:5px; left:5px; font-size: 24px; }
.cashbackFlow dl dd { line-height: 1.25; }

.company { margin: 15px; padding: 25px 25px 18px; }
.company dl { display: block; }
.company dl dt { width: auto; padding: 11px 0 4px; margin: 0; line-height: 1; font-size: 11px; font-weight: bold; color: #999; }
.company dl dd { width: auto; padding: 0 0 7px; margin: 0; line-height: 1.4; }

.caption { font-size: .9rem; padding: 0 20px; }

}


@media screen and ( max-width: 320px){
	header .logo img { height: 18px; }
	.bottomInfo .teltxt { font-size: 1.5rem; }
}