@charset "utf-8";/* CSS Document */

.wrap {
    width: 854px;
    margin: 0 auto;
}
.wrap h2 {
    font-size: 25px;
    border-left: 5px solid #e33d52;
    padding: 5px 0 1px 15px;
    margin: 30px auto;
}
.top-image{
    margin: 30px 0;
}

.wrap h3 {
	margin: 30px 0 0 0;
	padding: 0;
}
.tablearea{
	width:100%;
	margin: 20px 0 50px 0;
	color:#1C1C1C;
	text-align:center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tablearea a:link{ color:#999; text-decoration:none;}
.tablearea a:visited{ color:#999; text-decoration:none;}
.tablearea a:hover{ color:#C00; text-decoration:none;}
.tablearea ul{
	margin-left:10px;
	padding-left:5px;
}
.tablearea li{
	margin-left:3px;
	margin-bottom:5px;
	list-style:circle;
}
td.left{
	width:200px;
	background-color:#eeeeee;
	color:#5A5A5A;
}
td.right{
	width:654px;
	background-color:#FFF;
	text-align:left;
	padding:10px;
}
td.right .isms{
    margin-bottom: 20px;
}
td.right .isms img{
	width: 60%;
}
td.pri-left{
	width:280px;
	background-color:#eeeeee;
	color:#5A5A5A;
    text-align: left;
    padding: 10px;
}
td.pri-right{
	width:774px;
	background-color:#FFF;
	text-align:left;
	padding:10px;
}

.privacy {
    position: relative;
}
.privacy h2 {
    border-left: none;
    position: absolute;
    top: 50px;
}
.privacy p {
    position: absolute;
    top: 130px;
    left: 15px;
}
.privacy img{
    margin: 30px auto;
}

.pri-txt-right{
    text-align: right;
}
.contents h4{
    margin: 20px 0 10px 0;
    font-weight: bold;
}
.contents p{
    margin: 10px 0;
}
td.number {
    vertical-align: top;
}
.pri-contact {
    border: 1px #000000 solid;
    width: 60%;
    margin: 0 auto;
}
.pri-contact p {
    text-align: center;
}
ul.partner{
	height:auto;
	margin-right:10px;
	padding:0;
}
ul.partner li.pleft{
	float:left;
	list-style:none;
	margin:0;
}
ul.partner li.pright{
	float:right;
	list-style:none;
	margin:10px 0 0 0;
}
ul.partner img{
	width:60%;
}

@media screen and (min-width: 801px){
.pankuzu {
    font-size: 10px;
    padding: 10px;
}

}

@media screen and (max-width:800px) and (min-width: 0px) {
.wrap {
    width: 80%;
    margin-top: 60px;
}
.wrap h2 {
    font-size: 22px;
    padding: 5px 0 1px 12px;
    margin: 24px auto;
}
.wrap h3 {
	margin: 24px 0 0 0;
	padding: 0;
}
img {
    max-width : 100%;
}
.pankuzu {
    display: none;
}

.tablearea{
	margin: 20px 0px 50px 0px;
}
.tablearea li{font-size:12px;}
td.left{font-size:12px;}
td.right{font-size:12px;}

td.pri-left{font-size:12px;}
td.pri-right{font-size:12px;}
.privacy h2 {
    border-left: none;
    position: absolute;
    top: 30px;
}
.privacy p {
    font-size: 10px;
    top: 170px;
    left: 15px;
}
.br-no {
    display: none;
}
.pri-txt li{
    font-size: 12px;
}
.pri-txt p{
    font-size: 12px;
}

.contents h4{
   font-size: 12px;
   font-weight: bold;
}
.contents p{
   font-size: 12px;
}
td{font-size:12px;}

ul.partner{
	height:auto;
}
ul.partner li.pleft{
	float:none;
}
ul.partner li.pright{
	float:none;
}
ul.partner img{
	width:50%;
}
}
@media screen and (max-width:430px) and (min-width: 0px) {
.wrap h2 {
    font-size: 20px;
    padding: 5px 0 1px 10px;
    margin: 20px auto;
}
.wrap h3 {
	margin: 18px 0 0 0;
	padding: 0;
}
img {
    max-width : 100%;
}
.tablearea{
	margin: 20px 0px 50px 0px;
	font-size:12px;
}
.tablearea li{font-size:11px;}
td.left{font-size:11px;}
td.right{font-size:11px;}
td.pri-left{font-size:11px;}
td.pri-right{font-size:11px;}
td{font-size:11px;}
.privacy h2 {
    border-left: none;
    position: absolute;
    top: 20px;
    font-size: 14px;
}
.privacy p {
    font-size: 10px;
    top: 120px;
    left: 15px;
}
.pri-txt li{
    font-size: 11px;
}
.pri-txt p{
    font-size: 11px;
}
.contents p{
   font-size: 11px;
}
ul.partner img{
	width:90%;
}
}