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

/* トップページスライド　スタイルシート
================================================== */
.sp{
	display: none;
}
.container{
	width: 1000px;
	margin: 0 auto;
}
.flex_contents{
	display: flex;
}
#slid_top{
	width: auto;
	height: 300px;
	border-top: 5px solid #333333; border-bottom: 5px solid #333333;
	position: relative;
	overflow-x : hidden;
	overflow-y : hidden;
}
.slides_container{
	width: 1000px;
	height: 300px;
	margin: auto;
}
.bg_img{
	width: 100%;
    max-width: 910px;
	margin: 0px auto;
}
.bg_img .bx-wrapper{
	height: 100%;
}
.bx-window{
	/*margin-bottom: 10px;*/
}
#slider li a{
	/*padding: 30px 0 0 40px;*/
	font-size: 24px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #333333;
}

.slider{
	width: 100%;
	margin: 0px auto;
}
.bg_img .slider li{
	width: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	height: 300px;
}
.bx-prev,.bx-next{
	position: absolute;
	font-size: 36px;
	text-decoration: none !important;
	color: #f00 !important;
}
.bx-prev{
	position:relative;
	left: -20px;
	top: -180px;
}
.bx-next{
	position:relative;
	right: -845px;
	top: -180px;
}
#slider{
	width:1000px;
	margin: 0 auto;
}
#slider li img{
	width: 100%;
	height: auto;
}



/* トップページ左カラム（バナー、タブエリア含む）
================================================== */
#main_contents_top{
	float: left;
	width: 680px;
}
.topics_news{
	width: 209px;
	margin: 80px auto 26px auto;
}
.topics_news img{
	width: 100%;
}
.topics_list{
	display: flex;
	justify-content: space-between;
}
.topics_list a{
	text-decoration: none;
}
.topics_container{
	display: flex;
	width: 230px;
	height: 120px;
}
.topics_container img{
	width: 153px;
}
.topics_logo{
	background-color: #E50012;
	width: 77px;
}
.topics_logo img{
	width: 51px;
	display: block;
	margin: 7px auto 0 auto;
}
.topics_logo .topics_redcross{
	width: 40px;
}
.topics_logo .gakka_icon{
	margin-top: 10px;
}
.topics_logo p{
	color: #ffffff;
	text-align: center;
	padding-top:30px;
}
/* タブエリア */
#tab_area{
	margin-top: 50px;
}
#tab{
	display: flex;
	margin-bottom: 10px;
	border-bottom: solid 2px #B2B2B2;
	position: relative;
}
#tab li{
	cursor: pointer;
}

/* 共通項目通常時 */
#tab li.new a,
#tab li.osirase a,
#tab li.nyusi a,
#tab li.support a,
#tab li.info2 a,
#tab li.event a{
	width: 108px;
	height: 24px;
	display: flex;
	text-decoration: none;
	font-size: 16px;
	justify-content: center;
	align-items: center;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	color: #ffffff;
	margin-right: 12px;
}
#tab li.new a{/* 最新情報 */
	background-color: rgba(143,0,0,0.4);
	font-size: 20px;
	width: 160px;
	height: 30px;
	margin-top: -6px;
}

#tab li.osirase a{
	background-color: rgba(0,60,255,0.4);
}
#tab li.nyusi a{
	background-color: rgba(0,163,61,0.4);
}
#tab li.support a{
	background-color: rgba(211,160,3,0.4);
	width: 128px;
}
#tab li.info2 a{
	background-color: rgba(153,134,117,0.4);
	width: auto;
	padding-left: 6px;
	padding-right: 6px; 
	font-size: 14px;
	letter-spacing: -0.07em;
}
#tab li.event a{
	background-color: rgba(255,64,0,0.4);
}

/****************選択時****************/

/* 最新情報 */
#tab li.new.select a{
	background-color: #8F0000;
}
/* お知らせ */
#tab li.osirase.select a{/* 選択時 */
	background-color: #003CFF;
}
/* 入試情報 */
#tab li.nyusi.select a{/* 選択時 */
	background-color: #00A33D;
}
/* 修学支援新制度 */
#tab li.support.select a{/* 選択時 */
	background-color: #d3a003;
}
/* 新型コロナウイルス関連 */
#tab li.info2.select a{/* 選択時 */
	background-color: #998675;
}
/* イベント情報 */
#tab li.event.select a{/* 選択時 */
	background-color: #FF4000;
}

#main_contents_top #fb_area{
	/* margin-top:25px; */
	margin-bottom:25px;
}

.disnon{
	display: none;
}






/* 一覧へ */
#tab_area .list{
	font-size: 12px;
	position: absolute;
	top: 3px;
	right: 0;
}
#tab_area .list::before{
	position: absolute;
	content: '';
	top: 0.5em;
	right: 2.5rem;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #E50012;
}
/* タブのコンテンツ */
.content_wrap{
	height: 535px;
	overflow-y: scroll;
	margin-bottom: 108px;
	border-bottom: solid 2px #B2B2B2;
}
.content_wrap dl{
	padding-bottom: 10px;
}
.content_wrap dd{
	word-wrap: break-word;
	border-bottom: solid 1px #C8C8C8;
}
.osirase_ico,
.event_ico,
.nyusi_ico,
.support_ico,
.info2_ico,
.other_ico{
	color: #ffffff;
	font-size: 13px;
	width: 90px;
	height: 20px;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 4px;
}
.osirase_ico{
	background-color: #003CFF;
}
.event_ico{
	background-color: #FF4000;
}
.nyusi_ico{
	background-color: #00A33D;
}
.support_ico{
	background-color: #d3a003;
}
.info2_ico{
	background-color: #998675;
	height: auto;
	line-height: 1.1em;
	padding: 3px 0;
	font-size: 85%;
}
.other_ico{
	background-color: #757575;
}
span.new{
	padding: 0px 20px;
	margin-left: 15px;
	background: url(../img/ico_new_top.jpg) left center no-repeat;
}
span.kango_new{
	color: #820019;
	font-weight: bold;
}
span.graduate_new{
	color: #000096;
	font-weight: bold;
}
.osirase_eyecatch{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #C8C8C8;
	display: flex;
}
.osirase_eyecatch dd{
	border-bottom:none;
}
.osirase_eyecatch .osirase_img{
	padding:0 10px;
}
.osirase_eyecatch .osirase_img .new_icon{
	color: #ffffff;
	background-color: #E50012;
	font-size: 11px;
	padding: 1px 7px;
	border-radius: 4px;
}
.osirase_eyecatch .osirase_dl{
	width: 90px;
}
.osirase_eyecatch .date{
	font-size: 12px;
	color: #8C8C8C;
}
.img_test{
	width: 90px;
	height: 63px;
	background-color: #aaaaaa;
	color: #ffffff;
}
.info_none{
	text-align: center;
	padding-top: 40px;
	color: #F44336;
	font-size: 1.2rem;
}
.osirase_eyecatch .osirase_dd{

}
.osirase_eyecatch .osirase_end{
}

/*バナースライド*/
.background_gray{
	background-color: #dcdcdc;
}
.bnr_slide{
	position: relative;
	padding: 30px 0;
	width: 95%;
	margin: 0 auto;
}
.bnr_slide li{
	padding: 0 20px;
}

.bnr_slide .border,
.smart_bnr .border{
	border: 1px solid #8c8c8c;
}
.smart_bnr .border{
	box-sizing: border-box;
}
.pick_up{
	width: 109px;
	margin: 100px auto 26px auto;
}
.pick_up img{
	width: 100%;
}
.pickup_container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pickup_container a{
	text-decoration: none;
}
.pickup_inner{
	width: 220px;
	margin-bottom: 37px;
}
.pickup_inner .pickup_name{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E50012;
	color: #ffffff;
	font-size: 18px;
	height: 45px;
}
.pickup_inner .pickup_description{
	word-break: break-all;
	font-size: 11px;
	line-height: 1.7;
	margin-top: 10px;
	text-align: justify;
}
/*スマホ版ピックアップ*/
.pick_up_gray{
	display: none;
}
.social_media{
	width: 177px;
	margin: 100px auto 26px auto;
}
.social_media img{
	width: 100%;
}
.annai_gray{
	padding: 40px 0;
	background-color: #dcdcdc;
	margin-bottom: 70px;
}

.flex_social_media{
	display: flex;
	justify-content: space-between;
}
/* 大学案内をWebサイトから
================================================== */
.smart_annai_inner,
.smart_rch_special,
.smart_sns_container{
	display: none;
}

.midasi_img_inner{
	margin-bottom: 13px;
	border-bottom: solid 1px #fff;
}

.annai_inner{
	width: 430px;
	background-color: #D59758;
}

.annai_inner .midasi_img_inner{
	width: 400px;
}


.annai_inner .kochira,
.smart_kara{
	color: #ffffff;
	font-size: 11px;
	line-height: 1.1;
	padding-left: 5px;
}
.pamphlet{
	background-color: #E4BC96;
	display: flex;
	justify-content: space-evenly;
	padding-top:10px;
}
.pamphlet a{
	text-decoration: none;
	width: 130px;
}
.pamphlet .pamphlet_title{
	color: #bf0000;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	line-height: 1.25;
}
.pamphlet_inner,
.rch_special_body{
	width: 50%;
}


.pamphlet_inner:nth-child(1){
	width: 64%;

}

.pamphlet_image_inner{
	width: 235px;
	margin: auto;
	position: relative;
}

.pamphlet_inner:nth-child(1) .pamphlet_navi{
	position: absolute;
	top: 16px;
	right: 0;
	transform: rotate(-15deg);
	width: 100px;
}

.pamphlet_inner:nth-child(1) .pamphlet_navi img{
	max-width: 100%;
}

.pamphlet_inner:nth-child(2){
	width: 36%;
}


.rch_special_body:nth-child(1){
	width: 46%;
}
.rch_special_body:nth-child(2){
	width: 54%;
}


.pamphlet_inner img,
.rch_special_body img{
	display: block;
	margin: auto;
	padding-bottom: 10px;
}

.pamphlet_inner:nth-child(1) a img{
	margin: 0;
	margin-left: 0;
}

.kochira_inner,
.rch_special_footer{
	display: flex;
	justify-content:flex-end;
	padding: 10px 15px 8px 0;
}
.kochira a{
	color: #ffffff;
	text-decoration: none;
}
.kochira a:hover{
	text-decoration: underline;
}
/* RCH Special Site
================================================== */
.rch_special{
	width: 310px;
	background-color: #000000;
}
.rch_special .midasi_img_inner{
	width: 280px;
}
.rch_special_inner{
	display: flex;
	background-color: #3F3F3F;
	padding-top: 10px;
}
.rch_special_title{
	color: #b2b2b2;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	line-height: 1.25;
}
.rch_special_kochira{
	color: #b2b2b2;
	text-align: center;
	font-weight:bold;
	padding: 45px 16px 0 0;
}

/*SNS*/
.sns_container{
	width: 195px;
}
.sns_name{
	font-size: 24px;
	color: #666666;
	margin-top: 14px;
}
.icon_centering{
	text-align: center;
}
.line_logo{
	margin-top:24px;
}
.instragram_logo{
	margin-top:40px;
}

/*その他のコンテンツ*/
.other_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.other_container{
	border: 1px solid #8c8c8c;
	width: 300px;
	display: flex;
	height: 60px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}
.other_container p{
	font-size: 19px;
	padding-left: 10px;
}
.other_flex a{
	text-decoration: none;
}
/*ボトムバナー*/
.bnr_bottom{
	text-align: center;
	margin:15px 0 85px 0;
}
.bnr_bottom .img_margin{
	margin-right: 45px;
}
/* トップページ右カラム（コンテンツメニュー（デジタルパンフ、資料請求）
================================================== */
#sub_cotents_top{
	float: right;
	width: 200px;
}
#sub_cotents_top .cotents_menu_1{/* デジタルパンフ */
	background: url(../img/contents_deji.jpg) no-repeat;
	height: 60px;
}
#sub_cotents_top .cotents_menu_2{/* 資料請求 */
	background: url(../img/contents_materials.jpg) no-repeat;
	height: 60px;
}
#sub_cotents_top .cotents_menu_3{/* 奨学金 */
	background: url(../img/contents_scholarship.jpg) no-repeat;
	height: 60px;
}
#sub_cotents_top .cotents_menu_4{/* 図書館 */
	background: url(../img/contents_library.jpg) no-repeat;
	height: 60px;
}
#sub_cotents_top .cotents_menu_5{/* 赤十字とボランティア */
	background: url(../img/contents_borantia.jpg) no-repeat;
	height: 60px;
	margin-bottom: 15px;
}
#sub_cotents_top .cotents_menu_6{/* 地域貢献 */
	background: url(../img/contents_area.jpg) no-repeat;
	height: 40px;
}
#sub_cotents_top .cotents_menu_7{/* 情報公開 */
	background: url(../img/contents_info.jpg) no-repeat;
	height: 40px;
}
#sub_cotents_top .cotents_menu_8{/* 同窓会 */
	background: url(../img/contents_alumni.jpg) no-repeat;
	height: 40px;
}
#sub_cotents_top .cotents_menu_9{/* Viba Kango */
	background: url(../img/contents_viva.jpg) no-repeat;
	height: 40px;
}
#sub_cotents_top .cotents_menu_10{/* エコチル調査 */
	background: url(../img/contents_ecochild.jpg) no-repeat;
	height: 40px;
}
#sub_cotents_top .cotents_menu_11{/* 科目等履修生・聴講生 */
	background: url(../img/contents_special-students.jpg) no-repeat;
	height: 40px;
}
#sub_cotents_top .cotents_menu_12{/* 看護開発センター */
	background: url(../img/contents_nursing_develop.jpg) no-repeat;
	height: 60px;
}
#sub_cotents_top .cotents_menu_13{/* 携帯サイト */
	background: url(../img/bnr_mobile-i.jpg) no-repeat;
	height: 105px;
	margin-top: 20px;
}
#sub_cotents_top .cotents_menu_14{/* 同窓会バナー */
	background: url(../img/bnr_alumni.jpg) no-repeat;
	height: 80px;
	margin-top: 20px;
}
#sub_cotents_top .cotents_menu_15{/* 採用情報バナー */
	background: url(../img/bnr_recruit_top.jpg) no-repeat;
	height: 40px;
	margin-top: 20px;
}
#sub_cotents_top .cotents_menu_16{/* 災害対策教育センター */
	background: url(../img/contents_disaster_center.jpg) no-repeat;
	height: 60px;
}
#sub_cotents_top li{
	padding-bottom: 5px;
}


.smart_bnr{
	display: none;
}
/* 最新情報
================================================== */

#news_contents{
	width: 680px;
	height: 300px;
	background-color:#CCCCCC;
}
.slide-arrow{
	position: absolute;
	top: 1px;
}
.prev_arrow{

}
.next_arrow{

}
iframe{
	width: 100%;
	height: 100%;
	border: none;
}

.top_banner{
	margin:50px 0;
}

.top_banner img{
	width: 100%;
}

/*デジタルパンフレットバナー*/
.pamphlet_banner{
	margin-top: 60px;
	margin-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px  15px  40px  8px;
	border-top: solid 2px #b2b2b2;
	border-bottom: solid 2px #b2b2b2;
}

.pamphlet_banner .digitalpamphlet_title{
	width: 423px;
}

.pamphlet_banner.pamphlet_banner_pc{
	display: flex;
}

.pamphlet_banner.pamphlet_banner_sp{
	display: none;
}

.pamphlet_banner .digitalpamphlet_content{
	width: 533px;
}

.pamphlet_banner .digitalpamphlet_text{
	text-align: center;
	margin-bottom: 12px;
}

.pamphlet_banner .digitalpamphlet_text img{
	width: 499px;
}

.pamphlet_banner .digitalpamphlet_btn_inner{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.pamphlet_banner .digitalpamphlet_btn_inner a{
	display: block;
	width: 168px;
}

.pamphlet_banner .digitalpamphlet_btn_inner a:hover{
	opacity: .7;
}

.pamphlet_banner .digitalpamphlet_btn_inner a img{
	width: 100%;
}