@charset "UTF-8";

-webkit-appearance: none;
-webkit-text-size-adjust: 100%;

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* body */
body {
	font-size:16px;section
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF;
	background-attachment: fixed;
        margin: 0;
	/*background-size: cover;*/
}



header {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 140px;
  align-content: center;
  background: #F0FFFF;
  border-bottom: solid 1px #0066CC;
}
section {
  margin-top: 140px;
  padding-top: 1em;
}

.jpa {
   text-align:center;
   color:#0066CC;
   font-size:1.5em;
   font-weight:bold;
margn-top:-1em;
}
.back {
  position: fixed;
  margin: -50px 0 0 10%;
}
.qrc {
  position: fixed;
  margin: -80px 15% 0 85%;
  color:black;
  font-size:0.6em;
  text-align:center;
}

.box30 {
    width: 70%;
    margin:0 auto;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 1em;
    margin: 0;
    line-height:1.5em;
}

.contact {
	margin: 0 auto;
    	padding: 0.5em 1em;
    	border: solid 1px #0066CC;
	background: #E3E3E3;
	width: 40%;
	line-height:1.2em;
	border-radius: 12px;
}

/* 表示・非表示 */
#dis_p {
   display: block;
}
#dis_s {
   display: none;
}

footer{
	width: 100%;
	background: #0066CC;
	height: 3em;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 3em;
}

/* table */
.tbl02 {
  width:90%;
  margin: 0 auto;
  border: none;
}

.tbl02 td {
　border: none;
  padding: 10px;
  font-size: 16px;
  vertical-align: top;
}
.tbl02 tr td:nth-of-type(1){
  text-align:center;
  color:#0066CC;
  width:20%;

}
.tbl02 tr td:nth-of-type(2){
  text-align:left;
  width:80%;
}

.koji {
    margin: 2em auto;
    width: 520px;
    padding: 1em;
    text-align: left;
    font-size: 12px;
}
.koji2 {
    margin: 0 auto;
    width: 600px;
    padding: 10px 0;
    text-align: left;
}

.mainftop2 {
	width: 70%;
	margin: 0 auto;
	background: #0066CC;
	border: solid 3px #0066CC;
	text-align: center;
	font-size: 20px;
	color: #fff;
	padding-top: 5px;
}
.mainftop3 {
	width: 70%;
	margin: 0 auto;
	background: #4682B4;
	border: solid 3px #4682B4;
	text-align: center;
	font-size: 20px;
	color: #fff;
	padding-top: 5px;
}

.mainf {
	width: 70%;
	margin: 0 auto;
	border: solid 3px #0066CC;
	background: #FFFFF0;
}

.tbl03 {
  width:90%;
  margin: 0 auto;
  border: solid 1px #ccc;
  position:relative;
}
.tbl03 th {
  background: #E0FFFF;
  border: solid 1px #ccc;
  color: #0066cc;
  padding:10px 0 10px 12px;
  width: 30%;
  text-align: left;
  font-size: 16px;
}
.tbl03 td {
  vertical-align: top;
  background: #FFF;
　border: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 10px;
  width: 60%;
  font-size: 16px;
  color:#336699;
}


@media screen and (max-width: 760px){
body {
   font-size:12px;
}
header {
   height:176px;
}
section {
  margin-top:176px;
}
#dis_s {
   display: block;
}
#dis_p {
   display: none;
}
.box30 {
    width: 92%;
}
.contact {
  width:80%;
}
.tbl02 td {
　　border-bottom: none;
    display: block;
    width: 96%;
    font-size: 12px;
    padding: 0;
}
.tbl02 tr td:nth-of-type(1){
  width:90%;

}
.tbl02 tr td:nth-of-type(2){
  width:90%;
}
.koji {
    width: 96%;
}
.koji2 {
    width: 96%;
}
.mainftop2 {
	width: 99%;
	font-size: 14px;
}
.mainftop3 {
	width: 99%;
	font-size: 14px;
}
.mainf {
	width: 99%;
}
.tbl03 {
  width:90%;
}
.tbl03 th,
.tbl03 td {
　　border-bottom: none;
    display: block;
    width: auto;
    font-size: 12px;
}


}