@charset "UTF-8";
/* CSS Document */
html, body{width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
img{width:100%; padding: 0;margin: 0;}
div{padding: 0; margin: 0;}
.wrapper{padding: 0; margin: 0; overflow: hidden; }
p{margin:0;padding: 0;}

.clear{clear: both;}
.copyright{text-align: center; font-size: 55%; color: #fff; background-color: #000; padding: 30px 0 120px 0;}

/*--------　topへ戻るボタン　-------*/
#page-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    font-size: 80%;
	z-index: 100;
}
 
#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	font-weight: bold;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}


/* -----------SP----------- */
@media screen and (max-width: 750px) {
	.txt_s{font-size: 55%;}
	.logo{padding: 10px 0 0 10px; background-color: #212227;}
	.logo img{width: 40%;}
	#mainvisual{
	background: url("/lp/flt_forum11/img/MV_bg.png") center center no-repeat; background-size: auto 100%; margin:0; 
}
	#mainvisual .mv_bg {
	background-color: #1660ab; 
    background: url("/lp/flt_forum11/img/Mainvisual_pc.png") bottom right no-repeat;
    background-size: 150%;
    margin: 0;
    padding-bottom: 90%;
    position: relative;
	color: #fff;
}

	#mainvisual .mv_bg .shusai {position: absolute; top:10%; left:8%; font-weight: normal; font-size: 80%; width: 90%;}
	#mainvisual .mv_bg .sub_eng{ font-size: 10%;}
	#mainvisual h1{line-height: 2.3em; margin: 5% 0;}
	#mainvisual h1 p{font-size: 220%;}
	#mainvisual .mv_bg .shusai .label{}
	#mainvisual .mv_bg .shusai .label img{width: 74vw; margin-top: 8%;}

	
	/*---広がる受験チャンス---*/
	.contents_1{background-color:#BDECEF ; color: #ffffff; padding:10px 20px; margin: 0; font-size: 120%;}
	.contents_box{ color: #08395E; display: block; margin:10px auto 0 auto; }
	.contents_box dt{font-size: 140%;  padding: 20px 0; margin: 0; text-align: left; }
	.contents_box dt h2{margin: 30px 0 0 0; font-size: 125%;}
	.contents_box dt h3{margin: 30px 0 0 0; font-weight: normal; font-size: 150%;}
	.contents_box dt h4{margin:10px 0 0 0; font-size: 70%;}
	.contents_box img{width: 80%; display: block; margin: 0 auto;}
	.contents_box dd{padding:0 0 30px 0;margin: 0; text-align: left; font-size: 90%; line-height: 1.8em;}
	.contents_box .photo img{width: 50%; margin:0 auto 10px auto;}
	.contents_box .border_box{ border: solid 1px; border-color:#08395E; padding: 20px; font-size: 70%;}
	
/*---実施概要---*/
	#gaiyo {background: url("/lp/flt_forum11/img/bg_outline.png") center center no-repeat; background-size: cover; margin: 0; position: relative; padding: 40px 0; width: auto;}
	#gaiyo .gaiyo_bg{background-color: #fff; padding: 40px 0; width: 90%; display: block; margin: 0 auto; color: #454545;}
	.gaiyo_bg h2{font-size: 200%; font-weight: normal; text-align: center; margin: 0 20px 0 50px 0; padding-bottom: 40px;}
	.gaiyo_bg table{width: 95%; display: block; margin: 0 auto;}
	.gaiyo_bg tr{padding-bottom: 10px;}
	.gaiyo_bg td{ vertical-align: super; padding-bottom: 10px; }
	.gaiyo_bg .txt_just{
	 moz-text-align-last: justify;
     text-align-last: justify;       /* Chrome?Firefox用 */
	 text-justify: inter-ideograph;  /* IE?Edge用 */
		
	}
	
/*---プログラム---*/
	.prg{width: 90%; display: block; margin: 40px auto; color: #454545;}
	.prg h2{font-size: 200%; font-weight: normal; text-align: center; margin:80px 0 50px 0;}
	.prg table{width: 100%;}
	.prg td{border-bottom: #939393 dotted 2px; padding:30px 0 20px 0; vertical-align: super;}
	.prg p{border-bottom: #454545 dotted 2px; padding: 10px 0;}
	
	
	.flow {background: url("/lp/flt_forum11/img/bg_flow.png") top center no-repeat; background-size:cover; margin: 0; position: relative; padding-bottom: 50%; }
	.flow_bg{width: 65%; background-color: #fff; padding:0 40px; position:absolute; top: ; bottom: 0; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
	.flow_bg .tit{font-size: 200%; font-weight: normal; text-align: center; margin: 50px 0 30px 0; color: #454545; }
	.flow_detail{ background-color: #F2F2F2; padding-bottom: 100px;}
	.flow_detail dl{width: 65%; background-color: #fff; padding: 40px; display: block; margin: 0 auto; }
	.flow_detail dt{background-color: #454545; color: #fff; font-size: 4vw; padding: 15px 10px 15px 30px; border-radius: 100px;}
	.flow_detail dd{ width: 85%; display: block; color: #454545; margin: 30px auto 50px auto; line-height: 1.8em;}
	
	
.footer{width: 100%; bottom: 0; position: fixed; z-index: 9999; line-height: 0; background-color: #C30006;}
.footer img{ width: 55%; display: block; margin: 25px auto 20px auto;}
	
}



/* -----------PC----------- */
@media screen and (min-width: 751px){
	.txt_s{font-size: 60%;}
	.logo{padding: 13px 0 2px 0; background-color: #212227;}
	.logo img{width: 12%; position: relative; left: 5%;}
	#mainvisual{
		background: url("/lp/flt_forum11/img/MV_bg.png") center center no-repeat;
		background-size: auto 100%; margin:0;padding-bottom:1.9%;
}
	#mainvisual .mv_bg {
	background-color: #1660ab; 
    background: url("/lp/flt_forum11/img/Mainvisual_pc.png") center right no-repeat;
    
    margin: 0;
    padding-bottom: 34%;
    position: relative;
	color: #fff;
}

	#mainvisual .mv_bg .shusai {position: absolute; top:10%; left:15%; font-weight: normal; font-size: 2vw;}
	#mainvisual .mv_bg .sub_eng{ font-size: 50%;}
	#mainvisual h1{line-height: 150%; margin: 3% 0;}
	#mainvisual h1 p{font-size: 160%;}
	#mainvisual .mv_bg .shusai .label{}
	#mainvisual .mv_bg .shusai .label img{width: 43vw; margin-top: 8%;}
	
/*---講演会テーマ---*/
	.contents_1{background-color:#BDECEF ; color: #ffffff; margin: 0; padding:50px 0;text-align: center; font-size: 120%;}
	.contents_box{ width: 65%; color: #08395E; display: block; margin:0 auto; }
	.contents_box dt{font-size: 140%;  padding: 20px 0; margin: 0; text-align: left; }
	.contents_box dt h2{margin: 30px 0 0 0; font-size: 180%;}
	.contents_box dt h3{margin: 0; font-weight: normal; font-size: 150%;}
	.contents_box dt h4{margin: 0; font-size: 110%;}
	.contents_box img{width: 35%; display: block; margin: 0 auto;}
	.contents_box dd{padding:0 0 30px 0;margin: 0; text-align: left; font-size: 90%; line-height: 1.8em;}
	.contents_box .photo img{float: left; width: 15%; margin:0 15px 0 0;}
	.contents_box .border_box{ border: solid 1px; border-color:#08395E; padding: 20px; font-size: 70%;}

/*---実施概要---*/
	#gaiyo {background: url("/lp/flt_forum11/img/bg_outline.png") center center no-repeat; background-size: cover; margin: 0; position: relative; padding: 40px 0; width: auto;}
	#gaiyo .gaiyo_bg{background-color: #fff; padding: 40px 0; width: 65%; display: block; margin: 0 auto; color: #454545;}
	.gaiyo_bg h2{font-size: 200%; font-weight: normal; text-align: center; margin: 0 20px 0 50px 0; padding-bottom: 40px;}
	.gaiyo_bg table{width: 85%; display: block; margin: 0 auto;}
	.gaiyo_bg tr{padding-bottom: 10px;}
	.gaiyo_bg td{ vertical-align: super; padding-bottom: 10px;}
	.gaiyo_bg .txt_just{
	 moz-text-align-last: justify;
     text-align-last: justify;       /* Chrome?Firefox用 */
	 text-justify: inter-ideograph;  /* IE?Edge用 */
	}
	
/*---プログラム---*/
	.prg{width: 65%; display: block; margin: 40px auto; color: #454545;}
	.prg h2{font-size: 200%; font-weight: normal; text-align: center; margin:80px 0 50px 0;}
	.prg table{width: 100%;}
	.prg td{border-bottom: #939393 dotted 2px; padding:30px 0 20px 0; vertical-align: super;}
	
	.prg p{border-bottom: #454545 dotted 2px; padding: 10px 0;}
	
	
	.flow {background: url("/lp/flt_forum11/img/bg_flow.png") top center no-repeat; background-size:contain; margin: 0; position: relative; padding-bottom: 19.9%; }
	.flow_bg{width: 65%; background-color: #fff; padding: 40px; position:absolute; top: ; bottom: 0; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
	.flow_bg .tit{font-size: 200%; font-weight: normal; text-align: center; margin: 50px 0 30px 0; color: #454545; }
	.flow_detail{ background-color: #F2F2F2; padding-bottom: 100px;}
	.flow_detail dl{width: 65%; background-color: #fff; padding: 40px; display: block; margin: 0 auto; }
	.flow_detail dt{background-color: #454545; color: #fff; font-size: 1.5vw; padding: 15px 10px 15px 30px; border-radius: 100px;}
	.flow_detail dd{ width: 85%; display: block; color: #454545; margin: 30px auto 50px auto; line-height: 1.8em;}

	
	
.footer{width: 100%; bottom: 0; position: fixed; z-index: 9999; line-height: 0; background-color: #C30006;}
.footer img{ width: 25%; display: block; margin: 25px auto 20px auto;}
	
}