@charset "UTF-8";
/* CSS Document */

@media screen and (max-width : 750px) {
body {
	min-width:320px;
}
body.fixed {
	padding-top:56px;
}
body.fixed header {
	display:none;
}
header .inbox {
    padding: 0;
}
header h1.logo {
    padding: 10px 0;
	text-align:left;
}
header h1.logo img {
	max-height:36px;
}
header .sp_menu {
	display:block;
}
#main_banner .inbox {
    padding: 20px;
}
main .inbox {
    padding: 40px 20px 0;
}
header .left {
	float:none;
}
header .right {
	float:none;
	text-align:center;
	position:absolute;
	top:56px;
	right:0;
	width:100%;
	max-width: 0px;
	overflow: hidden;
	z-index:9999;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
header .right.open {
	max-width: 750px;
}
header .right ul {
	min-width: 320px;
}
header .right li {
	display:block;
}
header .right li.sp {
	display:block;
}
header .right li.sp_no {
	display:none;
}
header .right li.crt a {
	border-top:1px solid #620000;
	border-bottom:1px solid #370000;
}
nav#gnavi {
	display:none;
}
nav ul {
    text-align: center;
    padding-right:0px;
}
nav li {
    margin:0 15px;
}
nav li a {
	border-top:1px solid #620000;
	border-bottom:1px solid #370000;
}
nav li.crt span {
	display:none;
}
nav li.selected span {
	display:none;
}
nav li.crt a {
	color:#fff;
}
nav li.selected a {
	color:#fff;
}

header .left {
	padding-bottom:20px;
}
header .right ul {
	margin-bottom:0px;
}
header .right li {
    margin: 0;
}
header .right li a {
    padding: 15px 0;
	background-color:#520000;
	color:#fff;
	border-top:1px solid #620000;
	border-bottom:1px solid #370000;
}
.low header .right li a {
	border:none;
	border-top:1px solid #620000;
	border-bottom:1px solid #370000;
}
.low header .right li.crt a {
	border-top:1px solid #620000;
	border-bottom:1px solid #370000;
}
.title_tab td.main_area {
	padding:10px;
}
.title_tab td.main_area h2 {
	text-align:center;
	margin:0;
}
.title_tab td.main_area p {
	text-align:center;
	margin:5px 0 0;
}
nav li {
    display: block;
    margin: 0px;
}
nav li.crt span {
	bottom:0px;
	height:55px;
}

#slide {
    padding-bottom: 0px;
    background-image: none;
}
#slide .sl_logo {
	position:absolute;
	bottom:0px;
	right:0px;
	top:0px;
	width:auto;
	height: 100%;
    overflow: hidden;
	text-align:right;
}
#slide .sl_logo img {
	width:auto;
	height: 100%;
}
/*.low #contents .right_clm {
	padding-right:20px;
}*/
#slide .sl_txt {
	bottom: 10px;
    left: 10px;
    width: 50%;
}

main h3,
.low #contents .right_clm h3 {
    font-size: 20px;
}
main #recruit_info,
main #recruit_tr {
    background-image:none;
}
#main_banner .left {
    width: 100%;
	float:none;
	margin-bottom:30px;
}
#main_banner .right {
    width: 100%;
	float:none;
	margin-bottom:10px;
}
.s_con_obj table td {
    font-size: 12px;
	padding: 0 5px;
}
.s_con_obj table tr:nth-child(2) td {
	padding: 5px 5px 0;
}
.s_con_obj table tr:last-child td {
	padding-bottom: 5px;
}
#information .left {
    width: 100%;
	float:none;
	padding-bottom:20px;
}
#information .right {
    width: 100%;
	float:none;
}
#contents #recruit_info .wrap .left section.pink {
    display: block;
    width: 100%;
    height: auto;
    padding-left: 0px;
    position: static;
	background-color:#ffe3ec;
}
#contents #recruit_info .wrap .left section ul {
    display: block;
    padding: 10px 10px 10px 20px;
}
#contents #recruit_info .wrap .left section li {
    margin-bottom: 0px;
	padding:5px 0;
}
#contents .rec .left {
	width:100%;
}
#contents .rec .left img.pc {
	display:none;
}
#contents .rec .left img.sp {
	display:block;
}
#contents .training .left {
    width: 100%;
	float:none;
	margin-bottom:20px;
	padding-top: 0px;
}
#contents .training .right {
    width: 100%;
	float:none;
}
main #recruit_info {
    padding-bottom: 0px;
}
table.info_tab th {
    padding: 10px 10px 10px 0;
	width: 100px;
	vertical-align: top;
}
table.info_tab td {
    padding: 10px 0px;
	vertical-align: top;
}
#cc_area .block {
    padding: 20px;
}
#cc_area h2 {
    font-size: 20px;
	margin-bottom: 10px;
}
#cc_area p {
    font-size: 12px;
}
#cc_area .block {
    min-height: inherit;
}
footer .left {
	padding:20px;
}
footer .right {
    padding: 15px;
}
#f_banner .inblock .left {
	width:100%;
	height: auto;
	float:none;
	max-width:inherit;
	padding: 5px;
}
#f_banner .inblock .right {
	width:auto;
	float:none;
	text-align: center;
}
#f_banner .inblock .right img {
	width:100%;
}
footer .inbox .left {
    float: none;
	width: 100%;
    max-width: inherit;
	text-align:center;
	padding: 0px;
	background-color:#520000;
}
footer .inbox .left img {
    max-width: 100px;
}
footer .inbox .right {
    width: 100%;
	float: none;
	padding: 20px;
}
footer p.add span {
	display:block;
}
.low #contents .right_clm {
	width: -webkit-calc(100% - 360px);
	width: -moz-calc(100% - 360px);
	width: calc(100% - 360px);
}
.low #contents .right_clm h4 {
    font-size: 15px;
}
.low #contents .left_clm ul {
    position: static;
	float: none;
}
.low #contents .left_clm li {
	min-width:300px;
	width:auto;
}
.low #contents .left_clm li a strong {
    width: 220px;
}

.low main .inbox {
	padding:20px;
}
.low #contents .left_clm {
	width:100%;
	float:none;
	margin-bottom:20px;
	min-height:inherit;
}
.low #contents .right_clm {
	width:100%;
	float:none;
}
.low #contents .left_clm li a {
    float: none;
}
.low #contents .left_clm li {
    min-width: inherit;
}
.low #contents .left_clm li.crt {
    background-color: inherit;
}
.low #contents .left_clm li a {
    font-size: 12px;
	letter-spacing:inherit;
}
.low #contents .left_clm li a strong {
    width: 200px;
}
.low #contents .right_clm p {
    font-size: 12px;
}

.low #contents .right_clm h3 span {
    padding: 3px 6px;
	font-size:16px;
}
.low #contents .right_clm section .block .left {
    width: 100%;
	float:none;
	margin-bottom:10px;
}
.low #contents .right_clm section .block .right {
    width: 100%;
	float:none;
}
.low #contents .right_clm section .block .right .image_bg {
    position: static;
}
ul.icon_list {
	margin-right:0;
}
ul.icon_list li {
    width: 100%;
    display: block;
    margin-right: 0%;
    margin-bottom: 10px;
}
.low #contents .right_clm section .block .box {
    padding: 0px 0 20px;
}
.low #contents.record .right_clm section .block .box {
    padding: 0px 0 30px;
}
.low #contents .left_clm .btn_box.mgn {
    margin: 10px 0;
	width: 100%;
}
.low #contents .left_clm .btn {
    text-align: center;
}
/*.low #contents .left_clm .btn img {
    max-width: none;
}*/
.low #contents.reception .right_clm .image.left {
    width: 100%;
	float:none;
}
.low #contents.reception .right_clm .image.right {
    width: 100%;
	float:none;
}
.low #contents .right_clm section {
    padding-bottom: 0px;
}
.low #contents.mantion .right_clm section {
    margin-top: 0px;
    padding-top: 0px;
}
.s_con_obj table th {
    font-size: 15px;
}
.low #contents {
    padding-bottom: 0px;
}
table.basic_tab th {
    width: 100%;
    padding: 15px 0 0px;
    border-bottom: none;
	display:block;
}
table.basic_tab td {
    width: 100%;
    padding: 10px 0 15px;
    border-bottom: 1px solid #ccc;
	display:block;
	font-size:12px;
}
.low #contents.access .right_clm .sec .left {
    width: 100%;
	float:none;
	text-align:center;
}
.low #contents.access .right_clm .sec .left img {
	width:auto;
}
.low #contents.access .right_clm .sec .right {
    width: 100%;
	float:none;
}
.low #contents.access .right_clm .google_map {
	margin-top: 0;
}
table.acc_tab th {
	display:block;
    width: 100%;
    padding: 0 0 5px;
    border-bottom: none;
}
table.acc_tab td {
	display:block;
    width: 100%;
    padding: 0 0 10px;
	margin-bottom:10px;
}
.low #contents .left_clm .btn_box {
    width: auto;
	display:none;
}

.low #contents.sitemap .right_clm section .block .box {
    padding: 0 0 20px;
}
.low #contents.sitemap .right_clm .harf li {
    margin-bottom: 10px;
    width: 100%;
    display: block;
}
.low #contents.sitemap .right_clm h4 {
    font-size: 16px;
	margin-bottom: 5px;
}
.low #contents.sitemap .right_clm li a {
    font-size: 12px;
}
.low #contents.effort .right_clm table {
	border: 1px solid #000;
}
.low #contents.effort .right_clm table th {
    width: 100%;
	display:block;
	border: none;
}
.low #contents.effort .right_clm table td {
    width: 100%;
	display:block;
	border: none;
	border-top: 1px solid #000;
}
.low #contents.policy .right_clm p {
    font-size: 12px;
}
.low #contents.policy .right_clm li {
    font-size: 12px;
}
.title_tab td {
	display:block;
	width:100% !important;
}
.title_tab td.eng_area {
	background-image:none;
	background-color:#ffe4ef;
}
.title_tab td.eng_area p strong {
	display:inline-block;
	font-size: 18px;
}
.low #contents.about .right_clm table th  {
	width:40%;
}
.low #contents.about .right_clm table td  {
	width:60%;
}
.low #contents.about .right_clm table h4  {
	font-size:18px;
}
.low #contents.about .right_clm table h5  {
	font-size:12px;
}
.low #contents.about .right_clm table h6  {
	font-size:16px;
}
.low #contents .right_clm .btn_box {
	display:block;
}
/*obj*/
.low #contents.mantion .right_clm section .block .box .s_con_obj {
    max-width: 550px;
    margin: auto;
}
.low #contents.mantion .right_clm section .block .box .s_con_obj table {
	width: 100%;
	min-height: inherit;
}
.s_con_obj .s_con {
    background-image: none;
	padding: 0px 0 30px;
}
.s_con_obj li {
	width: 100%;
}
.low #contents.mantion .right_clm section .block .box .s_con_obj p {
    text-align: left;
}
ul.icon_list li .bloc strong {
    font-size: 12px;
}
ul.icon_list li .bloc span {
    width: 36px;
}
.low #contents .right_clm dt {
    font-size: 14px;
}
.low #contents .right_clm dd {
    font-size: 12px;
    margin-bottom: 25px;
}
.low #contents.mantion .right_clm .btn {
	margin-top: 20px;
}
.low #contents .right_clm .btn a {
    font-size: 14px;
	line-height: 16px;
}
.low #contents.customer .right_clm h4 {
    font-size: 14px;
	line-height: 1.5em;
}
.low #contents.customer .right_clm p {
    font-size: 12px;
}
.low #contents.customer .right_clm h5 {
    font-size: 13px;
}
.low #contents.customer .right_clm table th {
	display: block;
	width: 100%;
}
.low #contents.customer .right_clm table td {
	display: block;
	width: 100%;
	border-top: none;
}

	
	
	
	
}



@media screen and (max-width : 320px) {
body  {
	max-width:320px;
}
header .right.open {
	max-width: 320px;
}

.low #contents.about .right_clm table th  {
	width:100%;
	display:block;
	padding:20px 20px 0 20px;
}
.low #contents.about .right_clm table td  {
	width:100%;
	display:block;
}

}