/* =============================================
    Body
   =============================================*/
body { font-family: 'Noto Sans JP', sans-serif; font-size: 16px; line-height: 1.5; color: #222; }
@media only screen and (min-width: 835px) {
	body,header,.outer,.about .mv_i li {
		min-width: 1080px;
	}
}
body, body * { box-sizing: border-box; }

/* =============================================
    Layout
   =============================================*/
.sp { display: none; }
.pc { display: block; }
.none{display: none;}
.wrapper { overflow-x: hidden;max-width: 1920px;margin: 0 auto; }
.outer   { width: 100%; margin: 0 auto; }
.inner   { width: 1080px; margin: 0 auto; }
.content { width: 900px; margin: 0 auto; }
.flex    { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex.nowrap   { flex-wrap: nowrap; }
.flex.right    { justify-content: flex-end; }
@media all and (-ms-high-contrast:none){
.flex.right    { justify-content:space-around; }
.mv .flex.right    { justify-content:flex-end; }
.product-cta .flex.right    { justify-content:flex-end; }
}

.flex.center   { justify-content: center; }
.flex.left     { justify-content: flex-start; }
.flex.vertical { flex-direction: column; }
.v-center      { display: flex; justify-content: center; }
.vh-center      { display: flex; justify-content: center; align-items: center; }
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
button{
	font-family: 'Noto Sans JP';
}
/* =============================================
    Transition
   =============================================*/
.fadein.up { opacity: 0; transform:translateY(30px); transition: all .3s ease;  }
.fadein.scrollin.up { opacity: 1; transform:translateY(0); }
.fadein.left { opacity: 0; transform:translateX(-30px); transition: all .3s ease;  }
.fadein.scrollin.left { opacity: 1; transform:translateY(0); }
.fadein.right { opacity: 0; transform:translateX(30px); transition: all .3s ease;  }
.fadein.scrollin.right { opacity: 1; transform:translateY(0); }
.fadein.zoomout { opacity: 0; transform:scale(2, 2); transition: all .3s ease; transform-origin: center; }
.fadein.scrollin.zoomout { opacity: 1; transform:scale(1, 1); }
.fadein.delay02 { transition-delay:  .2s; }
.fadein.delay04 { transition-delay:  .4s; }
.fadein.delay05 { transition-delay:  .5s; }
.fadein.delay06 { transition-delay:  .6s; }
.fadein.delay08 { transition-delay:  .8s; }
.fadein.delay10 { transition-delay: 1.0s; }
.fadein.delay15 { transition-delay: 1.5s; }
img.fit-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
img.fit-contain {
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;'
}
/* =============================================
    マージン設定
   =============================================*/
.pt-0{
	padding-top:0px !important;
	}
.pt-30{
	padding-top:30px !important;
	}
.pt-50{
	padding-top:50px !important;
	}
.pt-100{
	padding-top:100px !important;
	}
.mt-0{
	margin-top:0px !important;
	}
.mt-5{
	margin-top:5px !important;
	}
.mt-10{
	margin-top:10px !important;
	}
.mt-15{
	margin-top:15px !important;
	}
.mt-20{
	margin-top:20px !important;
	}
.mt-25{
	margin-top:25px !important;
	}
.mt-35{
	margin-top:35px !important;
	}
.mt-50{
	margin-top:50px !important;
	}
.mt-80{
	margin-top:80px !important;
	}
.mt-100{
	margin-top:100px !important;
	}

.mr-0{
	margin-right:0px !important;
	}
.mr-5{
	margin-right:5px !important;
	}
.mr-10{
	margin-right:10px !important;
	}
.mr-15{
	margin-right:15px !important;
	}
.mr-20{
	margin-right:20px !important;
	}
.mr-25{
	margin-right:25px !important;
	}
.mr-30{
	margin-right:30px !important;
	}

.ml-5{
	margin-left:5px !important;
	}
.ml-10{
	margin-left:10px !important;
	}
.ml-15{
	margin-left:15px !important;
	}
.ml-20{
	margin-left:20px !important;
	}
.ml-25{
	margin-left:25px !important;
	}
.ml-30{
	margin-left:30px !important;
	}
.mb-0{
	margin-bottom:0px !important;
	}
.mb-5{
	margin-bottom:5px !important;
	}
.mb-10{
	margin-bottom:10px !important;
	}
.mb-15{
	margin-bottom:15px !important;
	}
.mb-20{
	margin-bottom:20px !important;
	}
.mb-25{
	margin-bottom:25px !important;
	}
.mb-30{
	margin-bottom:30px !important;
	}
.mb-50{
	margin-bottom:50px !important;
	}
.mb-80{
	margin-bottom:80px !important;
	}
.mb-100{
margin-bottom:100px !important;
}
.w-100{width:100px !important;}
.w-110{width:110px !important;}
.w-120{width:120px !important;}
.w-130{width:130px !important;}
.w-140{width:140px !important;}
.w-150{width:150px !important;}
.w-160{width:160px !important;}
.w-170{width:170px !important;}
.w-180{width:180px !important;}
.w-190{width:190px !important;}
.w-200{width:200px !important;}
.w-210{width:210px !important;}
.w-220{width:220px !important;}
.w-230{width:230px !important;}
.w-240{width:240px !important;}
.w-250{width:250px !important;}
.w-260{width:260px !important;}
.w-270{width:270px !important;}
.w-280{width:280px !important;}
.w-290{width:290px !important;}
.w-300{width:300px !important;}
.w-310{width:310px !important;}
.w-320{width:320px !important;}
.w-330{width:330px !important;}
.w-340{width:340px !important;}
.w-350{width:350px !important;}
.w-360{width:360px !important;}
.w-370{width:370px !important;}
.w-380{width:380px !important;}
.w-390{width:390px !important;}
.w-400{width:400px !important;}
.w-410{width:410px !important;}
.w-420{width:420px !important;}
.w-430{width:430px !important;}
.w-440{width:440px !important;}
.w-450{width:450px !important;}
.w-460{width:460px !important;}
.w-470{width:470px !important;}
.w-480{width:480px !important;}
.w-490{width:490px !important;}
.w-500{width:500px !important;}
.w-510{width:510px !important;}
.w-520{width:520px !important;}
.w-530{width:530px !important;}
.w-540{width:540px !important;}
.w-550{width:550px !important;}
.w-560{width:560px !important;}
.w-570{width:570px !important;}
.w-580{width:580px !important;}
.w-590{width:590px !important;}
.w-600{width:600px !important;}
.w-610{width:610px !important;}
.w-620{width:620px !important;}
.w-630{width:630px !important;}
.w-640{width:640px !important;}
.w-650{width:650px !important;}
.w-660{width:660px !important;}
.w-670{width:670px !important;}
.w-680{width:680px !important;}
.w-690{width:690px !important;}
.w-700{width:700px !important;}
.w-710{width:710px !important;}
.w-720{width:720px !important;}
.w-730{width:730px !important;}
.w-740{width:740px !important;}
.w-750{width:750px !important;}
.w-760{width:760px !important;}
.w-770{width:770px !important;}
.w-780{width:780px !important;}
.w-790{width:790px !important;}
.w-800{width:800px !important;}
.w-810{width:810px !important;}
.w-820{width:820px !important;}
.w-830{width:830px !important;}
.w-840{width:840px !important;}
.w-850{width:850px !important;}
.w-860{width:860px !important;}
.w-870{width:870px !important;}
.w-880{width:880px !important;}
.w-890{width:890px !important;}

/* =============================================
    Parts
   =============================================*/
/* font */
.en   { font-family: 'Roboto', sans-serif !important; }
.thin { font-weight: 100; }
.regu { font-weight: 400; }
.bold { font-weight: 700; }

.black { color: #222222; }
.white { color: #ffffff; }
.gray  { color: #707070; }

.ta-center { text-align: center; display: block; }
.ta-left   { text-align: left;   display: block; }
.ta-right  { text-align: right;  display: block; }

.fs-12 { font-size: 0.750rem; }
.fs-14 { font-size: 0.875rem; }
.fs-16 { font-size: 1.000rem; }
.fs-18 { font-size: 1.125rem; }
.fs-20 { font-size: 1.250rem; }
.fs-22 { font-size: 1.375rem; }
.fs-24 { font-size: 1.500rem; }
.fs-26 { font-size: 1.625rem; }
.fs-28 { font-size: 1.750rem; }
.fs-30 { font-size: 1.875rem; }
.fs-32 { font-size: 2.000rem; }
.fs-34 { font-size: 2.125rem; }
.fs-40 { font-size: 2.500rem; }
.fs-44 { font-size: 2.750rem; }

.border{
	border-bottom: 1px solid #dedede;
}
sup {
  font-size: 0.5em;
  position: relative;
  top: -1em;
}
.attention{
	color: #bf0000;
}