@charset "UTF-8";
/* 共通CSS
========================================*/
a {
	color:#333;
	text-decoration:none;
}

/* SPonly */
@media screen and (max-width: 767px) {
	body {
		font-size:13px;
		-webkit-text-size-adjust:100%;
	}
	.pconly {
		display:none;
	}
	.img100 img {
		width:100%;
	}
	.overlay {
		background:rgba(33, 33, 33, 0.7);
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:100;
	}
	/* header */
	header {
		position:relative;
	}
	header .menuBtn {
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		background:none;
		border:0;
		box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.4);
		padding:0;
		position:absolute;
		top:0;
		right:0;
	}
	header .menuBtn img {
		width:55px;
	}
	header .glonav {
		background:#fff;
		display:none;
		padding-bottom:5%;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:1000;
	}
	header .glonav .glonavHead {
		display:flex;
		flex-wrap:wrap;
		padding:3%;
	}
	header .glonav .glonavHead .navLogo {
		padding:0 2.5%;
		width:calc(95% - 40px);
	}
	header .glonav .glonavHead .navLogo img {
		padding:10px 0;
		width:130px;
	}
	header .glonav .glonavHead .closeBtn {
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		background:none;
		border:0;
		padding:0;
		text-align:right;
		width:40px;
	}
	header .glonav .glonavHead .closeBtn img {
		width:40px;
	}
	header .glonav .navList {
		margin-top:10px;
	}
	header .glonav .navList .navListBox > p a {
		display:block;
		font-size:123%;
		font-weight:bold;
		margin-bottom:5px;
		padding:13px 10%;
	}
	header .glonav .navList .navListBox > .openTrg a {
		background:url(../img/arrow_open.png) no-repeat 90% center;
		background-size:14px 8px;
	}
	header .glonav .navList .navListBox .pulldown {
		display:none;
		margin-bottom:10px;
	}
	header .glonav .navList .navListBox .pulldown li a {
		display:block;
		font-size:108%;
		padding:10px 8%;
	}
	header .glonav .navList .navListBox.open > p a {
		background:url(../img/arrow_close.png) no-repeat 90% center #f2ba00;
		background-size:14px 8px;
		color:#fff;
	}
	/* mainArea */
	#mainArea .topicpath {
		display:none;
	}
	/* footer */
	footer {
		margin-top:50px;
	}
	footer .pagetopBtn {
		position:fixed;
		bottom:15px;
		right:3%;
	}
	footer .pagetopBtn img {
		width:40px;
	}
	footer .footerInr dl {
		display:flex;
		flex-wrap:wrap;
		margin-bottom:20px;
	}
	footer .footerInr dl dt {
		border-bottom:1px dotted #999;
		padding:0 10px 15px;
		width:100%;
	}
	footer .footerInr dl dd {
		background:url(../img/arrow-y.png) no-repeat 10px center;
		border-right:1px dotted #999;
		border-bottom:1px dotted #999;
		box-sizing:border-box;
		font-size:92%;
		line-height:250%;
		padding:0 2% 0 20px;
		width:calc(50% - 1px);
	}
	footer .footerInr dl dd a {
		color:#036;
		display:block;
	}
	footer .footerInr dl dd a img {
		width:100%;
	}
	footer .footerInr dl dd:nth-of-type(even) {
		border-right:0;
	}
	footer .footerInr dl.group dd {
		background:none;
		border:0;
		padding:5px 3px;
		width:25%;
	}
	footer .footerInr dl.recruit {
		display:none;
	}
	footer .signature {
		background:#333;
		padding:8px 0;
	}
	footer .signature .sigInr {
		color:#fff;
		font-size:77%;
		line-height:250%;
		text-align:center;
	}
	footer .signature .sigInr .link {
		margin:5px 0;
	}
	footer .signature .sigInr .link a {
		color:#fff;
	}
	
	#mainArea article > section .survey {
		background:#fff;
		margin:0 -6%;
		padding-bottom:30px;
		text-align:center;
	}
	#mainArea article > section .survey img {
		width:100%;
		max-width:315px;
	}
	#mainArea article > section .survey a {
		background:#f2ba00;
		box-sizing:border-box;
		color:#fff;
		display:block;
		font-weight:bold;
		margin:30px auto 0;
		padding:12px 10px;
		width:75%;
	}
	
}

/* iPhone5only */
@media screen and (max-width: 359px) {
	/* header */
}

/* PConly */
@media screen and (min-width: 768px) {
	body {
		font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		min-width:1000px;
	}
	.sponly {
		display:none;
	}
	.inrWrap {
		margin:0 auto;
		width:1000px;
	}
	/* header */
	header .glonav {
		background:#fff;
		box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1);
		width:100%;
	}
	header .glonav .inrWrap {
		align-items:center;
		box-sizing:border-box;
		display:flex;
		flex-wrap:wrap;
		height:70px;
	}
	header .glonav .navLogo {
		text-align:center;
		width:150px;
	}
	header .glonav .navLogo img {
		width:130px;
	}
	header .glonav .navList {
		box-sizing:border-box;
		width:850px;
	}
	header .glonav .navList ul {
		display:table;
		margin:0 auto;
	}
	header .glonav .navList ul .navListBox {
		display:table-cell;
		padding:0 20px;
		position:relative;
		vertical-align:middle;
		height:70px;
	}
	header .glonav .navList ul .navListBox > p {
		font-weight:bold;
		position:relative;
		text-align:center;
	}
	header .glonav .navList ul .navListBox > p a {
		align-items:center;
		display:flex;
		flex-wrap:wrap;
		line-height:220%;
	}
	header .glonav .navList ul .navListBox > p a:after {
		background:#f2ba00;
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		height:2px;
		width:0;
		transition:all 0.3s ease;
	}
	header .glonav .navList ul .navListBox:hover > p a:after {
		margin-left:-50%;
		width:102%;
	}
	header .glonav .navList ul .navListBox .pulldown {
		background:#fff;
		box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1);
		display:none;
		padding:0 25px 12px;
		position:absolute;
		top:70px;
		left:0;
		white-space:nowrap;
		z-index:100;
	}
	header .glonav .navList ul .navListBox .pulldown li {
		padding:4px 0;
	}
	header .glonav .navList ul .navListBox .pulldown li a {
		display:inline-block;
		line-height:180%;
		transition:color 0.1s ease;
	}
	header .glonav .navList ul .navListBox .pulldown li a:hover {
		color:#f2ba00;
	}
	header .glonav .navList ul .navListBox.whats .pulldown ul {
		display:flex;
		flex-wrap:wrap;
		width:21em;
	}
	header .glonav .navList ul .navListBox.whats .pulldown ul li {
		width:7em;
	}
	header .glonav .navList ul .navListBox.whats .pulldown ul li:nth-of-type(odd) {
		width:11em;
	}
	body.lower header {
		padding-top:70px;
	}
	body.lower header .glonav {
		position:fixed;
		top:0;
		z-index:100;
	}
	/* mainArea */
	#mainArea a {
		transition:color 0.1s ease;
	}
	#mainArea a:hover {
		color:#3baaea;
	}
	#mainArea .topicpath {
		display:flex;
		flex-wrap:wrap;
		margin:10px;
	}
	#mainArea .topicpath li {
		font-size:93%;
		margin-right:1em;
	}
	/* footer */
	footer {
		background:url(../img/footer-bg.png);
		margin-top:80px;
	}
	footer .pagetopBtn {
		position:fixed;
		bottom:50px;
		right:50px;
		transition:opacity 0.1s ease;
	}
	footer .pagetopBtn img {
		width:40px;
	}
	footer .pagetopBtn:hover {
		opacity:0.7;
	}
	footer .footerInr {
		display:flex;
		flex-wrap:wrap;
		margin:0 auto;
		padding:25px 0;
		width:1000px;
	}
	footer .footerInr dl {
		width:25%;
	}
	footer .footerInr dl dt {
		margin-bottom:20px;
	}
	footer .footerInr dl dd {
		background:url(../img/arrow-y.png) no-repeat left center;
		font-size:74%;
		line-height:200%;
		padding-left:12px;
	}
	footer .footerInr dl dd a {
		color:#036;
	}
	footer .footerInr dl dd a:hover {
		text-decoration:underline;
	}
	footer .footerInr dl dd a img {
		margin:4px 0;
		width:135px;
	}
	footer .footerInr dl dd a:hover img {
		opacity:0.7;
	}
	footer  p.footer_cv a:hover{
		opacity: 0.7;
	}
	footer .signature {
		background:#333;
		padding:7px 0;
	}
	footer .signature .sigInr {
		color:#fff;
		display:flex;
		flex-wrap:wrap;
		margin:0 auto;
		width:1000px;
	}
	footer .signature .sigInr .company {
		font-size:87%;
		width:220px;
	}
	footer .signature .sigInr .link {
		font-size:74%;
		width:600px;
	}
	footer .signature .sigInr .link a {
		color:#fff;
	}
	footer .signature .sigInr .link a:hover {
		text-decoration:underline;
	}
	footer .signature .sigInr .copyright {
		font-size:74%;
		text-align:right;
		width:180px;
	}
	
	#mainArea article > section .survey {
		background:#fff;
		padding-bottom:50px;
		text-align:center;
	}
	#mainArea article > section .survey a {
		background:#f2ba00;
		color:#fff;
		display:block;
		font-size:127%;
		line-height:165%;
		margin:40px auto 0;
		padding:15px 10px;
		width:320px;
		transition:all 0.1s ease;
	}
	#mainArea article > section .survey a:hover {
		background:#ffe066;
	}
	
}