@charset "utf-8";

/* page_name
-------------------------------------------------------------------*/
#format body.home .section p{
	margin-bottom:inherit;
}

#format body.home .section.visual .position{
    position:relative;
    z-index:5;
}
#format body.home .slide_wrap {
    margin-left:auto;
    margin-right:0;
    max-width:calc(100% - 358px);
}
#format body.home .section.visual .lead_block{
    position:absolute;
    z-index:10;
    bottom:0;
    left:0;
    background:#fff;
    padding:40px 120px 50px;
    max-width:960px;
    text-align:left;
    line-height:1.45;
}
#format body.home .section.visual .lead_block h1{
    font-size:4.25rem;
	line-height:1.15;
    margin-bottom:0.25em;   
}
#format body.home .section.visual .lead_block p{
    font-size:1.5rem;
}
#format .slide_wrap .slick-dots{
    bottom:15px;
    left:301px;
    right:0;
    margin:auto;
}
#format .slide_wrap .slick-dots li,
#format .slide_wrap .slick-dots li button{
    height:5px;
    width:40px;
    padding: 0;
}
#format .slide_wrap .slick-dots li button:before{
    content:"";
    background:#fff;
    height:100%;
    width:100%;
}
#format body.home .section.joining{
    background:url(../img/top/method_bg.png) bottom right no-repeat #eef3f8;
    padding:100px 0;
}
#format body.home .section.joining .joining_menu{
    display:flex;
    flex-wrap:wrap;
    margin:0 auto;
    max-width:1400px;
}
#format body.home .section.joining .joining_menu li{
    width:48.5%;
    margin-right:3%;
}
#format body.home .section.joining .joining_menu li:nth-child(2n){
    margin-right:0;
}
#format body.home .section.joining .joining_menu li:nth-child(n+3){
    margin-top:3%;
}
#format body.home .section.joining .joining_menu li a{
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    background:url(../img/top/method_01.png) no-repeat 50% 50% / auto 100%;
    color:#fff;
    height:330px;
    padding:30px;
    text-decoration:none;
    overflow:hidden;
    transition:background-size .4s;
    z-index:3;
    position:relative;
}
#format body.home .section.joining .joining_menu li a[href*="pulse-heat"]{
    background-image:url(../img/top/method_02.png) ;
}
#format body.home .section.joining .joining_menu li a[href*="ultrasonic-welding"]{
    background-image:url(../img/top/method_03.png) ;
}
#format body.home .section.joining .joining_menu li a[href*="ultrasonic-metal-welding"]{
    background-image:url(../img/top/method_04.png) ;
}
#format body.home .section.joining .joining_menu li a[href*="seam-welding"]{
    background-image:url(../img/top/method_05.png) ;
}
#format body.home .section.joining .joining_menu li a[href*="highfrequency"]{
    background-image:url(../img/top/method_06.png) ;
}
#format body.home .section.joining .joining_menu li a h2{
    font-size:2.625rem;
    text-align:left;
    /* padding-right:50%; */
    font-weight:normal;
    margin-bottom:0.5em;
    text-shadow:0 0 5px rgba(0,0,0,1);
    position:relative;
    transition:transform .4s;
}
#format body.home .section.joining .joining_menu li a h2 i{
    font-size:0.85em;
}
#format body.home .section.joining .joining_menu li a p{
    border:solid 1px #fff;
    padding:1em 3em 1em 1em;
    position:relative;
    transition: background .4s,color .4s,transform .4s;
}

#format body.home .section.joining .joining_menu li a p:after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    transition: right .4s,border-color .4s;
}
#format body.home .section.joining .joining_menu li a:hover{
    background-size:auto 105%;
}
#format body.home .section.joining .joining_menu li a:after{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:100%;left:100%;
    right:100%;bottom:100%;
    margin:auto;
    background:rgba(0,20,80,0);
    transition:all .3s;
}
#format body.home .section.joining .joining_menu li a:hover:after{
    top:0;left:0;
    right:0;bottom:0;
    background:rgba(0,20,80,0.25);
}
#format body.home .section.joining .joining_menu li a:hover h2{
    transform:translateX(5px);
}
#format body.home .section.joining .joining_menu li a:hover p{
    background:#fff;
    color:#105ead;
    transform:translateX(5px);
}
#format body.home .section.joining .joining_menu li a:hover p:after{
    right:15px;
    border-color:#105ead;
}
#format body.home .section.news{
    padding:85px 0;
}
#format body.home .section.news .products_link {
    background:url(../img/top/products_bg.jpg) no-repeat 50% 50% / auto 100% #010e16;
	color:#fff;
	height:410px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-bottom:65px;
	padding:50px;
}
#format body.home .section.news .products_link h2{
    font-size:2.625rem;
    line-height:1;
	margin-bottom:0.5em;
}
#format body.home .section.news .products_link p{
	font-size:1.375rem;
	margin-bottom:1em;
}
#format body.home .section.links .link_menu{
    display:flex;
    flex-wrap:wrap;
	padding:0;
	margin:0;
}
#format body.home .section.links .link_menu li{
    width:50%;
	height:calc(43.75vw / 2);
}
#format body.home .section.links .link_menu a{
    display:flex;
    width:100%;
	height:100%;
    background:url(../img/top/abooutus_bg.jpg) no-repeat 50% 50% / auto 100%;
    align-items:flex-end;
    padding:60px 80px;
    color:#fff;
    position:relative;
    z-index:3;
    text-decoration:none;
    overflow:hidden;
    transition:background-size .4s;
}
#format body.home .section.links .link_menu a[href*="support"]{
    background-image:url(../img/top/support_bg.jpg) 
}
#format body.home .section.links .link_menu a h2{
    font-size:2.625rem;
    line-height:1;
    margin-right:1em;
    position:relative;
    transition: transform .4s;
}
#format body.home .section.links .link_menu p{
	display:inline-block;
	font-size:1.375rem;
	position:relative;
	padding-left:1em;
	margin:0;
    font-weight:500;
    transition: color .4s,transform .4s;
	text-decoration:none;
    color:#6eaff0;
    line-height:1;
}
#format body.home .section.links .link_menu p:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: solid 1px #6eaff0;
    border-right: solid 1px #6eaff0;
    transform: rotate(45deg);
    position: absolute;
    top: 0.35em;
    left: 0;
    transition: transform .2s,border-color .4s;
}
#format body.home .section.links .link_menu a h2:after,
#format body.home .section.links .link_menu p:after{
	content:"";
	display:block;
	left:1em;
	bottom:0;
	right:0;
	margin:auto;
	position:absolute;
	background:#6eaff0;
	height:1px;
    transition: right .2s,background .4s;
}
#format body.home .section.links .link_menu a:hover p{
	color:#fff;
	transform:translateX(-5px);
}
#format body.home .section.links .link_menu a:hover p:before{
	border-color:#fff;
    transform: rotate(45deg) skew(-15deg,-15deg);
}
#format body.home .section.links .link_menu a:hover p:after{
	background:#fff;
	right:100%;
}
#format body.home .section.links .link_menu a h2:after{
    left:0;
    right:100%;
    background:#fff;
}
#format body.home .section.links .link_menu a:hover{
    background-size:auto 105%;
}
#format body.home .section.links .link_menu a:hover h2{
	transform:translateX(-5px);
    
}
#format body.home .section.links .link_menu a:hover h2:after{
    right:0;
}
#format body.home .section.links .link_menu a:after{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:100%;left:100%;
    right:100%;bottom:100%;
    margin:auto;
    background:rgba(0,0,0,0);
    transition:all .3s;
}
#format body.home .section.links .link_menu a:hover:after{
    top:0;left:0;
    right:0;bottom:0;
    background:rgba(0,0,0,0.25);
}

#format .contact_cta{
    display:flex;
    width:100%;
    height:418px;
    background:url(../img/contact_bg.jpg) no-repeat 100% 50% / auto 100% #105ead;
    align-items:center;
    padding:60px 0;
    color:#fff;
    position:relative;
    z-index:3;
    text-decoration:none;
    overflow:hidden;
    transition:background-size .4s;
}
#format .contact_cta h2{
    font-size:2.625rem;
    position:relative;
	margin-bottom:0.5em;
}
#format .contact_cta p{
	font-size:1.25rem;
	/* max-width:40%; */
	line-height:1.8;
	margin-bottom:2em;
}
@media screen and (max-width:1440px) {
	#format body.home .slide_wrap{
		max-width:85%;		
	}
	#format body.home .section.visual .lead_block{
		padding-left:2%;
		padding-right:2%;
		max-width:790px;
	}
	#format body.home .section.joining .joining_menu{
		padding-left:2%;
		padding-right:2%;
	}
	#format body.home .section.joining .joining_menu li {
		width:49%;
		margin:0 2% 0 0;
	}
	#format body.home .section.joining .joining_menu li:nth-child(n+3){
		margin-top:2%;
	}
	#format body.home .section.joining .joining_menu li a h2{
		font-size:3.00vw;
		
	}
	#format body.home .section.links .link_menu a{
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-end;
	}
	#format body.home .section.links .link_menu a h2{
		margin:0 0 0.5em;
		text-align:left;
		text-shadow:0 0 5px rgba(0,0,0,0.75);
	}
	#format body.home .section.links .link_menu li{
		height:420px;
	}	
}
@media screen and (max-width:1200px) {
	#format .contact_cta{
		padding-left:2%;
		padding-right:2%;
	}
	#format .contact_cta .sitewrap > *{
		padding-left:0;
		padding-right:0;
	}
}
@media screen and (max-width:767px) {
	#format body.home .slide_wrap {
	    margin:0;
	    max-width:100%;
	}
	#format body.home .section.visual .lead_block{
	    position:static;
	    padding:15px 15px 30px;
	    max-width:100%;
	}
	#format body.home .section.visual .lead_block h1{
	    font-size:2.57rem;
	    margin-bottom:0.25em;   
	}
	#format body.home .section.visual .lead_block h1 br{
		display:none;
	}
	#format body.home .section.visual .lead_block p{
	    font-size:1.14rem;
	}
	#format .slide_wrap .slick-dots{
	    bottom:15px;
	    left:0;
	    right:0;
	    margin:auto;
		z-index:999;
	}
	#format .slide_wrap .slick-dots li,
	#format .slide_wrap .slick-dots li button{
	    height:3px;
	    width:20px;
	    padding: 0;
	}
	#format .slide_wrap .slick-dots li button:before{
	    content:"";
	    background:#999;
	    height:100%;
	    width:100%;
	}
	#format body.home .section.joining{
	    background-size:960px;
	    padding:50px 0;
	}
	#format body.home .section.joining .joining_menu {
		max-width:315px;
		margin:0 auto;
		padding:0;
	}
	#format body.home .section.joining .joining_menu li{
		width:100%;
		margin:0;
		height:0;
		padding-bottom: 52.5%;
		position:relative;
	}
	#format body.home .section.joining .joining_menu li:nth-child(n+1){
		margin-top:18px;
	}
	#format body.home .section.joining .joining_menu li a{
	    height:100%;
	    padding:20px;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	#format body.home .section.joining .joining_menu li a h2{
	    font-size:min(6.35vw,2rem);
	    padding-right:1em;
		line-height:1.2;
		margin-bottom:0.5em;
	}
	#format body.home .section.joining .joining_menu li a h2 i{
	    font-size:0.85em;
		display:block;
	}
	#format body.home .section.joining .joining_menu li a p{
	    padding:0.75em 2.0em 0.75em 0.5em;
		font-size:0.857rem;
		font-size:min(3.175vw,1rem);
	}	
	#format body.home .section.joining .joining_menu li a p:after{
		width:7px;
		height:7px;
	    right: 10px;
	}
	#format body.home .section.joining .joining_menu li a:hover p:after{
	    right:10px;
	}
	#format body.home .section.news{
	    padding:0px 0 45px;
	}
	#format body.home .section.news .products_link {
	    background-size:600px;
		background-position:20% 50%;
		height:auto;
		margin:0 0 40px;
		padding:25px 15px;
		text-shadow:0 0 2px #000,0 0 2px #000,0 0 4px #000;
	}
	#format body.home .section.news .products_link h2{
	    font-size:min(7.5vw,2rem);
	}
	#format body.home .section.news .products_link p{
		font-size:1rem;
	}
	#format body.home .section.links .link_menu{
	    display:block;
	    flex-wrap:wrap;
	}
	#format body.home .section.links .link_menu li{
	    width:100%;
		height:56vw;
	}
	#format body.home .section.links .link_menu a{
	    padding:15px 15px 30px;
		flex-direction:row;
		align-items:flex-end;
		justify-content:flex-start;
	}
	#format body.home .section.links .link_menu a h2{
	    font-size:min(7.5vw,2rem);
		margin:0;
		margin-right:0.5em;
	}
	#format body.home .section.links .link_menu p{
		font-size:1rem;
		padding-left:1.25em;
	}
	#format body.home .section.links .link_menu p:before{
	    width: 7px;
	    height: 7px;
	    top: 0.25em;
	}
	#format .contact_cta{
	    height:69.33vw;
	    padding:30px 15px;
	}
	#format .contact_cta h2{
		font-size:min(6.35vw,2rem);
	}
	#format .contact_cta p{
		font-size:1rem;
		max-width:100%;
		margin-bottom:1.5em;
	}
	#format .contact_cta {
		background-position:50%
	}
}

#format body:not(.home) .visual{
	margin-top:96px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	height:270px;
	background:url(../img/common_bg.jpg) no-repeat center / cover;
}
#format body:not(.home) .visual h1,
#format body:not(.home) .visual .h1{
	font-size:3.25rem;
	font-weight:800;
	color:#fff;
	letter-spacing:0.03em;
}

@media screen and (max-width:767px) {
	#format body:not(.home) .visual{
		background-image:url(../img/common_bg@sp.jpg);
		margin-top: 59px;
		height:240px;
	}
	#format body:not(.home) .visual h1,
	#format body:not(.home) .visual .h1{
		font-size: 2.625rem;
		margin-bottom: 0;
	}
}


#format body.resistance-welding .visual,
#format body.pulse-heat .visual,
#format body.ultrasonic-welding .visual,
#format body.ultrasonic-metal-welding .visual,
#format body.seam-welding .visual,
#format body.highfrequency .visual{
	background:url(../img/resistance-welding/bg_main.jpg);
	height:480px;
}
#format body.pulse-heat .visual{
	background-image:url(../img/pulse-heat/bg_main.jpg);
}
#format body.ultrasonic-welding .visual{
	background-image:url(../img/ultrasonic-plastic-welding/bg_main.jpg);
}
#format body.ultrasonic-metal-welding .visual{
	background-image:url(../img/ultrasonic-metal-welding/bg_main.jpg);
}
#format body.seam-welding .visual{
	background-image:url(../img/seam-welding/bg_main.jpg);
}
#format body.highfrequency .visual{
	background-image:url(../img/highfrequency/bg_main.jpg);
}
#format body.resistance-welding .visual .h1,
#format body.pulse-heat .visual .h1,
#format body.ultrasonic-welding .visual .h1,
#format body.ultrasonic-metal-welding .visual .h1,
#format body.seam-welding .visual .h1,
#format body.highfrequency .visual .h1{
	font-family: 'Roboto Condensed', sans-serif;
	max-width: 11.5em;
	margin:0;
	letter-spacing:0;
	font-feature-settings: "palt";
}
#format .product_bg h2{
	padding:0;
	margin-bottom:0.5em;
}
#format .product_bg h2:before{
	display:none;
}

#format body .list_texts{
	display:flex;
	flex-wrap:wrap;
	gap:0 0.25em;
	margin:0;
}
#format body .list_texts .postListText{
	display:block;
	width:auto;
	border:none;
	padding:0;
	margin:0;
}
#format body .list_texts .postListText:nth-child(n+2):before{
	content:"/";
	display:inline-block;
	vertical-align:middle;
	margin-right:0.25em;
}
#format body .list_texts .postListText p{
	display:inline-block;
	vertical-align:middle;
	padding:0;
}
@media screen and (max-width:767px) {
	#format body.resistance-welding .visual,
	#format body.pulse-heat .visual,
	#format body.ultrasonic-welding .visual,
	#format body.ultrasonic-metal-welding .visual,
	#format body.seam-welding .visual,
	#format body.highfrequency .visual{
		height:240px;
		background-image:url(../img/resistance-welding/bg_main@sp.jpg);
		background-size:cover;
		background-position:50%;
	}
	#format body.pulse-heat .visual{
		background-image:url(../img/pulse-heat/bg_main@sp.jpg);
	}
	#format body.ultrasonic-welding .visual{
		background-image:url(../img/ultrasonic-plastic-welding/bg_main@sp.jpg);
	}
	#format body.ultrasonic-metal-welding .visual{
		background-image:url(../img/ultrasonic-metal-welding/bg_main@sp.jpg);
	}
	#format body.seam-welding .visual{
		background-image:url(../img/seam-welding/bg_main@sp.jpg);
	}
	#format body.highfrequency .visual{
		background-image:url(../img/highfrequency/bg_main@sp.jpg);
	}
	#format body.resistance-welding .visual .h1,
	#format body.pulse-heat .visual .h1,
	#format body.ultrasonic-welding .visual .h1,
	#format body.ultrasonic-metal-welding .visual .h1,
	#format body.seam-welding .visual .h1,
	#format body.highfrequency .visual .h1{
		width:8em;
		font-size:2rem;
	}
	#format body.highfrequency .visual .h1{
		width:9em;
	}
	#format .product_bg {
		background-size:contain !important;
		background-position:top;
		padding-top:45%;
		background-color:#cdccd1;
	}
	#format body.pulse-heat .product_bg{
		background-color:#d9d9e3;
	}
	#format body.ultrasonic-welding .product_bg{
		background-color:#ececee;
	}
	#format body.ultrasonic-metal-welding .product_bg{
		background-color:#dcdcde;
	}
	#format body.seam-welding .product_bg{
		background-color:#d4d4de;
	}
	#format body.highfrequency .product_bg{
		background-color:#eeeeef;
	}
	#format .product_bg .wp-block-columns{
		gap:0;
	}
}
#format .edit_wrap .maintenance_caption ul{
	padding:0;
}
#format .edit_wrap .maintenance_caption ul li{
	list-style:none;
}
#format .edit_wrap .maintenance_caption strong{
	display:inline-block;
	width:7em;
	margin-right:0.5em;
	font-weight:normal;
}
#format .edit_wrap .maintenance_caption strong mark{
	display:inline-block;
	line-height:2;
	padding:0 0.5em;
	width:100%;
	text-align:center;
}
#format .edit_wrap .maintenance_table td div + div{
	margin-top:0.5em;
}
#format .edit_wrap .maintenance_table td:nth-child(1) strong{
    background: #105ead;
    color: #fff;
	display:inline-block;
	width:3.5em;
	text-align:center;
	margin-right:0.5em;
	font-weight:normal;
	font-size:0.875em;
}
#format .edit_wrap .maintenance_table td:nth-child(2) strong{
	display:inline-block;
	line-height:2;
	width:7em;
	text-align:center;
	background:#555555;
	color:#fff;
	font-size:0.75em;
	margin-right:0.5em;
	font-weight:normal;
}
#format .edit_wrap .maintenance_table td:nth-child(2) strong:nth-of-type(n+2){
	background:none;
	margin-left:0.5em;
}
#format .edit_wrap .maintenance_table td:nth-child(2) strong:nth-of-type(n+2) mark{
	display:inline-block;
	line-height:2;
	width:7em;
}
#format .edit_wrap .maintenance_table td:nth-child(2) div + div strong.end{
	background:#cf2e2e
}
#format .edit_wrap .maintenance_table td:nth-child(2) div{
	display:inline-block;
	width:10em;
	vertical-align:middle;
}
#format .edit_wrap .maintenance_table td:nth-child(2) div + div{
	margin:0;
}
#format .edit_wrap .sell_change table tr:nth-child(odd) td{
	background:#f0f6ff;
}
#format .edit_wrap .scrollable{
	overflow:auto;
}
#format .edit_wrap .scrollable > *{
	max-width:250vw;
	width:auto;
}
#format .edit_wrap .scrollable th,
#format .edit_wrap .scrollable td{
	white-space:nowrap;
}
@media screen and (max-width:767px) {
	#format .edit_wrap .maintenance_caption{
		padding:5px 10px 10px;
		font-size:0.75rem;
	}
	#format .edit_wrap .maintenance_table table,
	#format .edit_wrap .maintenance_table table *:not(strong){
		display:block;
		border:none;
	}
	#format .edit_wrap .maintenance_table table thead{
		display:none;
	}
	#format .edit_wrap .maintenance_table table tr{
		border:solid 1px #ddd;
	}
	#format .edit_wrap .maintenance_table table tr + tr{
		margin-top:10px;
	}
	#format .edit_wrap .maintenance_table table td{
		border:none;
		font-size:0.94rem;
		padding:10px;
	}
	#format .edit_wrap .maintenance_table table td:nth-child(2){
		border-top:dotted 1px #ddd;
		border-bottom:dotted 1px #ddd;
	}
	#format .edit_wrap .maintenance_table td div + div{
		margin-top:10;
	}
	#format .edit_wrap .maintenance_table table td:nth-child(3):before{
		content:"Alternative Products :";
		display:inline-block;
		margin-right:0.5em;
	}
	#format .edit_wrap .reverse_col {
		flex-direction: column-reverse;
	}
}
#format .vk_posts-layout-postListText:not(.list_texts) {
	border-top:#d4d4d4 solid 1px;
	margin:0;
	padding:0;
	margin-bottom: 0;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText{
	border-bottom:#d4d4d4 solid 1px;
	display:block;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	transition:color .4s,background .4s;
	position:relative;
	display:flex;
	flex-direction:column-reverse;
	z-index:2;
	overflow: visible;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText:hover{
    color: #105ead;
    background: #f0f0ff;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText > *{
	transition:transform .4s;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText:hover > *{
    transform: translateX(1rem);
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText a{
	font-size:1.25rem;
	line-height:1.5;
	font-weight:bold;
	text-decoration:none;
	overflow: visible;
	display: block;
	padding:2rem 2rem 4.5rem 0;
	position:relative;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText:hover a{
	color:#105ead;
	text-decoration:underline;
	text-decoration-thickness: 1px !important;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText .postListText_date{
	font-size:1rem;
	margin-right: 0;
	display: inline-block;
	position:absolute;
	z-index: -1;
	bottom:2rem;
}
#format .vk_posts-layout-postListText:not(.list_texts) .postListText a:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:999;
/*	position:fixed;*/
}
@media screen and (max-width:767px) {
	#format .vk_posts-layout-postListText:not(.list_texts) .postListText a{
		padding:1.5rem 1.5rem 4.0rem 0;
	}
	#format .vk_posts-layout-postListText:not(.list_texts) .postListText .postListText_date{
		bottom:1.5rem;
	}
}