@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
img {
	width:100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/


body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ', 'MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	background-color: #000000;
}

.futogothic {
	font-family: "Hiragino Sans","ヒラギノ角ゴシック","HiraKakuProN-W6",'Meiryo', 'メイリオ', 'MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
}

.gothic	{
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ', 'MS P Gothic','ＭＳ Ｐゴシック',sans-serif; 
}

.mincho	{
	font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HG明朝E','MS PMincho','ＭＳ Ｐ明朝','MS 明朝',serif;
}

.futura	{
	font-family: Futura,'Century Gothic','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ', 'MS P Gothic','ＭＳ Ｐゴシック',sans-serif; 
}

.mojikan1	{
	letter-spacing: 0.2em;
}
.mojikan2	{
	letter-spacing: 0.38em;
}

a, a:active, a:hover, a:visited, a:focus	{
   /* [disabled]color: #2a88ff; */
   color: #009ec3;
   text-decoration: none;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	max-width: 767px;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	background-color: #000;
   font-weight: bold;
}
.footer {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 139px;
   margin-top: 5%;
}
.icon1 {
	margin-left:10%;
	margin-top: -20%;
	width:90%;
}
.txm-pict {
	width:11.8%;
}
.icon2 {
	margin-top: -10%;
	width:90%;
}
.icon3 {
}
.icon4 {
}
.swiper-slide {
   width: 200px;
}

.youtube {
	width:100%;
   padding: 0;
   display: block;
   margin-bottom: 0%;
   margin-top: 0%;
   text-align: center;
}
.youtube2 {
	margin-bottom: 5%;
	margin-top: 2%;
}
.youtube img {
	width:90%;
	margin-bottom: 6%;
}
.youtube_movie {
   clear: both;
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   width: 100%;
}
.youtube_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	aspect-ratio: 1 / 1;*/
}
.youtube-tate {
	clear: both;
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.youtube-tate iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p1 {
}
.p2 {
   padding-bottom: 7%;
}
.p3 {
}
.p4 {
}
.p4-text2 {
   width: 90%;
   font-size: 16px;
   margin-left: 5%;
   line-height: 1.5em;
   color: #FFFFFF;
   text-align: center;
   margin-top: 5%;
   padding-bottom: 5%;
}
.p5 {
}
.p5-text2 {
   width: 90%;
   font-size: 16px;
   margin-top: 7%;
   margin-left: 5%;
   line-height: 1.5em;
   color: #FFFFFF;
   text-align: center;
   padding-bottom: 5%;
}
.p6 {
}
.p6-text2 {
   margin-top: 5%;
   padding-bottom: 5%;
}
.p7 {
}
.p8 {
   margin-top: 10%;
}
.p9 {
}
.p10 {
}
.p11 {
}
.pt1 {
   position: relative;
   padding-bottom: 15%;
   color: #FFFFFF;
}
.pt1-text1 {
   width: 90%;
   font-size: 20px;
   margin-top: 0%;
   margin-left: 5%;
   line-height: 1.3em;
}
.pt1-text2 {
   width: 90%;
   font-size: 14px;
   margin-top: 5%;
   margin-left: 5%;
   line-height: 1.3em;
}
.pt1-text3 {
   position: absolute;
   width: 90%;
   left: 5%;
   top: 14%;
   font-size: 12px;
   margin-top: 0%;
   margin-left: 0%;
   line-height: 1.3em;
   text-align: center;
}
.pt2 {
   padding-bottom: 11%;
}
.pt2-text1 {
   width: 90%;
   font-size: 20px;
   margin-top: 12%;
   margin-left: 5%;
   line-height: 1.5em;
}
.pt2-text2 {
   width: 90%;
   font-size: 14px;
   margin-top: 3%;
   margin-left: 5%;
   line-height: 1.5em;
}
.pt3 {
   padding-bottom: 8%;
   color: #FFFFFF;
}
.pt3-text1 {
   width: 90%;
   font-size: 20px;
   margin-top: 0%;
   margin-left: 5%;
   line-height: 1.5em;
}
.pt3-text2 {
   width: 90%;
   font-size: 14px;
   margin-top: 3%;
   margin-left: 5%;
   line-height: 1.5em;
}
.pt4 {
   padding-bottom: 6%;
   margin-top: 9%;
}
.pt4-text1 {
   width: 90%;
   font-size: 20px;
   margin-top: 8%;
   margin-left: 5%;
   line-height: 1.5em;
}
.pt4-text2 {
   width: 90%;
   font-size: 14px;
   margin-top: 3%;
   margin-left: 5%;
   line-height: 1.5em;
}
.pt5 {
   padding-bottom: 6%;
   margin-top: 9%;
}
.pt5-text1 {
   width: 90%;
   font-size: 20px;
   margin-top: 0%;
   margin-left: 8%;
   line-height: 1.5em;
}
.pt5-text2 {
   width: 90%;
   font-size: 14px;
   margin-top: 3%;
   margin-left: 5%;
   line-height: 1.5em;
}
.spec {
   margin-top: 10%;
   padding-bottom: 12%;
   color: #FFFFFF;
   background-color: #000000;
}
.spec-text1 {
   width: 89%;
   margin-left: 10%;
   margin-top: 0%;
   font-size: 30px;
   line-height: 1em;
   font-weight: bold;
}
.spec-text2 {
   width: 85%;
   margin-left: 13%;
   margin-top: 9%;
   font-size: 12px;
   line-height: 1.2em;
}
.price {
   position: relative;
   margin-bottom: 15%;
}
.price-button {
   position: absolute;
   width: 62.97%;
   left: 18.25%;
   top: 85.19%;
}
.footter-link {
   color: #b9b9b9;
   padding-top: 13%;
   padding-bottom: 5%;
   width: 90%;
   margin-left: 5%;
   font-weight: bold;
   line-height: 1.5em;
}
.footter-link a {
   color: #b9b9b9;
}
.footter-pict {
   width: 98%;
   margin-left: 1%;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

@media only screen and (min-width: 768px) {
.gridContainer {
/*	width: 768px;	*/
	max-width: 1199px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.hide_mobile {
	display: inline-block;
}
.footer {
	justify-content: flex-end; /* 横方向を右寄せ */
   margin-top: 3%;
}
.icon1 {
	width:101px;
	margin-top:-30px;
	margin-left:0%;
}
.txm-pict {
	width:54px;
	margin-left:-2px;
}
.icon2 {
	width:143px;
	margin-top:-30px;
	margin-left:-8px;
	margin-right:28px;
}
.icon3 {
	margin-top:-15px;
	width:50px;
}
.icon4 {
	margin-top:-15px;
	width:85px;
	margin-right:10px;
}
.swiper-slide {
   width: 300px;
}
   
.youtube {
	width:100%;
	padding: 0;
	display: block;
	margin-bottom: 0%;
	margin-top: 0%;
	text-align: center;
}

.youtube2 {
	margin-bottom: 7%;
	margin-top: 5%;
}
.youtube img {
	width:auto;
	margin-bottom: 2%;
}
.youtube_movie {
   clear: both;
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   width: 100%;
}

.youtube_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
/*	aspect-ratio: 1 / 1;	*/
	height: 100%;
}
.youtube-tate {
	clear: both;
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 8px 8px 30px 5px #999;
}
.youtube-tate iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
.p1 {
}
.p2 {
   padding-bottom: 0%;
}
.p3 {
}
.p4 {
}
.p5 {
}
.p6 {
   margin-top: 3%;
}
.p7 {
   margin-top: 6%;
}
.p8 {
   margin-top: 8.3%;
}
.p9 {
   margin-top: 3.3%;
}
.p10 {
}
.p11 {
   margin-top: 8.3%;
}
.pt1 {
   position: relative;
   padding-bottom: 0%;
   color: #FFFFFF;
}
.pt1-text1 {
   position: absolute;
   width: 85%;
   left: 12%;
   top: 72%;
   font-size: 30px;
   margin-top: 0%;
   margin-left: 0%;
   line-height: 1.3em;
}
.pt1-text2 {
   position: absolute;
   width: 85%;
   left: 12%;
   top: 80%;
   font-size: 16px;
   margin-top: 0%;
   margin-left: 0%;
   line-height: 1.5em;
}
.pt1-text3 {
   position: absolute;
   width: 90%;
   left: 5%;
   top: 17%;
   font-size: 14px;
   margin-top: 0%;
   margin-left: 0%;
   line-height: 1.3em;
   text-align: center;
}
.pt2 {
   margin-top: 7.5%;
   padding-bottom: 0%;
   color: #FFFFFF;
}
.pt2-text1 {
   width: 85%;
   left: 12%;
   top: 6.2%;
   font-size: 30px;
   line-height: 1.4em;
}
.pt2-text2 {
   width: 85%;
   left: 12%;
   top: 19.5%;
   font-size: 16px;
   line-height: 1.55em;
}
.pt3 {
   margin-top: 9.5%;
   padding-bottom: 0%;
   color: #FFFFFF;
}
.pt3-text1 {
   width: 90%;
   left: 8%;
   top: 3%;
   font-size: 30px;
   line-height: 1.4em;
}
.pt3-text2 {
   width: 90%;
   left: 8%;
   top: 22.5%;
   font-size: 16px;
   line-height: 1.55em;
}
.pt4 {
   margin-top: 8%;
   padding-bottom: 0%;
   color: #FFFFFF;
}
.pt4-text1 {
   width: 89%;
   left: 11%;
   top: 7.5%;
   font-size: 30px;
   line-height: 1.4em;
}
.pt4-text2 {
   width: 85%;
   left: 11%;
   top: 22.5%;
   font-size: 16px;
   line-height: 1.55em;
}
.pt5 {
}
.pt5-text1 {
   width: 89%;
   left: 10%;
   top: 53%;
   font-size: 30px;
   line-height: 1.4em;
}
.pt5-text2 {
   width: 85%;
   left: 10%;
   top: 66%;
   font-size: 16px;
   line-height: 1.55em;
}
.spec {
   margin-top: 0%;
   padding-bottom: 12%;
}
.spec-text1 {
   width: 89%;
   margin-left: 11%;
   margin-top: 0%;
   font-size: 30px;
   line-height: 1em;
   font-weight: bold;
}
.spec-text2 {
   width: 85%;
   margin-left: 11%;
   margin-top: 3%;
   font-size: 12px;
   line-height: 1.2em;
}
.price {
   position: relative;
   margin-bottom: 11.5%;
}
.price-button {
   position: absolute;
   width: 24.33%;
   left: 60.17%;
   top: 80.63%;
}
.footter-link {
   font-size: 16px;
}
.footter-pict {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

@media only screen and (min-width: 1200px) {
.hide_tablet {
	display: inline-block;
}
.gridContainer {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
}
.footer {
}
.icon1 {
	width:145px;
	margin-top:-30px;
	margin-left:0%;
}
.txm-pict {
	width:78px;
	margin-left:-2px;
}
.icon2 {
	width:205px;
	margin-top:-30px;
	margin-left:-8px;
	margin-right:40px;
}
.icon3 {
	width:72px;
}
.icon4 {
	width:122px;
	margin-right:20px;
}

.swiper-slide {
   width: 450px;
}

.youtube {
   text-align: left;
   margin-top: 0%;
   margin-bottom: 0%;
   clear: none;
   display: block;
}
.youtube2 {
}
.youtube img {
	width:auto;
	margin-bottom: 5%;
}
.youtube_movie {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 0px;
}
.p1 {
}
.p2 {
}
.p3 {
}
.p4 {
}
.p5 {
}
.p6 {
}
.p7 {
}
.p8 {
}
.p9 {
}
.p10 {
}
.p11 {
}
.pt1 {
}
.pt1-text1 {
   font-size: 48px;
}
.pt1-text2 {
   font-size: 24px;
}
.pt1-text3 {
   font-size: 18px;
}
.pt2 {
}
.pt2-text1 {
   font-size: 48px;
}
.pt2-text2 {
   font-size: 24px;
}
.pt3 {
}
.pt3-text1 {
   font-size: 48px;
}
.pt3-text2 {
   font-size: 24px;
}
.pt4 {
}
.pt4-text1 {
   font-size: 48px;
}
.pt4-text2 {
   font-size: 24px;
}
.pt5 {
}
.pt5-text1 {
   font-size: 48px;
}
.pt5-text2 {
   font-size: 24px;
}
.spec {
}
.spec-text1 {
   font-size: 48px;
}
.spec-text2 {
   font-size: 18px;
}
.price {
}
.price-button {
}
.footter-link {
   font-size: 24px;
}
.footter-pict {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}