@charset "UTF-8";
/*
 * index.css
 *
 */
 
/*==================================
             top page
==================================*/

.top_info img,
.info_menu_box {
	display:inline-block;
	vertical-align:top;	
}
.info_menu_box {
	width:57%;
	margin:5px auto;
}
.top_info p {
	margin:30px auto 40px;
}
.top_info img {
	width:40%;
	height:auto;
	margin:1%;
	border-radius:10px;
}
.top_info h2 img  {
	width:auto;
	height:46px;
	margin:0 auto;
	border-radius:0;
}
.top_info > ul > li {
	margin:20px;
}
div.page .koumoku li {
	font-weight:bold;
	font-size:17px;
	display:inline-block;
	margin:0 10px 20px;
}
.koumoku li::before {
   margin: 0 5px 0 0;
    color: #35ADDA;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0c8';
}
.info_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
div.page .info_menu li {
	width:48%;
	margin:1%;
	background-color:#C9E3F3;
	border-radius:10px;
}
.info_menu li a::before {
	padding:0 10px 0 0;
    float: left;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:30px;
    color: #35ADDA;
	line-height:0.8em;
}
.info_menu li a:hover::before {
    color: #fff;
}
.info_menu li:nth-of-type(1) {
	background-image:url(/img/common/info_icon_01.png);
	background-position:8.5% 50%;
	background-repeat:no-repeat;
	background-size:30px 30px;
}
.info_menu li:nth-of-type(2) a::before {
    content: '\f073';
}
.info_menu li:nth-of-type(5) a::before {
    content: '\f15c';
	padding-right: 18px;
}
.info_menu li:nth-of-type(3) a::before {
    content: '\f5a0';
}
.info_menu li:nth-of-type(4) a::before {
    content: '\f157';
	font-weight:bold;
	padding:0 15px 0 0px;
}
.top_info li.top_shiken:nth-of-type(2) .info_menu li:nth-of-type(3) a::before {
    content: '\f108';
	font-weight:bold;
	padding:0px 7px 0px 0px;
}
.top_info li.top_shiken:nth-of-type(2) .info_menu li:nth-of-type(4) a::before {
    content: '\f091';
	font-weight:bold;
	padding:0px 7px 0px 0px;
}
.info_menu li a {
    display: block;
	padding:20px;
	color:#000;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
.info_menu li:nth-of-type(1) a {
	padding:20px 20px 20px 60px;
}
.info_menu li:nth-of-type(1) a:hover {
	background-image:url(/img/common/info_icon_01_hover.png);
	background-position:7% 50%;
	background-repeat:no-repeat;
	background-size:30px 30px;	
}	
.info_menu li a:hover {
	background-color:#35ADDA;
	opacity:1;
	color:#fff;
	border-radius:10px;	
}
.info_menu li a:hover::after {
	color:#fff;
}
.info_menu li a::after {
    float: right;
    margin: 0 0 0 15px;
    font-family: 'Font Awesome 5 Free';
    content: '\f138';
    font-weight: 900;
    color: #35ADDA;
}
.top_shiken {
	margin:0 auto 40px;
}
.top_news {
	margin:0 auto 60px;
}
/*==================================
          　news tabs
==================================*/
/*タブ切り替え全体のスタイル*/
.tabs {
  background-color: #fff;
  margin: 20px auto 0;
}
/*タブのスタイル*/
.tab_item {
  width: calc(100%/5);
  width:18%;
  height: 55px;
  margin:0 1%;
  border-bottom:3px solid #ccc;
  background-color: #fff;
  line-height: 60px;
  font-size: 16px;
  text-align: center;
  color: #7E7E7E;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  box-sizing:border-box;
}
.tab_item:hover{
	text-decoration:underline;
	opacity:1;
}
.tab_item:last-of-type {
  border-right:none;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#oshirase:checked ~ #oshirase_content,
#shiken:checked ~ #shiken_content,
#koshu:checked ~ #koshu_content,
#kyogikai:checked ~ #kyogikai_content {
  display: block;
  padding:20px 0 0;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  border-bottom:3px solid #35ADDA;
  color:#000;
}
.tabs input:checked + .tab_item:hover{
	text-decoration:underline;
	opacity:1;
}

/*タブの中のリスト*/
div.page .tab_content_description li {
	border-bottom:#ccc solid 1px;
	font-size:0;
	margin:0 auto;
}
.tab_content_description li:last-of-type {
	border-bottom:none;
}
.tab_content_description li a {
	display:block;
}
.tab_content_description time,
.tab_content_description p {
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
.tab_content_description a:hover p {
	text-decoration:underline;
	opacity:1;
}
.tab_content_description a:hover {
	opacity:1;
}
.tab_content_description p {
	color:#1d3994;
	width: 625px;
}
.tab_content_description p a:hover {
	text-decoration:underline;
}
.tab_content_description li a.news-jyuyo p {
	font-size:22px;
	color:#FF0000;
}
.tab_content_description time {
	width:135px;
	color:#666;
}
.news_list_link {
	width:200px;
	margin:30px auto 0;
    text-align: center;	
}
.news_list_link a {
	display:block;
    padding:8px 25px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	border:#35ADDA solid 2px;
	border-radius:23px;	
	background-color:#fff;		
}
.news_list_link a:hover {
	background-color:#35ADDA;
	color:#fff;
	opacity:1;			
}
.news_list_link a:hover::after {
	color:#fff;			
}
.news_list_link a::after {
    float: right;
    margin: 0 0 0 15px;
    font-family: 'Font Awesome 5 Free';
    content: '\f138';
    font-weight: 900;
    color: #35ADDA;
}
.tab_content_description time {
	padding:15px 0 15px 20px;
}

/*==================================
          　sch tabs
==================================*/

/*タブ切り替え全体のスタイル*/
.sch_tabs {
  background-color: #fff;
  margin: 20px auto 0;
}

/*タブのスタイル*/
.sch_tab_item {
  width: calc(100%/5);
  width:23%;
  height: 55px;
  margin:0 1%;
  border-bottom:3px solid #999;
  background-color: #fff;
  line-height: 60px;
  font-size: 16px;
  text-align: center;
  color: #7E7E7E;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  box-sizing:border-box;
}
.sch_tab_item:hover{
	text-decoration:underline;
	opacity:1;
}
.sch_tab_item:last-of-type {
  border-right:none;
}

/*ラジオボタンを全て消す*/
.sch_tabs input[name="sch_tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.sch_tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#sch_all:checked ~ #sch_all_content,
#sch_shiken:checked ~ #sch_shiken_content,
#sch_koshu:checked ~ #sch_koshu_content,
#sch_kyogikai:checked ~ #sch_kyogikai_content {
  display: block;
  padding:20px 0 0;
}

/*選択されているタブのスタイルを変える*/
.sch_tabs input:checked + .sch_tab_item {
  border-bottom:3px solid #35ADDA;
  color:#000;
}
.sch_tabs input:checked + .sch_tab_item:hover{
	text-decoration:underline;
	opacity:1;
}

/*タブの中のリスト*/
div.page .sch_tab_content_description li {
	border-bottom:#ccc solid 1px;
	font-size:0;
	margin:0 auto;
}
.sch_tab_content_description li:last-of-type {
	border-bottom:none;
}
.sch_tab_content_description li a {
	display:block;
}
.sch_tab_content_description time,
.sch_tab_content_description p {
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
.sch_tab_content_description a:hover p {
	text-decoration:underline;
	opacity:1;
}
.sch_tab_content_description a:hover {
	opacity:1;
}
.sch_tab_content_description p {
	color:#1d3994;
}
.sch_tab_content_description p a:hover {
	text-decoration:underline;
}
.sch_tab_content_description time {
	width:95px;
	color:#666;
}
.sch_list_link {
	width:200px;
	margin:30px auto 0;
    text-align: center;	
}
.sch_list_link a {
	display:block;
    padding:8px 25px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	border:#35ADDA solid 2px;
	border-radius:20px;			
}
.sch_list_link a:hover {
	background-color:#35ADDA;
	color:#fff;
	opacity:1;			
}
.sch_list_link a:hover::after {
	color:#fff;			
}
.sch_list_link a::after {
    float: right;
    margin: 0 0 0 15px;
    font-family: 'Font Awesome 5 Free';
    content: '\f138';
    font-weight: 900;
    color: #35ADDA;
}
.sch_tab_content_description time {
	padding:15px 0 15px 20px;
}
/*タブ切り替え全体のスタイル ここまで*/

.top_about_copy {
	padding:80px 0;
	background-image:url(/img/top/shiken_img.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:1000px auto;
}
.top_ent .top_about_copy {
	padding:80px 0;
	background-image:url(/img/top/member_img.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:1000px auto;
}
.top_about_copy,
.top_about_img {
	display:inline-block;
	vertical-align:top;
}
.top_about_img {
	width:45%;
	height:auto;
}
.top_about_copy {
	margin:0 auto;
}
.copy_box {
	width:75%;
	margin:0 auto;
	padding:20px 20px 40px 20px;
	background: rgba(255,255,255,0.85);
}
div.page .top_about_copy h3 {
	margin:20px auto;
	padding:10px 0;
	font-size:20px;
	text-align:center;
	background:none;
	border:none;	
}
.top_about_copy .news_list_link {
	width:200px;
	margin:20px auto 0;
    text-align: center;
	background:none;
}
.nenkan {
	margin:50px auto 0;
}
/*.nenkan img {
	width:100%;
	height:auto;
}*/
#main .kyogikai_topix img {
	display:block;
	width:90%;
	height:auto;
	margin:0 auto 20px;
	border-radius: 0;
	
}
.kyogikai_topix {
	position: relative;
	border:solid 2px #C9E3F3;
	padding: 0.3em 0.3em 0.3em 0.8em;
	border-radius: 10px;	
	background-color:#EAF4FA;
  	background-image: linear-gradient(#C9E3F3 1px, transparent 0),
                    linear-gradient(90deg, #C9E3F3 1px, transparent 0);
	background-size: 40px 40px;
	background-position:center;
}
.kyogikai_topix::before,
.kyogikai_topix::after {
	position: absolute;
	width: 0;
	height: 51.95px;
	content: '';
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);			
	border-width: 0 0 0 3px;
	border-style: solid;
	border-color: #35ADDA;
}
.kyogikai_topix::before {
	top: -15px;
	right: 10px;
}
.kyogikai_topix::after {
	bottom: -15px;
	left: 10px;
}
#main .kyogikai_topix h4 {
	font-size:20px;
	text-align:center;
	margin:10px auto;
}
#main .kyogikai_topix p {
	text-align:center;
	margin:10px auto 20px;	
}
.topix_ttl {
	color:#35ADDA;
	font-size:26px;
	font-weight:bold;
}
.top_news p{
	margin-bottom: 0;
}