@charset "UTF-8";

@media screen and (max-width: 1200px) {
	#carousel-1 .carousel-indicators {
		left: 5%;
		right: 0;
		-ms-flex-pack: start;
		justify-content: start;
	}

	/*
	* header
	*/
	.header_box .top_r .menu .cate_pc {
		display: none;
	}

	/*
	* carousel
	*/
	.crsl_txt {
		top: 25%;
	}

	/*
	* hisotry
	*/
	.history_box .box1 {
		width: 100%;
		max-width: 100%;
		margin: 6px 0 0 0;
	}

	.history_box .box2 {
		margin: 6px 0 0 0;
	}

	.history_box  img {
		padding: 6px 6px 0 0;
	}

	.history_container dt {
		width: 5.0em;
		padding: 6px 16px 6px 6px;
	}
	.history_container dd {
		width: calc(100% - 5.0em);
		padding: 6px 16px 6px 16px;
	}
}

@media screen and (max-width: 992px) {
	/*
	* carousel
	*/
	#carousel_container {
		margin-bottom: 200px;
	}

	.crsl_title_r {
		margin: 0px 30px 15px 0;
	}

	.crsl_comment {
		margin-top: 20px;
	}

	#carousel-1 .carousel-indicators {
		bottom: -50px;
		left: 0;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#login_box {
		bottom: -200px;
		width: 100%;
		min-width: 100%;
		background-size: cover;
	}

	.fade_comment {
		font-size: 1.5rem;
	}

	.fade_comment5 {
		font-size: 1.5rem;
	}

	/*
	* footer
	*/
	.footer .rapper .left {
		width: 50%;
	}

	.footer .address {
		padding: 40px 0 0 40px;
	}

	.footer .rapper .right {
		width: 50%;
		padding: 50px 0 0 35px;
	}

	.footer .rapper .right .footer_list li {
		/* width: 100%;
		float: none; */
		margin-right: 30px;
	}

	/*
	* news
	*/
	#news {
		width: 100%;
		padding: 0 30px;
	}

	/*
	* presentation
	*/
	.presentation_report .title_box {
		display: block;
	}

	.presentation_report .title_box .title {
		width: 100%;
	}

	.presentation_report .annotation {
		padding: 20px 0;
		width: 100%;
	}

}

@media screen and (max-width:767.98px) {
	/*
	* header
	*/
	#header_bar .top_l {
		display: none;
	}
	#header_bar .top_r {
		float: none;
	}
	#header_menu .cate_pc {
		display: none;
	}

	.top_r #header_menu {
		height: 72px;
	}

	#header_menu .cate_pc li {
		padding: 0;
	}

	#header_menu #menubtn {
		width: 66px;
		height: 72px;
		padding: 17px 18px;
	}

	.topmenu .logo {
		text-align: left;
		margin: 0px 50px 0 0px;
	}

	.topmenu_logo {
		display: block;
	}

	/*
	* search
	*/
	.rps_off {
		/* display: none !important; */
		display: none;
	}
	header #search_input {
		background-color: #fff;
		padding-bottom: 10px;
		padding-left: 20px;
	}
	header #search_input .search_input_box {
		display: flex;
		display: -webkit-flex;
		flex-flow: row;
		padding-right: 10px;
	}
	header #search_input .search_input_box {
		display: flex;
		display: -webkit-flex;
		flex-flow: row;
		padding-right: 10px;
	}
	header #search_input .search_input_box input {
		-webkit-flex-grow: 1;
		flex-grow: 1;
		overflow: auto;
	}
	header #search_input .search_input_box button {
		width: 100px;
	}
	#search_input_closer {
		display: none;
	}

	/*
	* Topページ carousel用
	*/
	#carousel_container {
		margin: 0 auto 120px auto;
	}

	.carousel_box {
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	.rps_on_crsl {
		display: block !important;
	}

	.rps_off_crsl {
		display: none !important;
	}

	.carousel_photo img {
		min-height: 100%;
	}

	#carousel_container #side {
		background: none;
		width: 100%;
	}

	#carousel_container .row #side #side_pc {
		display: none;
	}

	#carousel_container .row #side #side_rps {
		display: block;
		height: auto;
		width: 100%;
		padding: 30px;
		border-bottom: 1px solid #E1E1E1;
	}

	.crsl_txt {
		top: 60%;
		left: 0;
	}

	.crsl_txt .crsl_title_l {
		display: none;
	}

	.crsl_txt .crsl_title_r {
		padding: 0 32px;
	}

	.crsl_txt .crsl_title_c {
		margin: 0 15px 0 0;
	}

	.crsl_txt .crsl_comment {
		padding: 0 32px;
	}

	.crsl_section_title {
		padding: 0 20px;
	}

	.carousel-item:last-child .crsl_txt {
		top: 55%;
	}

	.carousel-item:last-child .crsl_subtitle {
		padding: 24px 32px 0 32px;
		margin-top: 20px;
	}

	.carousel-item:last-child .crsl_comment {
		padding-top: 32px;
	}

	/*
	* Topページ フェード画像用
	*/
	.opening {
		display: none;
	}
	.opening_sp {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.opening_sp ul li span img.opening_img{
		max-width: inherit;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.opening_sp .fade_comment1 {
		top: 59%;
		left: 32px;
		padding-right: 64px;
		width:100%;
		line-height: 1.5;
	}

	.opening_sp .fade_comment3 {
		top: 65%;
		left: 32px;
		padding-right: 64px;
		width:100%;
		line-height: 1.5;
	}

	.opening_sp .fade_txt_sp {
		position: absolute;
		left: 32px;
		top: 46.5%;
		z-index: 2;
		max-width: 300px;
		padding-right: 50px;
		height: auto;
		width: 100%;
	}

	.fade_txt_sp_presentation a {
		position: absolute;
		left: 32px;
		top: 52%;
		color: #ffffff;
		z-index: 2;
		padding-right: 32px;
	}

	.fade_comment {
		top: 70%;
		left: 32px;
		padding-right: 32px;
	}

	.fade_comment5 {
		top: 65%;
		left: 32px;
		padding-right: 32px;
	}

	.fade4_block1 {
		position: absolute;
		left: 0%;
		top: 52%;
		width: 100%;
	}

	.fade4_block2 {
		position: absolute;
		left: 0%;
		top: 78%;
		width: 100%;
	}

	.fade4_block1 .fade_comment, .fade4_block2 .fade_comment {
		margin-top: 70px;
	}

	.fade4_block1 .fade_comment5, .fade4_block2 .fade_comment5 {
		margin-top: 70px;
	}

	#login_box {
		display: none;
	}


	/*
	* Topページ フェード画像用
	*/
	.fade_img {
		display: none;
	}

	.fade_img_box_sp {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.fade_img_sp{
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.fade_img_sp .fade_photo {
		overflow: hidden;
	}

	.fade_img_sp .fade_txt_sp {
		position: absolute;
		left: 32px;
		top: 46%;
		z-index: 19;
		max-width: 300px;
		padding-right: 50px;
		height: auto;
		width: 100%;
	}

	.fade_img_sp .fade_txt_sp_presentation a {
		position: absolute;
		left: 32px;
		top: 55%;
		color: #ffffff;
		z-index: 19;
		padding-right: 32px;
	}

	.fade_comment1 {
		top: 60%;
		left: 32px;
		padding-right: 64px;
		width:100%;
		line-height: 1.5;
	}

	.fade_comment3 {
		top: 70%;
		left: 32px;
		padding-right: 64px;
		width:100%;
		line-height: 1.5;
	}

	.fade_comment {
		top: 75%;
		left: 32px;
		padding-right: 32px;
		max-width: 100%;
		font-size: 17px;
	}

	.fade_comment5 {
		/* top: 75%; */
		left: 32px;
		padding-right: 32px;
		max-width: 100%;
		font-size: 17px;
	}

	#login_box2 {
		display: none;
	}


	.main_contents {
		padding: 0;
	}

	#contents_category .btn_category {
		max-width: 100%;
		width: 100%;
	}

	/*
	* news
	*/
	#news_box {
		margin-top: 120px;
	}

	#news_box .row {
		/* margin: 0 -30px; */
		margin: 0;
	}

	#news {
		margin-top: 0;
		margin-right: 0;
		padding: 0;
	}

	#news_title {
		/* position: static;
		margin: 60px 0 20px 0; */
		width: 100%;
		height: auto;
		/* min-height: 0; */
		/* margin: 0 auto; */
		/* margin: 80px 15px 0 15px; */
		text-align: center;
		padding: 0 15px;
		margin: 0px;
	}

	#news #news_list {
		width: 100%;
		height: auto;
	}

	#news_title {
		display: block;
		margin-bottom: 32px;
		padding: 0 32px;
	}

	#news #news_list .news_title_img {
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}

	#news #news_list .news_title_img img {
		width: 34px;
		height: 34px;
		margin: 0;
	}

	#news_list .news_table td {
		padding: 24px 30px 24px 30px;
	}

	#news_list .news_table .news_txt {
		padding-right: 25px;
	}

	#news_list .news_table td .arrow::before {
		border: none;
	}

	#news div #btn_news {
		padding-top: 40px;
		text-align: center;
		width: 100%;
		height: auto;
	}

	/*
	* footer
	*/
	.footer {
		/* padding: 0; */
		padding: 0 15px;
	}

	.footer .rapper img {
		max-width: 100%;
		padding: 0 10px;
	}

	.footer .rapper .left {
		display: block;
		width: 100%;
		text-align: center;
		margin: 30px auto;
		padding: 0;
	}

	.footer .rapper p {
		margin-bottom: 20px;
	}

	/*
	* sub page
	*/
	#leftbox {
		padding: 60px 0px 0px 0px;
		float: none;
		width: 100%
	}

	#leftbox #page_container .left {
		float: none;
	}

	#leftbox #page_container .section_num::before {
		left: 50%;
	}

	#page_container section {
		margin: 0 30px;
		padding: 56px 0;
	}

	#leftbox #page_container section:first-child {
		padding-top: 48px;
	}

	#page_container section p {
		margin: 0;
	}

	#page_container .table_section {
		margin: 0;
		border-bottom: none;
	}

	.table_section .section_title {
		padding: 0 30px;
	}

	.tbl_blue th {
		width: 100%;
		display: block;
		padding: 10px 30px 5px 30px;
	}

	.tbl_blue th.tw620 {
		width: 100%;
	}

	#page_container .border_g {
		border-bottom: 1px solid #c8d5dc;
		margin: 0 30px;
	}

	#page_container .tbl_blue td {
		width: 100%;
		display: block;
		/* padding: 5px 0 20px 0; */
		padding: 32px 30px;
	}

	.tbl_blue th, table.tbl_blue td {
		border: none
	}

	.btn_link {
		text-align: center;
	}

	.rps_on {
		display: block;
	}

	#page_container section .list_title {
		text-align: center;
	}

	#page_container section .gallery .txt_box {
		width: 100%;
		float: none;
		padding: 0 0 20px 0;
	}

	#page_container section .gallery .subtitle {
		margin-bottom: 20px;
	}

	#page_container section .gallery .img_box {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}

	#page_container section .gallery2 .txt_box {
		width: 100%;
		float: none;
		padding: 0 0 20px 0;
	}

	#page_container section .gallery2 .img_box {
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	#page_container section .gallery3 .txt_box {
		width: 100%;
		float: none;
		padding: 0 0 20px 0;
	}

	#page_container section .gallery3 .img_box {
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	#rightbox {
		display: none;
	}

	#rightbox2 {
		display: none;
	}

	.rightbox {
		display: none;
	}

	.rps_on_btn {
		display: block;
	}

	/*
	* 検索結果
	*/
	table.search_result tr td:first-child {
		width: 70%;
	}
	table.search_result tr td:last-child {
		width: 30%;
	}

	/*
	* officer
	*/
	.officer table tbody th {
		display: block;
		width: 100%;
	}

	.officer table tbody td {
		display: block;
		width: 100%;
		padding-bottom: 10px;
	}

	/*
	* 申請方法
	*/
	#application {
		display: inline-block;
	}

	#mypage .stepimg {
		/* width: 145px; */
		float: none;
		width: 100%;
		text-align: center;
	}

	#mypage .stepflow {
		width: 100%;
		max-width: 100%;
	}

	#mypage .stepsep {
		margin-bottom: 60px;
	}

	.stepflow_login {
		display: block;
	}

	/*
	* contact
	*/
	#centerbox {
		padding: 60px 0 0 0;
		margin: 0 0 40px 0;
	}

	#centerbox #page_container section .table_section {
		padding: 0;
		margin: 0;
	}

	#centerbox #page_container section .msg_title {
		text-align: center;
	}

	.tbl_contact th, .tbl_contact td {
		width: 100%;
		display: block;
		border: none;
		padding: 16px 32px;
	}

	table.tbl_contact td .text_area {
		width: 100%;
	}
	table.tbl_contact td .text_s {
		width: 100%;
		min-width: auto;
	}
	table.tbl_contact td .text_m {
		width: 100%;
		min-width: auto;
	}
	table.tbl_contact td .text_l {
		width: 100%;
	}

	.msg {
		margin-top: 0;
	}

	/*
	* board-of-directors
	*/
	span.daytitle {
		float: right;
		text-align: right;
		color: #bdbdbd;
		width: 100%;
	}


	/*
	* footer
	*/
	.footer {
		background: url(../img/bg_footer_s.png) repeat-y center center;
		background-size: contain;
	}

	.footer .address {
		padding: 32px 0 56px 0;
	}

	.footer .rapper .right {
		display: none;
	}

	/*
	* interview
	*/
	.col-lg-6 {
		padding: 0;
	}

	/*
	* hisotry
	*/
	.history_box img {
		max-width: 100%;
	}
	.history_box .box2 {
		width: 100%;
		max-width: 100%;
		margin: 6px 0 0 0;
	}

	/*
	* jisseki_forum
	*/

	.tbl_jisseki td:first-child {
		min-width: 70px;
	}

	.tbl_jisseki td:nth-child(2) {
		min-width: 80px;
	}

	.tbl_jisseki td:last-child {
		min-width: 80px;
	}

	/*
	* jisseki_group
	*/
	.scroll {
		max-height: 600px;
	}
}

@media screen and (max-width: 576px) {
	.bg_blue {
		/* background-size: cover; */
		background-size: contain;
	}

	/*
	* header
	*/
	#header_rps .menu_rps {
		max-width: 80%;
		width: 300px;
	}

	/*
	* carousel
	*/
	.carousel-item:last-child .crsl_subtitle {
		padding: 0px 32px 0 32px;
	}

	.carousel-item:last-child .crsl_comment {
		padding: 0 32px 0 32px;
	}


	/*
	* main_contents
	*/
	#contents_category .btn_category {
		min-height: 100px;
		padding-top: 50px;
	}

	#contents_category .btn_category div {
		padding: 5px 0 0 30px;
		line-height: 1.5;
	}

	#contents_category #funding {
		background: url(../img/txt_funding_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #funding:hover {
		background: url(../img/txt_funding_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #funding::before {
		content: url(../img/ico_funding_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #funding:hover:before {
		content: url(../img/ico_funding_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #research {
		background: url(../img/txt_research_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #research:hover {
		background: url(../img/txt_research_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #research::before {
		content: url(../img/ico_research_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #research:hover:before {
		content: url(../img/ico_research_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #advanced {
		background: url(../img/txt_advanced_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #advanced:hover {
		background: url(../img/txt_advanced_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #advanced::before {
		content: url(../img/ico_advanced_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #advanced:hover:before {
		content: url(../img/ico_advanced_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #scholarship {
		background: url(../img/txt_scholarship_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #scholarship:hover {
		background: url(../img/txt_scholarship_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #scholarship::before {
		content: url(../img/ico_scholarship_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #scholarship:hover:before {
		content: url(../img/ico_scholarship_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #overseas {
		background: url(../img/txt_overseas_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #overseas:hover {
		background: url(../img/txt_overseas_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #overseas::before {
		content: url(../img/ico_overseas_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #overseas:hover:before {
		content: url(../img/ico_overseas_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #providing {
		background: url(../img/txt_providing_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #providing:hover {
		background: url(../img/txt_providing_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #providing::before {
		content: url(../img/ico_providing_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #providing:hover:before {
		content: url(../img/ico_providing_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #awards {
		background: url(../img/txt_awards_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #awards:hover {
		background: url(../img/txt_awards_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #awards::before {
		content: url(../img/ico_awards_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #awards:hover:before {
		content: url(../img/ico_awards_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #book {
		background: url(../img/txt_book_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #book:hover {
		background: url(../img/txt_book_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #book::before {
		content: url(../img/ico_book_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #book:hover:before {
		content: url(../img/ico_book_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	#contents_category #symposium {
		background: url(../img/txt_symposium_b.png) no-repeat center top 30% #ffffff;
	}
	#contents_category #symposium:hover {
		background: url(../img/txt_symposium_w.png) no-repeat center top 30% #4078cc;
	}
	#contents_category #symposium::before {
		content: url(../img/ico_symposium_sp_b.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}
	#contents_category #symposium:hover:before {
		content: url(../img/ico_symposium_sp_w.png);
		position: absolute;
		left: 30px;
		top: 35%;
	}

	/* message */
	.msg_pic {
		float: none;
		text-align: center;
		margin: 0;
	}

	.msg_pic img {
		max-width: 290px;
		width: 100%;
		height: auto;
	}

	#page_container section .message {
		max-width: 290px;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	/*
	* presentation
	*/
	.program .syozoku {
		width: 100%;
		float: none;
	}

}

@media screen and (max-width: 340px) {
	.crsl_txt .crsl_title_r {
		margin: 0;
		padding: 0 15px 0 25px;
	}

	.crsl_txt .crsl_comment {
		margin-top: 0;
		padding: 0 15px 0 25px;
	}

	.carousel-item:last-child .crsl_txt .crsl_subtitle {
		font-size: 2.0rem;
		padding: 0 16px 0 16px;
		margin: 0;
	}

	.carousel-item:last-child .crsl_txt .crsl_comment {
		padding: 0 16px 0 16px;
	}

	/*
	* Topページ フェード画像用
	*/
	.fade_txt_sp_presentation a {
		position: absolute;
		left: 32px;
		top: 45%;
		color: #ffffff;
		z-index: 2;
		padding-right: 20px;
	}

	.fade_comment {
		top: 75%;
		left: 32px;
		padding-right: 32px;
		font-size:1.3rem;
	}

	.fade4_block1 .fade_comment5, .fade4_block2 .fade_comment5 {
		margin-top: 55px;
		top: 75%;
		left: 32px;
		padding-right: 32px;
		font-size:1.3rem;
	}

	.fade_txt_presentation a {
		font-size: 1.6rem;
	}


	/*
	* main_contents
	*/
	#contents_category #book {
		background-position: left 65% top 30%;
	}

	#contents_category #book:hover {
		background-position: left 65% top 30%;
	}
}