@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400&subset=japanese);
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: 0 0;
  font-size: 1rem
}
body {
  line-height: 1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}
li,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700
}
del {
  text-decoration: line-through
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input,
select {
  vertical-align: middle
}
html {
  font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  color: #262626;
  word-wrap: break-word;
  font-size: 18px;
  line-height: 1.6
}
@media screen and (max-width:750px) {
  html {
    font-size: 12px;
    font-size: 3.2vw
  }
}

/************************************ 配布用資料、解答共通 *****************************/
/************************************
// 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: sans-serif;
	line-height: 1;
	background-color:#ffdee2
}

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: 689px;
	max-width: 745px;
	background-color: #ff96a4;
	margin: 0 auto 40px auto;
	border-radius: 10px;
	padding: 8px 12px 12px 12px;
	font-size: 90%;
	clear: both;
}

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



div#contents table {
	border-collapse: collapse;
	border: 1px solid #999;
	margin: 0 0 0 0;
}

div#contents th {
	background-color:#d1e9ff;
	border: 1px solid #999;
	padding: 10px;
	vertical-align: middle;
	width: 33%;
}

div#contents td {
	padding: 10px;
	white-space: nowrap;
	border: 1px solid #999;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 97%;
	line-height: 20px;
	vertical-align: middle;
}

div#contents td.pdf {
	background-color: #fff;
	text-align: ;
	font-size: 80%;
	font-weight: normal;
}

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

div#contents p.back {
	text-align: center;
	margin-top: 24px;
}

div#contents p.back a{
	width: 100%;
	display: inline-block;
}

footer{
	background-color: #fff;
}

/************************************ 配布用資料topのみ *****************************/


div#contents {
	padding: 12px;
}

div#contents div.grade,

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

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




div#contents div.lead {
	display: table;
	border-collapse: collapse;
}

div#contents div.text {
	width: 505px;
	margin-left: 20px;
}

div#contents div.text p {
	text-indent: 1em;
}



div#contents p.person {
	display: table-cell;
	vertical-align: bottom;
	padding: 10px 0;
}

div#contents div.lead  img {
	margin: -10px 0 10px 0;
}

div#contents p.name {
	text-align: right;
	margin: 15px 45px 0 0;
}


div#contents div.grade p.about {
	text-align: left;
    font-size: 107%;
	padding: 24px 34px 0px 0px;
}



div#contents div.grade ul {
	text-align: center;
	margin-top: 35px;
}

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


div#contents div.request {
	padding-bottom: 30px;
}

div#contents div.request h2 {
	background-color: #d1e9ff;
	border-radius: 10px 10px 0 0;
	margin: 20px auto 30px auto;
	padding: 10px;
}

div#contents div.request p {
	margin: 10px;
}

div#contents div.request p.submit {
	text-align: center;
	margin: 30px 200px 0 200px;
	border-radius: 10px;
	background-color: #005bab
;
	font-weight: bold;
}

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

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: bold;
}