@charset "UTF-8";
h1, h2, h3, h4, h5, h6 {
  text-align:center;
  font-size:250%;
  margin-top:0;
}
h2 {
  margin-bottom:5rem;
  font-size:330%;
}
h2, h3, h4, h5, h6 {
  width:96%;
  margin-bottom:1.5rem;
  text-align:center;
  font-size:6.4vw;
  font-weight:400;
  font-weight:normal;
  margin:0 auto 1.5rem auto;
}
h4, h5, h6 {
  font-size:200%;
}
a img, img {
  border:0;
}
figure>figcaption {
  text-align:center;
  font-size:2vw;
  padding-top:1rem;
  padding-bottom:2rem;
}
section>div {
  margin-bottom:0;
  padding-top:3rem;
}
.textsmall { font-size:86% !important;}

.row.col_pad > [class*="col_box_"] {
  padding: 0 10px;
}
#feature-1, #feature-1 .ytb, #feature-2, #feature-6, #feature-3 {
  position:relative;
}
#location {
  display:none;
}
#feature-1>div:last-child img {
  border:1px solid #ccc;
}
#feature-1 h1 img, #feature-1 h2 img, #feature-1 h3 img, #feature-1 h4 img, #feature-1 h5 img, #feature-1 h6 img {
  margin-right:2rem;
}
#feature-1 div{
  padding-right:10px;
  padding-left:10px;
}

#feature-1 h1 img {
  margin-right:0;
  opacity:1;
  width:100%;
  max-width:640px;
  height:auto;
}
.cstmTable th a {
  font-weight: normal;
}
@media screen and (min-width: 769px) {
#feature-1 h1 img {
  max-width:376px;
}
#feature-2 h1,
#feature-3 h1{
    font-size: 200%;
    text-align: left;
    margin-top: 0;
}
}

#feature-1 h1 img + img {
  margin-top:50px;
}

#feature-1 #lead {
  margin-top:0;
  margin-bottom:4.5rem;
  width:80%;
  font-size:9.5vw;
  font-weight:100;
  line-height:1;
  text-align:center;
  opacity:1;
}
#feature-1 #lead small {
  font-size:40%;
  letter-spacing:3px;
letter-spacing:.3rem;
  opacity:1;
}
#feature-1 .respon-img {
  opacity:1;
}
#feature-1 .respon-img.right {
  margin-right:auto;
  width:100%/* 120% */;
  height:auto;
  max-width:740px;
  margin-bottom:0;
/*  -webkit-transform:rotate(-4deg);
  -ms-transform:rotate(-4deg);
  transform:rotate(-4deg); */
}
#feature-1 .flex-box div h1.fh90a3_title {
width:100%;
}

#feature-1 .ytb {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
#feature-1 .ytb:hover {
  opacity:.8;
}
#feature-2 h3, #feature-2 h4, #feature-2 h5, #feature-2 h6, #feature-2 p,
#feature-6 h3, #feature-6 h4, #feature-6 h5, #feature-6 h6, #feature-6 p,
#feature-3 h3, #feature-3 h4, #feature-3 h5, #feature-3 h6, #feature-3 p/*,
#feature-3.effect .flex-box>div:last-child figure img:first-child*/ {
  opacity:1;
}
#feature-2 figure, #feature-6 figure, #feature-3 figure {
  width:100%;
  position:relative;
/* margin-top:100px; */
  margin:0;
}
#feature-6 .pictBox{
	font-size:0;
	line-height:0;
}
#feature-6 .pictBox img{
	display:inline-block;
	max-width:450px;
	margin:30px 20px 0;
}

#feature-2 figure img, #feature-6 figure img, #feature-3 figure img {
  max-width:100%;
  height:auto;
  margin: auto;
}
#feature-2 img.pc, #feature-6 img.pc, #feature-3 img.pc {
  -webkit-transition:all 1.5s linear 0s;
  transition:all 1.5s linear 0s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#feature-2 img.sp, #feature-6 img.sp, #feature-3 img.sp {
  position:absolute;
  top:-105px;
  left:-33px;
}

#feature-2 .txtBox{ padding:57% 0 0 !important; }

#feature-3 .container .flex-box>div:last-child {
  position:relative;
}
/*#feature-3 {
  position:relative;
}
#feature-3 .flex-box>div:last-child figure img:first-child, #feature-3.effect .flex-box>div:last-child figure img:last-child {
  opacity:0;
}
#feature-3 p {
  margin-bottom:3rem;
}
#feature-3 .flex-box>div figure {
  margin:0;
  width:100%;
}
#feature-3 .flex-box>div figure img {
  position: inherit;
  max-width: 100%;
  height: auto;
}
#feature-3 .flex-box>div:first-child figure img {
  margin-bottom:5rem;
}
#feature-3 .flex-box>div:last-child {
  position:relative;
  width:100%;
}
#feature-3 .flex-box>div:last-child:before {
*  content:""; *
  display:block;
  padding-top:104%;
}
#feature-3 .flex-box>div:last-child figure img {
*  position:absolute;
  top:0;
  width:100%;
  height:auto;
  max-width:680px;
  max-width:68rem; *
  -webkit-transition:all 1.5s ease-out 0s;
  transition:all 1.5s ease-out 0s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#feature-3 .flex-box>div:last-child figure img:last-child {
  opacity:1;
}
#feature-3 .flex-box>div:last-child figure img.change:first-child {
  opacity:0;
}
#feature-3 .flex-box>div:last-child figure img.change:last-child {
  opacity:1;
}*/
#feature-4 {
  position:relative;
  padding-top:50px;
}
#feature-4 .flex-box>div:last-child {
  position:relative;
  width:100%;
}
#feature-4 .flex-box>div:last-child:before {
  /* content:""; */
  display:block;
  padding-top:109%;
}
#feature-4 .flex-box>div:last-child figure img {
  position:absolute;
  top:0;
  left:0;
  /* width:130%; */
  height:auto;
  -webkit-transition:all 1.5s ease-out 0s;
  transition:all 1.5s ease-out 0s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#feature-4 .flex-box>div:last-child figure img:first-child {
  opacity:0;
}
#feature-4 .flex-box>div:last-child figure img:last-child {
  opacity:1;
}
#feature-4 .flex-box>div:last-child figure img.change:first-child {
  opacity:0;
}
#feature-4 .flex-box>div:last-child figure img.change:last-child {
  opacity:1;
}
#feature-4 .flex-box .mr_productBox{
	width:47%;
	margin-bottom:40px;
	text-align:center;
}
#feature-4 .flex-box .mr_productBox:nth-child(2n+1){
	float:left;
}
#feature-4 .flex-box .mr_productBox:nth-child(2n){
	float:right;
}
#feature-4 .flex-box .mr_productBox a{
	display:block;
	width:100%;
}
#feature-4 .flex-box .mr_productBox a:link,
#feature-4 .flex-box .mr_productBox a:visited{
	text-decoration:none;
	color:#333333;
}
#feature-4 .flex-box .mr_productBox a:hover,
#feature-4 .flex-box .mr_productBox a:active{
	opacity:0.7;
}
#feature-4 .flex-box .mr_productBox p{
	text-align:center;
	line-height:1.5;
}
#feature-4 .flex-box .mr_productBox p.productName{
	font-weight:bold;
}
#feature-4 .feature_accordion--btn {
  margin:50px auto;
}
#feature-5>.virtual-p {
  width:100%;
  margin-bottom:3rem;
}
#feature-5 .flex-box>div figure, #nav-list dl {
  margin:0;
}
#feature-5>.virtual-p:before {
  content:"";
  display:block;
  padding-top:75%;
}
#feature-5 h2, #feature-5 h3, #feature-5 h4, #feature-5 h5, #feature-5 h6 {
  font-weight:900;
  width:96%;
}
#feature-5 img.respon-img {
  max-width:640px;
  max-width:64rem;
  width:90%;
}
#feature-5 .btn-1:hover {
  -webkit-animation-play-state:paused;
  animation-play-state:paused;
}

/* .fmv5_footnote */
.fmv5_footnote { text-align:left; margin-bottom:20px; line-height:1.6;}
.fmv5_footnote dt,
.fmv5_footnote dd { float:left; font-size:120%; margin:0;}
.fmv5_footnote dt:after { content:" : "; width:0.5em; height:auto; margin-left:0.5em; display:block; float:right;}
.fmv5_footnote dt { width:40px;}
.fmv5_footnote dd { width:calc(100% - 40px);}
.fmv5_footnote.diff-numnone dt:after { margin-left:0;}
.fmv5_footnote.diff-numnone dt { width:25px;}
.fmv5_footnote.diff-numnone dd { width:calc(100% - 25px);}

p.fmv5_footnote{ width:100% !important; font-size:120% !important;}

p.w100{ width:100% !important;}

#sns {
  display:none;
}
#sns .sns-logo {
  font-size:20px;
  color:#666;
}
#sns .sns-logo a {
  color:#666;
  opacity:.8;
  -webkit-transform:rotate(0) scale(1, 1);
  -ms-transform:rotate(0) scale(1, 1);
  transform:rotate(0) scale(1, 1);
  -webkit-transition:all .3s cubic-bezier(.4, 0, .2, 1);
  transition:all .3s cubic-bezier(.4, 0, .2, 1);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#sns .sns-logo a:hover {
  opacity:1;
  -webkit-transform:rotate(360deg) scale(1.5, 1.5);
  -ms-transform:rotate(360deg) scale(1.5, 1.5);
  transform:rotate(360deg) scale(1.5, 1.5);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#nav-list dl>dt>button>i, #pagetop {
  -webkit-backface-visibility:hidden;
}
#sns .sns-logo .fa-stack-1x {
  color:#fff;
}
#sns .sns-logo.tw a:hover {
  color:#5ea9dd;
}
#sns .sns-logo.fb a:hover {
  color:#385185;
}
#sns .sns-logo.gp a:hover {
  color:#db4437;
}

/* .cstmTable */
.cstmTable{ font-size:120%; line-height:1.6; text-align:center; border-collapse:collapse; border-top:solid 1px #696969; border-bottom:solid 1px #696969; table-layout: fixed; width: 100%;}
.cstmTable th,
.cstmTable td{ border-top:solid 1px #696969; padding:15px 4px;}
.cstmTable tr:first-child th,
.cstmTable tr:first-child td{ border-top:none;}
.cstmTable th{ background-color:#f5f5f5;}
.cstmTable td{ border-left:solid 1px #696969;}
.cstmTable .bdrNone,
.cstmTable .td_black.bdrNone{ border-left:none;}
.cstmTable tr.bdrNone_t,
.cstmTable tr.bdrNone_t th,
.cstmTable tr.bdrNone_t td{ border-top:none;}

.cstmTable .td_black{ background-color:#323232; color:#ffffff; border-left:solid 1px #ffffff;}

/* .fmlistnone */
.fmlistnone{ margin-top:0; padding-left:10px;}
.fmlistnone li{ list-style:none;}

/* .cstmMdl */
.cstmMdlImg{
	position:relative;
	width:100%;
	background:url(/fmv/ah_mr/1710/images/img_custommaid.png) no-repeat 50% 0 / 1100px;
}
.cstmMdlImg:before{ content:""; display:block; padding-top:600px;}
.cstmMdlTxt{ margin-bottom: 1.8rem; margin-top:0; font-size:160%;}

/* .func_ttl */
.func_ttl{ padding-bottom:15px;}
.func_ttl h4,
.func_ttl h4 span{ display:inline-block; vertical-align:middle;}
.func_ttl h4{ font-size:200%; text-decoration:none;}
.func_ttl h4 span{ display:inline-block; margin-top:13px; vertical-align:top;}
.func_ttl h4:before{ width:48px; height:48px; margin-right:10px; content:""; display:inline-block; line-height:0;}
#more_func01 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_os_office.png) no-repeat;}
#more_func02 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_wmr.png) no-repeat;}
#more_func03 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_security.png) no-repeat;}
#more_func04 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_internet.png) no-repeat;}
#more_func05 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_atok.png) no-repeat;}
#more_func06 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_keyboard.png) no-repeat;}
/*#more_func07 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_basic.png) no-repeat;}*/
#more_func08 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_4k.png) no-repeat;}
#more_func09 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_storage.png) no-repeat;}
#more_func10 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_vr360.png) no-repeat;}
#more_func11 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_utility.png) no-repeat;}
#more_func12 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_if.png) no-repeat;}
#more_func13 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_cpu.png) no-repeat;}
#more_func14 .func_ttl h4:before{ background:url(/fmv/func/1710/images/icon46x46_waves-maxxaudio.png) no-repeat;}

/* .txt_func */
.ttl_lv3.txt_func{ color: #323232; border-bottom: solid 2px #323232;}
.ttl_lv4.txt_func{ text-decoration: none; padding-left: 8px; border-left: solid 17px #333; line-height:1;}

.ttl_lv4 .number{ padding: 0 5px; margin-right:10px; border: solid 1px #333; line-height:1;}

/* mr_disNon */
.mr_disNon{ display:none;}


@media screen and (max-width:950px) {
.cstmMdlImg{ background-size: 130%;}
.cstmMdlImg:before{ padding-top:70%;}
}
@media screen and (min-width:769px) {
#feature-1, #header {
  min-height:1px;
}

#feature-1 h1{
text-align:left;
margin-top:163px;
}

#feature-1 div.logoBox{
position:relative;
width:980px;
margin:0 auto;
}

#feature-1 div.logoBox > img{
position:absolute;
top:14px;
left:18px;
}

#feature-6 .pictBox{
	width:980px;
}

@media screen and (max-width:980px) {
#feature-1 div.logoBox > img{
left:10px;
}

}

h1, h2, h3, h4, h5, h6 {
  font-size:140%;
}
h2, h3, h4, h5, h6 {
  font-size:330%;
  letter-spacing:-1px;
letter-spacing:-.1rem;
 font-weight:normal;
}
img.block-img.left {
  margin-right:auto;
}
img.block-img.center {
  margin-left:auto;
  margin-right:auto;
}
img.block-img.right {
  margin-left:auto;
}
figure>figcaption {
  position:absolute;
  bottom:0;
  left:35%;
  font-size:120%;
  font-weight:300;
  color:#666;
}
section p {
  font-size:180%;
  line-height:1.8;
  text-align:justify;
  text-justify:inter-ideograph;
}
section .container>.flex-box>div:first-child, section .container>.flex-box>div:last-child {
  width:50%;
}
#location {
  background:#f7f7f7;
  border:1px solid #eee;
  padding:0;
  margin-bottom:15px;
  text-align:left;
}
#location ol {
  padding:7px 10px;
  margin:0;
  list-style:none;
  font-size:130%;
}
#location ol.location-inside {
  font-weight:400;
}
#location li {
  display:inline;
  margin:0 2px 0 0;
  line-height:1.3;
}
#location li a {
  margin-right:2px;
}
#location li a:active, #location li a:link, #location li a:visited {
  margin-right:2px;
  text-decoration:none;
}
#location li a:link {
  color:#003399;
}
#location li a:hover {
  margin-right:2px;
  text-decoration:underline;
}
#productPage a:active {
    color: #cc3300;
}
#feature-1 #lead {
  width:auto;
  margin-top:120px;
  font-size:720%;
  line-height:.8;
}
#feature-1 .respon-img.right {
  width:auto;
  margin-right:0;
  margin-left:-60px;
  -webkit-transform:rotate(0);
  -ms-transform:rotate(0);
  transform:rotate(0);
  margin-top: 40px;
  margin-left: -60px;
}
#feature-1 .container:last-child {
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:30px;
  margin-bottom:100px;
}
#feature-1 .flex-box>div:first-child {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
}
#feature-1 .flex-box>h2.fh90a3_title {
  margin:0;
  max-width:none;
}
#feature-1 .flex-box>div:last-child {
  width:530px;
}
#feature-1 .ytb {
  max-width:710px;
}
#feature-2.effect img.pc, #feature-6.effect img.pc, #feature-3.effect img.pc {
  opacity:0;
}
#feature-2 h3, #feature-2 h4, #feature-2 h5, #feature-2 h6,
#feature-6 h3, #feature-6 h4, #feature-6 h5, #feature-6 h6,
#feature-3 h3, #feature-3 h4, #feature-3 h5, #feature-3 h6 {
  margin-top:0;
  margin-bottom:0;
  text-align:center;
}
#feature-2 img.pc, #feature-6 img.pc, #feature-3 img.pc {
  position:absolute;
  top:-110px;
  left:-71px;
  opacity:1;
}
#feature-2 .feature_accordion--btn,
#feature-6 .feature_accordion--btn,
#feature-3 .feature_accordion--btn {
  margin:0 auto 50px;
}
#feature-2 .container .flex-box,
#feature-6 .container .flex-box,
#feature-3 .container .flex-box {
  /* height:735px; */
  height:auto;
  min-height:1px;
  flex-flow:column-reverse;
  padding:25px 0;
}
#feature-2 .container .flex-box>div,
#feature-6 .container .flex-box>div,
#feature-3 .container .flex-box>div {
  width: 100%;
  padding:25px 0;
}
/*#feature-2 .container .flex-box>div:last-child,
#feature-6 .container .flex-box>div:last-child,
#feature-3 .container .flex-box>div:last-child {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center; 
  -ms-flex-align:center;
  align-items:center;
}*/
#feature-2 .container .flex-box>div p,
#feature-6 .container .flex-box>div p,
#feature-3 .container .flex-box>div p {
  width: 40%;
}
/*#feature-3 p {
  margin-top:0;
  margin-bottom:10px;
}
#feature-3 .flex-box {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:row-reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  * height:735px; *
  padding:136px 0;
}
#feature-3 .flex-box>div:first-child figure {
  width:90%;
}
#feature-3 .flex-box>div:first-child figure img {
  display:block;
  max-width:70%;
  height:auto;
  margin:4rem auto 0;
}
#feature-3 .flex-box>div:last-child:before, #feature-4 .flex-box>div:last-child:before {
  display:inline;
}
#feature-3 .flex-box>div:last-child {
  width:50%;
}
#feature-3 .flex-box>div:last-child figure img {
  width:auto;
  top:12px;
  top:1.2rem;
  right:0;
}
#feature-3 .feature_accordion--btn {
  margin: 0 auto 50px;
}*/
#feature-4.effect .flex-box>div:last-child figure img:first-child {
  opacity:1;
}
#feature-4.effect .flex-box>div:last-child figure img:last-child {
  opacity:0;
}
#feature-4 {
  margin-bottom:0;
}
#feature-4 p {
  margin-top:0;
}
/*#feature-4 .flex-box>div:last-child {
  width:50%;
}*/
#feature-4 .flex-box>div:last-child figure {
  margin:0;
}
#feature-4 .flex-box>div:last-child figure img {
  top:84px;
  top:8.4rem;
}
/*#feature-4 .flex-box {
  height:735px;
}*/
#feature-5>.clearfix, #feature-5>.container {
  /*width:100%;*/
  margin-bottom:30px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
}
#feature-5>.virtual-p {
  max-width:1200px;
}
#feature-5>.virtual-p:before {
  padding-top:78%;
}
#feature-5 h2, #feature-5 h3, #feature-5 h4, #feature-5 h5, #feature-5 h6 {
  margin:0;
  width:auto;
  font-weight:600;
letter-spacing:.1rem;
}
#feature-5 img.respon-img {
  max-width:90%;
  max-height:640px;
  max-height:64rem;
  width:auto;
  height:auto;
}
#feature-5 .container {
  margin-bottom:0;
}
#feature-5 .flex-box {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:space-around;
  -ms-flex-pack:distribute;
  justify-content:space-around;
}
#feature-5 .flex-box>div:first-child {
  padding-top:50px;
  padding-bottom:20px;
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
}
#nav-list div, #sns {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
}
#feature-5 .flex-box>div:last-child {
  width:100%;
}
#feature-5 .btn-1 {
  margin:0;
  -webkit-animation:none;
  animation:none;
}
#sns {
  display:flex;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:80px;
}
#sns .flex-box {
  width:16%;
  -webkit-justify-content:space-around;
  -ms-flex-pack:distribute;
  justify-content:space-around;
}
#nav-list .nav-w, .container, .container.nav-w {
  width:1280px;
}
#nav-list {
  padding-top:22px;
  padding-bottom:25px;
  border-top:1px solid #d2d2d2;
  background-image:linear-gradient(to bottom, #f5f5f5 0, #ddd 100%);
}
#nav-list div {
  display:flex;
  -webkit-justify-content:space-around;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
}
#nav-list dl>dt {
  display:block;
  border-top:0 none;
  border-bottom:1px solid #bbb;
  padding:0 0 5px 9px;
}
#nav-list dl>dt .sp-list-btn {
  display:none;
}
#nav-list dl>dd {
  padding:3px 0 0 9px;
}
#nav-list dl>dd>ul>li {
  position:static;
  margin-top:5px;
  border-top:0 none;
  padding:0;
  line-height:1.9;
}
#nav-list dl>dd>ul>li:after {
  position:static;
  content:"";
}
#nav-list dl>dd>ul>li>a {
  text-decoration:none;
  padding:0;
  color:#2f3e8d;
}
#nav-list dl>dd>ul>li>a:hover {
  text-decoration:underline;
}
#pagetop {
  border-top:0 none;
  height:0;
  background-image:linear-gradient(to bottom, #f5f5f5 0, #ddd 100%);
}
#pagetop p {
  bottom:10px;
}
#pagetop.fixed p {
  bottom:50px;
}
#creditline {
  padding-top:8px;
  padding-bottom:18px;
  border-top-color:#c2c2c2;
}
#creditline p {
  font-size:130%;
}
#creditline .flex-box {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:0 10px;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
}
#creditline .flex-box div:first-child {
  display:inherit;
}
#creditline .flex-box div:first-child ul, .flex-box {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
}
#creditline .flex-box div:first-child ul {
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin:0;
  padding-left:0;
  list-style-type:none;
  font-size:130%;
}
#creditline .flex-box div:first-child ul li {
  margin-right:18px;
}
#creditline .flex-box div:first-child ul li:last-child {
  margin-right:0;
}
#creditline .flex-box div:first-child ul li a {
  color:#fff;
  text-decoration:none;
}
#creditline .flex-box div:first-child ul li a:hover {
  text-decoration:underline;
}
#creditline .flex-box div:last-child {
  margin-left:auto;
}
}
@media screen and (min-width:751px) {
.pc750 { display:block;}
}
@media screen and (max-width:750px) {
.pc750 { display:none;}
}



@media screen and (max-width:768px) {
.sp_disNon{ display:none !important;}
#feature-1 {
  padding-top:0;
}
#feature-1 h1 {
margin-top: 5%;
}

#feature-1 h1.fh90a3_title{
text-align:center;
margin-top:30px;
}

#feature-1 h1.fh90a3_title img{
width:85%;
display:block;
margin-left:auto;
margin-right:auto;
}

#feature-1 h1 img + img {
margin-top: 5%;
}

#feature-1 .link_youTube {
  margin-bottom: 3rem;
}

#feature-2 figure, #feature-6 figure, #feature-3 figure {
margin:4rem 0 2rem 0;
}
#feature-6 .pictBox{
	padding-bottom:30px;
	text-align:center;
}
#feature-6 .pictBox img{
	width:94%;
	margin:20px 0 0;
}
#feature-2 .txtBox {
  padding:110% 0 5% !important;
}
section:nth-child(2) div.box01 {
  background-image:url(/fmv/ah_mr/1710/images/1803_ah-mr_promo_02_bg_sp.png);
  background-position:top;
}

#feature-3 .flex-box>div figure {
  margin-bottom: 3rem;
}

#feature-4 p {
  margin-bottom:2rem;
}

#feature-4 .flex-box>div:last-child figure img {
  position:static;
  display:block;
  margin:auto;
  max-width:90%;
  height:auto;
}

#feature-4 .flex-box .mr_productBox p{
	font-size:150%;
}

#feature-4 .flex-box .mr_productBox img:first-child{
	width:75%;
}

img.respon-img {
  display:block;
  max-width:90%;
  height:auto;
}
img.respon-img.left {
  margin-right:auto;
}
img.respon-img.center {
  margin-left:auto;
  margin-right:auto;
}
img.respon-img.right {
  margin-left:auto;
}

.hmd-package {
  margin: 1em 0;
}

.hmd-package img {
  max-width: 100%;
}

.container.link_youTube figure{
	margin:0;
};
}
@media screen and (min-width:460px) {

.cstmMdlTxt{ width:430px;};
}
@media screen and (max-width:479px) {

#header #headerrightarea {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:column-reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
};
}
@-webkit-keyframes btn-shadow {
from, to {
box-shadow:0 0 0 #transparent;
}
25%, 75% {
box-shadow:0 0 2rem #bcbcbc;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
50%, 60% {
box-shadow:0 0 2rem #585858;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
};
}
@keyframes btn-shadow {
from, to {
box-shadow:0 0 0 #transparent;
}
25%, 75% {
box-shadow:0 0 2rem #bcbcbc;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
50%, 60% {
box-shadow:0 0 2rem #585858;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
};
}
@-webkit-keyframes feature-1-text-effect {
from {
-webkit-transform:scale(500);
transform:scale(500);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(10);
transform:scale(10);
opacity:.2;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@keyframes feature-1-text-effect {
from {
-webkit-transform:scale(500);
transform:scale(500);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(10);
transform:scale(10);
opacity:.2;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@-webkit-keyframes feature-1-img-effect {
from {
-webkit-transform:scale(500);
transform:scale(500);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(10);
transform:scale(10);
opacity:0;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@keyframes feature-1-img-effect {
from {
-webkit-transform:scale(500);
transform:scale(500);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(10);
transform:scale(10);
opacity:0;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@-webkit-keyframes feature-2-img-effect {
from {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.8;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@keyframes feature-2-img-effect {
from {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.8;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@-webkit-keyframes feature-2-img-effect-2 {
from {
-webkit-transform:translateX(20rem);
transform:translateX(20rem);
opacity:0;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:translateX(20rem);
transform:translateX(20rem);
opacity:0;
}
to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
};
}
@keyframes feature-2-img-effect-2 {
from {
-webkit-transform:translateX(20rem);
transform:translateX(20rem);
opacity:0;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:translateX(20rem);
transform:translateX(20rem);
opacity:0;
}
to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
};
}
@-webkit-keyframes feature-text-effect {
from {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.2;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@keyframes feature-text-effect {
from {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
90% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.2;
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
};
}
@-webkit-keyframes feature-text-effect-ltr {
from {
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
};
}
@keyframes feature-text-effect-ltr {
from {
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem);
opacity:0;
-webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1);
animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
};
}
@-webkit-keyframes anime-opacity {
from {
opacity:0;
}
to {
  opacity:1;
};
}
@keyframes anime-opacity {
from {
opacity:0;
}
to {
  opacity:1;
};
}
@-webkit-keyframes anime-scale {
from {
-webkit-transform:scale(0);
transform:scale(0);
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
};
}
@keyframes anime-scale {
from {
-webkit-transform:scale(0);
transform:scale(0);
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
};
}
@-webkit-keyframes anime-scaleX {
from {
-webkit-transform:scaleX(0);
transform:scaleX(0);
}
to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
};
}
@keyframes anime-scaleX {
from {
-webkit-transform:scaleX(0);
transform:scaleX(0);
}
to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
};
}
@-webkit-keyframes anime-scaleY {
from {
-webkit-transform:scaleY(0);
transform:scaleY(0);
}
to {
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
};
}
@keyframes anime-scaleY {
from {
-webkit-transform:scaleY(0);
transform:scaleY(0);
}
to {
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
};
}
@-webkit-keyframes anime-scale3d {
from {
-webkit-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
-webkit-transform-origin:25% 75%;
transform-origin:25% 75%;
}
to {
  -webkit-transform:scale3d(1, 1, .1);
  transform:scale3d(1, 1, .1);
};
}
@keyframes anime-scale3d {
from {
-webkit-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
-webkit-transform-origin:25% 75%;
transform-origin:25% 75%;
}
to {
  -webkit-transform:scale3d(1, 1, .1);
  transform:scale3d(1, 1, .1);
};
}
@-webkit-keyframes anime-scale-2 {
from {
-webkit-transform:scale(0);
transform:scale(0);
}
90% {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
};
}
@keyframes anime-scale-2 {
from {
-webkit-transform:scale(0);
transform:scale(0);
}
90% {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
};
}
@-webkit-keyframes anime-scale-3 {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
};
}
@keyframes anime-scale-3 {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
};
}
@-webkit-keyframes anime-rotate {
from {
-webkit-transform:rotate(0);
transform:rotate(0);
}
to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
};
}
@keyframes anime-rotate {
from {
-webkit-transform:rotate(0);
transform:rotate(0);
}
to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
};
}
@-webkit-keyframes anime-rotateX {
from {
-webkit-transform:rotateX(0);
transform:rotateX(0);
}
to {
  -webkit-transform:rotateX(360deg);
  transform:rotateX(360deg);
};
}
@keyframes anime-rotateX {
from {
-webkit-transform:rotateX(0);
transform:rotateX(0);
}
to {
  -webkit-transform:rotateX(360deg);
  transform:rotateX(360deg);
};
}
@-webkit-keyframes anime-rotateY {
from {
-webkit-transform:rotateY(0);
transform:rotateY(0);
}
to {
  -webkit-transform:rotateY(360deg);
  transform:rotateY(360deg);
};
}
@keyframes anime-rotateY {
from {
-webkit-transform:rotateY(0);
transform:rotateY(0);
}
to {
  -webkit-transform:rotateY(360deg);
  transform:rotateY(360deg);
};
}
@-webkit-keyframes anime-rotateXYZ {
from {
opacity:0;
-webkit-transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg);
transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg);
}
to {
  opacity:1;
  -webkit-transform:scale(1) rotateX(0) rotateY(0) rotateZ(0);
  transform:scale(1) rotateX(0) rotateY(0) rotateZ(0);
};
}
@keyframes anime-rotateXYZ {
from {
opacity:0;
-webkit-transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg);
transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg);
}
to {
  opacity:1;
  -webkit-transform:scale(1) rotateX(0) rotateY(0) rotateZ(0);
  transform:scale(1) rotateX(0) rotateY(0) rotateZ(0);
};
}
@-webkit-keyframes anime-skew {
from {
-webkit-transform:skew(45deg, 45deg);
transform:skew(45deg, 45deg);
}
to {
  -webkit-transform:skew(0, 0);
  transform:skew(0, 0);
};
}
@keyframes anime-skew {
from {
-webkit-transform:skew(45deg, 45deg);
transform:skew(45deg, 45deg);
}
to {
  -webkit-transform:skew(0, 0);
  transform:skew(0, 0);
};
}
@-webkit-keyframes anime-skewX {
from {
-webkit-transform:skewX(90deg);
transform:skewX(90deg);
}
to {
  -webkit-transform:skewX(0);
  transform:skewX(0);
};
}
@keyframes anime-skewX {
from {
-webkit-transform:skewX(90deg);
transform:skewX(90deg);
}
to {
  -webkit-transform:skewX(0);
  transform:skewX(0);
};
}
@-webkit-keyframes anime-skewY {
from {
-webkit-transform:skewY(90deg);
transform:skewY(90deg);
}
to {
  -webkit-transform:skewY(0);
  transform:skewY(0);
};
}
@keyframes anime-skewY {
from {
-webkit-transform:skewY(90deg);
transform:skewY(90deg);
}
to {
  -webkit-transform:skewY(0);
  transform:skewY(0);
};
}
@-webkit-keyframes anime-transleteX-200to0 {
from {
-webkit-transform:translateX(200px);
transform:translateX(200px);
}
to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
};
}
@keyframes anime-transleteX-200to0 {
from {
-webkit-transform:translateX(200px);
transform:translateX(200px);
}
to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
};
}
@-webkit-keyframes anime-translate3d--300to0 {
from {
-webkit-transform:translate3d(-300px, 0, -30px);
transform:translate3d(-300px, 0, -30px);
}
to {
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
};
}
@keyframes anime-translate3d--300to0 {
from {
-webkit-transform:translate3d(-300px, 0, -30px);
transform:translate3d(-300px, 0, -30px);
}
to {
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
};
}
@-webkit-keyframes anime-skewX-45degto0-rotateX--45degto0 {
from {
-webkit-transform:skewX(45deg) rotateX(-45deg);
transform:skewX(45deg) rotateX(-45deg);
}
to {
  -webkit-transform:skewX(0) rotateX(0);
  transform:skewX(0) rotateX(0);
};
}
@keyframes anime-skewX-45degto0-rotateX--45degto0 {
from {
-webkit-transform:skewX(45deg) rotateX(-45deg);
transform:skewX(45deg) rotateX(-45deg);
}
to {
  -webkit-transform:skewX(0) rotateX(0);
  transform:skewX(0) rotateX(0);
};
}
@-webkit-keyframes anime-nanika {
from {
-webkit-transform:rotateX(45deg) translate(0, 0);
transform:rotateX(45deg) translate(0, 0);
}
to {
  -webkit-transform:rotateX(45deg) translate(0, -10000px);
  transform:rotateX(45deg) translate(0, -10000px);
};
}
@keyframes anime-nanika {
from {
-webkit-transform:rotateX(45deg) translate(0, 0);
transform:rotateX(45deg) translate(0, 0);
}
to {
  -webkit-transform:rotateX(45deg) translate(0, -10000px);
  transform:rotateX(45deg) translate(0, -10000px);
};
}
@-webkit-keyframes anime-pagetop {
from, to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
60% {
opacity:.8;
-webkit-transform:translateY(-100px);
transform:translateY(-100px);
};
}
@keyframes anime-pagetop {
from, to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
60% {
opacity:.8;
-webkit-transform:translateY(-100px);
transform:translateY(-100px);
};
}
@-webkit-keyframes anime-shine {
from {
-webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0);
transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0);
background:rgba(255,255,255,.5);
}
to {
  -webkit-transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0);
  transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0);
  background:rgba(255,255,255,.5);
};
}
@keyframes anime-shine {
from {
-webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0);
transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0);
background:rgba(255,255,255,.5);
}
to {
  -webkit-transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0);
  transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0);
  background:rgba(255,255,255,.5);
};
}
@-webkit-keyframes anime-blur-rotate {
from {
-webkit-filter:grayscale(30%) blur(10px);
filter:grayscale(30%) blur(10px);
-webkit-transform:rotateX(-90deg) rotateY(-45deg);
transform:rotateX(-90deg) rotateY(-45deg);
}
to {
  -webkit-filter:grayscale(0) blur(0);
  filter:grayscale(0) blur(0);
  -webkit-transform:rotateX(0) rotateY(0);
  transform:rotateX(0) rotateY(0);
};
}
@keyframes anime-blur-rotate {
from {
-webkit-filter:grayscale(30%) blur(10px);
filter:grayscale(30%) blur(10px);
-webkit-transform:rotateX(-90deg) rotateY(-45deg);
transform:rotateX(-90deg) rotateY(-45deg);
}
to {
  -webkit-filter:grayscale(0) blur(0);
  filter:grayscale(0) blur(0);
  -webkit-transform:rotateX(0) rotateY(0);
  transform:rotateX(0) rotateY(0);
};
}

}