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

/* COMMON
--------------------------------------------------------------------- */
body{font-family: 'Noto Sans JP', sans-serif; color: #222;}
/*container*/
.mb__main-container{max-width: 1200px;}
@media screen and (max-width: 559px){.mb__main-container{padding: 3rem 1rem 4rem 1rem;}}
/*button*/
.mb__button,a.mb__button{border: none; color: #fff; background: #81a511; display: flex; justify-content: center; align-items: center;}
.mb__button.Orange,a.mb__button.Orange{background: #e57200;}
@media (hover: hover) {
    .mb__button:hover,a.mb__button:hover{background: #617c0d;}
    .mb__button.Orange:hover,a.mb__button.Orange:hover{background: #ac5600;}
}
/*icon*/
.Icon{margin-right: 0.5rem;}
/*text*/
.mb__page-title-box{background: no-repeat center / cover;}
.mb__page-title-box .mb__text-xxl{text-align: center; color: #fff;}
.mb__text-xl{margin-bottom: 1em;}
.LineHightDouble{line-height: 2;}
/*color*/
.TxColor_2nd{color: #444;}
.TxColor_em{color: #e57200;}
.TxColor_main{color: #81a511;}
.mb__ancher-text{color: #e57200;}
/*background*/
.BG_2nd{background: #f2f2e7;}
.BG_Table{background: url("../images/common/bg_table.jpg") no-repeat center bottom / cover;}
.BG_Woods{background: url("../images/common/bg_woods.jpg") no-repeat center bottom / cover;}
.BG_Binder{background: url("../images/common/bg_binder.jpg") no-repeat center bottom / cover;}
/*Fixed*/
.HeaderFixed{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);}
.BodyContents{margin-top: 156px; min-height: 1px;}
@media screen and (max-width: 959px){.BodyContents{margin-top: 145px;}}
@media screen and (max-width: 759px){.BodyContents{margin-top: 126px;}}
@media screen and (max-width: 559px){.BodyContents{margin-top: 100px;}}
.AncherAdjust{margin-top: -165px; padding-top: 165px;}
@media screen and (max-width: 959px){.AncherAdjust{margin-top: -160px; padding-top: 160px;}}
@media screen and (max-width: 759px){.AncherAdjust{margin-top: -150px; padding-top: 150px;}}
@media screen and (max-width: 559px){.AncherAdjust{margin-top: -110px; padding-top: 110px;}}
/*ContactBox*/
.ContactBox{background:  url("../images/common/contact_bg.jpg") #81a511 no-repeat center / cover;}
.ContactBox .mb__main-container{padding: 0 1rem;}
.ContactBox .mb__flex-box{justify-content: space-between; align-items: flex-end;}
.ContactBox .Message{width: 16%; margin-bottom: 3%;}
.ContactBox .WomanImage{width: 16%;}
.ContactBox .ContactMeans{width: 65%;}
.ContactBox .ContactMeans .Title{width: 90%; margin: 2rem auto 1rem auto;}
.ContactBox .ContactMeans .ContactMeansDetail{background: #fff; padding: 1rem; border-radius: 4px; margin-bottom: 2rem;}
.ContactBox .ContactMeans .mb__flex-box .mb__flex-item{margin-bottom: 0;}
@media screen and (max-width: 759px){
    .Price .ContactBox .ContactMeans ,.Guide .ContactBox .ContactMeans{margin-bottom: 2rem;}
    .ContactBox .ContactMeans .Title{width: 95%; margin: 1rem auto}
    .ContactBox .ContactMeans .ContactMeansDetail{margin-bottom: 1rem;}
    .MessageText{margin-bottom: 1rem;}
}
@media screen and (max-width: 559px){
    .ContactBox .Message{display: none;}
    .ContactBox .WomanImage{display: none;}
    .ContactBox .ContactMeans{width: 100%;}
}
.SideContactBox{background:  url("../images/common/contact_bg.jpg") #81a511 no-repeat center / cover; padding: 0.5rem; border-radius: 4px;}
.SideContactBox .ContactDetail{background: #fff; padding: 0.5rem;  border-radius: 4px;}

/*LRContents*/
.LRContents .Image{width: 300px; float: left; margin: 0 2rem 1rem 0; background: #fff; padding: 1rem; border-radius: 4px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.LRContents.Half .Image{width: 45%;}
.LRContents .Text{line-height: 1.8;}
@media screen and (max-width: 759px){
    .LRContents .Image{width: 40%; padding: 0.5rem; margin: 0 1rem 0.5rem 0;}
    .LRContents.Half .Image{width: 50%;}
}
@media screen and (max-width: 559px){.LRContents.Half .Image{width: 100%; margin: 0 0 1rem 0;}}
/*table*/
th{width: 120px; background: #81a511; padding: 1.5rem; text-align: left;}
td{background: #fff;}
@media screen and (max-width: 559px){th{width: 80px; padding: 1rem 0.5rem;}}


/* HEADER
--------------------------------------------------------------------- */
@media screen and (max-width: 759px){.mb__front-header .mb__main-container{padding: 0.5rem;}}
.HeaderBox{display: flex; justify-content: space-between;}
/*logo*/
.Logo{width: 300px; margin-top: 0.5rem;}
@media screen and (max-width: 959px){.Logo{width: 250px;}}
@media screen and (max-width: 759px){.Logo{width: 200px;}}
@media screen and (max-width: 559px){.Logo{margin-top: 0;}}
/*HelpNav*/
.HelpNav{display: flex; justify-content: space-between; padding-top: 3rem; position: relative;}
.HelpNav .SubText{position: absolute; top: 0; left: 0; width: 100%; font-size: 1.4rem; line-height: 1.6; font-weight: bold; border-bottom: #e57200 2px solid;}
.HelpNav .TelNumber{font-size: 3rem; font-weight: bold; line-height: 1; padding: 0.5rem 0;}
.HelpNav .TelNumber .mb__icon-tel{font-size: 2.6rem; margin-right: 0.5rem;}
.HelpNav .OpenTime{font-size: 1.3rem; line-height: 1;}
.HeaderContact.mb__button{font-size: 1.4rem; padding: 0.5rem; margin-left: 1rem;}
.HeaderContact .mb__icon-mail{font-size: 1.8rem; display: block; margin: 0 0 0.5rem 0;}
.NotTel .mb__button{width: 200px; margin: 0; min-height: 54px;}
@media screen and (max-width: 959px){
    .HelpNav{padding-top: 2.6rem;}
    .HelpNav .SubText{font-size: 1.2rem;}
    .HelpNav .TelNumber{font-size: 2.6rem;}
    .HelpNav .TelNumber .mb__icon-tel{font-size: 2rem;}
    .HelpNav .OpenTime{font-size: 1.1rem;}
    .HeaderContact.mb__button{font-size: 1.2rem;}
    .HeaderContact .mb__icon-mail{font-size: 1.4rem;}
}
@media screen and (max-width: 759px){
    .HelpNav{padding-top: 2.4rem;}
    .HelpNav .SubText{font-size: 1.1rem;}
    .HelpNav .TelNumber{font-size: 2rem;}
    .HelpNav .TelNumber .mb__icon-tel{font-size: 1.8rem;}
    .HeaderContact.mb__button{font-size: 1.1rem;}
    .HeaderContact .mb__icon-mail{font-size: 1.2rem;}
}
@media screen and (max-width: 559px){
    .HelpNav{padding-top: 0;}
    .HelpNav .SubText{display: none;}
    .HeaderTel .mb__button,
    .HeaderContact.mb__button{padding: 0; margin-left: 0.5rem; width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; text-align: center;}
    .HeaderTel .mb__button{background: #e57200;}
    .HeaderTel .mb__icon-tel,
    .HeaderContact .mb__icon-mail{font-size: 2.4rem; margin: 0 0 0.3rem 0;}
    .NotTel .HeaderTel{display: none;}
}

/* NAVIGATION
--------------------------------------------------------------------- */
.mb__front-nav{border-bottom: none; background: #f29130;}
.mb__front-nav .mb__flex-item{padding: 0.5rem; border: none;}
.mb__front-nav .mb__flex-item a{display: flex; padding: 0 0.3rem; width: 100%; height: 42px; line-height: 1.2; color: #fff; border-radius: 4px; align-items: center; justify-content: center;}
@media (hover: hover) {
    .mb__front-nav .mb__flex-item a:hover,
    .Home .mb__front-nav .Home a,
    .Guide .mb__front-nav .Guide a,
    .Company .mb__front-nav .Company a,
    .Price .mb__front-nav .Price a,
    .Contact .mb__front-nav .Contact a{ background: #e57200;}
}
@media screen and (max-width: 559px){
    .mb__front-nav .mb__flex-item{padding: 0;}
    .mb__front-nav .mb__flex-item a{font-size: 1.1rem; height: 4rem; border-radius: 0;}
}
/* FOOTER
--------------------------------------------------------------------- */
.mb__pagetop a{background: rgba(156,187,28,0.6);}
.js__pagetop-fixed a{background: #95bf13;}
.mb__footer{background: #95bf13; color: #fff;}
.mb__footer .mb__footer-nav{border-bottom: #81a511 1px solid;}
.mb__footer .mb__footer-nav .mb__footer-nav-box a.mb__footer-nav-box-item{opacity: 1;}
.FooterLogo{padding: 1rem; margin: 1rem auto; max-width: 300px;}
.FooterCopy{font-size: 1rem; padding: 0 1rem 2rem 1rem;}
.mb__footer .mb__copyright{background: #81a511; border: none;}
@media screen and (max-width: 759px){
    .mb__footer .mb__footer-nav{border-bottom: none;}
    .mb__footer .mb__footer-nav .mb__footer-nav-box a.mb__footer-nav-box-item{opacity: 1; border-top: none; border-bottom: #81a511 1px solid;}
    .FooterLogo{max-width: 250px;}
}

/* HOME
--------------------------------------------------------------------- */
/*mainimage*/
.mb__slider .flexslider{overflow: hidden; border-radius: 0;}
.MainImageArea{background: url("../images/common/bg_nagoya.jpg") no-repeat center / cover;}
.MainImageArea .mb__main-container{padding: 4rem 2rem;}
.MainImageArea .mb__slider{border-radius: 5px; border: #fff 1rem solid;}
.MainImageArea .mb__slider .flex-control-nav a{background: #eee; border: none; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);}
.MainImageArea .mb__slider .flex-control-nav a:hover,
.MainImageArea .mb__slider .flex-control-nav a.flex-active{background: #0d1f3f;}
.MainImageArea .flex-direction-nav{display: none;}
@media screen and (max-width: 759px){
    .MainImageArea .mb__main-container{padding: 0;}
    .MainImageArea .mb__slider{border-radius: 0; border: none;}
}
.MainDetail{position: absolute; top: 0; left: 0; display: flex; width: 50%; height: 480px; justify-content: center; align-items: center; padding: 2rem;}
.AchievementBox{display: flex; justify-content: center;}
.AchievementBox .AchievementTitle{background: #e57200; font-weight: bold; padding: 0.5rem; text-align: center; line-height: 1.4; color: #fff; margin: 0; border-radius: 5px 5px 0 0;}
.AchievementBox div{width: 250px;}
.AchievementBox th{width: auto; font-weight: bold; font-size: 1.4rem;}
.AchievementBox td{font-weight: bold; font-size: 120%;}
.AchievementBox tr:last-child th:first-child{border-radius: 0 0 0 5px;}
.AchievementBox tr:last-child td:last-child{border-radius: 0 0 5px 0;}
@media screen and (max-width: 959px){
    .MainDetail{padding: 1rem;}
    .AchievementBox .AchievementTitle{padding: 0.3rem; font-size: 1.3rem;}
    .AchievementBox div{width: 200px;}
    .AchievementBox th{font-size: 1.2rem; padding: 0.5rem;}
    .AchievementBox td{padding: 0.5rem;}
}
@media screen and (max-width: 759px){
    .MainImageArea .mb__main-container{padding: 0;}
    .MainImageArea .mb__slider{border: none;}
    .MainDetail{position: absolute; top: 0; left: 0; display: flex; width: 100%; padding: 0.5rem 0 3rem 0;}
    .MainDetail .MainimageCopy{width: 90%; margin: 0 auto;}
    .AchievementBox .AchievementTitle{font-size: 1.5rem;}
    .AchievementBox div{width: 300px;}
    .AchievementBox th{font-size: 1.4rem; padding: 1rem;}
    .AchievementBox td{padding: 1rem;}
}
@media screen and (max-width: 559px){
    .AchievementBox .AchievementTitle{padding: 0.3rem; font-size: 1.3rem;}
    .AchievementBox div{width: 200px;}
    .AchievementBox th{font-size: 1.2rem; padding: 0.5rem;}
    .AchievementBox td{padding: 0.5rem;}
}

/*Reason*/
.Reason .mb__flex-item{background: #fff; padding: 1.5rem; border-radius: 4px; border-top: #81a511 4px solid;}
.Reason .mb__flex-item .mb__text-lg{line-height: 1.6;}
.ReasonIcon{width: 20%; margin-bottom: 1rem;}
.Explanation{font-size: 1.4rem;}
@media screen and (max-width: 759px){
    .Reason .mb__flex-item{padding: 1rem; justify-content: flex-start; text-align: left; position: relative;}
    .ReasonIcon{width: 30px; position: absolute; top: 1rem; left: 1rem;}
    .Reason .mb__flex-item .mb__text-lg{line-height: 1.6; margin: 0 0 1rem 4rem;}
    .Explanation{font-size: 1.2rem; line-height: 1.6;}
}

/*GuideLink*/
.GuideLinkBtn .mb__flex-item{background: #fff; border: #e57200 2px solid; padding: 1rem 0.5rem; border-radius: 4px; align-items: center !important; justify-content: space-between !important;}
.GuideLinkBtn .mb__flex-item .GuideImage{width: 40px;}
.GuideLinkBtn .mb__flex-item h3{font-weight: bold; font-size: 1.4rem; line-height: 1.4; width: calc(100% - 70px);}
.GuideLinkBtn .mb__flex-item .mb__icon-arrow-chevron-right{width: 20px;}
@media screen and (max-width: 559px){
    .GuideLinkBtn .mb__flex-item .GuideImage{width: 20px;}
    .GuideLinkBtn .mb__flex-item h3{font-size: 1.2rem; width: calc(100% - 40px);}
    .GuideLinkBtn .mb__flex-item .mb__icon-arrow-chevron-right{width: 10px;}
}

/*About*/
.About .mb__main-container{background: url("../images/home/how_bg.svg") #fff no-repeat bottom center / contain; background-size: 100% 7vh; padding-bottom: 10vh;}
@media screen and (max-width: 559px){
    .About .mb__main-container{background-size: 360px 45px; padding-bottom: 60px;}
}
@media screen and (max-width: 375px){
    .About .mb__main-container{background-size: 300px 25px; padding-bottom: 40px;}
}

/*QA*/
.Question{padding: 0 1rem; background: #fff; border-radius: 4px; border-bottom: #f2f2f2 2px solid;}
.Question.open{border-radius: 4px 4px 0 0;}
.Question h3{font-weight: bold; line-height: 1.4; cursor: pointer; padding: 1rem 2.5rem; position: relative; border-top: #81a511 2px solid;}
.Question h3::before{content: ""; background: url("../images/home/qa_icon_q.svg") no-repeat center / contain; position: absolute; top: 1.2rem; left: 0; width: 20px; height: 20px;}
.Question h3::after{content: "\e901"; font-family: muuq-fonts; position: absolute; bottom: 0; right: 0; color: #e57200;}
.Question.open h3::after{transform: rotate(180deg);}
.Answer{padding: 1rem 1rem 1rem 3.5rem; background: #fff; border-radius: 0 0 4px 4px; font-size: 90%; line-height: 1.6; display: none; position: relative;}
.Answer::before{content: ""; background: url("../images/home/qa_icon_a.svg") no-repeat center / contain; position: absolute; top: 1rem; left: 1.5rem; width: 16px; height: 16px;}
@media screen and (max-width: 759px){
    .Question h3{padding:  1rem 2rem;}
    .Question h3::before{width: 16px; height: 16px;}
    .Answer{padding-left: 3rem;}
        .Answer::before{top: 1.5rem; width: 12px; height: 12px;}
}
/*flow*/
.FlowListBox .mb__flex-box{border-bottom: #ccc 2px dotted; padding: 2rem 0; position: relative; justify-content: space-between;}
.FlowListBox .mb__flex-box::after{position: absolute; bottom: -2.3rem; left: 50%; content: "\e909"; font-family: muuq-fonts; font-size: 4rem; color: #e57200; margin-left: -2.3rem}
.FlowListBox .mb__flex-item:first-child{width: 200px;}
.FlowListBox .mb__flex-item img{border-radius: 10px;}
.FlowListBox .mb__flex-item:nth-child(2){justify-content: flex-start; text-align: left; width: calc(100% - 220px);}
.PrepareLists{background: #f2f2e7; padding: 1rem; border-radius: 4px; font-size: 90%; margin-top: 1rem;}
.PrepareLists li{position: relative; padding: 0 0 0.5rem 1.5rem; line-height: 1.4;}
.PrepareLists li:last-child{padding-bottom: 0;}
.PrepareLists li::before{position: absolute; top: 0.5rem; left: 0; content: "\e921"; font-family: muuq-fonts; color: #81a511; font-size: 1rem;}
.Judgment{background: #eaf2ce; padding: 2rem; border: #81a511 2px solid; border-radius: 4px; text-align: center; max-width: 400px; margin: 3rem auto 0 auto; color: #81a511; font-weight: bold; font-size: 120%;}
@media screen and (max-width: 759px){
    .FlowListBox .mb__flex-box{adding: 1rem 0;}
    .FlowListBox .mb__flex-item:first-child{width: 100px;}
    .FlowListBox .mb__flex-item:nth-child(2){width: calc(100% - 110px);}
    .Judgment{padding: 1.5rem; width: 80%; margin: 2rem auto 0 auto;}
}
@media screen and (max-width: 559px){
    .FlowListBox .mb__flex-item:first-child{width: 30px;}
    .FlowListBox .mb__flex-item img{border-radius: 6px;}
    .FlowListBox .mb__flex-item:nth-child(2){width: calc(100% - 40px);}
}
/*Ex*/
.mb__flex-box .mb__flex-item.ExListItem{border-top: #81a511 4px solid; background: #fff; border-radius: 0 4px 4px 4px; margin-top: 2.4rem;}
.ExListItem .Title{font-size: 120%; font-weight: bold; padding: 1rem; border-bottom: #f2f2f2 2px solid; text-align: left;}
.ExListItem .Category{position: absolute; top: -2.4rem; left: 0; display: flex; background: #81a511; padding: 0 1rem; color: #fff; height: 2rem; border-radius: 4px 4px 0 0; align-items: center; font-size: 1.2rem;}
.ExListItem .Text{font-size: 90%; padding: 1rem; text-align: left;}
.ExListItem .mb__tag-list{padding: 0 1rem 1rem 1rem;}
.ExListItem .mb__tag-item{font-size: 1.2rem;}
/*News*/
.NewsLists{background: #fff; padding: 1rem 0; border-top: #81a511 4px solid; border-radius: 4px;}
.NewsListItem{border-bottom: #f2f2f2 2px solid; padding: 1rem;}
.NewsListItem:last-child{border: none;}
.NewsListItem .Date{float: left; width: 100px;}
.NewsListItem .Detail{margin-left: 100px;}
.NewsListItem .Title{font-weight: bold; font-size: 110%; margin-bottom: 0.5rem;}
@media screen and (max-width: 559px){
    .NewsListItem .Date{width: 70px; font-size: 1.2rem;}
    .NewsListItem .Detail{margin-left: 75px;}
}

/* GUIDE
--------------------------------------------------------------------- */
.Guide .mb__page-title-box{background-image: url("../images/guide/title_bg.jpg");}
.SeparateBox{display: flex; justify-content: space-between;}
/*MainContentsArea*/
.MainContentsArea{width: calc(100% - 220px);}
.GuideBox{background: #fff; border-radius: 4px; margin-bottom: 1.5rem; padding: 0 1rem 1rem 1rem;}
.GuideBox .mb__text-xl{border-bottom: #f2f2f2 2px solid; padding: 1rem; border-top: #81a511 4px solid; margin: 0;}
.mb__table.GuideCell th{width:  auto; text-align: center; font-size: 1.3rem; line-height: 1.3; padding: 0.5rem;}
.mb__table.GuideCell td{font-size: 1.3rem; line-height: 1.3; padding: 0.5rem;}
.mb__table.Hyou-a th:first-child{width: 90px; text-align: left;}
.mb__table.Hyou-b th:first-child{width: 100px;}
.mb__table.Hyou-b th:nth-child(2){width: 60px;}
.mb__table.Hyou-c th{width: 40%; font-size: 1.3rem; line-height: 1.3; padding: 0.5rem;}
.mb__table.Hyou-c td{font-size: 1.3rem; line-height: 1.3; padding: 0.5rem;}
.SubTitle{font-weight: bold; color: #81a511; margin-bottom: 0.8rem;}
.mb__emphasis{background: linear-gradient(transparent 50%, #f7bd83 50%); font-weight: bold;}
/*SideArea*/
.SideArea{width: 200px;}
.SideArea .Sticky{position: sticky; top: 180px; right: 0;}
.GuideList{background: #fff; border-radius: 4px; border-top: #81a511 4px solid;}
.GuideList a.GuideListItem{display: block; padding: 1.5rem 1rem; border-bottom: #f2f2f2 2px solid; color: #222;}
@media screen and (max-width: 759px){
    .SeparateBox{display: block;}
    .MainContentsArea{width: 100%;}
    .SideArea{display: none;}
}

/* COMPANY
--------------------------------------------------------------------- */
.Company .mb__page-title-box{background-image: url("../images/company/title_bg.jpg");}

/* PRICE
--------------------------------------------------------------------- */
.Price .mb__page-title-box{background-image: url("../images/price/title_bg.jpg");}
.mb__liststyle-box{background: #fff; padding: 1rem 1rem 1rem 3rem; border-radius: 4px; margin-bottom: 0.5rem;}
.mb__liststyle-item{line-height: 1.4; margin-bottom: 0.5rem;}


/* CONTACT
--------------------------------------------------------------------- */
.Contact .mb__page-title-box{background-image: url("../images/contact/title_bg.jpg");}
.ActionBtnBox .mb__flex-item{margin-bottom: 0;}
.ActionBtnBox .mb__button{height: 6rem; align-items: center; border-bottom: rgba(0,0,0,0.2) 2px solid;}
.error{background: #ffebee; color: #f44336; margin-top: 0.5rem; font-size: 90%; padding: 0.5rem; border-radius: 4px;}