@charset "UTF-8";
/* --------------------------------------------------------
   Common
-------------------------------------------------------- */
html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

p,td,li {
	font-size: 14px;
}

#hover{
	position: fixed; z-index: 3;
	height:30px;
	width:100%;
	background-color:rgba(240,131,0,1.00);
}
	
.hover_wrap{
	width:1000px;
	margin:auto;
}

.hover_1{
	margin:7px 0 0 0;
	 width:590px;
	 height:15px;
	 float:left;
}

.hover_2{
	width:310px;
	height:15px;
	margin:7px 0;
	float:left;
}

.hover_2 img{
	margin:0 30px 0 0 ;
}

.hover_3{
	margin:7px 0 0 0;
	 width:90px;
	 height:15px;
	 float:right;
	 margin:0;
}

#header{
	width:1000px;
	height:110px;
	margin:auto;
	clear:both;
	padding-top:60px;
}
	
#header h1,ul,li{
	float:left;
}
	
#header h1{
	margin:0 45px;
}

#bread_navi{
	height: 45px;
	width: 810px;
	margin: auto;
	padding-left:190px;
	clear: both;
	font-size:14px;
}

/* リスト */
ol.topic-path {
	margin: 0; 
	padding: 7px 5px; 
	list-style-type: none; 
}
ol.topic-path li {
	padding-left: 5px; 
	display: inline; 
}

ol.topic-path li.first {
	padding-left: 25px;
	background: url("/img/common/bread_home.png") no-repeat left; 
}

ol.topic-path li a {
	padding-right: 18px; 
	background: url("/img/common/bread_sub.png") no-repeat right;
}

ol.topic-path li a {
	color: #4682b4;
}

ol.topic-path li a:hover {
	color: #79a7cc;
}

#slider{
	width:1000px;
	margin:auto;}

/*
#slider img{
	float:left;}
*/	
.slider_l{
	width:700px;
	height:370px;
	float:left;
	margin-right:4px;}

.slider_r{
	margin-bottom:5px;
	width:296px;
	height:120px;
	float:left;}

#content{
	width: 1000px;
	margin:auto;
}


#content_l{
	width: 645px;
	float: left;
	margin: 30px 35px 30px 20px;
}

#content_r{
	width: 295px;
	float: left;
}


#information{
	width: 650px;}

.info_1{
	width:650px;
	height:19px;
	border-bottom:2px solid rgba(178,178,178,1.00);}

.info_2{
	float:left;}

.info_3{
	float:right;}

#information dt {
	font-size: 12px;
	color: rgba(178,178,178,1.00);
	float: left;
	background: url("/img/index/info_li.png") no-repeat 75pt 13pt;
	padding: 17px 36px 5px 9px;
}

#information dd {
	color: rgba(237, 126, 0, 1);
	font-size: 14px;
	padding: 16px 10px 5px 132px;
	line-height: 19px;
	border-bottom: 1px dotted lightgray;
}

#information a {
	color: rgba(255,153,1,1.00);
	text-decoration:none;
}

#information a:hover {
	color: rgba(255,153,1,1.00);
	text-decoration:underline;
}

#facebook{
	width: 650px;
	margin: 32px 20px;
}

#youtube{
	background: url("/img/index/youtube_bg.png");
	width:260px;
	padding:18px;
	border-radius: 1em;
	color:rgba(96,96,96,1.00);
	margin: 32px 0 10px 0;
}

.movie_title{
	font-size:13px;
	margin:10px 0;}
	
.movie_caption{
	font-size:12px;}

#twitter{
	width:296px;
	margin: 32px 0px;}

#company{
	clear:both;
	width:700px;
	height:150px;
	margin:auto;}

.company_1 {
	float:left;
	width:99px;
	height:108px;
	margin-right:40px;}

.company_2 {
	float:left;
	width:320px;
	font-size: 13px;
	color:#777777;
	margin-right:45px;}


.company_2_1 {
font-size: 17px;
color: #666666;
letter-spacing:0.1em;
margin-bottom:10px;}
	

.company_3 {
	float:left;}


#footer_1{
	width: 1000px;
	margin:auto;
}


#footer_1_l{
	width: 700px;
float: left;
}

#footer_1_r{
	width: 295px;
float: left;
}

#footer {
	height:260px;	
	background-color:#F08300;
	color:white;
	font-size:12px;
	}

#footer a{
	color:white;
	font-size:12px;
	text-decoration:none;
	}

#footer a:hover{
	color:white;
	font-size:12px;
	text-decoration:underline;
	}


.foot_wrap{
	width:1000px;
	margin:auto;
	}
		
	#footer ul {
background: url("/img/common/foot_vline.png") no-repeat;
padding:25px 15px;
float:left;}

#footer li{
	clear:both;}

.foot_sub{
	background: url("/img/common/foot_li.png") no-repeat 0pt 2pt;
padding: 3px 18px;}

.copyright{
	clear:both;
	height:15px;
	text-align:center;}

#content_sub{
	width: 1000px;
	margin:auto;
}


#content_sub_l{
width: 645px;
float: left;
margin: 0px 35px 30px 20px;
}

#content_sub_l p{
	margin-bottom:10px;
	}

#content_l h1{
	font-size:19px;
	margin:0 0 15px 0;
	background:url("/img/common/h1_bg.png") no-repeat;
	width:650px;
	height:40px;
	padding:5px 0 0 60px;
	color:white;
}

#content_l h2{
	font-size:17px;
	margin:15px 0;
	background:url("/img/common/h2_bg.png") no-repeat;
	width:600px;
	height:42px;
	padding:12px 0 0 60px;
	color:#F08300;
}

#content_l h3{
	font-size:15px;
	margin:0 0 15px 0;
	background:url("/img/common/h3_bg.png") no-repeat;
	background-position: 0 6px;
	width:610px;
	height:50px;
	padding:0 0 0 50px;
	margin: 30px 0 0 0;
	color:#F08300;
}

#content_sub_l h1{
	font-size:19px;
	margin:0 0 15px 0;
	background:url("/img/common/h1_bg.png") no-repeat;
	width:650px;
	height:40px;
	padding:5px 0 0 60px;
	color:white;
}

#content_sub_l h2{
	font-size:17px;
	margin:15px 0;
	background:url("/img/common/h2_bg.png") no-repeat;
	width:600px;
	height:42px;
	padding:12px 0 0 60px;
	color:#F08300;
}

#content_sub_l h3{
	font-size:15px;
	margin:0 0 15px 0;
	background:url("/img/common/h3_bg.png") no-repeat;
	background-position: 0 6px;
	width:610px;
	height:50px;
	padding:0 0 0 50px;
	margin: 30px 0 0 0;
	color:#F08300;
}

/*
#content_sub_l h2{
	font-size:18px;
	margin:30px 0 10px ;
	padding:6px 0 1px 13px;
	width:635px;
	border-top:solid 3px #CCCCCC;
	border-bottom:dotted 1px #CCCCCC;
	height:35px;
	color:#333;
	clear:both;
}
*/

#content_sub_l td{
	padding:5px;
	border:1px solid #CCCCCC;
	}

.li_normal{
	list-style: inside;
	margin: 10px 0px 20px 21px;
	list-style-position: inherit;
	font-size: 13px;
}

#content_sub_r{
	width: 257px;
float: left;
	background: url("/img/index/youtube_bg.png");
	padding:20px 20px 35px 20px;
	border-radius: 0.5em;
	color:rgba(96,96,96,1.00);
}

.prof_title{
	margin-bottom:4px;
}

.prof_2{
	font-size:16px;
	letter-spacing:0.1em;
	border-bottom:dotted 1px #CCCCCC;
	border-top:dotted 1px #CCCCCC;
	margin:0 0 20px 0;
	padding:6px 0;
	}
	
.prof_box{
	background-color:white;
	box-shadow:1px 1px #CCCCCC;
	padding:15px 15px 20px 15px;
	margin:0 0 12px 0;
	line-height:1em;}
.prof_img{
	width:95px;
	height:95px;
	float:left;
	border:1px solid #CCCCCC;
	margin:0 10px 10px 0;}
.prof_corp{
	font-size:14px;
		}
.prof_title{
	font-size:14px;}
.prof_name{
	font-size:17px;}
.prof_detail{
	clear:both;
	font-size:13px;
}

.prof_more{
	color:#FF6600;
	font-size:13px;
	margin:0 0 0 50px;
	background: url("/img/common/more.png") no-repeat 122pt 0pt;}

#content_sub_r_2{
width: 259px;
float: left;
padding: 18px 19px 0px 19px;
border-radius: 0.5em;
border: 1px solid #CCCCCC;
color: rgba(96,96,96,1.00);}

#content_sub_r_3{
	width: 300px;
	float: left;
	margin-bottom:10px;
}


.career_title{
	margin-bottom:4px;
}

.career_2{
	font-size:16px;
	letter-spacing:0.1em;
	margin:0 0 30px 0;
	padding:6px 0;
	}
	
.career_box{
	background-color:white;
	margin:0 0 22px 0;
padding-bottom:20px;
	line-height:1em;
	background: url("/img/common/hr_1.png") no-repeat bottom;}

.career_img{
	width:65px;
	height:65px;
	float:left;
	border:1px solid #CCCCCC;
	margin:0 10px 10px 0;}
	
.career_r{
	width:178px;
	height:53px;
	float:left;
	border-top:3px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	padding:5px 0;	
}

.career_student{
	height:43px;
	border-top:3px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	padding:5px 0;	
}

.career_title{
	font-size:11px;}
.career_name{
	font-size:17px;}
.career_detail{
	clear:both;
	font-size:13px;
	margin-bottom:15px;}

.left {
	width: 317px;
	float: left;
}

.right {
	width: 317px;
	float: right;
}
.caption {
	font-size: 12px;
}

.copy {
	color: #c30;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
}

.btn {
	clear: both;
	padding: 10px 0;
	text-align: center;
}

ul.jigyo {
	padding: 10px 0;
}

ul.jigyo li {
	list-style-type: disc;
	padding: 0 0 0 5px;
	margin: 0 0 0 15px;
}

#calendar {
	padding: 20px 0 0 0;
}

#history {
	border-left: 2px solid #ccc;
	padding: 0 0 0 30px;
	margin: 0 0 0 30px;
}

ul.kessan {
	padding: 0 0 30px 0;
}

ul.kessan li {
	list-style-type: disc;
	padding: 0 0 0 5px;
	margin: 0 0 0 30px;
}

/* サポーター紹介 */

#content_sub_l h3.h3_supporters {
	margin: 10px 0 0 10px;
	height: 36px;
}

.support_company {
	margin: 0 0 20px 10px;
	font-size: 14px;
}

.company_state{
	margin-bottom: 0.3em;
}

 .supporters_name{
	display: flex;
	flex-wrap:wrap;
	font-size: 14px;
	margin-left: 10px;
	margin-bottom: 22px;
}

.company_name {
	margin-bottom: 0.3em;
	margin-right: 1em;
	font-size: 16px;
}


.fullname {
	width: 20%;
    padding: 0 1em 0.3em;
    text-indent: -1em;
}

.fullname::before, .company_state::before, .li-title::before {
	content: "・";
}

.fullname::after {
	content: "様";
	font-size: 13px;
	margin-left: 0.2em;
}


/* 講師と感想 */
.content_w100 {
	width: 100%;
	margin: 0 20px;
}

.content_w100 h1 {
    font-size: 19px;
    margin: 0 0 15px 0;
    background: url( /../test/img/teachers/h1_bg2.png ) no-repeat;
    height: 40px;
    padding: 5px 0 0 60px;
    color: white;
}

.content_w100 p{
	margin: 0 1em;
}

.content_w100 hr{
	margin: 1.5em .5em 0 .5em;
    border-top: 1px solid #bcbcbc;
}


.flex-wrap {
	margin: 2em 0;
}

.row {
  display: flex;
  flex-direction:  row;
  flex-wrap: wrap;
	justify-content: space-between;
}

.flex {
  display: flex;
}

.col-2 {
  width: 50%;
  margin: 0;
}

.col-img {
	display: flex;
    align-items: center;
	width: 47%;
	border: 2px solid #bcbcbc;
	margin-bottom: 20px;
	background: #fff;
}

.item {
  margin :2em;
}

.col-2:nth-child(4n+2), .col-2:nth-child(4n+3) {
  background: #ffefb5;
}

.col-img img {
	width: 100%;
}

.orange-text {
	color: #f08300;
	font-weight: bold;
}

.orange-text::before {
	margin:0;
    content:" ";
    display:inline-block;
    width: 15px;
    height: 15px;
    background:url( /../test/img/teachers/orangeheart.png) no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.kosi {
	width: 3.5em;
}

.name {
	margin-left: 1em;
}

.teachername {
	font-size: 115%;
	font-weight: bold;
}

.teachername::after {
	content: "さん";
	font-size: 13px;
	margin-left: 0.2em;
}

.mar-btm {
	margin-bottom: 1em;
}

.mar-btm-05em {
	margin-bottom: .5em;
}


.li-title {
	font-weight: bold;
	margin-left: .1em;
}

.li-belong {
	width: 22em;
	margin-left: 0.5em; 
}

.no-border{
	border: none;
}

.clearfix {
	clear: both;
}