﻿@charset "utf-8";
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #ffffff;
} 
/*==========================================
 header / 検索 
===========================================*/
.headerSearch{
}
/*==========================================
	company.htm / CEO-IMG
===========================================*/
.img-ceo{
	width: 70%;
	margin: 0 auto;
}
@media (min-width: 768px) {	/* PC時 */
	.img-ceo{
		width: 85%;
	}
}
/*==========================================
 画像の上に文字をのせる
===========================================*/
.p_image{
  position: absolute;	/*絶対配置	*/
  /* top: 0;	画像の左上に配置	*/
  /* left: 0;						*/
  top: 0;
　right: 0;
  margin: 0; /*余計な隙間を除く*/
  color: #ffffff;
  background: #ff4f4f;/*背景色*/
  font-size: 100%;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
}
/*==========================================
 レスポンシブ <table>
===========================================*/
.table-scroll{	/* 横幅が963px以下の場合横スクロール出現 */
	width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.sp_slide_navi{
  display: inline-block;
}
@media (min-width: 768px) {	/* PC時 */
	.sp_slide_navi{ display:none; }
}

.table-scroll::-webkit-scrollbar{ height: 7px; }
.table-scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
.table-scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }




/*==========================================
 施設・設備（setubi.htm）	stb-***
 ===========================================*/
.stb-col-box{
	margin-bottom: 20px;
	height: 90px;
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #fffaf4;/*背景色*/
	border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/}



/*==========================================
 FAQ.htm ver.2024
===========================================*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*==========================================
 index.htm
===========================================*/
.mm-list_Box{
	background-color: #ffffff;
	margin: 0px 0px;
	padding: 15px;
}
.mm-list_Name{
	background-color: #f8f0d9;
	margin: 0px 0px;
	padding: 5px;
}
.mm-table{
	width: 100%;
	font-size: 90%;
}

.cd-OP-ON, .cd-OP-OFF{
	/*	margin:				0px 1px;	*/
	padding:			2px 0px 2px 0px;
	text-align:			center;
	font-size:			90%;
	float:				left;
}
.cd-OP-ON{
	color:				#bb5535;
	/*	font-weight:		bold;	*/
	border:				solid 1px #bb5535;
	background-color:	#FFFCDB;
}
.cd-OP-OFF{
	color:				#999999;
	border:				solid 1px #999999;
}

.tbl-Adm_BOX1, .tbl-Adm_BOX2{ margin: 5px 0px 20px 0px; }
.tbl-Adm_BOX1 td, .tbl-Adm_BOX2 td{ vertical-align: middle; }
.tbl-Adm_BOX1 th, .tbl-Adm_BOX1 td{ text-align: center; }
.tbl-Adm_BOX2 td{ text-align: left; }

table {
	width: 100%;
  	border-collapse: collapse;
}
table td, table th {
	border: 1px solid #ccc;
	padding: 1px;
}
table th {
	background-color: #eee;
}



/*==========================================
　入力Form のスタイル
 ===========================================*/
 .tbl-common01 {  
    width: 100%;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    line-height: 1.5em;
	letter-spacing: 0.05em;
	background-color: #F9F9F9;
}
/* スマホ
-------------------------------------------------- */
@media only screen and (max-width:570px) {
	.tbl-common01 {
		background-color: #EEEEEE;
	}
	.tbl-common01 dt, .tbl-common01 dd {
		padding: 8px 20px;
		line-height: 1.5em;
		letter-spacing: 0.05em;
	}
	.tbl-common01 dt {
		float: none;
		background-color: #F9F9F9;
		border-top:1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
	}
	.tbl-common01 dd {
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		background-color: #ffffff;
	}
}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 571px) {
	.tbl-common01 dt, .tbl-common01 dd {
    	padding: 8px 10px 8px 10px;
    	font-size: 90%;
    	line-height: 1.5em;
		letter-spacing: 0.05em;
    }
	.tbl-common01 dt {
		background-color: #F9F9F9;
        clear: both;
        float: left;
        width: 200px; /* 幅を指定 */
        border-top: 1px solid #FFFFFF;
    }
    
.tbl-common01 dd{
        padding-left: 210px; /* dtの分、左にpaddingを取る */
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #FFFFFF;
        background-color: #ffffff;

    }
}

/*==========================================
　入力Form の基本スタイル
 ===========================================*/
.tit-info-1{
	padding:				8px 0px 8px 10px;
	background-color:		#F9F9F9;
	border:					solid 1px #AD3335;
	color:					#AD3335;
}
/*
.tbl-form{
	width:					100%;
	margin:					0px 0px 0px 0px;
	padding:				2px;
    border:					solid 1px #eeeeee;
}
.tbl-form dt, .tbl-form dd{
    font-size:				90%;
    height:					25px;
}
.tbl-form dt {
    padding:				8px 0px 8px 10px;
	background-color:		#F9F9F9;
	width:					200px;
    float:					left;
    clear:					both;
}
.tbl-form dd{
    padding:				8px 0px 8px 20px;
    height:					auto;
    margin-left:			200px;			dtの幅だけ横にずらします
    background-color:		#FFF;			背景色
}
.tbl-form dd{
   border-top:				solid 1px #eee;	上線
}
input[type=text]{
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	height:					25px;
	font-size:				100%;
}
*/

/*==========================================
 個人情報保護方針
===========================================*/
#privacy{
	font-size: 90%;
	text-align: justify;
  	text-justify: inter-ideograph;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
.prAria1{
	margin:	10px 0px 5px 0px;
	padding: 5px 10px;
	background: linear-gradient(transparent 0%, #ffffcc 0%);
	font-size: 120%;
	font-weight: bold;
}

/*==========================================
 お問い合せフォーム
===========================================*/
.inquiry_box, .inquiry_box2{
	/*	width:80%;	*/
	margin:10px 0px
	text-align: left;
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
.inquiry_box2{
	font-size: 80%;
}
.inquiry_box h4{
	margin:50px 0 5px;
	text-align:center;
	font-size:24px;
}
.inquiry_box p{
	text-align:center;
	margin-bottom:1.5em;
}
.inquiry_att{
	/*	width:80%;	*/
		margin:10px auto;
	border:1px solid rgba(170,170,170,1);
	padding:40px 50px 30px;
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
.inquiry_att p{
	margin-bottom:1.3em !important;
	text-align:left;
}
.inquiry_att p span a{
	text-decoration:underline;
}
.inquiry_att p span i{
	display:inline-block;
	padding:0 0 2px 1em;
	font-size:16px;
	margin:0;
	vertical-align:middle;
}
.inquiry_att p:first-child span{
	font-weight:bold;
	font-size:14px !important;
}
.inquiry_att{
	padding:20px;
}
@media screen and (max-width: 680px){
.inquiry_box, .inquiry_box2{
	/* width:90%;	*/
	margin:10px auto;
}
.inquiry_box p{
	text-align:left;
}
.inquiry_box p br{
	display:none;
}
.inquiry_box h4{
	margin:30px 0 5px;
	font-size:21px;
}
.inquiry_att{
	width:100%;
	padding:20px;
}
}

.note{
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
/*==========================================
 News & Topics
===========================================*/
.news_dt{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.news_date{
	font-weight:bold;
}
.news_type00{
	border: 1px #fff solid; border-radius: 5px;
	margin: 0px 0px 0px 10px;
	padding: 0px 8px;
}
.news_type00{	/* イベント用	*/
	background:#FFC0CB;
	color: #000;
}
.news_type01{	/* お知らせ用	*/
	background:#ffaf58;
	color: #fff;
}
.news_msg{
	margin: 5px 0px 7px 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px dotted #8f5cdb;
	font-size: 90%;
	line-height: 1.5em;
}
/*==========================================
 flow.htm
===========================================*/
.flow_Box{
	border: 1px solid #999;
}
.img-next{
	width: 57px;
	height: auto;
	margin: 30px 0px;
	text-align: center;
}

.flow_txt1{
	line-height: 1.5em;
	margin: 10px 0px 0px 0px;
	color: red;
}
.flow_txt2{
	line-height: 1.5em;
	margin: 10px 0px 0px 0px;
	text-align: justify;			/* 行文字均等割り 1/2 */
	text-justify: inter-ideograph;	/* 行文字均等割り 2/2 */
}
/*==========================================
 creation.htm（制作実績）	ct-***
===========================================*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.ct-UserName{
	font-size: 80%;
	line-height: 120%;
	text-align: left;
	margin: 0px 10px 20px 10px;
}
@media (min-width: 768px) {	/* PC時 */
	.ct-UserName{
		text-align: center;
	}
}
/*==========================================
	インタービュー	iview-***
===========================================*/
.iview-box0{
	text-align: center;
	margin: 0px 0px 30px 0px;
	color: #b13b2f;
	font-size: 120%;
	font-family: "HG明朝E","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important;
}
.iview-box1{
	border-left: solid 1px #d33007;
	margin: 0px 0px 25px 0px;
	padding: 10px 10px 10px 20px;
}
.iview-Q{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	 font-size: 120%;
	color: #d33007;
	font-weight: bold;
}
.iview-A{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
/*==========================================
 bxSlider
===========================================*/
.bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.bx-wrapper .bx-pager {
	padding-top: 0;
}

@media all and (min-width: 400px) {
	.bxsd-wrap {min-width: 600px; height: 100%; overflow-x: hidden;}
	.slide_all {width: 600px; margin: 0 auto; height: 300px; position: relative;}
	.slide_wrap {width: 1800px; position: absolute; left: 50%; margin-left: -900px;}
	.slide_body {width: 100%;}
	.slide {width: 580px; margin: 0 10px;}
	.slide img {width: 100%; vertical-align: bottom;}
}



.sample02 .swiper-wrapper {
  align-items: stretch;
}

.sample02 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 25px;
}

.sample02 .sample02-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.sample02 .swiper-button-prev,
.sample02 .swiper-button-next {
  display: none;
  width: 20px;
  height: 32.58px;
  fill: #666;
  stroke: none;
  stroke-width: 0;
  background-image: none;
  z-index: 10000;
}

.sample02 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.sample02 .swiper-pagination-bullet-active {
  background: #666;
}

@media (min-width: 768px) {
  .sample02 .swiper-slide {
    padding: 50px;
  }

  .sample02 .swiper-button-prev,
  .sample02 .swiper-button-next {
    display: block;
  }

  .sample02 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
  }
}
/*==========================================
 demo-slick
===========================================*/
#demo-slick {
  background: #fff;
}
#demo-slick figure {
  margin-bottom: 0;
}
#demo-slick section {
  margin: 80px auto;
}
#demo-slick .container {
  width: 80%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#demo-slick button.back {
  display: inline-block;
  color: #fff;
  background-color: #877666;
  border-color: #877666;
  text-align: center;
  vertical-align: middle;
  padding: .375rem .75rem;
  border-radius: .25rem;
  margin-bottom: 20px;
}
#demo-slick button.back:hover {
  opacity: 0.7;
}
#demo-slick .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 300px;
  background: #fff;
}
#demo-slick .card p {
  font-size: 2rem;
}

#demo-slick .slick-slide img {
  width: 100%;
}
#demo-slick .multiple-center-padding img,
#demo-slick .responsive img {
  width: calc(100% - 10px);
}
#demo-slick .responsive-slide-width .slick-slide img {
  width: 300px;
}
@media (max-width: 768px){
  #demo-slick .container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}


.deptPT_desc0{ border-left: solid 5px #e15189; }/* PT Color*/
.deptOT_desc0{ border-left: solid 5px  #f39a59; }/* OT Color*/
.deptST_desc0{ border-left: solid 5px  #6c69a4; }/* ST Color*/
.dept-t_desc4{
	font-size: 120%;
	font-weight: bold;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	/* 標準色	border-left: solid 5px #7db4e6;	*/
}
.dept-t_desc4{ margin: 10px 0px 10px 0px; }
@media (min-width: 768px) {	/* PC時 */
	.dept-t_desc4{ margin: 0px 0px 20px 0px; }
}


/******************************************************************
component - news-row	★以下のcssは未整理
******************************************************************/
.c-badge--bg-news-activity { background-color: #f3cccc; color: inherit; }
.c-badge--bg-news-event { background-color: #dbd0e6; color: inherit; }
.c-badge--bg-news-info { background-color: #d6e9ca; color: inherit; }
.c-badge--bg-news-exam { background-color: #f8e58c; color: inherit; }

.c-news-icon-row__icon { display: table-cell; vertical-align: top; white-space: nowrap; width: 1%; }
.c-news-icon-row__icon > * { display: block; }
.c-news-icon-row__icon--long .c-badge { min-width: 9em; display: inline-block; }

.c-badge { display: inline-block; text-align: center; vertical-align: 1px; box-sizing: border-box; line-height: 1; font-size: 0.85em; border: 1px solid transparent; padding: 0.45em 0.5em 0.35em; }




.c-news-row { display: table; width: 100%; }

.c-news-row--side .c-news-row__time { padding-left: 1rem; }

.c-news-row--side .c-news-row__body { padding-right: 1rem; }

.c-news-row--bordersand { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding-top: 1rem; padding-bottom: 1rem; }

@media screen and (max-width: 736px) { .c-news-row--bordersand { padding-top: 0.75rem; padding-bottom: 0.75rem; } }

.c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__time, .c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__body { border-top: 1px solid #d5d5d5; padding-top: 1rem; }

.c-news-row__item { display: table-row; }

.c-news-row__item:not(:last-child) .c-news-row__body { padding-bottom: 1rem; }

@media screen and (max-width: 736px) { .c-news-row__item:not(:last-child) .c-news-row__body { padding-bottom: 0.75rem; } }

.c-news-row__time { display: table-cell; vertical-align: top; white-space: nowrap; width: 1%; color: #872d7f; }

.color-faculty-bungaku .c-news-row__time { color: #6994b7; }

.color-faculty-life .c-news-row__time { color: #cb7786; }

.color-faculty-human .c-news-row__time { color: #7eaaa9; }

.color-faculty-junior .c-news-row__time { color: #857da7; }

.color-bungaku .c-news-row__time { color: #5ca5bb; }

.color-eibungaku .c-news-row__time { color: #5bbfe1; }

.color-bibi .c-news-row__time { color: #8ea0ac; }

.color-diet .c-news-row__time { color: #e39e8a; }

.color-environment .c-news-row__time { color: #d2a663; }

.color-seibun .c-news-row__time { color: #b594bc; }

.color-gendaiseikatsu .c-news-row__time { color: #f0889d; }

.color-sociology .c-news-row__time { color: #91b19b; }

.color-Japanese-commu .c-news-row__time { color: #a89eab; }

.color-english-commu .c-news-row__time { color: #9bb2da; }

.color-department-bungaku .c-news-row__time { color: #6994b7; }

.color-department-life .c-news-row__time { color: #cb7786; }

.color-department-human .c-news-row__time { color: #7eaaa9; }

.c-news-row__body { display: table-cell; vertical-align: top; padding-left: 0.6rem; }

.c-news-row__body a { color: inherit; text-decoration: none; }

.c-news-row__body a:hover { color: #872d7f; text-decoration: none; }

@media screen and (max-width: 736px) { .c-news-row { display: block; }
  .c-news-row--side .c-news-row__time { padding-right: 0.75rem; padding-left: 0.75rem; }
  .c-news-row--side .c-news-row__body { padding-right: 0.75rem; padding-left: 0.75rem; }
  .c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__time { padding-top: 0.75rem; }
  .c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__body { border-top: 0; padding-top: 0; }
  .c-news-row__item { display: block; }
  .c-news-row__time { display: block; width: auto; color: #872d7f; }
  .color-faculty-bungaku .c-news-row__time { color: #6994b7; }
  .color-faculty-life .c-news-row__time { color: #cb7786; }
  .color-faculty-human .c-news-row__time { color: #7eaaa9; }
  .color-faculty-junior .c-news-row__time { color: #857da7; }
  .color-bungaku .c-news-row__time { color: #5ca5bb; }
  .color-eibungaku .c-news-row__time { color: #5bbfe1; }
  .color-bibi .c-news-row__time { color: #8ea0ac; }
  .color-diet .c-news-row__time { color: #e39e8a; }
  .color-environment .c-news-row__time { color: #d2a663; }
  .color-seibun .c-news-row__time { color: #b594bc; }
  .color-gendaiseikatsu .c-news-row__time { color: #f0889d; }
  .color-sociology .c-news-row__time { color: #91b19b; }
  .color-Japanese-commu .c-news-row__time { color: #a89eab; }
  .color-english-commu .c-news-row__time { color: #9bb2da; }
  .color-department-bungaku .c-news-row__time { color: #6994b7; }
  .color-department-life .c-news-row__time { color: #cb7786; }
  .color-department-human .c-news-row__time { color: #7eaaa9; }
  .c-news-row__body { display: block; padding-left: 0; }
  .c-news-row__body a { color: inherit; text-decoration: none; }
  .c-news-row__body a:hover { color: #872d7f; text-decoration: none; } }

/******************************************************************
component - news-icon-row
******************************************************************/
.c-news-icon-row { display: table; width: 100%; }

.c-news-icon-row--bordersand { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding-top: 1rem; padding-bottom: 1rem; }

@media screen and (max-width: 736px) { .c-news-icon-row--bordersand { padding-top: 0.75rem; padding-bottom: 0.75rem; } }

.c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__time, .c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__icon, .c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__body { border-top: 1px solid #d5d5d5; padding-top: 1rem; }

.c-news-icon-row__item { display: table-row; vertical-align: top; }

.c-news-icon-row__item:not(:last-child) .c-news-icon-row__body { padding-bottom: 1rem; }

@media screen and (max-width: 736px) { .c-news-icon-row__item:not(:last-child) .c-news-icon-row__body { padding-bottom: 0.75rem; } }

.c-news-icon-row__time { display: table-cell; vertical-align: top; white-space: nowrap; width: 1%; padding-right: 0.6rem; color: #872d7f; }

@media screen and (max-width: 736px) { .c-news-icon-row__time { padding-right: 0.45rem; } }

.color-faculty-bungaku .c-news-icon-row__time { color: #6994b7; }

.color-faculty-life .c-news-icon-row__time { color: #cb7786; }

.color-faculty-human .c-news-icon-row__time { color: #7eaaa9; }

.color-faculty-junior .c-news-icon-row__time { color: #857da7; }

.color-bungaku .c-news-icon-row__time { color: #5ca5bb; }

.color-eibungaku .c-news-icon-row__time { color: #5bbfe1; }

.color-bibi .c-news-icon-row__time { color: #8ea0ac; }

.color-diet .c-news-icon-row__time { color: #e39e8a; }

.color-environment .c-news-icon-row__time { color: #d2a663; }

.color-seibun .c-news-icon-row__time { color: #b594bc; }

.color-gendaiseikatsu .c-news-icon-row__time { color: #f0889d; }

.color-sociology .c-news-icon-row__time { color: #91b19b; }

.color-Japanese-commu .c-news-icon-row__time { color: #a89eab; }

.color-english-commu .c-news-icon-row__time { color: #9bb2da; }

.color-department-bungaku .c-news-icon-row__time { color: #6994b7; }

.color-department-life .c-news-icon-row__time { color: #cb7786; }

.color-department-human .c-news-icon-row__time { color: #7eaaa9; }

.c-news-icon-row__icon { display: table-cell; vertical-align: top; white-space: nowrap; width: 1%; }

.c-news-icon-row__icon > * { display: block; }

.c-news-icon-row__icon--long .c-badge { min-width: 9em; display: inline-block; }

.c-news-icon-row__body { display: table-cell; vertical-align: top; padding-left: 0.6rem; }

.c-news-icon-row__body a { color: inherit; text-decoration: none; }

.c-news-icon-row__body a:hover { color: #872d7f; text-decoration: none; }

@media screen and (max-width: 736px) { .c-news-icon-row { display: block; }
  .c-news-icon-row--side .c-news-icon-row__time { padding-left: 0.75rem; }
  .c-news-icon-row--side .c-news-icon-row__body { padding-right: 0.75rem; padding-left: 0.75rem; }
  .c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__time, .c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__icon, .c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__body { padding-top: 0.75rem; }
  .c-news-icon-row--border .c-news-icon-row__item:not(:first-child) .c-news-icon-row__body { border-top: 0; padding-top: 0; }
  .c-news-icon-row__item { display: block; }
  .c-news-icon-row__time { display: block; width: auto; float: left; color: #872d7f; }
  .color-faculty-bungaku .c-news-icon-row__time { color: #6994b7; }
  .color-faculty-life .c-news-icon-row__time { color: #cb7786; }
  .color-faculty-human .c-news-icon-row__time { color: #7eaaa9; }
  .color-faculty-junior .c-news-icon-row__time { color: #857da7; }
  .color-bungaku .c-news-icon-row__time { color: #5ca5bb; }
  .color-eibungaku .c-news-icon-row__time { color: #5bbfe1; }
  .color-bibi .c-news-icon-row__time { color: #8ea0ac; }
  .color-diet .c-news-icon-row__time { color: #e39e8a; }
  .color-environment .c-news-icon-row__time { color: #d2a663; }
  .color-seibun .c-news-icon-row__time { color: #b594bc; }
  .color-gendaiseikatsu .c-news-icon-row__time { color: #f0889d; }
  .color-sociology .c-news-icon-row__time { color: #91b19b; }
  .color-Japanese-commu .c-news-icon-row__time { color: #a89eab; }
  .color-english-commu .c-news-icon-row__time { color: #9bb2da; }
  .color-department-bungaku .c-news-icon-row__time { color: #6994b7; }
  .color-department-life .c-news-icon-row__time { color: #cb7786; }
  .color-department-human .c-news-icon-row__time { color: #7eaaa9; }
  .c-news-icon-row__icon { display: block; width: auto; }
  .c-news-icon-row__icon > * { width: auto; }
  .c-news-icon-row__body { display: block; padding-left: 0; }
  .c-news-icon-row__body a { color: inherit; text-decoration: none; }
  .c-news-icon-row__body a:hover { color: #872d7f; text-decoration: none; } }
