@charset "utf-8";

@media screen and (max-width: 560px) { /* @media screen */

iframe {
	max-width: 100%; 
}

#sp_nav {
  display: block;
}

#menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}

/**メニュー開閉ボタン**/
#menu div{
	width: 56px;
	height: 56px;
	overflow: hidden;
	position: absolute;
	right: 0;
}

#menu .menuopen, #menu .menuclose{
	color: #fff;
	text-decoration: none;
	font-size: 2rem;
	line-height: 3rem;
	text-align: center;
	border-bottom: none;
}

#menu .menuopen{
	display: block;
	pointer-events: auto;
}

#menu .menuclose{
	display: none;
	pointer-events: auto;
}

/**メニュー一覧**/
#menu ul{
	width: 100%;
	position: absolute;
	top: 60px;
	right: 0;
	display: none;
}

#menu li:last-child{
	border-bottom: none;
}

#menu li a{
  background:  rgba(102, 128, 162, 0.8);
  color: #fff;
}

#menu li{
	pointer-events: auto;
	width: 100%;
	border-bottom: 1px solid #fff;
}

/**メニューオープン時**/
#menu:target .menuopen{
	display: none;
}

#menu:target .menuclose{
	display: block;
}

#menu:target ul{
	display: block;
}

.g_list{
  margin-right: 0;
}

.g_list li{
  height: auto;
  margin: auto;
  line-height: auto;
  border-left: none;
}

/**メインエフェクト**/
#main{
	background: #fff;/*ページ背景色・背景画像はここで設定*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#menu:target ~ #main{
	-webkit-filter:brightness(70%);
	-moz-filter:brightness(70%);
	-ms-filter:brightness(70%);
	filter:brightness(70%);
}

table, tbody, tr, th, td {
  display: block;
  max-width: 100%;
}

.section {
  text-align: center;
  padding: 2rem 1rem 1rem 1rem;
}

.s_04 {
  padding: 2rem 1rem 0 1rem;
}

.t_company th,
.t_contact th {
  width: auto;
}

ul.f_list li {
  display: inherit;
  padding: 0.6rem 0;
  border-right: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

ul.f_list li:first-child {
  border-top: none;
}

ul.f_list li:last-child {
  border-bottom: none;
}

h2 {
  font-size: 1.8rem;
}

.t_company td {
  border-bottom: 1px solid #fff;
}

.t_company th {
  padding: 0.3rem 1rem;
}

.src0 p {
  visibility:hidden;
}

.s_03 {
  padding: 0;
}

.s_flame {
  width: 100%;
}

.s_05 .rec_wrap {
  display: inline;
}

.s_05 .rec {
  width: 100%;
}

.s_05 .rec_left {
  margin: 30px 0 0 0;
  border-right: none;
}

.s_05 .rec_right {
  margin: 26px 0 10px 0;
}

.p_flame {
  width: 100%;
}

.s_photo {
  width: 100%;
}

p.p_recruit{
  font-size: 1.6rem;
}

.s_02 p {
  padding-left: 10px;
}

.section h3 {
  margin-left: 0;
}

header {
  position: inherit;
}

#s04 .s_flame {
  width: 100%;
}

.t_company tr {
  border-bottom: none;
}

.bg_img img{
  visibility:visible;
}

}/* @media screen end */