@charset "UTF-8";
body{
	margin: 0;
	padding: 0;
	background-color:#fff;
	color:#313131;
	min-width:1000px;
	/*
	background-color:#FCFAF7;
	*/
	}
img.rpw{
	max-width:100%;
	height: auto;
	width /***/:auto;
	overflow:hidden;
	display: block;
}
.container{
	width:980px; background-color:#fff; margin:0 auto; padding-bottom:100px;
	
	}
.smp_hidden{display: block;}
.pc_hidden{display:none;}

.wid820{width:820px; margin:0 auto;}
.wid880{width:880px; margin:0 auto;}
.wid980{width:980px; margin:0 auto;}
.wid1024{width:1024px; margin:0 auto;}

.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
  }
.noto{font-family: 'Noto Sans JP', sans-serif;}

/*BTN----------------------------------------*/
#top-head {
    top: 0;
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    z-index: 999;
}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    background: rgba(0,0,0,.7);
    transition: top 0.4s ease-out;
    -webkit-transition: top 0.4s ease-out;
    -moz-transition: top 0.4s ease-out;
	
}

/*//BTN----------------------------------------*/

.btn_parents{
	height:40px; background-color:#262626; background:rgba(0,0,0,0.5);
	}
.btn_parents ul{
	width:980px; margin:0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	}
.btn_parents ul li{
	color:#fff; font-size:14px; font-family: 'Noto Sans JP', sans-serif; line-height:38px;
	}

/*
.btn_parents ul li:nth-last-child(2){margin:7px 0 0 0; }
*/
.btn_parents ul li:last-child{margin:7px 0 0 0; }


.top2019{
	/*height: 686px;*/
	height: 686px;
	min-width:980px;
	background:url(../img/thk/main01.png) no-repeat , url(../img/thk/bg2019summer02.jpg) no-repeat;
	-webkit-background-size:980px, cover;
    -moz-background-size:980px, cover;
    -o-background-size:980px, cover;
	background-size:980px, cover;
	background-position:center center, center bottom;
	
	/*
	position:relative;
	background-attachment:scroll, fixed;
	*/
}


.lecture_parents{background-color: #000; clear: both; margin-top:-1px;}
.lecture{width:980px; margin:0 auto;}

.cop_box{height:70px; border-bottom:1px solid #ddd; box-shadow: 0px 1px 3px #ccc;}
.cop_box ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	margin:0 auto;
	/*background-color:#000; height:30px;　width:645px; */
	}
.cop_box ul li{margin:0 0 0 0; padding-top:0;}
.cop_box ul li:first-child{margin:0 0 0 0;}
.cop_box ul li:nth-child(2){margin:0 50px;}
.cop_box ul li:nth-child(3){margin:0 0 0 0;}

/*.application{float:right; width:156px; height:156px; margin:515px -40px 0 0;}
.application{float:right; width:156px; height:156px; margin:330px -20px 0 0;}
*/
.application{float:right; margin:480px 0 0 0;}
.application img{width:160px; height:160px; margin-right:0; margin-top:-15px;}

.application_btn{
	width:450px; height:60px; line-height:62px; margin:60px auto 0 auto; text-align:center; 
	font-size:24px; font-weight:bold;
	position:relative;
	background:url(../img/top/btn_appery.png) no-repeat right center #be0a19;
	}
.application_btn:hover{background-color:#af1e1e;}

/****************************************
MOVIE
*****************************************/
.mov{
	padding:50px 0; background-color:#000; 
	/*
	background:url(../img/top/mov_bg.jpg) no-repeat;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
	background-size:cover;
	background-position:center center;
	position:relative;
	background-attachment:fixed;
	*/
	}
.mov_ttl{font-size:20px; color:#fff; font-family: 'Noto Sans JP', sans-serif; padding-bottom:10px;}

/****************************************
ABOUT
*****************************************/
.sec01{
	height:auto;
	/*background: linear-gradient(135deg, #62567B, #23DEE1 ) fixed;*/
	/*https://www.cssmatic.com/gradient-generator

background: rgba(147,186,210,1);
background: -moz-linear-gradient(-45deg, rgba(147,186,210,1) 0%, rgba(97,135,158,0.89) 53%, rgba(80,139,175,0.81) 94%, rgba(80,139,175,0.8) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(147,186,210,1)), color-stop(53%, rgba(97,135,158,0.89)), color-stop(94%, rgba(80,139,175,0.81)), color-stop(100%, rgba(80,139,175,0.8)));
background: -webkit-linear-gradient(-45deg, rgba(147,186,210,1) 0%, rgba(97,135,158,0.89) 53%, rgba(80,139,175,0.81) 94%, rgba(80,139,175,0.8) 100%);
background: -o-linear-gradient(-45deg, rgba(147,186,210,1) 0%, rgba(97,135,158,0.89) 53%, rgba(80,139,175,0.81) 94%, rgba(80,139,175,0.8) 100%);
background: -ms-linear-gradient(-45deg, rgba(147,186,210,1) 0%, rgba(97,135,158,0.89) 53%, rgba(80,139,175,0.81) 94%, rgba(80,139,175,0.8) 100%);
background: linear-gradient(135deg, rgba(147,186,210,1) 0%, rgba(97,135,158,0.89) 53%, rgba(80,139,175,0.81) 94%, rgba(80,139,175,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93bad2', endColorstr='#508baf', GradientType=1 );
*/	
	background: url(../img/top/bg2019b.jpg) no-repeat center bottom;
	
	padding:80px 0;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
	position:relative;
	}
.sec01 h1{text-align:center; font-size:36px; line-height:50px; color:#fff; font-weight:normal; border-top:5px solid #fff; border-bottom:5px solid #fff; padding:15px 0; font-family: 'Noto Sans JP', sans-serif;}
.sec01 h2{color:#fff; font-size:24px; font-weight:bold; line-height:32px; margin-top:30px; font-family: 'Noto Sans JP', sans-serif;}
.sec01 h3{text-align:center; font-size:36px; line-height:50px; color:#fff; font-weight:normal; border-top:5px solid #fff; border-bottom:5px solid #fff; padding:15px 0; margin:50px 0 0 0; font-family: 'Noto Sans JP', sans-serif;}
.sec01 p{color:#fff; font-size:16px; font-weight:bold; line-height:28px; font-family: 'Noto Sans JP', sans-serif;}
.sec01 .ttl{color:#fff; font-size:30px; font-weight:bold; line-height:50px; margin-top:50px; padding-left:55px; background:url(../img/top/red_tab1.png) no-repeat left center}

.point3{
	width:840px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	padding:30px 0 0 0;
	}
.point3 div{width:260px; text-align:center;}
.point3 div .fukidashi_top{
	border:10px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	width:0;
	margin:5px auto 0 auto;
	
	}
.point3 div .fukidashi{text-align:left; width:260px; background-color:#fff; height:60px;}
.point3 div .fukidashi p:first-child{float:left; width:40px; color:#265ba1; font-size:50px; text-align:center; line-height:55px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
.point3 div .fukidashi p:last-child{float:right; width:220px; color:#265ba1; font-size:15px; line-height:22px; padding-top:8px;}
/****************************************
VOICE
*****************************************/
.sec_voice{padding:80px 0; background-color: #f3f3f3;}
.sec_voice h3{font-size:38px; color:#79b2b2; font-family: 'Noto Sans JP', sans-serif; /*color:#79b2b2;*/ padding-bottom:60px;}
.voice_tag{float:left; width:220px; margin-top:2px;}
ul.voice_list{float:right; width:600px;}
ul.voice_list li{margin-bottom:25px; font-size: 15px; line-height: 25px; }
ul.voice_list li p{padding-left:60px;}
.tag_std{text-align: center; width:110px; padding:5px 0 7px 0; background-color: #79b2b2; color:#fff; font-size:14px; letter-spacing: 3px; font-family: 'Noto Sans JP', sans-serif;}
.tag_cop{text-align: center; width:110px; padding:5px 0 7px 0; background-color: #c6605c; color:#fff; font-size:14px; letter-spacing: 3px; font-family: 'Noto Sans JP', sans-serif;}
.bg_std{background: url(../img/thk/tag_std.png) no-repeat top left; background-size: 42px;}
.bg_cop{background: url(../img/thk/tag_cop.png) no-repeat top left; background-size: 42px;}




/****************************************
PROGRAM
*****************************************/
.sec02{
	height:auto; padding:80px 0 100px 0;
	background:url(../img/top/bgsky.jpg) no-repeat;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
	background-size:cover;
	background-position:center center;
	position:relative;
	background-attachment:fixed;
	}
.sec02 h4{font-size:38px; color:#79b2b2; font-family: 'Noto Sans JP', sans-serif; /*color:#79b2b2;*/}
.sec02 h4 span{font-size:30px;}
.box02{margin:30px 0;}

.sec02ttl01{color:#fff; height:41px; width:820px; background-color:#006bad;}
.sec02ttl01 p:first-child{float:left; font-size:32px; width:100px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; text-align:center; padding-top:3px;}
.sec02ttl01 p:nth-child(2){float:left; font-size:23px; font-weight:bold; width:720px; padding-top:10px;}

.sec02ttl02{color:#fff; height:41px; width:820px; background-color:#009849;}
.sec02ttl02 p:first-child{float:left; font-size:32px; width:100px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; text-align:center; padding-top:3px;}
.sec02ttl02 p:nth-child(2){float:left; font-size:23px; font-weight:bold; width:720px; padding-top:10px;}

.sec02ttl03{color:#fff; height:41px; width:820px; background-color:#ff4545;}
.sec02ttl03 p:first-child{float:left; font-size:32px; width:100px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; height:41px; text-align:center; padding-top:3px;}
.sec02ttl03 p:nth-child(2){float:left; font-size:23px; font-weight:bold; width:720px; padding-top:10px;}



.sec02box{margin-top:20px; float:left; width:500px;}
.sec02box_right{float:right; width:250px; padding-top:20px;}
.sec02box02{margin-top:20px;}

.border01{border-left:10px solid #006bad;}
.border02{border-left:10px solid #009849;}
.border03{border-left:10px solid #ff4545;}

.col01{color:#006bad;}
.col02{color:#009849;}
.col03{color:#ff4545;}

ul.list{margin-left:40px; }
ul.list li{font-size:16px; font-weight:bold; clear:both; list-style-type: decimal; padding-bottom:10px; line-height:22px; margin-top:15px;}
ul.list li span{font-size:14px;}

.sec02txt{clear:both; font-size:17px; line-height:25px; font-weight:bold; padding:0 0 20px 15px;}

.thumbs_pos{margin:30px 0 0 15px;}

/****************************************
INSTRUCTOR
*****************************************/
.sec03{height:auto; padding:80px 0 60px 0;}
.sec03 h5{font-size:38px; color:#79b2b2; font-family: 'Noto Sans JP', sans-serif;}

.pr_box{margin:60px 0 0 0; padding-bottom:15px;}
.instructor{float:left; width:264px;}
.instructor_right{float:right; width:530px;}
.title{border-top:1px solid #79b2b2; border-bottom:1px solid #79b2b2; padding:10px 0;}

.title p:first-child{font-size:13px; line-height:20px; }
.title p:nth-child(2){font-size:18px; font-weight:bold; margin:5px 0 0 0;}
.cop_logo{float:right; width:150px; height: 80px; margin-top:-60px;}

.meg{font-size:23px; font-weight:bold; margin:20px 0 10px 0; line-height:35px; margin-left:-15px;}
.meg02{font-size:16px; padding:0 0 15px 0; line-height:26px;}
.pr_tag{font-size:12px; height:18px; margin:15px 0 0 0; background-color:#79b2b2; width:40px; color:#FFFFFF; text-align:center; line-height:21px;}
.pr{font-size:12px; margin:5px 0 0 0 ; line-height:20px; color:#555;}

ul.pr_box_list{width:820px; margin:80px auto 0 auto; padding-bottom:50px;}
ul.pr_box_list li{width:240px;}
ul.pr_box_list li:nth-child(2){margin:0 50px; }
.border_blue{border-top:1px solid #79b2b2; border-bottom:1px solid #79b2b2; padding:10px 0;}
.border_blue p:nth-child(1){font-size:11px; line-height: 20px; height:auto;}
.border_blue p:nth-child(2){font-size:15px; font-weight:bold; margin:5px 0 0 0; line-height: 28px;}

.pr_width img{width:240px;}

.meg03{font-size:15px; font-weight:bold; margin:10px 0 10px 0; line-height:25px; margin-left:0;}

.bg_pr01{background:url(../img/top/cop_aji.png) no-repeat right 8px;}
.bg_pr02{background:url(../img/top/cop_eco.png) no-repeat right 8px;}
.bg_pr03{background:url(../img/top/cop_jx.png) no-repeat right 6px;}
.bg_pr04{background:url(../img/top/cop_sb.png) no-repeat right 6px;}

/*
.thkbg01{
	background:url(../img/thk/yone_sub.jpg) no-repeat top right;
	background-size: cover; height: 450px;
}
*/

/****************************************
Archive_Mov
*****************************************/
.section_arc{height:auto; padding:0 0 20px 0; background-color:#000;}
.section_arc h6{font-size:38px; color:#bbb; font-family: 'Noto Sans JP', sans-serif; padding-bottom:20px;}
p.mov_ttl02{font-size:38px; color:#fff; font-family: 'Noto Sans JP', sans-serif; padding:10px 0 30px 0; font-weight: normal;}



/****************************************
OUTLINE
*****************************************/
.sec04{height:auto; padding:80px 0 180px 0; background-color:#f3f3f3;}
.sec04 h6{font-size:38px; color:#79b2b2; font-family: 'Noto Sans JP', sans-serif;}
.sec04 h6 span{font-size:30px;}

ul.outlines01{padding-top:30px;}
ul.outlines01 li{font-size:15px; line-height:28px; margin-bottom:5px;}
ul.outlines01 li.pos01{width:110px;}
ul.outlines01 li.pos02{
	width : 85% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 110px) ;
	width : calc(100% - 110px) ;
	}

.sec05{height:auto; padding:80px 0 80px 0; background-color:#fff;}

.sec05 .ttl{font-size:38px; color:#79b2b2; font-family: 'Noto Sans JP', sans-serif;}

.faq_parents{border:5px solid #79b2b2; clear:both; margin-top:30px;}
.faq_ttl01{border-bottom:1px dotted #79b2b2; padding:15px 10px; background-color:#eee; font-size:16px; font-weight:bold;}

.faq_inner{border-bottom:1px dotted #79b2b2; padding:10px; font-size:14px; line-height:20px;}
.faq_inner:last-child{border-bottom:none;}
.que{padding:3px 0 0 30px; background:url(../img/top/que02.png) no-repeat left top; color:#114aa0;}
.ans{padding:3px 0 0 30px; background:url(../img/top/ans.png) no-repeat left top; margin-top:3px; color:#d12826;}

/****************************************
FOOTER Application
*****************************************/
.sec06{height:auto; padding:20px 0 70px 0; background-color:#f3f3f3;}

/****************************************
FOOTRE
*****************************************/
.to_top{text-align:center;  background-color:#fff; margin:80px 0 0 0; height:50px;}

footer{width:100%; background-color:#000; height:200px; padding-top:25px; }
#footer{clear:both; width:100%; background-color:#000; height:17px; text-align:center; font-size:11px; padding:8px 0 5px 0; color:#fff;}