body {margin: 0;padding: 106px 0 0;font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: 100%;}

.innerbrock {display: block; margin: 0 auto; padding-left: 20px; padding-right: 20px; max-width: 1100px; box-sizing: content-box;text-align: center;}
.innerbrock img {max-width: 100%;width: auto;height: auto;}

#fixheader {height: 105px;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;}
#fixheader > div {background-color: #fff;height: 105px;border-bottom: 1px #3da2d0 solid;}
.innerbrock.headlayout {display: table; width: 100%;align-items: center;padding: 0;}
.innerbrock.headlayout > div {display: table-cell;vertical-align: middle;}
.innerbrock.headlayout > div:nth-of-type(1) {text-align: left; width: 46%;}
.innerbrock.headlayout > div:nth-of-type(2) {text-align: right; width: 23%;}
/*.innerbrock.headlayout > div:nth-of-type(3) {text-align: right;}*/
.innerbrock.headlayout > div:nth-of-type(2) img {vertical-align: bottom;margin-left:16px;margin-right: 16px; max-width: calc(100% - 16px);}
/*.innerbrock.headlayout > div:nth-of-type(3) img {vertical-align: bottom;margin-left:16px;max-width: calc(100% - 16px);}*/
.innerbrock.headlayout > div a img {opacity: 1;transition: 0.3s;}
.innerbrock.headlayout > div a:hover img {opacity: 0.7;}

.innerbrock.headlayout .head-tel-btn-pc {background-image: url("img/head-tell.png?0");background-position: center;background-size: contain;background-repeat: no-repeat; margin-left:16px;max-width: 268px;height: 74px; width: 23%;position: relative;}
.innerbrock.headlayout .head-tel-btn-pc > span {position: absolute;top: 41px;left: 61px;font-size: 27px;font-weight: bold;color: #ffffff;white-space: nowrap;}
.innerbrock.headlayout .head-tel-btn-sp {display: none;}
@media screen and (max-width: 1025px){
    .innerbrock.headlayout .head-tel-btn-pc > span{left: 49px; font-size: 25px;}
}
@media screen and (max-width: 930px){
    .innerbrock.headlayout .head-tel-btn-pc > span{left: 56px;font-size: 21px;top: 40%;}
}
@media screen and (max-width: 826px){
    .innerbrock.headlayout .head-tel-btn-pc > span{left: 42px;font-size: 20px;}
}
@media screen and (max-width: 767px){
    .innerbrock.headlayout .head-tel-btn-pc {display: none;}
    
    .innerbrock.headlayout > div:nth-of-type(1) {text-align: left; width: 54%;}
    .innerbrock.headlayout > div:nth-of-type(2) {text-align: right; width: 15%;}
    .innerbrock.headlayout .head-tel-btn-sp {display: block;background-image: url("img/head-tell.png?0");background-position: center;background-size: contain;background-repeat: no-repeat;height: 60px; width: 31%;position: relative;}
    .innerbrock.headlayout .head-tel-btn-sp a {display: inline-block;position: absolute;white-space: nowrap;font-size: 21px; color: #ffffff;font-weight: bold;text-decoration: none;top: 40%; left: 23%;}
}
@media screen and (max-width: 687px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 20px;}
}
@media screen and (max-width: 634px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 18px;}
}
@media screen and (max-width: 550px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 16px;top: 45%;}
}
@media screen and (max-width: 481px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 15px;}
}
@media screen and (max-width: 441px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 14px;left: 22%;}
}
@media screen and (max-width: 414px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 13px;}
}
@media screen and (max-width: 375px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 12px;}
}
@media screen and (max-width: 320px){
.innerbrock.headlayout .head-tel-btn-sp a{font-size: 10px;left: 19%;}
}

main {overflow: hidden;}

#mainimage {background-image: url("img/mainimage-bg.png");padding: 0 0 1.6em 0;}
#mainimage .innerbrock p {margin: 0;padding: 1em;background-color: rgba(255,255,255,0.9); border-radius: 16px;}

.contact {background-color: #1d74d0;padding: 16px 0 0 0;/*background-image: url("img/contact-bg.png");background-position: bottom;background-repeat: no-repeat; padding: 40px 0 30px;*/}
.can-conect {display: none;}
.can-conect.conect-show {display: block;}
.can-conect p {margin: 40px auto 0px;padding: 8px 16px;width: 80%;background-color: #fff;filter: drop-shadow(4px 6px 0px #74a7f7);font-size: 24px;}
.bg-brack {background-color: #000;color: #fff;font-weight: bold;display: inline-block;padding: 0 8px;font-size: 28px;margin-right: 4px;}
.thistime {color: #FFFF00;}
.contact .contact-type {margin-top: 20px;}
.contact .contact-flex {width: 100%;display: flex;align-items: center;justify-content: center; padding: 24px 0 0;}
.contact .contact-flex .contact-tell.pc {text-align: center;padding: 0 16px;background-image: url(img/contact-tel-pc.png?0);background-size: contain;background-repeat: no-repeat;color: #ffffff;width: 429px;height: calc(93px - 35px);font-size: 48px;font-weight: bold;padding-top: 35px;padding-left: 36px;}
.contact .contact-flex .contact-tell.sp {display: none;}
@media screen and (max-width: 992px) {
    .contact .contact-flex .contact-tell.pc {font-size: 42px;padding-top: 29px;}
}
@media screen and (max-width: 856px) {
    .contact .contact-flex .contact-tell.pc {font-size: 37px;padding-top: 26px;}
}
@media screen and (max-width: 767px) {
    .contact .contact-flex .contact-tell.pc {display: none;}
    .contact .contact-flex .contact-tell.sp {display: block;text-align: center;padding: 0 16px;background-image: url(img/contact-tel-pc.png?0);background-size: contain;background-repeat: no-repeat;color: #ffffff;width: 60%; margin-left: 30%;font-size: 50px;font-weight: bold;padding-top: 39px;padding-left: 52px;white-space: nowrap;}
    .contact .contact-flex .contact-tell.sp a {text-decoration: none;color: #ffffff;}
}
@media screen and (max-width: 667px) {
    .contact .contact-flex .contact-tell.sp {font-size: 39px;padding-top: 35px;}
}
@media screen and (max-width: 490px) {
    .contact .contact-flex .contact-tell.sp {font-size: 34px;padding-top: 24px;}
}
@media screen and (max-width: 434px) {
    .contact .contact-flex .contact-tell.sp {font-size: 28px;padding-top: 20px;width: 45%;padding-left: 58px;}
}
@media screen and (max-width: 414px) {
    .contact .contact-flex .contact-tell.sp {font-size: 28px;padding-top: 18px;width: 53%;padding-left: 53px;}
}
@media screen and (max-width: 375px) {
    .contact .contact-flex .contact-tell.sp {font-size: 25px; padding-top: 12px; width: 45%; padding-left: 36px;}
}
@media screen and (max-width: 320px) {
    .contact .contact-flex .contact-tell.sp {font-size: 20px;}
}

.contact .contact-flex .contact-mail {/*padding-top: 40px;height: 45px;*/}
.contact .contact-flex .contact-tell img {padding: 4px; max-width: calc(100% - 8px);height: auto;}
.contact .contact-flex .contact-mail a img {opacity: 1; transition: 0.3s;padding: 4px; max-width: calc(100% - 8px);height: auto;}
.contact .contact-flex .contact-mail a:hover img {opacity: 0.7;}
.contact .contact-flex .contact-chara {text-align: center;}
.contact .contact-flex .contact-chara img {padding: 4px;width: 160px;height: auto;}

@media screen and (max-width: 1100px) {
    .contact .contact-grid .contact-mail {height: auto;}
}

#map {background-image: url("img/map-bg.png");padding: 20px 0;}

#threepromise {background-image: url("img/threepromise-bg.png");padding: 40px 0;}

#corona {padding: 40px 0;}

#results {background-color: #ccc;padding: 2em 0 1em;background-image: url("img/results-bg.jpg");}
#results .innerbrock p {margin: 0;padding: 1em 0;font-size: 16px;}
#results .innerbrock p.enterprise {margin: -1em auto 2em auto;padding: 1em 1.6em; border: 1px #333333 dotted;display: inline-block;}

#eliminate {background-image: url("img/eliminate-bg.png");padding: 40px 0 0;}

.omakase {background-image: url("img/eliminate2-bg.png");background-position: center;padding: 50px 0 0;margin-top: 30px;}

#fourreason {background-image: url("img/fourreason-bg.png");padding: 40px 0;}
.reason-flex {display: flex;width: 100%; flex-wrap: wrap;list-style: none;margin: 0px;padding: 0;}
.reason-flex li:nth-of-type(odd) {margin-right: 20px;width: calc(50% - 72px);border: 6px #185ab4 solid;border-radius: 16px;background-color: #ffffff;position: relative;margin-bottom: 60px;padding: 50px 20px 20px;}
.reason-flex li:nth-of-type(even) {margin-left: 20px;width: calc(50% - 72px);border: 6px #185ab4 solid;border-radius: 16px;background-color: #ffffff;position: relative;margin-bottom: 60px;padding: 50px 20px 20px;}

.reason-flex li > span {position: absolute;top: -45px;left: 25px;}
.reason-flex li p {text-align: left;}
.reason-flex li p.reason-ttl {font-size: 37px;margin: 0 0 8px;color: #3171c8;font-weight: bold;}
.reason-flex li p.reason-txt {font-size: 20px;margin: 0;}
.reason-flex li p .redtxt {color: #f63c3a;}

#compare {background-image: url("img/compare-bg.png"); padding: 40px 0;}
.compare-reractive {position: relative;}
.compare-chara {position: absolute;bottom: 0;right: -49px;}

#price {background-image: url("img/price-bg.png"); padding: 40px 0;}
.price-relative {position: relative;}
.price-item {display: flex;flex-wrap: nowrap;background-color: #fff;padding: 8px;list-style: none;}
.price-item li {padding: 8px;}
.price-item li img {vertical-align: bottom;}
.price-foot {margin: 66px 0;}
.price-chara {position: absolute;bottom: -118px;right: -10px;}

#flat {background-image: url("img/flat-bg.png"); padding: 40px 0;}
#flat innerbrock {}
#flat innerbrock p {}

.flat-ttl {text-align: center;margin-bottom: 16px;}
.flatx4 {width: 100%;display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.flatx4 li {width: 50%;}
.flatx4 li:first-of-type {width: 50%;padding: 0 25%;}
.flat-package {text-align: center;margin: 48px 0 37px;}

.flatx6 {width: 100%;display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.flatx6 li {width: calc(100% / 6);}

.flatx4b {width: 100%;display: flex;flex-wrap: wrap;list-style: none;margin: 16px 0 0;padding: 0;}
.flatx4b li {width: calc(50% - 14px);background-color: #ffffff;border: 3px #1d74d0 solid;margin-bottom: 16px;padding: 16px 0 0;}
.flatx4b li:nth-of-type(odd) {margin-right: 16px;}
.flatx4b li > span {font-weight: bold;font-size: 22px;display: block;}
.flatx4b li span img {height: 50px;width: auto;margin-right: 8px;vertical-align: middle;}
.flatx4b li p {}
.flatx4b li img.brpc {margin: 0 auto;}
.flatx4b li .pack-telbtn-pc {background-image: url(img/pack-tel.png);background-size: contain;background-repeat: no-repeat;width: calc(100% - 36px);height: calc(115px - 47px);background-position: center;font-size: 37px;font-weight: bold;color: #fff;padding-top: 47px;padding-left: 36px;}
.flatx4b li .pack-telbtn-sp {display:none;}
@media screen and (max-width: 900px) {
    .flatx4b li .pack-telbtn-pc {font-size: 34px;}
}
@media screen and (max-width: 785px) {
    .flatx4b li .pack-telbtn-pc {font-size: 30px;}
}
@media screen and (max-width: 767px) {
    .flatx4b li .pack-telbtn-pc {display: none;}
    .flatx4b li .pack-telbtn-sp {display:block;background-image: url(img/pack-tel.png);background-size: contain;background-repeat: no-repeat;width: calc(100% - 36px);height: 68px;background-position: center;font-size: 37px;font-weight: bold;color: #fff;padding-top: 47px;padding-left: 36px;white-space: nowrap;}
    .flatx4b li .pack-telbtn-sp a {text-decoration: none;color: #ffffff;white-space: nowrap;}
}
@media screen and (max-width: 528px) {
    .flatx4b li .pack-telbtn-sp {font-size: 30px;}
}
@media screen and (max-width: 424px) {
    .flatx4b li .pack-telbtn-sp {font-size: 27px;width: calc(100% - 39px);padding-left: 39px;height: 65px;padding-top: 50px;}
}
@media screen and (max-width: 375px) {
    .flatx4b li .pack-telbtn-sp {font-size: 24px;width: calc(100% - 39px);padding-left: 39px;}
}
@media screen and (max-width: 320px) {
    .flatx4b li .pack-telbtn-sp {font-size: 17px;width: calc(100% - 25px);padding-left: 25px;height: 65px;padding-top: 50px;}
}

.flat-card {text-align: center;margin: 40px 0px;}
.flat-flat-foot {text-align: center;}

#caution {background-image: url("img/caution-bg.png"); padding-bottom: 40px;}
.innerbrock.coution-reractive {position: relative;}
.caution-ttl {padding-top: 40px;}
#caution p {color: #fff;font-size: 25px;line-height: 54px;z-index: 2;}
.caution-chara {position: absolute;bottom: -51px; right: -82px;z-index: 1;}

#voice {background-image: url("img/voice-bg.png");}
.voice-ttl {}
.voice-ttl img {vertical-align: bottom;padding: 30px 0 0;}
ul.voice-list {list-style: none;margin: 0;padding: 0 0 40px;}
ul.voice-list li {background-color: #ffffff;border: 6px #5c6ff8 solid;border-radius: 16px; text-align: left;margin-bottom: 40px;padding: 24px 40px;}
/*ul.voice-list li:nth-of-type(odd) {margin-left: 230px;margin-right: 0;}
ul.voice-list li:nth-of-type(even) {margin-left: 0;margin-right: 230px;}*/
ul.voice-list li {margin-left: auto;margin-right: auto;}
ul.voice-list li:last-of-type {margin-bottom: 0;}
ul.voice-list li:after {content:"";clear: both;height: 0;display: block;visibility: hidden;font-size: 0.1em;}
ul.voice-list li .c-img {float: right;margin-top: 8px;}
ul.voice-list li .c-img img {vertical-align: bottom;width: 420px;height: auto;}
ul.voice-list li .c-type  {display: block;font-size: 24px;width: 140px;text-align: center;font-weight: bold;color: #fff;background-color: #3171c8;border-radius: 16px;}
ul.voice-list li .c-ttl {font-size: 23px;line-height: 1.4em; font-weight: bold;margin: 16px 0;}
ul.voice-list li .c-persona {font-size: 20px;font-weight: bold;margin: 8px 0;}
ul.voice-list li .c-comment {font-size: 20px;font-weight: normal;}

#availablearea {background-color: #fcfae1;padding: 0 0 40px; background-image: url("img/area_bgpc.png");background-repeat: no-repeat;background-position: top center;}
.availablearea-ttl {padding: 30px 0 552px;}
.area-grid {display: grid;max-width: 1030px; margin: 0 auto;grid-template-columns: 49% 2% 49%;align-items: start;}
.area-grid > div {background-color: #fff;}
.area-grid > div:nth-of-type(1) {grid-row: 1 / 3; grid-column: 1 / 2;}
.area-grid > div:nth-of-type(2) {grid-row: 1 / 2;  grid-column: 3 / 4;}
.area-grid > div:nth-of-type(3) {grid-row: 2 / 3;  grid-column: 3 / 4;}

.area-grid > div > div {background-color: #2e6ac5;color: #fff;padding: 8px 0;font-size: 20px; font-weight: bold;}
.area-grid > div > span {background-color: #8cc9d8;color: #fff;padding: 6px 0;display: block;margin: 16px 16px 0;font-size: 18px; font-weight: bold;}

.area-grid > div ul {list-style: none;margin: 0;padding: 16px;text-align: left;}
.area-grid > div ul li {display: inline-block;padding:4px 8px;margin: 0;font-size: 18px;}

#faq {background-image: url("img/qa-bg.png");padding: 0 0 40px;}
.faq-ttl {padding-top: 40px;}
dl.qa-list {margin: 0 auto 80px;padding: 0;width: 90%;text-align: left;}
dl.qa-list dt {background-color: #2e6ac5;color: #ffffff;font-size: 28px;font-weight: bold;margin: 16px 0 0;padding: 10px 10px 10px 60px;position: relative; border:1px #2e6ac5 solid;}
dl.qa-list dt:before {content: "Q";position: absolute;left: 10px;background-color: #fff;border-radius: 50%;color: #2e6ac5;display: inline-block;width: 40px;height: 40px;vertical-align: bottom;text-align: center;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif !Important;}
dl.qa-list dd {margin: 0;padding:  24px 10px 24px 60px;font-size: 18px;position: relative;background-color: #fff;border:1px #2e6ac5 solid;}
dl.qa-list dd:before {content: "A";font-size: 28px;position: absolute;top: 16px;left: 10px;background-color: #2e6ac5;border-radius: 50%;color: #fff;display: inline-block;width: 40px;height: 40px;vertical-align: bottom;text-align: center;font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif !Important;}

.formsarea-box {background-color: #9BC8F8;border-radius: 16px;width: calc(100% - 40px); padding: 20px 20px 20px;position: relative;margin: 400px auto 0px;}
#mailform-position {padding-top:80px;margin-top:-80px;}
.formsarea-box.affirmation {margin: 80px auto 0px;}
.formsarea-box .formsarea-ttl {position: absolute;top:-368px;width: 100%;text-align: center;left: 0; }
.formsarea-box .formsarea-ttl2 {}
.formsarea-box .formtable {width: calc(100% - 40px); padding: 20px 20px 20px;background-color: #ffffff;border-radius: 16px;}
.formsarea-box .formtable dl {display: flex;flex-wrap: wrap;width: 100%;}
.formsarea-box .formtable dl dt {width: calc(35% - 32px);display: block;margin: 0;padding: 16px;;background-color: #185ab4;color: #fff;border-top: 1px #fff solid;text-align: left;}
.formsarea-box .formtable dl dt .indispensable {display: inline-block;background-color: #cc0000;color: #fff;float: right;font-size: 12px;padding: 2px 8px;}
.formsarea-box .formtable dl dd {width: calc(65% - 33px); text-align: left;display: block;margin: 0;padding: 16px;border-top:1px #ccc solid;border-right: 1px #ccc solid;}
.formsarea-box .formtable dl dd:last-of-type {border-bottom:1px #ccc solid;}

.formsarea-box .formtable dl dd input, .formsarea-box .formtable dl dd select, .formsarea-box .formtable dl dd textarea {
    margin: 3px 0; padding: 5px 8px; font-size: 16px; vertical-align: bottom; border: 1px solid #cbcbcb; border-radius: 5px; background: #FFF;
}
.formsarea-box .formtable dl dd input[type=text],
.formsarea-box .formtable dl dd input[type=email],
.formsarea-box .formtable dl dd input[name=tel]{width: 50%;}
.formsarea-box .formtable dl dd textarea {width: calc(100% - 20px);}
.formsarea-box .formtable dl dd input[type=radio] {margin: 8px 5px;}

.formsarea-box .sendbtn {margin-top: 16px;}
.formsarea-box .sendbtn input[type="image"] {max-width: 100%;height: auto;transition: 0.3s;}
.formsarea-box .sendbtn input[type="image"]:hover {transform: translateY(-2px);}
.formsarea-box .sendbtn input[type="image"]:active{transform: translateY(2px);}
.formsarea-box .sendbtn button {background-color: initial; border: 0;}
.formsarea-box .sendbtn button img {transition: 0.3s;}
.formsarea-box .sendbtn button img:hover {transform: translateY(-2px);}

.comp {font-size: 18px;margin: 24px 0;}
.comp_tel {font-size: 24px;font-weight: bold;background-color: #2e6ac5;color: #fff;display: inline-block;padding: 4px 16px;border-radius: 16px;}
.comp_tel a {text-decoration: none;color: #ffffff;}

.footnavi {background-color: #17345f;color: #fff;text-align: center;}
.footnavlink {margin: 0;padding: 0;list-style: none;display: flex;justify-content: center;}
.footnavlink li {padding: 0px 16px;display: inline-block;margin: 16px 0;}
.footnavlink li{border-left: 1px #fff solid;}
.footnavlink li:last-of-type {border-right: 1px #fff solid;}
.footnavlink li a {text-decoration: none;color: #fff;font-size: 14px;}
.footsitename {background-color: #2e6ac5;color: #fff;font-weight: bold;text-align: center;padding: 24px 0;}

.brpc {display: block;}
.brsp {display: none;}

.footer-floating {display: none;}

.pc {display: block;}
.sp {display: none;}


/*service*/
#service {background-color: #a3eaf8;padding: 2em 0 1em;}
#service p {margin: 2em 0 1em;padding: 1em;background-color: rgba(255,255,255,0.6); border-radius: 16px;}

/*privacy*/
#privacy {}
#privacy h1 {font-size: 38px;color: #2e6ac5;margin: 2em 0;}
#privacy dl {}
#privacy dl dt {text-align: left;font-weight: bold;font-size: 18px;margin-bottom: 8px;}
#privacy dl dd {text-align: left;margin: 0 0 24px;line-height: 1.4;font-size: 18px;}

#privacy .prfbox { padding: 30px; border: 1px solid #CCC;font-size: 18px;text-align: left;width: 90%;margin: 50px auto;}
#privacy .prfbox .cmp {margin-bottom: 10px;}

/*company*/
#company {}
#company h1 {font-size: 38px;color: #2e6ac5;margin: 2em 0;}
#company table {width: 90%;margin: 0 auto 2em;border-collapse:collapse; }
#company table tr {}
#company table tr th {padding: 25px 15px 25px 25px; vertical-align: middle; border: 1px solid #d6d6d6; background: #2e6ac5; color: #FFF;font-size: 16px;text-align: left;}
#company table tr td {width: 75%;padding: 25px 15px 25px 25px; vertical-align: middle;font-size: 16px;font-weight: bold;border: 1px solid #d6d6d6; background: #fff;text-align: left;}
#company .gmap {margin: 100px auto;}

@media screen and (max-width: 1000px) {
    .caution-chara {display: block;position: static;}
    .compare-chara {display: block;position: static;}
}

@media screen and (max-width: 767px) {
    body {padding: 0;}
    #fixheader {position: static;height: auto;}
    #fixheader > div {height: auto;}
    .innerbrock.headlayout {padding: 0;height: auto;display: flex;flex-wrap: nowrap;}
    
    .innerbrock.headlayout > div:nth-of-type(2) img {margin-left:0px;max-width: calc(100% - 0px);}
    .innerbrock.headlayout > div:nth-of-type(3) img {margin-left:0px;max-width: calc(100% - 0px);}
    
    .innerbrock { padding-left: 10px; padding-right: 10px; max-width: initial; width: calc(100% - 20px);}
    
    #mainimage {background-image: url("img/mainimage-bg-sp.png");}
    #mainimage .innerbrock {padding: 0px; max-width: initial; width:100%;}
    #mainimage .innerbrock img {vertical-align: bottom;}
    
    #mainimage .innerbrock p {text-align: left;font-size: 14px;}
    
    .contact {background-size: cover;}

    .can-conect p { width: 95%; background-color: #fff; filter: drop-shadow(4px 6px 0px #74a7f7);padding: 8px;margin: 0 auto;font-size: 18px;}
    .contact .contact-grid {display: block;}
    .contact .contact-grid .contact-mail {height: auto;padding-top: 0;}
    
    .contact .contact-flex {flex-wrap: wrap;position: relative;}
    .contact .contact-flex .contact-chara {width: 35%;position: absolute; left: -8px; bottom: -11px;}
    .contact .contact-flex .contact-tell {width: 60%; margin-left: 30%;}
    .contact .contact-flex .contact-mail {width: 60%; margin-left: 30%;}
    
    
    
    dl.qa-list {width: 95%;}
    .compare-chara {display: none;}
    .caution-chara {display: none;}
    
    .compare-ttl {width: 70% !important;margin-bottom: 8px;}
    
    #mainimage {height: auto;}
    
    .reason-flex li:nth-of-type(odd) {margin-left: 0;margin-right: 0; width: calc(100% - 32px);margin-bottom: 60px; padding: 38px 16px 20px;}
    .reason-flex li:nth-of-type(even) {margin-left: 0;margin-right: 0; width: calc(100% - 32px);margin-bottom: 60px; padding: 38px 16px 20px;}
    .reason-flex li p.reason-ttl {font-size: 26px;}
    .reason-flex li p.reason-txt {font-size: 16px;line-height: 1.6;}
    .reason-flex li > span {top: -30px;}
    .reason-flex li > span > img {width: 120px;height: auto;}

    .omakase {background-position: center -30px;}
    
    #corona p {text-align: left;font-size: 14px;}

    #caution p {font-size: 16px;line-height: 1.6em;text-align: left;margin: 1em 16px;}
    
    #service p {text-align: left;font-size: 14px;}
    
    #results .innerbrock p {text-align: left;font-size: 14px;}
    
    
    .flatx4 li {width: 90%; margin: 0 auto;}
    .flatx4 li:first-of-type {width: 90%;padding: 0;}
    .flat-package {margin: 16px 0;}
    .flat-package img {width: 90%;}
    .flatx6 li { width: calc((100% / 3) - 16px); padding: 4px 8px;}
    .flat-card {margin: 16px 0px;}
    
    .flatx4b {}
    .flatx4b li {width: calc(90% - 32px); margin: 0 auto 16px; padding: 16px;}
    .flatx4b li:nth-of-type(odd) {margin: 0 auto 16px;}
    .flatx4b li > span {font-size: 20px;}
    .flatx4b li span img {}
    .flatx4b li p {text-align: left;}
    
    #flat .innerbrock p {text-align: left;font-size: 14px;}
    
    .price-item {flex-wrap: wrap;}
    .price-item li {width: calc((100% - 32px) / 4);padding: 4px;}
    .price-item li img {width: 100%;}
    .price-chara {display: none;}
    .price-foot {margin: 0;width: 90% !important;}
    
    ul.voice-list li {padding: 12px;display: flex;flex-direction: row;flex-wrap: wrap;}
    ul.voice-list li:nth-of-type(odd) {margin-left: auto;margin-right: auto;}
    ul.voice-list li:nth-of-type(even) {margin-left: auto;margin-right: auto;}
    ul.voice-list li .c-type {font-size: 20px;order: 2;}
    ul.voice-list li .c-ttl {font-size: 22px;order: 3;width: 100%;margin-bottom: 0;}
    ul.voice-list li .c-img {width: 100%;margin-top: 24px;order: 6;text-align: center;}
    ul.voice-list li .c-persona {font-size: 18px;width: 100%; order: 4;}
    ul.voice-list li .c-comment {font-size: 16px;order: 5;}

    .brpc {display: none;}
    .brsp {display: block;;}
    
    #availablearea {background-image: url("img/area_bgsp.png");background-size:contain;}
    
    .availablearea-ttl {padding: 30px 0 257px;}

    .area-grid {display: block;}
    .area-grid > div > div {padding: 4px 0;}
    .area-grid > div > span {padding: 4px 0;}
    .area-grid > div ul {padding: 0 16px 8px;}
    .area-grid > div ul li { padding: 4px 11px; margin: 0; font-size: 14px;}
    
    
    dl.qa-list dt {padding: 10px 10px 10px 50px;font-size: 18px;}
    dl.qa-list dt:before {width: 28px; height: 28px;line-height: 28px;}
    dl.qa-list dd {padding: 16px 10px 16px 50px;font-size: 16px;}
    dl.qa-list dd:before {width: 28px; height: 28px;line-height: 28px;font-size: 18px;font-weight: bold;}
    
    .formsarea-box {margin: 0px auto 0px;}
    .formsarea-box .formsarea-ttl {position: relative;top: initial;left: initial;}
    .formsarea-box .formsarea-ttl img {margin-bottom: -33px;}
    .formsarea-box .formtable dl {display: block;}
    .formsarea-box .formtable dl dt {width: calc(100% - 32px);padding: 10px 16px;}
    .formsarea-box .formtable dl dd {width: 100%;border: 0;padding: 10px 0 20px;}
    .formsarea-box .formtable dl dd:last-of-type {border: 0;}
    .formsarea-box .formtable dl dd input, .formsarea-box .formtable dl dd select, .formsarea-box .formtable dl dd textarea {padding: 10px 10px; font-size: 18px;}
    .formsarea-box .formtable dl dd select {width:100%;}
    .formsarea-box .formtable dl dd input[type=text],
    .formsarea-box .formtable dl dd input[type=email],
    .formsarea-box .formtable dl dd input[name=tel],
    .formsarea-box .formtable dl dd textarea {padding: 10px 10px; width: calc(100% - 20px)}
    
    .footnavlink {flex-wrap: wrap;padding: 10px 0;}
    .footnavlink li {display: block;width: calc((100% / 2) - 2px);padding: 8px 0;text-align: center;margin:0;border-left: 0;}
    .footnavlink li:nth-of-type(1) {border-right: 1px #9bc8f8 dashed;border-bottom: 1px #9bc8f8 dashed;}
    .footnavlink li:nth-of-type(2) {border-right: 0;border-bottom: 1px #9bc8f8 dashed;}
    .footnavlink li:nth-of-type(3) {border-right: 1px #9bc8f8 dashed;}
    .footnavlink li:nth-of-type(4) {border-right: 0;}
    
    .footsitename {padding: 8px 0 120px;font-size: 12px;}
    
    .footer-floating {display:block;position: fixed;bottom: 0;left: 0;width: 100%}
    .footer-floating > div {display:flex;flex-wrap: nowrap; width: calc(100% - 8px);padding: 4px;background-color: #3943B1;}
    .footer-floating > div > div {padding: 4px;width: calc(50% - 8px);}
    .footer-floating > div > div a img {width: 100%;height: auto;vertical-align: bottom;}
    .footer-floating > div > div.footer-tel {position: relative;background-image: url("img/head-tell.png?0");background-size: contain;background-position: center;background-repeat:no-repeat;}
    .footer-floating > div > div.footer-tel a {position: absolute;display: inline-block;top: 37.5%;left: 23%;font-size: 35px;font-weight: bold;color: #ffffff;text-decoration: none;white-space: nowrap;}
    
    .pc {display: none;}
    .sp {display: block;}
    
    #privacy h1 {font-size: 28px;}
    #privacy dl dt {font-size: 16px;}
    #privacy dl dd { font-size: 15px;}
    #privacy .prfbox { padding: 16px; font-size: 14px;}
    
    
    #company h1 {font-size: 28px;}
    #company table {width: 95%;margin: 0 auto 2em; }
    #company table tr {}
    #company table tr th {display: block;padding: 8px 16px;}
    #company table tr td {display: block;width: calc(100% - 32px);padding: 8px 16px;font-size: 14px;font-weight: bold;border: 0;}

    .comp .innerbrock p {text-align: left;}
    .innerbrock p.left {text-align: left;}
}

@media screen and (max-width: 680px) {
    .footsitename {padding: 8px 0 80px;}
}

@media screen and (max-width: 665px) {
    .footer-floating > div > div.footer-tel a {font-size: 30px;}
}
@media screen and (max-width: 577px) {
    .footer-floating > div > div.footer-tel a {font-size: 26px;}
}
@media screen and (max-width: 495px) {
    .footer-floating > div > div.footer-tel a {font-size: 23px;}
}
@media screen and (max-width: 430px) {
    .footer-floating > div > div.footer-tel a {font-size: 20px;}
}
@media screen and (max-width: 375px) {
    .footer-floating > div > div.footer-tel a {font-size: 18px;}
}
@media screen and (max-width: 320px) {
    .footer-floating > div > div.footer-tel a {font-size: 14px;}
}


/* #slider スライダー
-----------------------------------------------------*/
#slider .inner {
	max-width: 960px;
}
#slider .slick-slider {
    margin: 0;
}
#slider .slick-prev,
#slider .slick-next {
    z-index: 1;
    top: inherit;
    bottom: -10.3%;
    width: 45px;
    height: 65px;
}
#slider .slick-prev {
    left: 32%;
}
#slider .slick-next {
    right: 32%;
}
#slider .slick-prev:before,
#slider .slick-next:before {
	content: '';
	position: absolute;
	top: 20px;
	bottom: 20px;
	border-left: 7px solid #ccc;
	border-bottom: 7px solid #ccc;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#slider .slick-prev:before {
	right: 5px;
	left: 15px;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#slider .slick-next:before {
	right: 15px;
	left: 5px;
	-ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#slider .slick-list {
	overflow: inherit;
}
#slider .slick-slide,
#slider .slick-slide * {
	outline: none;
}
#slider .slick-slide img {
	display: inline;
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
#slider .slick-slide a {
	position: relative;
	display: block;
	padding: 30px 20px;
	border-bottom: 4px solid #bebebe;
	border-radius: 5px;
	background: #FFF;
	cursor: pointer;
}
#slider .slick-slide a .date {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #999;
}
#slider .slick-slide a .ttl {
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	color: #05694c;
}
#slider .slick-slide a .pic {
	display: block;
	margin-bottom: 15px;
}
#slider .slick-slide a .pic img {
	margin: 0 auto;
}
#slider .slick-slide a .txt {
	display: block;
	padding: 0 5px;
	line-height: 1.875;
	font-size: 14px;
}
#slider .slick-slide a:hover {
	text-decoration: none;
}
#slider .slick-slide a:hover .txt {
	color: #333;
}
#slider .slick-dotted .slick-slider {
	margin-bottom: 0;
}
#slider .slide-dots {
	margin: 27px 0 0;
	list-style: none;
	text-align: center;
}
#slider .slide-dots li {
	display: inline-block;
	margin-top: 15px;
}
#slider .slide-dots li:nth-child(n+2) {
	margin: 0 0 0 1.5%;
}
#slider .slide-dots button {
	border: none;
	width: 12px;
    height: 12px;
	background: #999;
	color: #bfbfbf;
	border-radius: 50%;
	position: relative;
	text-indent: -9999px;
	padding: 0;
	cursor:  pointer;
    overflow: hidden;
}
#slider .slide-dots button:hover,
#slider .slick-active button {
    background: #ccc;
	color: #FFF;
}

/* modal モーダル
-----------------------------------------------------*/
#slider .modal_box {
	position: fixed;
    z-index: 10001;
    display: none;
	padding: 11vh 2% 9vh 3%;
    width: 57.80346821%;
    max-width: 1100px;
    -webkit-overflow-scrolling: touch;
    transform: translate(0%,0%);
    margin: 0;
    text-align: center;
    box-sizing: border-box;
	border-radius: 5px;
    background: #fff;
}
#slider .modal_box .close {
	position: absolute;
	top: 20px;
	right: 25px;
	cursor: pointer;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#slider .modal_box .cnt {
	padding-right: 2%;
    max-height: 60vh;
	text-align: left;
	overflow-y: scroll;
}
#slider .modal_box .cnt .date {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #999;
}
#slider .modal_box .cnt .ttl {
	margin-bottom: 40px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 24px;
	border-bottom: 2px solid #05694c;
	color: #05694c;
}
#slider .modal_box ::-webkit-scrollbar {
    width: 10px;
}
#slider .modal_box ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
#slider .modal_box ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
#slider .modal_box .lnkbox {
	margin-top: 50px;
}
#slider .modal_box .lnkbox li a {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 16px;
	border-radius: 5px;
	color: #FFF;
	background: #333;
	cursor: pointer;
}
#slider .modal_box .lnkbox li.next a {
	padding: 10px 35px 10px 45px;
}
#slider .modal_box .lnkbox li.prev a {
	padding: 10px 45px 10px 35px;
}
#slider .modal_box .lnkbox li.next a:before,
#slider .modal_box .lnkbox li.prev a:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    margin-top: -2px;
}
#slider .modal_box .lnkbox li.next a:before {
    left: 20px;
	-ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#slider .modal_box .lnkbox li.prev a:after {
    right: 20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal_bg {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}

@media only screen and (max-width: 767px) {
	/* #slider スライダー
	-----------------------------------------------------*/
	#slider h2 {
		margin-bottom: 7vw;
	}
	#slider .slick-slider {
		margin: 0 auto;
	}
	#slider .slick-prev, #slider .slick-next {
		bottom: -14%;
	}
	#slider .slick-prev {
		left: 8%;
	}
	#slider .slick-next {
		right: 8%;
	}
	#slider .slick-slide {
	}
	#slider .slick-slide a {
		padding: 5vw 10px 7vw;
	}
	#slider .slick-slide a .ttl {
		margin-bottom: 3vw;
		font-size: 16px;
	}
	#slider .slick-slide a .pic {
		margin-bottom: 3vw;
	}
	#slider .slick-slide a .txt {
		font-size: 13px;
	}
	#slider .slide-dots {
		margin: 17px 0 0;
	}
	#slider .slide-dots li {
		margin-top: 9px;
	}
	#slider .slide-dots li:nth-child(n+2) {
		margin: 0 0 0 2%;
	}
	
	/* modal モーダル
	-----------------------------------------------------*/
	#slider .modal_box {
		padding: 24px 2% 3vh 3%;
		width: 90%;
	}
	#slider .modal_box .close {
		top: -15px;
		right: -15px;
	    width: 36px;
	}
	#slider .modal_box .cnt {
    	max-height: 64vh;
	}
	#slider .modal_box .cnt .date {
		margin-bottom: 1vh;
		font-size: 12px;
	}
	#slider .modal_box .cnt .ttl {
		margin-bottom: 3vh;
		padding-bottom: 1.5vh;
		font-size: 18px;
	}
	#slider .modal_box ::-webkit-scrollbar {
		width: 7px;
	}
	#slider .modal_box .lnkbox {
		margin-top: 3vh;
	}
	#slider .modal_box .lnkbox li a {
		font-size: 13px;
	}
	#slider .modal_box .lnkbox li.next a {
		padding: 7px 25px 7px 35px;
	}
	#slider .modal_box .lnkbox li.prev a {
		padding: 7px 35px 7px 25px;
	}
	#slider .modal_box .lnkbox li.next a:before,
	#slider .modal_box .lnkbox li.prev a:after {
		margin-top: -3px;
	}
	#slider .modal_box .lnkbox li.next a:before {
		left: 15px;
	}
	#slider .modal_box .lnkbox li.prev a:after {
		right: 15px;
	}
}


.head-tel-btn-pc > span {font-family:"Noto Sans JP","sans-serif";height: calc(93px - 44px) !important;top: 40% !important;}
.head-tel-btn-sp a {font-family: "Noto Sans JP","sans-serif";}
.contact-tell.pc {font-family: "Noto Sans JP","sans-serif"; padding-top: 30px !important;}
.contact-tell.sp {font-family: "Noto Sans JP","sans-serif";}
.pack-telbtn-pc {font-family: "Noto Sans JP","sans-serif";height: calc(115px - 48px) !important;padding-top: 48px !important;}
.pack-telbtn-sp {font-family: "Noto Sans JP","sans-serif";height: calc(115px - 48px) !important;padding-top: 48px !important;}
.footer-tel  {font-family: "Noto Sans JP","sans-serif";}

@media screen and (max-width: 320px) {
    .pack-telbtn-sp {font-family: "Noto Sans JP","sans-serif";height: calc(115px - 51px) !important;padding-top: 51px !important;}
}

/*
_:lang(x)+_:-webkit-full-screen-document,.head-tel-btn-pc span {font-family:"Noto Sans JP",Arial, Helvetica, "sans-serif";height: calc(93px - 44px) !important;top: 44% !important;}
_:lang(x)+_:-webkit-full-screen-document,.head-tel-btn-sp span {font-family: "Noto Sans JP",Arial, Helvetica, "sans-serif";}
_:lang(x)+_:-webkit-full-screen-document,.contact-tell.pc {font-family: "Noto Sans JP",Arial, Helvetica, "sans-serif"; padding-top: 44px !important;}
_:lang(x)+_:-webkit-full-screen-document,.pack-telbtn-pc {font-family: "Noto Sans JP",Arial, Helvetica, "sans-serif";height: calc(115px - 52px) !important;padding-top: 54px !important;}
_:lang(x)+_:-webkit-full-screen-document,.pack-telbtn-sp {font-family: "Noto Sans JP",Arial, Helvetica, "sans-serif";height: calc(115px - 54px) !important;padding-top: 54px !important;}
_:lang(x)+_:-webkit-full-screen-document,.footer-tel  {font-family: "Noto Sans JP",Arial, Helvetica, "sans-serif";}

@media screen and (max-width: 767px) {
    _:lang(x)+_:-webkit-full-screen-document,.contact-tell.sp {font-family: "Noto Sans JP",Arial, Helvetica, "sans-serif";padding-top: 6% !important;}
}
@media screen and (max-width: 528px) {
}
@media screen and (max-width: 424px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
}
*/



/*contact-page*/
/*
#contact-page {}

#contact-page .innerbrock form {}

#contact-page .innerbrock form dl {display: flex; flex-wrap: wrap; width: 100%;}
#contact-page .innerbrock form dl dt {width: calc(35% - 32px); display: block; margin: 0; padding: 16px; background-color: #185ab4; color: #fff; border-top: 1px #fff solid; text-align: left;}
#contact-page .innerbrock form dl dd {width: calc(65% - 33px); text-align: left; display: block; margin: 0; padding: 16px; border-top: 1px #ccc solid; border-right: 1px #ccc solid;}
#contact-page .innerbrock form dl dd:last-of-type {
    border-bottom: 1px #ccc solid;
}

input[type=radio] + label {display: inline-block;}
#contact-page .innerbrock form dl dd input, #contact-page .innerbrock  dl dd select, #contact-page .innerbrock  dl dd textarea {
    margin: 3px 0; padding: 5px 8px; font-size: 16px; vertical-align: bottom; border: 1px solid #cbcbcb; border-radius: 5px; background: #FFF;
}
#contact-page .innerbrock form dl dd input[type=radio] {margin: 8px 5px;}
#contact-page .innerbrock form dl dd textarea {width: calc(100% - 16px);}

#contact-page .innerbrock form dl dt .indispensable {display: inline-block; background-color: #cc0000; color: #fff; float: right; font-size: 12px; padding: 2px 8px;}

@media screen and (max-width: 767px) {
    #contact-page .innerbrock form dl { display: block;}
    #contact-page .innerbrock form dl dt { width: calc(100% - 32px); padding: 10px 16px;}
    #contact-page .innerbrock form dl dd { width: 100%; border: 0; padding: 10px 0 20px;}
    #contact-page .innerbrock form dl dd:last-of-type { border: 0;}
    #contact-page .innerbrock form dl dd input[type=text], #contact-page .innerbrock form dl dd input[type=email], #contact-page .innerbrock form dl dd input[name=tel],#contact-page .innerbrock form dl dd textarea { padding: 10px 10px; width: calc(100% - 20px);}
    #contact-page .innerbrock form dl dd select { width: 100%;}
    
}
*/

#company a {text-decoration: none;color: #2966c3;}
#company a:hover {opacity: 0.7;}

#popupOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
}
#popupMessage {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 62, 141, 0.9);
    color: #fff;
    padding: 0;
    border-radius: 8px;
    z-index: 1000;

}
#popupMessage p {
    font-size: 26px;
    line-height: 1.7em;
    margin: 1px;
    padding: 1px;
}
#popupMessage .close {
    margin-top: 10px;
    text-align: center;
}
#popupMessage .close span {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    width: 300px;
    max-width: calc(100% - 20px);
    border-radius: 26px;
    background: #00c2ff;
}
#popupClose {
    cursor: pointer;
    margin: 0;
    padding: 25px 30px;
}
@media screen and (max-width: 767px) {
    #popupMessage {
        left: 10%;
        transform: translate(-5%, -50%);
    }
    #popupMessage p {
        font-size: 20px;
    }
    #popupMessage .close span {
        font-size: 15px;
        width: calc(100% - 20px);
        max-width: initial;
    }
    #popupClose {
        padding: 30px;
    }
}

/* form同意チェック
-----------------------------------------------------*/
.agree-checkarea {border: 1px #ccc dashed;padding: 1em;}
.agree-checkarea p {font-size: 13px;color: #333333;}
@media screen and (max-width: 767px) {
	.agree-checkarea p {text-align: left;}
}