@charset "utf-8";

body {
	font: normal 23px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ",Meiryo,Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}

body .sp-item {
    display: none !important; }
body .pc-item {
    display: block !important; }


@media screen and (max-width: 750px) {
    body {
    min-width: inherit;
	  height:100%;
	  }

    body .sp-item {
    display: block !important; }

    body .pc-item {
    display: none !important; }

	  body .sp-item img {
		width:100%;}
}

@media screen and (max-width: 750px) {
	.sp100 img { max-width:100%; }
	.sp90 img { max-width:90%; }
	.sp98 img { max-width:98%; }
  .sp95 img { max-width:95%; }
	.sp80 img{ max-width:80%; }
}

.fl_left { float: left; }
.fl_right {	float: right; }
.ov_hd { overflow: hidden; }
.bg_none { background-image: none!important; }

a.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.center { text-align: center; }
.right {text-align:right; }
.line_0 { line-height: 0; }
.zindex {	z-index: 200; }

input[type=radio] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

input[type=image]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/* ----------------------------------------------------

    text

---------------------------------------------------- */

em {
	text-decoration: underline;
  font-style: normal;
}

.bd_red {
	border-bottom: 1px solid #FF0004;
	padding-bottom: 2px;
}

.bd_red02 {
	border-bottom: 3px solid #FF0004;
	padding-bottom: 0px;
}

.red { color: #ff0000; }
.yellow { background-color: #ffff00; }
.gray { color:#666666; }

.bold { font-weight: bold; }
.strong { font-weight: bold; }
.strike { text-decoration: line-through; }
.under{ text-decoration: underline; }

.ac { text-align: center !important; }
.ar { text-align: right !important; }
.al { text-align: left !important; }

.bold { font-weight: bold !important; }

.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; line-height:150%; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font21 { font-size: 21px !important; }
.font22 { font-size: 22px !important; }
.font23 { font-size: 23px !important; }
.font24 { font-size: 24px !important; }
.font25 { font-size: 25px !important; }
.font26 { font-size: 26px !important; }
.font27 { font-size: 27px !important; }
.font28 { font-size: 28px !important; }
.font29 { font-size: 29px !important; }
.font30 { font-size: 30px !important; }
.font32 { font-size: 32px !important; }

/* ----------------------------------------------------

    float

---------------------------------------------------- */
.fr { float: right !important; }
.fl { float: left !important; }
.clear { clear: both; }

img {
	line-height: 0;
	padding: 0;
	margin: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#privacy_policy {}

#privacy_policy .inner {
	padding: 15px 0;
}

#privacy_policy h1 {
	font-size: 2rem;
	font-weight: bold;
	margin: 15px 0 20px;
}

#privacy_policy h2 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 50px 0 10px;
	padding-left: 10px;
	border-left: 7px solid silver;
}

@media screen and (max-width: 750px) {
	#privacy_policy .inner {
		padding: 15px;
	}
}




/* footer */
#footer {
	text-align: center;
	background-color: #1b1464;
	padding: 30px 0 10px;
	color: #fff;
	margin: 0 ;
	height: 100px;
  }

  .footer_ttl{
	  font-size: 1.2rem;
  }
  .footer_item{
	  font-size: 1.2rem;

  }
  .footer_item  {
	text-decoration: none;
  }

  #footer a:link {
	  color:#fff;
	text-decoration: none;
}
/*未訪問のリンクの色*/
  #footer a:visited {color:#fff;} /*訪問済みのリンクの色*/
  #footer a:hover {color:#C9D9F4} /*カーソルが乗っているリンクの色*/

  	@media screen and (max-width: 750px) {
	.footer_ttl{
		font-size: 1.0rem;
	}
	.footer_item{
		font-size: 0.8rem;

	}
}

/* 共通 */
.inner{
  width:750px;
  margin: 0 auto;
	font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
	.inner{
		width:100%;
		padding: 0 15px;
		box-sizing: border-box;
 }
}

@media screen and (max-width: 750px) {
	.inner{
		width:100%;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 1.2rem;
	}

table {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: 15px auto;
	width: 100%;
  }
}