@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
	font-size:100%;
}




/* --------------------------
     小型タブレット端末（スマホのみに適応）
-------------------------- */
@media only screen and (max-width: 481px) {



} /* /@media */



/* --------------------------
     大型タブレット端末
-------------------------- */
@media only screen and (min-width: 481px) and (max-width: 768px) {
     


 
} /*デバイスの横幅が321以上768以下の場合*/


/* --------------------------
     PC端末
-------------------------- */ 
@media only screen and (min-width: 961px) {

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*.continer 可変幅*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

img {
max-width: 1200px;
max-height: 1200px;
}


article{	
	margin-left:auto;
	margin-right:auto;
}
section{	
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
header{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

div.FB div {
width: 500px;
}

div.FB div {
margin-right: 20px;
float: left;
}

.clearLeft {
clear: left;
}

.emphasis{
	background-color:#FFFF00;
}

p.dc:first-letter {
    font-weight:bold;
    font-size:500%;
    color:#000;
    line-height: 1;
    float: left;
    padding: 3px;
    margin-right: 3px;
}

.setleft{margin-left:450px;}


table {
   table-layout: fixed;
   width: 100%;
}

.ex_table{
  border-bottom-style: double;
  border-bottom-color: blue;
}

.tax{
	text-align: right;
}

.form p{	
	text-align:center;
}

.photo{
margin-bottom:20px;
}

.redfont{
	color:red;
	font-weight:bold;	
}

.subhead{
	font-size:24px;	
}


.waku{
	width:1000px;
	border: outset 3px #28222A;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 20px;
}

.waku2{
	width:80%;
	border: outset 3px #28222A;
	margin:30px auto;
	padding: 20px;
}

.bullet{
	font-weight: bold;
	font-size: 20px;
}

.recommendation{
	display: inline-block;
	margin:auto 30px;
	width:90%
	}

.portrait{
float: right;
margin:20px;
}

.course{
margin-bottom: 5px;
margin-left:15px;
font-size: 150%;
}



.explanation{
overflow: hidden;	
}


.proof{
	width: 30%;
    height: auto;
}

.ranking{
	width: 100%;
    height: auto;
    margin: 20px;
    text-align:center;
}

.pranking{
	width: 50%;
    height: auto;
    margin: 20px;
    text-align:center;
}

#addititon{
	font-size: 25px;
	color: #FF2600;
}

} /* /@media */



/* --------------------------
     全端末共通のCSS
-------------------------- */

aside,section,article{display:block;}

body{
	color:#000000;
	font-family:"Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:17px;
	font-weight:normal;
	text-align:center;
	line-height:190%;
	background-color:#e8e8e8;
}

img{
	border:none;
	display:block;
	max-width: 100%;
    height: auto;
}
a:link{color:#0000ff;}
a:visited{color:#0000ff;}
a:hover{color:#00ffff;}
a:active{color:#0000ff;}


h1{
	font-size:300%;
	font-weight:bold;
	line-height:170%;
	text-align:center;
}
h2{
	font-size:160%;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
	color: #FF2600;
}
h3{
	font-size:130%;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
	color:#1C1F87;
	padding-left:2em;
	text-indent:-2em;
	text-align:center;
}
h4{
	font-size:130%;
	font-weight:bold;
	line-height:180%;
	text-align:center;
}
h5{
	font-size:110%;
	font-weight:bold;
	line-height:180%;
}



.option{
display:inline-block
}

article{
	text-align:left;
	background-color:#FFFFFF;
}


section{
	margin-top:100px;
	
}
section h1{margin-bottom:20px;}

section p, .m_bottom, header p, h4, h5, .form{margin-bottom:45px;}

.fsmall{font-size:14px!important; color:#000000!important;}
.fbig01{font-size:120%; line-height:190%; font-weight:bold;}
.fbig02{font-size:150%; line-height:190%; font-weight:bold;}
.fbig03{font-size:; line-height:190%; font-weight:bold;}
.fbig04{font-size:; line-height:190%; font-weight:bold;}

/* ====================================*/
/*ボックス体裁*/
/* ====================================*/

footer{
	padding:30px;
	margin-top:50px;
	text-align:center;
}
footer a{margin:0px 10px;}
footer address{font-size:90%; letter-spacing:0.1em;}



/* ====================================*/
/*画像をfloat*/
/* ====================================*/
.imgfloatR img{/* 画像は右側*/
	float:right;
	padding-left:10px;
}
.imgfloatL img{/* 画像は左側*/
	float:left;
	padding-right:10px;
}
.cler{clear:both;}

/* ====================================*/
/*UL*/
/* ====================================*/
.none{list-style:none;}

li{
	background-image:url(img/check01.png);
	background-repeat:no-repeat;	
	padding-left:37px;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size:130%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*スペース*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.s5{margin-top:5px;}
.s10{margin-top:10px;}
.s20{margin-top:20px;}
.s30{margin-top:30px;}
.s40{margin-top:40px;}
.s60{margin-top:60px;}
.s80{margin-top:80px;}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*装飾*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.font_weight{font-weight:bold;}
.center{text-align:center;}
em{
	font-style:normal;
	font-weight:bold;
}

.red{
	color:#e4007f;
}
.yellow{
	background-color:#ffff00;
	padding:2px;
}
.bule{color:#171A8C; font-weight:bold;}

.redkasen{
	border-bottom:1px solid #e4007f;
}
.kurokasen{
	border-bottom:1px solid #000000;
}

.deco{
	color:#ea5415;
	font-size:xx-large;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ボックス*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box_style{line-height:150%;}
.box_style p{margin-bottom:0px!important; padding-bottom:30px;}





/*テーブル*/
.modanTB{
	width:680px;
	border-collapse:separate;
	border:solid 2px #888888;
	empty-cells:show;
	margin-left:90px;
}
.modanTB th{
	width:180px;
	border:solid 1px #888888;
	background-color:#CCCCCC;
	padding:10px;
	text-align:center;
}
.modanTB td{
	border:solid 1px #888888;
	padding:10px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*追加分*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.set{
	width:775px;
	margin-left:auto;
	margin-right:auto;
}



.box{
	border:dotted 1px #999999;
	padding:40px 30px 0px 30px;
	margin-bottom:40px;
}
.box01 h2{
	line-height:150%;
	margin-bottom:10px;
	background-image:url(img/check02.png);
	background-repeat:no-repeat;
	padding-left:30px;
}
.box01 p{padding-left:30px;}


.box02 p{padding-left:3.5em;}


.box03 h5{
	margin-bottom:10px!important;
	border-bottom:solid 1px #000000;
}


.form{
	padding:30px;

	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	
	box-shadow: 0px 2px 3px #777;
	-moz-box-shadow: 0px 2px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;

	background:linear-gradient(#76bc2a,#b2d691);
	background:-moz-linear-gradient(top,#76bc2a,#b2d691);
	background:-webkit-gradient(linear,left top,left bottom,from(#76bc2a),to(#b2d691));
	-pie-background:linear-gradient(#76bc2a,#b2d691);
	position:relative;	

}

.emp{
	color:#ff0000;
	font-weight: bold;
}

.form table th, .form table td{padding:5px;}

.form table{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}



.top{
	background-color: #333333;
	width: 100%;
	margin: auto 0;
	text-align: center;
	height: 30px;
	margin-bottom: 10px;
}

.form p{
	font-size:200%;
	font-weight:bold;
	margin-bottom:20px!important;
	color:#FFFFFF;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*.youtube-container 可変幅*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




.youtubeSize{width: 560px; height: 315px;}
.support-table{max-width:  850px;}

@media screen and (max-width:  767px) {
	.youtubeSize{width:100%; height:60vw;}
	.support-table{width: 100%;}
	.support-table .sup-title{font-size: 12px;}
	.support-table .sup-font1{font-size: 15px;}
	section h1{font-size: 22px; margin-top: 20px;}
	.contents-container{margin: 0 10px 0 10px;}
	
	input[type="text"]{display: block; border: 1px solid #ccc; width: 100%; height: 40px; margin-bottom: 15px;}
	select{display: block; border: 1px solid #ccc; width: 100%; height: 40px; margin-bottom: 15px;}
	
	input[type="submit"]{
	border: 1px solid #ccc;
    background: #22aaff;
    border-radius: 5px;
    font-size: 30px;
    width: 100%;
    color: #fff;
    padding: 5px 0 5px 0;
    margin-bottom: 20px;
	}
	
}