/************************************ 配布用資料、解答共通 *****************************/
/************************************
// common
************************************/
html, body, h1, h2, h3, h4, h5, h6,
p, address, ul, ol, li, dl, dt, dd,
table, th, td, form, header, article, footer, section{
	font-size: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
vertical-align: bottom;
border-style: none;
}

body {
	color: #333;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1;
	background-color: #BFF6F9;
}

p{
	line-height: 1.8;
	text-align: justify;
}

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
}
.clearfix{
display:inline-table;
  zoom:1;
}

/************************************
// header
************************************/
div#header {
	margin: 35px auto 0 auto;
	width: 650px;
	padding: 0 0 0 0;
}

div#header h1 {
	margin: 5px 0 0 0 ;
}

/************************************
// contets
************************************/
div#contents {
	width: 70%;
	min-width: 664px;
	max-width: 720px;
	/*background-color: #99afe0;*/
	margin: 0 auto 150px auto;
	border-radius: 10px;
	/*padding: 8px 12px 12px 12px;*/
	font-size: 90%;
	clear: both;
}

div#contents h2 {
	text-align: center;
}

div#contents table {
	width: 640px;
	border-collapse: collapse;
	/* border: 1px solid #999; */
	margin: 0 auto;
}

div#contents tr {
	border-right: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
}
div#contents tr:first-child {
	border-right: 1px solid #D2EBEC;
	border-left: 1px solid #D2EBEC;
}
div#contents th {
	font-size: 16px;
	background-color: #D2EBEC;
	padding: 14px 10px;
	vertical-align: middle;
}
div#contents th.st {
	color: #333333;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CECECE;
}
div#contents td {
	padding: 15px 0 12.8px 15px;
	white-space: nowrap;
	border-bottom: 1px solid #CECECE;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	vertical-align: middle;
	width: 40%;
}
div#contents td .indent {
	text-indent: -2em;
	margin-left: 2em;
	letter-spacing: -0.05em;
	line-height: 1.7;
}

div#contents td.pdf {
	background-color: #fff;
	border-right: 1px solid #CECECE;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	padding: 19px 12.7px 12.8px 0;
	width: 10%;
}
div#contents td.pdf a {
	text-align: center;
	display: block;
}

div#contents td img {
	margin: 0 0 3.2px 0;
}

div#contents p.back {
	text-align: center;
	margin-top: 40px;
	font-size: 16px;
}

div#contents p.back a{
	width: 100%;
	display: inline-block;
	color: #F08300;
	text-decoration: none;
}

footer{
	background-color: #fff;
}


/************************************
配布用資料topのみ 
*****************************/
div#contents {
}

div#contents div.grade,
div#contents div.request {
	background-color: #fff;
	border-radius: 26px;
}

div#contents div.grade {
	margin-bottom: 40px;
	padding-bottom: 60px;
}

div#contents div.request {
	padding: 60px 0;
}

div#contents div.grade .about {
	width: 640px;
	text-align: center;
	border-bottom: 2px dotted #13999E;
	margin: 0 auto 60px;
	padding: 60px 0 50px;
}
div#contents div.grade .about p {
	font-size: 18px;
	line-height: 1.444;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 500;
}
div#contents div.grade .about .btn {
	border: solid 1px #13999E;
	border-radius: 10px;
	width: 310px;
	margin: 0 auto;
}
div#contents div.grade .about .btn a {
	color: #26B7BC;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	display: block;
	padding: 18px 5px 14px;
	position: relative;
}
div#contents div.grade .about .btn a span {
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-top: 5px;
}
div#contents div.grade .about .btn a:after {
	content: "";
	display: inline-block;
	background: url("images/pdficon.png") no-repeat center center;
	background-size: cover;
	width: 40px;
	height: 46px;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

div#contents div.grade .sttl,
div#contents div.issue .sttl {
	font-size: 20px;
	color: #26B7BC;
	font-weight: 700;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
div#contents div.grade .sttl::before,
div#contents div.grade .sttl::after,
div#contents div.issue .sttl::before,
div#contents div.issue .sttl::after {
	background-color: #26B7BC;
	content: "";
	height: 2px;
	width: 20px;
}
div#contents div.grade .sttl::before,
div#contents div.issue .sttl::before {
	margin-right: 5px;
	transform: rotate(60deg);
}
div#contents div.grade .sttl::after,
div#contents div.issue .sttl::after {
	margin-left: 10px;
	transform: rotate(-60deg);
}




div#contents div.grade .about img {
	margin-top: 20px;
}

div#contents div.grade ul {
	text-align: center;
	margin-bottom: 34px;
}
div#contents div.grade ul:last-child {
	margin-bottom: 0;
}

div#contents div.grade ul li {
	display: inline;
	margin: 10px 20px;
}

div#contents div.request h2 {
	color: #26B7BC;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 26px;
}

div#contents div.request p {
	max-width: 465px;
	margin: 0 auto 30px;
	font-size: 16px;
}

div#contents div.request p.submit {
	text-align: center;
	width: 290px;
	margin: 0 auto;
	border-radius: 12px;
	background-color: #26B7BC;
	font-weight: 700;
}

div#contents div.request p.submit a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 20px 0;
	font-size: 16px;
}

div#contents div.request #mainContents{
	padding: 10px;
}

div#contents div.request table th {
	width: 30%;
}

div#contents div.request table td {
	width: 70%;
	line-height: 2;
}

textarea {
width: 300px;
height: 7em;
line-height: 1.5em;
}

div#contents div.request strong {
	color: #cc0000;
}

div#contents div.request #mainContents select{
	width: 142px;
	height: 30px;
}

div#contents div.request #mainContents input[type=email]{
	width: 73%;
}

div#contents div.request #mainContents .cautionRed{
	font-size: 80%;
}

div#contents div.request p.submit input {
	text-decoration: none;
    color: #fff;
    display: block;
    padding: 20px 0;
    font-size: 100%;
    width: 100%;
    font-weight: 700;
}


/************************************
配布用資料下層ページ
*****************************/

div#contents div.issue {
	background-color: #fff;
	border-radius: 26px;
	padding-bottom: 60px;
}
div#contents div.issue h2 {
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.1em;
	background-color: #26B7BC;
	border-radius: 26px 26px 0 0;
	margin-bottom: 50px;
	padding: 26px 0 25px;
}
div#contents div.issue h2 span {
	font-size: 27px;
	font-weight: 700;
}
div#contents div.issue .btn {
	border-radius: 18px;
	width: 310px;
	margin: 0 auto 40px;
}
div#contents div.issue .btn a {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	background-color: #26B7BC;
	text-align: center;
	display: block;
	padding: 18px 5px 14px;
	position: relative;
	border-radius: 10px;
}
div#contents div.issue .btn a span {
	font-weight: normal;
	display: block;
	margin-top: 5px;
}
div#contents div.issue .btn a:after {
	content: "";
	display: inline-block;
	background: url("images/pdficon.png") no-repeat center center;
	background-size: cover;
	width: 40px;
	height: 46px;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}