@charset "UTF-8";
/* お知らせ
---------------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", " メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
}
#info ul{
	border-top:5px solid #DDDDDD;
}
#info ul li + li{
	border-top: 1px solid #898989;
}
#info ul li{
	background: url(../../common/images/arrow_blue.png) no-repeat;
	background-size: 5px auto;
}
#info ul li span{
	display:inline-block;
	font-size:12px;
	padding:0 7px;
	margin-right:7px;
}
.pink{
	color: #E5338C;
}
strong,
h2,h3{
	font-weight: normal;
}
#info ul li span.important{
	border:1px solid #00a0ea;
	color:#00a0ea;
}
#info ul li span.area{
	border:1px solid #898989;
	color: #898989;
}
.popup02 #header {
	border-bottom: 2px solid #009DE6;
	position: relative;
	overflow: hidden;
}
.popup02 {
	margin: 0;
	padding: 0;
}
.popup02 #header .header_title {
	width: 100%;
	background: #009EE7;
	padding: 5px 3%;
	line-height: 1;
	margin: 0;
}

.popup02 #header h1 {
	width: 94%;
	color: #009DE6;
	line-height: 1.4;
	font-size: 23px;
	font-weight: normal;
}
.popup02 h2{
	 background:#F3F4F4 ;
	 color:#595757;
	 font-weight: normal;
	 padding: 5px 3%;
}
.popup h1{
	width: 100%;
	color: #009DE6;
	line-height: 1.4;
	font-size: 23px;
	font-weight: normal;
	padding:0 3%;
	display: table;
}
.popup h1 span{
	display: table-cell;
	vertical-align: middle;
}
.popup02 #header .header_title img {
	width: 233px;
}
.popup02 .h1.title{
	height: auto;
}
.popup02 .taisetsu h3{
	color: #595757;
	font-weight: normal;
}
.popup02 #footer {
	border-top: 1px solid #878787;
	text-align: center;
	padding: 15px 3%;
}
.popup02 #footer small {
	display: block;
	padding-top: 10px;
	font-size: 8px;
	color: #868686;
}
.popup02 .container{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.popup02 .container.important{
	text-align: center;
	background: #EEF7FD;
	color: #009EE6;
	font-size: 20px;
}
.f16{
	font-size: 16px;
	margin-bottom: 10px;
}
.attention a{
	color: #009DE6;
	text-decoration: underline;
	margin-right: 3px;
}
.attention a img{
	margin-left:3px;
}
.attention{
	border:5px solid #EEEEEE;
	padding: 10px 3%;
}
ul.arrow li + li{
	margin-top: 5px;
}
.blank img{
	margin:0 3px 7px;
}
p.arrow, 
ul.arrow li{
	padding-left: 15px;
	background: url(../../common/images/mark_arow.png) no-repeat left;
	background-size: 4px auto;
	background-position: 2px 4px;
}
h1.important{
	padding-top: 30px;
}
h1.important span{
	font-size: 13px;
	border:1px solid #009EE6;
	padding:3px 7px;
	width:auto;
	color:#009EE6;
	position: absolute;
	top: 60px;
}
.box_pink{
	border:5px solid #FAD6E8;
	color: #E5338C;
	padding: 10px 3%;
}
.kome li{
	position: relative;
	padding-left: 20px;
}
p.kome:before,
.kome > li:before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;   
}
p.kome,
.kome > li {
	font-size: 12px;
	position: relative;
	padding-left: 15px;
}
.blank{
	 color: #009EE6;
	 text-decoration: underline;
}
#info .blank{
	color: #000000;
	text-decoration: none;
}
#info .blank img{
	margin-left: 5px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.popup02 table.bycolor{
	width:100%;
	text-align: center;
}
.popup02 table.bycolor th,
.popup02 table.bycolor td{
	padding: 10px 5px;
	font-weight: normal;
}
.popup02 table.bycolor thead th:first-child{
	border-right:1px solid #fff;
}
.popup02 table.bycolor thead th{
	background: #595757;
	color:#fff;
	border-right:1px solid #595757;
}
.popup02 table.bycolor tbody tr:first-child th,
.popup02 table.bycolor tbody tr:first-child td{
	border-top:none!important;
}
.popup02 table.bycolor tbody tr:nth-child(2n){
	background: #F3F4F4;
}
.popup02 table.bycolor tbody th,
.popup02 table.bycolor tbody td{
	border:1px solid #898989;
	vertical-align: middle;
}
.popup02 .blue.box{
	padding:15px;
	background: #EEF7FD;
}
.popup02 .blue.box{
	background: none;

	background: #EEF7FD;
}
.popup02 .blue.box h2{
	border-bottom:5px solid #009DE6;
	background: none;
	color:#009DE6;
}
.popup02 .blue.box h3{
	color:#009DE6;
	margin-bottom: 5px;
}
.popup02 .blue.btn{
	margin-top: 15px;
	font-size: 15px;
	margin-bottom: 30px;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 40px;
	background: #009DE6;
}
.popup02 .content h2{
	background: none;
	color:#009DE6;
	border-bottom: 5px solid #009DE6;
}
.popup02 .content ol{
	padding-left: 2em;
}
.popup02 .content li + li{
	margin-top: 3px;
}
.popup02 .content li{
	list-style: decimal;
	font-size: 16px;
}
.popup02 .content li .kome{
	font-size: 13px;
}
.popup02 div.basepage .contents-page .content .cln_2 {
	margin-top: 0;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
Media Queries による切り替え
@media only screen and (max-width: 960px) {
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* スマホ向けのスタイル：960px */
@media only screen and (max-width: 768px) {
	#info ul{
			 border-bottom:5px solid #DDDDDD;
			 margin-bottom: 60px;
	}
	#info ul li{
			padding:14px 3% 14px 30px;
			background-position: 3% 16px;
	}
	.popup02 #header h1 {
			width: 94%;
			color: #009DE6;
			margin:10px auto 15px auto!important;
			line-height: 1.4;
			font-size: 23px;
			font-weight: normal;
	}
	.popup02 .container{
	margin-top: 15px;
	width: 94%;
	}
	.popup02 .container.important{
			text-align: center;
			padding:3% 24px;
			background: #EEF7FD;
			color: #009EE6;
			font-size: 20px;
			margin-bottom: 250px;
	}
	.popup02 .taisetsu h2{
			font-size: 18px;
			margin:-15px -3% 15px -3%;
			padding: 10px 3%;
	}
	.popup02 .taisetsu h3{
			font-size: 16px;
			margin-bottom: 12px;
	}
	.popup02 .taisetsu * + h3{
			margin-top: 35px;
	}
	h1.important{
			padding-top: 35px;
	}
	h1.important span{
			top: 45px;
	}
	* + .kome{
			margin-top: 5px;
	}
	.f16{
			font-size: 14px;
			margin-bottom: 10px;
	}
	.box_pink{
			margin-top: 16px;
	}
	.attention{
			margin-top: 15px;
			margin-bottom: 250px;
	}
	.popup02 table.bycolor tbody td{
			white-space: nowrap;
	}
	.popup02 table.bycolor tbody th span{
			display: inline-block;
	}
	.popup02 table.bycolor{
			margin-bottom: 50px;
			margin-top: 14px;
	}
	* +.popup02 .blue.box{
			margin-top: 15px;
			margin-bottom: 15px;
	}
	.popup02 .blue.box h3 .small{
			font-size: 13px;
	}
	* +.popup02 .blue.box h3{
			margin-top: 15px;
			font-size: 16px;
	}
	.popup02 .blue.box h2{
			font-size: 18px;
			text-align: center;
			margin:-15px -15px 15px -15px;
			padding:10px;
	}
	.popup02 .content h2{
			/*border-top:5px solid #DDDDDD;*/
			font-size: 18px;
			padding:15px 3%;
	}
	* + .popup02 .content h2{
			/*border-top:5px solid #DDDDDD;*/
			margin-top: 15px;
	}
	.popup02 .content h2 ~ h2{
			margin-top: 42px;
	}
	.popup02 .content ol{
			margin-bottom: 17px;
	}
	.popup02 .content img{
			display: block;
			margin:0 auto 0 auto;
	}
	.popup02 .content ol + img{
			width: 100%;
			max-width:400px;
	}
	.popup02 .content .blue.box{
			margin-top: 20px;
	}
	.popup02 .content .blue.box img{
			margin-top: 14px;
			width: 75%;
			max-width:300px;
			margin-bottom: 17px;
	}
	.sp_mb50{
			margin-bottom: 50px;
	}
	.popup02 div.basepage .contents-page .content .cln_2 > img.right {
		display: block;
		width: auto;
		max-width: 100%;
		padding: 0;
	}
	
	
}

/* タブレット＆PCのスタイル：768px */
@media only screen and (min-width: 769px) {
	#info ul{
			border-bottom: 1px solid #898989;
	}
	#info ul li{
			padding:18px 0 18px 50px;
			background-position: 18px 23px;
	}
	#info ul li a:hover{
			text-decoration: underline;

	}
	/*popup02*/
	.popup02 #header h1 {
			font-size: 36px;
			margin:30px auto!important;

	}
	.popup02 .h1.title>*{
			padding-right: 200px;
	}
	.popup02 #header h1{
			margin:30px auto;
			color :#1992D2;
			margin-bottom: 10px;;
	}
	.popup02 .container{
			margin-top: 30px;
	}
	.popup02 .container.important{
			text-align: center;
			padding:3% 36px;
			margin-bottom: 120px;
	}
	.popup02 .taisetsu h2{
			font-size: 24px;
			margin-bottom: 27px;
	}
	.popup02 .taisetsu h2{
			font-size: 24px;
			margin-bottom: 27px;
			padding:7px 10px;
	}
	.popup02 .taisetsu h3{
			font-size: 19px;
			margin-bottom: 15px;
	}
	* + .kome{
			margin-top: 20px;
	}
	.popup02 .taisetsu * + h3{
			margin-top: 30px;
	}
	.f16{
			font-size: 16px;
			margin-bottom: 14px;
	}
	.attention{
			margin-top: 30px;
			margin-bottom: 120px;
	}
	.box_pink{
			margin-top: 20px;
			padding: 14px 3%;
	}
	* + .popup02 table.bycolor {
			margin:24px 0 50px 0;
	}
	* +.popup02 .blue.box{
			margin-top: 30px;
			margin-bottom: 10px;
	}
	.popup02 .blue.box h3 .small{
			font-size: 13px;
	}
	.popup02 .blue.box h3 ~ h3{
			margin-top: 30px;
			font-size: 19px;
	}
	.popup02 .blue.box h3{
			font-size: 19px;
	}
	.popup02 .blue.box h2{
			font-size: 24px;
			padding:0 0 5px 0;
			margin-bottom: 17px;
	}
	.popup02 .btn.blue{
			margin:20px auto 40px auto;
			line-height: 51px;
			width:60%;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
	}
	.popup02 .btn.blue:hover{
			opacity: .5;
	}
	* + .popup02 .content h2{
			margin-top: 45px;
	}
	.popup02 .content h2 + *{
			margin-top: 0;
	}
	.popup02 .content h2{
	padding: 0;
	margin-bottom: 17px;
	font-size: 24px;
	}
	.popup02 .content .cf ol{
			float:left;
			width: 50%;
	}
	.popup02 .content li + li{
			margin-top: 5px;
	}
	.popup02 .content .cf ol + img{
			float:right;
			width: 47%;
	}
	.popup02 div.basepage .contents-page .content .cln_2 > *.left {
		width: 50%;
	}
	.popup02 div.basepage .contents-page .content .cln_2 > *.right {
		width: 47%;
	}
	.popup02 div.basepage .contents-page .content .cln_2 ol {
		width: 100%;
		float: none;
	}
	.popup02 .content .box.blue{
			background: #EEF7FD;
			padding:18px 3%;
	}
	.popup02 .content .cf.box.blue .left {
			float:left;
			width: 60%;
	}
	.popup02 .content .cf.box.blue .left + img{
			float:right;
			width: 34%;
			padding:0 3%;
	}
	.popup02 .content .cf.box.blue .left + img + *{
			clear: both;
			padding-top: 10px;
	}
	.popup02 .content .box.blue .kome {
			margin-top: 0;
	}
}