.container {
    padding-left: 0px;
    padding-right: 0px;
}
#primaryWrapper {
	text-align:left;
	font: 13px/1.8 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'Meiryo UI','メイリオ', 'Meiryo', sans-serif;/*'YuGothic','Yu Gothic','游ゴシック',*/
	*font-size:small;
	*font:x-small;
	overflow: hidden;
	width: 100%;
	/*	background: #e5ecf2;
	background: -webkit-linear-gradient(top,#e5ecf2,#a1d8ff);
	background: -moz-linear-gradient(top,#e5ecf2,#a1d8ff);
	background: -o-linear-gradient(top,#e5ecf2,#a1d8ff);
	background: linear-gradient(top,#e5ecf2,#a1d8ff);*/
	padding: 0px 0px 30px;
	color:#222;
}
#primaryWrapper p {
	margin:0 0 30px 0;
	color:#111 !important;
}
#primaryWrapper img {
    max-width: 100%;
}
#secondaryWrapper {
	margin-top: 0px;
}
#mainSection {
	width:100%;
	margin-bottom: 80px;
	line-height:1.4;
}

.section {
	width: 100%;
	margin-bottom: 100px;
	position:relative;
}
.section:not(:first-child){
	margin-top: 50px;
}
/*	.section img {
	border: 1px solid #CCC;
}*/

.sectionArrow:after{
    content: "";
    position: absolute;
    z-index: 200;
    bottom: -66px;
    left: 50%;
    margin-left: -66px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 38px 66px 0 66px;
	border-color: #CCC transparent transparent transparent;
}
.content  {
	padding: 0px;
	clear: both;
	margin-bottom: 30px;
}


#topimage h3.top{
	font-size: 1.4em;
	margin-bottom:10px;
	padding:3% 2%;
	width:100%;
	box-sizing:border-box;
	background:#DADEEF;
}



/*.contentHeading {
	background:url(img/img_title.jpg) left top /100% no-repeat;
		
	height: 280px;
	width: 100%;
	
	position:relative;
	margin-bottom:10px;
}
.contentHeading h3{
	position:absolute;
	top:120px;
	left:2%;
	
	font-size: 2.2em;
	line-height:1.2;



    
    



}
.contentHeading p{
	position:absolute;
	top:120px;
	left:1%;
	

	text-indent: 0;
	padding:1% 2%;
	margin-bottom:10px;
	font-size: 1.1em;
	line-height:1.8;
	
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.8);
}*/

.section h3,
#endSection h3{
	font-size: 1.6em;
	margin-bottom:10px;
	padding:3% 2%;
	width:100%;
	box-sizing:border-box;
	background:#DADEEF;
}
.section h3#study,
.section h3#practice{
	font-size: 2em;
	font-weight:bold;
	margin-bottom:0;
	padding:3% 2%;
	width:100%;
	box-sizing:border-box;
	background:none;
	line-height:1;
}
.section h4{
	font-size: 1.4em;
	margin-bottom:10px;
	padding:1rem;
	width:100%;
	box-sizing:border-box;
	background:#E3ECEA;
}



					/*.subsection{
						margin:20px 0px;
					}
					.subsection h4{
						font-size: 1.6em;
						margin-bottom:10px;
						padding:2%;
						width:100%;
						box-sizing:border-box;
						background:#FCEC27;
					}
					.subsection p a{
						display:block;
						text-align:right;
						margin:0 0 0 130px;
					}
					.subsection p span{
						font-size:1.6em;
						line-height:3;
					}*/

.section p,
.section dl{
	width:100%;
	text-indent: 0;
	padding:0 5%;
	margin-bottom:30px;
	font-size: 1.2em;
	line-height:1.8;
	vertical-align:top;
}
			.section dl dt{
				width:24%;
				display:inline-block;
				vertical-align:top;
				padding:5px 0 5px 10px;
				box-sizing:border-box;
			}
			.section dl dd{
				width:75%;
				display:inline-block;
				vertical-align:top;
				padding:5px 10px;
	box-sizing:border-box;

			}
			.section dl > dd:not(:first-child),
			.section dl > dt:not(:first-child){
				border-top:solid 1px #666;
			}
			.section dl > dd:nth-child(2){
				border-top:none;
			}
.section p img{
	width:100%;
	padding:0;
}
/*.section #picWrap img{

	width:92%;
	
	padding:0 4%;
	margin:0 0 10px;

}*/


.section p.link_paragraph{
	text-align:center;
	margin:20px auto !important;
	font-size:1.6em;
}




div.img_full{
	margin:0 0 50px;
}

.points{
	background: #ffdcec;
}


small {
	font-size: 0.8em;
}

p a[rel="imgSample"] {
	margin-left: 130px;
}

#primaryWrapper em{
	font-size: 1.2em;
	color: #DD2020;
	font-weight: bold;
	font-style: normal;
}
/*#primaryWrapper em:before {
	content:"\A?@";
	white-space: pre;}
#primaryWrapper em:after {
	content:"?@\A";
	white-space: pre;}*/

.main_Spec{
	min-width:96%;
	max-width:96%;
	margin:0 2%;
}
.main_Spec th ,.main_Spec td{
	font-size:1.3em;
	text-align:center;
	color:#111;
}
.main_Spec th{
	padding:1em 0;
	line-height:1.2;
	background-color:#E1E1E1;
}
.main_Spec td{
	line-height:1.5;
}
.main_Spec tr.bgtb td{
	background-color:#F1F1F1;
}
.main_Spec td.empoint{
	background-color:#FEE3E3 !important;
}

div.imgWrap{
	line-height:1.2;
	text-align:center;
	padding:0 0 30px;
	margin-bottom:40px;
	
	width: 90%;margin: auto 5%;
}

div.imgWrap p{
	font-size:1.05rem;
text-align: left;
padding: 10px 0 0;
}
#primaryWrapper  .main_Spec em{
	font-size:1em;
}






.caution {
	width: 86%;
	margin:20px 7%;
	background:#F8EFA0;
	padding:10px;
	box-sizing:border-box;
	border-radius:6px;
}
.caution dt{
	font-weight:bold;
	font-size:1.6em;
}
/*.caution dt{
	font-size: 1.8em;
	line-height: 1.8;
}*/
.caution dd{
	text-indent:-1.2em;
	padding-left:1.2em;
	font-size: 1.3em;
	line-height: 1.3;
	margin-bottom:10px;
}
/*.caution dd + dd{
	text-align:center;
}*/
.caution2 {
	background:#FFDDC8;
}

.check{
	display:block;
	padding:5px 10px;
	background:#FFEB35;
}
strong {
    font-size: 1em;
    font-weight: bold;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,239,125,0),rgba(255,239,125,0),rgba(255,239,125,255),rgba(255,239,125,255));
}

.fontred{
	color:#EE1111;
}
.fontblue{
	color:#1818EE;
}
.quotation{
margin: 20px; 
display: inline-block; 
font-style: italic; 
background: #eef; 
padding: 10px; 
font-size: 0.85em;
}


.subSection{
	font-size:13px;
	margin-bottom:20px;
}
/*.subSection strong{
	font-size:2.6em;
	display:inline-block;
	color:#ffa3c5;
	margin:40px 20px 0 0;
}*/
/*h3 +.subSection strong{
	
	margin:0 20px 0 0;
}*/
/*.subSection span{
	font-size:1.45em;
	display:inline-block;
}*/


h3.top{
	font-size:1.3em;
	line-height:1.2;
}
h3.top span{
	font-size:0.75em;
}




/*@media print, screen and (min-width:480px){
div.imgWrap{
	text-align:center;
	padding:0 2% 20px;
}

}*/



.halfimg{
	width:94%;
	margin:auto 3%;
	display:inline-block;
}
.quarterimg{
	width:94%;
	margin:auto 3%;
	display:inline-block;
}

.common_table{
	width:98%;
	border:solid 1px #b1b1b1;
	margin:0 1% 60px;
	box-sizing:border-box;
}
.common_table th{
	font-size:1em;
	line-height:1.3;
	text-align:center;
	vertical-align:middle;
	width:25%;
	height:3.4em;
	border:solid 1px #b1b1b1;
}

.common_table td{
	font-size:0.9em;
	line-height:1.3;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	width:25%;
	height:2.2em;
	border:solid 1px #b1b1b1;
	padding:0.5em 0.1em;
}
.common_table tr:nth-child(odd){
	background:#F1F1F1;
}
.common_table tr:first-of-type{
	
	background:#D1D8E5;
}

.common_table tr td:not(.fot):first-of-type{
	background:#DEDDDF;
}




.explanation{
	font-size:1.7em;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	width:80%;
	margin:30px auto 80px;
	padding:15px 10px;
	box-sizing:border-box;
	background:#D1D8E5;
}















@media print, screen and (min-width:640px){
.pankuzu{
width:100%;
}
#primaryWrapper {
	
}
#topimage{
padding:0 0 50px;
text-align: center;
}

/*		#topimage+ h3{
		
		font-size:1.5em;
		text-align: left;
		border-left:solid 6px #222;
		border-bottom:solid 1px #DEDEDE;
		text-indent: 10px;
		margin-bottom:20px;
		
		padding:0;
		background:none;
		}*/
		
.contentHeading h3{
	top:200px;
	/*	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;*/
	
	-webkit-text-shadow:2px 2px 1px #EEE,2px 2px 1px #EEE,2px 2px 1px #FFF,2px 2px 1px #EEE;
	-moz-text-shadow:2px 2px 1px #EEE,2px 2px 1px #EEE,2px 2px 1px #FFF,2px 2px 1px #EEE;
	text-shadow:2px 2px 1px #EEE,2px 2px 1px #EEE,2px 2px 1px #FFF,2px 2px 1px #EEE;
	font: 3.2em "????S?V?b?N Pro B", "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
	line-height:1.2;
	font-weight:500;
}
.contentHeading p{
	font-size: 1.2em;
	text-indent: 0;
	
	width:98%;
	margin-bottom:20px;
	padding:0 1%;
	
	top:240px;
	background-color:rgba(255,255,255,0);
}
.contentHeading {
	height: 340px;
	margin-bottom:30px;
}

.section h3,
#topImage .top/*,
#endSection h3*/{
	font-size: 2.2em;
	font-weight:bold;
	margin:0 auto 20px;
	padding:0 5% ;
	width:90%;
	background:#FFF;
	
	line-height:1.3;
	
	/*border-bottom:solid 1px #DEDEDE;
	border-left:solid 13px #222;*/
	box-sizing:border-box;
}
.section h3{
	margin-top:30px;
}
.section h3.study,
.section h3.practice{
	font-size: 2.8em;
	font-weight:bold;
	line-height:1.2;
	width:100%;
	margin-top:150px;
	margin-bottom:0;
	padding:0 1% 0 2%;
	border:none;
	box-sizing:border-box;
}
.section h3.top{
	
	font-size: 2.8em;
	margin-top:60px;
	padding:0;
}

.section h3.sub{
	width:100%;
	margin-top:60px;
}

.section #contentsTable{
	margin-top:100px;
	margin-bottom:100px;
}


.section #contentsTable h4{
	font-size: 2.2em;
	font-weight:bold;
	margin-bottom:0;
	padding:0 1%;
	width:100%;
	box-sizing:border-box;
	background:none;
}
.section h5{
	font-size: 2.2em;
	
	margin-top:100px;
	margin-bottom:10px;
	padding:0 1%;
	width:100%;
	
	border-bottom:solid 1px #DEDEDE;
	
	box-sizing:border-box;
	background:none;
}
.section p{
	width:90%;
	padding:0 5%;

	font-size:1.35em;
	color:#474747;
	line-height:2;
	margin-bottom:30px;
}
#primaryWrapper .section p{
	width:100%;
	margin-bottom:25px;
	padding:0;
}
					.subsection{
						/*margin:20px 30px;
						box-sizing:border-box;
						margin:0;*/
					}
					/*.subsection p{
						font-size: 1.3em;
						margin-bottom:10px;
						width:50%;
						padding:0;
						display:inline-block;
					}
					.subsection p span{
						font-size:1.6em;
						line-height:3;
					}*/

.section p img{
	width:80%;
	
	padding:0 10%;
}

.section #picWrap img{
	display:inline-block;
	width:49%;
	padding:0;
	margin:0 0 10px;
	vertical-align:top;
	text-align:left;
}
.section ul{
	background-color:#FFF29B;
	font-size: 1.3em;
	width:50%;
	margin-right:40%;
	margin-bottom:10px;
	padding:10px 5%;
}
.section li{
	margin:10px 0 5px;
}
div.img_full{
	margin:0 3% 10px;
}



.main_Spec{
	min-width:100%;
	max-width:100%;
	margin:0;
}







.caution {
	font-size: 1.2em;
	width: 84%;
	margin:30px 8%;
	background:#F8EFA0;
	padding:30px 20px;
	box-sizing:border-box;
	border-radius:6px;
	text-align: center;
}
.caution dt{
	font-weight:bold;
	font-size:2em;
	text-align:center;
	line-height: 2.4;
}
/*.caution dt{
	font-size: 1.8em;
	line-height: 1.8;
}*/
.caution dd{
	text-indent:-1.2em;
	padding-left:1.2em;
	font-size: 1.5em;
	line-height: 1.3;
	margin-bottom:10px;
}
/*.caution dd + dd{
	text-align:center;
}*/
.caution2 {
	background:#FFDDC8;
}






/*.halfimg{
	width:60%;
	margin:auto 20%;
	display:inline-block;
}*/
.quarterimg{
	width:34%;
	margin:auto 33%;
	display:inline-block;
}
/*div.imgWrap +p{
	
	clear:right;
}*/


div.imgWrap{
	margin-top:0px;
	margin-bottom:30px;
	/*margin:auto 5%;*/
}
/*div.imgWrap a img{
	padding:5px;
	box-sizing:border-box;
}
div.imgWrap a img:hover{
	opacity:0.7;
}*/
div.imgWrapHalf{
	width:50%;
	margin-top: 0;
	padding-right:1%;
	box-sizing: border-box;
	display: inline-block;
}
div.imgWrapHalf:nth-of-type(2n){
	width:50%;
	padding-right:0;
}
.small{
	color:#999;
	font-size:1em !important;
	line-height:1.3;
}
.quotation{
margin: 20px 30px; 
display: inline-block; 
font-style: italic; 
background: #eef; 
padding: 20px; 
font-size: 0.9em;
}

















.subSection{
	width:86%;
	margin:0 auto 50px;
	overflow:hidden;
	zoom:1;
}
.subSection:after{
	clear:both;
}
/*.subSection strong{
	font-size:3em;
	margin:0 20px 0 0;
}*/
/*.subSection span{
	font-size:1.6em;
	display:inline-block;
}*/



.subSection h3{
	width:100%;
	padding:0;
}
.subSection .text{
	line-height:2;
	width:60%;
	box-sizing:border-box;
	float:left;
}

.subSection .img{
	text-align:center;
	width:39%;
	box-sizing:border-box;
	float:left;
}





.halfimg{
  width:49%;
  margin:0;
  display:inline-block;
  float:left;

  margin-right:1%;
}
.common_table{
	
	width:80%;
	margin:auto 10%;
}


.common_table th{
	font-size:1.2em;
	line-height:1.8;
}

.common_table td{
	font-size:1.2em;
	line-height:1.8;
}




.explanation{
	font-size:2.4em;
	font-weight:bold;
	text-align:center;
	width:70%;
	margin:30px auto 80px;
	padding:15px;
	box-sizing:border-box;
	background:#D1D8E5;
}




























}
@media (min-width: 576px){
.container {
    width: 100%;
    max-width: 100%;
}
}
@media (min-width: 980px){
.container {
    width: 960px;
    max-width: 100%;
}
}