@charset "utf-8";
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #ffffff;
} 
/*==========================================
 header / 検索 
===========================================*/
.headerSearch{
}

/*==========================================
 背景のグラデーション 
===========================================*/
.box2 {
 background: linear-gradient(#f1f1f1, #faf9f8); 
}

/*==========================================
 背景固定（ fixed ）:ティアラオフィシャルのみ使用
===========================================*/
body, html, main {
    /* important */
    height: 100%;
}
.cd-fixed-bg {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
.cd-fixed-bg_80 { min-height: 80%; }
.cd-fixed-bg_50 { min-height: 50%; }
  
.bg-img-1 {
	  background-image: url("../index/img-1_500.jpg");	*/
}


/*==========================================
	左から右から表示させる
===========================================*/
div.animation_box {
  padding: 10px;
  opacity: 0;
  transform: translateX(-100px);
  transition: 3s ease;
}
div.animation_box_left {
  transform: translateX(100px);
}
div.animation_box_right {
  transform: translateX(-100px);
}

/*==========================================
 画像の上に文字をのせる
===========================================*/
.p_image{
  position: absolute;	/*絶対配置	*/
  /* top: 0;	画像の左上に配置	*/
  /* left: 0;						*/
  top: 0;
　right: 0;
  margin: 0; /*余計な隙間を除く*/
  color: #ffffff;
  background: #00A968;/*背景色*/
  font-size: 150%;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  
}

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

/*==========================================
 レスポンシブ <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%;
}
/*==========================================
 FAQ.htm 
===========================================*/
#panel > dt {
  border-bottom: solid 1px white;
  background-color: #f8f0d9;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#panel > dd {
  border: solid 1px Silver;
  margin: 0px;
  padding: 10px;
}
/*==========================================
 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;
}

/*==========================================
 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 */
}

/*==========================================
 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: 100%;
  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; }
}
/*==========================================
 NextPage 用
===========================================*/
.bk-button{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.button {
  display: inline-block;
  width: 280px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  -webkit-perspective: 300px;
  perspective: 300px;
}
.button span {
  display: block;
  position: absolute;
  width: 250px;
  height: 60px;
  border: 2px solid #333;
  text-align: center;
  line-height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
}
.button span:nth-child(1) {
  background-color: #333;
  color: #fff;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button span:nth-child(2) {
  background-color: #fff;
  color: #333;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
  /*	background-color: #333;	*/		/*	背景（黒）	*/
  background-color: #ffe4cc;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}


/*==========================================
 Table （2024.10） 
===========================================*/
.price-examples-table {
  width: 1140px;
  margin: auto;
  margin-bottom: 30px;
  border-collapse: separate;
  border-spacing: 5px;
  font-size: 16px;
}

.cost-btn {
    margin-top: 30px;
}

.normal-cell,
.green-cell,
.orange-cell { 
    color: #F18800;
    border: 1px solid #F18800;
    margin: 5px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
    line-height: 1.5;
    padding: 10px 5px;
    background-color: #fff;
}

.bold-border {
    border: 3px solid;
}

.green-cell {
    background-color: #00A99D;
    color: #fff;
    border: 1px #00A99D solid;
}

.green-cell .large-text {
    font-weight: bold;
}

.normal-cell {
    color: #000;
    border: 1px #707070 solid;
    padding: 10px 15px;
    white-space: normal;
}

.normal-cell .small-text {
}

.normal-cell.text-left {
    text-align: left;
}

.employee .small-text {
}

.orange-cell.employee,
.orange-cell.number-location {
    width: 80px;
}

.orange-cell.imprinting-machine {
    width: 120px;
}

.orange-cell.initial-cost {
    width: 275px;
}

.orange-cell.running-cost {
    width: 190px;
}

.clear-cell {
    width: 90px;
}

.price-examples {
  overflow: auto;
  white-space: nowrap;
}

.paged #price-case-study.scene-block .function-detail,
.paged #price-case-study.scene-block {
    background-color: #f2f2f2 !important;
}

/******************************************************************
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; } }