@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap');

.en {
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

/* リセット  */
	#mailnewsBody input:focus,
	#mailnewsBody textarea:focus{
		outline: none;
	}

	#mailnewsBody input,
	#mailnewsBody textarea{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
	}
	#mailnewsBody button,
	#mailnewsBody input[type="submit"] ,
	#mailnewsBody input[type="button"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		/*padding: 0;*/
		border: none;
		outline: none;
		background: transparent;
		cursor: pointer;
		border-radius: 0;
		box-shadow: none;
	}
	#mailnewsBody button{
		font-size: 100%;
		line-height: inherit;
	}



/* +++++++++++++++++++++++++++++++++++++++++++    PC    +++++++++++++++++++++++++++++++++++++++++++  */
/* 768px ~ */
@media print, screen and (min-width: 768px) {
	
	.sp {
		display: none;
	}
	
	#yrHere{
		margin-top: 0;
	}
	
	
	#mailnewsBody .wrap {
		margin-right: auto;
		margin-left: auto;
		max-width: 1120px;
	}
	#mailnewsBody .sponly {
		display: none;
	}
	#mailnewsBody .col_b {
		color: #00a0e9;
	}
	#mailnewsBody .small {
		font-size: 60%;
	}
	#mailnewsBody ul {
		list-style: none;
		list-style-image: none;
		padding: 0;
		margin: 0;
	}
	#mailnewsBody .cbox::after {
		content: ""; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
	
	#mailnewsBody {
		/*padding-top: 40px;*/
		line-height: 1.6;
		color: #fff;
		width: 100%;
		overflow: hidden;
	}
	#mailnewsBody .mailnews_wrapper{
		background: url("/files/user/images/mail_magazine_registration/bg.jpg") repeat-y top center;
		background-size: 100% auto;
		padding-bottom: 120px;
	}
	
	#mailnewsBody span.att{
		color: #ffff00;
	}
	
	/* mainArea */
	#mailnewsBody #mainArea{
		position: relative;
		padding: 120px 0 120px;
		max-width: 1400px;
		margin: 0 auto;
	}
	
		#mailnewsBody #mainArea .wrap{
			position: relative;
		}

			#mailnewsBody #mainArea h2{
				font-size: 56px;
			}
				#mailnewsBody #mainArea h2 span{
					position: relative;
					padding-bottom: 0.3em;
				}
					#mailnewsBody #mainArea h2 span:after{
						content: '';
						display: block;
						position: absolute;
						background: url("/files/user/images/mail_magazine_registration/line.png") repeat-x bottom left;
						background-size: 16px 7px;
						width: 608px;
						height: 7px;
						bottom: 0;
						left: 0;
					}
			#mailnewsBody #mainArea .lead{
				margin-top: 40px;
				font-size: 40px;
				line-height: 1.6;
				font-weight: bold;
			}
				#mailnewsBody #mainArea span.att{
					font-size: 120%;
				}
			#mailnewsBody #mainArea .appeal{
				position: absolute;
				bottom: 0;
				left: 370px;
			}
				#mailnewsBody #mainArea .appeal img{
					display: block;
					float: left;
					width: 157px;
				}
					#mailnewsBody #mainArea .appeal img + img{
						margin-left: 10px;
					}
		#mailnewsBody #mainArea .img_box{
			position: absolute;
			width: 790px;
			top: 65px;
			left: 55%;
		}
		
	/* mailnews_form_block */
	#mailnewsBody .mailnews_form_block{
		letter-spacing: 1px;
	}
		#mailnewsBody .mailnews_form_block .wrap{
			position: relative;
			padding: 4px;
		}
			#mailnewsBody .mailnews_form_block .wrap:before,
			#mailnewsBody .mailnews_form_block .wrap:after{
				content: '';
				display: block;
				position: absolute;		
				width: 43px;
				height: 100%;
				top: 0;
				z-index: 1;
			}
				#mailnewsBody .mailnews_form_block .wrap:before{
					background-image: url("/files/user/images/mail_magazine_registration/ang_tl.png"),url("/files/user/images/mail_magazine_registration/ang_bl.png");
					background-size: 43px 43px;
					background-repeat: no-repeat;
					background-position: top left, bottom left;
					left: 0;
				}
				#mailnewsBody .mailnews_form_block .wrap:after{
					background-image: url("/files/user/images/mail_magazine_registration/ang_tr.png"),url("/files/user/images/mail_magazine_registration/ang_br.png");
					background-size: 43px 43px;
					background-repeat: no-repeat;
					background-position: top right, bottom right;
					right: 0;
				}
					#mailnewsBody .mailnews_form_block .wrap .wrap-form{
						position: relative;
						background-color: #0095dd;
						border: 3px solid #0077bc;
						box-sizing: border-box;
						padding: 60px;
						display: -webkit-flex;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
						-ms-flex-pack: justify;
						justify-content: space-between;
						align-items: flex-end;
					}
						#mailnewsBody .mailnews_form_block .inner{
							width: calc(100% - 240px);
						}
							#mailnewsBody .mailnews_form_block .inner table {
							}
								#mailnewsBody .mailnews_form_block .inner table th{
									font-size: 28px;
									font-weight: bold;
									color: #fff;
									width: 220px;
									vertical-align: middle;
								}
								#mailnewsBody .mailnews_form_block .inner table td{

								}
									#mailnewsBody .mailnews_form_block .inner table td input{
										font-size: 20px;
										width: 100%;
										height: 58px;
										box-sizing: border-box;
										line-height: 58px;
										padding: 0 20px;
										letter-spacing: 1px;
									}
						#mailnewsBody .mailnews_form_block .wrap-form_button{
							margin-bottom: 0;
							padding-bottom: 0;
						}
						#mailnewsBody .wrap-form_button input[type="submit"]{
							width: 230px;
							text-align: center;
							font-size: 20px;
							background-color: #EDA900;
							color: #000;
							line-height: 1;
							cursor: pointer;
							border-radius: 4px;
							font-weight: bold;
							height: 58px;
							letter-spacing: 1px;
							margin-bottom: 0;
							padding: 0;
						}
	
	
	/* #mailnews_detail */
	#mailnewsBody #mailnews_detail{
		margin-top: 120px;
		position: relative;
	}
		#mailnewsBody #mailnews_detail .wrap{
			position: relative;
			padding-bottom: 70px;
		}
			#mailnewsBody #mailnews_detail .wrap .titleArea{
				text-align: center;
				font-size: 38px;
			}
				#mailnewsBody #mailnews_detail .wrap .titleArea h3{
					position: relative;
				}
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:before,
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:after{
						content: '';
						display: block;
						position: absolute;	
						background: url("/files/user/images/mail_magazine_registration/line.png") repeat-x bottom left;
						background-size: 16px 7px;
						height: 7px;
						width: 240px;
						top: 0;
						bottom: 0;
						margin: auto 0;			
					}
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:before{

						left: 0;
					}
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:after{
						right: 0;
					}

						#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span{
							display: inline-block;
							padding: 0 60px;
							position: relative;		
						}
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:before,
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:after{
								content: '';
								display: block;
								position: absolute;		
								width: 33px;
								height: 47px;
								top: 0;
								bottom: 0;
								margin: auto 0;
							}
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:before{
								background: url("/files/user/images/mail_magazine_registration/br_line_l.png") no-repeat center;
								background-size: cover;
								left: 0;
							}
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:after{
								background: url("/files/user/images/mail_magazine_registration/br_line_r.png") no-repeat center;
								background-size: cover;
								right: 0;
							}
			#mailnewsBody #mailnews_detail .mailnews_contents{
				position: relative;
				max-width: 1400px;
				margin: 45px auto 0;
			}
				#mailnewsBody #mailnews_detail .mailnews_contents dl{
					position: relative;
					padding: 295px 0;
					width: 630px;
					margin: 0 auto;
				}
					#mailnewsBody #mailnews_detail .mailnews_contents dl dt{
						text-align: center;
						background: url("/files/user/images/mail_magazine_registration/mail_icon.png") no-repeat center;
						background-size: 156px 103px;
						height: 103px;
						display: -webkit-flex;
						display: -ms-flexbox;
						display: flex;
						flex-direction: column;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
					}
						#mailnewsBody #mailnews_detail .mailnews_contents dl dt .en_tit{
							display: block;
							width: 90px;
						}
						#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit{
							display: inline-block;
							font-weight: bold;
							font-size: 26px;
							letter-spacing: 3px;
							position: relative;
							padding: 0 31px 0 33px;
						}
							#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:before,
							#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:after{
								content: '';
								display: block;
								position: absolute;
								width: 18px;
								height: 37px;
								top: 0;
								bottom: 0;
								margin: auto 0;
							}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:before{
									background: url("/files/user/images/mail_magazine_registration/br_l.png") no-repeat center;
									background-size: cover;
									left: 0;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:after{
									background: url("/files/user/images/mail_magazine_registration/br_r.png") no-repeat center;
									background-size: cover;
									right: 0;
								}
						#mailnewsBody #mailnews_detail .mailnews_contents dl dd{

						}
							#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li{
								position: absolute;
								width: 210px;
								height: 210px;
							}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(1){
									top: 0;
									left: 0;
									right: 0;
									margin: 0 auto;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(2){
									top: 120px;
									right:0;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(3){
									bottom: 120px;
									right:0;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(4){
									bottom: 0;
									left: 0;
									right: 0;
									margin: 0 auto;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(5){
									bottom: 120px;
									left:0;
								}	
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(6){
									top: 120px;
									left: 0;
								}


									#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner{
										height: 100%;
										width: 100%;
										box-sizing: border-box;
										border: 3px solid #0b7dbf;
										position: relative;
										background-color: #fff;
										border-radius: 50%;
										text-align: center;
										display: -webkit-flex;
										display: -ms-flexbox;
										display: flex;
										flex-direction: column;
										-webkit-box-pack: center;
										-ms-flex-pack: center;
										justify-content: center;
										-webkit-box-align: center;
										-ms-flex-align: center;
										align-items: center;
										color: #0b7dbf;
									}
										#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner .num{
											width: 30px;
											position: absolute;
											top: 18px;
											left: 0;
											right: 0;
											margin: 0 auto;
										}
											#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner .num img{
												display: block;
											}
										#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner p{
											font-weight: bold;
											font-size: 24px;
											line-height: 1.5;
											margin-top: 20px;
										}
							#mailnewsBody #mailnews_detail .img_box{
								position: absolute;
							}
							#mailnewsBody #mailnews_detail .img_box.illust02{
								width: 126px;
								top: 130px;
								right: 50px;
							}
							#mailnewsBody #mailnews_detail .img_box.illust03{
								width: 446px;
								bottom: 0;
								left: -140px;
							}
	
	
	/* mailnews_sample */
	#mailnewsBody #mailnews_sample{
		position: relative;
		color: #0b7dbf;
	}
		#mailnewsBody #mailnews_sample .wrap{
			position: relative;
			box-sizing: border-box;
			padding: 4px;
		}
			#mailnewsBody #mailnews_sample .wrap:before,
			#mailnewsBody #mailnews_sample .wrap:after{
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 43px;
				left: 0;
				z-index: 1;
			}
			#mailnewsBody #mailnews_sample .wrap:before{
				background-image: url("/files/user/images/mail_magazine_registration/ang_tl.png"),url("/files/user/images/mail_magazine_registration/ang_tr.png");
				background-size: 43px 43px;
				background-repeat: no-repeat;
				background-position: top left, top right;
				top: 0;
			}
			#mailnewsBody #mailnews_sample .wrap:after{
				background-image: url("/files/user/images/mail_magazine_registration/ang_bl.png"),url("/files/user/images/mail_magazine_registration/ang_br.png");
				background-size: 43px 43px;
				background-repeat: no-repeat;
				background-position: top left, top right;
				bottom: 0;
			}
				#mailnewsBody #mailnews_sample .wrap .inner{
					background-color: #d9f1fc;
					box-sizing: border-box;
					border: 3px solid #0077bc;
					position: relative;
				}

					#mailnewsBody #mailnews_sample .wrap .inner h4{
						position: absolute;
						text-align: center;
						margin: 0 auto;
						font-size: 26px;
						line-height: 68px;
						color: #0b7dbf;
						background: url("/files/user/images/mail_magazine_registration/tit_bg.png") no-repeat center;
						background-size: cover;
						width: 468px;
						height: 68px;
						left: 0;
						right: 0;
						top: -35px;
					}
					#mailnewsBody #mailnews_sample .wrap .inner .sample_list{
						padding: 90px 80px;
					}
						#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl{
							width: 454px;
							float: left;
						}
							#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl:nth-of-type(2n){
								float: right;
							}
							#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dt{
								position: relative;
							}
								#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dt .num{
									width: 96px;
									position: absolute;
									left: 0;
								}
								#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dt p{
									margin-left: 110px;
									height: 96px;
									font-weight: bold;
									font-size: 24px;
									display: -webkit-flex;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-align: center;
									-ms-flex-align: center;
									align-items: center;
									box-sizing: border-box;
									border-top: 3px solid #fff;
									border-bottom: 3px solid #fff;
								}
							#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dd{
								margin-top: 30px;
							}
								#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dd img{
									display: block;
									border: 1px solid #0077bc;
								}
							#mailnewsBody #mailnews_sample + .mailnews_form_block{
								margin-top: 60px;
							}
	
	
	
	
	
	
	
}













/* +++++++++++++++++++++++++++++++++++++++++++    sp    +++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 767px */
@media only screen and (max-width: 767px) {

	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	#yrHere{
		margin-top: 0;
	}
	
	
	
	#mailnewsBody .wrap {
		padding: 0 10px;
	}
	#mailnewsBody .col_b {
		color: #00a0e9;
	}
	#mailnewsBody .small {
		font-size: 60%;
	}
	#mailnewsBody ul {
		list-style: none;
		list-style-image: none;
		padding: 0;
		margin: 0;
	}
	#mailnewsBody .cbox::after {
		content: ""; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
	
	#mailnewsBody {
		padding: 29px 0 0;
		line-height: 1.6;
		color: #fff;
	}
	
		#mailnewsBody .mailnews_wrapper{
			background: url("/files/user/images/mail_magazine_registration/bg.jpg") repeat-y top center;
			background-size: 100% auto;
			padding-bottom: 60px;
		}
	
	#mailnewsBody span.att{
		color: #ffff00;
	}
	
	/* mainArea */
	#mailnewsBody #mainArea{
		position: relative;
		padding: 40px 0;
		margin: 0 auto;
	}
	
		#mailnewsBody #mainArea .wrap{
			position: relative;
			z-index: 2;
		}

			#mailnewsBody #mainArea h2{
				font-size: 30px;
				text-align: center;
				line-height: 1.3;
			}
				#mailnewsBody #mainArea h2 span{
					position: relative;
					display: inline-block;
					padding-bottom: 0.6em;
				}
					#mailnewsBody #mainArea h2 span:after{
						content: '';
						display: block;
						position: absolute;
						background: url("/files/user/images/mail_magazine_registration/line.png") repeat-x bottom left;
						background-size: 8px 4px;
						width: 100%;
						height: 4px;
						bottom: 0;
						left: 0;
					}
			#mailnewsBody #mainArea .lead{
				margin-top: 30px;
				font-size: 24px;
				line-height: 1.5;
				font-weight: bold;
			}
			@media only screen and (max-width: 320px) {
				#mailnewsBody #mainArea .lead{
					font-size: 22px;
				}
			}
				#mailnewsBody #mainArea span.att{
					font-size: 120%;
				}
			#mailnewsBody #mainArea .appeal{
				margin-top: 20px;
			}
				#mailnewsBody #mainArea .appeal img{
					display: block;
					float: left;
					max-width: 157px;
					width: 25%;
				}
					#mailnewsBody #mainArea .appeal img + img{
						margin-left: 5px;
					}
		#mailnewsBody #mainArea .img_box{
			position: absolute;
			max-width: 790px;
			width: 55%;
			top: 58%;
			right: -6%;
			z-index: 0;
		}
		@media only screen and (max-width: 320px) {
			#mailnewsBody #mainArea .img_box{
				top: auto;
				bottom: 3%;
			}
		}
		
	/* mailnews_form_block */
	#mailnewsBody .mailnews_form_block{
	}
		#mailnewsBody .mailnews_form_block .wrap{
			position: relative;
			padding: 14px;
		}
			#mailnewsBody .mailnews_form_block .wrap:before,
			#mailnewsBody .mailnews_form_block .wrap:after{
				content: '';
				display: block;
				position: absolute;		
				width: 30px;
				height: calc(100% - 22px);
				top: 11px;
				z-index: 1;
			}
				#mailnewsBody .mailnews_form_block .wrap:before{
					background-image: url("/files/user/images/mail_magazine_registration/ang_tl.png"),url("/files/user/images/mail_magazine_registration/ang_bl.png");
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: top left, bottom left;
					left: 11px;
				}
				#mailnewsBody .mailnews_form_block .wrap:after{
					background-image: url("/files/user/images/mail_magazine_registration/ang_tr.png"),url("/files/user/images/mail_magazine_registration/ang_br.png");
					background-size: 30px 30px;
					background-repeat: no-repeat;
					background-position: top right, bottom right;
					right: 11px;
				}
					#mailnewsBody .mailnews_form_block .wrap .wrap-form{
						position: relative;
						background-color: #0095dd;
						border: 3px solid #0077bc;
						box-sizing: border-box;
						padding: 20px 20px 30px;
					}
						#mailnewsBody .mailnews_form_block .inner{
							
						}
							#mailnewsBody .mailnews_form_block .inner table {
							}
								#mailnewsBody .mailnews_form_block .inner table th{
									font-size: 20px;
									font-weight: bold;
									color: #fff;
									width: 100%;
									display: block;
									background-color: transparent;
									padding: 0;
									margin-bottom: 10px;
									text-align: center;
								}
								#mailnewsBody .mailnews_form_block .inner table td{
									width: 100%;
									padding: 0;
									display: block;
								}
									#mailnewsBody .mailnews_form_block .inner table td input{
										font-size: 14px;
										width: 100%;
										box-sizing: border-box;
										padding: 15px 20px;
									}
						#mailnewsBody .mailnews_form_block .wrap-form_button{
							margin-bottom: 0;
							text-align: center;
						}
						#mailnewsBody .wrap-form_button input[type="submit"]{
							font-size: 14px;
							background-color: #EDA900;
							color: #000;
							line-height: 1.7;
							cursor: pointer;
							border-radius: 4px;
							font-weight: bold;
							padding: 7px 1em;
							width: 100%;
							margin: 10px auto 0;
						}
	
	
	/* #mailnews_detail */
	#mailnewsBody #mailnews_detail{
		margin-top: 80px;
		position: relative;
	}
		#mailnewsBody #mailnews_detail .wrap{
			position: relative;
			padding-bottom: 120px;
		}
			#mailnewsBody #mailnews_detail .wrap .titleArea{
				text-align: center;
				font-size: 24px;
			}
				#mailnewsBody #mailnews_detail .wrap .titleArea h3{
					position: relative;
					line-height: 1.3;
				}
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:before,
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:after{
						content: '';
						display: block;
						position: absolute;	
						background: url("/files/user/images/mail_magazine_registration/line.png") repeat-x bottom left;
						background-size: 8px 4px;
						height: 4px;
						width: calc(50% - 130px);
						top: 0;
						bottom: 0;
						margin: auto 0;			
					}
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:before{

						left: 0;
					}
					#mailnewsBody #mailnews_detail .wrap .titleArea h3:after{
						right: 0;
					}

						#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span{
							display: inline-block;
							padding: 0 50px;
							position: relative;		
						}
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:before,
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:after{
								content: '';
								display: block;
								position: absolute;		
								width: 33px;
								height: 47px;
								top: 0;
								bottom: 0;
								margin: auto 0;
							}
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:before{
								background: url("/files/user/images/mail_magazine_registration/br_line_l.png") no-repeat center;
								background-size: cover;
								left: 0;
							}
							#mailnewsBody #mailnews_detail .wrap .titleArea h3 > span:after{
								background: url("/files/user/images/mail_magazine_registration/br_line_r.png") no-repeat center;
								background-size: cover;
								right: 0;
							}
			#mailnewsBody #mailnews_detail .mailnews_contents{
				position: relative;
				margin: 10px auto 0;
			}
				#mailnewsBody #mailnews_detail .mailnews_contents dl{
					position: relative;
					margin: 0 auto;
				}
					#mailnewsBody #mailnews_detail .mailnews_contents dl dt{
						text-align: center;
						background: url("/files/user/images/mail_magazine_registration/mail_icon_sp.png") no-repeat center;
						background-size: 30vw 19.81vw;
						height: 103px;
						display: -webkit-flex;
						display: -ms-flexbox;
						display: flex;
						flex-direction: column;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
					}
						#mailnewsBody #mailnews_detail .mailnews_contents dl dt .en_tit{
							display: block;
							width: 90px;
						}
						#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit{
							display: inline-block;
							font-weight: bold;
							font-size: 18px;
							letter-spacing: 3px;
							position: relative;
							padding: 0 31px 0 33px;
						}
							#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:before,
							#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:after{
								content: '';
								display: block;
								position: absolute;
								width: 18px;
								height: 37px;
								top: 0;
								bottom: 0;
								margin: auto 0;
							}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:before{
									background: url("/files/user/images/mail_magazine_registration/br_l.png") no-repeat center;
									background-size: cover;
									left: 0;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dt .br_tit:after{
									background: url("/files/user/images/mail_magazine_registration/br_r.png") no-repeat center;
									background-size: cover;
									right: 0;
								}
						#mailnewsBody #mailnews_detail .mailnews_contents dl dd{

						}
							#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li{
								max-width: 210px;
								max-height: 210px;
								width: calc(50vw - 10px);
								height: calc(50vw - 10px);
								float: left;
							}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(2n){
									float: right;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li + li{
									margin-top: 20px;
								}
								#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li:nth-of-type(2){
									margin-top:  calc(25vw - 5px);
								}
									#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner{
										height: 100%;
										width: 100%;
										box-sizing: border-box;
										border: 3px solid #0b7dbf;
										position: relative;
										background-color: #fff;
										border-radius: 50%;
										text-align: center;
										display: -webkit-flex;
										display: -ms-flexbox;
										display: flex;
										flex-direction: column;
										-webkit-box-pack: center;
										-ms-flex-pack: center;
										justify-content: center;
										-webkit-box-align: center;
										-ms-flex-align: center;
										align-items: center;
										color: #0b7dbf;
									}
										#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner .num{
											width: 30px;
											position: absolute;
											top: 18px;
											left: 0;
											right: 0;
											margin: 0 auto;
										}
											#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner .num img{
												display: block;
											}
										#mailnewsBody #mailnews_detail .mailnews_contents dl dd ul li .inner p{
											font-weight: bold;
											font-size: 16px;
											line-height: 1.5;
											margin-top: 20px;
										}
							#mailnewsBody #mailnews_detail .img_box{
								position: absolute;
							}
							#mailnewsBody #mailnews_detail .img_box.illust02{
								max-width: 126px;
								width: 20%;
								top: 180px;
								right: 20px;
							}
							#mailnewsBody #mailnews_detail .img_box.illust03{
								max-width: 446px;
								width: 50%;
								bottom: 10px;
								left: 0%;
							}
	
	
	/* mailnews_sample */
	#mailnewsBody #mailnews_sample{
		position: relative;
		color: #0b7dbf;
	}
		#mailnewsBody #mailnews_sample .wrap{
			position: relative;
			box-sizing: border-box;
			padding: 14px;
		}
			#mailnewsBody #mailnews_sample .wrap:before,
			#mailnewsBody #mailnews_sample .wrap:after{
				content: '';
				display: block;
				position: absolute;
				width: calc(100% - 22px);
				height: 30px;
				left: 11px;
				z-index: 1;
			}
			#mailnewsBody #mailnews_sample .wrap:before{
				background-image: url("/files/user/images/mail_magazine_registration/ang_tl.png"),url("/files/user/images/mail_magazine_registration/ang_tr.png");
				background-size: 30px 30px;
				background-repeat: no-repeat;
				background-position: top left, top right;
				top: 11px;
			}
			#mailnewsBody #mailnews_sample .wrap:after{
				background-image: url("/files/user/images/mail_magazine_registration/ang_bl.png"),url("/files/user/images/mail_magazine_registration/ang_br.png");
				background-size: 30px 30px;
				background-repeat: no-repeat;
				background-position: top left, top right;
				bottom: 11px;
			}
				#mailnewsBody #mailnews_sample .wrap .inner{
					background-color: #d9f1fc;
					box-sizing: border-box;
					border: 3px solid #0077bc;
					position: relative;
				}

					#mailnewsBody #mailnews_sample .wrap .inner h4{
						position: absolute;
						text-align: center;
						margin: 0 auto;
						font-size: 20px;
						line-height: 1.3;
						color: #0b7dbf;
						background: url("/files/user/images/mail_magazine_registration/tit_bg_sp.png") no-repeat center;
						background-size: cover;
						max-width: 630px;
						max-height: 196px;
						width: 260px;
						height: 80.9px;
						left: 0;
						right: 0;
						top: -40.5px;
						display: -webkit-flex;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
					}
					#mailnewsBody #mailnews_sample .wrap .inner .sample_list{
						padding: 70px 20px 30px;
					}
						#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl{
						}
							#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl + dl{
								margin-top: 40px;
							}
							#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dt{
								position: relative;
								display: -webkit-flex;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: justify;
								-ms-flex-pack: justify;
								justify-content: space-between;
								-webkit-box-align: center;
								-ms-flex-align: center;
								align-items: center;
							}
								#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dt .num{
									max-width: 96px;
									width: 20%;
								}
								#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dt p{
									width: 75%;
									line-height: 1.5;
									padding: 10px 0;
									font-weight: bold;
									font-size: 16px;
									display: -webkit-flex;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-align: center;
									-ms-flex-align: center;
									align-items: center;
									box-sizing: border-box;
									border-top: 3px solid #fff;
									border-bottom: 3px solid #fff;
								}
							#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dd{
								margin-top: 20px;
							}
								#mailnewsBody #mailnews_sample .wrap .inner .sample_list dl dd img{
									display: block;
									border: 1px solid #0077bc;
								}
							#mailnewsBody #mailnews_sample + .mailnews_form_block{
								margin-top: 20px;
							}
		



}