/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.midashi{
  font-size:1.5rem;
  font-family:serif;
  text-align:center;
  margin-bottom:0;
  letter-spacing:0.03rem;
  line-height:2.2rem;
}

.kato_midashi_01{
  color:#A48B78;
  font-size:1.5rem;
  font-family:serif;
  letter-spacing:0.1rem;
  line-height:2rem;
}

.kato_article{
  color:#3E3A39;
}


.kato_jigyo_midashi_01{
  text-align:center;
  color:#A48B78;
  font-size:1.8rem;
  font-family:serif;
  letter-spacing:0.1rem;
  line-height:2.7rem;
}

.kato_article_02{
  text-align:center;
  color:#3E3A39;
}

.kato_example{
  text-align:center;
  background-color:#F4F2EB;
  padding:1rem;
}

.kato_jigyo_midashi_02{
  color:#A48B78;
  font-size:1.3rem;
  border-bottom:1px solid #A48B78 !important;
  padding-bottom:5px;
  margin-bottom:0rem;
}

.kato_jigyo_midashi_03{
  color:#A48B78;
  font-size:0.9rem;
  font-weight:bold;
  margin-top:0rem;
}

.kato_strength_midashi_01{
	color:#ffffff;
	font-size:2.7rem;
	font-family:helvetica;
	font-weight:bold;
	line-height:3.1rem;
	letter-spacing:0.1rem;
	text-align:center;
	margin-bottom:0rem;
}

.kato_strength_midashi_02{
	color:#ffffff;
	font-size:0.9rem;
	letter-spacing:0.1rem;
	text-align:center;
}

/*
list-style
================================================== */

.kato_com_profile .list-ttl {
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	padding: 35px 0 31px;
}
.kato_com_profile .kato_com_line_profile {
	border-bottom: 1px solid #ddd;
	display: table;
	table-layout: fixed;
	padding: 1rem 0 1rem;
	width: 100%;
}
.kato_com_profile .kato_com_line_profile > dt {
	display: table-cell;
	vertical-align: top;
	width: 9rem;
	color: #A48B78;
}
.kato_com_profile .kato_com_line_profile > dd {
	display: table-cell;
	vertical-align: top;
	color: #727171;
}
.kato_com_profile .kato_com_line_profile > dd p {
	margin-top: 20px;
}
.kato_com_profile .kato_com_line_profile > dd .course {
	font-weight: bold;
	color: #A48B78;
}
.kato_com_profile .kato_com_line_profile > dd p:first-child {
	margin-top: 0;
}
.kato_com_profile .kato_com_line_profile > dd dl {
	margin-top: 10px;
}
.kato_com_profile .kato_com_line_profile > dd dl dt {
	float: left;
}
.kato_com_profile .kato_com_line_profile > dd dl dd {
	overflow: hidden;
}

.kato_com_profile dd a{
	padding:0.01rem 0.5rem;
	background-color:#A48B78;
	color:#ffffff;
}

.kato_com_profile dd a:hover{
	padding:0.01rem 0.5rem;
	background-color:#dddddd;
	color:#A48B78 !important;
}

/*
fix_20180406
================================================== */
.credit_align{text-align:center}
.credit_text{font-size:1.3rem;line-height:1.7rem;}

.ceo_right_01{
	text-align:right;
	color:#3E3A39;
}

.ceo_right_02{
	text-align:right;
	color:#3E3A39;
}


.ceo_right_03{
	font-size:1.2rem;
	font-family:serif;
}



.staff_serif{
	text-align:center;
	font-family:serif;
	font-size:1.2rem;
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
.kieru{
  display:none;
}


}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

.about_sp{
	text-align:center;
	line-height:2.5rem;
}

.hidari{
	text-align:left;
}



.kato_com_profile .kato_com_line_profile > dt {
	display: table-cell;
	vertical-align: top;
	width: 7rem;
	color: #A48B78;
}

}