@charset "utf-8";
/*container=================*/
/*--common--*/
body{
	background:#efefef;
}
body#prepared{
	background:#fff;
}
#wrap-second{
	max-width:1020px;
	width:100%;
	margin:0 auto;
	margin-bottom:100px;
	box-sizing:border-box;
	padding:0 20px;
}
#wrap-second.second02{
	max-width:1020px;
	width:100%;
	margin:0 auto;
	margin-bottom:100px;
	box-sizing:border-box;
	padding:0 20px;
}
.bx-common{
	/*background:#fff;*/
}
#wrap-second.second02 .bx-common{
	background:none;
}
.bx-common h1{
	font-size:22px;
	font-weight:bold;
	/*border-bottom:4px solid #E5E5E5;*/
	margin-bottom:4px;
	padding:30px;
	background:#fff;
}
.bx-common h1.title01{
	border-bottom:none;
	background:#fff;
	/* box-shadow */
	box-shadow:20px 17px 0px 3px #e8e8e8;
	-moz-box-shadow:20px 17px 0px 3px #e8e8e8;
	-webkit-box-shadow:20px 17px 0px 3px #e8e8e8;
	margin-bottom:70px;
}
.bx-common h1.title02{
	border-bottom:none;
	background:#fff;
	padding:50px 30px;
	margin-bottom:20px;
}
.btn-totop{
	width:110px;
	margin:0 auto;
	display:block;
}
.pc-only{
	display:block;
}
.pctab-only{
	display:block;
}
.tab-only{
	display:none;
}
.sp-only{
	display:none;
}
#wrap-prepared {
	position: relative;
	box-sizing: border-box;
	background:#fff;
}
#wrap-prepared .bx-prepared {
	position: relative;
	padding-top:10%;
}
#wrap-prepared p {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#wrap-prepared .nocontents {
	text-align: center;
}
#wrap-prepared .nocontents img {
	width: 80%;
	max-width: 342px;
}
.home-menu {
	overflow: hidden;
	max-width: 139px;
	margin: 100px auto 100px;
}
.home-menu li {
	float: left;
	text-align: center;
	margin: 1%;
	color: #007ac4;
	font-weight: bold;
	list-style: none;
	position: relative;
	width: 138px;
	height: 139px;
}
.home-menu li:before {
	content: "";
	display: block;
	padding-top: 100%; /* 高さを幅の75%に固定 */
}
.home-menu li a {
	position: absolute;
	border-radius: 50%;
	color: #007ac4;
	text-decoration: none;
	border: 3px solid #007ac4;
	display: block;
	padding-top: 17%;
	box-sizing: border-box;
	letter-spacing: -0.5pt;
	line-height: 1.2;
	font-size: 18px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.home-menu li a:hover {
	color: #fff;
	border: 3px solid #007ac4;
}
.home-menu li a:hover span {
	color: #fff;
}
.home-menu li span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: #919191;
	letter-spacing: -0.5pt;
	font-weight: bold;
}
.home-menu li a, .home-menu li a:hover {
	background-size: 55%;
}
.icon-home a {
	background: url(../images/icon-home.png) center bottom no-repeat;
}
.icon-home a:hover {
	background: url(../images/icon-home-hover.png) center bottom no-repeat #007ac4;
}




.bx-company{
	padding:30px;
	background:#fff;
}

.bx-company img{
	width:100%;
}

.bx-company02{
	margin-top:50px;
	padding:30px 0 0;
	border-top:2px solid #cccccc;
}

.bx-company02 img{
	width:auto;
}
.lead-privacy{
	padding:30px 30px 10px 30px;
	background:#fff;
}
.lead-privacy h2{
	font-size:18px;
	margin-bottom:5px;
}
.bx-privacy{
	padding:30px;
	background:#fff;
}

.bx-privacy h3{
	margin-top:50px;
	margin-bottom:5px;
	font-size:16px;
	color:#4e4e4e;
}
.bx-privacy p{
	margin-left:0.8rem;
	color:#4e4e4e;
}
.bx-privacy ul{
	margin-left:0.8rem;
	color:#4e4e4e;
}
.bx-privacy .btn-contact{
	background:#ff6d6d;
	border-radius:6px;
	width:180px;
	display:block;
	padding:10px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	margin:10px 0 50px 0.8rem;
}

.bx-defence{
	padding:30px;
	background:#fff;
}
.bx-defence p{
	margin-bottom:30px;
	font-size:14px;
	line-height:2;
}


.bx-business{
	position:relative;
	background:#fff;
	padding:30px 30px 30px 30px;
	margin-bottom:80px;
	/* box-shadow */
	box-shadow:20px 17px 0px 3px #e8e8e8;
	-moz-box-shadow:20px 17px 0px 3px #e8e8e8;
	-webkit-box-shadow:20px 17px 0px 3px #e8e8e8;

}
.bx-business h2{
	font-size:20px;
	margin-bottom:40px;
}
.bx-business p{
	font-size:16px;
	line-height:2.5;
}
.bx-business img{
	position:absolute;
	right:-70px;
	top:-35px;
	width:50%;
	max-width:474px;
}

#tab{
	background:#fff;
	width:448px;
	overflow:hidden;
	margin-bottom:20px;
}
#tab li{
	float:left;
	width:33.333333%;
	text-align:center;
	position:relative;
}
#tab li:after{
	content:"";
	border-right:1px solid #979797;
	position:absolute;
	right:0;
	top:15px;
	height:40px;
}
#tab li:last-child:after{
	border-right:none;
	position:absolute;
}
#tab li.selected{
	background:#ffe651;
}
#tab li a{
	display:block;
	padding:20px 0;
	text-decoration:none;
	color:#5d5d5d;
	font-weight:bold;
	font-size:16px;
}
#tab li a:hover{
	background:#ffe651;
}
#tab li span{
	display:block;
	padding:20px 0;
	color:#bbb;
	font-weight:bold;
	font-size:16px;
}

.bx-recruit{
	position:relative;
	background:#fff;
	padding:50px 30px 10px 30px;
	margin-bottom:80px;
	/* box-shadow */
	box-shadow:20px 17px 0px 3px #e8e8e8;
	-moz-box-shadow:20px 17px 0px 3px #e8e8e8;
	-webkit-box-shadow:20px 17px 0px 3px #e8e8e8;	
}
.bx-recruit h2{
	font-size:24px;
	position:relative;
	overflow:hidden;
	margin-bottom:50px;
}
.bx-recruit h2:after{
	content:"";
	border-bottom:2px solid #979797;
	position:absolute;
	width:100%;
	top:18px;
	margin-left:10px;
}
.bx-recruit p{
	margin-bottom:2rem;
	line-height:2;
	font-size:18px;
}
.bx-recruit img{
	z-index:2;
	background:#fff;
	padding-left:20px;
	float:right;
	margin-right:-120px;
	margin-top:-30px;
}
.bx-recruit02{
	position:relative;
	background:#fff;
	padding:30px 30px 30px 30px;
	margin-bottom:10px;
	border-top:7px solid #ff6d6d;
}
.bx-recruit02 h3{
	font-size:22px;
	font-weight:bold;
}
.rec-table{width:100%;}
.rec-table th{
	background:#d7d7d7;
	border-bottom:2px solid #eaeaea;
	text-align:center;
	width:20%;
	padding:20px 10px;
	vertical-align:middle;
}
.rec-table td{
	padding:20px 40px;
	background:#fff;
	border-bottom:2px solid #cccccc;
}
.rec-table td td,.rec-table td th{
	border:none;
	padding:0;
	padding-right:20px;
}
.rec-table td.no-border{
	border-bottom:none;
}

.bg-shadow {
	margin-bottom:70px;
	position:relative;
	/* box-shadow */
	box-shadow:20px 17px 0px 3px #e8e8e8;
	-moz-box-shadow:20px 17px 0px 3px #e8e8e8;
	-webkit-box-shadow:20px 17px 0px 3px #e8e8e8;	
	background:url(../images/rec_bg.jpg) -2px 0 repeat-y #e8e8e8;
}
.bumon{
	overflow:hidden;
	width:800px;
	margin-bottom:30px;
}
.bumon li.no-mar a{
	padding:50px 5px 30px;
}
.bumon li{
	width:140px;
	float:left;
	border:2px solid #868686;
	box-sizing:border-box;
	text-align:center;
	margin-right:20px;
}
.bumon li:last-child{
	margin-right:0;
}
.bumon li a{
	display:block;
	padding:40px 5px;
	text-decoration:none;
	background:#fff;
	color:#000;
	font-size:14px;
	height:40px;
}
.bumon li a:hover{
	background:#ffe651;
}


/*form*/
span.required{display:none !important;}
.bx-contact{
	padding:30px;
	background:#fff;
}
.bx-contact p{
	margin-bottom:40px;
}

.list-col2{
    clear: both;
    overflow: hidden;
    color:#555;
}

.list-col2 dt,.list-col2 dd{
    margin:0.5em;
}
.list-col2 dt{
    width:120px;
    clear:left;
    float:left;
    font-weight:bold;
}
.list-col2 dt:after{
    content:"：";
    float:right;
}
.list-col2 dd{
    float:left;
}
.text-title{ 
    font-size:20px;
    font-weight:bold;
    margin-bottom:2em;
}

@media screen and (max-width: 768px) {
.main-logo img {
	width: 90%;
	max-width: 321px;
}
.pc-only{
	display:none;
}
.pctab-only{
	display:block;
}
.tab-only{
	display:block;
}
.sp-only{
	display:none;
}
.bx-business img{
	right:-20px;
	top:-35px;
	width: 45%;
}
.bx-common h1.title01{
	/* box-shadow */
	box-shadow:7px 7px 0px 3px #e8e8e8;
	-moz-box-shadow:7px 7px 0px 3px #e8e8e8;
	-webkit-box-shadow:7px 7px 0px 3px #e8e8e8;
}
.bx-business{
	/* box-shadow */
	box-shadow:7px 7px 0px 3px #e8e8e8;
	-moz-box-shadow:7px 7px 0px 3px #e8e8e8;
	-webkit-box-shadow:7px 7px 0px 3px #e8e8e8;

}
.bx-recruit p{
	font-size:16px;
}
.bx-recruit img{
	float:right;
	margin-right:0;
	margin-top:18px;
	max-width:180px;
	width:100%;
}
.rec-table th{
	width:25%;
}
.bumon{
	width:100%;
}

.bumon li{
	width:18.4%;
	margin-right:2%;
}
.bumon li a{
	height:35px;
	font-size:12px;
}
.bumon li.no-mar{
	margin-right:0;
}
.bx-recruit{
	/* box-shadow */
	box-shadow:7px 7px 0px 3px #e8e8e8;
	-moz-box-shadow:7px 7px 0px 3px #e8e8e8;
	-webkit-box-shadow:7px 7px 0px 3px #e8e8e8;		
}
.bg-shadow {
	/* box-shadow */
	box-shadow:7px 7px 0px 3px #e8e8e8;
	-moz-box-shadow:7px 7px 0px 3px #e8e8e8;
	-webkit-box-shadow:7px 7px 0px 3px #e8e8e8;	
	background:url(../images/rec_bg.jpg) -15px 0 repeat-y #e8e8e8;
}
}

@media screen and (max-width: 640px) {
.main-logo {
	margin: 100px 0 40px;
}
.main-logo img {
	width: 70%;
}
.pc-only{
	display:none;
}
.pctab-only{
	display:none;
}
.tab-only{
	display:none;
}
.sp-only{
	display:block;
}

.bx-privacy .btn-contact{
	margin:10px auto 50px auto;
}
.bx-business img{
	right:-10px;
	top:-35px;
	width: 55%;
}
#tab{
	width:100%;
}
#tab li a{
	font-size:15px;
}
.bx-recruit p{
	font-size:14px;
}
.bx-recruit img{
	float:none;
	margin:0 auto;
	margin-top:18px;
	margin-bottom:18px;
	max-width:180px;
	width:100%;
	padding-left:0;
}
.rec-table th{
	font-size:12px;
	width:25%;
	padding:10px;
}
.rec-table td{
	font-size:12px;
	padding:10px;

}
.rec-table td td,.rec-table td th{
	display:block;
}
}