@charset "UTF-8";

/* タブレットに適用するCSS */
@media screen and ( max-width:1210px )
{
body {
 width:100%;
}

div#header {
 position:relative;
 width:100% !important;
 height:auto;
 margin:0;
 padding:0;
 overflow: hidden;
}

#header_contentsbox {
 position:relative;
 width:100%;
 height:350px;
 background:url(../images/headimg.png) center top no-repeat;
 background-size: cover;
 margin:0;
 padding:0 0 20px 0;
 overflow: hidden;
}

/*#header_contentsbox h1 {
 clear:both;
 width:100%;
 margin:0 auto;
 padding:30px 0 10px 0 !important;
 line-height:1em !important;
 overflow: hidden;
}*/

#header_contentsbox h1 {
 position:absolute;
 width:100%;
 left:0;
 bottom:-50px;
}

#header_contentsbox h1 img {
 width:60%;
 margin-left:0;
}

#header_contentsbox h2 {
 margin:0 10px 0 10px;
 text-align:center;
 font-size:20px;
}

#column01 {
 position:relative;
 width:100%;
 overflow: hidden;
 margin:0 auto;
 padding:0;
}

#column01_contentsbox {
 position:relative;
 width:100%;
 margin:0 auto;
 padding:0;
 overflow: hidden;
 z-index:1;
}

#column01_contentsbox h2 {
 font-size:30px;
 text-align:center;
 line-height:1.7em;
 margin:0 auto;
}

#column01_contentsbox h3 img {
 width:170px;
 position:absolute;
 top:10px;
 left:10px;
}

#column01_contentsbox p img {
 width:120px;
 position:absolute;
 top:10px;
 right:10px;
}

#column02 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 padding:0;
 overflow:hidden;
}

#column02_contentsbox {
 width:100%;
 margin:0 auto;
 padding:0;
 overflow: hidden;
}

div.navigator {
 margin-top:30px;
 padding:10px 15px 10 15px;
 background:#fffac4;
}

#column02_contentsbox p {
 padding-left:40px;
 margin-right:40px;
}


#column03 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column03_contentsbox {
 width:95%;
 margin:0 auto;
 padding:10px;
 overflow:hidden;
}

#column03_contentsbox h2 {
 margin:0 auto;
 padding:10px;
 line-height:1.5em;
 text-align:center;
 overflow:hidden;
}

#column03_contentsbox dl {
 margin:30px;
}

#column03_contentsbox p {
 margin-top:50px;
 margin-left:30px;
}

#column04 {
 clear:both;
 width:100%;
 height:auto;
 margin:0 important;
 padding-bottom:40px;
 overflow:hidden;
}

#column04_contentsbox {
 width:95%;
 margin:0 auto;
 padding-top:1px;
 overflow:hidden;
}

#column04_contentsbox h2 {
 margin:0 auto;
 padding:10px;
 line-height:1.5em;
 text-align:center;
 overflow:hidden;
}

#column04_contentsbox ul {
 padding:10px 0 10px 30px !important;
}

#column04_contentsbox ul li {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 width:45%;
 height:170px;
 padding:12px;
 background:#ffffff;
 list-style:none;
}

#column04_contentsbox ul li p {
 font-size:14px;
 line-height:1.4em;
 height:50px;
}

#column05 {
 clear:both;
 width:100%;
 height:auto;
 margin:0 important;
 overflow:hidden;
}

#column05_contentsbox {
 width:95%;
 margin:0 auto;
 padding-top:1px;
 overflow:hidden;
}

#footer_contentsbox {
 width:100%;
 padding:0 20px 0 20px !important;
}

.privacy {
 float:right;
 margin-top:-40px;
 margin-right:80px;
}

input[type="submit"] {
-webkit-appearance: none;
border-radius: 5px;
}

input[type="button"] {
-webkit-appearance: none;
border-radius: 5px;
}

}


/* タブレットに適用するCSS */
@media screen and ( max-width:1000px )
{

#column01_contentsbox h2 {
 font-size:28px;
 width:98%;
 text-align:center;
 line-height:1.7em;
 margin:0 auto;
}

#column01_contentsbox h2 span {
 color:#000000;
 font-size:26px;
}

#column01_contentsbox h3 img {
 width:150px;
 position:absolute;
 left:10px;
 top:10px;
 z-index:100;
}

#column01_contentsbox p img {
 width:120px !important;
 position:abolute;
 right:10px;
 top:10px;
 z-index:100;
}

.privacy {
 float:right;
 margin-top:10px !important;
}

#column03_contentsbox table {
 font-size:85%;
 width:100%;
 background:#fff;
 text-align:center;
 border-collapse:collapse;
}
}


/* タブレットに適用するCSS */
@media screen and ( max-width:870px )
{

#column01_contentsbox h2 {
 font-size:24px !important;
 width:80% !important;
 text-align:center;
 line-height:1.7em;
 margin:0 auto;
}

#column01_contentsbox h2 span {
 color:#000000;
 font-size:20px !important;
 line-height:2.5em;
}

#column01_contentsbox h3 img {
 width:130px;
 position:absolute;
 left:10px;
 top:10px;
 z-index:100;
}

#column01_contentsbox p img {
 width:120px !important;
 position:abolute;
 right:10px;
 top:10px;
 z-index:100;
}

.table-wrapper {
 width: 100% !important;
 overflow-x: auto !important;
 -webkit-overflow-scrolling: touch;
 margin:0 !important;
 padding:0 !important;
}

.table-wrapper::-webkit-scrollbar{
    background: #fff;
    border-radius: 5px;
    height: 10px;
    border: 1px solid #ccc;
  }
  .table-wrapper::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius: 5px;
  }

#column03_contentsbox table {
 /*font-size:85%;*/
 width:730px;
 margin:0 auto;
 background:#fff;
 text-align:center;
 border-collapse:collapse;
}
}

/* タブレットに適用するCSS */
@media screen and ( max-width:800px )
{

#header_contentsbox h1 {
 position:absolute;
 width:100%;
 left:0;
 bottom:0px;
}

#header_contentsbox h1 img {
 width:70%;
 margin-left:0;
}

#column01_contentsbox h2 {
 font-size:25px !important;
 width:90% !important;
 text-align:center;
 line-height:1.7em;
 margin:0 auto;
 padding:10px 0 0 0;
}

#column01_contentsbox h3 {
 width:280px;
 margin:0 auto;
}

#column01_contentsbox h3 img {
 width:150px;
 position:relative !important;
 float:left;
 margin-top:-10px;
 z-index:100;
}

#column01_contentsbox p img {
 width:100px !important;
 position:absolute;
 top:0;
 right:0;
 z-index:100;
}

.button a {
 color:#fff;
 font-size:24px;
 /*font-weight:bold;*
 text-decoration:none;
 text-align:center;
 display:block;
 margin:0 auto;
 padding:15px 0 10px 0;
 background:#CC3333;
 width:90%;
 border-bottom:5px solid #990000;
 border-right:0 !important;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 cursor: pointer;
}

#column04_contentsbox ul li {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 width:43%;
 height:180px;
 padding:12px;
 background:#ffffff;
 list-style:none;
}

#column04_contentsbox ul li p {
 font-size:14px;
 line-height:1.4em;
 height:70px;
}

#column04_contentsbox ul li a {
 font-size:13px;
 padding:8px;
 display:block;
 border:1px solid #cccccc;
 text-align:center;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 cursor: pointer;*/
}

#column02_contentsbox p {
 padding-left:20px !important;
 margin-right:15px !important;
}
}