@charset "utf-8";
/* RESET
======================================================= */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit; /*上位要素の当該プロパティ値をそのまま継承す*/
  font-size: 98%; /*98％だと本文のサイズとして、何も指定しなくてもいける。*/
  line-height: 1.8; /*本文の行間として1.8が丁度いい*/
  font-style: inherit;
  font-weight: inherit; /*上位要素の当該プロパティ値をそのまま継承す*/
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; /*上位要素の当該プロパティ値をそのまま継承す*/
}
html {
  height: 100%;
} /*htmlとbodyで高さを100％に指定する*/ :focus {
  outline: 0;
}
ul {
  list-style: none;
}
table.table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: """";
}
a img {
  border: 0;
}
figure {
  margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/* 基本設定
======================================================= */
body {
  ;
  background: #f8e6ce;
  color: #444;
  font-family: verdana, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  height: 100%;
}
* {
  margin: 0;
  padding: 0
}
a {
  text-decoration: underline;
  color: #444
}
a:hover {
  text-decoration: none;
  color: #888
}
ul {
  list-style: none
}
img {
  vertical-align: middle
}
br.brsp {
  display: none
}
/* @end */
/* PCサイト、タッチパネル（横表示。縦表示の場合はスクロールか横表示で見てもらうでOK）
======================================================= */
.container {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #4f1a16;
  padding-top: 30px;
  padding-bottom: 120px
}
.container_in {
  max-width: 960px;
  width: 80%;
  height: auto;
  box-shadow: 0px 0px 10px 0px #4f1a16;
  position: relative; /*影を上に*/
  z-index: 2; /*影を上に*/
  border-radius: 30px;
  margin-top: 40px;
  background-color: #FFf;
  margin: 0 auto 50px auto;
  padding: 45px 0 60px 0;
}
h1 { /*説明タイトル*/
  font-size: 2.2em;
  text-align: center;
  margin: 60px auto 30px;
  font-weight: bold;
  color: #003399;
}
h1 span {
	font-size: 0.8em;
  /*color: #DB5BA3;
  color: #F653B6*/
}
h2 { /*説明タイトル*/
  font-size: 5em;
  text-align: center;
  margin: 0px auto 30px;
  color: #003399;
  font-family: 'YuKyokasho Yoko';
  font-weight: bold;
}
.container p {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.1em
}
/* 今回のcss入る
======================================================= */
/*基本テーブル*/
.cont-in {
  width: 100%;
  margin-bottom: 40px
}
.table-basic {
  float: left;
  width: 80%;
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0 10% 0px 10%;
  text-align: center;
}
.table-basic atrong {
  font-weight: bold
}
.table-basic th, .table-basic td {
  border: 1px solid #999;
  padding: 6px 1%;
  font-size: 1.1em
}
.table-basic th {
  background: #eee;
  width: 25%;
  color: #130371;
  vertical-align: top
}
.table-basic td {
  width: 75%;
}
/*/基本テーブル*/
@media screen and (max-width: 999px) {
	.cont-in {
  width: 100%;
  margin-bottom: 20px
}
  .container_in {
    max-width: 960px;
    width: 90%;
    height: auto;
    box-shadow: 0px 0px 10px 0px #4f1a16;
    position: relative; /*影を上に*/
    z-index: 2; /*影を上に*/
    border-radius: 30px;
    margin-top: 40px;
    background-color: #FFf;
    margin: 0 auto 50px auto;
    padding: 45px 0 40px 0;
  }
}
@media screen and (max-width: 600px) {
  br.brsp {
    display: block
  }
  .container_in {
    max-width: 960px;
    width: 94%;
    height: auto;
    box-shadow: 0px 0px 10px 0px #4f1a16;
    position: relative; /*影を上に*/
    z-index: 2; /*影を上に*/
    border-radius: 30px;
    margin-top: 40px;
    background-color: #FFf;
    margin: 0 auto 50px auto;
    padding: 17px 0 10px 0;
  }
  h1 { /*説明タイトル*/
    font-size: 2em;
    text-align: center;
    margin: 60px auto 25px;
    font-weight: bold;
    color: #003399;
  }
  h2 { /*説明タイトル*/
    font-size: 4em;
    text-align: center;
    margin: 0px auto 20px;
    color: #003399;
    font-family: 'YuKyokasho Yoko';
    font-weight: bold;
  }
	.cont-in {
  width: 100%;
  margin-bottom: 40px
}
  .table-basic {
    width: 90%;
    margin: 0 5% 0px 5%;
    box-sizing: border-box;
  }
  .table-basic th, .table-basic td {
    display: block;
  }
  .table-basic th, .table-basic td {
    border-top: none;
  }
  .table-basic tr:first-child th {
    border-top: 1px solid #999;
  }
  .table-basic th {
    width: 98%;
    text-align: center;
    padding: 5px 0 5px 1%;
  }
  .table-basic td {
    width: 98%;
    padding: 7px 0 7px 1%;
  }
}