@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

ul li {
	list-style-type: none;
}

/* ------ Body ------ */

body {
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #000;
	font-size: 23px;
	line-height:1.5;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
}





/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	width: 100%;
	height: auto;
	max-width:auto;

}

span.indent{
	display:block;
	text-indent:-.5em;
}
@media screen and (max-width: 1024px) {
span.indent{
	display:block;
	text-indent:0;
}
}



/* -------------------------------------------
Layout
------------------------------------------- */
body{background-color: black;}

#wrapper,
#header{width:1200px;margin:0 auto;overflow:hidden;}

#container{padding:0 0 50px;	}

.pc{display:block;}
.sp{display:none;}

@media screen and (max-width: 1024px) {
body,#wrapper,#header{
width:100%;
overflow:hidden;
font-size:87.5%;
}
.pc{display:none;}
.sp{display:block;}
}



/*haikei
---------------------------------------------------------------------------*/
.haikei{padding-top: 0px;padding-bottom: 120px; margin-top: -0px; width: 100%;margin-bottom: 0px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/img1.jpg); }

@media screen and (max-width:800px){
.haikei{padding-top: 0px;padding-bottom: 50px; margin-top: -0px; width: 100%;margin-bottom: 0px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/img1.jpg); background-color:#00141e;} }



.haikei2{padding-top: 30px;padding-bottom: 50px; margin-top: -0px; width: 100%;margin-bottom: 0px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/img2.jpg); }

@media screen and (max-width:800px){
.haikei2{padding-top: 0px;padding-bottom: 50px; margin-top: -30px; width: 100%;margin-bottom: 0px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;overflow: hidden;background-color:#00141e;background-image: none; } }




/* -------------------------------------------
Header Layout
------------------------------------------- */
#header .inner{padding:15px 32% 0;text-align:center; background-color: black;
}
@media screen and (max-width: 1024px) {
#header .inner{padding:15px 11% 0;}}


/* -------------------------------------------
mainImg Layout
------------------------------------------- */
#mainImg{width: 100%;overflow: hidden;height:175px;}

@media screen and (max-width: 1024px) {
#mainImg{height:auto;}}


/*ボタン
---------------------------------------------------------------------------*/
.btn-square {display: inline-block;padding: 0.4em 2em;font-weight: bold;text-decoration: none;background: #e54244;font-size:50px;color: #FFF;border-bottom: solid 4px #9e1e1f;border-radius: 3px;margin-bottom: 40px;margin-top: 50px;}
.btn-square:active {-webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;}

@media only screen and (max-width: 750px) {
.btn-square {display: inline-block;padding: 0.4em 2em;font-weight: bold;text-decoration: none;background: #e54244;font-size:6.175vw;color: #FFF;border-bottom: solid 4px #9e1e1f;border-radius: 3px;margin-bottom: 70px;}
    
.btn-square:active {-webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;}}


    
/*文字
---------------------------------------------------------------------------*/
p2{color: white; font-size: 30px;font-weight: bold;text-align: left;display:inline-block; margin-top: 4px; padding-left: 15px; padding-right: 15px;}

p{color: white;font-size: 19px;padding-left: 15px;padding-right: 15px;text-align: left;font-weight: ;
}

@media screen and (max-width:800px){
p2{color: white;font-size: 4.375vw;font-weight: bold;text-align: left;display:inline-block;}

p{color: white;font-size: 4.000vw;padding-left: 15px;padding-right: 15px;text-align: left;font-weight: ;}}



/*フッター
---------------------------------------------------------------------------*/
section#footer {padding-top: 30px;padding-bottom: 0px;background:black;margin-top: 0px;}
#footer {background-image:url(../img/back01.jpg)}
#footer .row {text-align: center;}
#footer .line {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;width: 100px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 20px;}
#footer .desc {font-size: 18px;font-weight: 300;}
#footer .link {font-size: 16px;font-weight: 300;margin-bottom: 4px;}
#footer .desc i {margin-bottom: 12px;}


@media screen and (max-width:800px){
section#footer {padding-top: 20px;padding-bottom: 0px;background:black;}
#footer {background-image:url(../img/back01.jpg)}
#footer .row {text-align: center;}
#footer .line {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;width: 100px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 30px;}
#footer .desc {font-size: 3.375vw;font-weight: 300;}
#footer .link {font-size: 16px;font-weight: 300;margin-bottom: 4px;}
    #footer .desc i {margin-bottom: 12px;}}



/*LINE
---------------------------------------------------------------------------*/
.text-box-s{width:300px;max-width: 100%; }

@media screen and (max-width:800px){
.text-box-s{ width:220px;max-width: 100%;}}



/*Chance!とは
---------------------------------------------------------------------------*/
.text-box-s2{width:400px;max-width: 100%;margin-top: 40px;margin-bottom: 30px;}

@media screen and (max-width:800px){
.text-box-s2{ width:240px;max-width: 100%;}}


 /* 特定商取引法に基ずく表記
--------------------------------------------------*/
.information_area .lower_wrap{
}
.information_area .lower_wrap .detail_box .detail_box_wrap .top_title{margin-bottom: 5px;}

.information_area .lower_wrap table{border-top: 2px solid white;margin-top: 30px;color:white; margin-bottom: -10px;}

.information_area .lower_wrap  h1{font-size: 13px;text-align: left;padding: 0px 10px;white-space: nowrap;vertical-align: top;font-size: 22px; margin-bottom: -10px;}

.information_area .lower_wrap table th{font-size: 13px;text-align: left;padding: 15px 10px;white-space: nowrap;border-bottom: 1px solid white;vertical-align: top;font-size: 17px;}
.information_area .lower_wrap table td{font-size: 13px;text-align: left;padding: 15px 10px;border-bottom: 1px dotted #ccc;vertical-align: top;font-size: 17px;}
.information_area .lower_wrap a:hover{text-decoration: none;}
.information_area .lower_wrap .mercedes_box{font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.information_area .lower_wrap .mercedes_box .shop_title{font-size: 14px;margin-bottom: 0;}
.information_area .lower_wrap .mercedes_box .company_title{font-size: 18px;font-weight: bold;}

@media screen and (max-width:800px){.information_area .lower_wrap{}
.information_area .lower_wrap  h1{font-size: 13px;text-align: left;padding: 0px 10px;white-space: nowrap;vertical-align: top;font-size: 4.700vw; margin-bottom: -10px; margin-top: 15px;}
.information_area .lower_wrap table th {display: block;padding: 15px 10px 0 10px;border-bottom: none;font-size: 4.000vw;}
.information_area .lower_wrap table td {display: block;padding: 15 10px 15px 10px;font-size: 4.000vw;}
.information_area .lower_wrap #gmap_ct{height: 300px !important;
}}



/*youtube
---------------------------------------------------------------------------*/
.color{padding-top: 50px;padding-bottom: 50px; margin-top: -0px; width: 100%;margin-bottom: 30px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/img1.jpg); }

@media screen and (max-width:800px){
.color{padding-top: 50px;padding-bottom: 50px; margin-top: -0px; width: 100%;margin-bottom: 30px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/img1.jpg); } }


.content-section-a {padding: 0px 0;width:900px;max-width: 100%;background-color: ;border: 1px solid white;}

@media screen and (max-width:800px){
.content-section-a {padding: 0px 0;width:800px;max-width: 100%;background-color: ; border-top: 1px solid white;border-bottom: 1px solid white; border-left: none; border-right: none;}}


.video {position: relative;padding-bottom : 45.25%;max-width: 100%;height:auto;min-width: 200px;margin-bottom: 25px;margin-top: 25px;
}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.videob {position: relative;padding-bottom : 45.25%;max-width: 100%;height:auto;min-width: 200px;margin-bottom: 25px;margin-top: 25px; border-right:50px solid white;border-left:50px solid white;border-top:5px solid #e8e8e8;border-bottom:5px solid #e8e8e8;}
.videob iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.content-section-b {padding: 0px 0;width: 950px;max-width: 100%; background-color: ;}

.content-section-b2 {padding: 0px 0;width: 950px;max-width: 100%; background-color: #f3f3f3;}

.content-section-c {padding: 0px 0;width: 100%;max-width: 100%; background-color: #f3f3f3;padding-bottom: 60px; margin-top: 10px;}




    
    
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 2000px) {
img { max-width: 100%; }
}






/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

.wrapper {height: auto;margin: 0px auto;width: 960px;	}
.scaling{max-width:100%;height:auto;padding:0px 20px;
}
.scaling2{max-width:100%;height:auto;
}}


    
    
    


/* lower
--------------------------------------------------*/
#lower{background-color: white;background-repeat: no-repeat;background-position: top center;	}
.lower_wrap{width: 920px;margin: -30px auto 0;background-color: none;padding: 40px 30px 0px;min-height: 300px;margin-top: 0px;color:white; margin-bottom: -30px;}
.lower_wrap .detail_box .detail_box_wrap{padding: 0 10px;max-width: 950px;margin: 0 auto;}
.lower_wrap .detail_box .detail_box_wrap p{}

@media screen and (max-width:800px){    
    
#lower{
}.lower_wrap{width: auto;margin: -30px auto 0;padding: 10px 10px 0px;min-height: 0;margin-top: -0px;}
.lower_wrap .detail_box{margin-bottom: 30px;}
.lower_wrap .detail_box .detail_box_wrap{padding: 0;}
.lower_wrap .btn_lower_box a::after {top: 32%;
}}