@charset "utf-8";

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

productページスタイル

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

@media print, screen and (min-width: 768px) {

/* ▼タイトル部分PC */
#page_title {
	background: #e5e5e5;
	margin-bottom: 100px;
}

#page_title .inner {
	padding: 60px 0;
	box-sizing: border-box;
}

#page_title h1 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	background: url("../new_img/index/h2_product_icon.png") no-repeat right center;
	background-size: 38px 51px;
	padding: 20px 58px 20px 0;
	box-sizing: border-box;
}

#page_title h1 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼共通部分PC */
.psub_txt {
	font-weight: bold;
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	text-align: center;
	margin-bottom: 50px;
}

.itembox {
	display: flex;
	justify-content: space-between;
	width: 900px;
	margin: 0 auto 80px auto;
}

.itembox > div {width: 420px;}

.itemimg img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	border-radius: 30px;
}

.itemimg2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.itemtxt {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 2;
	margin-bottom: 30px;
}

.itembox .maker {
	font-weight: bold;
	font-size: 24px; font-size: 2.4rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 20px;
}

.makertitle {
	font-weight: bold;
	font-size: 20px; font-size: 2.0rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 5px;
}

.makertxt {
	font-size: 14px; font-size: 1.4rem;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
	margin-bottom: 20px;
}

/* ▼工作機械・機械工具PC */
#product01 .inner {
	width: 100%;
	padding: 20px 0;
}

#product01 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0;
	box-sizing: border-box;
}

#product01 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼切削工具PC */
#product02 .inner {
	width: 100%;
	padding: 20px 0;
}

#product02 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0 20px;
	box-sizing: border-box;
}

#product02 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼油空圧機器PC */
#product03 .inner {
	width: 100%;
	padding: 20px 0;
}

#product03 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0;
	box-sizing: border-box;
}

#product03 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼防災関連PC */
#product04 .inner {
	width: 100%;
	padding: 20px 0;
}

#product04 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0;
	box-sizing: border-box;
}

#product04 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼省力機械PC */
#product05 .inner {
	width: 100%;
	padding: 20px 0;
}

#product05 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0;
	box-sizing: border-box;
}

#product05 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼その他PC */
#product06 .inner {
	width: 100%;
	padding: 20px 0;
}

#product06 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.5;
	text-align: center;
	padding: 14px 0;
	box-sizing: border-box;
}

#product06 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

.itembox.plus {margin: 0 auto 60px auto;}

.maker2 {
	font-weight: bold;
	font-size: 24px; font-size: 2.4rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 30px;
	text-align: center;
}

/* ▼エクステリア事業PC */
#product07 .inner {
	width: 100%;
	padding: 20px 0;
}

#product07 h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0;
	box-sizing: border-box;
}

#product07 h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

.photo_title {
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin: 10px 0 1px 0;	
}

.photo_txt {
	font-size: 14px; font-size: 1.4rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
}

.hptitle {
	font-weight: bold;
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 5px;
}

.url {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

.url a {color: #000;}

/* ▼イラストレーターPC */
#product_sasa .inner {
	width: 100%;
	padding: 20px 0;
}

#product_sasa h2 {
	width: max-content;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 42px; font-size: 4.2rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 20px 0;
	box-sizing: border-box;
}

#product_sasa h2 .marker {
	padding: 0 10px;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

.snstitle {
	font-weight: bold;
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 15px;
}

#product_sasa dt, #product_sasa dd {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

#product_sasa dt {font-weight: bold;}

#product_sasa dd {margin-bottom: 25px;}

#product_sasa dd a {color: #000;}

}

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

/* ▼タイトル部分SP */
#page_title {
	background: #e5e5e5;
	margin-bottom: 6vw;
}

#page_title .inner {
	padding: 10vw 0 5vw 0;
	box-sizing: border-box;
}

#page_title h1 {
	width: max-content;
	margin: 0 auto 7vw auto;
	font-weight: bold;
	font-size: 7.5vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	background: url("../new_img/index/h2_product_icon.png") no-repeat right center;
	background-size: 8vw;
	padding: 4vw 12vw 4vw 0;
	box-sizing: border-box;
}

#page_title h1 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼共通部分SP */
.psub_txt {
	font-weight: bold;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	text-align: center;
	margin-bottom: 8vw;
}

.itembox {margin: 0 auto 4vw auto;}

.itemimg img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	border-radius: 6vw;
}

.itemimg {margin-bottom: 6vw;}

.itemimg2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.itemimg2 {margin-bottom: 6vw;}

.itemtxt {
	font-size: 3.6vw;
	font-feature-settings: "palt" 1;
	line-height: 2;
	margin-bottom: 8vw;
}

.itembox .maker {
	font-weight: bold;
	font-size: 5.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 4vw;
	text-align: center;
}

.makertitle {
	font-weight: bold;
	font-size: 5.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 2vw;
	text-align: center;
}

.makertxt {
	font-size: 3.6vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
	margin-bottom: 10vw;
}

/* ▼工作機械・機械工具SP */
#product01 .inner {padding: 5vw 0;}

#product01 h2 {
	width: max-content;
	margin: 0 auto 3vw auto;
	font-weight: bold;
	font-size: 7.5vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product01 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼切削工具SP */
#product02 .inner {padding: 5vw 0;}

#product02 h2 {
	width: max-content;
	margin: 0 auto 3vw auto;
	font-weight: bold;
	font-size: 7.5vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product02 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼油空圧機器SP */
#product03 .inner {padding: 5vw 0;}

#product03 h2 {
	width: max-content;
	margin: 0 auto 3vw auto;
	font-weight: bold;
	font-size: 7.5vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product03 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼防災関連SP */
#product04 .inner {padding: 5vw 0;}

#product04 h2 {
	width: max-content;
	margin: 0 auto 3vw auto;
	font-weight: bold;
	font-size: 7.5vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product04 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼省力機械SP */
#product05 .inner {padding: 5vw 0;}

#product05 h2 {
	width: max-content;
	margin: 0 auto 1vw auto;
	font-weight: bold;
	font-size: 7vw;
	line-height: 1.6;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product05 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

/* ▼その他SP */
#product06 .inner {padding: 5vw 0;}

#product06 h2 {
	width: max-content;
	margin: 0 auto 1vw auto;
	font-weight: bold;
	font-size: 7vw;
	line-height: 1.6;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product06 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

.maker2 {
	font-weight: bold;
	font-size: 5.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 4vw;
	text-align: center;
}

/* ▼エクステリア事業SP */
#product07 .inner {padding: 5vw 0;}

#product07 h2 {
	width: max-content;
	margin: 0 auto;
	font-weight: bold;
	font-size: 7vw;
	line-height: 1.6;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product07 h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

#product07 .psub_txt {
	line-height: 1.6;
	margin-bottom: 6vw;
}

#product07 .itemimg {margin-bottom: 2vw;}

.photo_title {
	font-weight: bold;
	font-size: 3.6vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;	
}

.photo_txt {
	font-size: 3.2vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 6vw;
}

.hptitle {
	font-weight: bold;
	font-size: 5.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 1vw;
}

.url {
	font-size: 3.6vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

.url a {color: #000;}

/* ▼イラストレーター事業SP */
#product_sasa .inner {padding: 5vw 0;}

#product_sasa h2 {
	width: max-content;
	margin: 0 auto;
	font-weight: bold;
	font-size: 7vw;
	line-height: 1.6;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 4vw 0;
	box-sizing: border-box;
}

#product_sasa h2 .marker {
	padding: 0 2vw;
	background-image: repeating-linear-gradient(45deg,#fe0000 0, #fe0000 3px,transparent 3px,transparent 6px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}

#product_sasa .psub_txt {
	line-height: 1.6;
	margin-bottom: 6vw;
}

.snstitle {
	font-weight: bold;
	font-size: 5.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 2vw;
}

#product_sasa dt, #product_sasa dd {
	font-size: 3.6vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

#product_sasa dt {font-weight: bold;}

#product_sasa dd {margin-bottom: 4vw;}

#product_sasa dd a {color: #000;}

}
