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

/*  各セクション内部のCSSのを記載する　*/


/*  #共通設定　 */
/*  ##Gnav　 */
/*  ##見出し　 */
/*  #サイド　 */
/*  #TOP　 */


/*  ===========================================　 */
/*  ===========================================　 */
/*  ===========================================　 */


/*  #共通設定　 */

/*  #共通設定-マウスオーバーで画像を薄く　 */

a:hover img.overwhite {
    cursor:pointer;
    filter: alpha(opacity=60);
        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";
  /* ie 8 */
    -moz-opacity:0.6;
                /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;
              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
/*  #共通設定-リンクに関するCSS　 */

A:link {
	color: #009DD4;
}
   /* リンク */ 
A:visited {
                 /* 既に見たリンク */ 
  color: #ff00ff;
	  text-decoration: none;
     /* 下線を消す */
}
A:active {
	color: #00ff00;
} /* クリック時のリンク */
A:hover {
                   /* カーソルが上にある時のリンク */ 
  color: #ff0000;
	  text-decoration: none;
     /* 下線を消す */
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin-bottom: 1em;
}
/*  #共通設定-##Gnav　 */
#gnav ul li a {
	color: #E60012;
}

/*  ヘッダー　＊*/

.preTopTitle {
	text-align: center;
	width:100%;
	font-size: 10px;
}

.img100 {
	width:100%;
}

/*  #共通設定-##見出し　 */

.heading02 {
  padding: .5em .75em;
  margin: 0.75em 0;
  background-color: #f6f6f6;
  border-radius: 6px;
}


.tit02 {
	font-size: 20px;
	color: #E60012;
	display: inline;
	vertical-align: middle;
}
.tit_sub_txt {
	font-size: 14px;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
.tit03 {
	font-size: 14px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}


/*  #エリアページ　 */

#pageIndex {
	background-color: #FFF6EE;
	padding: 1.4em 1.4em 1.4em 2.4em;
	font-size: 12px;
}



/*  ===========================================　 */
/*  #リスト */

.list_a ul {
	margin-bottom:1em;
}

.list_a li {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 8px;
}



/*  ===========================================　 */
/*  #TOP　 */


/*  #TOP-エリアボックス　 */

.area_box1 ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
.area_box1 ul li .area_list_end {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.area_box2 ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
.tit_arealist {
	height: 46px;
}
.tit_arealist img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.top_arealist {
	margin: 0 0 15px 0;
}
/*  #TOP-スクール特集　 */


.feature_school .sc_name {
}
.feature_school img {
	border: solid 1px #CCC;
	padding: 1px;
	float: left;
	margin: 0 10px 0 0;
	width: 60px;
}
.feature_school p {
	font-size: smaller;
}
.feature_school p .cam_txt {
	color: #E60012;
}
.new_school_list li {
	list-style-type: disc;
}
/*  #Area-都市データ　 */

#area-city h3 {
	font-size: 12px;
}
#area-city li {
	display: inline;
	font-size: 10px;
	line-height: 100%;
}
.area_citydata h3 {
	font-size: 12px;
}
.area_citydata li {
	display: inline;
	font-size: 10px;
	line-height: 100%;
}
.topics_cube_txt {
	font-size: 13px;
}

.heading04 {
	padding: .20em 0 .20em .75em;
	margin: 0.50em 0 0;
  border-left: 6px solid #ccc;}


#topTxt ul  {
  
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

#topTxt ul li  {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

#topTxt ul li:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}


/*  ==================================================================================================　 */
/*  #button　 */

.cp_btn {
	position: relative;
	display: inline-block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.0);
	background: #1A237E;
	transition: .4s;
	border-radius: 4px;
	margin: 2px;
}
.cp_btn:hover {
	text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
	transition: .4s;
}

/*  ==================================================================================================　 */
/*  #Freepage　 */

	
.tit_scname {
	color: #E60012;
	background-color: #E4E4E4;
	font-size: 24px;
	margin-bottom: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.fsc_title {
	color: #E60012;
	font-size: 18px;
	margin-bottom: 18px;
}
.fsc_tit03 {
	color: #E60012;
	/* border-bottom: solid 1px #999999; */
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
}
.fsc_school_table th {
	background-color: #F0EDCF;
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #999;
	width: 120px;
}
.fsc_school_table td {
	padding: 6px;
	border: 1px solid #999;
	width: 560px;
}


/*  ーーーーーーー資格試験ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */	


.licence_h {}

.tit_lience {
	color: #E60012;
	background-color: #F8F6F0;
	font-size: 24px;
	margin-bottom: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 150%;
}
.licence_list {
	border-bottom: 1px solid #666;
	font-size: 18px;
	margin: 0 0 6px 0;
}

.licence_subtitle {
	font-size: 24px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E62012;
	color: #E62012;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 0.75em;
}

.licence_subhead {
  margin: 0.75em 0;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

.licence_subhead::first-letter {margin-right: .1em;
  font-size: 1.5em; }



.caution_menseki {
	color: #F00;
	border: 1px solid #F00;
	padding: 6px 10px;
}


.tbl_a {width:100%;}
/* .tbl_a th, td  { padding: 10px; border: 1px solid #ddd; } */
.tbl_a th  { padding: 0.6em;
			background: #f4f4f4;
border: solid 1px;}
.tbl_a td  { padding: 0.6em;
border: solid 1px;}
 




h5.list_licence {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 1em;
	padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
}

.list_licence li {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	list-style-position: inside;
}


/*  ==================================================================================================　 */
/*  #旅行ページ　 */	


/*  旅行TOP　 */

.travel_top_box {
	display:inline-block;
	margin:0 1% 10px 1%;
	vertical-align:top;
	width:31%;
	}
	
.travel_top_box img {width:100%;}


.travel_top_pagename {
	text-align: center;
	font-size: 108%;
	}


.travel_under_nav {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 1em;
	padding-top: 1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

/*  ####旅行ページ詳細　 */


#travel .travel_welcome { 
	font-size: 18px;
	padding: 0.5em;
	border: 1px solid #CCC;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1em;
}

#travel .travel_page_tit {
	background-color: #E6E6E6;
	text-align: center;
	margin: 0.6em 0;
	padding: 0.6em;
	border-radius: 2;
	color: #E51A23;
	font-size: 22px;
	border: none;
}

#travel h2 {
	font-size: 20px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #2E9700;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	color: #2E9700;
}

#travel h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E9700;
	margin-bottom: 1em;
	padding-bottom: 0.6em;
	padding-top: 1em;
	color: #2E9700;
}


/*  travel内の画像制御  */
#travel figure {
	margin:1em 0;
	}
	
#travel figcaption {
	margin:0.4em 0;
	}
	
#travel figcaption img {
	border: solid 1px #ddd;
	padding: 2px;
	}

/*  通常は大きな画像で  */
#travel .size_l img {width:100%}


/*  小さな説明はMで  */
#travel .size_m {
	width:75%;
	margin:0 auto;
	}
	
#travel .size_m img {width:100%}



strong.travel_intro{
	text-align: center;
	display: block;
	margin: 1em 0;
	font-weight: bold;
}




/*  ※この下のトラベルCSSは古いから旧記事を訂正したら削除　 */


h2.travel {
	font-size: 116%;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #390;
	padding: 0.25em 0 0.25em 0.75em;
}

h3.travel {
	font-size: 108%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin: 1.5em 0 0.5em;
	padding-bottom: 0.25em;
}

h4.travel {
	font-size: 116%;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #390;
	padding: 0.25em 0 0.25em 0.75em;
}

.pszl {width:100%; margin:0.5em 0;display:block;}
.pszm {
	width: 75%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	display:block;
}
.pszs {
	width: 50%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	display:block;
}


figure.photo_l {
	width: 100%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	display:block;
	}

figure.photo_m {
	width: 75%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	display:block;
	}
	
figure.photo_s {
	width: 50%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	display:block;
	}
	
.photo_s figcaption {
	text-align: center;
	font-size: small;
	}


figure.photo_l img {width:100%;}	
figure.photo_m img {width:100%;}
figure.photo_s img {width:100%;}


/*  ==================================================================================================　 */
/*  #サイド　 */	
	
	
/*  #サイド-リストの共通項　 */
	
.newtopics_list li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	padding-left: 6px;
}
.column_list li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	padding-left: 6px;
}
/*  #サイド-スクール特集　 */

.side_pickup_sc {
	font-size: 12px;
}
.side_pickup_scname {
}
.side_pickup_txt {
	line-height: 170%;
}	


.border_txt {
	padding: 0.5em 1em;
	border: 1px solid #CCC;
	text-align: center;
	display: inline-block;
}



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_*/


/*  スマホ向けのスタイル：~769px */
@media only screen and (max-width: 768px) {
	
	

/*  ==================================================================================================　 */
/*  #旅行ページ　 */	


/*  旅行TOP　 */

.travel_top_box {
	display:inline-block;
	margin:0 1% 10px 1%;
	vertical-align:top;
	width:46%;
	}
	

.tbl_a th,
.tbl_a td{      
        display: block;
        border-top: none;
    }

	
}




/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_*/


/*  PC向けのスタイル：769px～ */
@media only screen and (min-width: 769px) {
h1 {
	font-size: 12px;
	color: #333333;
	text-align: center;
}
	
.side_pickup_txt {
	line-height: 150%;
}	
	
}