@charset "UTF-8";

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align:bottom;
	margin:0;
	padding:0;
}

/**/
a {
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	cursor:pointer;
	color:#999999;
}
sup {
	font-size:70%;
	padding-left:-5px;
	margin-left:0;
	vertical-align:top;
}
/**/
body {
	font-size: 87.5%; /* 14px */
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1 {
	font-size: 100%;
}
h2,h3,h4,h5,h6 {
	font-size: 100%;
}
p {
	line-height:1.6;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/*header*/
header {
	width:960px;
	height:70px;
	position:relative;
	margin:0 auto;
}
header .logo{
	position:absolute;
	top:0;
	left:0;
	width:230px;
	height:42px;
}
header h1{
	position:absolute;
	top:45px;
	left:0;
	width:300px;
	height:25px;
	color:#0075c1;
	font-weight:bold;
}
header .dial {
	position:absolute;
	top:27px;
	left:340px;
	width:282px;
	height:31px;
}
header .logo02{
	position:absolute;
	top:0;
	right:0;
	width:184px;
	height:27px;
}
header .subMenu {
	position:absolute;
	bottom:10px;
	right:0;
	width:320px;
	height:27px;
	text-align:right;
}
header .subMenu ul {
	font-size:85%;
}
header .subMenu ul li {
	display: inline-block;
	border-right: 1px solid #333;
	padding:0 5px;
}
header .subMenu ul li:last-child {
	border-right:none;
	padding:0 0 0 5px;
}

/*mainMenu*/
#mainMenu {
	background:url("../images/m_bg.gif") top left repeat-x;
	width:100%;
	height:60px;
}
#mainMenu ul {
	width:960px;
	height:60px;
	position:relative;
	margin:0 auto;
}
#mainMenu ul li.menu01 {
	position:absolute;
	bottom:0;
	left:0;
	width:270px;
	height:50px;
}
#mainMenu ul li.menu02 {
	position:absolute;
	bottom:0;
	left:270px;
	width:206px;
	height:50px;
}
#mainMenu ul li.menu03 {
	position:absolute;
	top:15px;
	right:120px;
	width:100px;
	height:30px;
}
#mainMenu ul li.menu04 {
	position:absolute;
	top:15px;
	right:0;
	width:100px;
	height:30px;
}
#gMenu {
	width:960px;
	height:50px;
	margin:0 auto;
	z-index:99999;
}
#gMenu ul {
	padding:10px 0;
	box-shadow: 0 2px 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 2px 2px #ccc;
	-moz-box-shadow: 0 2px 2px 2px #ccc;
	-webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;   
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;

}
#gMenu ul li {
	display: inline-block;
	border-right: 1px solid #0075c1;
	padding:0 8px 0 5px;
}
#gMenu ul li:last-child {
	border-right:none;
}


/*共通フッター*/
/*support*/
#support {
	width:800px;
	margin:40px auto;
	border:1px solid #989898;
	text-align:center;
}
#support img {
	margin:15px;
}
/*underMenu*/
#underMenu{
	background:url("../images/f_bg01.gif") bottom left repeat-x;
	width:100%;
	text-align:center;
	padding-bottom:15px;
}
#underMenu ul li {
	display: inline-block;
	border-right: 1px solid #0075c1;
	padding:5px 7px;
	margin:15px 0 0;
	text-align:center;
}
#underMenu ul li.course {
	border-right:none;
}
#underMenu ul li.course a {
	background:#0075c1;
	padding:5px 10px;
	color:#FFF;
}
#underMenu ul li.common {
	border:1px solid #0075c1;
	color:#0075c1;
	padding:5px 10px;
}
#underMenu ul li:last-child,
#underMenu ul li.last {
	border-right:none;
}
/*relation*/
#relation {
	text-align:center;
	padding:30px 0 60px;
}
#relation a {
	width:91px;
	margin:0 10px;
}
/*footer*/
footer {
	width:960px;
	margin:0 auto;
	text-align:left;
}
footer p {
	font-size:100%;
}
footer ul li {
	display: inline-block;
	border-right: 1px solid #0075c1;
	padding:0 8px 0 5px;
	font-size:85%;
	margin:10px 0;
}
footer ul li:first-child {
	padding-left:0;
}
footer ul li:last-child {
	border-right:none;
}
address {
	background:#0075c1;
	color:#FFF;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:85%;
}
#pageTopArea {
	position: fixed;
	width:120px;
	height:40px;
	bottom: 100px;
	right: 100px;
}
br.resbr {
	display: none !important;
}



/*-----------------------------------------------*/
/*------20200115--START--------------------------*/
/*-----------------------------------------------*/
@media screen and (max-width: 960px) {
	.rsp {
		overflow: hidden;
		width: 100%;
	}
	.rsp header {
		width:auto;
		padding-left: 3%;
		padding-right: 3%;
	}
	.rsp header h1{
		font-size: 12px;
	}
	.rsp header .dial {
		left:220px;
		width:202px;
		height:31px;
	}
	.rsp header .dial img {
		width: 100%;
	}
	.rsp #mainMenu ul {
		width:auto;
		height:60px;
		position:relative;
		margin:0 auto;
	}
	.rsp #gMenu {
		width:auto;
		height:50px;
		margin:0 auto;
		z-index:99999;
	}
	.rsp footer {
		width:auto;
		padding-left: 3%;
		padding-right: 3%;
		width: 94%;
		overflow: hidden;
	}
	.rsp #support {
		width:auto !important;
		margin:40px 3% 40px 3%;
		border:1px solid #989898;
		text-align:center;
	}
	.rsp #support a {
		display: block;
		margin-left: 12%;
		margin-right: 12%;
	}
	.rsp #support img {
		margin:3%;
		width: 96%;
	}
	.rsp .resbr {
		display:block !important;
	}
	.rsp footer p {
		display: block;
		text-align: center;
		font-size: 12px;
	}
}
@media screen and (min-width: 768px) {
	.sp-navs {
		display: none;
	}
	.downs {
		display: none;
	}
	header .mebt {
		display: none;
	}
	#loopslider01 {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.rsp header {
		width:100% !important;
		padding-left: 0%;
		padding-right: 0%;
		height:70px;
		position:relative;
		margin:0 auto;
	}
	.rsp header .logo{
		position:absolute;
		top:10px !important;
		left:10px !important;
		width:131px;
		height:30px;
	}
	.rsp header .logo img {
		width: 100%;
	}
	.rsp header h1{
		position:absolute;
		top:40px !important;
		left:10px;
		text-align: left;
		height:25px;
		color:#0075c1;
		font-weight:bold;
		font-size: 100%;
	}
	.rsp header .dial {
		/*top: 10px !important;
		left:157px !important;
		width:142px;
		height:31px;*/
		display: none;
	}
	.rsp header .dial img {
		width: 100% !important;
	}
	.rsp .logo02 {
		display: none;
	}
	.rsp .subMenu {
		display: none !important;
	}
	.rsp .sp-navs {
		display: block;
		padding: 2%;
		background: #FFF;
		border-top: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.rsp .sp-navs .dial {
		display: block;
		text-align: center;
	}
	.rsp .sp-navs .dial img {
		display: inline-block;
		max-width: 100%;
	}
	.rsp .sp-navs li {
		display: inline-block;
		width: 47%;
		margin-left: 1%;
		margin-right: 1%;
		text-align: center;
	}
	.rsp .sp-navs li a {
		display: block;
		text-align: center;
		color: #0075C1;
		font-size: 11px;
		background: #FFF;
		border: #FFF solid 1px;
		text-decoration: none;
		padding: 14px 0 14px 0;
	}
	.rsp .sp-navs li:nth-child(2) a {
		background: #0075C1;
		color: #FFF;
	}
	.rsp nav.downs {
		display: none;
		position: fixed;
		top: 0px !important;
		background: rgba(0, 117, 193, 0.8);
		width: 100vw;
		height: 100vh;
		z-index: 1000;
	}
	.clb {
		position: fixed;
		width: 40px;
		height: 40px;
		right: 15px;
		top: 0px;
	}
	.clb a {
		color: #FFF;
		text-decoration: none;
		font-size: 45px;
		font-weight: bold;
	}
	.downti {
		display: block;
		padding: 15px 5% 0 5%;
	}
	.rsp nav.downs b {
		display: block;
		border: #FFF solid 1px;
		padding: 5px 0 5px 0;
		font-size: 100%;
		text-align: center;
		color: #FFF;
	}
	.rsp nav.downs ul {
		width: 250px;
		margin: 0 auto;
		padding-top: 0px;
	}
	.rsp nav.downs li {
		display: block;
	}
	.rsp nav.downs li a {
		display: block;
		cursor: pointer;
		text-decoration: none;
		color: #FFF;
		font-size: 12px;
		position: relative;
		z-index: 2000;
		letter-spacing: 2px;
		border: #FFF dotted 1px;
		margin-bottom: 6px;
		padding: 7px 14px 7px 14px;
	}
	.rsp nav.downs li a:hover {
		opacity: 1;
	}
	.rsp #mainMenu {
		display: none;
	}
	.rsp #gMenu {
		display:none;
	}
	.rsp footer ul {
		display: block;
		border-top: 1px solid #0075c1;
		margin: 15px 0 15px 0;
	}
	.rsp footer ul li {
		display: block;
		border-bottom: 1px solid #0075c1;
		border-right: 0px;
		padding:8px 8px 8px 5px;
		font-size:85%;
		margin:0px;
	}
	.rsp #pageTopArea {
		position: fixed;
		width:120px;
		height:40px;
		bottom: 40px;
		right: 5px;
	}
	.rsp header {
		position: relative;
	}
	.rsp header .mebt {
		position: absolute;
		right: 10px;
		top: 5px;
		z-index: 20;
	}
	.rsp header .mebt.v2 {
		position: absolute;
		right: 25px;
		top: 5px;
		z-index: 20;
	}
	.rsp header .menu-trigger,
	.rsp header .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		cursor: pointer;
		z-index: 2000;
		position: relative;
	}
	.rsp header .menu-trigger {
		position: relative;
		width: 45px;
		height: 50px;
		z-index: 2000;
		border: #0075C1 solid 1px;
		border-radius: 3px;
	}
	.rsp header .menu-trigger span {
		position: absolute;
		background: #0075C1;
		width: 30px;
		height: 2px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 2000;
	}
	.rsp header .menu-trigger span:nth-of-type(1) {
		top: 15px;
	}
	.rsp header .menu-trigger span:nth-of-type(2) {
		top: 0;
		bottom: 0;
	}
	.rsp header .menu-trigger span:nth-of-type(3) {
		bottom: 15px;
	}
	.rsp header .menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
		background: #FFF;
	}
	.rsp header .menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
		background: #FFF;
	}
	.rsp header .menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
		background: #FFF;
	}
	.bx-prev,
	.bx-next {
		z-index: 20 !important;
	}
	.downs .inners {
		display: block;
		padding-left: 5%;
		padding-right: 5%;
		height: 95vh;
		overflow: auto;
		color: #FFF;
	}
	.downs .pad01 {
		padding-top: 55px;
		position: relative;
	}
	
	.acd-check{
		display: none;
	}
	.acd-label{
		background: #FFF;
		color: #222;
		display: block !important;
		margin-bottom: 1px;
		padding: 10px;
		margin: 0 0 0 0 !important;
	}
	.acd-content{
		border: 1px solid #333;
		height: 0;
		opacity: 0;
		padding: 0 10px;
		transition: .5s;
		visibility: hidden;
		margin: 0 !important;
	}
	.acd-check:checked + .acd-label + .acd-content{
		height: 345px;
		opacity: 1;
		padding: 10px;
		visibility: visible;
	}
	.sp-none-t {
		display:none !important;
	}
	/* loopslider01 */
	#loopslider01 {
		margin: 0 auto;
		width: 100%;
		height: 173px;
		text-align: left;
		position: relative;
		overflow: hidden;
	}

	#loopslider01 ul {
		height: 173px;
		float: left;
		display: inline;
		overflow: hidden;
	}

	#loopslider01 ul li {
		width: 100px;
		margin: 7px;
		height: 173px;
		float: left;
		display: inline;
		overflow: hidden;
	}
	#loopslider01 ul li img {
		width: 100%;
	}

	/* =======================================
		ClearFixElements
	======================================= */
	#loopslider01 ul:after,
	#loopslider02 ul:after {
		content: ".";
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
	}

	#loopslider01 ul,
	#loopslider02 ul {
		display: inline-block;
		overflow: hidden;
	}
	
}
/*------20200115--END----------------------------*/
/*-----------------------------------------------*/