@charset "utf-8";

/* 個人情報に関する基本方針：デザインスタイル
 * **************************************************
 * Element [ 個人情報に関する基本方針 ]  
 * **************************************************
 */
 
/*　テーブル内リスト　*/
#subPage.policy #content .main table td ul {
	list-style-type: disc;
	padding: 0 0 0 2em;
	margin-left: 0;
}
#subPage.policy #content .main table td ul li {
	margin-bottom:0;
}
 
/* リスト */
#subPage.policy #content .main ol {
	margin-left: 0;
	padding: 0 0 0 3em;
	font-size:108%;
	line-height:1.5em;
	list-style-type:decimal;
}

#subPage.policy #content .main ol li {
	margin-bottom:20px;
}

.notification img{
	max-width:100%;
}

 
 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}

 /* レイアウト */
#subPage.policy #content .main {
	position:relative;
	padding: 0 0 20px 0;
	_margin-right:0;
	width: 100%;
} 

 /* スペース */
/*  本文：リスト（数字） */
#subPage #content .main .decimalList{
	margin: 0 2% 0 2.0em;
}
/*  本文：リスト（数字：括弧） */
#subPage #content .main .parenList{
	margin-top: 2%;
}
 /* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main .decimalList{
		margin: 0 0 0 1.5em;
		_margin:0 0 0 2em;
	}
	#subPage #content .main .parenList{
		margin-top: 10px;
	}	
}
 
/* ======================================
　Element [ 個人情報に関する基本方針 ]  
====================================== */
 /* 見出し背景 */
#subPage #content .main h1 {
 	background: url(../images/headline/bg_sp_index_h1.jpg) repeat-x left top;
	border-bottom:1px solid #c1c1c1;
	font-size: 123.1%;
	color: #FFFFFF;
}
 #subPage #content .main h1 span.policy {
	padding: 5px 0 5px 40px;
 	background: url(../images/headline/h1_index.png) no-repeat 3px center;
 	line-height: 125%;
 }
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* 個人情報に関する基本方針 */
	#subPage #content .main h1 {
		background: url(../../images/headline/bg_dt_h1_protection.jpg) repeat-x left top;
		border-bottom:1px dashed #c8beb1;
		padding:38px 0 25px 0;
		font-size: 189%;
		color: #000000;	
	}
	#subPage #content .main h1 span.policy {
		padding: 5px 0 5px 100px;
		background: url(../images/headline/h1_index.png) no-repeat 25px center;
	}
	
}

/* 見出し　h2 */
#subPage #content .main h2 {
	text-indent:-30px;
	padding-left:30px;
	background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
	border-top: none;
	border-bottom: none;
}
#subPage #content .main h2 span {
	padding: 12px 0 10px 35px;
	background: url(../images/headline/mark_h2_protection.gif) no-repeat 8px center;
}

/* 見出し　h3 */
#subPage #content .main h3 {
	font-size:123.1%;
	font-weight:bold;
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
#subPage #content .main h2 {
		text-indent:0;
		padding-left:0;	
		background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
		border: none;
	}
	#subPage #content .main h2 span {
	padding: 12px 0 20px 30px;
	background: url(../images/headline/mark2_h2_protection.gif) no-repeat 3px 7px;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}	
}

/* サイトリンク */
#subPage #content .main .sitelink {
	margin: 0 2%;
	padding: 0;
	font-size: 0.9em;
}
#subPage #content .main .sitelink a {
	padding: 0 0 0 12px;
	background: url(../../images/common/listmark_sitelink.gif) no-repeat 0px center;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main .sitelink {
		margin: 0;
		padding: 0;
		font-size: 100%;
		line-height:1.5em;
	}
	#subPage #content .main .sitelink a {
		padding: 0 0 0 12px;
		background: url(../../images/common/listmark_sitelink.gif) no-repeat 0px center;
	}
}

/* テーブル（個人情報の例） */
#subPage #content .main table.example {
}
#subPage #content .main table.example th {
	background-color: #d6e9f5;
	border-right: 1px solid #7b7b7b;
	border-bottom: 1px solid #7b7b7b;
	vertical-align: middle;	
	text-align:center;
	font-size:98%;
	padding: 5px;
}
#subPage #content .main table.example td {
	vertical-align: middle;	
	padding: 5px;
	text-align:left;
	font-size:98%;
}
#subPage #content .main table.example td.number {
	width: 3%;
	text-align:center;
	background-color: #ECE3C6;
	text-align: center;
	vertical-align:top;
}
#subPage #content .main table.example td.target {
	width: 28%;
	text-align:center;
	background-color: #ECE3C6;
	text-align:left;
	vertical-align:top;
}
#subPage #content .main div.mokuteki {
	background:#e4f0f7;
	padding:1em;
	margin:2px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 

}
#subPage #content .main div.mokuteki p {
		margin:0 0 0.5em 2.3em;
	}
	#subPage #content .main div.mokuteki h4 {
		font-size:123.1%;
		font-weight:bold;
		margin-top:0.5em;
	}
	#subPage #content .main div.mokuteki ul {
		margin:0 0 1.5em 0;
	}
	#subPage #content .main div.mokuteki li {
		font-size:108%;
		margin:0 0 0.5em 1em;
		text-indent:-1em;
		
	}

ul._blue li {
  list-style-type: none;  /* デフォルトのリストマークを非表示にする */
  position: relative;     /* 基準位置とする */
}
ul._blue li::before {
  content: "●";           /* リストマークのかわりを */
  color: #299ce2;            /* 文字を赤色に指定 */
  position: absolute;     /* 相対位置に指定 */
  left: -1em;             /* 左に1文字分ずらした位置に配置 */
  top: 0;                 /* 上から0pxのいちに指定 */
}

.table-n th{
	width:50%;
	text-align:center;
	background:#d6e9f5;
}

.table-n td{
	text-align:center;
}

.blue-btn{
	text-align:center;
margin-bottom:10px;}


.blue-btn a{
	display:inline-block;
	border-radius:10px;
	background:#299ce2;
	color:#fff;
	padding:20px 50px;
	text-decoration:none;
	font-weight:bold;
	font-size:150%;
}
.blue-btn a:hover{
	opacity: 0.7;
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* テーブル（個人情報の例） */
	#subPage #content .main table.example {
	}
	#subPage #content .main table.example th {
		background-color: #d6e9f5;
		border-right: 1px solid #7b7b7b;
		border-bottom: 1px solid #7b7b7b;
		vertical-align: middle;	
		text-align:center;
		font-size:108%;
		padding: 5px;
	}
	#subPage #content .main table.example td {
		vertical-align: middle;	
		text-align:left;
		font-size:108%;
		padding: 5px;
	}
	#subPage #content .main table.example td.number {
		width: 3%;
		text-align:center;
		background-color: #ECE3C6;
		text-align: center;
		vertical-align:top;
	}
	#subPage #content .main table.example td.target {
		width: 28%;
		text-align:center;
		background-color: #ECE3C6;
		text-align:left;
		vertical-align:top;
	}
	#subPage #content .main div.mokuteki {
		background:#e4f0f7;
		padding:2em 3em;
		margin:0 8em;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 
		border-radius: 5px; 
	
	}
	
}

h5{
	font-size:1.2em!important;
	}
.blue{
	color:#4a72c2;
}

#subPage .pink-box{
	background:#fff4f4;
	padding:10px;
	margin-top:10px!important;
	font-size:1.1em!important;
}

#subPage .login-myna{
	display:block;
	justify-content:space-between;
	padding-left:0!important;
}

#subPage .login-myna li{
	position:relative;
	text-align:center;
}
#subPage .login-myna li:nth-child(1),
#subPage .login-myna li:nth-child(2){
	margin-bottom:60px;
}

#subPage .login-myna li:nth-child(2){
}

#subPage .login-myna li img{
	max-width:100%;
}
#subPage .login-myna li:nth-child(1)::before,
#subPage .login-myna li:nth-child(2)::before{
	position:absolute;
	display:block;
	content:'';
	width:40px;
	height:40px;
	bottom:-50px;
	right:0px;
	left:0;
	margin:auto;
	background:url(../images/arrow.png) center center/contain;
  transform: rotate(90deg);
}
#subPage .login-shikaku{
	text-align:center;
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
h5{
	font-size:1.5em!important;
	}
	
#subPage .pink-box{
	background:#fff4f4;
	padding:30px;
	font-size:1.2em;
}

#subPage .login-myna{
	padding-left:0!important;
	display:flex;
	justify-content:space-between;
}

#subPage .login-myna li{
	position:relative;
	width:40%;
	text-align:center;
}
#subPage .login-myna li:nth-child(1),
#subPage .login-myna li:nth-child(2){
	margin-right:60px;
}

#subPage .login-myna li:nth-child(2){
	width:35%;
}

#subPage .login-myna li img{
	max-width:100%;
}
#subPage .login-myna li:nth-child(1)::before,
#subPage .login-myna li:nth-child(2)::before{
	position:absolute;
	display:block;
	content:'';
	width:40px;
	height:40px;
	top:90px;
	left:auto;
	bottom:auto;
	right:-45px;
	margin:auto;
	background:url(../images/arrow.png)center center/contain;
  transform: rotate(0);
}
#subPage .login-myna li:nth-child(2)::before{
	right:-50px;
}
#subPage .login-shikaku > img{
	margin-left:0!important;
}


}