@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#005ABE
-----------------------------------------------*/

main {
padding-top: 90px;
}
@media screen and (max-width: 799px) {
	main {
	padding-top: 70px;
	}
}

/*-----------------------------------------------
  heading
-----------------------------------------------*/
main .h01 {
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
text-align: center;
}
@media screen and (max-width: 799px) {
	main .h01 {
	font-size: 1.25em;
	}
}

main .h02 {
position: relative;
font-size: 1.5em;
text-align: center;
}
main .h02::before,
main .h02::after {
content: "";
position: absolute;
top: 50%;
display: block;
width: calc(50% - 6em);
height: 1px;
background: #000;
}
main .h02::before {
left: 0;
}
main .h02::after {
right: 0;
}
main .h02.white {
color: #FFF;
}
main .h02.white::before,
main .h02.white::after {
background: #FFF;
}
@media screen and (max-width: 799px) {
	main .h02 {
	font-size: 1.25em;
	}
}

main .topiocs_title {
padding: 1.5em 0;
background: #000;
}
main .topiocs_title h1 {
position: relative;
font-family: "Shippori Mincho B1", serif;
font-size: 1.75em;
font-weight: 400;
line-height: 1.25;
text-align: center;
color: #FFF;
}
main .topiocs_title h1::before,
main .topiocs_title h1::after {
content: "";
position: absolute;
top: 50%;
display: block;
width: calc(50% - 5em);
height: 1px;
background: #005ABE;
}
main .topiocs_title h1::before {
left: 0;
}
main .topiocs_title h1::after {
right: 0;
}
@media screen and (max-width: 799px) {
	.topiocs_title h1 {
	font-size: 1.25em;
	}
}

main .tb01 {
width: 100%;
margin-top: 1em;
}
main .tb01 th {
width: 15em;
padding: 1em 1.5em;
font-weight: 400;
vertical-align: middle;
}
main .tb01 td {
padding: 1em;
vertical-align: middle;
}
main .tb01 tr:nth-child(odd) {
background: #B9DCF5;
}
@media screen and (max-width: 799px) {
	main .tb01 {
	margin-top: 4%;
	}
	main .tb01 th {
	display: block;
	width: 100%;
	padding: 0.5em 4%;
	font-weight: 500;
	text-align: center;
	background: #B9DCF5;
	}
	main .tb01 td {
	display: block;
	margin-top: 2%;
	padding: 0;
	text-align: justify;
	}
	main .tb01 tr:not(:first-child) th {
	margin-top: 6%;
	}
	main .tb01 tr:nth-child(odd) {
	background: none;
	}
}


/*-----------------------------------------------
  text
-----------------------------------------------*/
main .sp {
display: none;
}
@media screen and (max-width: 800px) {
	main .pc {
	display: none;
	}
	main .sp {
	display: block;
	}
}

/* scroll */
@media screen and (max-width: 800px) {
	main .scroll {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
	}
}