@charset "utf-8";
h1,h2,h3,h4,h5,p,figure,dl,dt,dd,ul,li,em{
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
	font-style: normal;
	font-weight: normal;
}
img{
	vertical-align: middle;
}
/* gss
==============================*/
#___gcse_1 .cse .gsc-control-cse,#___gcse_1 .gsc-control-cse {padding: 0;}
#___gcse_1 .cse .gsc-control-cse:after,#___gcse_1 .gsc-control-cse:after {content: normal;}
#___gcse_1 .gsc-control-cse:after {content: normal;}
#___gcse_1 .cse .gsc-control-cse,#___gcse_1 .gsc-control-cse {border: none;}

/* basic
==============================*/
html{
	font-size: 62.5%;
}
body{
	position: relative;
	min-width: 960px;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "ヒラギノ角ゴシック Pro", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
img{
	width: auto;
	height: auto;
	max-width: 100%;
}
#spHeader{
	display: none;
}

/* common class
==============================*/
.spElem{
	display: none;
}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt64{margin-top: 64px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb64{margin-bottom: 64px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}

@media screen and (max-width: 640px){
	.mt10{margin-top: 1.5%;}
	.mt15{margin-top: 2.3%;}
	.mt20{margin-top: 3.1%;}
	.mt25{margin-top: 3.9%;}
	.mt30{margin-top: 4.6%;}
	.mt35{margin-top: 5.4%;}
	.mt40{margin-top: 6.2%;}
	.mt45{margin-top: 7%;}
	.mt50{margin-top: 7.8%;}
	.mt60{margin-top: 9.3%;}
	.mt64{margin-top: 10%;}
	.mt70{margin-top: 10.9%;}
	.mt80{margin-top: 12.5%;}

	.mb10{margin-bottom: 1.5%;}
	.mb15{margin-bottom: 2.3%;}
	.mb20{margin-bottom: 3.1%;}
	.mb25{margin-bottom: 3.9%;}
	.mb30{margin-bottom: 4.6%;}
	.mb35{margin-bottom: 5.4%;}
	.mb40{margin-bottom: 6.2%;}
	.mb45{margin-bottom: 7%;}
	.mb50{margin-bottom: 7.8%;}
	.mb60{margin-bottom: 9.3%;}
	.mb64{margin-bottom: 10%;}
	.mb70{margin-bottom: 10.9%;}
	.mb80{margin-bottom: 12.5%;}
}

/* 960px以下
==============================*/
@media screen and (max-width: 960px) {
	body{
		min-width: 0;
	}
	div#thkGlobal div.thkGlobalInner {
		width: 100%;
	}
	div#thkGlobal {
		position: relative;
		z-index: 1000;
		height: 26px;
		border-bottom: 3px solid #00b8ee;
	}
	#globalMenu {
		display: none;
	}
	div#thkGlobal ul#mediaMenu li.search {
		display: none !important;
	}
}/* media */


@media screen and (max-width: 640px) {
	#thkGlobal{
		display: none;
	}
	/*スマートフォン用ナビ*/
	#spHeader {
		display: block;
		width: 100%;
		background: #fff;
		border-top-width: 6px;
		border-top-style: solid;
		border-top-color: #00b8ee;
	}
	#spHeader p{
		margin: 0;
		padding: 0;
	}
	#header-inner {
		min-height: 71px;
		width: 320px;
		position: relative;
		margin: 0 auto;
	}
	#header-inner #rogo {
		width: 71px;
		height: 59px;
		padding: 6px 0 6px 12px;
	}

	#header-inner #menu-btn {
		width: 160px;
		height: 30px;
		position:absolute;
		top: 20px;
		left: 111px;
	}

	#global-nav {
		width: 300px;
		margin: 0 auto 5px;
		overflow: hidden;
	}
	#global-nav ul {
		width: 306px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#global-nav ul li {
		display: block;
		float: left;
		width: 70px;
		font-size: 0px;
		line-height: 0px;
		margin: 0 6px 6px 0;
	}
}

/* style
==============================*/
.container{
	margin-top: var(--header-height);
	background-image: url(../img/contents_bg_top.png), url(../img/contents_bg.gif);
	background-size: 1086px auto, 118px;
	background-repeat: no-repeat, repeat;
	background-position: center top, center top;
}
.container img{
	display: inline;
}
.oaTime{
	padding: 24px 5%;
	background-color: #e60012;
	text-align: center;
}
.oaTime img{
	max-width: 611px;
	width: 65%;
}
header{
}
.header{
	padding: 112px 5% 56px;
	text-align: center;
}
.headerLogo img{
	max-width: 540px;
	width: 84%;
}
.mainContents{
}
.mainContents .inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 19px;
	border: 1px solid #c3c4c4;
	box-sizing: border-box;
	background-color: #fff;
}
.mainvisual{
	margin-bottom: 22px;
}
.mainContents p{
	line-height: 1.8;
}
.mainContents ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 20px 0;
}
.mainContents li{
	width: 31.6%;
}
footer{
	padding: 15px;
}
footer p{
	text-align: center;
	font-size: 12px;
}

@media screen and (max-width: 1020px) {
	.mainContents{
		padding-right: 3%;
		padding-left: 3%;
	}
	.mainContents .inner{
		padding: 3%;
	}
	.mainContents p{
		font-size: 16px;
	}
	.mainContents ul{
		margin: 2% 0;
	}
}

@media screen and (max-width: 640px) {
	.container{
		background-image: url(../img/contents_bg_top.png), url(../img/contents_bg.gif);
		background-size: 157% auto, 17%;
		background-repeat: no-repeat, repeat;
		background-position: center top, center top;
	}
	.header{
		padding: 17% 5% 8.7%;
		text-align: center;
	}
	.oaTime{
		padding: 3.7% 5%;
	}
	.oaTime img{
		width: 100%;
	}
	.mainvisual{
		margin-bottom: 3%;
	}
	.mainContents ul{
		display: block;
	}
	.mainContents li{
		width: 100%;
		margin-bottom: 2%;
	}
	.mainContents li:last-of-type{
		margin-bottom: 0;
	}
}