@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

html{
	height:100%;
	width:100%;
	}	
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #212121;
	margin: 0;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
	position:relative;
	font-size:100%;
	font-weight:bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */

body {
	width:100%;
	margin:auto;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
	padding:30px 80px;
	color:#000;
	display:table;
	height:100%;
}

@media screen and (min-width: 801px), print {
.modal_wrap{
	height:100%;
	display:table-cell;
	vertical-align:middle;
	}
.modal_content{
	position:relative;
	}
	.modal_content .text{
		display:inline-block;
	vertical-align:middle;
		width:55%;
		padding-right:5%;
		}
	.modal_content h1{
		font-size:22px;
		letter-spacing:0.4em;
		color:#D71717;
		}
	.modal_content .text p{
		font-size:13px;
		}
		
		.pht_text{
			}
		.pht{
			position:absolute;
			right:0;
			top:0;
			}

.hokkaido .pht_text{
	padding-right:279px;
	}
.hokkaido .pht{
	width:239px;
	}
	

.tohoku .pht_text{
	padding-right:180px;
	}
.tohoku .pht{
	width:140px;
	}

.kanto .pht_text{
	padding-right:144px;
	}
.kanto .pht{
	width:104px;
	}

.chubu .pht_text{
	padding-right:243px;
	}
.chubu .pht{
	width:223px;
	}

.kinki .pht_text{
	padding-right:139px;
	}
.kinki .pht{
	width:99px;
	}

.chugoku .pht_text{
	padding-right:204px;
	}
.chugoku .pht{
	width:169px;
	}

.kyusyu .pht_text{
	padding-right:231px;
	}
.kyusyu .pht{
	width:191px;
	}

				
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	.pc {display: none !important;}
	
body {
	padding:40px 20px;
}	
.modal_content{
	}
		.modal_content p.teacher_name a{
			color:#fff;
			text-decoration:underline;
			}
	.modal_content .text{
		text-align:left;
		width:100%;
		}
	.modal_content h1{
		font-size:22px;
		color:#D71717;
		}
	.modal_content .text p{
		font-size:13px;
		}
		.pht{
			width:90%;
			max-width:150px;
			margin:auto;
			display:block;
			margin-top:20px;
			}
								
}