@charset "utf-8";

/*PC・タブレット・スマホ(全端末)共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*contents */
.contents {
margin-top: 110px !important;
}
.cont-left {
    float: left;
    width: 80%;
}
/*右側コンテンツ*/
.cont-right {
margin-top: 27px;
}
/*パンくずリスト*/
.pankuzu{
	color: #303030;
	padding-bottom: 0.1em;
}
.pankuzu a{
	color: #008B8B;
	text-decoration: underline;
}
/*コラム外側のブロック*/
.column_list_block {
	background: #FFF;
	width: 80%;
	padding: 10%;
	position: relative;
}
/*コラムタグ*/
h2.column_list_tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 155px;
	height: 40.04px;
	background-color: rgba(75,176,182,0.3);
	border-bottom: 4px solid #008B8B;
	line-height: 44px;
	text-align: center;
	color: rgb(0,139,139);
	font-size: 16px;
	font-weight: 600;
}
h2.column_list_tag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  border-top: 44.04px solid rgba(75,176,182,0.3);
}
/*最新のコラム外側のブロック*/
.column_list_new {
	background: #F8F5F5;
	position: relative;
	margin-bottom: 16%;
	width:90%;
	margin:0 auto;
	padding-bottom: 5%;
}
/*最新のコラム左側のブロック*/
.column_list_new_left {
	float: left;
	width: 27%;
	/* width: 40%; */
	height: auto;
	padding: 5% 0 0 5%;
}
/*最新のコラム右側のブロック*/
.column_list_new_right {
	float: left;
	/*width: 55%;*/
	width: 40%;
	/*padding: 5%;*/
	padding: 12% 5% 14%;
	color: #303030;
}
/*最新コラムアイコン*/
.column_list_new_icon {
	float: left;
	background-color: #4BB0B6;
	padding: 0.5% 2%;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.1em;
	margin-right: 5%;
	margin-bottom: 2%;
	white-space: nowrap
}
/*最新コラムVOL*/
.column_list_new_vol {
	float: left;
	font-size: 14px;
	margin-bottom: 2%;
	color: #303030;
}
.column_list_new_day {
	float: left;
	font-size: 14px;
	margin-bottom: 2%;
	margin-left: 2%;
	color: #303030;
}
/*最新コラムタイトル*/
.column_list_new_title {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	padding: 1% 0 3%;
}
/*最新コラム著者*/
.column_list_new_name {
	float: left;
	font-size: 16px;
}
/*最新コラム会社名*/
.column_list_new_corpo {
	float: left;
	font-size: 16px;
}
/*最新コラム本文*/
.column_list_new_text {	
	font-size: 14px;
	line-height: 1.5;
	margin-top: 5%;
}
/*最新コラムMOREタグ*/
.column_list_more {
	bottom: 0;
	right: 0;
	width: 100px;
	height: 34.5px;
	margin: 0 auto;
	line-height: 44px;
	text-align: center;
	font-size: 14px;
	line-height:2.6;
	background: #C48649;
}

.column_list_more a {
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	display: block;
}
.column_list_more:hover {
	opacity: 0.7;
}
/*過去のコラム外側のブロック*/
.column_list_past {
	width: 90%;
	padding: 1% 5%;
	height: auto;
}
/*過去のコラムタイトル*/
h3.column {
	font-size: 16px;
	color: #008B8B;
	margin: 11% 0 3% 5%;
	font-weight: bold;
}
/*過去のアイテム外側のブロック*/
.column_item_left {
	position: relative;
	width: 26%;
	height: 425px;
	float: left;
	margin-right: 10%;
	margin-bottom: 5%;	
}
.column_item_center {
	position: relative;
	width: 26%;
	height: 425px;
	float: left;
	margin-bottom: 5%;
}
.column_item_right {
	position: relative;
	width: 26%;
	height: 425px;
	float: left;
	margin-left: 10%;
	margin-bottom: 5%;
}
.column_item_img {
	margin-bottom: 5%;
	border: 1px solid #ccc;
}

/*過去のアイテム通常時の文字色*/
a .column_item_text {
	color:#C48649;
}
/*過去のアイテムタイトル*/
.column_item_date {
	margin: 0 0 3%;
	line-height: 1.4;
	font-size: 0.8em;
}

.column_item_title {
	margin: 5% 0;
	line-height: 1.4;
	font-size: 14px;
}
a .column_item_title {
	text-decoration: underline;
        color: #C48649;
	line-height: 1.5;
}
/*過去のアイテム著者*/
.column_item_name {
	line-height: 1.4;
	margin:5% 0 0;
	font-size: 14px;
}
/*過去のアイテム会社名*/
.column_item_corpo {
	line-height: 1.4;
	font-size: 14px;
}



/*過去のMOREタグ*/
.column_list_past_more {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50.66px;
	height: 26.04px;
	background: #C48649;
	line-height: 26px;
	text-align: center;
}
.column_list_past_more:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-bottom: 26.04px solid #C48649;
}
.column_list_past_more{
	color: #FFF;
	font-size: 10px;
	font-weight: 400;
	display: block;
}
.column_list_past_more:hover {
	opacity: 0.7;
	color: #FFF;
}





/*　PC狭め〜iPad Pro設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 75em){
/*contents */
.contents {
margin-top: 90px !important;
}
/*過去のコラム*/
.column_item_left, .column_item_center,.column_item_right{
	height: 265px;
}
.column_item_title {
	margin: 5% 0;
	line-height: 1;
	font-size: 0.8em;
}
.column_item_name {
	line-height: 1;
	margin:5% 0 0;
	font-size: 0.8em;
}
.column_item_corpo {
	line-height: 1.8;
	font-size: 0.8em;
}
.column_list_past {
	margin-bottom:5%;
}
/*過去のMOREタグ*/
.column_list_past_more {
	width: 36.66px;
	height: 22.04px;
	background: rgb(112,112,112);
	line-height: 22px;
	text-align: center;
	font-size: 0.6em;
}
.column_list_past_more:before {
  border-left: 14px solid transparent;
  border-bottom: 22.04px solid rgb(112,112,112);
}

}

/*旧iPad設定　*/
@media (max-width: 50em){
/*最新のコラム*/
column_list_new_right {
    padding: 3% 3% 15%;
}
/*過去のコラム*/
.column_item_left, .column_item_center,.column_item_right{
	height: 225px;
}

}


/*スマホ設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
/*コンテンツの上部からの距離*/
.contents {
margin-top: 70px !important;
}
/*パンくずリスト非表示*/
.pankuzu {
	font-size: 12px;
}
/*最新のコラム*/
.column_list_block {
    width: 90%;
    padding: 10% 5% 15%;
}
.column_list_new {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0 5%;
}
.column_list_new img {
   width: 200px;
    height:auto;
   margin:0 auto;
   display: block;
}
.column_list_new_left {
    float: none;
    width: 100%;
    padding: 5% 0;
}
.column_list_new_right {
    float: none;
    width: 88%;
    padding: 5% 5% 10%;
} 
.column_list_new_icon {
	margin-bottom: 5%;
}
.column_list_new_title {
    font-size: 20px;
    line-height:1.5;
}
.column_list_new_text {
    margin-bottom: 15%;
}
/*過去のコラム*/
.column_list_past {
    width: 100%;
    padding: 1% 0%;
    height: auto;
    margin-bottom: 5%;
}
h3.column {
    text-align: center;
	padding: 8% 0 0;
	font-weight: bold;
	font-size: 18px;
	margnin:0;
	margin-left:0%;
}
.column_item_left,.column_item_center,.column_item_right {
	width: 100%;
}
.column_item_img {
	width: 25%;
	float: left;
	padding:0;
	border:none;
}
.column_item_img img {
	width: 100%;
}
.column_item_text {
	width: 65%;
	float: left;
        padding-left: 8%;
}
.column_item_title {
    line-height: 1.5;
    font-size: 1rem;
	margin: 0;
	font-size:14px;
	
}
.column_item_name {
	font-size: 14px;
}
.column_item_corpo {
	font-size: 14px;
}
.column_item_left,.column_item_center,.column_item_right {
	height: 190px;
	margin: 4% 0 8%;
}
/*過去のMOREタグ*/
.column_list_past_more {
	width: 56.66px;
	height: 26.04px;
	background: #C48649;
	line-height: 26px;
	text-align: center;
	font-size: 0.6em;
}
.column_list_past_more:before {
  border-left: 14px solid transparent;
  border-bottom: 26.04px solid #C48649;
}
.column_list_past {
    margin-bottom: 0;
}
.cont-right{
  margin-top: 0;
}

}
@media screen and (max-width: 480px) {
.column_item_left,.column_item_center,.column_item_right {
	height: 120px;
	margin: 4% 0 8%;
}
.column_item_img {
	width: 32%;
	float: left;
}
.column_list_block {
    width: 90%;
    padding: 20% 5% 15%;
}
.column_item_text {
	width: 65%;
	float: left;
        padding-left: 3%;
}
.column_list_new_day,.column_list_new_vol {
    font-size: 12px;
}
}