@charset "utf-8";

/**
 *
 * コンテンツ共通モジュールファイル
 *
 */




 /*--------------------------------------------------------------------------
 	@アンカーリスト
 --------------------------------------------------------------------------*/
/*拡張子
* ._type01 @SPレイアウト変更
* ._type02 @TB～レイアウト変更
*/
.m_anchor_list{
	width: 100%;
	padding: 18px 0 17px;
	background: #e6f3ef;
  text-align: center;
}
.m_anchor_list ul{
  max-width: 980px;
  margin: 0 auto;
}
.m_anchor_list li{
	display: inline-block;
	vertical-align: middle;
}
.m_anchor_list li br{
	display: none;
}
.m_anchor_list li a{
	text-decoration: none;
	color: #000;
}
.m_anchor_list li span{
	display: inline-block;
	padding-left: 23px;
	background: url(//www.paxnaturon.com/images/shared/ico_arw_anchor.png) no-repeat 0 50%;
}

/* @TB */
@media all and (max-width: 1024px){
	.m_anchor_list._type02{
		padding: 0;
	}
	.m_anchor_list._type02 ul{
		display: table;
		overflow: hidden;
		width: 100%;
	}
	.m_anchor_list._type02 li{
		position: relative;
		float: left;
	-webkit-transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	.m_anchor_list._type02 li + li{
		margin-left: 0;
	}
	.m_anchor_list._type02 li:before{
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		content: '';
		background-color: #d3e6e0;
	}
	.m_anchor_list._type02 li:after{
		position: absolute;
		top: 0;
		right: -1px;
		width: 1px;
		height: 100%;
		content: '';
		background-color: #d3e6e0;
	}
	.dev_pc .m_anchor_list._type02 li:hover{
		background: #5ea992;
	}
	.m_anchor_list._type02 li a{
		display: table;
		width: 100%;
		padding: 16px 0;
	-webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	.dev_pc .m_anchor_list._type02 a:hover{
		color: #fff;
	}
	.m_anchor_list._type02 li span{
		display: table-cell;
		padding-left: 0;
		background-image: none;
		vertical-align: middle;
		text-align: center;
	}
	.m_anchor_list li span{
		font-size: 13px;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.m_anchor_list._type01{
		padding: 0;
	}
	.m_anchor_list._type01 ul{
		display: table;
		overflow: hidden;
		width: 100%;
	}
	.m_anchor_list._type01 li{
		position: relative;
		float: left;
	}
	.m_anchor_list._type01 li + li{
		margin-left: 0;
	}
	.m_anchor_list._type01 li:before{
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		content: '';
		background-color: #d3e6e0;
	}
	.m_anchor_list._type01 li:after{
		position: absolute;
		top: 0;
		right: -1px;
		width: 1px;
		height: 100%;
		content: '';
		background-color: #d3e6e0;
	}
	.m_anchor_list._type01 li{
		font-size: 10px;
	}
	.m_anchor_list._type01 li a{
		display: table;
		width: 100%;
		padding: 16px 0;
	}
	.m_anchor_list._type01 li span{
		display: table-cell;
		padding-left: 0;
		background-image: none;
		vertical-align: middle;
		text-align: center;
	}
	.m_anchor_list li span{
		font-size: 10px;
	}
}