/*
Theme Name: meviy04_1
Description: Meviy Blog Template
Author: MASAtoshi OKA
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meviy04_1
Version: 4.0
*/

/* LAYOUT */
.material_page {
	padding-top: 109px;
}

@media screen and (max-width: 1020px) {
	.material_page {
		padding-top: 17vw;
	}
}

#material_top_nav {
	height: 40px;
	background: #555;
	padding: 10px 0
}

#material_top {
	padding: 30px 0;
	background: #f2f2f2;
}

#material_nav {
	padding: 10px 0;
}

#material_detail {
	background: #f6f6f6;
	padding: 30px 0 0 0
}

ul.material_set>li:nth-child(2n+1) {
	background: #efefef;
}

#material_cv {
	padding: 10px 0;
	background: #f2f2f2;
}

section.material_section {
	padding: 30px 0;
	background: #fff;
}

section.material_section:nth-child(2n) {
	background: #f4f4f4;
}

section.material_section:first-child{
	background: #005EAB !important;
}
/* #material_size {
	background: #fff;
	padding: 30px 0;
}

#material_hole {
	background: #fff;
	padding: 30px 0;
}

#material_max-min {
	background: #fff;
	padding: 30px 0;
}

#material_case {
	background: #f6f6f6;
	padding: 30px 0;
}

#material_welding_type {
	padding: 30px 0;
}

#material_welding_finish {
	background: #fff;
	padding: 30px 0;
}

#material_related {
	background: #f6f6f6;
	padding: 30px 0 30px 0;
} */

/* FONT */
.material_page h1, .material_page h2, .material_page h3, .material_page h4 {
	font-weight: 600
}

.material_page h1 {
	display: block;
	font-size: 35px;
	margin: 0px 0 20px 0;
	line-height: 100%;
}

.material_page h1 small {
	font-size: 16px;
	margin-left: 4px;
}

.material_page h2 {
	font-size: 25px;
	margin: 40px 0 10px 0;
	padding: 10px 0;
	border-bottom: 3px solid #555;
	border-top: 3px solid #555;
	text-align: center
}

.material_page h2 small {
	font-size: 18px;
}

.material_page h3 {
	font-size: 20px;
	margin: 0px 0 8px 0
}

.material_page h4 {
	font-size: 16px;
}

.material_page p {
	font-size: 15px;
	margin-bottom: 8px;
}

@media screen and (max-width: 600px) {
	.over600 {
		display: none;
	}

	.material_page h1 small {
		clear: left;
		display: block;
	}

	.material_page h1 {
		padding-bottom: 5px;
	}
}

@media screen and (max-width: 400px) {
	.material_page h1 {
		font-size: 25px;
	}

	.material_page h1 small {
		font-size: 12px;
	}

	.material_page h2 {
		font-size: 22px;
	}

	.material_page h3 {
		font-size: 19px;
		margin: 0px 0 5px 0
	}

	.material_page h4 {
		font-size: 16px;
	}

	.material_page p {
		font-size: 12px;
		margin-bottom: 5px;
	}
}

/* NAV */
/*
ul.service_nav{list-style: none;}
ul.service_nav li{
	display: block;
	float: left;
}
ul.service_nav li a{
	padding: 0 20px 0 0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}
ul.service_nav li.current-menu-item a, ul.service_nav li a:hover{
	text-decoration: underline;
	opacity: 1;
}
*/
/* INTRO */
.material_title {
	border-left: 10px solid #0b1364;
	padding: 5px 0 0 20px;
	color: #0b1364;
}

.material_title_text {
	display: block;
	width: 100%;
	float: none;
}

.material_title_text p {
	font-weight: 600;
	font-size: 20px;
	color: #0b1364;
}

.material_page #material_top h1 {
	color: #0b1364;
}

.material_intro_area {
	display: block;
}

.material_intro {
	display: block;
	float: none;
	margin-bottom: 0px;
}

.material_intro_1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;

}

.material_intro_img {
	display: block;
	width: 300px;
	padding: 20px 0;
	text-align: center;
}

.material_intro_img img {
	width: 100%;
	height: auto;
	float: none;

}
.material_intro_img_2 {
	display: block;
	width: calc(100% - 100px);
	padding: 17px 0;
}
.material_intro_img_2 p{
	font-weight: 600;
	color: #0b1364;
	font-size: 20px;
}
.recommend_ab p{
	font-weight: 600;
	color: #0b1364;
	font-size: 15px;
}

.material_intro_img_2 img {
	width: 100%;
	height: auto;
	float: none;
}

.material_intro_text {
	padding-left: 20px;
}
#material_top {
	position: relative;
}

.material_intro_area.with_youtube {
	display: block
}

.material_intro_area.with_youtube .material_intro {
	display: block;
	width: calc(100% - 270px);
	float: left;
	box-sizing: border-box;
}

.material_intro_area.with_youtube .material_intro_1 {
	display: block;
}

.with_youtube .material_intro_img {
	display: block;
	float: none;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

.with_youtube .material_intro_img img {
	width: 300px;
	height: auto;
	float: none;

}
.with_youtube .material_intro_img_2 {
	display: block;
	float: none;
	width: calc (100% - 100px);
	padding: 20px 0;
	box-sizing: border-box;
}

.with_youtube .material_intro_img_2 img {
	width: 100%;
	height: auto;
	float: none;
}

.material_intro_text {
	color: #555;
}
.material_intro_text h3{
	font-size: 26px;
	font-weight: 600;
}


.material_intro_text p {
	font-size: 17px;
	font-weight: 500;
}
@media screen and (max-width: 900px) {
	.material_intro_img_2{
		width: 100%;
	}
	.with_youtube .material_intro_img_2{
		width: 100%;
	}
	.material_intro_img_2 p {margin-bottom: 0 !important; padding: 0 !important;}
}

.material_intro_text ul {
	list-style: none;
	margin: 0px 0 10px 0;
}

.material_intro_text ul li {
	list-style-type: disc;
	font-weight: 400;
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0 10px 20px;
	color: #555;
}

.material_video {
	display: block;
	float: right;
	width: 250px;
	margin-top: 15px !important;
	padding: 15px 15px 15px 15px;
	background: #fff;
	margin: 0px 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.material_video p {
	padding: 0px 10px 0 10px;
	font-size: 16px;
	color: #0b1364;
	font-weight: 600;
	text-align: center;
}

.material_est_area {
	display: block;
	float: none;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 40px 0 0 0;
	font-size: 18px;
	font-weight: 600;
	border-top: 1px solid #bebebe;
}

.material_est_text_2 {
	text-align: center;
	font-size: 14px;
	padding-top: 30px;
}

.material_est_btn a {
	display: block;
	float: none;
	width: 100%;
	max-width: 300px;
	margin: 20px auto 10px auto;
	padding: 5px 7px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #000;
	font-weight: 600;
	text-align: center;
	font-size: 22px;
	background: #ffc600;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.material_register {
	text-align: center;
	padding-bottom: 20px;
}

.material_register a {
	font-size: 15px;
	text-decoration: underline;
	color: #555;
	font-weight: 400;
}

@media screen and (max-width: 800px) {
	.material_page #material_top h1 {
		font-size: 30px;
		line-height: 180%;
		margin-bottom: 0;
	}

	.material_title_text p {
		font-size: 16px;
	}

	.material_intro img {
		width: 250px
	}

	.material_intro_text {
		width: calc(100% - 270px);
	}

	.material_intro_text p {
		font-size: 16px;
	}

	.material_intro_text ul li {
		font-size: 16px;
		margin: 0 0 7px 15px
	}

	.material_intro_area.with_youtube .material_intro {
		width: calc(100% - 270px);
	}

	.material_intro_area.with_youtube .material_intro_text {
		width: 100%
	}

	.material_video {
		width: 250px;
	}
}

@media screen and (max-width: 700px) {
	.material_page #material_top h1 {
		font-size: 25px;
	}

	.material_title_text p {
		font-size: 14px;
	}

	.material_intro_1 {
		display: block;
	}

	.material_intro img {
		width: 70%;
		float: none;
		margin: 20px auto;
	}

	.material_intro_text {
		width: 100%;
	}

	.material_intro_area.with_youtube .material_intro {
		width: 100%;
		float: none;
	}

	.material_intro_text {
		width: 100%;
		text-align: center;
	}

	.material_intro_text ul {
		display: inline-block;
		text-align: left;
	}

	.material_video {
		display: none;
	}

	.material_est_btn a {
		margin: 15px auto;
	}

}
/* ABテスト -------------------------------------*/
.highlight_area{
	background: #fff;
	padding: 15px;
	width: 100%;
	max-width: 1100px;
	margin: 20px auto 0 auto;
	box-sizing: border-box;
}
.highlight_area h3{
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #0a1464;
}
ul.highlight_ul{
	display: flex;
	gap: 20px;
	justify-content: center;
}
ul.highlight_ul li{
	width: 165px;
	text-align: center;
	font-size: 12px;
	color: #0a1464;
	font-weight: 600;
}
ul.highlight_ul li img{
	width: 80px;
	height: auto;
}
.recommend_ab{
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
@media screen and (max-width: 700px) {
	ul.highlight_ul{
		flex-wrap: wrap;
	}
	ul.highlight_ul li{
		width: calc(50% - 10px)
	}
}
@media screen and (max-width: 400px) {
	ul.highlight_ul li{width: auto;}
}

/* 目次 -------------------------------------*/
.material_nav {
	display: block;
	width: 100%;
	max-width: 550px;
	padding: 0px;
	border: 2px solid #555;
	float: none;
	margin: 20px auto;
	box-sizing: border-box;
	text-align: left;
	background: #fff;
}

.material_nav h3 {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	background: #555;
	color: #fff;
}

.material_nav h4 {
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	margin: 10px 0 20px 0;
}

/* .material_nav li {
	display: inline-block;
	font-size:17px;
	font-weight: 400;
	margin: 10px;
	color: #555;
}
.material_nav li a{
	color: #fff;
	font-size:14px;
	font-weight: 600;
	padding: 5px 10px;
	-moz-border-radius:5px;
	border-radius:5px;
	background: #555;
	}
.material_nav li a:hover{color: #555; opacity: 1; background: #c9c9c9;} */

.material_nav>ul {
	padding: 15px;
}

.material_nav>ul>li {
	list-style-type: none;
	margin: 0 0 5px 25px;
	font-size: 16px;
}

.material_nav ul>li>ul {
	padding: 10px 0;
}

.material_nav ul>li>ul>li {
	list-style-type: none;
	margin: 0 0 5px 15px;
	font-size: 14px;
	font-weight: 600 !important;
}

.material_nav li a {
	font-weight: 600 !important;
	color: #555;
}

@media screen and (max-width: 700px) {
	.material_nav {
		width: 100%;
		padding: 0 !important;
	}

	.material_nav h4 {
		margin: 0;
	}

	.material_nav li {
		font-size: 14px;
		margin: 0 0 10px 16px;
	}

	.material_nav h4 {
		margin-bottom: 10px;
	}
}

/* 材質 */
.material_general {
	padding: 20px 0 0px 0;
}

.material_general p {}

.material_general ul {
	list-style: disc;
	padding-bottom: 15px;
}

.material_general ul li {
	list-style-type: disc;
	margin-bottom: 6px;
	margin-left: 15px
}

.material_link {
	border-top: 1px #e5e5e5 solid;
	padding: 5px 10px 25px 10px;
}

.material_link p {
	font-size: 13px;
	color: #555
}

.material_link ul {
	list-style: none;
}

.material_link ul li {
	list-style-type: disc;
	margin-left: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #a5a5a5
}

.material_link a {
	color: #005EAB;
	text-decoration: underline;
}

.material_link a:hover {
	color: #005EAB;
	opacity: 1;
}

ul.material_set {
	list-style: none;
	margin: 0;
}

ul.material_set>li {
	display: block;
	padding: 40px 0;
}

.material_img {
	display: block;
	float: left;
	width: 250px;
}

.material_img img {
	width: 100%;
	height: auto;
}

.material_text {
	display: block;
	float: left;
	margin-left: 20px;
	width: calc(100% - 270px)
}

ul.material_set>li ul li {
	list-style-type: disc;
	margin: 0 0 7px 20px;
	font-size: 15px;
}

@media screen and (max-width: 870px) {
	.material_img {
		float: none;
		width: 70%;
		margin: 20px auto;
	}

	.material_text {
		float: none;
		margin-left: 0px;
		width: 100%;
	}

	.material_text h3 {
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
	.material_img {
		width: 100%;
	}

	.material_est_btn a {
		float: none;
		margin: 20px auto;
	}
}

.material_matrix table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 30px 0 0 0;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

.material_matrix table tr td {
	padding: 5px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	text-align: center;
	font-size: 15px;
	box-sizing: border-box;
}

.material_matrix table td small {
	font-size: 0.7em;
}

tr.material_tr_head td {
	background: #dfdfdf;
	font-weight: 600;
	line-height: 130%;
}

td.material_td_duration {
	background: #fff !important;
}

td.material_td_duration strong {
	padding: 3px 10px;
	background: #005EAB;
	color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

td.rp-m_color {
	width: 90px;
}

td.rp-m_name1 {
	width: 130px;
}

td.rp-m_name2 {
	width: 130px;
}

td.rp-m_point {}

td.rp-m_caution {}

td.rp-m_use {}

td.fa-bankin_name {
	width: 220px;
}

td.fa-bankin_surface {}

td.fa-bankin_grade {
	width: 105px;
}

td.fa-bankin_duration1, td.fa-bankin_duration2, td.fa-bankin_duration3, td.fa-bankin_duration4 {
	width: 105px;
}

td.fa-resin_duration {
	width: 120px;
}

td.welding-bankin_name {
	width: 220px;
}

td.welding-bankin_surface {}

td.welding-bankin_1 {
	width: 160px;
}

td.welding-bankin_2 {
	width: 230px;
}

td.welding-bankin_3 {
	width: 160px;
}


td.fa-m_name {
	width: 230px;
}

td.fa-m_surface {}

td.fa-m_duration1 {
	width: 100px;
}

td.fa-m_duration2 {
	width: 100px;
}

td.fa-m_duration3 {
	width: 100px;
}

td.fa-m_duration4 {
	width: 100px;
}

td.rp_senban_name1 {
	width: 120px;
}

td.rp_senban_name2 {
	width: 150px
}

td.rp_senban_color {
	width: 110px
}

td.rp_senban_tokusei {}

td.rp_senban_caution {
	min-width: 60px;
}

td.rp_senban_use {}

ul.material_about {
	list-style: none;
	margin-top: 10px;
}

ul.material_about li {
	list-style-type: none !important;
	margin: 7px 0 0 0 !important;
	padding-left: 18px;
	font-size: 12px;
	position: relative;
}

ul.material_about li:before {
	content: '※';
	position: absolute;
	left: 0px;
}

@media screen and (max-width: 600px) {
	.material_matrix table td {
		padding: 3px;
		font-size: 11px;
	}

	td.material_td_duration strong {
		padding: 3px;
	}

	td.rp-m_color {
		width: auto;
	}

	td.rp-m_name1 {
		width: auto;
	}

	td.rp-m_name2 {
		width: auto;
	}

	td.rp-m_point {}

	td.rp-m_caution {}

	td.rp-m_use {}

	td.fa-bankin_name {
		width: auto;
	}

	td.fa-bankin_surface {}

	td.fa-bankin_duration1, td.fa-bankin_duration2, td.fa-bankin_duration3, td.fa-bankin_duration4 {
		width: 50px;
	}

	td.fa-bankin_grade {
		width: 50px;
	}

	td.fa-m_name {
		width: auto
	}

	td.fa-m_surface {}

	td.fa-m_duration1 {
		width: 40px;
	}

	td.fa-m_duration2 {
		width: 40px;
	}

	td.fa-m_duration3 {
		width: 40px;
	}

	td.fa-m_duration4 {
		width: 40px;
	}

	td.rp_senban_name1 {
		width: auto;
	}

	td.rp_senban_name2 {
		width: auto;
	}

	td.rp_senban_color {
		width: auto;
	}

	td.rp_senban_tokusei {}

	td.rp_senban_caution {
		min-width: 10px;
	}
}

.material_material_size {
	width: 100%;
	max-width: 600px;
	float: none;
	margin: 20px auto;
}

.material_material_size h3 {
	margin-top: 50px;
}

.material_material_size_text {}

.material_material_size_text p {
	font-size: 16px;
}

.material_material_size_main {
	display: flex;
	justify-content: center;

}

.material_material_size_img {
	width: 300px;
}

.material_material_size_img img {
	width: 100%;
	height: auto;
}

.material_material_size_size {
	font-size: 16px;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 20px;
}

.material_material_size_size ul li {
	list-style-type: none !important;
	margin: 0 0 7px 0 !important;
}

.material_material_size_size .material_size_note {
	padding-top: 10px;
	font-weight: 400;
	font-size: 12px;
}

/* 最短出荷の指定方 */

.material_cv_link {
	display: block;
	width: 600px;
	float: none;
	margin: 30px auto;
	border: 2px solid #555;
	;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 15px;
}

.material_cv_link a {
	text-decoration: underline !important;
	color: #005EAB;
}

.material_cv_link a:hover {
	background: #555;
	color: #fff;
	opacity: 1;
}

.material_cv_link strong {
	font-size: 20px;
}

@media screen and (max-width: 650px) {
	.material_cv_link {
		width: 90%;
	}
}

@media screen and (max-width: 400px) {
	.material_cv_link {
		width: 100%;
		font-size: 11px;
		padding: 8px;
	}

	.material_cv_link strong {
		font-size: 18px;
	}
}

/* 材質・加工サイズ比較 */
.material_size_text p {
	margin-bottom: 30px;
}

.material_size_text p a, .material_size_text li a {
	text-decoration: underline;
}

.material_size_text ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 5px;
}

#material_size img {
	width: 100%;
}

.material_compare_legend {
	display: block;
	width: 100%;
	max-width: 300px;
	float: none;
	margin: 0 auto;
	padding-bottom: 0px;
}

h3.compare_size_title {
	float: none;
	margin: 60px auto 0 auto;
	font-size: 22px;
	width: 90%;
	max-width: 500px;
	text-align: center;
	border: 2px solid #555;

}

.material_compare_code {}

.material_compare_code ul {
	list-style: none;
}

.material_compare_code ul {
	padding: 20px 0;
}

.material_compare_code ul li {
	text-indent: 20px;
	margin-bottom: 10px;
	font-size: 16px;
}

.material_compare_code ul li:before {
	content: '※'
}

.material_compare_code table {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 60px;
	clear: both;
}

.material_compare_code table td {
	border: 1px solid #555;
	border-collapse: collapse;
	padding: 5px;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
}

.material_compare_text_1 {
	padding: 20px 0;
}

.material_compare_text_1 ul {
	margin: 30px 0;
}

.material_compare_text_1 ul li {
	margin: 0 0 15px 20px;
	list-style-type: disc;
}

td.size_table_title,
td.size_table_l,
td.size_table_l_big,
td.size_table_d,
td.size_table_d_big {
	background: #e3e3e3;
	font-weight: 600;
}

.material_compare_code table td.size_table_title {
	font-size: 20px;
}

.material_compare_code table td.size_table_l_big,
.material_compare_code table td.size_table_d_big {
	font-size: 17px;
}

td.size_duration {
	background: #e1f8ff;
	font-weight: 600;
}

.material_compare_code table.service_text_small td.size_table_l,
.material_compare_code table.service_text_small td.size_table_d {
	font-size: 0.8em !important;
}

@media screen and (max-width: 960px) {
	.material_compare_code table {
		table-layout: auto;
	}
}

@media screen and (max-width: 600px) {
	.material_compare_code table td {
		padding: 5px 3px;
		font-size: 12px;
	}

	.material_compare_code table td.size_table_l_big, .material_compare_code table td.size_table_d_big {
		font-size: 14px;
	}
}

ul.material_compare_point {
	margin: 30px 0;
}

ul.material_compare_point li {
	margin: 0 0 15px 20px;
	list-style-type: disc;
}

.material_shape {
	display: block;
	float: none;
	width: 700px;
	margin: 20px auto 0 auto;
	padding: 15px 0;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
}

.material_shape a {
	text-decoration: underline;
	color: #005EAB;
}

.material_shape h3, .material_shape p {
	text-align: center;
}

@media screen and (max-width: 800px) {
	.material_size_text p {
		text-align: justify;
	}

	.material_shape {
		width: 100%;
	}

	.material_shape h3, .material_shape p {
		text-align: left;
	}
}

/* 熱処理 */
.material_heat_img {
	display: flex;
	justify-content: center;
	margin: 30px 0;
}

/* 精度と加工条件 */
.material_accuracy_detail {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 40px 0 20px 0;
}

.material_accuracy_detail h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px 0;
}

.material_accuracy_table {
	width: calc(50% - 20px);
}

.material_accuracy_img {
	width: calc(50% - 20px);
}

.material_accuracy_table table {
	width: 100%;
}

.material_accuracy_table td {
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #555;
}

.material_accuracy_table td.accuracy_td1 {
	background: #e0e0e0;
	font-weight: 600;
	width: 180px;
}

.accuracy_table_note {}

.accuracy_table_note ul {
	list-style: disc;
	padding-top: 20px;
}

.accuracy_table_note ul li {
	margin: 0 0 6px 15px;
	list-style-type: disc;
}

@media screen and (max-width: 900px) {
	.material_accuracy_detail {
		flex-direction: column;
	}

	.material_accuracy_table,
	.material_accuracy_img {
		width: 100%;
		max-width: 500px;
		margin: 15px auto;
	}

}

/* 穴種と精度 */
#material_hole a {
	text-decoration: underline;
	color: #005EAB;
}

.whole_set_area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.whole_set {
	display: block;
	width: calc(50% - 20px);
	margin: 20px 10px;
	padding: 15px;
	box-sizing: border-box;
	background: #eaeaea
}

.whole_set h4 {
	font-size: 20px;
	font-weight: 600;
	text-align: center
}

.whole_set h5 {
	font-size: 15px;
	font-weight: 600;
	margin-top: 20px;
}

.whole_set img {
	width: 100%;
	height: auto;
	margin: 10px 0;
}

#material_hole .whole_set p {
	font-size: 16px;
	text-align: left;
}

.whole_set ul {
	list-style: disc;
	;
}

.whole_set ul li {
	list-style-type: disc;
	margin: 2px 0 2px 20px;
	font-size: 14px;
}

@media screen and (max-width: 800px) {
	.whole_set {
		float: none;
		width: calc(100% - 20px);
		margin: 40px 10px;
	}
}

/* 穴種と精度_pre */
#material_hole p {
	text-align: center;
}

#material_hole h3 {
	margin-top: 40px;
	text-align: center;
}

.hole_type {
	display: block;
	width: 600px;
	float: left;
}

.hole_quality {
	display: block;
	width: calc(100% - 620px);
	float: left;
	margin-left: 20px;
}

.hole_type_area {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.hole_type_set {
	display: block;
	width: calc(50% - 20px);
	background: #fff;
	margin: 10px;
}

.hole_type_set table {
	width: 100%
}

.hole_type_set td {
	vertical-align: middle;
	text-align: center;
	border-collapse: collapse;
	font-size: 15px;
	height: 100px;
	padding: 0 5px;
	background: #eeeeee
}

td.hole_type_img {
	width: 80px;
	padding: 0 5px;
	box-sizing: border-box;
}

td.hole_type_img img {
	width: 100%;
	height: auto;
}

td.hole_type_name {
	width: 100px;
}

td.hole_type_img, td.hole_type_name {
	background: #e3e3e3
}

.hole_quality_area {
	display: block;
	float: none;
	width: 100%;
	margin: 20px 0;
}

.hole_quality table {
	border-collapse: collapse;
	width: 100%;
}

.hole_quality td {
	background: #f3f3f3;
	padding: 10px;
	font-size: 15px;
	border-bottom: 15px solid #fff;
}

td.hole_quality_left {
	width: 100px;
	background: #e3e3e3
}

@media screen and (max-width: 960px) {
	.hole_type {
		width: 100%;
		margin: 0;
	}

	.hole_quality {
		width: 100%;
		margin: 10px 0
	}

	.hole_type_set {
		width: calc(50% - 10px);
		margin: 5px;
	}

	.hole_quality td {
		border-bottom: 10px solid #fff;
	}
}

@media screen and (max-width: 600px) {
	.hole_type_set {
		width: 100%;
		margin: 5px 0;
	}
}

/* 最大・最小サイズ */
#material_max-min h3 {
	display: block;
	float: none;
	margin: 40px auto 0 auto;
	font-size: 20px;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}

.material_size_set {
	display: flex;
	flex-direction: row;
	align-content: space-between;
	width: 100%;
	margin: 10px 0;
	background: #f0f0f0;
	padding: 15px 0;
}

.material_size {
	display: block;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.material_size h4 {
	display: inline-block;
	padding: 3px 10px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	text-align: center;
	border: 2px solid #555;
}

@media screen and (max-width: 800px) {
	.material_size_set {
		display: block;
	}

	.material_size {
		width: 100%;
	}
}

/* バナー */
.material_bnr {
	display: block;
	width: 800px;
	float: none;
	margin: 30px auto 50px auto;
	background: #0b1364;
	padding: 15px;
	box-sizing: border-box;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
}

.material_bnr img {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bnr_est {
	display: block;
	float: left;
	width: calc(100% - 220px);
	margin-left: 20px;

}

.bnr_est p {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
}

.bnr_est a {
	display: block;
	float: none;
	margin: 20px auto 0 auto;
	padding: 10px;
	background: #ffc600;
	color: #343434;
	font-weight: 600;
	text-align: center;
	width: 300px;
	font-weight: 600;
	font-size: 25px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.bnr_est a:hover {
	background: #fff;
	opacity: 1;
}

@media screen and (max-width: 850px) {
	.bnr_est p {
		font-size: 20px;
	}

	.bnr_est p br {
		display: none;
	}

	.material_bnr {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.material_bnr {
		width: 80%
	}

	.material_bnr img {
		width: 100%;
	}

	.bnr_est {
		width: 100%;
		margin: 10px 0;
	}

	.bnr_est p {
		font-size: 15px
	}

	.bnr_est a {
		font-size: 20px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 400px) {
	.material_bnr {
		width: 100%
	}
}

/* 製作事例 */
.material_case_text {
	display: block;
	float: none;
	margin: 0 auto;
	width: 700px;
}

.material_case_text h2 {
	border-bottom: 3px solid #555;
	border-top: 3px solid #555;
}

ul.ex_ul {
	list-style: none;
	margin: 30px 0 30px 0
}

ul.ex_ul li {
	display: block;
	width: 700px;
	float: none;
	margin: 0 auto 25px auto;
	padding: 15px;
	background: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

ul.ex_ul li img {
	display: block;
	float: left;
	width: 160px;
	height: auto;
}

.ex_text {
	display: block;
	width: calc(100% - 180px);
	float: left;
	margin-left: 20px;
}

.ex_text h3 {
	text-align: center;
}

.ex_text table {
	width: 100%;
	border-collapse: collapse;
}

.ex_text table td {
	border-bottom: 1px solid #d9d9d9;
	padding: 7px 5px;
	font-size: 15px;
	vertical-align: top;
}

.ex_text table td.ex_td_left {
	width: 80px;
}

.materil_more_link a {
	display: block;
	float: none;
	margin: 30px auto 10px auto;
	padding: 10px;
	width: 300px;
	text-align: center;
	background: #ffc600;
	font-size: 20px;
	font-weight: 600;
	color: #343434;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.materil_more_link a:hover {
	background: #fff;
	opacity: 1;
	cursor: pointer;
}

@media screen and (max-width: 750px) {
	.material_case_text, ul.ex_ul li {
		width: 100%;
		max-width: 400px;
	}

	ul.ex_ul li img {
		float: none;
		width: 100%;
		margin: 10px auto
	}

	.ex_text {
		display: block;
		width: 100%;
		float: none;
		margin: 0;
	}
}

/* 関連情報 */
.material_related_area {
	display: block;
	width: 600px;
	float: none;
	margin: 30px auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
}

.material_related_area h3 {
	border-top: 3px solid #555;
	border-bottom: 3px solid #555;
	font-size: 23px;
	padding: 6px 0;
	text-align: center;
	color: #555;
	margin-bottom: 10px;
}

.material_related_area p {
	color: #555;
	font-size: 15px;
	text-align: justify;
}

.material_related ul {
	margin: 20px 0;
}

.material_related li {
	list-style-type: disc;
	margin: 0 0 15px 20px;
	font-size: 17px;
	font-weight: 600;
	color: #555;
}

.material_related li a {
	color: #005EAB;
}

.material_related p {
	font-size: 19px;
	text-align: center;
	font-weight: 600;
}

.material_related p a {
	color: #005EAB;
	text-decoration: underline;
}

@media screen and (max-width: 650px) {
	.material_related_area {
		width: 100%;
	}
}

.welding_text p a, .welding_text li a,
.welding_finish p a, .welding_finish li a {
	text-decoration: underline;
}

ul.welding_type,
ul.welding_finish {
	margin: 20px 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

ul.welding_type>li,
ul.welding_finish>li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-sizing: border-box;
}

ul.welding_type>li {
	width: calc(25% - 20px);

}

ul.welding_finish>li {
	width: calc(33% - 30px);

}

ul.welding_type>li img,
ul.welding_finish>li img {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.welding_type_text {
	padding: 15px;
}

.welding_type_text h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0px 0 5px 0;
}

.welding_type_text h4 small {
	font-size: 12px;
}

.welding_type_text ul {
	list-style: none;
}

.welding_type_text ul li {
	list-style-type: disc;
	margin-left: 15px;
}

.welding_type_text p {
	margin-top: 10px;
}

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

	ul.welding_type>li,
	ul.welding_finish>li {
		width: calc(50% - 20px);
		margin: 20px auto;
	}
}

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

	ul.welding_type,
	ul.welding_finish {
		flex-direction: column;
		justify-content: flex-start;
	}

	ul.welding_type>li,
	ul.welding_finish>li {
		width: calc(100% - 20px);
		max-width: 400px;
		margin: 20px auto;
	}
}