@charset "utf-8";
/* CSS Document */
::selection {
	background: #ffdbc1;
}
p.pageImageBack {
	background: #E96C0E;
}
/*-- 背景 --*/
.inpage {
	margin: 0 0 15px 0;
}

/*-- サイドメニュー --*/
.side {
	height: 380px;
	width: 245px;
	background: rgba(255,255,255,0.8);
}
.side h3 {
	margin-bottom: 0;
}
@media (max-width: 979px) {
	.main {
		-webkit-flex: 1;
		flex: 1;
	}
	.side {
		margin-right: 15px;
		width: 245px;
	}
}

/*-- index --*/
.comment div.text{
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 0;
}
@media (max-width: 767px) {
	.comment div.text{
		margin-right: 0;
	}
}
.comment h4{
	margin: 0 0 15px 10px;
}

/*--  --*/
p{
	margin-bottom: 10px;
	line-height: 1.6;
	font-size: 18px;
	display: block;
}
p:last-child {
	margin-bottom: 0;
}
p.ma_bottom0,
div.ma_bottom0 p{
	margin-bottom: 0;
}
p.ma_top0,
div.ma_top0 p{
	margin-top: 0;
}
/*-- アクセント--*/
p.acc_b_orange {
	padding: 5px;
	color: #FFF;
	font-size: 14px;
	background: #E96C0E;
	border-radius: 3px;
	display: inline-block;
}
p.acc_b_green {
	padding: 5px;
	color: #343434;
	font-size: 14px;
	background: #d5efd8;
	border-radius: 3px;
	display: inline-block;
}
p.acc_b_blue {
	padding: 5px;
	color: #FFF;
	font-size: 14px;
	background: #3281a8;
	border-radius: 3px;
	display: inline-block;
}
p.acc_b_white {
	padding: 5px;	
	font-size: 14px;
	border: 1px solid #E96C0E;	
	border-radius: 3px;
	display: inline-block;
}
p.acc_b_white_black {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	border: 1px solid #000000;	
	border-radius: 3px;
	display: inline-block;
}
p.acc_b_white_black.purple {
	background: #A757A8;
	color: #FFFFFF;
}
p.acc_b_white_black:last-child {
	margin-bottom: auto;
}
/*--flexbox非対応--*/
p.title {
	position: relative;
    display: inline-block;
    padding-left:12px;
    vertical-align: middle;
    text-decoration: none;
	font-weight: 900;    
	font-size: 16px;
	color: #343434;
	margin-bottom: 0;
}
p.title::before {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #7a0;
}
p.acc_f20 {
	font-weight: 900;
	font-size: 20px;
}
p.acc_f22 {
	font-weight: 900;
	font-size: 22px;
}
p.acc_f24 {
	font-weight: 900;
	font-size: 24px;
}
p.acc_b_all{
	magin-right: auto;
	margin-left: auto;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #E96C0E;
	border-radius: 3px;
	background: #ffeadb;
	text-align: center;
	color: #171717;
	font-weight: 600;
	display: block;
}
p.acc_b_all:last-child {
	margin-bottom: auto;
}
p.indent1 {
	margin-left: 20px;
}
p.indent2 {
	margin-left: 30px;
}

/*-- テキスト右寄せ --*/
p.right {
	text-align: right;
}
/*-- リストマークごとテキスト右寄せ --*/
div.right_box p{
	float: right;
	zoom: 100%;
}
div.right_box::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/*-- 右寄せ --*/
.float_right {
	float: right;
	text-align: right;
}
.next {
	margin-top: 15px;
}
.next h4.float_right {
	background: none;
	position: relative;
	padding-right: 20px;
}
.next h4.float_right::after {
	content: "";
	height: 12px;
	width: 12px;
	background: url("../../images/common/btn1.jpg") no-repeat;
	position: absolute;
	display: block;
	top: 10px;
	right: 0;
}
.float_right.width50 {
	max-width: 50%;	
}
_:lang(x)::-ms-backdrop, .next h4.float_right::after{
	top: 8px;
}

@media (max-width: 767px) {
	.next h4{
		float: none;
		text-align: left;
	}
	.next h4.float_right {
		margin-left: 15px;
		background: url("../../images/common/btn1.jpg") no-repeat;
		background-position: 0 8px;
	}
	.next h4.float_right::after {
		background: none;
	}
}
.next::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*-- 左寄せ --*/
p.float img{
	float: left;
}
p.float img::after{
	clear: both;
}
.float_left {
	float: left;
	text-align: left;
}
.float_left.width50 {
	max-width: 50%;	
}
.prev {
	margin-top: 15px;
}
.prev h4{
	float: left;
	text-align: left;
	background: url("../../images/common/btn3_1.jpg") no-repeat;
	background-position: 0 8px;
}
@media (max-width: 767px) {
	.prev h4{
		margin-left: 15px;
		float: none;
		text-align: left;
	}
	.prev .float_left {
		float: none;
	}
}


/*-- ビデオ --*/
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*-- --*/
span.small {
	font-size: 14px;
}

/*--  --*/
h3{
	font-size: 24px;
	margin-bottom:15px;
	padding-bottom: 2px;
	border-bottom: 2px solid #E96C0E;
	line-height: 1.4;
}
h3.title{
	font-size: 22px;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #E96C0E;
	border-right: 1px solid #E96C0E;
	border-bottom: 1px solid #E96C0E;
	border-left: 5px solid #E96C0E;
	background: #FFE8E2;
}

/*--  --*/
h4 {
	padding-left: 18px;
	font-size: 18px;	
	background: url(../../images/common/btn1.jpg) no-repeat;
	background-position: 0 7px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	h4 {
		font-size: 16px;
		line-height: 1.6;
	}
}
h4 a{
	font-weight: 700;
	padding-bottom: 2px;
	border-bottom: 1px solid #E96C0E;
	color: #E96C0E;
}
_:lang(x)::-ms-backdrop, h4 a{
	padding-bottom: 0;
}
h4 a:visited{
	color:  #E96C0E;
}
h4 a:hover{
	border-bottom: 1px solid #00125B;
	color: #00125B;
}
h4.title{
	position: static;
	margin-bottom: 10px;
	padding: 5px 0 10px 10px;	
	font-size: 20px;
	color: #343434;
	border-left: 5px solid #343434;
	border-bottom: 1px solid #343434;
	background: none;
	display: block;
}
h4.title2{
	margin: 0 0 10px 0;
	padding-left: 20px;
	padding-bottom: 2px;
	font-size: 18px;
	display: block;
	color: #E96C0E;
	background: url("../../images/common/btn1.jpg") no-repeat;
	background-position: 0 7px;
	border-bottom: 1px solid #E96C0E;
}
h4.title3{
	margin: 15px 0 10px 0;
	padding: 10px 0 13px 15px;
	font-size: 18px;
	display: block;
	color: #E96C0E;
	background: #ffefd3;
	border-bottom: none;
	border-left: 2px solid #E96C0E;
}

h4.title.orange{
	color: #E96C0E;
	border-color: #E96C0E;
}
h5 {
	padding: 0 0 2px 18px;
	font-size: 18px;
	color: #E96C0E;
	border-bottom: 1px solid  #E96C0E;
}

h5.title_left_bor{
	margin-bottom: 10px;
	padding-left: 8px;
	font-size: 20px;
	border-left: 5px solid;
	border-bottom: none;
	border-radius: 0;
	background: none;
	display: block;
	color: #343434;
	border-color: #343434;
}
h5.title_left_bor.orange,
h5.title_border.orange{
	color: #E96C0E;
	border-color: #E96C0E;
}
h5.title_left_bor.orange.bottom{
	color: #E96C0E;
	border-color: #E96C0E;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}
h5.title_left_bor.red{
	color: #FF0000;
	border-color: #FF0000;
}
h5.title_left_bor.navy {
	color: #00125B;
	border-color: #00125B;
}
h5.title_left_bor.green {
	color: #1AA361;
	border-color: #1AA361;
}

h5.title_small{
	margin-bottom: 10px;
	padding: 0 0 2px 0;	
	font-size: 16px;
	color: #343434;
	border-bottom: 1px solid #343434;
	background: none;
	display: block;
}
h5.title_small.red{
	color: #FF0000;
	border-bottom: 1px solid #FF0000;
}
h5.title_border{
	margin-bottom: 10px;
	padding: 5px 0 5px 0;	
	font-size: 18px;
	color: #343434;
	border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;
	background: none;
	display: block;
}


/*-- フレックスボックス --*/
.flex {
	display: flex;
	justify-content: space-between;
}
.flex.jc_start {
	justify-content: flex-start;
}
.flex.jc_center {
	justify-content: center;
}
.flex.item_center {
	 align-items: center;
}
.flex_wrap {
	flex-wrap: wrap;
}
.flex1 {
	flex: 1;
}
.flex0 {
	display: flex;
}
.flex div.images:first-of-type {
	margin-top: 20px;
}
.flex div.images.mtop0:first-of-type { 
	margin-top: 0;
}
.flex div.tech_flex div.images:first-of-type {
	margin-top: 0;
}
article .flex.btn_flex a{
	padding-bottom: 0;
	border-bottom: none;
}
_:lang(x)::-ms-backdrop, article .flex.btn_flex a{
	padding-bottom: 0;
}
article .flex.btn_flex a:hover{
	border-bottom: none;
}

@media (max-width: 767px) {
	.flex {
		display: block;
	}
	/*
	.flex div:nth-of-type(2n){
		padding-top: 20px;
		margin-left: 0;
	}
	.flex div.tech_flex div.allflex:nth-of-type(2n){
		padding-top: 0;
	}
	.flex div:nth-of-type(3n){
		padding-top: 20px;
		margin-left: 0;
	}
	*/
	.flex0 {
		display: block;
	}
	div.images img{
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	/*-- テクニカルガイド図 --*/
	div.slideimages{
		margin-top: 20px;
		top: 10px;
		height: auto;
	}
	div.slideimages img{
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 100%;
	}
	div.images img.left{
		margin: 0;
	}
}
/*-- border_boxの場合 --*/
.flex div.border_box,
.flex0 div.border_box{
	margin-bottom: 10px;
	max-width: 360px;
	width: 100%;
}
.flex div.border_box.long {
	max-width: initial;
}
.flex div.border_box:first-of-type,
.flex0 div.border_box:first-of-type{
	margin-right: 15px;
}
.flex div.border_box images:first-of-type,
.flex0 div.border_box images:first-of-type {
	margin-top: 0;
}
.flex div.border_box:nth-of-type(2n),
.flex0 div.border_box:nth-of-type(2n){
	margin-left: 0;
}
.flex div.border_box:nth-of-type(3n),
.flex0 div.border_box:nth-of-type(3n){
	margin-left: 0;
}
/*-- PC・モバイル両方横並び --*/
.allflex {
	display: flex;
}
.allflex div.images:first-of-type{
	margin-top: 0;
}
@media (max-width: 767px){
	.allflex div.images{
		padding-top: 20px;
	}
	.tech_flex .allflex div.images{
		padding-top: 0;
	}
	.allflex.padding_none div.images{
		padding-top: 0;
	}
}
/*
.allflex div{
	margin-right: 15px;
	margin-bottom: 15px;
}
.flex .allflex div:nth-of-type(2n) {
    margin-left: 0
}
.flex .allflex div:nth-of-type(3n) {
    margin-left: 0;
}
.tech_case .allflex div:not(:last-of-type){
	margin-rgiht: 15px;
}
.allflex_margin0 {
	display: flex;
	margin: 0;
}
*/


/*-- table_cell（※ table 別途記載） --*/
.table {
	display: table;
}
.table .table_box {
	display: table-cell;
}
.table .table_box.valign_top{ /*-- 上揃え --*/
	vertical-align: top;
}
.table .table_box.valign_middle{ /*-- 中揃え --*/
	vertical-align: middle;
}
.table.center{ /*-- 真ん中寄せ --*/
	margin-left: auto;
	margin-right: auto;
}
.valign_bottom { /*-- 下揃え --*/
	display: table-cell;
	vertical-align: bottom;
}

/*-- テキスト・画像 --*/
.text {
	margin-bottom: 10px;
	flex: 1;
	position: relative;
}
.images img{
	width: 100%;
}
.images.center,
.images.center img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*-- 影 --*/
.img_shadow1 img{
	box-shadow: 0 5px 4px -4px #B2B2B2;
}

/*-- テクニカルガイド図 --*/
@media (min-width: 768px) {
	.slideimages {
		position: -webkit-sticky;
		position: sticky;
		margin-top: 20px;
		top: 10px;
		height: 425px;
		width:  327px;
	}
	.slideimages.vol10_1 {
		height: 600px;
		width:  350px;
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		margin-top: 20px;
		top: 10px;
		height: 425px;
		width:  327px;
	}
}
/*--  --*/
.box{
	padding: 15px;
}
.box2 {
	margin-left: 10px;
	margin-right: 10px;
}
.box2 h4 {
	margin-bottom: 20px;
}
.box3{
	margin-right:5px;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #E96C0E;
}
.box3 h4{
	margin-bottom: 10px;
	padding-left: 28px;
	font-size: 20px;
	display: block;
	color: #E96C0E;
	background: url("../../images/common/accent1.jpg") no-repeat;
	background-position: 0 3px;
}
.box3 h4.simple{
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #E96C0E;
	background: none;
}
.box4 {
	margin-left: 15px;
}
.border_box,
.border_box_small{
	border: 1px solid #343434;
	padding: 10px;
	display: block;
}
.border_box.red,
.border_box_small.red {
	border-color: #FF0000;
}
.border_box.blue,
.border_box_small.blue {
	border-color: #13558B;
}
.border_box.naby {
	border-colir: #00125B;
}
.border_box.orange,
.border_box_small.orange {
	border-color: #E86C0E;
}
.border_box.inline,
.border_box_small.inline,
.inline{
	display: inline-block!important;
}
.border_box.padding0 {
	padding: 0;
}
.border_box.center {
	margin-left: auto;
	margin-right: auto;
}
/*-- ラウンドあり全方向10px --*/
.border_box.radius10 {
	border-radius: 10px;
}
/*-- ラウンドあり全方向10px（強） --*/
.flex div.border_box_radius10_accent,
.border_box_radius10_accent {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px 10px 20px;
	border: 2px solid #13558B;
	border-radius: 10px;
	font-size: 10px;
	font-weight: 900;	
	max-width: 600px;
	text-align: center;
}
.flex div.border_box_radius10_accent.red,
.border_box_radius10_accent.red {
	border-color: #FF0000;
}
/*-- ラウンドあり右上＆右下20pxpx --*/
.border_box.right_bottom_radius {
	padding: 0 20px 20px 0;
	border-radius: 0 0 10px 10px;
	border: 2px solid #FF0000;
}
@media(min-width: 980px) {
	.border_box.right_bottom_radius p{
		padding-left: 0;
	}
}
@media(max-width: 979px) {
	.border_box.right_bottom_radius p{
		padding-top: 20px;
		padding-left: 20px;
	}
}
/*-- ラウンドあり右下20px --*/
.flex div.border_box.right_leftbottom_radius,
.border_box.right_leftbottom_radius {
	margin-bottom: 0;
	padding: 0 0 20px 0;
	border-radius: 0 10px 0 10px;
	border: 2px solid #E96C0E;
}
.flex div.border_box.right_leftbottom_radius p,
.border_box.right_leftbottom_radius p{
	padding-left: 20px;
	padding-right: 20px;
}
@media(min-width: 980px) {
	.border_box.right_leftbottom_radius p{
	}
}
@media(max-width: 979px) {
	.border_box.right_leftbottom_radius p{
	}
}
h5.right_leftbottom_radius_title.orange {
	background: #E96C0E;
	padding: 5px 0 5px 0;
	margin-bottom: 15px;
	font-size: 22px;
	color: #FFFFFF;
	letter-spacing: 5px;
	border: 1px solid #E96C0E;
	border-radius: 0 5px 0 0;
	text-align: center;
}
h6.title_gray {
	color: #343434;
	font-size: 20px;
	font-weight: 900;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*-- ▼ --*/
.flex div.tri_bottom.orange,
.tri_bottom.orange {
	margin-left: auto;
	margin-right: auto;
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #E96C0E;
}
.flex div.tri_bottom.red,
.tri_bottom.red {
	margin-left: auto;
	margin-right: auto;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #FF0000;
}
.flex div.tri_bottom.black,
.tri_bottom.black {
	margin-left: auto;
	margin-right: auto;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #000000;
}

.border_box_radius10_accent p{
	display: inline-block;
}
/*-- border_box / flex併用で同幅 --*/
.width100 {
	flex: 1;
	width: 100%;
}
.width50_pc {
	max-width: 50%;
	border-right: 1px solid #C0C0C0;
	padding-right: 20px!important;
}
@media (max-width: 767px) {
	.width50_pc {
		flex: 1;
		max-width: 100%;
		border-right: none;
		padding-right: 0;	
	}
}

/*-- テーブル --*/
table {
}
table.center{
	margin-left: auto;
	margin-right: auto;
}

table.border_around{
	border: 1px solid #000;
	table-layout: fixed;
	border-collapse:collapse;
	word-wrap:break-word;
}
table.border_around.ma_20 {
	margin-top: 20px;
}
table.border_around.form{
	width: 100%;
}
table.border_around td.title{
	background: #E4D5CB;
	vertical-align: middle;
}
table.border_around td{
	padding: 10px;
	border-right: 1px solid #343434;
	text-align: center;
}
table.border_around td.bnone{
	border-right: none;
}
table.border_around td.left{
	text-align: left;
}
table.border_around td.right{
	text-align: right;
}
table.border_around td.left span{
	color: #000000;
}
table.border_around td.red{
	background: #FF0000;
	color: #FFF;
}
table.border_around td span{
	color: #FF0000;
}
table.border_around td div.radio_select span.cp_sl_title {
	color: #FFFFFF;
}
table.border_around td img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
table.border_around tr{
	border-bottom: 1px solid #343434;
}
table.border_around tr.b_none{
	border-bottom: none;
}
table.border_around tr:last-child td{
	border-bottom: none;
}
/**/
table.border_none{
	border: none;
}
table.border_none td{
	border-right: none;
}
table.border_none td.valign_top,
table.border_around td.valign_top{
	vertical-align: top;
}
table.border_none td.b_bottom,
table.border_none tr.b_bottom{
	border-bottom: 1px solid #343434;
}
table.border_none tr{
	border-bottom: none;
}
table.border_around span.black{
	color: #000000;
}
table.border_around span.gray{
	color: #343434;
}
table.border_around span.title_set1,
span.title_set1 {
	font-weight: 800;
	font-size: 18px;
	color: #343434;
}
table.border_around span.title_set2,
span.title_set2 {
	font-weight: 800;
	font-size: 16px;
	color: #343434;
}

/*-- パンくずリスト --*/
div.list {
	margin: 5px 0 20px 0;
	width: 100%;
}
.content_list {
	max-width: 980px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #ededed;
}
@media (max-width: 500px) {
	div.list,
	div.content_list{
		display: none;
	}
}

div.list::after{
	content:" ";
    clear: both;
	display: block;
}
div.list p{
	float:left;
	font-size: 14px;
	margin-right: 5px;
	margin-bottom: 0;
	font-weight: 600;
	color: #707070;
}
div.list a{
	color: #E96C0E;
}
div.list a::after{
	content:" ";
	width: 6px;
	height: 7px;
	display: inline-block;
	background: url(../../images/common/ar_black.png) no-repeat;
	margin: 0 5px 2px 10px;
}
div.list a:hover{
	opacity: 0.6;
}
div.list a:hover img{
	opacity: 0.6;
}
div.list img{
	float: left;
}

/*-- タブ --*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #000;
}
.cp_actab.punching_tm {
	overflow: visible;
}

.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	padding: 8px 16px 8px 16px;
	margin: 0;
	border-radius: 4px;
	border: 1px solid #343434;
	background: linear-gradient(#FFFFFF, #d3d3d3);
	width: 100%;
	height: 46px;
}
@media (767px >= width) {
	.cp_actab label {
		height: auto;
	}
}
.cp_actab label p{
	padding-left: 25px;
}
.cp_actab.punching_tm label p{
	padding-left: 90px;
}
.cp_actab.punching_tm label p.icon_pdf::before{
content: "";
background: url(../images/punching/tm_bar/icon_pdf.png) no-repeat;
position: absolute;
width: 66px;
height: 77px;
left: 30px;
top: -15px;
display: inline-block;
}
.cp_actab.punching_tm label p.icon_video::before{
	content: "";
	background: url(../images/punching/tm_bar/icon_video.png) no-repeat;
	position: absolute;
	width: 72px;
	height: 77px;
	left: 30px;
	top: -15px;
	display: inline-block;
}

.cp_actab.punching_tm.bar_amada label p::after{
	content: "";
	background: url(../images/punching/tm_bar/amada.png) no-repeat;
	position: absolute;
	width: 309px;
	height: 45px;
	right: 0;
	bottom: 0;
	display: inline-block;
}
.cp_actab.punching_tm.bar_murata label p::after{
	content: "";
	background: url(../images/punching/tm_bar/murata.png) no-repeat;
	position: absolute;
	border-radius: 3px;
	width: 309px;
	height: 44px;
	right: 0;
	bottom: 0;
	display: inline-block;
}
.cp_actab.punching_tm.bar_murata label p.icon_video::after{
	height: 44px;
}
.cp_actab.punching_tm.bar_trumpf label p::after{
	content: "";
	background: url(../images/punching/tm_bar/trumpf.png) no-repeat;
	position: absolute;
	border-radius: 3px;
	width: 309px;
	height: 46px;
	right: 0;
	bottom: 0;
	display: inline-block;
}
.cp_actab.punching_tm.bar_others label p::after{
	content: "";
	background: url(../images/punching/tm_bar/others.png) no-repeat;
	position: absolute;
	width: 309px;
	height: 44px;
	right: 0;
	bottom: 0;
	display: inline-block;
}

@media (width < 740px) {
	.cp_actab.punching_tm.bar_amada label p::after,
	.cp_actab.punching_tm.bar_murata label p::after,
	.cp_actab.punching_tm.bar_trumpf label p::after,
	.cp_actab.punching_tm.bar_others label p::after{
		content: "";
		background: none;
		width: 0;
		height: 0;
		}	
}
.cp_actab-content {
	padding: 15px 0 0 0;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	margin: 0 0 10px 0;
}

/*-- tech/punch/index.html成形事例集 --*/
.cp_actab .cp_actab-content.tech_case{
	padding: 0;
	margin: 0;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 200em;
	/*--max-height: 100em;--*/
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: -4px;
	left: 0;
	display: block;
	width: 3em;
	height: 3em;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	font-family: vdl-v7gothic, sans-serif;
	font-weight: 800;
	font-style: normal;
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after{
	font-family: vdl-v7gothic, sans-serif;
	font-weight: 800;
	font-style: normal;
	content: '-';
}
_:lang(x)::-ms-backdrop, 
.cp_actab input[type=checkbox] + label::after,
.cp_actab input[type=checkbox]:checked + label::after{
	padding-top: 4px;
}

.cp_actab input[type=checkbox]:checked + label{
	color: #FFF;
	background: #1b2538;
}
.cp_actab label:hover{
	color: #FFF;
	background: #1b2538; 
	transition: all 500ms 0s ease;
}

.cp_actab-content p{
	margin-left: 5px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #343434;
	line-height: 1.4;
	position:relative;
}
.punching_tm .cp_actab-content p{
	margin-top: 11px;
	margin-left: 10px;
	padding-left: 0;
	color: #FFF;
}

.cp_actab-content p::before{
	content: "";
	background: url(../../images/common/btn1.jpg) no-repeat;
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	margin-top: 7px;
	display: inline-block;
}
.punching_tm .cp_actab-content p::before{
	content: "";
	background: none;
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	margin-top: 0;
	display: inline-block;
}
.cp_actab-content ul li {
	padding: 7px 10px 7px 5px;
	transition: all 500ms 0s ease;
}
.cp_actab-content ul a.list li:hover {
	background: #fff7eb;
}
.cp_actab-content ul li:hover {
	background: #FFFFFF;
}
.cp_actab-content a span{
	color: #E96C0E;
	border-bottom: 1px solid #E96C0E;
	transition: all 500ms 0s ease;
}
.punching_tm .cp_actab-content a span{
	color: #FFF;
	border-bottom: none;
}
.cp_actab-content a:hover span{
	border-bottom: 1px solid #1b2538;
	color: #1b2538;
}
.punching_tm .cp_actab-content a:hover span{
	color: #FFF;
	border-bottom: none;
}


/*-- 吹き出し--*/
.balloon{
	position: relative;
	padding: 20px;
	display: inline-block;
	background: linear-gradient(#FFFFFF, #e0ecff);
	border-radius: 4px;
	border: 1px solid #343434;
	margin-bottom: 15px;
}
.balloon::before{
content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid #343434;
  border-left: 15px solid transparent;
}
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -13px;
  border-right: 15px solid transparent;
  border-top: 15px solid #e0ecff;
  border-left: 15px solid transparent;
}
.balloontext {
	margin: 5px 0 0 20px;
}
.balloon.red{
	background: linear-gradient(#FFFFFF, #fcbeab);
}
.balloon.red::after{
	border-top: 15px solid #fcbeab;
}

/*-- リンク --*/
.link div.link {
	display: flex;
}
.link div.link.jc_center {
	display: flex;
	justify-content: center;
}
.link div.link img{
	width: 100%;
	max-width: 326px;
}
.link div p img{
	border: 1px solid #1770ba;
	border-radius: 3px;
	box-shadow: 0 5px 4px -4px #B2B2B2;
}
.link div p img.orange{
	border: 1px solid #E96C0E;
}
.link div p:first-child{
	margin: 26px 0 0 0;
}
.link.normal div p:first-child{
	margin: 0;
}
.link div a:hover img{
	opacity: 0.8;
}
@media (max-width: 767px) {
	.link div.link,
	.link div.link.jc_center{
		display: block;
		margin-bottom: 15px;
	}
	.link div p:first-child{
		margin: 15px 0;
	}
}

/*-- 矢印ＣＳＳ --*/
/*-- 矢印画像 --*/
.arrow {
	margin: 60px 15px 0 15px;
}
@media (max-width: 767px) {
	.arrow {
		margin: 10px 0 15px 15px;
	}
}
.arrow_ce img{
	margin: 15px auto 15px auto;
	display: block;
}
.arrow {
  display: inline-block;
  height: 40px;
  width: 80px;
  background-color: #FF0000;
  position: relative;
  top: 40px;
}
.arrow:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border:6 0px solid transparent;
  border-left: 60px solid #FF0000;
  left: 80px;
  top: -37px;
}
.arrow .green {
	background-color: #439941;
}
.arrow .green:before {
	border-left: #439941;
}
.arrow_css{
  width: 60px;
}
/*矢印形式２*/
.arrow_css::before{
  content: "";
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 40px;
  background: #E96C0E;
}
.arrow_css::after{
  content: "";
  display:block;
  border-top: 30px solid #E96C0E;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
 /* transform-origin: right top;
  transform: scaleY(1);*/
}
.arrow_list {
    position: relative;
    display: inline-block;
    padding-left: 15px;
	margin-bottom: 0;
}
.arrow_list:before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 2px #E96C0E;
    border-right: solid 2px #E96C0E;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
	margin-top: -4px;
}
/*-- リンク --*/
article a{
	padding-bottom: 1px;
	border-bottom: 1px solid #E96C0E;
	color: #E96C0E;
}
_:lang(x)::-ms-backdrop, article a{
	padding-bottom: 0;
}
article a:hover{
	border-bottom: 1px solid #00125B;
	color: #00125B;
}


/*-- オプション --*/
.orange {
	color: #E96C0E;
}
.red{
	color: #FF0000;
	border-color: #FF00;
}
.white {
	color: #FFFFFF;
}
.gray {
	color: #262525;
}
.blue {
	color: #0037B9;
}
.navy {
	color: #1b2538;
}
h5.r_navy,
.r_navy{
	color: #2d4b7a;
	border-color: #2d4b7a;
}
.green {
	color: #1AA361;
}
.black {
	color: #000000;
}

/*背景色*/
.bg_orange {
	background: #ffe8cf;
}
.bg_navy {
	background: #1b2538;
}
.bg_orange_op {
	background: #ffdbc1;
}
.bg_orange_op_more {
	background: #fff6e8;
}
.bg_red {
	background: #FF0000;
}
.bg_pink {
	background: #ffcfcc;
}
.bg_pink_op {
	background: #ffeeed;
}
.bg_blue {
	background: #cceaff;
}
.bg_yellow {
	background: #ffeacc;
}
.bg_green {
	background: #d5efd8;
}
.bg_gray {
	background: #E4E4E4;
}
.bg_white {
	background: #FFFFFF;
}

/*-- 線 --*/
.bor_bottom {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C0C0C0;
	display: block;
}
.border_bottom_orange {
	border-bottom: 2px solid #E96C0E;
}

/*線色*/
.border_black {
	border: 1px solid #C0C0C0;
}
.border_orange {
	border: 1px solid #E96C0E;
}
.border_b_orange {
	padding-bottom: 2px;
	border-bottom: 1px solid #E96C0E;
}
.border_b_red {
	border-bottom: 1px solid #FF0000;
}
.border_b_blue {
	padding-bottom: 2px;
	border-bottom: 1px solid #0037B9;
}


/*-- 薄くする --*/
.opacity {
	opacity: 0.8;
}
.opacity_more {
	opacity: 0.6;
}
/*-- a:hoverで薄くなる --*/
a img.opacity_link {
	opacity: 1;
	transition: 0.8s;
}
a:hover img.opacity_link {
	opacity: 0.6;
}
/*文字大きさ*/
.font14 {
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}
.font18 {
	font-size: 18px;
}
.font20 {
	font-size: 20px;
}
.font22 {
	font-size: 22px;
}
.font24 {
	font-size: 24px;
}
/*文字太く*/
.fontb {
	font-weight: 900;
}
.fontb_700 {
	font-weight: 700;
}
/*文字補足*/
.fontth {
	font-weight: 700;
}
/*margin調整*/
.ma_top0 {
	margin-top: 0!important;
}
.ma_top10 {
	margin-top: 10px!important;
}
.ma_top15 {
	margin-top: 15px!important;
}
.ma_top20 {
	margin-top: 20px!important;
}
.ma_top30 {
	margin-top: 30px!important;
}
.ma_top50 {
	margin-top: 50px!important;
}

.ma_bottom0 {
	margin-bottom: 0!important;
}
.ma_bottom10 {
	margin-bottom: 10px!important;
}
.ma_bottom15 {
	margin-bottom: 15px!important;
}
.ma_bottom20 {
	margin-bottom: 20px!important;
}
.ma_bottom30 {
	margin-bottom: 30px!important;
}
.ma_left-15 {
	margin-left: -15px;
}
.ma_left0 {
	margin-left: 0!important;
}
.ma_left10 {
	margin-left: 10px!important;
}
.ma_left15 {
	margin-left: 15px!important;
}
.ma_left20 {
	margin-left: 20px!important;
}
.ma_left50 {
	margin-left: 50px!important;
}
.ma_left30 {
	margin-left: 30px!important;
}
.ma_left60 {
	margin-left: 60px!important;
}
.ma_right0 {
	margin-right: 0!important;
}
.ma_right10 {
	margin-right: 10px!important;
}
.ma_right15 {
	margin-right: 15px!important;
}
.ma_right20 {
	margin-right: 20px!important;
}
.ma_right30 {
	margin-right: 30px!important;
}
.ma_tb_double30 {
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}
.ma_rl_double30 {
	margin-right: 30px;
	margin-left: 30px;
}
.btn_round5 img{
	border-radius: 5px;
}

/*-- padding調整 --*/
.padding10 {
	padding: 10px!important; 
}
.padding20 {
	padding: 20px!important; 
}
.pa_top0 {
	padding-top: 0!important;
}
.pa_top15 {
	padding-top: 15px!important;
}
.pa_top20 {
	padding-top: 20px!important;
}
.pa_top30 {
	padding-top: 30px!important;
}
.pa_bottom0 {
	padding: 0!important; 
}
.pa_bottom15 {
	padding-bottom: 15px!important;
}
.pa_bottom30 {
	padding-bottom: 30px!important;
}
.pa_right20 {
	padding-right: 20px!important;
}
.pa_left20 {
	padding-left: 20px!important;
}
.pa_double20 {
	padding-right: 20px!important;
	padding-left: 20px!important;
}


/*行高さ*/
.line12 {
	line-height: 1.2;
}
.line14 {
	line-height: 1.4;
}
.line16 {
	line-height: 1.6;
}
/*右寄せ左寄せ*/
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
}
.left {
	text-align: left;
}


/*-- section --*/
/*--  --*/
section {
	margin-top: 50px;
}
/*--
section:first-child {
	margin-top: 0;
}
--*/
section.brake {
	margin-top: 30px;
}
section.brake h3 {
	margin-bottom: 30px;
}
.brake_conic .box2 h4 {
	margin-bottom: 20px;
	font-size: 16px;
}
.brake_conic div.text {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #C0C0C0;
}
.brake_conic div.text:last-of-type {
	border-bottom: none;
}
.brake_conic div.text p{
	margin-left: 20px;
}
/*--*/
.brake_conic_list h4,h4 p, .tech_list h4,h4 p{
	margin-bottom: 15px;
	font-size: 18px;
}
@media (max-width: 767px) {
	.brake_conic_list h4,h4 p, .tech_list h4,h4 p{
	font-size: 16px;
	}
}
/*--*/
.brake_webcatalog h4,h4 p,p.link{
	margin-bottom: 20px;
	font-size: 16px;
}
table.border_around td .flex .images img.brake_img_table_logo,
table.border_around td .flex div.images:first-of-type{
	margin: 0;
	background: #FFF;
}
p.brake_img_logo {
	display: inline-block;
}
@media(min-width: 980px) {
	tr.brake_cst_tr_sp {
	 height: 16.5em;
	}
}
@media(max-width: 979px) {
	tr.brake_cst_tr_sp {
	 height: auto;
	}
}
/*--*/
section.tech {
	margin-top: 30px;
}
section.tech h3{
	margin-bottom: 30px;
	word-break: keep-all;
}
section.tech h4.title {
	font-size: 22px;
}
.tech_list {
	margin-bottom: 30px;
}
.tech .box2 p:first-of-type{
	margin-top: 15px;
}
.tech .box2 p.ma_top0{
	margin-top: 0;
}
.tech .flex h5:first-of-type,
.tech .text h5:first-of-type{
	margin-top: 15px;
}
.tech .flex h5.title_b_blue{
	margin-top: 0;
}
.tech p.link {
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.tech a{
	padding-bottom: 1px;
	border-bottom: 1px solid #E96C0E;
	color: #E96C0E;
}
.tech a:hover{
	border-bottom: 1px solid #00125B;
	color: #00125B;
}
.tech h5.title_small.ma_top30,
.tech h5.title_small.ma_top20{
	font-size: 20px;
}
.tech h5.title_left3,
.campaign h5.title_left3{
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	border-left: 5px solid;
	border-bottom: none;
	background: #ffecd9;
	display: block;
	color: #343434;
	border-color: #E96C0E;
	border-radius: 3px;
}

/*-- インデント --*/
.tech h5.title_left3.indent {
	margin-left: 10px;
}
.tech .box2.indent {
	margin-left: 30px;
}

/*--用語集--*/
.tech .glossary{
	width: 50%;
}
@media (max-width: 767px) {
	.tech .glossary{
		width: 100%;
	}
}
/*--成形事例集--*/
.case_btn:hover img{
	opacity: 0.5;
}
.allflex .case_btn_2,
.allflex .case_btn_3{
	margin-right: 0;
	margin-bottom: 0;
}
.allflex .case_btn_box {
	margin-right: 0;
	margin-bottom: 20px;
}
@media (min-width: 768px){
	.allflex .case_btn_box {
		max-width: 177px;
	}
}
@media (max-width: 767px){
	.allflex .case_btn_box {
		max-width: 165px;
	}
}
.case_btn_2 {
	padding: 30px 10px 30px 10px;
	margin-bottom: 0;
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	border-radius: 2px 2px 0 0;
	width: 100%;
}
.case_btn_2:hover {
	border-color:  #E96C0E;
}
.case_btn_2 img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.case_btn_box a:hover .case_btn_2{
	border-top: 1px solid #E96C0E;
	border-right: 1px solid #E96C0E;
	border-left: 1px solid #E96C0E;
}
.images.case_btn_2:hover + h4.case_title{
	background: #E96C0E;
	border-color: #E96C0E;
	opacity: 1;
}
.case_btn_3{
	padding: 30px 10px 30px 10px;
	margin-bottom: 0;
	border-top: 1px solid #E96C0E;
	border-right: 1px solid #E96C0E;
	border-left: 1px solid #E96C0E;
	border-radius: 2px 2px 0 0;
	border-color: #E96C0E;
	width: 100%;
}
h4.case_title{
	background: #343434;
	opacity: 0.8;
	margin-bottom: 0;
	transition: all 0.5s ease 0s;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	border-radius: 0 0 2px 2px;
}
h4.case_title:hover{
	background: #E96C0E;
	border-color: #E96C0E;
	opacity: 1;
}
 a h4.case_title {
	padding: 10px;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFFFFF;
	border-bottom: none;
	display: block;
}
h4.case_title span {
	font-weight: 600;
	font-size: 16px;
	opacity: 1;
}
h4.case_title.this{
	background: #E96C0E;
	border-bottom: 1px solid #E96C0E;
	border-right: 1px solid #E96C0E;
	border-left: 1px solid #E96C0E;
	padding: 10px;
	margin-top: 0;
}
h4.case_title span,
.case_btn_box:hover h4.case_title span{
	color: #FFFFFF;
	border: none;
}

/*--*/
.mobileLink ul li{
	margin-bottom: 10px;
	font-size: 16px;
}
.mobileLink h4 {
	margin-bottom: 10px;
}

.btn {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #343434;
	display:inline-block;
	width: 150px;
	text-align: center;
}
.btn.no{
	margin-right: 15px;
}
.btn.ok{
	background: linear-gradient(#FFFFFF, #f4b642);
}
.btn.ok:hover{
	background: #E96C0E;
}
.btn.no{
	background: linear-gradient(#FFFFFF, #70aeff);
}
.btn.no:hover{
	background: #00125B;
}
a.btn,a.btn:hover{
	padding: 0;
	border: none;
	font-weight: 700;
	width: 100%;
	height: 100%;
}
a.btn {
	color: #343434;
}
a.btn:hover{
	color: #FFFFFF;
}

/*チェックマーク*/
.checkmark000{
	padding-left:24px;
	position:relative;
}
.checkmark000:before,
.checkmark000:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark000:before{
	width:16px;
	height:16px;
	background:#ffffff;
	border:1px solid #000000;
	left:3px;
	top:6px;
}
.checkmark000:after{
	border-left:2px solid #000000;
	border-bottom:2px solid #000000;
	width:6px;
	height:4px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:8px;
	top:11px;
}
/*--タイトル--*/
h2.title p{
	font-size: 26px;
	line-height: 1.4;
}
h2.title_img img {
	width: 100%;
}
h2.title_top {
	margin-top: 50px;
	margin-bottom: 60px;
text-align: center;
}
h2.title_top p{
	font-style: normal;
	font-size: 26px;
	padding-left: 30px;
	padding-right: 30px;
	display: inline-block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
/*--*/
footer h3 {
	margin-right: 15px;
}

/*-- tech --*/
.tech_pdf,
.tech_pdf h4{
	margin-bottom: 20px;
}
.tech.enpage_list p.link {
	margin-top: 15px;
}
.tech table.border_around tr.border_dotted {
	border-bottom: 2px dotted #343434;
}

/*-- news --*/
section.news {
	margin-top: 30px;
}

/*-- brake --*/
.item_box {
	width: 100%;
	border: 3px solid #E96C0E;
	border-radius: 5px;
	overflow: hidden;
	padding: 15px;
	background: #fdfcf7;
}
.item_box:last-of-type {
	margin-right: 0;
}
@media (max-width: 768px) {
	.item_box {
		width: 100%;
		max-width: 350px;
		margin-bottom: 15px;
		margin-left:  auto!important;
		margin-right: auto!important;
	}
	.item_box:last-of-type {
		margin-right: auto;
	}
}
.item_box h4 {
	font-size: 26px;
	font-weight: 900;
	background: none;
	color: #E96C0E;
	text-align: center;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.item_box h5 {
	font-size: 18px;
	font-weight: 900;
	background: none;
	color: #0C1D49;
	margin-left: 0;
	margin-bottom: 15px;
	border-left: 5px solid #0C1D49;
	border-bottom: 1px solid #0C1D49;
	padding-left: 8px;
}
/*-- 文章が短い場合（親要素）  --*/
.title_comment_box {
	margin: 0 auto;
	display: table;
	text-align: center;
}
.item_box .title_comment {
	height: 5em;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.item_box .title_comment .comment {
	font-size: 18px;
	font-weight: 900;
	color: #333333;
	text-align: left;
	max-width: 600px;
}
.item_box img {
	margin-bottom: 20px;
}
.item_box p.center {
	text-align: center;
}
/*--
.inpage .flex .item_box .border {
	border-bottom: 3px solid #E96C0E;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	opacity: 0.3;
}
*/
.inpage .flex .item_box .border_ball,
.item_box .border_ball{
	position: relative;
	display: inline-block;
	margin: 10px 20px;
	padding: 0 0 20px 0;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #fdfcf7;
	border-bottom: solid 3px #E96C0E;
	box-sizing: border-box;
	text-align: center;
}
.inpage .flex .item_box .border_ball:before,
.item_box .border_ball:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fdfcf7;
  z-index: 2;
}
.inpage .flex .item_box .border_ball:after,
.item_box .border_ball:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #E96C0E;
  z-index: 1;
}

.item_box .border_around2 {
	width: 100%;
	border: none;
}
.item_box .border_around2 tr {
	border-left: none;
	border-bottom: none;
}
.item_box .border_around2 td {
	padding: 10px;
	background:  #ffefc2;
	border-right: 3px solid #fdfcf7;
	border-bottom: 3px solid #fdfcf7;
}
.item_box table.border_around2 span.black {
	color: #343434;
	font-size: 16px;
} 
.item_box .border_around2 td.pink {
	background: #ffd7d1;
}
.item_box .border_around2 td.blue {
	background: #cdf3fa;
}
.item_box .border_around2 td.yellow {
	background: #fcd683;
}
.item_box .border_around2 td.green {
	background: #d5efd8;
	color: #000000;
}
.item_box .border_around2 td.right {
	text-align: right;
}

.brake .item_box a.btn {
	text-align: center;
	display: block;
	color: #FFFFFF;
	border: 1px solid #E96C0E;
	background: #E96C0E;
	border-radius: 5px;
	bottom: 15px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 10px 10px;
	transition: 0.5s;
}
.brake .item_box a.btn:hover {
	color: #FFFFFF;
	border: 1px solid #0C1D49;
	background: #0C1D49;
}
.left {
	text-align: left;
}
.conic_list {
	border-left: 2px dotted #E96C0E;
	margin-bottom: 20px;
}
.list_box {
	padding-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
}
.list_box.no_border {
	padding-bottom: 0;
	border-bottom: none;
}
.conic_list .list_box {
	margin-left: 30px;
}
h4.list_box {
	margin-top: 15px!important;
	line-height: 1.6;
	font-size: 16px;
}
p.list_box {
	margin-top: 10px!important;
	margin-left: 15px!important;
}
.item_box_center_border {
	background: #E96C0E; 
	width: 3px; 
	height: 95%;
	margin-top: 30px;
	margin-bottom: 20px;
	opacity: 0.3;
}
h3.brake_movie {
	margin-top: 40px;
}
.brake_movie {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.brake_movie p{
	box-shadow: 0 5px 4px -4px #B2B2B2;
	vertical-align: bottom;
	border: 1px solid #666666;
	border-radius: 5px;
	width: 216px;
	margin-bottom: initial;
}
@media (max-width: 768px) {
	.brake_movie {
		display: block;
		}
	.brake_movie p{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
}
.brake_movie a img{
	max-width: 218px;
	transition-duration: 0.5s;
}
.brake_movie a img:hover{
	opacity: 0.6;
}

.title_img {
	background: url(../../images/en/about/top_img_about.jpg) no-repeat;
	background-size: cover;
	background-position: center 80%;
	height: 300px;
}

/*-- en_page indexタイトル画像 --*/
h2.title_pagetop {
	margin: 30px auto;
	border: 1px solid #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	width: 100%;
	display: table;
	position: relative;
}
@media (max-width: 767px) {
	h2.title_pagetop {
		margin: 30px auto;
	}
}
.title_pagetop_filter {
	position: absolute;
	background: url(../images/page_img/title_back_filter.png) no-repeat;
	background-size: cover;
	border-radius: 10px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
}
h2.title_pagetop.about {
	background:  url(../images/page_img/title_back_about.jpg) no-repeat;
	background-size: cover;
}
h2.title_pagetop.punching {
	background:  url("../images/page_img/punching_img.jpg") no-repeat;
	background-size: cover;
}
h2.title_pagetop.bending {
	background:  url("../images/page_img/bending_img.jpg") no-repeat;
	background-size: cover;
}
h2.title_pagetop.machine {
	background:  url(../images/page_img/title_back_machine.jpg) no-repeat;
	background-size: cover;
}
h2.title_pagetop.formingtools {
	background:  url("../images/page_img/conic_img1.jpg") no-repeat;
	background-size: cover;
}
h2.title_pagetop.tech {
	background:  url(../images/page_img/tech_img2.jpg) no-repeat;
	background-size: cover;
}
h2.title_pagetop.news {
	background:  url("../images/page_img/conic_img3.jpg") no-repeat;
	background-size: cover;
}
h2.title_pagetop p{
	color: #FFF;
	font-size: 30px;
	display: table-cell;
	position: relative;
	width: inherit;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
@media (max-width:530px) {
	h2.title_pagetop p{
		font-size: 7vw;
	}
}

/*-- en_page 中のページタイトル画像 --*/
.title_pagetop_sub {
	margin: 0 auto;
	border: 1px solid #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	width: 100%;
	height: 300px;
	display: table;
}
@media (max-width: 767px) {
	.title_pagetop_sub {
		height: 100px;
	}
}
.title_pagetop_sub.about1 {
	background:  url(../images/page_img/conic.jpg) no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.title_pagetop_sub.about2 {
	background:  url(../images/page_img/conic9.jpg) no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.title_pagetop_sub.about3 {
	background:  url(../images/page_img/viewing_7.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.about4 {
	background:  url(../images/page_img/conic_img1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.about5 {
	background:  url(../images/page_img/conic8.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 80%;
}
.title_pagetop_sub.factory1 {
	background:  url("../images/page_img/factory_img1.jpg") no-repeat;
	background-size: cover;
	background-position: top 70% left 0%;
}
.title_pagetop_sub.punching {
	background:  url("../images/page_img/punching_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.punching2 {
	background:  url("../images/page_img/punching_img2_long.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.bending {
	background:  url(../images/page_img/bending_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.bending2 {
	background:  url(../images/page_img/bending_img2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.machine {
	background:  url(../images/page_img/conic_img1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.formingtools {
	background:  url(../images/page_img/conic_img1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.tech_punching {
	background:  url("../images/page_img/punching_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.tech_bending {
	background:  url("../images/page_img/bending_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.news {
	background:  url(../images/page_img/conic_img3.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.common1 {
	background:  url(../images/page_img/common_img1_long.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.common2 {
	background:  url(../images/page_img/common_img2_long.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_pagetop_sub.contact1 {
	background:  url(../images/page_img/contact_img.jpg) no-repeat;
	background-size: cover;
	background-position: 0 40%;
}
.title_pagetop_sub.common_faq {
	background:  url(../images/page_img/common_img_faq3.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.title_box {
	background: #FFF;
	margin: -80px auto 80px auto;
	padding: 30px 50px 0 50px;
	position: relative;
	width: 600px;
}
@media(max-width: 779px) {
	.title_pagetop_sub.about1 {
		height: 200px;
		background:  url(../images/page_img/conic.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.title_pagetop_sub.about2 {
		height: 200px;
		background:  url(../images/page_img/conic9.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.title_pagetop_sub.about3 {
		height: 200px;
		background:  url(../images/page_img/viewing_7.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.title_pagetop_sub.about4 {
		height: 200px;
		background:  url(../images/page_img/conic_img1.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
		.title_pagetop_sub.about5 {
		height: 200px;
		background:  url(../images/page_img/conic8.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.title_pagetop_sub.punching {
		background:  url("../images/page_img/punching_img.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.punching2 {
		background:  url("../images/page_img/punching_img2_long.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.bending {
		background:  url("../images/page_img/bending_img.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.machine {
		background:  url(../images/page_img/viewing_7.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.formingtools {
		background:  url(../images/page_img/conic_img1.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.tech_punching {
		background:  url("../images/page_img/punching_img.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.tech_bending {
		background:  url(../images/page_img/bending_img.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.news {
		background:  url(../images/page_img/conic_img3.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.common1 {
		background:  url(../images/page_img/common_img1_long.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.common2 {
		background:  url(../images/page_img/common_img2_long.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_pagetop_sub.common_faq {
		background:  url(../images/page_img/common_img_faq3.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.title_box {
		width: 100%;
		margin: 0 auto 50px auto;
		padding: 30px 20px 0 20px;
	}
}

/*-- enpage index各コンテンツボックス --*/
.title_subimg {
	width: 245px;
	border-radius: 10px 0 0 10px;
}
.title_subimg.contents1{
	background:  url("../images/page_img/conic.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.contents2{
	background:  url("../images/page_img/conic9.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.contents3{
	background:  url("../images/page_img/viewing_7.jpg") no-repeat;
	background-size: cover;
	background-position: center right;
}
.title_subimg.contents4{
	background:  url("../images/page_img/conic_img1.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.contents5{
	background:  url("../images/page_img/conic8.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.contents6{
	background:  url("../images/page_img/common_img1.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.contents7{
	background:  url("../images/page_img/common_img2_long.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.contents8{
	background:  url("../images/page_img/about_img_punchpress.jpg") no-repeat;
	background-size: cover;
	background-position: top center right 30%;
}
.title_subimg.factory1{
	background:  url("../images/page_img/factory_img1.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.punching_contents1{
	background:  url("../images/page_img/punching_img2.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.punching_contents2{
	background:  url("../images/page_img/punching_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.punching_contents2_sample{
	background:  url("../images/page_img/sample_contact_img.jpg") no-repeat;
	background-size: cover;
	background-position: 60% 0%;
}
.title_subimg.punching_contents3{
	background:  url("../images/page_img/punching_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.bending_contents1{
	background:  url("../images/page_img/bending_img_height.webp?20231205") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.bending_contents2{
	background:  url("../images/page_img/bending_img2.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.tech_punching{
	background:  url("../images/page_img/punching_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.tech_bending{
	background:  url("../images/page_img/bending_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.title_subimg.bending_contents2{
	background:  url("../images/page_img/bending_img4_1.jpg") no-repeat;
	background-size: cover;
	background-position: left 10% top 0%;
}
.title_subimg.contact_contents1{
	background:  url("../images/page_img/contact_img.jpg") no-repeat;
	background-size: cover;
	background-position: left 10% top 0;
}
.title_subimg.common_contents_faq{
	background:  url("../images/page_img/common_img_faq3.jpg") no-repeat;
	background-size: cover;
	background-position: left 30% top 0;
}

@media(max-width: 640px) {
	.title_subimg {
		display: none;
	}
}


.title_box p.title_sub {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #343434;
}
.title_box h2.main_title {
	text-align: center;
	font-size: 28px;
	font-weight: 900;
	color: #343434;
}
.title_box h2.main_title span {
	display: inline-block;
}
.title_box h2.main_title span::after {
	border-bottom: 3px solid #E96C0E;
	content: "";
	left: 0;
	padding-bottom: 8px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	width: 0;
}
.title_box h2.main_title span.line::after {
	width: 100%;
	display: block;
}

/*-- 中のページのタイトル（about） --*/
.inpage.about h3 {
	font-size: 26px;
	border-bottom: none;
	margin-bottom: 20px;
}
.inpage.about h3:not(:first-of-type) {
	margin-top: 50px;
}
@media(max-width: 779px) {
	.inpage.about h3 {
		text-align: center;
		margin-bottom: 50px;
	}
}
.inpage.about.factory h3 {
	margin-bottom: 30px;
}
.inpage.about.factory h3.title {
	border-bottom: 2px solid #E96C0E;
	background: #FFF;
	border-top: none;
	border-right: none;
}
@media(max-width: 779px) {
	.inpage.about h3.title {
		text-align: left;
		margin-bottom: 30px;
	}
}
.inpage.about.access_map h3 {
	border-bottom: 2px solid #343434;
	margin-bottom: 30px;
	padding-left: 5px;
}
.inpage.about.access_map h4 {
	border-left: 5px solid #E96C0E;
	margin-bottom: 20px;
	padding: 5px 5px 5px 10px;
	background: none;
	font-size: 20px;
}
.inpage.about.access_map h4:not(:first-of-type) {
	margin-top: 50px;
}
@media(max-width: 767px) {
	.inpage.about.access_map h4 {
		font-size: 18px;
	}
}

/*-- en_page aboutの下部画像 --*/
.page_img {
	background: url("../images/about/bottom_image.jpg") no-repeat;
	background-size: cover;
	background-position: center 80%;
	height: 300px;
	margin: 50px 0 -15px 0;
}

/*-- en_page about punching indexページ --*/
.box_contents {
	display: flex;
	border-radius: 10px;
	padding: 20px 20px 0 0;
	margin-bottom: 30px;
	transition: 1s;
	box-sizing: border-box;
	box-shadow: 5px 5px 4px -4px #B2B2B2;
}
@media(max-width: 767px) {
	.box_contents {
		box-shadow: 0 0 0 0;
	}
}
.box_contents:hover {
	box-shadow: 10px 10px 4px -4px #B2B2B2;
	transform: translateX(5px);
}
.box_contents .text{
	margin-left: 30px;
}
@media(max-width: 640px) {
	.box_contents .text{
		margin-left: 10px;
	}
}
.box_contents_small {
	padding: 0 0 10px 0;
}
.box_contents_small_ma_20 {
	padding: 0 0 10px 0;
}
.box_contents_small_r_border_pc {
	border-right: 1px solid #C0C0C0;;
	margin-right: 20px;
	padding-left: 20px;
	display: block;
}
@media(max-width: 767px) {
	.box_contents_small_r_border_pc {
		display: none;
	}
}
.box_contents_small_r_border_pc_v2 {
	border-right: 1px solid #C0C0C0;;
	margin-right: 20px;
	padding-left: 20px;
	display: block;
}
.box_contents_small h3.title_all_glay p{
	margin-top: 10px;
	line-height: 1.2;
}
.box_contents_images {
	margin-right: 20px;
}
.box_contents_images img{
	border: 1px solid #343434;
	text-align: center;
	margin-right:  auto;
	margin-left: auto;
	display: block;
}
.card_type1 {
	position: relative
}
.card_type1 .flex {
	height: 100%;
}
.card_type1_text {
	position: relative;
	order: 2;
	display: flex;
    flex-direction: column;
}
.card_type1_btn-box{
	margin-top: auto;
}

.box_contents_btn {
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #1e3763;
	height: 45px;
	border-radius: 10px;
	float: right;
	text-align: center;
	box-shadow: 5px 5px 4px -4px #B2B2B2;
	transition: 1s;
}
@media(max-width: 872px) {
	.box_contents_btn {
		height: auto;
		padding-bottom: 15px;
	}
}
@media(max-width: 767px) {
	.box_contents_btn {
		height: 45px;
	}
}

.box_contents_btn:hover {
	background-color: #284c6b;
	box-shadow: 10px 10px 4px -4px #B2B2B2;
}
.box_contents_btn p {
	margin-top: 9px;
	color: #FFF;
	font-weight: 700;
}
.box_contents_btn.position_bottom {
	position: absolute;
	bottom: 0;
	right: 0;
}
/*-- punching/bending ボタンを下部に移動するとき --*/
.box_contents_small.bottom_btn {
	position: relative;
	padding-bottom: 50px;
}
.box_contents_small.bottom_btn80 {
	position: relative;
	padding-bottom: 80px;
}
@media(max-width: 872px) {
	.box_contents_small.bottom_btn80 {
		position: relative;
		padding-bottom: 120px;
	}
}
@media(max-width: 767px) {
	.box_contents_small.bottom_btn80 {
		position: relative;
		padding-bottom: 80px;
	}
}

/*-- 横幅指定 --*/
.width200 {
	width: 200px;
}

/*-- en_page about history 枠線なし --*/
.inpage.about table.border_none{
	margin: 0 20px;
}
@media (max-width: 767px) {
	.inpage.about.factory table.border_none{
		margin: 0;
	}
}
.inpage.about table.border_none td{
	font-size: 18px;
	padding: 20px 0;
	border-bottom: 1px solid #AFAFAF;
}
.inpage.about table.border_none td:first-of-type{
	border-bottom: 1px solid #E96C0E;
	padding-right: 15px;
}
.inpage.about table.border_none td.none{
	border-bottom: none;
}
.inpage.about table.border_none td.top{
	vertical-align: top;
}
.inpage.about table.border_none td.padding0{
	padding-top: 0;
}
.inpage.about table.border_none td.right{
	text-align: right;
}
.inpage.about table.border_none.right td:first-of-type{
	text-align: right;
	padding-right: 20px;
}
.inpage.about.access_map table.border_none td{
	font-size: 18px;
	padding: 5px 0;
	border-bottom: none;
}
.inpage.about.access_map table.border_none td:first-of-type{
	border-bottom: none;
	padding-right: 15px;
}

.inpage.about.factory p.img_btn{
	display: inline-block;
}
.inpage.about.factory p.img_btn img{
	border: 2px solid #FFF;
	border-radius: 10px;
	box-shadow: 5px 5px 4px -4px #B2B2B2;
	transition: 1s ease;
}
.inpage.about.factory p.img_btn a:hover img{
	box-shadow: 10px 10px 4px -4px #B2B2B2;
	opacity: 0.8;
}

/*-- en_page news関連 index news併用 --*/
.news_box {
	position: relative;
	flex: 1;
}
@media (max-width: 767px) {
	.news_box {
		margin-left: 20px !important;
	}
}
.news_box_list {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 50px;
}
@media(max-width: 767px) {
	.news_box_list.ma_left15 {
		margin-left: 0 !important;
	}
}


.news_list {
	margin-bottom: 15px;
	display: table;
}
.news_data {
	font-size: 16px;
	padding-right: 10px;
	display: table-cell;
	vertical-align: top;

}
.news_data.list_conicnews {
	width: 6rem; 
	text-align: right;
}
.cp_actab-content .news_data.list_conicnews {
	width: 7rem;
	margin-left: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.news_data {
		display:inline-block;
	}
}
.news_list_link {
	display: table-cell;
}
.cp_actab-content .news_list_link::before {
	background: none;
}
.cp_actab-content .news_list_link {
	margin: 0;
	padding: 0 0 0 10px;
}
@media (max-width: 767px) {
	.news_list_link {
		display: block;
	}
}
.news_list_link a,
.cp_actab-content li.news_list a span{
	vertical-align: top;
	color: #333333;
	font-size: 16px;
	transition: all 0.3s ease-out;
	border: none;
}
.news_list_link a:hover,
.cp_actab-content li.news_list a:hover span{
	color: #E96C0E;
	border: none;
}
.news_lavel {
	padding: 3px 10px 0 0;
	display: table-cell;
	vertical-align: top;
	line-height: 0;
}
.cp_actab-content .news_lavel {
	margin: 0;
	padding: 0;
}
.cp_actab-content .news_lavel::before {
	background: none;
}
@media (max-width: 767px) {
	.news_lavel {
		display: inline-block;
	}
}
.news_lavel img {
	border-radius: 3px;
	display: inline-block;
}
.category_event img {
	border: 1px solid #2B3160;
}
.category_punching img{
	border: 1px solid #E96C0E;
}
.category_bending img{
	border: 1px solid #196684;
}
.category_machine img{
	border: 1px solid #494949;
}
.category_guide img{
	border: 1px solid #4B701A;
}
.category_conicnews img{
	border: 1px solid #399e63;
}
.category_notification img{
	border: 1px solid #4d2085;
}
.news_more_button {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media(max-width: 767px) {
	.news_more_button {
		position: relative;
		text-align: center;
	}
}
/**/
.cp_actab-content p.news_data::before{
	content: "";
	background: none;
	position: relative;
	width: 12px;
	height: 12px;
	left: 0;
	margin-top: 7px;
	display: inline-block;
}
.cp_actab-content ul.news_box_list li.news_list {
	padding: initial;
	transition: initial;
}
/**/
.news_more_button img{
	border-radius: 5px;
	box-shadow: 5px 5px 4px -2px #B2B2B2;
}
.news_more_button a img{
	opacity: 1;
	transition: 0.3s ease-out;
}
.news_more_button a:hover img{
	opacity: 0.8;
}
@media(max-width: 767px) {
	.news_more_button img{
		display: inline-block;	
	}
}
.title.news_title {
	margin-bottom: 20px;
	margin-right: 10px;
}
@media(max-width: 767px) {
	.title.news_title {
		margin-left: 5px;
	}
}
.inpage.news a img.border_box{
	transition: 0.8s;
}
.inpage.news a img.border_box:hover{
	opacity: 0.6;
}

/*-- machine --*/
.machine_box {
	width: 50%;
	margin-right: 30px;
}
.machine_box:last-of-type {
	margin-right: 0;
}
@media(max-width: 767px) {
	.machine_box {
		width: 100%;
		margin-right: 0;
	}
}
.title_all_middle {
	background: #2B3160;
	padding: 6px 10px 6px 15px;
	border-radius: 3px;
	border-bottom: none;
	color: #FFF;
}
.title_all_small {
	font-size: 18px;
	color: #2B3160;
	border-bottom: 1px solid #2B3160;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 20px 20px 20px 10px;
}
.title_all_glay {
	font-size: 18px;
	color: #0f0f0f;
	border-bottom: none;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 0 20px 20px 0;
}
.title_all_glay_wrap {
	font-size: 18px;
	color: #0f0f0f;
	border-bottom: none;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 0 20px 20px 0;
}
.left_border {
	border-left: 5px solid #2B3160;
	padding-left: 15px;
}
.machine_box img{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
}
.machine_border_box {
	border: 1px solid #2B3160;
	padding: 10px;
}
@media (max-width: 767px) {
	.machine_border_box:not(:first-of-type) {
		margin-top: 30px;
	}
}

/*--  --*/
.formingtools_flex_box {
	margin-left: 15px;
}
@media(max-width: 767px) {
	.formingtools_flex_box {
		margin-left: 0;
	}
}
.formingtools_box {
	border-radius: 5px;
	padding: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 220px;
	box-shadow: 5px 5px 4px -4px #B2B2B2;
	transition: 0.8s;
}
.formingtools_box:hover {
	box-shadow: 10px 10px 4px -4px #B2B2B2;
}
@media(max-width: 767px) {
	.formingtools_box {
		width: 100%;
		box-shadow: 0 0 0 0;
	}
}
.forming_title {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 800;
	text-align: left;
	border-bottom: none;
	color: #343434;
	padding-left: 0;
}
.formingtools_box_inpage {
	flex: 1;
}
@media(max-width: 767px) {
	.formingtools_box_inpage {
		margin-top: 20px;
	}
}
.formingtools_index_images {
	margin-top: 0 !important;
}
.formingtools_index_images img {
	border-radius: 10px 10px 0 0;
}



/*-- ボタンデザイン  --*/
.inpage_button {
	margin-bottom: 30px;
}
.inpage_button a{
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	color: #FFF;
	background: linear-gradient(#2b5975, #2B3160);
	border-radius: 5px;
	border-bottom: none;
	box-shadow: 5px 5px 4px -4px #B2B2B2;
	transition: 0.3s;
}
.inpage_button a:hover{
	opacity: 0.9;
	box-shadow: 8px 8px 4px -4px #B2B2B2;
	color: #FFF;
	border-bottom: none;
}

.valign_top_absolute_pc {
	position: absolute; 
	top: 0;
}
@media(max-width: 767px) {
	.valign_top_absolute_pc {
		position: relative; 
		top: 0;
	}
}

.access_box_movie{
	display: inline-block;
	background: #FFF;
}
.access_box_movie img{
	border-radius: 5px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 4px -2px rgba(65, 65, 71, 0.3);
	width: 100%;
	transition: 1s ease;
}
.access_box_movie a:hover img{
	box-shadow: 10px 10px 4px -4px rgba(65, 65, 71, 0.3);
	opacity: 0.8;
}

/*-- tooling（20231023追加） --*/
.flex_tooling {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flex_tooling:not(:first-child) {
	padding-top: 20px;
	margin-top: 30px;
	border-top: 2px solid #E4E4E4;
}
.flex_tooling_box {
	width: 30%;
	height: auto;
	display: flex;
	margin-bottom: 50px;
	flex-direction: column;
}
.punching_tm .flex_tooling_box:first-child {
	margin-left: 30px;
}
.punching_tm .flex_tooling_box:nth-of-type(3n){
	margin-right: 0;
	border-right: none;
}

.flex_tooling_box p.comment {
	font-size: 16px;
	font-weight: normal;
}
.flex_tooling_box:not(:last-child) {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 2px solid #E4E4E4;
}
.punching_tm .flex_tooling_box:not(:last-child) {
	padding-right: 30px;
	margin-right: 0;
	border-right: none;
}

@media(max-width: 767px) {
	.flex_tooling {
		display: block;
	}
	.flex_tooling_box:not(:last-child)  {
		padding: initial;
		margin-right: auto;
		border-right: none;
		padding-bottom: 20px;
		border-bottom: 2px solid #E4E4E4;
	}
	.flex_tooling_box {
		width: 80%;
		margin-bottom: 30px;
		margin-right: auto;
		margin-left: auto;
	}
	.flex_tooling_box:last-child {
		width: 80%;
	}
}
.flex_tooling_title {
	display: flex;
	align-items: center;
	min-height: 56px;
	color: #353535;
	font-size: 1.2rem;
	line-height:1.6;
	padding: 5px 0;
	margin: 0 0 15px 0;
}
.flex_tooling_title.tooling_punching_box {
	flex-grow: 1; 
	display: flex; 
	position: relative;
	min-height: 56px;
	color: #353535;
	font-size: 1.2rem;
	line-height:1.4;
	padding: 10px 0;
	margin: 0 0 15px 0;
}
.tooling_punching {
	position: relative; 
	align-items: flex-end;
	left: 0;
}
.flex_tooling_box_img {
	width: 80%;
	position: relative;
	display: inline-block;
	border: 1px solid #353535;
	transition: 0.8s;
	overflow: hidden;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.flex_tooling_box_img {
		width: 100%;
	}
}
.flex_tooling_box_img:hover img{
	transform: scale(1.3);
}
.flex_tooling_box_img:hover img.none{
	transform: scale(1);
}
.flex_tooling_box_img img{
	height: 250px;
	display: block;
	object-fit: cover;
	object-position: left top;
	transition: 0.8s;
	margin: 0;
}
.flex_tooling_box_img img.none{
	height: 250px;
	display: block;
	object-fit: cover;
	object-position: center center;
	transition: 0.8s;
	margin: 0;
	padding: 20px;
}

.flex_tooling_box_img a::before {
	content: '';
	position: absolute;
	height: 60%;
	width: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(rgba(0,0,0,0),rgba(255,255,255,1));
}
.flex_tooling_box_img a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
.flex_tooling_box_text {
	width: 100%;
	flex-grow: 1;
	padding: 10px;
	box-sizing: border-box;
} 
.flex_tooling_box_btn {
	width: 100%;
	height: auto;
}

/*-- 動画ボックス --*/
.contents_movielist {
	display: flex;
}
@media (max-width: 768px) {
	.contents_movielist {
		display: block;
		}
	.contents_movielist p{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
}
.box_movielist_flex {
    width: 100%;
    padding: 10px;
    transition: 0.6s ease;
    border-radius: 2px;
}
@media (max-width: 768px) {
	.box_movielist_flex {
    margin: 0 auto;
	max-width: 310px;
	}
	.box_movielist_flex:nth-of-type(3n) {
		margin-bottom: 20px;
	}
	.box-movielist_flex a {
		display: inline-block;
	}
}
@media (min-width: 767px) {
	.box_movielist_flex:not(:nth-of-type(3n)) {
		margin-right: 20px;
}
}
.box_movielist_flex:hover {
    background: #ebebeb;
    border-radius: 3px;
}
.box_movielist_flex:empty {
    background: none;
}
.contents_movielist .image_movie_frame {
    max-width: 310px;
    border: 1px solid #E96C0E;
    position: relative;
	overflow: hidden;
	transition: 0.3s ease;
}
.image_movie_frame img {
    width: 100%;
    min-width: 0;
	transition: 0.3s;
}
@media (max-width: 768px) {
	.image_movie_frame {
		display: block;
	}
}
.box_movielist_flex:hover .image_movie_frame img{
    opacity: 0.8;
	transform: scale(1.1);
}
.contents_movielist .image_movie_frame::after {
    content: '';
    top: 0;
    left: 0;
    background: rgb(12 41 89 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
	display: block;
	transition: 0.3s;
}
.box_movielist_flex:hover .image_movie_frame::after {
	background: none;
}
.btn_play {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/movie/btn_play_movie_3.png) no-repeat;
    width: 82px;
    height: 82px;
    position: absolute;
    transition: 0.3s;
	z-index: 300;
}
.box_movielist_flex h4 {
    color: #343434;
    font-size: 16px;
    font-weight: 900;
    background: none;
    margin-top: 10px;
    padding-left: 0;
    max-width: 308px;
	transition: 0.6s ease;
}
.box_movielist_flex:hover h4{
    color: #E96C0E;
}
.box_movielist_flex p, .box_movielist_flex a p, .box_movielist_flex a:visited p {
    font-size: 13px;
    margin-top: 6px;
    color: #9c9c9c;
    max-width: 308px;
}

/*-- Punching Bending index flexデザイン（2023_10_25追加） --*/
@media (762px <= width) {
	.card_type1 {
		width: 47%; 
		margin-bottom: 50px; 
		padding: 0 15px 15px 0; 
		border-right: 1px solid #c4c4c4; 
		border-bottom: 1px solid #c4c4c4
	}
}