@charset "utf-8";
/* ===================================================================

 file name  :class-responsive.css
 style info :汎用クラス指定レスポンシブ用

=================================================================== */


/* ==========================================================================
   smartPhone
 ========================================================================== */
@media screen and (max-width: 640px){
	
	.spHide{
		display:none;
	}
	.pcHide{
		display:block;
	}
	
	/* ---------------------------------------------------------------------------
		スクロールフェードイン
	--------------------------------------------------------------------------- */
	.fade{
		opacity: 1;
		transition: none;
	}
	
	/* ---------------------------------------------------------------------------
		webfont
	--------------------------------------------------------------------------- */
	.wf-TsukuGoPr5-D{	font-family: "FOT-筑紫ゴシック Pr5 D";}
	.wf-TsukuGoPro-B{	font-family: "FOT-筑紫ゴシック Pro B";}

	/* ---------------------------------------------------------------------------
		cttl
	--------------------------------------------------------------------------- */
	.cttl {
		margin:0 0 35px;
		font-family:"FOT-筑紫ゴシック Pro B";
	}
	.cttl span:first-child {
		font-size:167%;
		line-height:1;
		letter-spacing:3px;
	}
	.cttl span:first-child:after {
		width:3px;
		height:3px;
		margin:0 0 0 0.1em;
	}
	.cttl .cap {
		font-size:9px;
	}
	/* ---------------------------------------------------------------------------
		ttl-line
	--------------------------------------------------------------------------- */
	.ttl-line {
		margin:0 0 20px;
		font-size:150%;
		letter-spacing:2px;
		font-family: "FOT-筑紫ゴシック Pro B";
	}
	.ttl-line:before {
		width:25px;
		height:2px;
		margin:0 0 15px;
	}
	/* ---------------------------------------------------------------------------
		ttl-line02
	--------------------------------------------------------------------------- */
	.ttl-line02 {
		margin:0 0 30px;
		padding:0 0 15px;
		font-size:150%;
	}
	.ttl-line02:after {
		width:100px;
	}
	
	
	/* ---------------------------------------------------------------------------
		ttl-line03
	--------------------------------------------------------------------------- */
	.ttl-line03 {
		margin:0 0 15px;
		font-size:125%;
	}
	.ttl-line03:before {
		margin:0 0 10px;
	}

	/* ---------------------------------------------------------------------------
		btn-eft
	--------------------------------------------------------------------------- */
	.btn-eft a {
		border:solid 1px #000;
		padding:1em 0 1.2em;
		font-size:15px;
		font-family: "FOT-筑紫ゴシック Pro E";
	}
	.btn-eft a:hover {
		color:#000;
	}
	.btn-eft a:before,
	.btn-eft a:after {
		content: none;
	}
	
	
	/* ---------------------------------------------------------------------------
		line 斜めライン
	--------------------------------------------------------------------------- */
	.line {
	}
	.line:before {
		width:85px;
		height:1px;
		top:-15px !important;
		left:-35px !important;
	}

	/* ---------------------------------------------------------------------------
		inner
	--------------------------------------------------------------------------- */
	.sec-inner {
		max-width:100%;
		min-width:100%;
		padding:0;
		box-sizing:border-box;
	}
	.sec-inner02 {
		max-width:100%;
		min-width:100%;
		padding:0;
		box-sizing:border-box;
	}
	.sec-inner03 {
		width:100%;
		box-sizing:border-box;
	}
	
	
	
}