@charset 'utf-8';

/*-----

   etc_sp

-----------------------------*/

@media screen and (max-width: 799px) {
	.pc_hidden {
		display: block;
	}
	.sp_hidden {
		display: none;
	}
	.sitemap_box {
		width: calc(100% - 24px);
		margin: 0 auto;
	}
	.sitemap_box_link:first-child, .sitemap_box_link:nth-child(3), .sitemap_box_link:nth-child(4), .sitemap_box_link {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.sitemap_box::after {
		display: block;
		width: calc(50% - 6px);
		content: '';
	}
	.sitemap_box_link.achieve {
		position: relative;
		top: auto;
		width: 100%;
	}
	.sitemap_box_link > ul {
		columns: 2;
	}
	.sitemap_box_link.tech > ul {
		columns: 1;
	}
	.sitemap_box_link.tech > ul > li{
		width: 100%;
	}
	.sitemap_box_link_ttl {
		font-size: 15px;
		position: relative;
		margin: 0 0 10px 0;
		padding: 10px 0 10px 0;
		background-position: bottom left;
	}
	.sitemap_box_link_ttl::before {
		position: absolute;
		z-index: -1;
		bottom: 0;
		display: block;
		width: 100%;
		height: 1px;
		content: '';
		background: #d5d5d8;
	}
	.sitemap_box_link li {
		font-size: 14px;
		margin: 0 0 6px 0;
		box-sizing: border-box;
	}
	.etc_privacy .content_inner, .etc_inquiry .content_inner, .etc_member_area .content_inner, .etc_e404 .content_inner {
		width: calc(100% - 24px);
		margin: 0 auto 38px auto;
	}
	.etc_privacy .content_headline img, .etc_inquiry .content_headline img, .etc_member_area .content_headline img, .etc_e404 .content_headline img {
		display: none;
	}
	.etc_privacy .content_headline span, .etc_inquiry .content_headline span, .etc_member_area .content_headline span, .etc_e404 .content_headline span {
		display: block;
	}
	.etc_privacy .mb48 {
		margin-bottom: 28px !important;
	}
	.privacy_line_box {
		padding: 18px 18px 16px 18px;
	}
	.privacy_ol li {
		line-height: 1.467;
		margin-bottom: 6px;
		padding-left: 10px;
		text-indent: -20px;
	}
	.privacy_ol li span {
		display: inline-block;
		width: 15px;
		text-align: left;
	}
	.privacy_ol li:nth-child(-n + 9) span {
		letter-spacing: 0.3em;
	}
	
	.inquiry_call_box {
		display: flex;
		padding: 0;
		border: 12px solid #f5f6f8;
		background: #fff;
		flex-wrap: wrap;
		justify-content: center;
	}
	.inquiry_call_left, .inquiry_call_right {
		float: none;
		box-sizing: border-box;
		width: calc(50%);
		min-width: 350px;
		height: auto;
		padding: 25px;
	}
	.inquiry_call_box:last-child {
		background: #f5f6f8;
		justify-content: flex-start;
	}
	.inquiry_call_box .inquiry_call_btm_left, .inquiry_call_box .inquiry_call_btm_right {
		float: none;
		box-sizing: border-box;
		width: 50%;
		margin: 0;
	}
	.inquiry_call_box .inquiry_call_btm_right {
		padding-left: 16px;
	}
	.inquiry_call_btm_left dt, .inquiry_call_btm_right dt {
		margin-bottom: 10px;
	}
	.inquiry_call_box .inquiry_call_btm_left dt img, .inquiry_call_box .inquiry_call_btm_right dt img {
		display: none;
	}
	.inquiry_call_box .inquiry_call_btm_left dt span, .inquiry_call_box .inquiry_call_btm_right dt span {
		font-size: 15px;
		font-weight: bold;
		display: block;
	}
	.etc_inquiry .mb48 {
		margin-bottom: 28px !important;
	}
	.content_txt.mb48, .member_box.mb48 {
		margin-bottom: 28px !important;
	}
	.content_subheading03 {
		margin: 0 0 12px 0;
	}
	.member_table.top {
		width: 100%;
		margin-bottom: 28px !important;
	}
	.member_table>tbody {
		display: block;
	}
	.member_table.top>tbody tr {
		display: flex;
		padding-top: 10px;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.member_table.top>tbody>tr:first-child {
		display: none;
	}
	.member_table.top>tbody>tr:nth-child(2) {
		padding-top: 0;
	}
	.member_table th {
		display: block;
		box-sizing: border-box;
		width: 100%;
		border: 0;
		border-top: 1px solid #d3d3d3;
		background: #f5f6f8;
		padding: 6px 10px 5px 10px;
	}
	.member_table th+td {
		font-size: 13px;
		line-height: 1.5;
		display: inline-block;
		width: calc(100% - 168px);
		padding-right: 0;
		vertical-align: middle;
		border: 0;
	}
	
	.member_table td.pc_none {
		display: inline-block;
	}
	
	.member_table .td_adj {
		position: relative;
		display: inline-block;
		width: auto;
		white-space: nowrap;
		border: 0;
	}
	.member_table .td_adj a {
		font-size: 13px;
		width: 105px;
		padding: 4px 5px 4px 20px;
		border: 1px solid #d0d0d0;
		border-radius: 2px;
		background-position: 8px 10px;
	}
	.member_table .inner_xls, .member_table .inner_pdf {
		padding: 0 22px 0 0;
		background-position: right center;
	}
	.member_box h3 {
		margin: 10px 0 10px -1px;
	}
	.member_box .top_box_ul {
		padding: 20px 20px 0 20px;
	}
	.member_box .top_box_ul li {
		float: none;
		margin: 16px 0 0 0;
	}
	.member_box .top_box_ul li {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.member_box .top_box_ul li span {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.member_box .top_box_ul li::after {
		position: absolute;
		top: 46px;
		left: 0;
		display: block;
		clear: both;
		width: 100%;
		height: 3px;
		content: '';
		background: #b4b4b4;
	}
	.member_box .top_box_ul p {
		font-size: 14px;
		line-height: 1.3;
		display: inline-block;
		width: calc(100% - 133px);
		margin-top: 0;
		padding: 0;
		border: 0;
	}
	.member_box .top_box_ul a {
		font-size: 13px;
		display: inline-block;
		box-sizing: border-box;
		width: 132px;
		height: auto;
		padding: 7px 5px 6px 20px;
		white-space: nowrap;
		border: 1px solid #d0d0d0;
		border-radius: 2px;
		background-position: 8px 8px;
	}
	.top_box .content_txt {
		line-height: 1.6em;
		padding: 0 20px 0 20px;
	}
	.member_box .top_box .regster_list{
	font-size:15px;
	text-indent:-15px;
	font-weight:bold;
	line-height:1.6;
	margin: 15px 12px 15px 27px;
	}
	.member_box .top_box a.regster_download{
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	margin: 0px 12px 15px 12px;
}
.top_box  .regster_attention {
	font-weight:bold;
	font-size:15px;
	line-height:21px;
	padding: 0 12px 0 12px;
	margin: 16px 0 16px 0;
}
	.member_tab_area {
		font-size: 0;
		padding: 0 20px 0 20px;
	}
	.member_tab_area li {
		display: inline-block;
		float: none;
		box-sizing: border-box;
		width: calc(50% - 13px);
		height: 49px;
		padding: 16px 0 16px 0;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(211, 213, 216);
		border-radius: 4px;
		background-image: linear-gradient(to top, rgb(245, 246, 248) 0%, rgb(255, 255, 255) 100%);
		box-shadow: 1.147px 1.638px 0 0 rgba(0, 0, 0, .07);
	}
	.member_tab_area li:hover {
		height: 49px;
		padding: 15px 0 15px 0;
		border-width: 2px;
		border-color: #3e7085;
		background-image: linear-gradient(to top, rgb(245, 246, 248) 0%, rgb(255, 255, 255) 100%);
	}
	.member_tab_area li.select {
		background-image: linear-gradient(to top, rgb(62, 112, 133) 75%, rgb(42, 92, 113) 100%);
	}
	.btn_material_procurement {
		line-height: 1.1;
		display: block;
		box-sizing: border-box;
		width: auto;
		max-width: 330px;
		height: 37px;
		margin: 0 auto 24px auto;
		padding: 11px 12px 10px 32px;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(211, 213, 216);
		border-radius: 4px;
		background-image: url(../images/member_area/btn_bg_procurement.png), linear-gradient( to top, rgb(245, 246, 248) 0%, rgb(255, 255, 255) 100%);
		background-repeat: no-repeat;
		background-position: 10px 11px, 0 0;
	}
	.btn_material_procurement:hover {
		height: 37px;
		padding: 10px 0px 5px 31px;
		border-width: 2px;
		border-color: #3e7085;
		background-image: url(../images/member_area/btn_bg_procurement.png), linear-gradient( to top, rgb(245, 246, 248) 0%, rgb(255, 255, 255) 100%);
		background-repeat: no-repeat;
		background-position: 9px 10px, 0 0;
	}
	.member_box h4 {
		margin: 0 auto 10px 0;
	}
	.top_box .content_txt_adj {
		line-height: 1.6;
		margin: 20px 0 16px 0;
		padding: 0 20px 0 20px;
	}
	.member_table {
		display: block;
		width: 100%;
	}
	.top_box+.content_area .member_table>tbody>tr:first-child, .content_area+.content_area .member_table>tbody>tr:first-child {
		display: none;
	}
	.top_box+.content_area .member_table>tbody>tr, .content_area+.content_area .member_table>tbody>tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top_box+.content_area .member_table th, .content_area+.content_area .member_table th {
		background: #d0e9f3;
	}
	.top_box+.content_area .member_table th+td, .content_area+.content_area .member_table th+td {
		width: calc(100% - 162px);
		align-self: center;
	}
	.top_box+.content_area .td_adj, .content_area+.content_area .td_adj {
		padding: 8px 10px 8px 10px;
	}
}

@media screen and (max-width: 747px) {
	.inquiry_call_left, .inquiry_call_right {
		width: 100%;
	}
	.member_call_box dl {
		float: none;
	}
	.member_call_right {
		padding: 20px 0 0 0;
		border-left: none;
	}
}

@media screen and (max-width: 639px) {
	.sitemap_box {
		flex-direction: column;
	}
	.sitemap_box_link:first-child, .sitemap_box_link:nth-child(3), .sitemap_box_link:nth-child(4), .sitemap_box_link, .sitemap_box_link.extra{
		width: calc(100%);
		margin: 0 0 20px 0;
	}
	.sitemap_box_link li {
		width: 100%;
	}
	.inquiry_call_left, .inquiry_call_right {
		width: 100%;
		min-width: auto;
		max-width: 100%;
		padding: 16px 10px 16px 10px;
	}
	.content_subheading03 {
		font-size: 15px;
		line-height: 1.2;
		margin: 0 0 14px 0;
		padding: 2px 0 0 8px;
	}
	.inquiry_call_left dd img, .inquiry_call_right dd img {
		width: auto;
		height: 20px;
	}
	.inquiry_call_box .inquiry_call_btm_left, .inquiry_call_box .inquiry_call_btm_right {
		width: 100%;
	}
	.inquiry_call_box .inquiry_call_btm_right {
		padding: 20px 0 0 0;
		border-left: 0;
	}
	.member_box .top_box_ul {
		padding: 12px 12px 0 12px;
	}
	.top_box .content_txt {
		padding: 0 12px 0 12px;
	}
	.member_box .btm_box {
		padding: 27px 12px 15px 12px;
	}
	.member_box .btm_box dl::before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 3px;
		content: '';
		border-top: 3px solid #3e7085;
	}
	.member_box .btm_box dl {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		max-width: 519px;
		height: auto;
		padding: 12px;
		background-color: #fff;
		background-image: none;
		box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .05);
	}
	.member_box .btm_box dl dd.pos_03.pos img {
		display: none;
	}
	.member_box .btm_box dl dd.pos_03.pos span {
		font-size: 12px;
		line-height: 1.6em;
		display: block;
	}
	.member_box .pos {
		position: relative;
	}
	.pos_01 {
		top: 0;
		left: 0;
		display: inline-block;
		margin-bottom: 6px;
	}
	.pos_02 {
		top: 0;
		left: 0;
		margin-bottom: 12px;
	}
	.pos_02 img {
		max-width: 100%;
		height: auto;
	}
	.pos_03 {
		top: 0;
		left: 0;
	}
	.top_box .content_txt_adj {
		margin: 14px 0 14px 0;
		padding: 0 12px 0 12px;
	}
	.member_tab_area.mb32 {
		margin-bottom: 16px !important;
		padding: 0 12px;
	}
	.member_tab_area li {
		font-size: 15px;
		width: calc(50% - 6px);
		height: 34px;
		padding: 9px 0 9px 0;
	}
	.member_tab_area li:hover {
		height: 34px;
		padding: 8px 0 8px 0;
	}
	.member_tab_area #tab1 {
		margin-right: 12px;
	}
	.member_tab_area li span, .member_tab_area li:hover span, .member_tab_area li.select span {
		padding: 0 0 0 20px;
		height: 16px;
		line-height: 1.1;
		display: inline-block;
		background-position: 0 0;
		background-size: 16px 16px;
	}
	.content_area {
		padding: 28px 12px 16px 12px;
	}
	.btn_material_procurement {
		font-size: 14px;
		margin-bottom: 16px;
		padding: 10px 0 8px 26px;
		background-position: 8px 10px, 0 0;
		box-sizing: border-box;
	}
	.btn_material_procurement:hover {
		height: 37px;
		padding: 9px 0px 5px 25px;
		background-position: 7px 9px, 0 0;
	}
	.btn_material_procurement span {
		font-size: 12px;
		margin-left: -5px;
	}
	.btn_material_procurement:hover {}
	.member_call_box {
		padding: 12px;
	}
	.member_call_box .inner_box {
		padding: 12px;
	}
	.member_call_left {
		width: auto;
	}
	.member_call_box dt {
		margin-bottom: 12px;
	}
	.member_call_box .inner_box img {
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 560px) {
	.sitemap_box_link > ul {
		columns: 1;
	}
	
	.member_table td.long_text {
		width: 100%;
		margin-bottom: -5px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 320px) {}