@charset "utf-8";

/* Column */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6{}

.col_1-2{},
.col_1-3{}

.col_2-1{},
.col_2-3{}

.col_3-1{},
.col_3-2{}

.col_child{
	float:left;
	box-sizing:border-box;
	padding-left:1%;
	padding-right:1%;
}
.col_child:first-child,
.col_child:first-child:last-child{
	padding-left:0;
	padding-right:2%;
}
.col_child:last-child{
	padding-left:2%;
	padding-right:0;
}
.col_2 .col_child{ width:50%;}
.col_3 .col_child{ width:33.3%;}
.col_4 .col_child{ width:25%;}
.col_5 .col_child{ width:20%;}
.col_6 .col_child{ width:16.6%;}

.col_1-2 .col_child:nth-child(1){ width:33.3%;}
.col_1-2 .col_child:nth-child(2){ width:66.6%;}

.col_2-1 .col_child:nth-child(1){ width:66.6%;}
.col_2-1 .col_child:nth-child(2){ width:33.3%;}

.col_1-3 .col_child:nth-child(1){ width:25%;}
.col_1-3 .col_child:nth-child(2){ width:75%;}

.col_3-1 .col_child:nth-child(1){ width:75%;}
.col_3-1 .col_child:nth-child(2){ width:25%;}

.col_2-3 .col_child:nth-child(1){ width:40%;}
.col_2-3 .col_child:nth-child(2){ width:60%;}

.col_3-2 .col_child:nth-child(1){ width:60%;}
.col_3-2 .col_child:nth-child(2){ width:40%;}


@media screen and (max-width:767px) {
	.col_1 > .col_child,
	.col_2 > .col_child,
	.col_3 > .col_child,
	.col_4 > .col_child,
	.col_5 > .col_child,
	.col_6 > .col_child,
	.fix.col_1-2 > .col_child,
	.fix.col_1-3 > .col_child,
	.fix.col_2-1 > .col_child,
	.fix.col_2-3 > .col_child,
	.fix.col_3-1 > .col_child,
	.fix.col_3-2 > .col_child{width: 100%;padding-left:0;padding-right:0;}
	.col_4 .col_child,
	.col_5 .col_child{ 
		width:50%;
	}
	.col_4 .col_child:nth-child(odd),
	.col_5 .col_child:nth-child(odd){ 
		padding-right:1%;
	}	
	.col_4 .col_child:nth-child(even),
	.col_5 .col_child:nth-child(even){ 
		padding-left:1%;
	}	

}

/* head,text */

#format .edit_wrap h1,
#format .edit_wrap h2,
#format .edit_wrap h3,
#format .edit_wrap h4,
#format .edit_wrap h5{
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:0.03em;
}

#format .articla_ttl h1,
#format .edit_wrap h1,
#format .edit_wrap h2{
	font-size:2.25rem;
	padding:0.5em 0;
	font-weight:bold;
	margin-bottom:1em;
	line-height:1.4;
	padding-left:1em;
	position:relative;
}
#format .articla_ttl h1:before,
#format .edit_wrap h1:before,
#format .edit_wrap h2:before{
	content:"";
	display:block;
	width:3px;
	background:#105ead;
	position:absolute;
	top:0.35em;
	bottom:0.35em;
	left:0;
	margin:auto;
}
#format .articla_ttl {
	border-top:solid 2px #105ead;
	border-bottom:solid 2px #105ead;
	padding-bottom:1em;
	margin-bottom:2em;
}
#format .articla_ttl h1{
	font-size:1.875rem;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:0.25em;
}
#format .articla_ttl h1:before{
	display:none;
}
#format .articla_ttl time{
	display:block;
	text-align:right;
	margin:0em;
	font-weight:bold;
	color:#444;
	font-family: 'Roboto Condensed', sans-serif;
}
#format .edit_wrap h3{
	font-size:1.75rem;
	font-weight:500;
	padding-bottom:1em;
	margin-bottom:1.5em;
	position:relative;
	z-index:3;
}
#format .edit_wrap h3:before,
#format .edit_wrap h3:after{
	content:"";
	display:block;
	height:3px;
	width:100%;
	background:#dedede;
	position:absolute;
	bottom:0;
	left:0;
	margin:auto;
	z-index:-2;
}
#format .edit_wrap h3:before{
	width:300px;
	max-width:30%;
	background:#105ead;
	z-index:-1;	
}
#format .edit_wrap h4{
	font-weight:500;
	font-size:1.5rem;
	border-bottom:#dedede 1px solid;
	margin-bottom:1em;
	padding-bottom:0.5em;
}
#format .edit_wrap h5{
	font-weight:800;
	font-size:1.25rem;
}
#format .edit_wrap p{
	font-size:1rem;
	line-height:1.875;
}
#format .edit_wrap p + h2,
#format .edit_wrap p + h3,
#format .edit_wrap p + h4{
	margin-top:2.5em;
}
#format .edit_wrap p + h5,
#format .edit_wrap p + ul,
#format .edit_wrap p + ol{
	margin-top:1.75em;
}
#format .edit_wrap * + a.btn{
	margin-top:2em;
}
#format .edit_wrap .wp-block-vk-blocks-heading:not(:first-child){
	margin-top:2.5em;	
}
#format .edit_wrap li:nth-child(n+2){
	margin-top:1.5em;
}
#format .edit_wrap ul{
	padding-left:1.5em;
}
#format .edit_wrap ul > li{
	list-style:disc;
}
#format .edit_wrap ul > li::marker{
	color:#105ead;
	font-size:1.5em;
}
#format .edit_wrap ol > li{
	list-style:decimal;
}
#format hr{
	display:block;
	margin:5em 0;
}
#format .article_end{
	margin:80px 0;
}
#format .article_end a{
	margin-left:auto;
	margin-right:auto;
}

#format .edit_wrap a:not(.btn){
	color:#105ead;
	text-decoration:underline;
	transition:color .4s;
}
#format .edit_wrap a:not(.btn):hover{
	color:#000;
	text-decoration:none;
}
#format .edit_wrap a:not(.btn)[href*=".pdf"]{
	display:inline-block;
	position:relative;
	padding-left:35px;
	min-height:27px;
}
#format .edit_wrap a:not(.btn)[href*=".pdf"]:before{
	content:"";
	display:inline-block;
	width:24px;
	height:27px;
	background:url(../img/ico_pdf.png) no-repeat top left / contain;
	position:absolute;
	left:0;
	top:0;
}
#format body.post-type-applications .article_end a{
	max-width:580px;
}
#format .edit_wrap ul:not(.card_style) li:has( > a:only-of-type):before{
	content:"";
	display:block;
	width:8px;
	height:8px;
	top:0.5em;
	left:-1.5em;
	border-top:solid 1px #105ead;
	border-right:solid 1px #105ead;
	position:absolute;
	transform:rotate(45deg);
}
#format .edit_wrap ul:not(.card_style) li:has( > a:only-of-type){
	padding:0;
	list-style:none;
	margin-left:0;
	position:relative;
}
p.text,
.texts > p{
	font-size:1rem;
	line-height:1.875;
	text-align:left;
}
.f_small{
	font-size:0.875rem;
}
.mb1em{
	margin-bottom:1.875em;
}
.mb2em{
	margin-bottom: 3.75em;
}

.limit_lh p{
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
	#format .articla_ttl h1,
	#format .edit_wrap h1,
	#format .edit_wrap h2{
		font-size:2rem;
		padding-left:0.75em;
	}
	p.text,
	.texts > p{
		font-size:1rem;
	}
}

/* Link */

.text_link a,
a.text_link{
	text-decoration:underline;
	transition: color 0.4s;
	text-decoration-thickness:1px;
}
.text_link a:hover,
a.text_link:hover{
	text-decoration:none;
	color:inherit;
}
.block_link a,
a.block_link{
	display:block;
	transition: background 0.4s, color 0.4s, border 0.4s;
}
.block_link a img{
	transition: opacity 0.4s;
}
.block_link a:hover,
a.block_link:hover{
	text-decoration:none;
}
.block_link a:hover img,
a:hover img.opacity{
	opacity: 0.7;
	text-decoration:none;
}
#format a.btn,
#format .edit_wrap a.wp-element-button{
	border:solid 1px;
	border-radius:0;
	display:flex;
	max-width:360px;
	line-height:1.2;
	font-size:1.375rem;
	min-height:3em;
	align-items:center;
	justify-content:center;
	position:relative;
	padding:0 30px;
	background: #fff;
	transition:background .4s,transform .4s;
	text-decoration:none;
	margin-bottom:5px;
}
#format a.btn:after,
#format .edit_wrap a.wp-element-button:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:solid 2px #000;
	border-right:solid 2px #000;
	transform:rotate(45deg) skew(5deg,5deg);
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:30px;
	transition:right .4s,border-color .4s;
}
#format a.btn:hover,
#format .edit_wrap a.wp-element-button:hover{
	background:#000;
	color:#fff;
	transform:translateY(5px);
	opacity:inherit;
	box-shadow:none;
}
#format a.btn.has-white-background-color:hover{
	color:#000;
}
#format a.btn:hover:after{
	right:25px;
	border-color:#fff;
}
#format a.btn.has-vk-color-primary-background-color{
	color:#fff;
}
#format a.btn.has-vk-color-primary-background-color:after{
	border-color:#fff;
}
#format a.btn.has-white-background-color:hover:after{
	border-color:#000;
}
#format .vk_button-align-center a.btn{
	margin-left:auto;
	margin-right:auto;
	max-width:400px;
}
#format .wp-block-column a.btn{
	max-width:400px;	
}
#format .vk_button-align-center a.btn:after,
#format .wp-block-column a.btn:after{
	right:15px;
}
#format .vk_button-align-wide a.btn{
	max-width:100%;
}

a.frame_btn{
	border:solid 1px;
	display:flex;
	max-width:282px;
	font-size:1.375rem;
	min-height:3em;
	align-items:center;
	justify-content:center;
	position:relative;
	padding:0 30px;
	background:rgba(0,15,25,0);
	transition:background .4s,transform .4s;
	text-decoration:none;
	margin-bottom:5px;
}
a.frame_btn:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	transform:rotate(45deg) skew(5deg,5deg);
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:30px;
	transition:right .4s;
}
a.frame_btn:hover{
	background:rgba(0,15,25,0.25);
	transform:translateY(5px);
}
a.frame_btn:hover:after{
	right:25px;
}
#format .edit_wrap .icon_btns .row{
	margin:0;
	gap:1%;
}
#format .edit_wrap .icon_btns .row > *{
	padding:0;
	width:32.5%;
	flex:auto;
	flex-grow: initial;
}
#format .edit_wrap .icon_btns .row > *:nth-child(3n){
	margin-right:0;
}
#format .edit_wrap .icon_btns .row > *:nth-child(n+4){
	margin-top:1%;
}
#format .edit_wrap .wp-block-buttons>.wp-block-button{
	display:flex;
	width:100%;
}
#format .edit_wrap a.wp-element-button{
	font-size:1.125rem;
	text-decoration:none;
	transition:transform .4s;
	text-align:left;
	max-width:100%;
	width:100%;
	padding:0.5em 1.75em 0.5em 0.5em;
	font-feature-settings: "palt";
	justify-content:flex-start;
	margin:0;
}
#format .edit_wrap a.wp-element-button:after{
	right:1.25rem;
}
#format .edit_wrap a.wp-element-button img{
	margin-right:0.5em;
	margin-left:0.5em;
	transition:opacity .4s;
}
#format .edit_wrap a.wp-element-button:hover{
	filter:none;
}
@media screen and (max-width: 767px) {
	#format .edit_wrap .icon_btns .row > *{
		width:100%;
	}
	#format .edit_wrap .icon_btns .row > *:nth-child(n+2){
		margin-top:1%;
	}
	#format .edit_wrap a.wp-element-button{
		font-size:min(1rem)
	}
	#format .edit_wrap .icon_btns a.wp-element-button img{
		max-width:50px;
		height:50px;
		flex-grow:inherit;
	}
	#format .vk_button.vk_button-align-wide,
	#format .vk_button-align-wide a.btn{
		width:100%;
		max-width:100%;
	}
}
a.arrow_link,
.arrow_link a{
	position: relative;
	padding-left:14px;
}
a.arrow_link:before,
.arrow_link a:before{
    content: "";
    position: absolute;
    left: -1px;
    margin-top:-3px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ico_blank{position:relative;padding-right: 20px;}
.ico_blank:before, .ico_blank:after{
	content: "";
	width: 11px;
	height: 11px;
	display: inline-block;
	position: absolute;
	border: 1px solid #333;
	background:#fff;
	right: 0;
	top: 2px;
	z-index:10;
}
.ico_blank:after{
	right: 3px;
	top: 5px;
	z-index:9;
}
img.icon{
	vertical-align:middle;
	margin-right:5px;
}
/* image */
.scale { }
.scale_m { 
	max-width:100%;
	width:auto;
	height:auto;
}
.scale_all{	
	width:100%;
	height:auto;
}
.img_fit{
	position:relative;
	width:100%;
	padding-bottom:63%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.img_fit img{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width: auto;
	height: auto;
	max-width:100%;
	max-height:100%;
	transition:transform .4s;
	display:block;
}
a.img_fit:hover img,
a:hover .img_fit img{
	transform:scale(1.05);
}

#format .edit_wrap table th,
#format .edit_wrap table td{
	padding:1em;
	font-size:1.1275rem;
	border:none;
}
#format .edit_wrap table thead th{
	background:#105ead;
	color:#fff;
}
#format .edit_wrap table thead th + th{
	border-left:solid 1px #fff;
}
#format .edit_wrap table tbody th{
	background:#eef3f8;
	font-weight:bold;
	white-space:nowrap;
	border-bottom:solid 1px #ddd;
}
#format .edit_wrap table tbody td{
	border-bottom:solid 1px #ddd;
	font-size:1rem;
}
#format .edit_wrap table tbody td + td{
	border-left:solid 1px #ddd;
}
@media screen and (max-width: 767px) {
	#format a.btn{
		margin-left:auto;
		margin-right:auto;
	}
	a.frame_btn{
		font-size:1rem;
		min-height:4em;
		max-width:200px;
	}
	a.frame_btn:after{
		width:7px;
		height:7px;
		right:15px;
	}
	.scale {
		width:100%;
		height:auto;
	}
}

/* table,list */

.table_style {
	border:#ddd solid 1px;
	border-bottom:none
}
.table_style dl{
	position:relative;
	border-bottom:#ddd solid 1px;
	width:100%;
}
.table_style dt{
	position:absolute;
	top:0;
	left:0;
	background:#EEEEEE;
	width:250px;
	padding:16px 20px;
	box-sizing:border-box;
}
.table_style dd{
	padding:16px 20px;
	padding-left:270px;
	box-sizing:border-box;
}
.list_style ul li{
	margin-left:1em;
	margin-bottom:5px;
	text-indent: -1em;
}
.list_style ul li:before{
	content:"\30FB";
	margin-right:5px;
	color:#005BAC;
	font-weight:bold;
	
}
.list_style ul li.inlist ul{
	margin-top:5px;
}
.list_style ul li.inlist li{
	margin-left:3em;
	padding-left:0;
	text-indent:-3em;
}
.ol_style ol li{
	margin-left:-1em;
	padding-left:1em;
	margin-bottom:5px;
	text-indent: -1em;
	list-style-position:inside;
}

.dl_style dl{
	margin:0;
	padding:15px;
	background:#f6f6f6;
}
.dl_style dl dt{
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: dotted 1px #999;
}
.table_wrap {
	margin:40px 0;
}
.table_wrap.overs {
	padding-bottom:10px;
	overflow-x:auto;
	overflow-y:hidden;
}
.table_wrap table{
	width:100%;
	box-sizing:border-box;
	font-size:16px;
}
.table_wrap table th,
.table_wrap table td{
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
}


.table_wrap::-webkit-scrollbar {
	height: 15px;
}

.table_wrap::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #c1c1c1;
}

.table_wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #666;
}
@media only screen and (max-width: 768px) {
	.table_style dl,
	.table_style dt,
	.table_style dd{
		display:block;
	}
	.table_style dt{
		border-bottom:#ddd solid 1px;
		width:100%;
		padding:10px;
		position:static;
		top:auto;
		left:auto;
	}
	.table_style dd{
		padding:15px 10px;
	}
	.dl_style dl{
		font-size:14px;
		margin:0;
	}
	.table_wrap{
		overflow-x:auto;
	}
	.table_wrap table{
		font-size:12px;
	}
	.table_wrap table th,
	.table_wrap table td{
		padding:10px;
	}
	#format .edit_wrap table th,
	#format .edit_wrap table td{
		padding:1em 0.5em;
		font-size:0.875rem;
	}
	#format .edit_wrap table tbody th{
		white-space:normal;
	}
	#format .edit_wrap table tbody td{
		font-size:0.75rem;
	}
}

#format .news_style{}
#format .news_style .news_ttl{
	font-size:2.625rem;
	margin-bottom:1em;
}
#format .news_style .news_list{ 
	border-top:#d4d4d4 solid 1px;
	margin:0;
	padding:0;
	margin-bottom:2rem;
}
#format .news_style .news_list li{
	border-bottom:#d4d4d4 solid 1px;
	margin:0;
	padding:0;
}
#format .news_style .news_list li > *{
	display:block;
	flex-wrap:wrap;
	padding:2rem 1rem 2rem 0;
	transition:color .4s,background .4s;
}
#format .news_style .news_list li a:hover{
	text-decoration:underline;
	color:#105ead;
	background:#f0f0ff;
}
#format .news_style .news_list li a > *{
	transition:transform .4s;
}
#format .news_style .news_list li a:hover > *{
	transform:translateX(1rem)
}
#format .news_style .news_list li .text{
	font-size:1.25rem;
	line-height:1.5;
	font-weight:bold;
	margin:0;
}
#format .news_style .news_list li time{
	display:inline-block;
	margin-top:1rem;
}
#format .news_style .news_list li .cate{
	display:inline-block;
	margin-left:1rem;
	background:#f0f0ff;
	font-weight:normal;
	font-size:0.75rem;
	padding:0.25em 1.5em;
	border-radius:50px;
	vertical-align:middle;
	transition:transform .4s,color .4s,background .4s;
}
#format .news_style .news_list li a:hover .cate{
	color:#fff;
	background:#105ead;
}
#format .more_link {
	text-align:right;
	margin-top:1em;
}
#format .more_link a{
	display:inline-block;
	font-size:1.375rem;
	font-weight:600;
	position:relative;
	padding-left:1em;
    transition: color .4s,transform .4s;
	text-decoration:none;
}
#format .more_link a:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: solid 1px #222;
    border-right: solid 1px #222;
    transform: rotate(45deg);
    position: absolute;
    top: 0.35em;
    left: 0;
    transition: transform .2s,border-color .4s;
}
#format .more_link a:after{
	content:"";
	display:block;
	left:1em;
	bottom:0;
	right:100%;
	margin:auto;
	position:absolute;
	background:#222;
	height:1px;
    transition: right .2s,background .4s;
}
#format .more_link a:hover{
	color:#105ead;
	transform:translateX(-5px);
}
#format .more_link a:hover:before{
	border-color:#105ead;
    transform: rotate(45deg) skew(-15deg,-15deg);
}
#format .more_link a:hover:after{
	background:#105ead;
	right:0;
}
@media only screen and (max-width: 767px) {
	#format .news_style .news_ttl{
		font-size:1.71rem;
	}
	#format .news_style .news_list li > *{
		padding:1.5rem 0 1.5rem ;
	}
	#format .news_style .news_list li a:hover > *{
		transform:none;
	}
	#format .news_style .news_list li .text{
		font-size:1.14rem;
	}
	#format .more_link {
		text-align:right;
		margin-top:1em;
	}
	#format .more_link a{
		font-size:1rem;
		padding-left:1.25em;
	}
	#format .more_link a:before{
	    content: "";
	    display: block;
	    width: 7px;
	    height: 7px;
	}
}

#format .wp-block-embed__wrapper,
#format .wp-block-video{
	max-width:852px;
	margin-left:auto;
	margin-right:auto;
}
#format .wp-block-embed__wrapper iframe{
	aspect-ratio:16 / 9;
	max-width:100%;
	max-height:100%;
}
/*  GoogleMAP・動画埋め込み  */
.map_wrap iframe{
	width:100%;
}
#campus_map{
	height:390px;
	margin-bottom:20px;
}
.movie_wrap{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
}
.movie_wrap iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.movie_wrap2{
	width: 100%;
	height:  0;
	padding-bottom:  590px;
	overflow:hidden;
	position:  relative;
}
.movie_wrap2 iframe,
.movie_wrap2 video{
	min-width: 100%;
	min-height: 590px;
	height:  auto;
	position:  absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin:  auto;
}
@media only screen and (max-width: 767px) {
	#campus_map {
	    margin: 0 15px;
	    box-sizing: border-box;
	    width: auto;
	    height: 320px;
	}
}

/*  パンくずリスト  */
#format #pan {
	padding-top:2em;
	padding-bottom:3em;
}
#format #pan ol{ 
	padding:0;
	margin:0;
	font-size:0.75rem;
	white-space:nowrap;
	overflow:auto;
}
#format #pan ol::-webkit-scrollbar {
	height:5px;
}
#format #pan ol::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #c1c1c1;
}
#format #pan ol::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}
#format #pan li,
#format #pan li *{ 
	display:inline-block;
	vertical-align:middle;
}
#format #pan li *{ 
	display:inline;
	vertical-align:middle;
}
#format #pan li{
	margin-right:0.25em;
	font-size:0.75rem;
}
#format #pan li:before{
	content: "\003E";
	display:inline-block;
	margin-right:0.5em;
	vertical-align:middle;
}
#format #pan li:first-child:before{
	content: "";
	display:none;
	margin-right:0;
}
#format #pan li a{
	color:#105ead;
	text-decoration:underline;
}
#format #pan li a:hover{
	text-decoration:none;
}
@media only screen and (max-width: 767px) {
	#format #pan {
		padding-top:15px;
		padding-bottom:15px;
	}
	#format #pan a{
		text-decoration:underline;
	}
}

/*  ページャー  */
.pager_style{
	text-align:center;
	padding:30px 0 0 0;
}
.pager_style li{
	width:40px;
	border:1px solid #BBBBBB;
	background:#fff;
	display:inline-block;
	margin:0 0 10px 0;
}
.pager_style li:hover{
	background:#024384;
}
.pager_style li.on{
	background:#024384;
}
.pager_style li a{
	font-size:16px;
	text-decoration:none;
	display:block;
	padding:8px 0;
}
.pager_style li.on a{
	color:#fff;
}
.pager_style li a:hover{
	color:#fff;
}
.pager_style li.prev{
	margin:0 10px 0 0;
}
.pager_style li.next{
	margin:0 0 0 10px;
}
@media screen and (max-width: 768px) {
	.pager_style li{
		width: 30px;
	}
	.pager_style li a{
		font-size:12px;
		padding:6px 0;
	}
	.pager_style li.prev,
	.pager_style li.next{
		margin:0;
	}
}

.pc_center { }
.pc_right { }
.sp_center { }
.sp_right { }


@media screen and (min-width:769px) {
	.pc_center { text-align:center !important;}
	.sp_center { text-align:left;}
	.pc_right { text-align:right !important;}
	.mb50_h{ margin-bottom:50px !important;}
	.mb60_h{ margin-bottom:60px !important;}
	.mb80_h{ margin-bottom:80px !important;}
}
@media screen and (max-width:767px) {
	.pc_center,
	.pc_righ { text-align:left;}
	.sp_center { text-align:center !important;}
	.sp_right { text-align:right !important;}
	.mb50_h{ margin-bottom:25px !important;}
	.mb60_h{ margin-bottom:30px !important;}
	.mb80_h{ margin-bottom:40px !important;}
}

.modal-content { 
	width: 80%;
	max-width: 1240px;
	margin: 0px;
	padding: 10px 20px;
	background: none;
	position: fixed;
	display: none;
	z-index:1020;
}
#modal-overlay { 
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.66);

}
.modal_tit { 
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	max-width: 250px;
	text-align: center;
	line-height: normal;
	font-size: 20px;
	z-index: 1025;
	overflow: hidden;
	padding: 0px 30px;color:#fff;
}
.modal_tit span {
	display: block;
	position: relative;
	padding: 10px 0px;
	background: rgb(0, 0, 0);
	z-index: 2;
	border-bottom: 1px solid rgb(255, 255, 255);
}
.modal-content .close_btn {
	position: absolute;
	top: -10%;
	right: 0px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	line-height: 1;
	display: block;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	modal-content { width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
}

.tab_change{
}
.tab_change > input[type="radio"]{
	display:none;
}
.tab_change > input[type="radio"] ~ .tab_table{
	overflow:hidden;
	opacity:0;
	max-height:0;
	z-index:-10;
	visibility:hidden;
	transition:opacity .4s;
}
.tab_change > input[id$="00"]:checked ~ .tab_table[class$="00"],
.tab_change > input[id$="01"]:checked ~ .tab_table[class$="01"],
.tab_change > input[id$="02"]:checked ~ .tab_table[class$="02"],
.tab_change > input[id$="03"]:checked ~ .tab_table[class$="03"],
.tab_change > input[id$="04"]:checked ~ .tab_table[class$="04"],
.tab_change > input[id$="05"]:checked ~ .tab_table[class$="05"],
.tab_change > input[id$="06"]:checked ~ .tab_table[class$="06"],
.tab_change > input[id$="07"]:checked ~ .tab_table[class$="07"],
.tab_change > input[id$="08"]:checked ~ .tab_table[class$="08"]{
	opacity:1;
	z-index:10;
	visibility:visible;
	max-height: fit-content;
	overflow:visible;
	width:100%;
}
.tab_controller{
	display:flex;
	justify-content:flex-start;
	margin:0;
	flex-wrap:wrap;
}
.tab_controller label,
.tab_controller a{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#e0e0e0;
	color:#9a9a9a;
	width:calc(25% - 1px);
	min-height: 80px;
	border-radius:0px;
	font-weight:500;
	margin-right:1px;
	font-size:0.875rem;
	line-height:1.1;
	text-align:center;
	padding:0px 6px;
	letter-spacing:-0.03em;
}
.tab_controller label:nth-of-type(6n),
.tab_controller a:nth-of-type(6n){
	margin-right:0;
}
.tab_controller a:hover,
.tab_controller a.on,
.tab_change > input[id$="00"]:checked ~ .tab_controller label[for$="00"],
.tab_change > input[id$="01"]:checked ~ .tab_controller label[for$="01"],
.tab_change > input[id$="02"]:checked ~ .tab_controller label[for$="02"],
.tab_change > input[id$="03"]:checked ~ .tab_controller label[for$="03"],
.tab_change > input[id$="04"]:checked ~ .tab_controller label[for$="04"],
.tab_change > input[id$="05"]:checked ~ .tab_controller label[for$="05"],
.tab_change > input[id$="06"]:checked ~ .tab_controller label[for$="06"],
.tab_change > input[id$="07"]:checked ~ .tab_controller label[for$="07"],
.tab_change > input[id$="08"]:checked ~ .tab_controller label[for$="08"]{
	background:#eef3f8;
	color:#000;
}
.tab_controller a{
	transition:background .4s;
	text-decoration:none;
}
.tab_change_style .tab_controller{
	justify-content:space-between;
}
.tab_change_style .tab_controller a{
	width:23%;
	text-decoration: none;
	transition:background .4s,color .4s;
}
.tab_change_style .tab_controller a.active,
.tab_change_style .tab_controller a:hover{
	background:#f2f2f2;
	border-color:#f2f2f2;
}
.tab_change_style .tab_table{
	box-shadow:none;
}

.form_wrap{
}
.form_wrap form{
}
.form_wrap input[type="text"],
.form_wrap input[type="search"],
.form_wrap input[type="email"],
.form_wrap input[type="tel"],
.form_wrap input[type="number"],
.form_wrap input[type="password"],
.form_wrap textarea{
	appearance:none;
	-webkit-appearance:none;
	display:inline-block;
	vertical-align:middle;
	border:solid 1px #fff;
	border-radius:0px;
	font-size:0.875rem;
	padding:0 0.5em;
	height:2.5em;
	line-height:2.5em;
	background:#fff;
}
.form_wrap input::placeholder,
.form_wrap textarea::placeholder{
	color:#ccc;
}
.form_wrap .tables .wrap textarea{
	height:auto;
	padding:1em;
}
.form_wrap label{
	cursor:pointer;
}
.form_wrap input[type="radio"],
.form_wrap input[type="checkbox"]{
	display:none;
}
.form_wrap input[type="radio"] + label,
.form_wrap input[type="checkbox"] + label{
	display:inline-block;
	padding:0.25em 0.25em 0.25em 1.5em;
	position:relative;
}
.form_wrap input[type="radio"] + label:before,
.form_wrap input[type="checkbox"] + label:before,
.form_wrap input[type="radio"] + label:after,
.form_wrap input[type="checkbox"] + label:after{
	content:"";
	display:inline-block;
	width:1rem;
	height:1rem;
	border:solid 1px #333;
	position:absolute;
	left:0;
	top:6px;
	transition:opacity .2s;
}
.form_wrap input[type="checkbox"] + label:after{
	border:none;
	width:0.6rem;
	height:0.4rem;
	border-top:solid 3px #333;
	border-right:solid 3px #333;
	transform:rotate(135deg);
	top:8px;
	left:2px;
	opacity:0;
}
.form_wrap input[type="radio"] + label:before{
	border-radius:50%;
	width:18px;
	height:18px;
	top:7px;
}
.form_wrap input[type="radio"] + label:after{
	border-radius:50%;
	width:10px;
	height:10px;
	border:none;
	background:#333;
	top:12px;

	left:5px;
	opacity:0;
}
.form_wrap input[type="radio"]:checked + label:after,
.form_wrap input[type="checkbox"]:checked + label:after{
	opacity:1;
}
.form_wrap .select_wrap{
	display:inline-block;
	position:relative;
	z-index:3;
	background:#fff;
}
.form_wrap .select_wrap select{
	appearance:none;
	-webkit-appearance:none;
	display:inline-block;
	vertical-align:middle;
	border:solid 1px #b0b0b0;
	border-radius:0px;
	font-size:1rem;
	color:#333;
	padding:0 2.5em 0 0.5em;
	height:2.5em;
	line-height:2.5em;
	background:transparent;
	cursor:pointer;
}
.form_wrap .select_wrap:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top:solid 2px #333;
	border-right:solid 2px #333;
	position: absolute;
	right: 1rem;
	top:0;
	bottom:0;
	margin:auto;
	z-index:-1;
	transform:rotate(135deg) translate(-2px);
}

.form_wrap .form_els{
	display:flex;
	flex-wrap:wrap;
}
.form_wrap .form_els.inlines{
	display:block;
	padding-bottom: 0.25em;
}
.form_wrap .form_els > *{
	margin-right:0.5em;
}
.form_style .form_wrap input[type="text"],
.form_style .form_wrap input[type="search"],
.form_style .form_wrap input[type="email"],
.form_style .form_wrap input[type="tel"],
.form_style .form_wrap input[type="number"],
.form_style .form_wrap input[type="password"],
.form_style .form_wrap textarea{
	border:#b0b0b0 solid 1px;
	display:block;
	width:100%;
	height:3.5em;
	line-height:3.5em;
	padding:0 1em;
	font-weight:500;
}
.form_style .form_wrap .form_els.els2 input[type="text"],
.form_style .form_wrap .form_els.els2 input[type="search"],
.form_style .form_wrap .form_els.els2 input[type="email"],
.form_style .form_wrap .form_els.els2 input[type="tel"],
.form_style .form_wrap .form_els.els2 input[type="number"],
.form_style .form_wrap .form_els.els2 input[type="password"],
.form_style .form_wrap .form_els.els2 textarea{
	border:#b0b0b0 solid 1px;
	display: inline-block;
	width: 75%;
	height:3.5em;
	line-height:3.5em;
	padding:0 1em;
	font-weight:500;
	margin-right: 0.5em;
}
.form_style .form_wrap input.error_msg:placeholder-shown{
	background:#ffeeff;
}
.form_style .form_wrap textarea{
	height:auto;
	line-height:1.5em;
	padding:1em;
}
.form_style .form_wrap .form_els > *{
	margin-right: 2em;
}
.form_style .form_wrap .form_els.els2 > *{
	margin-right: 0.5em;
	width: 30%;
}
.form_style .form_wrap input[type="radio"] + label{
	padding:0.25em 0 0.25em 2em;
}
.form_style .form_wrap input[type="radio"] + label:before{
	border:#b0b0b0 solid 1px;
	width:1.5em;
	height:1.5em;
}
.form_style .form_wrap input[type="radio"] + label:after{
	width:0.5625em;
	height:0.5625em;
	top:0.975em;
	left:0.5em;
}
.form_style .form_wrap input[type="checkbox"] + label{
	padding:0.5em 0 0.5em 2em;
}
.form_style .form_wrap input[type="checkbox"] + label:before{
	border:#b0b0b0 solid 1px;
	width:1.5em;
	height:1.5em;
}
.form_style .form_wrap input[type="checkbox"] + label:after{
	top:0.75em;
	left:0.5em;
}
.form_style p.default_msg{
	color:#ff0000;
	font-weight:bold;
	margin-top:0.25em;
}
.form_style p.error_msg{
	color:#ff0000;
	font-weight:bold;
	margin-top:0.25em;
	font-size:1.1275em;
}
.form_style .send_txt{
	font-size:1.25rem;
	text-align:center;
	margin-bottom:1.5em;
}
.form_style .send_area{
	display:flex;
	justify-content:center;
	flex-direction:row-reverse;
}
.form_style .send_area > *{
	flex-grow:1;
}
.form_style .send_area button{
	width:100%;
	cursor:pointer;
}
.form_style .form_wrap .table_style dd .input_wrap > p{
	margin:0.5625em 0;
}
.form_style .send_area .back button:after{
	right:auto;
	left:30px;
	transform:rotate(-135deg) skew(-10deg,-10deg);
}
.form_style.login_content .table_style .login_box dt,
.form_style.login_content .table_style .login_box dd{
	border:#d1d1d1;
	padding: 0;
}
.form_style.login_content .table_style .login_box dt{
	width:100px;
	padding-top: 1.375em;
    padding-bottom: 1.375em;
}
.form_style.login_content .table_style .login_box input[type="text"],
.form_style.login_content .table_style .login_box input[type="password"]{
	height:5em;
	padding:0 3em;
	border-radius:50px;
}
.form_style.login_content .forget_txt{
	margin-bottom:3em;
	text-align:center;
}
.form_style.login_content .forget_txt a{
	display:inline-block;
	font-size:1rem;
	font-weight:500;
	color:#134393;
	text-decoration:underline;
	text-underline-offset: 0.5em;
}
.form_style.login_content .forget_txt a:hover{
	text-decoration:none;
}
.form_style.login_content .send_area{
	display:block;
}
.form_style.login_content .send_area .common_btn{
	margin:0.5em 0;
}
@media screen and (max-width: 767px) {
	.form_wrap input[type="text"],
	.form_wrap input[type="search"],
	.form_wrap input[type="email"],
	.form_wrap input[type="tel"],
	.form_wrap textarea{
		font-size:1rem;
	}
	.form_wrap .form_els.inlines br{
		display:none;
	}
	.form_wrap input[type="radio"] + label,
	.form_wrap input[type="checkbox"] + label{
		font-size:0.857rem;
	}
	.form_wrap input[type="checkbox"] + label:before{
		width:12px;
		height:12px;
		top:5px;
	}
	.form_wrap input[type="checkbox"] + label:after{
		width:7px;
		height:4px;
	}
	.form_wrap input[type="radio"] + label:before{
		width:13px;
		height:13px;
		top:5px;
	}
	.form_wrap input[type="radio"] + label:after{
		width:7px;
		height:7px;
		left:4px;
		top:9px;
	}
}

.products_style > .tab_change > .tab_controller {
	flex-wrap:nowrap;
}
.products_style .tab_controller label[for^="method"]{
	width:auto;
	flex-basis:50%;
	border-radius:0;
	font-size:min(1.75vw,1.0625rem);
	padding:0;
}
.products_style .tab_table .tab_controller{
	background:#eef3f8;
	padding:50px;
	gap:1em;
	margin-bottom:30px;
}
.products_style .tab_table .tab_controller label{
	border:solid 1px #105ead;
	color:#105ead;
	background:#fff;
	padding:0.5em 3em;
	min-height:0;
	width:auto;
	border-radius:50px;
	font-size:min(1.5vw,1.125rem);
}
.tab_table .tab_change > input[id$="00"]:checked ~ .tab_controller label[for$="00"],
.tab_table .tab_change > input[id$="01"]:checked ~ .tab_controller label[for$="01"],
.tab_table .tab_change > input[id$="02"]:checked ~ .tab_controller label[for$="02"],
.tab_table .tab_change > input[id$="03"]:checked ~ .tab_controller label[for$="03"],
.tab_table .tab_change > input[id$="04"]:checked ~ .tab_controller label[for$="04"],
.tab_table .tab_change > input[id$="05"]:checked ~ .tab_controller label[for$="05"],
.tab_table .tab_change > input[id$="06"]:checked ~ .tab_controller label[for$="06"],
.tab_table .tab_change > input[id$="07"]:checked ~ .tab_controller label[for$="07"],
.tab_table .tab_change > input[id$="08"]:checked ~ .tab_controller label[for$="08"]{
	color:#fff;
	background:#105ead;
}
.tab_change > input[id$="00"]:checked ~ .tab_table[class$="00"],
.tab_change > input[id$="01"]:checked ~ .tab_table[class$="01"],
.tab_change > input[id$="02"]:checked ~ .tab_table[class$="02"],
.tab_change > input[id$="03"]:checked ~ .tab_table[class$="03"],
.tab_change > input[id$="04"]:checked ~ .tab_table[class$="04"],
.tab_change > input[id$="05"]:checked ~ .tab_table[class$="05"],
.tab_change > input[id$="06"]:checked ~ .tab_table[class$="06"],
.tab_change > input[id$="07"]:checked ~ .tab_table[class$="07"],
.tab_change > input[id$="08"]:checked ~ .tab_table[class$="08"]{
}
#format .page_body .card_style,
#format .page_body .vk_posts-layout-card{
	display:flex;
	flex-wrap:wrap;
	gap:2%;
	padding: 0;
}
#format .page_body .card_style > li,
#format .page_body .vk_posts-layout-card .vk_post{
	width:32%;
	margin:0 0 2%;
	list-style:none;
}
#format .page_body .card_style > li a,
#format .single-products .col-xl-4 .wp-block-group,
#format .page_body .vk_posts-layout-card .vk_post{
	display:block;
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	position:relative;
	z-index:1;
	text-decoration:none;
	padding-bottom:40px;
	outline:solid 2px transparent;
	transition:outline .4s,box-shadow .4s;
	color:inherit;
	background:#fff;
	height:100%;
	border:none;
	border-radius:0;
}
#format .page_body .card_style > li a:hover{
	outline:#105ead 2px solid;
	box-shadow:0 0 0px rgba(0,0,0,0.0);
	text-decoration:none;
}
#format .page_body .card_style > li a:before,
#format .page_body .vk_posts-layout-card .vk_post:before{
	content:"";
	display:block;
	background:#105ead;
	position:absolute;
	width:40px;
	height:40px;
	z-index:2;
	bottom:0px;
	right:0px;
}
#format .page_body .card_style > li a:after,
#format .page_body .vk_posts-layout-card .vk_post:after{
	content:"";
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	z-index:4;
	bottom:13px;
	right:16px;
	transform:rotate(45deg) skew(5deg,5deg);
}
#format .page_body .card_style .img_fit,
#format .single-products .col-xl-4 .wp-block-group figure{
	width: calc(100% - 40px);
	margin:auto;
	padding-bottom:63%;
	position:relative;
	max-width: 100%;
}
#format .page_body .card_style .ttl,
#format .single-products .col-xl-4 .wp-block-group figure + *{
	border-top:solid 1px #d4d4d4;
	font-size:1.25rem;
	color:#000;
	transition:color .4s;
	padding:20px 20px 10px;
	font-weight:500;
	margin:0;
	display:block;
	max-width: 100%;
}
#format .page_body .card_style .ttl:before,
#format .page_body .card_style .ttl:after{
	display:none;
}
#format .page_body .card_style a:hover .ttl{
	color:#105ead;
}
#format .page_body .card_style .text,
#format .single-products .col-xl-4 .wp-block-group p{
	padding-left:20px;
	padding-right:20px;
	max-width:100%;
	margin-bottom:0;
}
#format .page_body .tab_change .card_style{
	margin-top:30px;
}

#format .single-products .col-xl-4 .wp-block-group figure img{
	margin:auto;
	position:absolute;
	top:0;left:0;
	right:0;bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}
#format .page_body .vk_posts-layout-card .vk_post{
	/* margin-bottom:0;*/
	height:auto;
	z-index:5;
}
#format .page_body .vk_posts-layout-card .vk_post:hover{
	outline:#105ead 2px solid;
	box-shadow:0 0 0px rgba(0,0,0,0.0);
	text-decoration:none;
}
#format .page_body .vk_posts-layout-card .vk_post .vk_post_imgOuter:before{
	display:none;
}
#format .page_body .vk_posts-layout-card .vk_post .vk_post_imgOuter{
	position:static;
	background:none !important;
}
#format .page_body .vk_posts-layout-card .vk_post .vk_post_imgOuter a::after{
	z-index:5;
}
#format .page_body .vk_posts-layout-card .vk_post .vk_post_imgOuter a{
	display:flex;
	align-items:center;
	justify-content:center;
	width: calc(100% - 40px);
	aspect-ratio: 100 / 63;
	margin:auto;
	overflow:hidden;
}
#format .page_body .vk_posts-layout-card .vk_post .vk_post_imgOuter img{
	position:static;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	transition:transform .4s;
}
#format .page_body .vk_posts-layout-card .vk_post:hover .vk_post_imgOuter img{
	transform:scale(1.05);
}
#format .page_body .vk_posts-layout-card .vk_post .card-title a{
	color:inherit;
	text-decoration:none;	
}
#format .page_body .vk_posts-layout-card .vk_post .card-text{
	color:#000;	
}
@media screen and (max-width: 1200px) {
}

.tab_change .tab_filter li{
	display:none;
}
.tab_change > input[id$="01"]:checked ~ .tab_filter li[class$="01"],
.tab_change > input[id$="02"]:checked ~ .tab_filter li[class$="02"],
.tab_change > input[id$="03"]:checked ~ .tab_filter li[class$="03"],
.tab_change > input[id$="04"]:checked ~ .tab_filter li[class$="04"],
.tab_change > input[id$="05"]:checked ~ .tab_filter li[class$="05"],
.tab_change > input[id$="06"]:checked ~ .tab_filter li[class$="06"],
.tab_change > input[id$="07"]:checked ~ .tab_filter li[class$="07"],
.tab_change > input[id$="08"]:checked ~ .tab_filter li[class$="08"]{
	display:block;
}



.tab_change > input[id="resistance-welding00"]:checked ~ .tab_filter li.resistance-welding,
.tab_change > input[id="resistance-welding01"]:checked ~ .tab_filter li.joining-monitor,
.tab_change > input[id="resistance-welding02"]:checked ~ .tab_filter li.application-equipment,
.tab_change > input[id="resistance-welding03"]:checked ~ .tab_filter li.power-supplies,
.tab_change > input[id="resistance-welding04"]:checked ~ .tab_filter li.welding-electrode,
.tab_change > input[id="resistance-welding05"]:checked ~ .tab_filter li.welding-head{
	display:block;
}
.tab_change > input[id="pulse-heat00"]:checked ~ .tab_filter li.pulse-heat,
.tab_change > input[id="pulse-heat01"]:checked ~ .tab_filter li.power-supply,
.tab_change > input[id="pulse-heat02"]:checked ~ .tab_filter li.reflow-head,
.tab_change > input[id="pulse-heat03"]:checked ~ .tab_filter li.machine,
.tab_change > input[id="pulse-heat04"]:checked ~ .tab_filter li.monitor,
.tab_change > input[id="pulse-heat05"]:checked ~ .tab_filter li.tip-tool,
.tab_change > input[id="pulse-heat06"]:checked ~ .tab_filter li.force-indicator{
	display:block;
}
.tab_change > input[id="ultrasonic-welding00"]:checked ~ .tab_filter li.ultrasonic-welding,
.tab_change > input[id="ultrasonic-welding01"]:checked ~ .tab_filter li.plastic-welding,
.tab_change > input[id="ultrasonic-welding02"]:checked ~ .tab_filter li.cutter,
.tab_change > input[id="ultrasonic-welding03"]:checked ~ .tab_filter li.food-cutter,
.tab_change > input[id="ultrasonic-welding04"]:checked ~ .tab_filter li.hon-anvil,
.tab_change > input[id="ultrasonic-welding05"]:checked ~ .tab_filter li.custom-built,
.tab_change > input[id="ultrasonic-welding06"]:checked ~ .tab_filter li.technology-introduction{
	display:block;
}
.tab_change > input[id="ultrasonic-metal-welding00"]:checked ~ .tab_filter li.ultrasonic-metal-welding{
	display:block;
}
.tab_change > input[id="seam-welding00"]:checked ~ .tab_filter li.seam-welding{
	display:block;
}
.tab_change > input[id="highfrequency00"]:checked ~ .tab_filter li.highfrequency{
	display:block;
}
@media screen and (max-width: 1200px) {
	.products_style .tab_table .tab_controller{
		padding:2%;
	}
}
@media screen and (max-width: 767px) {
	.products_style > .tab_change.tab_select{
		position:relative;
		z-index:10;
		padding-top:52px;
		min-height:300px;
	}
	.products_style > .tab_change.tab_select > .tab_controller{
		position:absolute;
		z-index:10;
		padding-right:40px;
		height:42px;
		border:solid 1px #000;
		margin-bottom:10px;
		background:#105ead;
		top:0;
		left:0;
		right:0;
		top:0;
		flex-direction:column;		
	}
	#tab_selector{
		position:absolute;
		background:transparent;
		display:block;
		top:0;
		left:0;
		right:0;
		bottom: 0;
		margin:auto;
		border:none;
		z-index:20;
		cursor:pointer;
	}
	.products_style > .tab_change.tab_select > .tab_controller:after{
		content:"";
		display:block;
		position:absolute;
		width:7px;
		height:7px;
		border-top:solid 2px #fff;
		border-right:solid 2px #fff;
		z-index:4;
		bottom:17px;
		right:13px;
		transform:rotate(135deg);
	}
	.products_style .tab_controller label[for^="method"]{
		flex-basis:100%;
		font-size:min(3.5vw,1rem);
		padding:8px 10px;
		min-height:40px;
		margin:0;
		position:absolute;
		z-index:1;
		left:0;
		right:40px;
		justify-content:flex-start;
		background:#eee;
		border-top:solid 1px #ddd;
	}
	.products_style .tab_controller label[for^="method"] br{  
		display:none;
	}
	.tab_change.tab_select > input[id$="00"]:checked ~ .tab_controller label[for$="00"],
	.tab_change.tab_select > input[id$="01"]:checked ~ .tab_controller label[for$="01"],
	.tab_change.tab_select > input[id$="02"]:checked ~ .tab_controller label[for$="02"],
	.tab_change.tab_select > input[id$="03"]:checked ~ .tab_controller label[for$="03"],
	.tab_change.tab_select > input[id$="04"]:checked ~ .tab_controller label[for$="04"],
	.tab_change.tab_select > input[id$="05"]:checked ~ .tab_controller label[for$="05"],
	.tab_change.tab_select > input[id$="06"]:checked ~ .tab_controller label[for$="06"],
	.tab_change.tab_select > input[id$="07"]:checked ~ .tab_controller label[for$="07"],
	.tab_change.tab_select > input[id$="08"]:checked ~ .tab_controller label[for$="08"]{
		background:#fff;
		z-index:10;
		order:-1;
		border:none;
	}
	.tab_controller.opened #tab_selector{
		z-index:-1;
	}
	.products_style .tab_controller.opened label[for^="method"]{
		position:relative;
	}
	.products_style .tab_table .tab_controller{
		padding:10px;
		gap:0.5em;
	}	
	.products_style .tab_table .tab_controller label{
		padding:0.5em 1.5em;
		font-size:min(2.5vw,1.125rem);
	}
	#format .page_body .card_style,
	#format .page_body .vk_posts-layout-card{
		display:flex;
		flex-wrap:wrap;
		gap:2%;
	}
	#format .page_body .card_style > li,
	#format .page_body .vk_posts-layout-card .vk_post{
		width:49%;
		margin-bottom:4%;
	}
	#format .page_body .card_style .img_fit,
	#format .single-products .col-xl-4 .wp-block-group figure,
	#format .page_body .vk_posts-layout-card .vk_post .vk_post_imgOuter a{
		width:calc(100% - 10px);
	}
	#format .page_body .card_style .ttl,
	#format .page_body .vk_posts-layout-card .vk_post .card-title{
		font-size:1rem;
		padding:10px 10px 5px;
	}
	#format .page_body .card_style .text,
	#format .single-products .col-xl-4 .wp-block-group p,
	#format .page_body .vk_posts-layout-card .vk_post .card-text{
		padding:0 10px;
		font-size:0.75rem;
		line-height:1.6;
	}
	#format .single-products .col-xl-4 .wp-block-group figure + *{
		font-size:1rem;
		padding:10px 10px 5px;
	}
	#format .page_body .card_style > li a,
	#format .single-products .col-xl-4 .wp-block-group,
	#format .page_body .vk_posts-layout-card .vk_post{
		padding-bottom:30px;
	}
	#format .page_body .card_style > li a:before,
	#format .page_body .vk_posts-layout-card .vk_post:before{
		width:25px;
		height:25px;
	}
	#format .page_body .card_style > li a:after,
	#format .page_body .vk_posts-layout-card .vk_post:after{
		width:6px;
		height:6px;
		bottom:8px;
		right:9px;
		transform:rotate(45deg);
	}
	#format .page_body .vk_gridColumn .row{
		margin:0;
		gap:2%;
		flex-wrap:wrap;
	}
	#format .page_body .vk_gridColumn .row .col-6{
		padding:0;
		flex:0 0 49%;
	}
	#format .page_body .vk_gridColumn .row .order_end{
		order:10;
	}
	#format .page_body .vk_posts-layout-card .vk_post .card-body{
		padding:0;
	}
}
@media screen and (max-width: 320px) {
	#format .page_body .card_style{
		display:flex;
		flex-wrap:wrap;
		gap:0;
	}
	#format .page_body .card_style > li{
		width:100%;
		margin-bottom:4%;
	}
}
#format .page_body .bg_area{
	padding-top:80px;
	padding-bottom:80px;
	background:#eef3f8;
	position:relative;
	z-index:2;
}
#format .page_body .bg_area:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background:#eef3f8;
	z-index:-1;
	left:-100%;
	right:-100%
}
#format .page_body .bg_area + *{
	padding-top:80px;
	padding-bottom:80px;

}
#format .page_body .bg_area:first-child{
	padding-top:0;
}
#format .page_body .bg_area + *:last-child{
	padding-bottom:0;
}
#format .page_body .explanation_box{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
}
#format .page_body .explanation_box .images{
	width:46.5%;
}
#format .page_body .explanation_box .data{
	width:50%;
}
#format .page_body .explanation_box .images .img_fit{
	background:#fff;
}
#format .page_body .explanation_box .images .caption{
	text-align:center;
	margin-top:1em;
}
#format .page_body .explanation_box .data table th{
	width:50%;
	background:#105ead;
	color:#fff;
}
@media screen and (max-width: 767px) {
	#format .page_body .bg_area{
		padding-top:40px;
		padding-bottom:40px;
	}
	#format .page_body .bg_area + *{
		padding-top:40px;
		padding-bottom:40px;
	}
	#format .page_body .bg_area:first-child{
		padding-top:0;
	}
	#format .page_body .bg_area + *:last-child{
		padding-bottom:0;
	}
	#format .page_body .explanation_box{
		display:block;
	}
	#format .page_body .explanation_box .images{
		width:100%;
	}
	#format .page_body .explanation_box .data{
		width:100%;
	}
	#format .page_body .explanation_box .images .img_fit{
		background:#fff;
	}
	#format .page_body .explanation_box .images .caption{
		text-align:center;
		margin-top:1em;
	}
}

body.post-name-products input[type="radio"]{
	display:none;
}
body.post-name-products .tab_select{
	padding:40px 0;
	position:relative;
	z-index:5;
	background:#eef3f8;
	margin-bottom:60px;
}
body.post-name-products .tab_select:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	background:#eef3f8;
	z-index:-1;
	left:-100%;
	right:-100%
}
body.post-name-products .tab_select .tab_controller{
	gap:1em;
}
body.post-name-products .tab_select label{
	border:solid 1px #105ead;
	color:#105ead;
	background:#fff;
	padding:0.5em 3em;
	min-height:0;
	width:auto;
	border-radius:50px;
	font-size:min(1.5vw,1.125rem);
}
body.post-name-products .tab_select label{
}
body.post-name-products input[id$="00"]:checked ~ .tab_select label[for$="00"],
body.post-name-products input[id$="01"]:checked ~ .tab_select label[for$="01"],
body.post-name-products input[id$="02"]:checked ~ .tab_select label[for$="02"],
body.post-name-products input[id$="03"]:checked ~ .tab_select label[for$="03"],
body.post-name-products input[id$="04"]:checked ~ .tab_select label[for$="04"],
body.post-name-products input[id$="05"]:checked ~ .tab_select label[for$="05"],
body.post-name-products input[id$="06"]:checked ~ .tab_select label[for$="06"]{
	background:#105ead;
	color:#fff;	
}
body.post-name-products input ~ .wp-block-group{
	display:none;
}
body.post-name-products input[id$="00"]:checked ~ .wp-block-group,
body.post-name-products input[id$="01"]:checked ~ .wp-block-group[class*="01"],
body.post-name-products input[id$="02"]:checked ~ .wp-block-group[class*="02"],
body.post-name-products input[id$="03"]:checked ~ .wp-block-group[class*="03"],
body.post-name-products input[id$="04"]:checked ~ .wp-block-group[class*="04"],
body.post-name-products input[id$="05"]:checked ~ .wp-block-group[class*="05"],
body.post-name-products input[id$="06"]:checked ~ .wp-block-group[class*="06"]{
	display:block;
}
@media screen and (max-width: 767px) {
	body.post-name-products .tab_select{
		padding:20px 0;
		gap:0.5em;
	}	
	body.post-name-products .tab_select label{
		padding:0.5em 1.5em;
		font-size:min(2.5vw,1.125rem);
	}
}

#format .page_body .gird3{
	display:flex;
	justify-content:flex-start;
	gap:1%;
	flex-wrap:wrap;
}
#format .page_body .gird3 > *{
	width:calc((100% / 3) - 1%);
	flex-grow: 1;
}
#format .page_body .gird3 > * a{
	max-width:100%;
}
#format .page_body .gird3 > *:nth-child(n+4){
		margin-top:2%;
}
@media screen and (max-width: 767px) {
	#format .page_body .gird3 > *{
		flex-basis: 49%;
		flex-grow:inherit;
	}
	#format .page_body .gird3 > *:nth-child(n+3){
		margin-top:2%;
	}
	#format .page_body .gird3 > * a{
		margin-left:0;
		margin-right:auto;
	}
	#format .page_body .gird3.break > *{
		flex-basis: 100%;
		flex-grow:1;
	}
	#format .page_body .gird3.break > *:nth-child(n+2){
		margin-top:2%;
	}
	#format .page_body .gird3.break > * a{
		margin-left:auto;
		max-width:360px;
	}
}