html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{
margin:0;padding:0;
color:#000000;background-color:#ffffff}
.table{margin:0;padding:0;}
.pix{
	-ms-interpolation-mode: nearest-neighbor;   /* IE */
	image-rendering: -webkit-crisp-edges;       /* Safari */
	image-rendering: -moz-crisp-edges;          /* Firefox */
	image-rendering: pixelated;
}
.main{
margin:6.0rem 0px 0px 0px;padding:0;
font-size:1.4rem;
width:75%;
height:100%;
z-index:0;
}
.col1{ color : #e93b72;}
.col2{ color : #116a62;}
.r2{ color : #ff5b92;}

.backcover{
position:absolute;
width:100%;
z-index:-5;
background:url(wall_line.png) repeat;
}
.backsheet{
position:fixed;
width:100%;
height:100%;
z-index:-10;
background-position: left top;
 background-repeat: repeat;
}
.sidebacksheet{
position:fixed;
width:22%;
height:100%;
z-index:-10;
background-size:500%;
background-position: right top;
 background-repeat: no-repeat;
}
.txt1{
 margin:8px 32px 8px 32px;
 font-size:1.2rem;
}
.txt2{
 margin:8px 32px 8px 32px;
}
.txtbox{
	border:1px solid #62adba;
	margin:0.6rem 1rem;
	background-color:rgba(255,255,255,0.3);
	max-height:8rem;
  overflow:auto;
  font-size:1.2rem;
}
.txtbox table td{
  vertical-align:top;
}
.box1{
 background-color:rgba(255,160,192,0.3);
 border: 1px solid #125d6a;
 margin: 0.4rem 0.4rem;
 padding: 0.7rem;
}
.small{
	font-size:80%;
}
.head-left{
 float:left;
}
.block-left{
 /*border:0px solid #125d6a;
 border-width:0px 1px 1px 0px;*/
}
.block-right{
 padding:24px 96px 8px 24px;
 /*border:0px solid #125d6a;
 border-top-width:1px;*/
}
h3{
 min-width:20%;
 max-width:40%;
 padding:8px 48px 0px 24px;
 border:1px solid #125d6a;
 border-width:0px 0px 1px 0px;
}

article{
 display:flex;
}
.wrapper{
 display:flex;
 flex-direction: row;
}
.line-menu{
 position:absolute;
 z-index:-2;
}
a.download{
 color:#001122;
 font-size:120%;
 margin:8px 12px;
 padding:8px 24px;
 border:1px solid #125d6a;
 border-radius: 100px;
 border-width:3px;
 background-color:rgba(0,70,255,.2);
 font-weight:bold;
 text-decoration:none;
}
a.download:hover{
 color:#FF0044;
 border-color:#CCAACC;
 background-color:rgba(255,192,64,.4);
}
hr.hr1{
 position: center;
 width:100%;
 height:99px;
 border:0px solid;
 background: url(hr1.png) no-repeat center center;
}
/* header -----------------------------------------------------------*/
header{
 position:fixed;
 width:100%;
 height:68px;
 z-index:200;
}
header .text{
 vertical-align:top;
}
/* side bar -----------------------------------------------------------*/
.side{
 width:25%;
 height:100%;
 background-color:rgba(255,255,255,.7);
 background-position: right top;
 background-size:100%;
 background-repeat: no-repeat;
 border:0px solid #125d6a;
 border-width:0px 0px 0px 1px;
 z-index: 50;
}
.side h3{
 width:40%;
 padding:8px 32px 0px 16px;
}
.profile{
 padding:16px 8px 32px 24px;/* 上 右 下 左 */
 font-size:1.0rem;
}
/* footer -----------------------------------------------------------*/
footer{
display: flex;
flex-direction: row;
position:relative;
bottom:0px;
width:100%;
height:72px;
padding:0px 0px 8px;
z-index:490;
text-align:center;
vertical-align:text-bottom;
background:rgba(112,160,192,.4);
}
footer .copy{
position: absolute;
margin: 16px 8px 8px 8px;
bottom:8px;
width:80%;
text-align:center;
}
.seal{
position:absolute;
bottom:8px;
right:8px;
min-width:64px;
min-height:64px;
z-index:500;
text-align:right;
background:url(seal64x64.png) no-repeat top right;
}
/* スマホ向け -----------------------------------------------------------*/
@media screen and (max-width: 720px){
  .wrapper{
    flex-direction: column;
  }
  .main{
    width:100%;
  }
  .side{
    height: 480px;
    min-height: 480px;
    max-height: 640px;
    width:100%;
    border-width:2px 0px 0px 0px;
  }
}