@charset "UTF-8";
body {
	font-size:14px;
	font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#000;
}

p {
	line-height:1.8;
}
a {
	color:inherit;
	text-decoration:none;
}
@media screen and (min-width: 481px){
	.for_sp {
		display:none;
	}
	header {
		width:100%;
		background-color:rgba(0,0,0,0.7);
		position:fixed;
		top:0;
		left:0;
		z-index:100;
	}
	#Header {
		width:980px;
		margin:0 auto;
		overflow:hidden;
	}
	#Header h1 {
		width:160px;
		float:left;
		height:60px;
		padding:5px 0;
	}
	#Header h1 img {
		height:100%;
		width:auto;
	}
	#G_nav {
		width:820px;
		color:#fff;
		float:right;
	}
	#Lang_nav {
		display:block;
		width:820px;
		height:36px;
		box-sizing:border-box;
		padding-left:640px;
	}
	/*英語サイト表示*/
	#Lang_nav li {
		float:left;
		margin:8px 0 5px 10px;
		font-size:13px;
	}
	#Lang_nav li a {
		display:block;
		width:80px;
		box-sizing:border-box;
		padding:5px 0;
		text-align:center;
		border-radius:4px;
		background-color:rgba(255,255,255,0.2);
		transition:color 0.4s ease 0s,background-color 0.4s ease 0s;
	}
	#Lang_nav li a:hover {
		color:#333;
		background-color:rgba(255,255,255,0.9);
	}
	#Lang_nav .choice a {
		color:#333;
		background-color:rgba(255,255,255,0.9);
	}

	/*英語サイト非表示
	#Lang_nav li {
		display:none;
	}
	*/

	#Cont_nav {
		display:block;
		clear:both;
		width:820px;
		margin:0 auto;
		box-sizing:border-box;
		padding-left:420px;
	}
	#Cont_nav li {
		float:left;
	}
	
	/*お問い合わせボタン非表示*/
	#Cont_nav li:last-of-type {
		display:none;
	}
	
	
	#Cont_nav li a {
		display:block;
		width:100px;
		padding:6px 0;
		text-align:center;
	}
	#Slide {
		width:100%;
		min-width:980px;
		background-color:#ccc;
		overflow:hidden;
	}
	#Page_image {
		width:100%;
		height:300px;
		background:url(../img/page_title.jpg) no-repeat center center;
	}
	section {
		width:980px;
		margin:0 auto;
	}
	article {
		overflow:hidden;
		padding:80px 0 40px;
	}
	.content h2 {
		font-size:24px;
		margin-bottom:40px;
		padding-left:10px;
	}
	.content h2 span {
		font-size:14px;
	}
	.content .l_box {
		float:left;
		box-sizing:border-box;
		padding-left:10px;
	}
	.content .r_box {
		float:right;
		box-sizing:border-box;
		padding-right:10px;
	}

	/*フッター*/
	footer {
		width:100%;
		min-width:980px;
		box-sizing:border-box;
		padding:20px;
		text-align:center;
	}
	footer #copy {
		font-size:12px;
		color:#333;
	}
}

@media screen and (max-width: 480px){
	.for_pc {
		display:none;
	}
	body {
		padding-bottom:30px;
	}
	header {
		width:100%;
	}
	header h1 {
		padding:5px;
	}
	header h1 img {
		height:50px;
		width:auto;
	}
	#G_nav {
		position:fixed;
		width:100%;
		height:100vh;
		box-sizing:border-box;
		padding:20px;
		top:0;
		right:-100%;
		background-color:rgba(0,0,0,0.9);
		color:#fff;
		z-index:100;
		opacity:0;
		transition:right 0.4s ease 0s,opacity 0.4s ease 0s;
	}
	#G_nav li {
		margin-bottom:20px;
	}
	/*英語サイト表示*/
	#Lang_nav {
		border-bottom:dotted 1px #ccc;
		margin-bottom:20px;
	}
	/*英語サイト非表示
	#Lang_nav {
		display:none;
	}*/
	#Nav_close,#Nav_open {
		width:30px;
		height:40px;
		position:absolute;
		right:10px;
		top:10px;
	}
	/*
	#G_nav {
		width:100%;
		background-color:rgba(0,0,0,0.8);
		color:#fff;
		position:fixed;
		bottom:0;
		left:0;
		z-index:100;
	}
	#G_nav ul {
		display:block;
		width:100%;
	}
	#G_nav li {
		float:left;
		width:20%;
		font-size:10px;
	}
	#G_nav li a {
		display:block;
		width:100%;
		padding:10px 0;
		text-align:center;
	}
	*/
	/*お問い合わせボタン非表示*/
	#G_nav li:last-of-type {
		display:none;
	}
	#Slide {
		width:100%;
		background-color:#ccc;
		overflow:hidden;
	}
	#Page_image {
		width:100%;
		height:100px;
		background:url(../img/page_title.jpg) no-repeat center center;
		background-size:cover;
	}
	section {
		width:100%;
		margin:0 auto;
	}
	article {
		overflow:hidden;
		padding:60px 10px 30px;
	}
	.content h2 {
		font-size:24px;
		margin-bottom:40px;
		text-align:center;
	}
	.content h2 span {
		font-size:12px;
	}
	/*フッター*/
	footer {
		width:100%;
		box-sizing:border-box;
		padding:0 0 10px;
		text-align:center;
	}
	footer #copy {
		font-size:10px;
		color:#333;
	}
}