@charset "utf-8";
/* CSS Document */
/*--------------------
          汎用
------------------*/
.material-icons {
	vertical-align:middle;
}
.clearfix {float:none;clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */
/*--------------------
   background-color
------------------*/
.bgbl {background-color:#7EABE2;padding:0px 2px; line-height:18px !important;}
.bggr {background-color:#a0cd2d;padding:0px 2px; line-height:18px !important;color:#fff;}
.bgor {background-color:#F77C00;padding:0px 2px; line-height:18px !important;}

/*------------------------------------------
■ color chart
------------------------------------------*/
.navy{color:#000080;}
.navy2{color:#191970;}
.red{color:#E50012;}
.red2{color:#cd5c5c;}
.blue{color:#0000ff;}
.blue2{color:#4682b4;}
.green{color:#7ebf58;}
.green2{color:#00ff00;}
.purple{color:#c71585;}
.orange{color:#f15a24;}
/*------------------------------------------
■ font
------------------------------------------*/
.bold {font-weight:bold;}
/*------------------------------------------
■ position
------------------------------------------*/
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb70 { padding-bottom:70px;}
.pb80 { padding-bottom:80px;}
.pb90 { padding-bottom:90px;}
.pb100 { padding-bottom:100px;}

.pt5 { padding-bottom:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pt60 { padding-top:60px;}
.pt70 { padding-top:70px;}
.pt80 { padding-top:80px;}
.pt90 { padding-top:90px;}
.pt100 { padding-top:100px;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

.taCenter { text-align:center !important;}
.taRight { text-align:right !important;}
.fixed {position: fixed;top: 0px; left:0px;width:100%;z-index:1000;}
.clear {clear:both;}
.mb {display:none;}

body {
	width: 100%;
	font-family: "Noto Sans JP";
	font-size:16px;
	color:#231815;
	background: url("../image/common/main_bg.jpg") repeat;
	background-attachment: fixed;
	height: 100%;
	min-width: 320px !important;
}
@media screen and (min-width: 641px) {
	.pc {
		display:block;
	}
	.mb {
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.pc {
		display:none;
	}
	.mb {
		display:block;
	}
}
@media screen and (max-width: 640px) {
body {
	font-size:13px;
}
p {
	margin:0 10px;
}
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a img:hover {
	filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    -moz-opacity: 0.8;
    opacity: 0.8;
}
img {
	max-width:100%;
	height:auto;
}
/*--------------------
      ここから
------------------*/
.logout {
	display:block;
	width:220px;
	border:2px solid #fff;
	text-align:center;
	background: #e2635d;
	background: -moz-linear-gradient(top,  #e2635d 0%, #ca3c38 100%);
	background: -webkit-linear-gradient(top,  #e2635d 0%,#ca3c38 100%);
	background: linear-gradient(to bottom,  #e2635d 0%,#ca3c38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2635d', endColorstr='#ca3c38',GradientType=0 );
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-family: "Noto Sans JP";
	font-weight:bold;
	font-size:16px;
	color:#fff;
	padding:20px 0;
	margin:70px auto 30px;
}
article {
	padding: 10px 0;
}
article #main_contents {
	max-width: 1000px;
	padding: 5px 0 0;
	width: 98%;
	background: #fff;
	margin: 0 auto 0;
}
article h1,article h2 {
	font-size:35px;
	color:#333;
	font-weight:bold;
	margin:30px 10px 10px;
	line-height:45px;
	text-align:left;
	padding: 0;
}
@media screen and (max-width: 640px) {
article h1,article h2 {
	font-size:20px;
	line-height:30px;
	margin:30px 10px 10px;
}
}
/******
  attentionBox
******/
.attentionBox {
	width:91%;
	max-width:920px;
	margin:30px auto;
	padding:20px 2%;
	border:1px solid #ED1C24;
	font-size:14px;
	line-height:20px;
}
.attentionBox b,
.attentionBox p span {
	font-weight:bold;
}
/******
  contactInfo
******/
#contactInfo {
	background:#F5F5F5;
	max-width:100%;
}
#contactInfo .contactBox {
	margin:auto;
}
#contactInfo .contactBox b {
	font-size:12px;
}
#contactInfo:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#contactInfo div.ssl img {
}
@media screen and (min-width: 1000px) {
#contactInfo {
	min-width:1000px;
	padding:20px 0;
	margin-top:100px;
}
#contactInfo .contactBox {
	width:1000px;
}
#contactInfo .contactBox b {
	font-size:12px;
}
#contactInfo .left,#contactInfo .ssl {
	width:470px;
	margin:auto;
	font-size:13px;
	float:left;
	margin-left:10px;
}
#contactInfo div.ssl {
}
#contactInfo div.ssl img {
	float:left;
	margin-right:10px;
}
}
@media screen and (min-width: 641px) and (max-width: 999px) {
#contactInfo {
	width:100%;
	padding:20px 0;
	margin-top:100px;
}
#contactInfo .contactBox {
}
#contactInfo .contactBox b {
	font-size:12px;
}
	#contactInfo .left {
		margin-right: 1%;
	}
#contactInfo .left,#contactInfo .ssl {
	width:48%;
	margin:auto;
	font-size:13px;
	float:left;
}
#contactInfo div.ssl p{
	line-height: 20px;
	padding: 0;
	margin: 0;
}
#contactInfo div.ssl img {
	float:left;
	margin-right:10px;
}
}
@media screen and (max-width: 640px) {
#contactInfo {
	width:90%;
	padding:20px 5%;
	margin-top:40px;
}
#contactInfo .contactBox {
	line-height:22px;
}
#contactInfo .contactBox b {
	font-size:11px;
}
#contactInfo .left,#contactInfo .ssl {
	width:100%;
	margin:auto;
	font-size:11px;
}
#contactInfo div.ssl {
	margin-top:5px;
}
#contactInfo div.ssl img {
	float:left;
	margin-right:5px;
}
}