@media screen and (max-width: 999px){


/* PC版非表示*/
#pcwrapper {
	display: none;
}
.pcwrapper {
	display: none;
}


.smpwrapper {
     overflow: hidden;
}


#page-top {
	display: none;
}


body {
	-webkit-text-size-adjust: 100%;
	text-align: left;
	overflow: visible;
	background-color: #ffffff;
     font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
}
img {
	width: 100%;
	height: auto;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    touch-callout:none;
    user-select:none;
    display: block;
}
a {
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover {
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}



.showroom_002 {
	width: 8.5%;
     float: left;
}
.showroom_003 {
	width: 24.7%;
     float: left;
}
.showroom_004 {
	width: 32.8%;
     float: left;
}
.showroom_005 {
	width: 24.9%;
     float: left;
}
.showroom_006 {
	width: 9.1%;
     float: left;
}



.cm_001 {
	width: 100%;
     padding-top: 2%;
     padding-bottom: 9%;
}
.cm_002 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_003 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_004 {
	width: 100%;
     padding-bottom: 1%;
}
.cm_005 {
     font-size: 100%;
     line-height: 170%;
     font-weight: 400;
     padding-top: 5%;
     text-align: center;
}
.cm_005_002 {
     display: none;
}
.cm_006 {
     font-size: 65%;
     font-weight: 400;
     vertical-align: 0.1em;
}



.cm_2024_001 {
	width: 100%;
     padding-top: 2%;
     padding-bottom: 9%;
}
.cm_2024_002 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_003 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_004 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_005 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_006 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_007 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_008 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_009 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_010 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_011 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_012 {
	width: 100%;
     padding-bottom: 9%;
}
.cm_2024_013 {
	width: 100%;
     padding-bottom: 1%;
}



.unveil_010 {
     text-align: center;
     font-size: 50%;
     font-weight: 400;
     padding-top: 2%;
     padding-bottom: 0.2%;
}
.unveil_011 {
     text-align: center;
     padding-top: 2%;
     padding-bottom: 7.5%;
     font-size: 250%;
     font-weight: 500;
     color: #ffffff;
     letter-spacing: 0.05em;
}
.unveil_011 a {
     outline: none;
	text-decoration: none;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     color: #ffffff;
}
.unveil_011 a:hover {
     outline: none;
	text-decoration: none;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     color: #ffffff;
}
.unveil_011 a:visited {
     outline: none;
	text-decoration: none;
     color: #ffffff;
}
.unveil_012 {
     padding-top: 2%;
     background-color: #ffffff;
}
.unveil_013 {
     text-align: center;
     font-size: 95%;
     font-weight: 500;
     color: #11017e;
     letter-spacing: 0.5em;
     padding-top: 6.5%;
     padding-bottom: 3%;
     background-color: #ffffff;
}


.con_01 {
     padding-left: 5.5%;
     padding-right: 5.5%;
     padding-bottom: 3%;
}
.con_01_b {
     padding-left: 5.5%;
     padding-right: 5.5%;
     padding-bottom: 0.3%;
}
.con_02 {
     border: 10px solid rgba(255, 255, 255, 0.2);
     margin-bottom: 4.8%;
}
.con_03 {
     box-shadow:inset 0 0 12px 0 rgba(0, 0, 0, 0.5);
     background-color: #ffffff;
     color: #000000;
     padding-left: 8.5%;
     padding-right: 9.5%;
     padding-top: 8.8%;
     padding-bottom: 8%;
     border: 1px #ffffff solid;
}



.con_03_group_001 {
     box-shadow:inset 0 0 12px 0 rgba(0, 0, 0, 0.5);
     background-color: #ffffff;
     color: #000000;
     padding-left: 8.5%;
     padding-right: 9.5%;
     padding-top: 8.8%;
     padding-bottom: 50%;
     border: 1px #ffffff solid;
	background-image: url(../images/unveil_008_smp_group_001.jpg?20170624-1150);
	background-repeat: no-repeat;
	background-position: center bottom;
     background-size: 90% auto;
}
.con_03_group_002 {
     box-shadow:inset 0 0 12px 0 rgba(0, 0, 0, 0.5);
     background-color: #ffffff;
     color: #000000;
     padding-left: 8.5%;
     padding-right: 9.5%;
     padding-top: 8.8%;
     padding-bottom: 50%;
     border: 1px #ffffff solid;
	background-image: url(../images/unveil_008_smp_group_002.jpg?20170624-1150);
	background-repeat: no-repeat;
	background-position: center bottom;
     background-size: 90% auto;
}
.con_03_group_003 {
     box-shadow:inset 0 0 12px 0 rgba(0, 0, 0, 0.5);
     background-color: #ffffff;
     color: #000000;
     padding-left: 8.5%;
     padding-right: 9.5%;
     padding-top: 8.8%;
     padding-bottom: 50%;
     border: 1px #ffffff solid;
	background-image: url(../images/unveil_008_smp_group_003.jpg?20170624-1150);
	background-repeat: no-repeat;
	background-position: center bottom;
     background-size: 90% auto;
}




.con_04 {
     font-family: 'Noto Serif JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
     text-align: center;
     padding-bottom: 5%;
}
.con_05_001 {
     padding-left: 20%;
     padding-right: 20%;
     padding-bottom: 2%;
}
.con_05_002 {

}
.con_15 {
     padding-top: 7%;
     padding-bottom: 1%;
}
.con_16 {
     width: 100%;
     border-top: 1px #000000 solid;
     border-left: 1px #000000 solid;
}
.con_17 {
     width: 20%;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     background-color: #d8eff2;
     font-size: 110%;
     font-weight: 700;
     line-height: 150%;
     text-align: center;
     padding-top: 4%;
     padding-bottom: 4%;
}
.con_18 {
     width: 30%;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     background-color: #f1fafa;
     font-size: 100%;
     font-weight: 500;
     text-align: center;
     padding-top: 4%;
     padding-bottom: 4%;
}
.con_19 {
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     background-color: #ffffff;
     font-size: 100%;
     font-weight: 300;
     text-align: center;
     padding-top: 4%;
     padding-bottom: 4%;
}
.con_20 {
     padding-top: 7%;
     padding-bottom: 1%;
}



.pad_000_smp {

}
.pad_001_smp {
	width: 100%;
	background-image: url(../images/unveil_001_smp.png?20170624-1145);
	background-repeat: repeat-y;
	background-position: center top;
     background-size: contain;
}
.pad_002_smp {
	width: 100%;
	background-image: url(../images/unveil_002_smp.png?20170624-1145);
	background-repeat: repeat-y;
	background-position: center top;
     background-size: contain;
}
.pad_003_smp {
	width: 100%;
	background-image: url(../images/unveil_003_smp.png?20170624-1150);
	background-repeat: no-repeat;
	background-position: center top;
     background-size: contain;
}


.scaleY {
     transform: scaleY(1.01);
}


#smpwrapper {
     font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
}
.smpwrapper {
     font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
}



.classpad02 {
	padding-bottom: 2%;
}


.ex_table01 {
	width: 100%;
	color: #11017e;
	border-bottom-color: #11017e;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 45px;
}
.ex_table01_no {
	width: 100%;
	color: #11017e;
}

.ex_td01 {
     display: block;
     width: 100%;
	padding-bottom: 45px;
	text-align: left;
	vertical-align: top;
}
.ex_td02 {
     display: block;
     width: 100%;
	padding-bottom: 45px;
	text-align: left;
	vertical-align: top;
}
.ex_td03 {
     display: block;
     width: 100%;
	padding-bottom: 45px;
	text-align: left;
	vertical-align: top;
}
.ex_td04 {
     display: block;
     width: 100%;
	padding-bottom: 45px;
	text-align: right;
	vertical-align: top;
}

.ex_txt00 {
	padding-bottom: 15px;
}
.ex_txt00 img {
	width: 70%;
	height: auto;
}
.ex_txt01 {
	font-size: 160%;
	line-height: 160%;
	font-weight: 700;
	padding-bottom: 20px;
}
.ex_txt02 {
	font-size: 105%;
	line-height: 205%;
     font-weight: 400;
}
.ex_line {
	padding-bottom: 45px;
	border-bottom-color: #11017e;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.ex_blank {
	padding-top: 45px;
}




.top_smp_2023_01 {
	background-image: url("../images/top_smp_2023_01.jpg?20170624-1238");
	background-repeat: no-repeat;
	background-position: center top;
     background-size: contain;
     background-color: #FFFFFF;
}
.top_smp_2023_01_bk {
	background-image: url("../images/top_smp_2023_01_bk.jpg?20170624-1238");
	background-repeat: no-repeat;
	background-position: center top;
     background-size: contain;
     background-color: #FFFFFF;
}


.fuwafuwa {
  animation: fuwafuwa 2s infinite ease-in-out .6s alternate;
  display: inline-block;
  transition: 2s ease-in-out;
  width: 100%;
  height: 100%;
} 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}



.pad01 {
     padding-top: 115%;
     padding-bottom: 5%;
     padding-left: 40%;
     padding-right: 5%;
}


.pad05 {
     background-color: #ffffff;
     text-align: center;
     padding-top: 2%;
     padding-bottom: 7.5%;
     font-size: 250%;
     font-weight: 500;
     letter-spacing: 0.05em;
}
.pad05 a {
     outline: none;
	text-decoration: none;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     color: #11017e;
}
.pad05 a:hover {
     outline: none;
	text-decoration: none;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     color: #11017e;
}
.pad05 a:visited {
     outline: none;
	text-decoration: none;
     color: #11017e;
}
.pad09 {
     text-align: center;
     font-size: 200%;
     font-weight: 700;
     color: #11017e;
     letter-spacing: 0.075em;
}
.pad09_002 {
     text-align: center;
     font-size: 200%;
     font-weight: 700;
     color: #11017e;
     padding-top: 0.5%;
     padding-bottom: 7%;
     letter-spacing: 0.075em;
}
.pad10 {
     text-align: left;
     font-size: 110%;
     line-height: 200%;
     font-weight: 400;
     padding-top: 2%;
     color: #11017e;
}
.pad11 {
     overflow: hidden;
}
.pad13 {
     padding-left: 8%;
     padding-right: 8%;
}
.pad14 {
     padding-top: 8%;
     padding-bottom: 3%;
}
.pad14_002 {
     padding-top: 8%;
     padding-bottom: 3%;
}
.pad14_003 {

}
.pad15 {
     width: 100%;
     border-top: 1px #11017e solid;
     border-left: 1px #11017e solid;
     border-right: 1px #11017e solid;
     border-bottom: 1px #11017e solid;
     color: #11017e;
}
.pad16 {
     display: block;
     width: 100%;
     border-right: 1px #11017e dotted;
     border-bottom: 1px #11017e dotted;
     text-align: center;
     vertical-align: middle;
     font-size: 140%;
     font-weight: 700;
     color: #11017e;
     padding-top: 4.5%;
     padding-bottom: 4.5%;
}
.pad17 {
     display: block;
     width: 100%;
     border-bottom: 1px #11017e solid;
     text-align: left;
     vertical-align: middle;
     color: #11017e;
     font-size: 110%;
     font-weight: 400;
     line-height: 220%;
}



.pad18 {
     padding-left: 5%;
     padding-right: 2.5%;
     padding-top: 8%;
     padding-bottom: 3%;
}
.pad19 {
     position: relative;
}
.pad19 li {
     padding: 0 0 0 1.5em;
     list-style-type: none!important;/*ポチ消す*/
     font-size: 140%;
     line-height: 170%;
}
.pad19 li:before {
     font-family: "Font Awesome 5 Free";
     content: "\f058";/*アイコン種類*/
     position: absolute;
     left : 0em; /*左端からのアイコンまで*/
     color: #11017e; /*アイコン色*/
}


.pad20 {
     padding-left: 12%;
     padding-bottom: 8%;
}
.pad21 {
     position: relative;
}
.pad21 li {
     padding: 0 0 0 1.5em;
     list-style-type: none!important;/*ポチ消す*/
     font-size: 85%;
}
.pad21 li:before {
     font-family: "Font Awesome 5 Free";
     content: "\f058";/*アイコン種類*/
     position: absolute;
     left : 0em; /*左端からのアイコンまで*/
     color: #11017e; /*アイコン色*/
}


.pad22 {
     padding-left: 7%;
     padding-right: 3.5%;
     padding-top: 8%;
     padding-bottom: 8%;
     font-size: 115%;
     line-height: 200%;
}


.pad23 {
     padding-left: 5%;
     padding-right: 5%;
     padding-top: 7%;
     padding-bottom: 10%;
}


.minitxt01 {
     font-size: 70%;
     line-height: 250%;
}


.movie {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(9 / 16 * 100%);
	margin: auto;
	background-size: contain;
}
.movie .tvo-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
}
.movie_001 {
     padding-left: 10%;
     padding-right: 10%;
     padding-bottom: 10%;
}


	
#smp_navi_02 {
	width: 100%;
     position: fixed;
     top: 0;
	z-index: 98;
}
	
	
#m01smp {
     display: block;
     padding-top: 152%;
	margin-top: -152%;
}
#m02smp {
     display: block;
     padding-top: 19.5%;
	margin-top: -19.5%;
}
	

.background-hack {
    z-index                 : -1;
    background-image        : url('../images/unveil_000_smp.jpg?20170627-1155');
    background-repeat       : repeat-y;
    background-size         : contain;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}


.copy-guard {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    touch-callout:none;
    user-select:none;
}



#smp_page-top {
     position: fixed;
     bottom: 10px;
     right: 10px;
     width: 50px;
	height: 50px;
	z-index: 89;
}


#smp_page-top_002 {
     position: fixed;
     bottom: -1px;
     right: 0px;
     width: 100px;
	height: 106px;
	z-index: 89;
}


.fixed {
	position: fixed;
	top: 0px;
}



@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff) format('woff'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
} 




}