@charset "utf-8";
/* 共通スタイル */

@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


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;
	text-align: justify;
}
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;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	line-height: 1.65;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	}

.clearfix {zoom: 1;}
.clearfix:after {content: "";display: block;clear: both;}


/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: underline;
	color:#FFC;
}
a:visited {
	text-decoration: none;
	color:#FFC;
}
a:hover {
	text-decoration: none;
	color:#FFC;
}
a:active {
	text-decoration: underline;
	color:#FFC;
}

a.opwindow{
/*
    background:url(https://japan-quartzclub.com/area_common/images/common/icon_opwindow.gif) no-repeat 100% 50%;
	padding-right:15px;
*/
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 15px;
}

.btn, a.btn {
	display:block;
	color: #ffffff !important;
	background:#f00;
	padding:10px 0;
	font-size:110%;
//	font-weight:bold;
	margin:15px auto 0;
	text-align:center;}

#index .btn,#index a.btn{background:#1a96ff;

/*
	width:100%;
	display:block;
	color: #ffffff;
	text-align:center;
	margin:15px auto;
	font-size:110%;
	padding: 10px 0;
	background: -moz-linear-gradient(
		top,
		#1b3154 0%,
		#1b3156);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#1b3154),
		to(#1b3156));
	border: 0px solid #1b3154;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
*/
}



/*---------------------------------------------
 ** common
---------------------------------------------*/
#content{background-color:#fff; padding-bottom:40px;}
#content p{color:#555;}

.pink_c{ color:#EC96BD;}
.m_bottom_10px{ margin-bottom:10px;}
.m_20px{ margin:10px 15px 0 15px;}
.font_sss{ font-size:10px;}
.over_zoom{_zoom: 1;
	overflow: hidden;}
.doct{font-weight:bold; float:right; margin:15px 0 0 0; color:#EF94BD;}

.m_top_6px{ margin-top:6px;}
.m_top_20px{ margin-top:20px;}
.m_top_30px{ margin-top:30px;}
.m_top_35px{ margin-top:35px;}
.m_top_40px{ margin-top:40px;}

.m_right_10px{ margin-right:10px;}
.m_right_15px{ margin-right:15px;}
.m_right_20px{ margin-right:20px;}
.m_right_30px{ margin-right:30px;}
.m_right_40px{ margin-right:40px;}
.m_right_48px{ margin-right:48px;}
.m_right_50px{ margin-right:50px;}
.m_right_58px{ margin-right:58px;}

.m_bottom_20{ margin-bottom:20px;}
.m_bottom_25{ margin-bottom:25px;}
.m_bottom_30{ margin-bottom:30px;}
.m_bottom_35{ margin-bottom:35px;}
.m_bottom_40{ margin-bottom:58px;}
.m_bottom_50{ margin-bottom:50px;}
.m_bottom_55{ margin-bottom:55px;}
.m_bottom_60{ margin-bottom:60px;}


.p_top_20px{ padding-top:20px;}

.m_left_15px{ margin-left:15px;}
.m_left_20px{ margin-left:20px;}
.m_left_30px{ margin-left:30px;}
.m_left_40px{ margin-left:40px;}
.m_left_50px{ margin-left:50px;}
.m_left_60px{ margin-left:60px;}

.float_L{ float:left;}
.float_R{ float:right;}

/* a hover */
.hover {	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
/* カラー */
.green{ color:#489742;}
.blue{ color:#184A9D;}
.fwb{font-weight:bold;}
.text_d_line{ text-decoration:underline;}
/* シャドウ */
.box_shadow{
	-webkit-box-shadow:0px 7px 9px rgba(0,0,0,0.05);
	box-shadow:0px 7px 10px rgba(0,0,0,0.1);
}

.m_0auto{ margin:0 auto;}
.over_zoom{_zoom: 1;	overflow: hidden;}

strong.border{border-bottom:2px dotted #5ca; color:#090;}

/*---------------------------------------------
 ** タイトル設定
---------------------------------------------*/

h1{
     width:100%;
	 height:80px;
	 text-align:center;
	 margin:0;
	 padding:0;
	 font-size:200%;
	 font-weight:bold;
	 font-style:oblique;
	 background:url(https://japan-quartzclub.com/area_common/images/common/headline1_bg.png) repeat-x;
}
h1 span{ display:inline-block; margin-top:15px;}
.arrow{ width:120px; height:30px; margin:0 auto; background:url(https://japan-quartzclub.com/area_common/images/common/headline1_arrow.png) no-repeat;}

strong.title{
	font-weight:bold;
	font-style:oblique;
	text-align:center;
	display:inline-block;
	width:100%;
	padding:10px 0;
	}

h2.headline{
	text-align:center;
	font-size:200%;font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:30px;
	color:#090;//#c33;//#FC3;
	}

h2.headline span{ display:block; margin-bottom:15px;}
h2.headline span strong{
     display:inline-block;
	 margin:5px auto;
	 background:#ada;//#F00;
	 color:#fff;
	 text-align:center;
	 font-size:50%;
	 font-family:Arial, Helvetica, sans-serif;
	 padding:5px 15px;
	 position:relative;
	 border-radius:10px;
	 }

h2.headline span strong:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 0, 0, 0);
	border-top-color: #ada;//#ff0000;
	border-width: 10px;
	margin-left: -10px;
	}

/*---------------------------------------------
 ** レイアウト設定
---------------------------------------------*/
.column1,
.column2,
.column3,
.multicolumn{
	margin:0 auto;
	overflow:hidden;
	}


.multicolumn .multicolumn_wrap{
	margin:0 auto;
	overflow:hidden;
	}

.multicolumn .multicolumn_wrap > .meister{
	float:left;
	margin-bottom:10px;
	}
.meister p{
	font-size:80%;
	text-align:center;
	padding:5px 0;
	}

.imgbox img{ width:calc(100% - 12px); background-size:100%;}


.column2 .left,
.column2 .right{
	width:49%;
	margin:0 auto;
	}

.column2 .left2,
.column2 .right2{
	margin:0 auto;
	}

.column2 .left,
.column2 .left2{ float:left;}
.column2 .right,
.column2 .right2{ float:right;}


.column3 .one{
	float:left;
	margin-top:20px;
}

#confirm a{color:#00c !important;display:block;}