@charset "UTF-8";
/* CSS Document */

.Banner{background: #eee; display: flex; justify-content: center; align-items: center; min-height: 100px; padding: 2rem 1rem; font-size: 150%; font-weight: bold;}

/* COMMON
--------------------------------------------------------------------- */
/*color*/
.Tx_Blue{color: #002e7f;}

/*icon*/
.Icon{background: no-repeat center / contain;}
.Icon.CheckList{background-image: url("../images/common/icon_check.svg");}
.Icon.PC{background-image: url("../images/common/icon_pc.svg");}
.Icon.Note{background-image: url("../images/common/icon_note.svg");}
.Icon.DB{background-image: url("../images/common/icon_db.svg");}
.Icon.File{background-image: url("../images/common/icon_file.svg");}
.Icon.Info{background-image: url("../images/common/icon_info.svg");}
.Icon.Key{background-image: url("../images/common/icon_key.svg");}
.Icon.Madori{background-image: url("../images/common/icon_madori.svg");}
.Icon.MoveOut{background-image: url("../images/common/icon_moveout.svg");}
.Icon.Property{background-image: url("../images/common/icon_property.svg");}
.Icon.Repair{background-image: url("../images/common/icon_repair.svg");}
.Icon.Talk{background-image: url("../images/common/icon_talk.svg");}

/*Header*/
.HeaderFixed{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: rgba(255,255,255,0.8);}
.HeaderFixed .mb__main-container{padding: 0;}
.HeaderFixed .Logo{max-width: 250px; height: 60px; margin: 1rem;}
.HeaderFixed a.HeaderBtn{font-size: 1.4rem; width: 100px; height: 80px; position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; color: #fff; background: #3c7bdd;}
@media screen and (max-width: 959px){
    .HeaderFixed .Logo{max-width: 200px; height: 40px;}
    .HeaderFixed a.HeaderBtn{font-size: 1.3rem; width: 90px; height: 60px;}
}
@media screen and (max-width: 759px){
    .HeaderFixed{background: #fff;}
    .HeaderFixed .Logo{margin-bottom: 0;}
    .HeaderFixed a.HeaderBtn{width: 40px; height: 40px; top: 1rem; right: 1rem;}
}

/* Navi */
.Navi{position: absolute; top: 0; right: 10rem;}
.Navi a.mb__flex-item{width: 100px; padding: 0; height: 80px; font-size: 1.4rem; color: #222; align-items: center;}
.Functions .Navi a.mb__flex-item.Functions,.QA .Navi a.mb__flex-item.QA,.Support .Navi a.mb__flex-item.Support{border-bottom: #3c7bdd 4px solid; color: #3c7bdd; padding-top: 4px;}
@media (hover: hover) {
    .Navi a.mb__flex-item:hover{border-bottom: #3c7bdd 4px solid; color: #3c7bdd; padding-top: 4px;}
}
@media screen and (max-width: 959px){
    .Navi a.mb__flex-item{width: 90px; height: 60px; font-size: 1.3rem;}
}
@media screen and (max-width: 759px){
    .Navi{position: relative; right: 0;}
    .Navi a.mb__flex-item{width: calc(100% / 3); height: 40px; font-size: 1.2rem;}
}

/* Footer */
.mb__footer{background: #002e7f; color: #fff; position: relative;}
.mb__footer::before{content: ""; position: absolute; top: -4px; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #00ccbb 0%, #7828ff 100%);}
.mb__footer .mb__footer-nav{border: none; opacity: 1;}
.mb__footer-nav-box-item{opacity: 1 !important;}
@media (hover: hover) {
.mb__footer-nav-box-item:hover{text-decoration: underline !important;}
}
.FooterLogo{width: 300px; margin: 2rem auto;}
.FooterCopy{font-size: 1.2rem; padding: 0 1rem; line-height: 1.4; margin-bottom: 2em}
.mb__footer .mb__copyright{background: #001f4c; border: none;}
@media screen and (max-width: 759px){
    .mb__footer-nav-box-item{border-color: rgba(255,255,255,0.2) !important;}
    .mb__footer-nav-box-item:last-child{border-bottom: rgba(255,255,255,0.2) 1px solid;}
}

/*pagetop*/
.mb__pagetop a{background: #fff; line-height: 1; color: #3c7bdd; border-radius: 50px; box-shadow: 0 5px 5px 0 rgba(60,123,221,0.2);}
.js__pagetop-fixed{bottom: -30px;}

/*AncherAdjust*/
.AncherAdjust {margin-top: -80px; padding-top: 80px; z-index: 0;}
@media screen and (max-width: 959px){.AncherAdjust {margin-top: -60px; padding-top: 60px; z-index: 0;}}
@media screen and (max-width: 759px){.AncherAdjust {margin-top: -90px; padding-top: 90px; z-index: 0;}}

/*mb__page-title-box*/
.mb__page-title-box{background: url("../images/common/bg_main.jpg") no-repeat center / cover; display: flex; padding-top: 8rem; justify-content: center; align-items: center; color: #fff; min-height: 10vh; line-height: 1.6;}
@media screen and (max-width: 959px){.mb__page-title-box{padding-top: 60px;}}
@media screen and (max-width: 759px){.mb__page-title-box{padding-top: 90px;}}

/*ContactBox*/
.ContactBox{background: #002e7f; text-align: center; color: #fff; overflow: hidden;}
.ContactBox .mb__main-container{padding: 0; background:  url("../images/common/bg_contact.jpg") no-repeat center / cover; position: relative;}
.ContactBox .mb__main-container::before{content: ""; width: 50px; height: 100%; background: linear-gradient(-90deg, rgba(0,46,127,0),rgba(0,46,127,1)); position: absolute; top: 0; left: 0; z-index: 1;}
.ContactBox .mb__main-container::after{content: ""; width: 50px; height: 100%; background: linear-gradient(90deg, rgba(0,46,127,0),rgba(0,46,127,1)); position: absolute; top: 0; right: 0; z-index: 1;}
.ContactItem{position: relative; width: 500px; margin: 0 auto; text-align: center;}
.ContactBox .mb__p-all-md{z-index: 99; position: relative;}
.ContactBox .Human{position: absolute; bottom: 0; left: -280px; z-index: 98; background: url("../images/common/contact-human.png") no-repeat center top / cover; width: 300px; height: 240px;}
.ContactBox .PC{position: absolute; bottom: 0; right: -300px; z-index: 98; background: url("../images/common/contct-pc.png") no-repeat center / cover; width: 300px; height: 100%;}
.ContactItem .mb__button{background: #ff6333; font-size: 3rem; max-width: 500px; margin-bottom: 0.5em;}
.ContactItem .mb__button::before{content: "\e9ff"; font-family: muuq-fonts; margin-right: 0.5rem;}
@media (hover: hover) {
    .ContactItem .mb__button:hover{background: #ffa185;}
}
.ContactBox .Tel{padding-bottom: 1rem; border-bottom: #3c7bdd 2px dashed; pointer-events: none; font-size: 120%;}
.ContactBox .Text{color: #b3d2ff; display: inline-block; margin-right: 1em;}
.ContactBox .Text::before{content: "\ea15"; font-family: muuq-fonts; margin-right: 0.5rem; font-size: 90%;}
.ContactBox .Number{color: #fff; font-weight: bold;}
@media screen and (max-width: 959px){
    .ContactBox .mb__main-container::before{display: none;}
    .ContactBox .mb__main-container::after{display: none;}
    .ContactItem{width: 400px;}
    .ContactBox .Human{left: -180px;width: 200px; height: 180px;}
    .ContactBox .PC{right: -180px; width: 200px; background-position: center bottom 20px;}
    .ContactItem .mb__button{font-size: 2.4rem;}
    .ContactBox .Tel{font-size: 1.5rem;}
}
@media screen and (max-width: 759px){
    .ContactItem{width: 400px;}
    .ContactBox .Human{left: -90px;width: 140px; height: 160px;}
    .ContactBox .PC{right: -150px;}
    .ContactItem .mb__button{font-size: 2rem;}
    .ContactBox .Tel{font-size: 1.4rem;}
}
@media screen and (max-width: 559px){
    .ContactItem{width: 90%; margin: 0 auto;}
    .ContactBox .Human{left: -40px;width: 100px; height: 130px;}
    .ContactBox .PC{right: -100px; width: 130px;}
    .ContactItem .mb__button{font-size: 1.6rem;}
    .ContactBox .Tel{font-size: 1.2rem;}
}

/*button*/
a.mb__button,.mb__button{border-radius: 30px; padding: 0; display: flex; justify-content: center; align-items: center; height: 6rem; background: #3c7bdd; color: #fff; box-shadow: 0 5px 5px 0 rgba(60,123,221,0.2); width: 400px; border: none; margin: 0 auto;}
@media screen and (max-width: 959px){a.mb__button,.mb__button{height: 5rem; width: 300px;}}
@media screen and (max-width: 759px){a.mb__button,.mb__button{height: 4rem; width: 98%;}}
@media (hover: hover) {
    a.mb__button:hover,.mb__button:hover{background: #8ab0eb;}
}
/*bg*/
.BG_Blue{background: #d9e8ff;}
.BG_Town{background: url("../images/common/bg-town.svg") repeat-x bottom left / 1200px 100px;}
.BG_Town .mb__main-container{padding-bottom: 100px;}
@media screen and (max-width: 759px){
    .BG_Town{background-size: 600px 50px;}
    .BG_Town .mb__main-container{padding-bottom: 50px;}
}

/* HOME
--------------------------------------------------------------------- */
.MainImage{background: url("../images/common/bg_main.jpg") no-repeat center / cover; padding-top: 80px;}
.MainImage .mb__main-container{display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; height: 500px; line-height: 1.6;}
.MainImage a.mb__button{background: #fff; color: #3c7bdd; margin: 0 auto;}
@media (hover: hover) {
    .MainImage a.mb__button:hover{opacity: 0.7;}
}

@media screen and (max-width: 959px){
    .MainImage .mb__main-container{height: 400px;}
    .MainImage{padding-top: 60px;}
}
@media screen and (max-width: 759px){
    .MainImage{padding-top: 90px;}
    .MainImage .mb__main-container{height: 300px;}
    .MainImage .mb__Text-xxl{font-size: 2rem;}
    .MainImage h2{font-size: 1.1rem;}
    }
/*Case*/
.Case .mb__main-container{padding-top: 0;}
.Case .mb__flex-box{position: relative; top: -40px;}
.Case .CaseImage{width: 160px; height: 160px; border-radius: 50%; box-shadow: 0 5px 5px 0 rgba(60,123,221,0.2); margin-bottom: 2rem;}
.Case .mb__text-lg{color: #002e7f; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: #3c7bdd 1px solid;}
@media screen and (max-width: 759px){
    .Case .mb__main-container{padding-top: 2rem;}
    .Case .mb__flex-box{top: 0;}
    .Case .mb__flex-item{position: relative; margin-bottom: 2rem;}
    .Case .mb__flex-item:last-child{margin-bottom: 0;}
    .Case .CaseImage{width: 40px; height: 40px; margin: 0; position: absolute; top: 0; left: 0;}
    .Case .mb__text-lg{text-align: left; display: flex; padding-left: 50px; height: 50px; align-items: flex-end;}
}
/*Point*/
.Home .Point .mb__main-container{background: url("../images/home/bg-point.jpg") no-repeat center / contain;}
.Point .FunctionLists .mb__flex-item{border: none; background-color: #d9e8ff; position: relative;}
.Point .FunctionLists .mb__flex-item::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: linear-gradient(to bottom, rgba(217,232,255,0) 20px, rgba(217,232,255,1) 160px);}
.Point .FunctionLists .mb__flex-item:first-child{background-image: url("../images/function/point-image_01.jpg");}
.Point .FunctionLists .mb__flex-item:nth-child(2){background-image: url("../images/function/point-image_02.jpg");}
.Point .FunctionLists .mb__flex-item:nth-child(3){background-image: url("../images/function/point-image_03.jpg");}
.Point .FunctionLists .Discription{text-align: center;}
@media screen and (max-width: 759px){
    .Point .FunctionLists .mb__flex-item::before{background: linear-gradient(to bottom, rgba(217,232,255,0) 20px, rgba(217,232,255,1) 100px);}
}
/*News*/
.NewsBox{padding: 2rem 0;}
.NewsItem{padding: 1rem 0; border-bottom: #3c7bdd 2px dashed; position: relative;}
.NewsItem .Date{color: #3c7bdd; position: absolute; top: 0.5rem; left: 0; font-weight: bold;}
.NewsItem .Text{margin-left: 100px;}
@media screen and (max-width: 759px){
    .NewsItem .Text{margin-left: 80px;}
}
/* FUNCTIONS
--------------------------------------------------------------------- */
.PointListItem{background: #d9e8ff no-repeat top right / auto 100%; border-radius: 10px; padding: 2rem; position: relative; padding-right: 40%; min-height: 300px; margin-bottom: 3rem;}
.PointListItem:nth-child(even){padding-left: 40%; padding-right: 2rem; background-position: top left;}
.PointListItem::before{content: ""; position: absolute; top: 0; left: 0%; width: 100%; height: 100%; display: block; background: linear-gradient(to right, rgba(217,232,255,1) 60%, rgba(217,232,255,0) 70%); border-radius: 10px;}
.PointListItem:nth-child(even)::before{background: linear-gradient(to left, rgba(217,232,255,1) 60%, rgba(217,232,255,0) 70%);}
.PointListItem:first-child{background-image: url("../images/function/point-image_01.jpg"); margin-top: 4rem;}
.PointListItem:nth-child(2){background-image: url("../images/function/point-image_02.jpg");}
.PointListItem:nth-child(3){background-image: url("../images/function/point-image_03.jpg");}
.PointListItem .Number{color: #3c7bdd; font-weight: bold; margin-bottom: 0.5em; position: relative; line-height: 1; margin-bottom: 0.5em;}
.PointListItem .Number::before{content: "Point";}
.PointListItem .mb__text-lg{color: #002e7f; border-bottom: #3c7bdd 1px solid; position: relative; z-index: 1; padding: 0 120px 0.5em 0;}
.PointListItem .mb__text-lg::before{content: ""; position: absolute; right: 0; bottom: 0; background: no-repeat center / contain; width: 120px; height: 120px;}
.PointListItem:first-child .mb__text-lg::before{background-image: url("../images/common/chara-lecture.svg");}
.PointListItem:nth-child(2) .mb__text-lg::before{background-image: url("../images/common/chara-result.svg");}
.PointListItem:nth-child(3) .mb__text-lg::before{background-image: url("../images/common/chara-ok.svg");}
@media screen and (max-width: 959px){
    .PointListItem{padding-right: 30%; min-height: 200px; margin-bottom: 2rem;}
    .PointListItem:nth-child(even){padding-left: 30%;}
    .PointListItem::before{background: linear-gradient(to right, rgba(217,232,255,1) 70%, rgba(217,232,255,0) 80%);}
    .PointListItem:nth-child(even)::before{background: linear-gradient(to left, rgba(217,232,255,1) 70%, rgba(217,232,255,0) 80%);}
    .PointListItem .mb__text-lg::before{width: 100px; height: 100px;}
}
@media screen and (max-width: 759px){
    .PointListItem{padding: 1rem;}
    .PointListItem:nth-child(even){padding: 1rem;}
    .PointListItem::before{background: linear-gradient(145deg, rgba(217,232,255,1) 70%, rgba(217,232,255,0) 100%);}
    .PointListItem:nth-child(even)::before{background: linear-gradient(-145deg, rgba(217,232,255,1) 70%, rgba(217,232,255,0) 100%);}
    .PointListItem .mb__text-lg{padding-right: 70px;}
    .PointListItem .mb__text-lg::before{width: 60px; height: 60px;}
}
/*function*/
.FunctionLists .mb__flex-item{border: #002e7f 2px solid; border-radius: 10px; background: #fff no-repeat top center / 100% auto;}
.FunctionLists .mb__flex-item.DB{background-image: url("../images/function/function-image_01.jpg");}
.FunctionLists .mb__flex-item.Property{background-image: url("../images/function/function-image_02.jpg");}
.FunctionLists .mb__flex-item.Madori{background-image: url("../images/function/function-image_03.jpg");}
.FunctionLists .mb__flex-item.Note{background-image: url("../images/function/function-image_04.jpg");}
.FunctionLists .mb__flex-item.Talk{background-image: url("../images/function/function-image_05.jpg");}
.FunctionLists .mb__flex-item.Repair{background-image: url("../images/function/function-image_06.jpg");}
.FunctionLists .mb__flex-item.CheckList{background-image: url("../images/function/function-image_07.jpg");}
.FunctionLists .mb__flex-item.File{background-image: url("../images/function/function-image_08.jpg");}
.FunctionLists .mb__flex-item.MoveIn{background-image: url("../images/function/function-image_09.jpg");}
.FunctionLists .mb__flex-item.Key{background-image: url("../images/function/function-image_10.jpg");}
.FunctionLists .mb__flex-item.MoveOut{background-image: url("../images/function/function-image_11.jpg");}
.FunctionLists .Icon{background-color: #fff; width: 80px; height: 80px; border-radius: 50%; padding: 2rem; margin: 20% auto 1.5rem auto; background-size: 60px;}
.FunctionLists .mb__text-lg{margin-bottom: 0; padding: 0 1rem;}
.FunctionLists .Discription{padding: 1rem; text-align: left;}
@media screen and (max-width: 959px){
    .FunctionLists .Icon{width: 60px; height: 60px; background-size: 40px;}
}
@media screen and (max-width: 759px){
    .FunctionLists .Icon{width: 40px; height: 40px; padding: 1rem; background-size: 30px;}
    .FunctionLists .Discription{padding: 0.5rem; font-size: 1.2rem;}
}

/* QA
--------------------------------------------------------------------- */
.SearchBox .mb__form-text{padding: 2rem;}
.search-result__hit-num{font-size: 90%; margin-bottom: 0.5rem;}
.SearchResultBox{border-bottom: #ddd 1px dashed; margin-bottom: 1rem;}

.FaqBox{border: #002e7f 2px solid; background: #fff; padding: 1rem; margin-bottom: 1rem; border-radius: 10px; box-shadow: 0 5px 5px 0 rgba(60,123,221,0.2);}
.FaqBox.Last{margin-bottom: 3rem;}
.FaqBox .Question{font-weight: bold; padding: 1rem 1rem 1rem 4rem; font-size: 2.4rem; line-height: 1.4; position: relative; cursor: pointer;}
.FaqBox .Question::before{content: ""; position: absolute; top: 1.5rem; left: 1rem; background: url("../images/common/icon_q.svg") no-repeat center / contain; width: 24px; height: 24px;}
.FaqBox .Answer{padding: 1rem 1rem 1rem 4rem; position: relative; border-top: #3c7bdd 1px dashed; line-height: 1.6; display: none;}
.FaqBox .Answer::before{content: ""; position: absolute; top: 1rem; left: 1rem; background: url("../images/common/icon_a.svg") no-repeat center / contain; width: 24px; height: 24px;}
@media screen and (max-width: 759px){
    .FaqBox{padding: 0.5rem; border-radius: 6px;}
    .FaqBox.Last{margin-bottom: 1.5rem;}
    .FaqBox .Question{padding: 0.5rem 0.5rem 0.5rem 3rem; font-size: 1.8rem;}
    .FaqBox .Question::before{top: 0.8rem; left: 0.8rem; width: 18px; height: 18px;}
    .FaqBox .Answer{padding: 0.5rem 0.5rem 0.5rem 3rem;}
    .FaqBox .Answer::before{top: 0.8rem; left: 0.8rem; width: 18px; height: 18px;}
}


/* CONTACT
--------------------------------------------------------------------- */
.ContactTable th{color: #fff; background: #002e7f; width: 150px;}
.ContactTable td{padding: 1.5rem;}
.error{color: #ec407a; margin-top: 0.5rem;}
.mb__button.Back{border: #3c7bdd 1px solid; color: #3c7bdd; background: #fff;}
a.mb__button.Yubin{display: inline-block; width: 60px; margin: 0; height: auto; line-height: 40px; border-radius: 4px; box-shadow: none; vertical-align: middle;}
.Attend{margin-top: 1rem; background: #fff3e0; color: #fb8c00; border-radius: 4px; padding: 1rem;}
@media (hover: hover){.mb__button.Back:hover{opacity: 0.7;}}
@media screen and (max-width: 759px){
.ContactTable th{width: 70px; padding: 1rem; font-size: 1.2rem;}
}
/* SUPPORT
--------------------------------------------------------------------- */
.TabBtn a.mb__flex-item{border: #002e7f 2px solid; border-radius: 4px; box-shadow: 4px 4px 0 0 rgba(0,46,127,0.2); color: #002e7f; font-weight: bold; padding: 1.5rem 0;}
.TabBtn a.mb__flex-item[status="select"]{background: #ccd5e5;}
@media (hover: hover) {.TabBtn a.mb__flex-item:hover{background: #ccd5e5;}
}

a.DLItem{border: #002e7f 2px solid; border-radius: 4px; box-shadow: 4px 4px 0 0 rgba(0,46,127,0.2); color: #002e7f; font-weight: bold; padding: 1.5rem; margin-bottom: 1rem; display: block;}
@media (hover: hover) {a.DLItem:hover{background: #ccd5e5;}