@charset "utf-8";

/*ヘッダ
---------------------------------------------------------------------------*/
header {
	min-height:auto;
}
header .inner {
	max-width:100%;
	height:120px;
}
header #logo {
	width:200px;
	padding:7px 0px;
	font-size:15px;
}
header #logo img {
	height:24px;
	margin-left:5px;
	margin-right:5px;
}
header .inner2 h2 {
	margin-top:10px;
	font-size:28px;
}
header .inner2 h2 div {
	font-size:16px;
}
header #entry {
	right:44px;
	width:57px;
	height:46px;
	padding-top:5px;
	font-size:12px;
}


/*メインメニュー
---------------------------------------------------------------------------*/
#open {
	width:24px;
}

/*コンテンツ
---------------------------------------------------------------------------*/


/*メインコンテンツ
---------------------------------------------------------------------------*/
section {
	margin-top:60px;
}
section .inner {
	width:100%;
}
section .inner2 {
	width:100%;
}
section h2 {
	margin-bottom:10px;
	font-size:26px;
	line-height:1.2;
}
section h2 div {
	margin-top:10px;
	font-size:16px;
}
section h2 p {
	margin-top:10px;
	font-size:20px;
}
.works1{
	width: 100%;
}

/*フッタ
---------------------------------------------------------------------------*/
.footer_inner {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
footer .logo {
	height:30px;
}
footer .name {
	margin-top:15px;
	font-size:20px;
}
footer .tel {
	font-size:16px;
}
footer .tel a {
	font-size:20px;
}
footer #copyright {
	padding:10px 0px;
}

/*PAGE TOP
---------------------------------------------------------------------------*/
.pagetop a img {
	width:50px;
}

/*その他
---------------------------------------------------------------------------*/
.images span {
	float:none;
}


/*トップ
---------------------------------------------------------------------------*/
body#top header {
	min-height:300px;
}
body#top header .inner2 p {
	width:150px;
	height:120px;
	margin:0 auto;
	margin-top:30px;
	padding-top:15px;
	font-size:20px;
}
body#top header .inner2 .name {
	margin-top:10px;
	font-size:24px;
}
body#top header .inner2 .name2 {
	margin-top:5px;
}
body#top header .inner2 .name2 img {
	width:300px;
}

body#top .sub_menu {
	width:100%;
}
body#top .sub_menu a {
	display:block;
	float:none;
	width:100%;
	height:60px;

}
body#top .sub_menu a img {
	width:100%;
}

body#top section#job {
	padding-top:30px;
	padding-bottom:20px;
}
body#top section#job .inner {
	width:100%;
	background-image:none;
}
body#top section#job article {
	float:none;
	margin:20px auto !important;
}
body#top section#job article strong {
	font-size:26px;
}

body#top section#president .inner2 p {
	float:none;
	width:100%;
	padding:0px 10px;
}
body#top section#president .inner2 .president {
	float:none;
}
body#top section#president .inner2 .name {
	margin:20px;
	margin-left:30px;
}

body#top section#employee article {
	height:auto;
	margin-bottom:20px;
}
body#top section#employee article .profile {
	float:none;
	width:100%;
}
body#top section#employee article:nth-child(2n+1) .profile {
	float:none;
}
body#top section#employee article .description {
	padding:20px;
}
body#top section#employee article .message {
	float:none;
	width:100%;
	padding:20px 10px;
}
body#top section#employee article:nth-child(2n+1) .message {
	float:none;
}
body#top section#employee article .message strong {
	font-size:18px;
}
body#top section#employee article .message p {
	margin-top:15px;
	line-height:1.7;
}

body#top section#hardships p {
	padding: 0px 10px;
}

body#top section#company p {
	float:none;
	width:100%;
	padding: 0px 10px;
}
body#top section#company .image {
	float:none;
	margin-top:10px;
}
body#top section#company table {
	margin-top:60px;
	margin-bottom:100px;
}
body#top section#company th,
body#top section#company td {
	display:block;
	padding:10px 15px;
}
body#top section#company th {
	width:100%;
}
body#top section#company td {
	width:100%;
	border-top-style:none;
	border-bottom-style:none;
}
body#top section#company tr:last-child td {
	border-bottom-style:solid;
}

body#top section#recruitment {
	padding-top:30px;
	padding-bottom:30px;
}
body#top section#recruitment h2 {
	font-size:24px;
}
body#top section#recruitment .link {
	margin-top:30px;
}
body#top section#recruitment .link a {
	display:block;
	width:280px;
	height:80px;
	margin:0px auto;
	margin-bottom:10px;
	font-size:16px;

}
body#top section#recruitment .link a img {
	width:100%;
	height:100%;
}
body#top section#recruitment .link a div {
	top:28px;
}


/*募集要項
---------------------------------------------------------------------------*/
body#recruitment section#recruitment h2 {
	font-size:20px;
}
body#recruitment section#recruitment .menu {
	font-size:16px;
}
body#recruitment section#recruitment .menu li {
	width:130px;
	font-size:16px;
}
body#recruitment section#recruitment article {
	margin-top:30px !important;
}
body#recruitment section#recruitment article h3 {
	height:auto;
	padding:30px 15px;
	font-size:22px;
}
body#recruitment section#recruitment article h3 div {
	font-size:18px;
}
body#recruitment section#recruitment article th,
body#recruitment section#recruitment article td {
	display:block;
	padding:10px !important;
}
body#recruitment section#recruitment article th {
	width:100%;
}
body#recruitment section#recruitment article td {
	width:100%;
	line-height:1.7;
}

body#recruitment section#flow h2 {
	font-size:20px;
}
body#recruitment section#flow .step div {
	float:none;
	width:100%;
	height:auto;
	padding:10px;
}
body#recruitment section#flow .step strong {
	display:block;
	float:none;
	width:100%;
	height:auto;
	padding:15px;
}
body#recruitment section#flow .step p {
	float:none;
	width:100%;
	padding:15px;
}
body#recruitment section#flow .arrow {
	margin:15px 0px;
}

body#recruitment section#entry h2 div {
	font-size:20px;
}

body#recruitment section#policy .inner {
	padding:25px 15px;
}
body#recruitment section#policy dt {
	margin-top:20px;
	font-size:16px;
}
body#recruitment section#policy dd {
	margin-top:14px;
}

form {
	padding:30px 0px;
}

.you,.you3{
    width: 100%;
    height: auto;
}