/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
body {
	background-color: transparent;
	background-image:none;
}
.br_pconly {display:none;}
.br_sponly {display:block;}

/* -----------------------------------------------
ヘッダー・グローバルナビ部分
----------------------------------------------- */
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 70px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
	}
    #top-head.fixed .logo img,
    #top-head .logo img{
	width:90%; height:auto;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
		right:0;
        background: #fff;
        width: 80%;
        text-align: center;
        padding: 20px 0 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		text-align:left;
		margin:0;
		padding:0;
    }
    #global-nav ul li {
	box-sizing: border-box;
        float: none;
        position: static;
		border-bottom:solid 1px #ccc;
		padding:0;
		margin:0;
		
    }
    #global-nav ul li:last-child {
		border-bottom:none;
    }

    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
	box-sizing: border-box;
        width: 100%;
        display: block;
		padding:1.5em 0 1.5em 1.5em;
    }
    #nav-toggle {
        display: block;
    }
#global-nav ul li:last-child a{padding:1.5em !important;}

#global-nav ul li a:link {color: #000;text-decoration: none;}
#global-nav ul li a:visited { color: #000; text-decoration: none;}
#global-nav ul li a:hover { background:#C1272D; color: #ffffff; text-decoration: none; }
#global-nav ul li a:active { background:#C1272D; color: #ffffff; text-decoration: none; }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
header {
	max-width:768px;
	background-image: url(../images/head_back_sp.png);
	background-size:cover;
	background-position: center top;
	margin-top:0;
}
header .main_copy {
	box-sizing: border-box;
	display:block;
	width:100%;
	max-width: 768px;
	margin: 0 auto;
	padding: 8em 1em 0;
	font-size:100%;
}
header .main_copy .pcimg{
	display:none;
}
header .spimg {
	width:100%;
	height:100%;
	max-width: 768px;
	display:block;
}
#message {margin:.8em auto;width:auto;font-size:84%;line-height: 1.6;}

ul.counter {
	margin:0 0 0 0;
	width:100%;
	max-width: 568px;
}
.counter li {
	padding:22px 10px 10px;
	margin:0 2px;
	width:11%;
	height:auto;
}
header .main_copy .number{
	width:100%;
	height:100%;
	max-width: 34px;
	max-height: 46px;
}
#shop {
	margin:0 auto 1em;
	padding:100vh 0 0;
}
#shop {width:auto; margin:0; padding:30px 20px;}
#shop h1 {padding-bottom:1em;}


.top_table1 tr , .top_table2 tr {
		display:block;
		width:100%;
}
.top_table1 td {
	display:block;
	width:100%;
	padding:1em 0 2em;
}
.top_table1 td:first-child {
	padding:1em 0 2em;
}
.top_table1 td:last-child {
	padding:1em 0 2em;
}
.top_table2 td {
		display:block;
	padding:1em 0 2em;
	width:100%;
}
.top_table2 td:last-child {
	padding:1em 0 2em;
}
.three{ width:100%;max-width:768px; height:100%;}
.two{ width:100%;max-width:768px; height:100%;}
.company_pages h1 {font-size:187%;}

.company_header_navi {
	margin:70px 0 0 0;
}

.company_header_navi_inner ul li {
	display:block;
	width:100%;
	margin:0 0 0 0;
	padding:.1em 0;
}
.company_header_navi_inner ul li:first-child {width:8em; margin:0 auto .2em;}
.company_pages p { text-align:left;}
.window .win_inner {padding:1rem;}
.win_inner h2 {font-size:187%;}
.win_inner .wintitle {font-size:60%;}
.win_inner dt {
  clear: both;
  float: none;
  width: 100%;
}
.win_inner dd {
	width: 100%;
	padding: 0 0 0 20px;
	float: none;
}
.window .win_inner2 ul li {
    display: block;
    width: 100%;
}
.window .win_inner2 ul li:last-child { width:100%}

.company_pages .report {padding:1rem;}
.main_image2 ul li {
    display: block;
    width: 100%;
}
.company_pages_section h1 {
	font-size:187%;
}
.report .report_title {
	font-size:130%;
}
.message_pages .posi { line-height:1.2;}
.recruit_boxA {padding:1rem;}
.staff_message_ph ul li {margin-right:0; margin-bottom:15px;}
.win_inner2 .hobby_photo {margin:0;float:none;}
.win_inner2 .hobby_title {	text-align: center;}
.win_inner2 .hobby_message {margin:0;}
.message_index ul li {	margin:0 0 15px 0;width:100%;}
#recruit_entry .entry_go {width:80%;}
.requirements_index ul li {width:32%;margin:0;}
.requirements_index ul li a {
	background-size:100% 100%;
	min-height:40px;
}
.requirements_index ul li a:link {font-size:94%;padding:0.2em 0;}
.requirements_table {margin:20px 0;}
.requirements_table tr {display:block;width:100%;}
.requirements_table td {display:block;width:100%;}
.requirements_table td.midashi {width:100%;padding:10px;box-sizing: border-box;}
.requirements_table td.naiyou {padding:10px;width:100%;box-sizing: border-box;}

.entry_page {padding:2em 1em 1em;}
.entry_page h1 {font-size:187%;}
.entry_page .attention {font-size:60.4%;margin:1em 0 0;}


footer{width: auto;background:#FFF;}
footer .f_inner{
	width: auto;
	padding-top: 2em;
	padding-bottom: 3em;
	padding-right: 1em;
	padding-left: 1em;
}