@charset "UTF-8";
/* CSS Document */

/************************************************************** 
【改行消し 】 
**************************************************************/ 
@media (max-width: 750px) {
br {
    display: none!important;
  }
}
/************************************************************** 
【スマホ：英語改行問題 】 
**************************************************************/ 
@media (max-width: 750px) {
.english_break {
word-wrap: break-word;
  }
}
/************************************************************** 
【デスクトップnone／スマホon】 
**************************************************************/ 
@media (min-width: 750px) {
#desktop-none {
    display: none!important;
  }
}
/************************************************************** 
【デスクトップon／スマホnone】 
**************************************************************/ 
@media (max-width: 750px) {
#smp-none {
    display: none!important;
  }
}
/************************************************************** 
【消し 】 
**************************************************************/ 
@media (max-width: 750px) {
.none {
    display: none;
  }
}


/************************************************************** 
【ヘッダー】 
**************************************************************/ 
@media (max-width: 750px) {
#cover h1{
	padding:0 0 35px 0;
  font-size: 25px;
  line-height: 35px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}
#cover h2{
	padding:35px 0 10px 0;
  font-size: 12px;
	font-weight: bold;
	color:#EC6C1F;
}
#cover h3{
	padding:0 0 10px 0;
  font-size: 25px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}
#cover h4{
	padding:0 0 35px 0;
  font-size: 12px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}
#head_txt {
  margin:0;
  padding:30px;
}
#head_txt p{
	padding:0 0 5px 0;
  font-size: 16px;
  line-height:24px;
  color:#000000;
  text-align:left;
}
}


/************************************************************** 
【トップページ】 
**************************************************************/ 


/************************************************************** 
【他ページ／基本】 
**************************************************************/ 


/************************************************************** 
【第一学院の今】 
**************************************************************/ 
@media (max-width: 750px) {
.orange_box {
  margin:25px;
  background:#EC6C1F;
  border:3px solid #EC6C1F;
overflow: auto;
}
.link_box {
  margin:25px 25px 0 25px;
  background:#EC6C1F;
  border:3px solid #EC6C1F;
overflow: auto;
}
.from_d1_txt_box {
  padding:10px;
}
.btn_bm {
  margin:0;
  padding:10px 0 0 0;
	display: table;
}
.btn_b {
  margin:0;
  padding:0;
    display: table-cell;
    vertical-align: middle;
}

.from_d1_txt_box h2 {
  padding-bottom:12px;
  margin-bottom:18px;
  font-size: 20px;
  line-height:30px;
	font-weight: normal;
	color:#ffffff;
  border-bottom:1px solid #ffffff;
}
.from_d1_txt_box h3 {
  font-size: 14px;
  line-height:20px;
	font-weight: normal;
	color:#ffffff;
}
.from_d1_txt_box p {
  font-size: 12px;
	font-weight: normal;
	color:#ffffff;
}
}

/************************************************************** 
【ホームカミングデー】 
**************************************************************/ 
@media (max-width: 750px) {
.home {
  margin:0;
  padding:30px 10px 10px 10px;
  border-top:3px solid #EC6C1F;
  border-bottom:3px solid #EC6C1F;
overflow: auto;
}
#home_btn {
  margin-top:10px;}
.coming_list {
  padding:20px;}
.canvas_box {
  margin:0;
  padding:20px 0 20px 0;
  border-bottom:1px solid #000000;
overflow: auto;
}
	

.h2_center2 {
	text-align:center;
	padding:0 0 20px 0;
}
.home h2 {
  font-size: 20px;
  line-height:28px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

/*以下で線を表示*/
.home h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;/*線の上下位置*/
  display: inline-block;
  width: 30px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #EC6C1F;/*線の色*/
  border-radius: 1px;/*線の丸み*/
}
.home h3 {
  margin:0 0 50px 0;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#EC6C1F;
}

.coming_list h3 {
  margin:0;
  font-size: 20px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}
.coming_list h4 {
  margin:10px 0 0 0;
  font-size: 14px;
	font-weight: bold;
	color:#EC6C1F;
}
.coming_list h5 {
  margin:10px 0 0 0;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}
.coming_list p {
  margin:5px 0 0 0;
  font-size: 12px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}

#hokkaido h2 {
  margin:50px 0 5px 0;
  padding-bottom: 10px;
  border-bottom:2px solid #EA5541;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	color:#EA5541;
}
#kanto h2 {
  margin:50px 0 5px 0;
  padding-bottom: 10px;
  border-bottom:2px solid #E5C600;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	color:#E5C600;
}
#chubu h2 {
  margin:50px 0 5px 0;
  padding-bottom: 10px;
  border-bottom:2px solid #718CC7;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	color:#718CC7;
}
#kansai h2 {
  margin:50px 0 5px 0;
  padding-bottom: 10px;
  border-bottom:2px solid #8CC63F;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	color:#8CC63F;
}
#chugoku h2 {
  margin:50px 0 5px 0;
  padding-bottom: 10px;
  border-bottom:2px solid #FBB03B;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	color:#FBB03B;
}
#kyushu h2 {
  margin:50px 0 5px 0;
  padding-bottom: 10px;
  border-bottom:2px solid #12B6BC;
  font-size: 16px;
  letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	color:#12B6BC;
}

.map {
padding: 20px 0 20px 0;
}
	
}
/************************************************************** 
【キャリアサポートセンター】 
**************************************************************/ 
@media (max-width: 750px) {
.canvas_box {
  margin:0;
  padding:20px 0 20px 0;
  border-bottom:1px solid #000000;
overflow: auto;
}	

.career h2 {
  margin:0 0 15px 0;
  padding-bottom: 10px;
  border-bottom:1px solid #EC6C1F;
  font-size: 20px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
}
#counselor {
  margin:0;
  padding:20px 0 20px 0;
overflow: auto;
}
#counselor h4{
  padding:20px 0 10px 0;
  font-size: 16px;
  line-height:24px;
  letter-spacing:0;
  color:#000000;
  text-align:left;
	font-weight: bold;
}
#counselor  p{
  font-size: 14px;
  line-height:24px;
  color:#000000;
}
#counselor  span{
  font-size: 10px;
  color:#000000;
	font-weight: normal;
}
#counselor h5 {
 margin:20px 0 10px 0;
display:inline-block;
background: #EC6C1F; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
}
#counselor  h6{
 margin:10px 0 20px 0;
  font-size: 14px;
  color:#EC6C1F;
  font-weight: bold;
}
.career ul {
    list-style: none;
    padding:0;
    margin:0;
}
.career li { 
	padding-bottom:5px;
    padding-left: 1em; 
    text-indent: -.7em;
}
.career li:before {
    content: "• ";
    color: #EC6C1F;
}
.counselor_txt_box {
  padding:0 0 10px 0;
}
.career_txt_box {
  padding:0 0 10px 0;
}
}

/************************************************************** 
【ヤングアメリカンズ】 
**************************************************************/ 
@media (max-width: 750px) {
.orange_line2 {
  margin:5px;
  padding:10px;
  background:#ffffff;
  border:3px solid #EC6C1F;
overflow: auto;
}
.orange_line {
  margin:5px;
  padding:20px;
  background:#ffffff;
  border:3px solid #EC6C1F;
overflow: auto;
}

.with .col-xs-12 {
  padding:5px;
	}

.h2_center {
	text-align:center;
	padding:0 0 20px 0;
}
.young h2 {
  font-size: 20px;
  line-height:28px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#000000;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

/*以下で線を表示*/
.young h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;/*線の上下位置*/
  display: inline-block;
  width: 30px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #EC6C1F;/*線の色*/
  border-radius: 1px;/*線の丸み*/
}
.young h5 {
  margin:0;
  padding:0;
  text-align:center;
}


.orange_line h3 {
  margin:30px 0 25px 0;
  padding-left: 15px;
  border-left:3px solid #EC6C1F;
  font-size: 16px;
  line-height:24px;
  letter-spacing: 0.1em;
	font-weight: normal;
	color:#EC6C1F;
}
.orange_line h4 {
  padding:5px 0 5px 0;
  font-size: 18px;
  line-height:28px;
  letter-spacing: 0;
	font-weight: normal;
	color:#000000;
  text-align:center;
}
.orange_line p{
  font-size: 14px;
  line-height:24px;
  color:#000000;
}
.orange_line2 th{
  width: 70px;
  font-size: 12px;
	font-weight: bold;
  color:#EC6C1F;
}
.orange_line2 td{
  font-size: 14px;
  color:#000000;
}
}



/************************************************************** 
【新着ニュース】 
**************************************************************/ 
@media (max-width: 750px) {
	.recentArchives h2 {
  margin:0 0 10px 0;
  font-size: 18px;
	font-weight: bold;
  color:#000000;
}
.archives {
  margin:0 0 10px 0;
  font-size: 14px;
	font-weight: normal;
  color:#000000;
}
.sub-title {
  margin:0 0 10px 0;
  font-size: 18px;
	font-weight: normal;
  color:#000000;}
.year-day {
  font-size: 12px;
	font-weight: bold;
	color:#EC6C1F;}
.topics_single p {
  font-size: 14px;
	font-weight: normal;
	color:#000000;}
.media-day {
  font-size: 14px;
	font-weight: bold;
	color:#000000;}
.media-heading {
  font-size: 14px;
	font-weight: normal;
	color:#000000;}
}