@charset "utf-8";
/* --------------------------------------------- */
/* top,smartlock                                 */
/* --------------------------------------------- */
.l-mv {
 padding: 8rem 0 4.4rem;
 min-width: 1100px;
 width: 100%;
 background: url(img/bg_mv.jpg) no-repeat left top / cover;
 height: 630px;
}

.l-mv-cate {
 padding: 8rem 0 4.4rem;
 min-width: 1100px;
 width: 100%;
 background: url(img/bg_mv_cate.jpg) no-repeat left top / cover;
 height: 550px;
}

.l-mv-wrapper {
 margin: 0 10rem auto;
 width: 1100px;
}
.l-mv-box {
 margin: 0 auto 0 0;
 width: 635px;
}
.l-mv-box .l-mv-logo {
 display: block;
 margin: 0 0 2rem;
}
.l-mv-box .l-mv-bg {
 position: relative;
 z-index: 1;
 padding: 3.3rem 4rem;
 padding-left: 0;
}
.l-mv-box .l-mv-bg::before {
 content: "";
 display: block;
 width: calc(50vw - 50% + 100%);
 height: 100%;
 background-color: rgba(255,255,255,0.8);
 position: absolute;
 right: 0;
 top: 0;
 z-index: -1;
}
.l-mv-box .l-mv-title {
 font-weight: 900;
 line-height: 1.3;
 font-size: 3.2rem;
 color: #37414f;
 margin: 0 0 2rem;
}
.l-mv-box .l-mv-title .green { color:#348ea5; }
.l-main-area .l-mv-box p { margin: 0; }
/* smartlock
--------------------------------------------- */
#smartlock .breadcrumb__box {
margin: 0;
}
/* l-main-area--top
--------------------------------------------- */
.l-main-area--top .mokuji .btn-accordion {
 margin: auto;
 width: 473px;
}
.l-main-area--top .mokuji .toc_parts { max-width: 800px; }
/* common
--------------------------------------------- */
.l-contents-area .ulBox { padding: 0 6rem; }
.l-contents-area .ulBox ul { margin: 0; }
/* l-parts01
--------------------------------------------- */
.l-parts01 { background: url("img/l-parts01_bg.jpg") repeat-y left top / 100% auto; }
.l-parts01 .l-common-title { color: #fff; }
.l-parts01 .notes {
 margin: 0;
 color: #fff;
 font-size: 1.2rem;
 line-height: 1.6;
}
.l-parts01 .l-parts01-column3 .notes {
 margin: 3rem 0 0;
}
.l-parts01-column3 {
 position: relative;
 display: flex;
 justify-content: space-between;
 margin: 0 0 1rem;
}
.l-parts01-column3__box {
 width: calc((100% - 40px) / 3);
 background-color: #fff;
 padding: 2rem 1.6rem 2rem;
}
.l-parts01-column3__box .box-head {
 background-color: #005a8b;
 text-align: center;
 padding: 3.0rem 1rem;
 font-size: 2.6rem;
 font-weight: 900;
 color: #fff;
 line-height: 1.4;
 letter-spacing: 0.01em;
}
.l-parts01-column3__box .box-catch {
 text-align: center;
 font-size: 2.4rem;
 font-weight: 900;
 line-height: 1.4;
 margin: 3.0rem 0;
 color: #333d47;
 letter-spacing: 0.1em;
}
.l-parts01-column3__box .box-catch2 {
 text-align: center;
 font-size: 2.2rem;
 font-weight: 900;
 line-height: 1.4;
 margin: 2rem 0 0 0;
 color: #348ea5;
 letter-spacing: 0.1em;
}
.l-parts01-column3__box .box-name {
 text-align: center;
 margin: 0 0 2rem;
 font-size: 1.8rem;
 font-weight: 900;
 line-height: 1.4;
 color: #8c8c8c;
 letter-spacing: 0.1em;
}
.l-parts01-column3__box .box-thum { text-align: center; }
.l-parts01-column3__box .box-bg-title {
 margin: 3rem 0 2rem;
 color: #005a8b;
 font-weight: 900;
 text-align: center;
 line-height: 1.4;
 font-size: 2rem;
}
.l-parts01-column3__box .box-bg {
 background-color: rgba(242,242,242,0.8);
 padding: 1.6rem;
 line-height: 1.4;
}
.l-parts01-column3__box .box-bg ul { margin: 0; }
.l-parts01-column3__box .btn-web a,
.l-parts01-column3__box .btn-tel a {
 max-width: 100%;
 width: 100%;
 font-size: 1.6rem;
}
/* l-parts02
--------------------------------------------- */
.l-parts02 { background:url("img/l-parts02_bg.jpg") repeat-y center top / 100% auto; }
.l-parts02 .l-section-inner {
 position: relative;
 z-index: 1;
}
.l-parts02-white + .l-parts02-white { margin-top: 6rem; }
.l-parts02-white__title {
 background-color: #0f4984;
 padding: 1.7rem 1rem;
 margin: 0 15% -3.8rem;
 text-align: center;
 position: relative;
 z-index: 1;
}
.l-parts02-white__title .catch-title {
 font-weight: 900;
 font-size: 3rem;
 color: #fff;
 line-height: 1.4;
}
.l-parts02-white .l-parts02-white-inner {
 padding:8rem 5.4rem 5.4rem;
 background: #fff;
 box-shadow: 3.109px 2.517px 14.4px 3.6px rgba(4, 0, 0, 0.1); 
}
.l-parts02-white .clinic {
 font-size: 4rem;
 color: #348ea5;
 font-weight: 900;
 text-align: center;
 margin: 0px 0 -4rem;
}
.l-parts02-white .title-voice {
 position: relative;
 margin: 8rem auto 4rem;
 text-align: center;
 font-weight: 900;
 font-size: 2.8rem;
 line-height: 1.4;
}
.l-parts02-white .title-voice::before {
 content: "";
 width: 100%;
 height: 1px;
 background-color: #aeb5b3;
 position: absolute;
 left: 0;
 top: 50%;
}
.l-parts02-white .title-voice .bg {
 display: inline-block;
 background-color: #fff;
 padding: 0 4.4rem;
 position: relative;
 z-index: 0;
 max-width: 100%;
}
.l-parts02-white .l-parts02-white__column3 {
 display: flex;
 width: 100%;
}
.l-parts02-white .l-parts02-white__column3__box {
    margin: 0 0 2rem;
    padding: 0 2rem;
    width: 33%;
    border-right: 1px solid #d6d9da;
    font-size: 1.5rem;
}
.l-parts02-white .l-parts02-white__column3__box .voice-catch {
 color: #0f4984;
 padding-left: 6rem;
 background: url(img/icon_door.png) no-repeat left 10px top 50% / 3rem auto;
 font-weight: 900;
 font-size: 1.8rem;
 line-height: 1.4;
 margin: 2rem auto;
 min-height: 4.7rem;
}
.l-parts02-white .l-parts02-white__column3__box:nth-child(3n+1) {
 padding-left: 0;
}
.l-parts02-white .l-parts02-white__column3__box:nth-child(3n) {
 border-right: 0;
 padding-right: 0;
}
.l-parts02-white .l-parts02-white__bgBox {
 background-color: rgba(66,194,179,0.1);
 padding: 3rem 2.8rem;
}
.l-parts02-white .l-parts02-white__bgBox .catch {
 font-weight: 900;
 color: #0f4984;
 line-height: 1.4;
 font-size: 2rem;
}
.l-parts02-white .voice-box {
 display: flex;
 justify-content: space-between;
}
.l-parts02-white .voice-box + .voice-box { margin-top:4.9rem; }
.l-parts02-white .voice-box .voice-box__img {
 width: 383px;
 padding-top: 1.9rem;
 text-align: center;
}
.l-parts02-white .voice-box__txt {
 width: calc(100% - 383px);
 padding-left: 6rem;
 background: url(img/icon_double-quote01.png) no-repeat left 11px top 0 / 3.5rem auto;
}
.l-parts02-white .voice-box__tit {
 font-size: 1.8rem;
 font-weight: 900;
 color: #0f4984;
 padding-top: 1.9rem;
}
.l-parts02 .l-parts02-white table th {
 text-align: center;
 width: 220px;
}

.l-parts02 .l-parts02-white .catch{
 font-weight: 900;
 color: #0f4984;
 line-height: 1.4;
 font-size: 2rem;
margin-bottom: 1rem;
}

.l-parts02 .l-parts02-white .catch2{
 font-weight: 900;
 color: #8c8c8c;
 line-height: 1.4;
 font-size: 2rem;
margin-top: 3rem;
margin-bottom: -3rem;
text-align: center;
}

/* l-parts03
--------------------------------------------- */
.l-parts03 { background-color: #d4dfe6; }
.l-parts03 .btn-accordion { margin-bottom: 0; }
.l-parts03 .accordion-item .frame-wrap { margin-top: 0; }
/* l-parts04
--------------------------------------------- */
/* l-parts05
--------------------------------------------- */
.l-parts05 .manufacturerBox { margin: 8rem 0 0; }
.l-parts05 .manufacturerBox .float-wrap .text { overflow: hidden; }
.l-parts05 .manufacturerBox .float-wrap .float-img.fl { width: 383px; }
.l-parts05 .manufacturerBox table { margin-bottom: 0;
	border-collapse: collapse; }
.l-parts05 .manufacturerBox table th {
 text-align: center;
 width: 220px;
}
.l-parts05 .manufacturerBox .float-wrap table th { width: 153px; }
/* l-parts06
--------------------------------------------- */
.l-parts06 .float-wrap { margin: 0; }
.l-parts06 .float-wrap .float-img.w396 { width: 396px; }
.l-parts06 .float-wrap .float-img.w317 { width: 317px; }
.l-parts06 .float-wrap.small { margin:6rem; }
.l-parts06 .float-wrap.small + .float-wrap.small { margin-top: 6rem; }
.l-parts06 .float-wrap.small .float-img {
 width:72px;
 margin-right: 4rem;
}
/* l-parts07
--------------------------------------------- */
.l-parts07 .float-wrap .flame img { width: 229px; }
/* l-parts08
--------------------------------------------- */
.l-parts08 {
 background:#348ea5 url("img/l-parts08_bg.jpg") no-repeat center top;
 color: #fff;
}
.l-parts08 .l-section-ttl {
 margin-bottom: 3rem;
 padding: 3rem;
 background: url("img/l-section-ttl_bg.jpg") no-repeat center / cover;
 color: #333d47;
 font-size: 3.2rem;
 font-weight: 900;
}
.l-parts08 .l-section-ttl a {
 text-decoration: none;
 display: block;
 padding-right: 3rem;
 background: url("img/arrow02_blue.svg") no-repeat right 50% / 20px auto;
}
.l-parts08 .catch {
 font-weight: 900;
 font-size: 1.8rem;
 line-height: 1.4;
 margin: 0 0 2rem;
}
.l-parts08 p .yellow {
 color: #ffde26;
 font-weight: bold;
}
/* l-parts09
--------------------------------------------- */
/* l-parts10
--------------------------------------------- */
@media screen and (max-width: 480px) {
 /* --------------------------------------------- */
 /* top,smartlock                                 */
 /* --------------------------------------------- */
 .l-mv {
  padding: 0 0 2rem;
  min-width: 100%;
  background: none;
	 height: auto;
 }
	
.l-mv-cate {
  padding: 0 0 2rem;
  min-width: 100%;
  background: none;
	 height: auto;
 }
 .l-mv-wrapper { width: 100%; 
	margin: 0;
	}
 .l-mv-box {
  margin: 0;
  width: 100%;
 }
 .l-mv-box .l-mv-logo {
  text-align: center;
  margin: 0 0 1rem;
 }
 .l-mv-logo img { max-width: 120px; }
 .l-mv-box .l-mv-bg {
  width: 100%;
  padding: 0;
 }
 .l-mv-box .l-mv-bg::before { content: none; } 
 .l-mv-box .l-mv-title-wrap {
  width: 100%;
  aspect-ratio: 1557 / 1000;  
  background: url(img/bg_mv.jpg) no-repeat center top / cover;
  display: flex;
  align-items: flex-end;
  margin: 0 0 2rem;
 }
	
 .l-mv-box .l-mv-title-wrap-cate {
  width: 100%;
  aspect-ratio: 1557 / 1000;  
  background: url(img/bg_mv_cate.jpg) no-repeat center right 25% / cover;
  display: flex;
  align-items: flex-end; }	
	
 .l-mv-box .l-mv-title-wrap .l-mv-title {
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 0;
  padding: 1rem 4rem 1rem 2rem;
  position: relative;
  z-index: 1;
 }
	
 .l-mv-box .l-mv-title-wrap-cate .l-mv-title {
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 0;
  padding: 1rem 4rem 1rem 2rem;
  position: relative;
  z-index: 1;
 }	
	
 .l-mv-box .l-mv-title::before {
  content: "";
  display: block;
  width: calc(100vw - 3%);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: -3%;
  top: 0;
  z-index: -1;
 }
	
.l-parts01-column3__box .box-head {
	font-size:2.2rem;
	padding: 2rem 1rem;
	}	
	
	
 .l-mv-box p { padding: 0 2rem; }
 /* common
 --------------------------------------------- */
 .l-contents-area .ulBox { padding: 0; }
 /* l-parts01
 --------------------------------------------- */
 .lower-bottom .l-parts01 { padding: 4rem 0; }
 .l-parts01-column3 { display: block; }
 .l-parts01-column3__box { 
  width: 100%;
  margin-top: 0;
 }
 .l-parts01-column3 .l-parts01-column3__box + .l-parts01-column3__box { margin-top: 4rem; }
 .l-parts01 .notes {
  font-size: 1.2rem;
  margin-left: 0;
  margin-right: 0;
 }
 .l-parts01 .l-parts01-column3 .notes { margin-top: 2rem; }
 /* l-parts02
 --------------------------------------------- */
 .l-parts02-white + .l-parts02-white { margin: 3rem 0 0; }
 .l-parts02-white__title { margin: 0 10% -2rem; }
 .l-parts02-white__title .catch-title { font-size: 2rem; }
 .l-parts02-white .l-parts02-white-inner { padding: 5rem 2rem 2rem; } 
 .l-parts02-white .clinic {
        font-size: 2.6rem;
        margin: 0;
        color: #348ea5;
 }
 .l-parts02-white .title-voice {
  font-size: 2rem;
  margin: 4rem auto 2rem;
 }
 .l-parts02-white .title-voice .bg { padding: 0rem; } 
	.l-parts02-white .title-voice::before {display: none;}
 .l-parts02-white .l-parts02-white__bgBox { padding: 2rem; }
 .l-parts02-white .l-parts02-white__column3 { display: block; }
 .l-parts02-white .l-parts02-white__column3__box {
  margin: 0;
  width: 100%;
  padding: 0;
  border: none;
 }
 .l-parts02-white .l-parts02-white__column3__box +.l-parts02-white__column3__box { margin-top: 3rem; }
 .l-parts02-white .l-parts02-white__column3__box .voice-catch { font-size: 1.8rem;  }
 .l-parts02-white .l-parts02-white__bgBox .catch { font-size: 1.8rem; }
 .l-parts02-white .voice-box { display: block; }
 .l-parts02-white .voice-box + .voice-box { margin-top:3rem; }
 .l-parts02-white .voice-box .voice-box__img {
  width: 100%;
  padding: 0;
 }
 .l-parts02-white .voice-box__txt {
  width: 100%;
  padding: 0;
  background: none;
 }
 .l-parts02-white .voice-box__tit {
  background: url(img/icon_double-quote01.png) no-repeat left top / 2rem auto;
  padding: 1rem 0 0 1rem;
 }
 /* l-parts03
 --------------------------------------------- */
 /* l-parts04
 --------------------------------------------- */
 /* l-parts05
 --------------------------------------------- */
 .l-parts05 .manufacturerBox .float-wrap .float-img.fl,
 .l-parts05 .manufacturerBox .float-wrap table th { width: 100%; }
 /* l-parts06
 --------------------------------------------- */
 .l-parts06 .float-wrap .float-img.w396,
 .l-parts06 .float-wrap .float-img.w317 { width: 100%; }
 .l-parts06 .float-wrap.small { margin: 0; }
 .l-parts06 .float-wrap.small + .float-wrap.small { margin-top: 4rem; }
 .l-parts06 .float-wrap.small .float-img {
  float: left;
  margin-right: 2rem;
  max-width: 50px;
 }
 /* l-parts07
 --------------------------------------------- */
 /* l-parts08
 --------------------------------------------- */
 .l-parts08 .l-section-ttl {
  padding: 1rem;
  font-size: 2rem;
 }
}