/* Unchanged */
@charset "UTF-8";
/****************************************************************************
　sp_common.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2019.02.01
   Last up date   : 2019.02.01
****************************************************************************/

/* CSS Document */

@media screen and (max-width:768px) {
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		-webkit-text-size-adjust: 100%;
		text-decoration: none;
	}
	li {
		list-style-type: none
	}

a {
	color: #194e9e;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #d1dcec;
	text-decoration: underline;
}
	a:link,
	a:visited img {
		color: #194e9e;
	}
	a:link img {
		border: none;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.clearfix {
		min-height: 1px;
	}
	* html .clearfix {
		height: 1px;
		/*\*/
		/*/
  height: auto;
  overflow: hidden;
  /**/
	}
	/*要素のフォントサイズやマージン・パディングをリセットしています
	html,
	body,
	div,
	span,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	abbr,
	address,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	samp,
	small,
	strong,
	sub,
	sup,
	var,
	b,
	i,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}*/
	
	/*行の高さをフォントサイズと同じにしています*/
	body {
		line-height: 1.4;
	}
	/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}
	/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
	/*nav ul {
    list-style:none;
}*/
	ol,
	ul {
		list-style: none;
	}
	/*引用符の表示が出ないようにしています*/
	blockquote,
	q {
		quotes: none;
	}
	/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}
	/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
	ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
	}
	/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
	mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
	}
	/*テキストに打ち消し線が付くようにしています*/
	del {
		text-decoration: line-through;
	}
	/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
	abbr[title],
	dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}
	/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
	}
	/*縦方向の揃え位置を中央揃えに指定しています*/
	input,
	select {
		vertical-align: middle;
	}
	/*画像を縦に並べたときに余白が出てしまわないように指定しています*/
	img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
	}
	html {
		font-size: 62.5%;
	}
	body {
		font-size: 10px;
		font-size: 1.0rem;
		color: #333333;
	}


/* --- 共通設定 --- */
section {
	width: 100%;
	display: block;
}

#wrapper {
	width: 100%;
	height: 100%;
    -webkit-overflow-scrolling: touch;
}


/* --- 共通ヘッダ --- */
/***********************************
　　共通ヘッダ
***********************************/
header {
	width: 100%;
	max-width:  100%;
	min-width:  100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 auto;
	z-index:10000;
	text-align: left;
/*	position: fixed;*/
}

header ul.sns {
	position: absolute;
	top: 10px;
	right: 34px;
}
header ul.sns li {
	width: 26px;
	float: left;
	margin-left:10px;
}
header ul.sns li.language {
	width: 26px;
	height: 26px;
	float: left;
	margin-left:10px;
}
header ul.sns li.language a{
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: #000;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-radius: 5px;
}
header ul.sns li img {
	width: 100%;
}



/***********************************
　　共通設定
***********************************/
section {
	width: 100%;
	display: block;
	padding: 0px 0 50px 0;
	position: relative;
}

section div.test{
	width: 100%;
	display: block;
	padding: 0px 0 0 0;
	margin:0 auto;
}

section h3 {
	width: 100%;
	max-width:100%;
	margin: 0px auto 0px auto;
	font-size: 18px;
	font-family: "M PLUS 1p";
	text-align: center;
	font-weight: 600;
	letter-spacing: 0px;
	padding: 0 0 5px 0;
	color: #C0272D;
}
section > h3.blue {
	color: #194e9f;
}








/***********************************
　　共通nav SP
***********************************/
#nav {
	display: none;
}





/*--------------------------------------------------------
　　footer
--------------------------------------------------------*/
#footMark {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
#footMark img {
	width: 80%;
}
footer {
	width: 100%;
	height: auto;
	line-height: 1.5;
	text-align: center;
	font-size: 12px;
	padding: 0px 0 15px 0;
	margin: 0px auto 0 auto;
	color: #000;
	display: block;
	z-index: 1000;
}

#footer {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0 30px 0;
}

#footer .comapnyAD {
	width: 450px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
#footer .comapnyAD h5 {
	padding-top: 5px;
	width: 210px;
	float: left;
	display: inline-block;
}
#footer .comapnyAD h5 img {
	width: 180px;
}





.cRight {
	border-top: 1px solid #000;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 0 0;
}

.pcLayer,
img.pcImg {
	display: block;
}
.spLayer, 
img.spImg {
	display: none;
}


/* --- pagetop --- */
.pagetop {
	bottom: 50px;
	z-index:1000;
}

.pagetop a {
	width: 50px;
	height: 50px;
}



.pcLayer,
img.pcImg {
	display: none !important;
}
.spLayer, 
img.spImg {
	display: block !important;
}


.emergency {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color: #F00;
	font-weight:bold;
	font-size:18px;
}



} /**** END media screen *****/