@charset "UTF-8";


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

reset

メインカラーネイビー：5573ad
ライトネイビー：78ABFF
さらにライトネイビー：D9E0FF
さらにさらにライトネイビー：F3F9FF
イエロー：FF0

メインフォントカラー：555

============================== */
html{
}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address,
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
  font-weight:normal;
}
a, ins {
  text-decoration: none;
}
address, em, cite, dfn, var {
  font-style: normal;
}
input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}
img {
  border: none;
}
a img {
  border: none;
}
table th,
table td{
	font-weight:normal;
	color:#000;
}


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

共通htmltag

============================== */
body{
	color:#fff;
	line-height:2.5em;
	font-size:120%;;
	margin:0px;
	padding:0px;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	background-color: #fff;/*背景色 */
}

a{
color: #5573ad;
  text-decoration: underline;
}
a:hover,
a:focus {
	color: #78ABFF;
	text-decoration: none;
}
a:hover img{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
a:hover div{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}
.align_left{
	text-align:left;
}
p{
	padding-bottom:30px;
}

h2{
	padding-bottom:40px;
	text-align:center;
	font-size:180%;
	line-height:2em;
	font-weight:bold;
	color:#5573ad;
}
h2.left{
	text-align:left;
	padding-bottom:15px;
	margin-bottom:40px;
	border-bottom:1px solid #5573ad;
}
.h2_topspace{
	padding-top:60px;
}

h3{
	font-size:150%;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:30px;
}
h3.pattan1{
	position: relative;
	padding: 20px;
	background-color: #D9E0FF;
	font-size:150%;
	margin-top:20px;
	margin-bottom:40px;
}

h3.pattan1:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #D1D9FF;
  width: 0;
  height: 0;
}


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

共通装飾

============================== */
.color1{
	color: #5573ad;/*ネイビー*/
}
.color2{
	color: #FF0;/*イエロー*/
}
.color3{
	color:#FF4874;/*紅*/
}
.color4{
	color:#999;/*グレー*/
}

.font_gothic{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;

}
.font_mincyo{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.font_italic{
	font-style:italic;
}
.font_small{
	font-size:80%;
}
.font_big{
	font-size:120%;
}
.font_bigbig{
	font-size:140%;
}
.font_80{
	font-size:80%;
}
.font_90{
	font-size:90%;
}
.font_100{
	font-size:100%;
}
.font_110{
	font-size:110%;
}
.font_120{
	font-size:120%;
}
.font_140{
	font-size:140%;
}
.font_160{
	font-size:160%;
}
.font_180{
	font-size:180%;
}
.font_200{
	font-size:200%;
}
.common_marker{
	background: linear-gradient(transparent 20%, #5573ad 20%);
}

/*パソコンとスマホで改行位置を調整*/
.br-pc { display:block; }
.br-sp { display:none; }


.common_btn{
	background-color:#5573ad;
	border-radius: 0px; 
	padding-right:40px;
	padding-left:40px;
	margin-top:20px;
	color:#fff;
	border:none;
	font-size:120%;
	text-align:center;
}
.common_btn:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.common_lineheight_small{
	line-height:1.8em;
}

/*画像*/
.common_img{
	/*common_sp指定あり*/
	width:350px;
	margin:0px 0px 20px 20px;
}
.common_img_circle{
	border-radius: 50%;  /* 円形にする */
}

/*divに対してリンク設定時に色を透過する*/
.common_hover:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


/*bootstrap colの隙間をなくすため*/
.common_no-gutters{
  margin:0;
  padding:0;
}
 
.common_no-gutters　> .col,
.common_no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}


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

共通レイアウト

============================== */
/*画像横幅いっぱいに*/
.common_widthmax .img-fluid{
  width:100%;
  height:auto;
  
}

.common_widthmax{
  height: auto;
}

.common_bg_title{
	background:url(../../images/common/bg_title.jpg);
	background-size:cover;
	background-position:bottom center;
	color:#000;
	padding-top:240px;
	padding-bottom:140px;
	color:#FFF;
	font-size:300%;
	text-align:center;
	margin-bottom:60px;
}

.common_pagetop{
	text-align:right;
	font-size:0.8rem;
	padding-top:20px;
	padding-bottom:20px;
}


.common_ul_1 li{
	margin-left:30px;
}



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

個別ページレイアウト

============================== */
.index_gakkaistart{
	padding:60px 0 60px 0;
	background-color:#000;
	color:#fff;
}
.index_gakkaistart a{
	color: #78ABFF;
	text-decoration: underline;
}
.index_gakkaistart a:hover,
.index_gakkaistart a:focus{
	color: #5573ad;
	text-decoration: none;
}

.index_gakkaistart_title{
	font-size:200%;
	color:#78ABFF;
	font-weight:bold;
	text-align:center;
	line-height:2em;
}

.index_concept{
	padding-top:100px;
	background-color:#fff;/*rgba(252,87,96,0.9)*/
	padding-bottom:60px;
	color:#000;
}


.index_kongo{
	padding-top:120px;/*スマホ指定あり*/
	background-color:#eee;
	background:url(../../images/index/kongo_bg.jpg) center top;
	background-size: cover;
	color:#555;
	padding-bottom:140px;
	text-align:left;
}
.index_kongo_space{
	background:#fff;
	background-color:rgba(255,255,255,0.9);
	margin:10px;
	padding:30px;
}


.index_news{
	padding-top:120px;/*スマホ指定あり*/
	background-color:#eee;
	color:#555;
	padding-bottom:140px;
	text-align:left;
}
.index_new_space{
	background:#fff;
	margin:10px;
	padding:10px;
}
.index_news a{
	color:#555;
	text-decoration: underline;
}
.index_news a:hover,
.index_news a:focus {
	color:#242935;
  text-decoration:none;
}

.index_news p{
	padding-bottom:20px;
}



.index_member{
	background:#fff;
	padding-top:100px;
	padding-bottom:100px;
}
.index_member th,
.index_member td{
	text-align:center;
	font-size:90%;
}
.index_member thead th{
	font-size:100%;
}



.member{
	background:#fff;
	padding-bottom:100px;
}
.member th,
.member td{
	text-align:center;
	font-size:90%;
}
.member thead th{
	font-size:100%;
}



.about_table th,
.about_table td{
	font-size:90%;

}


.past_suisen_ul{
	font-size:120%;
}
.past_suisen_ul li{
	padding-bottom:40px;
}

.past_kigyou_ul{
	font-size:110%;
}


.qa_mokuji{
	border:1px solid #78ABFF;
	padding:30px;
	background-color: #F3F9FF;
}


.endai_touroku_message1{
	margin-top:10px;
	padding:20px;
	background-color:#FFE6E0;
}






#news_frame{
	border:1px solid #242935;
}