/* **************************************************

  		　　初期設定

************************************************** */
* {
	margin:0;
	padding:0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;

	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

ul {
	list-style-type:none;
}
img {
	width:100%;
	vertical-align:bottom;
}
a img {
	border:none;
}
a:hover {
	color:#ff7500;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
table {
	border-collapse:collapse;
	border:0px;
}
table tr td {
	word-break: break-all;
	padding:0px;
}
p {
	font-size:0.9em;
	line-height:1.8em;
	text-align:left;
}

.shadow {
	text-shadow:0 0 5px #000;
}

.mincho {
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.gothic {
     font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

/* **************************************************

  		　　レイアウト

************************************************** */
:root {

	--base-width:820px;

	--color1:#0071b6;
	--color2:#0071b6;
	--color3:#0071b6;
	--color4:#0071b6;
	--color5:#0071b6;
	--color6:#0071b6;
	--color7:#0071b6;
	--color8:#0071b6;
}

html {
	height:100%;
}
body {
	height:auto;
	text-align:center;
	background:none; /* iphoneで背景画像をfixedできないための対処 */

}
/* iphoneで背景画像をfixedできないための対処 */
body#index::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, -1px);
	transform: translate3d(0, 0, -1px);
	width: 100%;
	height: 100vh;
	z-index: -9999;
	transform:translate3d(0,0,0); //ここを追記
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background:url('img/main_bg_pc.jpg') no-repeat top center;
	background-size:cover;
}


.cont_body div.cont_bg {
	padding:0em 0em 0em;
	background:#fff;
}
.cont_body section {
	padding-top:0em;
}

/* ********* 内容 ******** */
.cont_inner {
	padding:0 1.5em;
}

/* **************************************************

　　　　　　　　　　CSS振り分け

************************************************** */
@media only screen and (min-width: 640px) {

	/* 背景画像の映り込みを隠す */
	.cont_bg {
		background:#fff;
	}
	/* インナーボックス */
	.cont_inner {
		width:94%;
		max-width:var(--base-width);
		margin-left:auto;
		margin-right:auto;
		padding:0;
	}
	.cont_outer {
		width:100%;
		max-width:var(--base-width);
		margin-left:auto;
		margin-right:auto;
		padding:0;
	}





}