body {
-webkit-text-size-adjust: 100%;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho",serif;
	width:100%;
	background-color:black;	
	color:#fff;
	text-align:center;
	margin: auto;
}
.font-Gothic {font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

#page {width:70%; margin: 0 auto; padding: 0;}

h1 {font-size:120%; margin: 0; padding: 0; color:white; }
h3 {font-size:140%;}
a {color:#ccc;} a:hover {color:#eee;}

#topimg h2
{font-size:120%; text-shadow: 0px 0px 8px rgba(0,0,0,0.8), 0px 0px 16px rgba(0,0,0,0.8), 0px 0px 25px rgba(0,0,0,0.8);}
#topimg {display:block; background-image:url(img/head_pc.jpg); background-repeat: no-repeat; background-size:cover; width:90%; height:250px; padding-top:240px; margin:40px auto 40px;}

#recruit_topimg h2 
{font-size:120%; text-shadow: 0px 0px 8px rgba(0,0,0,0.8), 0px 0px 8px rgba(0,0,0,0.8), 0px 0px 16px rgba(0,0,0,0.8), 0px 0px 25px rgba(0,0,0,0.8);}
#recruit_topimg	{background-image:url(img/cast_banner_top.jpg); background-repeat: no-repeat; background-size:100% auto; width:70%; height:310px; padding-top:130px; margin:40px auto 40px;}


#navi {width:90%; margin: 15px auto; padding: 0;}
#navi li {list-style-type: none; float: left; padding:5px 0; line-height:160%; font-size:100%; border-radius: 10px/10px; width:23%; margin: 1%; }
#navi li a {text-decoration:none; display:block;}
#navi li a:hover {margin:0 1.5%; border-radius: 15px/15px;}

.partition {background-image:url(img/partition.png); background-size: 100% auto; width:70%; height:80px; margin: auto; clear:both;}

.main_content p {margin:80px auto; font-size:120%; width:80%;}

table {width:80%; margin:80px auto;}
table th {font-size:110%; width:35%; line-height:150%;}
table td {font-size:120%; color:black; padding:30px 0;line-height:200%;}

table td span {display: inline-block; line-height:220%; font-size:60%; padding:0 5px; margin:5px; border-radius: 5px/5px;}

.tencho-voice {width:100%; background-color:white; padding:20px 0;}
.tencho-voice h3,.tencho-voice p{color:black;}

.tel-no {font-size:130%; font-weight:700; letter-spacing:3px;}
.tel-no a {text-decoration:none;}

address {
	font-style:normal;
	font-weight:700;
	margin:0 auto;
	font-size:140%;
	line-height:180%;
}

article {clear:both;}

.Apply_btn {width:90%; margin: 15px auto; padding: 0;}
.Apply_btn li {list-style-type: none; float: left; padding:5px 0; line-height:160%; font-size:100%; border-radius: 10px/10px;}

.Apply_btn a {text-decoration:none; color:white; display:block;}
.Apply_btn li a:hover {color:lavenderblush; background-color:rgba(255,255,255,0.2); margin:0 2%; border-radius: 15px/15px;}

.img-list {width:90%;clear:both; margin:80px auto;}
.img-list ul {float: left; padding: 0; margin-bottom:80px;}
.img-list li {list-style-type: none; width:23%; float: left; padding: 1%; }

.recruit_banner {background-image:url(img/cast_banner_sq.jpg); background-size: cover; width:50%; height:30px; padding-top:150px; margin:80px auto; border-radius: 10px/10px;}
a .recruit_banner {color:#ece1ad; text-shadow: 0px 0px 4px rgba(0,0,0,0.8), 0px 0px 16px rgba(0,0,0,0.8), 0px 0px 25px rgba(0,0,0,0.8);}

iframe {width:80%;}

#copyright {width:100%; padding: 20px 0; font-size:100%; line-height:200%;}

.red{color:red;}
.yellow{color:yellow;}
.align-left {text-align:left;}

@media screen and (max-width: 768px) {
		#page {width:100%;}
		h1 {font-size:100%;} h2 {font-size:100%;} h3 {font-size:100%;}

		#topimg	{display:block; background-image:url(img/head_sp.jpg); background-size: cover; width:90%; height:202px; padding-top:140px;}
		#recruit_topimg	{background-image:url(img/cast_banner_sq.jpg); background-size: 100% auto; width:90%; height:242px; padding-top:25%;}
		#navi{width:90%; margin:15px auto;} #navi li {width:46%; margin: 2%;}
		.partition {height:40px; width:70% ;}
		.main_content p {margin:40px auto; font-size:80%;}

		table {width:80%; margin:40px auto;}
		table th {font-size:80%; width:35%;}
		table td {font-size:100%;}
		table td img {margin-top:10px;}

		.img-list {width:90%; margin:40px auto;}
		.img-list ul {margin-bottom:40px;}
		.img-list li {width:46%; padding: 2%;}

		.recruit_banner{background-size:100% auto; width:80%; height:20px; padding-top:90px; margin:80px auto; border-radius: 10px/10px;}
		a .recruit_banner {font-size:80%;}

		address {font-size:100%;}
		#copyright {font-size:90%;}
}