@charset "utf-8";


/*===cariier===cariier===cariier===
...................................

------------------------------ 余白

○(m or p)○(t or b)○(l or m or s)_○(none or l or s)

...................................
===cariier===cariier===cariier===*/

:root {
	--yohaku-llpx:	180px;	--yohaku-llvw:	18vw;
	--yohaku-lpx:	150px;	--yohaku-lvw:	15vw;
	--yohaku-lspx:	100px;	--yohaku-lsvw:	13vw;
	--yohaku-mlpx:	80px;	--yohaku-mlvw:	12vw;
	--yohaku-mpx:	60px;	--yohaku-mvw:	10vw;
	--yohaku-mspx:	40px;	--yohaku-msvw:	8vw;
	--yohaku-slpx:	15px;	--yohaku-slvw:	5vw;
	--yohaku-spx:	10px;	--yohaku-svw:	2vw;
	--yohaku-sspx:	5px;	--yohaku-ssvw:	1vw;
}


@media screen and (max-width:599px) {
.mtl_l{margin-top:var(--yohaku-llvw)!important}.mbl_l{margin-bottom:var(--yohaku-llvw)!important}.ptl_l{padding-top:var(--yohaku-llvw)!important}.pbl_l{padding-bottom:var(--yohaku-llvw)!important}.mtl{margin-top:var(--yohaku-lvw)!important}.mbl{margin-bottom:var(--yohaku-lvw)!important}.ptl{padding-top:var(--yohaku-lvw)!important}.pbl{padding-bottom:var(--yohaku-lvw)!important}.mtl_s{margin-top:var(--yohaku-lsvw)!important}.mbl_s{margin-bottom:var(--yohaku-lsvw)!important}.ptl_s{padding-top:var(--yohaku-lsvw)!important}.pbl_s{padding-bottom:var(--yohaku-lsvw)!important}.mtm_l{margin-top:var(--yohaku-mlvw)!important}.mbm_l{margin-bottom:var(--yohaku-mlvw)!important}.ptm_l{padding-top:var(--yohaku-mlvw)!important}.pbm_l{padding-bottom:var(--yohaku-mlvw)!important}.mtm{margin-top:var(--yohaku-mvw)!important}.mbm{margin-bottom:var(--yohaku-mvw)!important}.ptm{padding-top:var(--yohaku-mvw)!important}.pbm{padding-bottom:var(--yohaku-mvw)!important}.mtm_s{margin-top:var(--yohaku-msvw)!important}.mbm_s{margin-bottom:var(--yohaku-msvw)!important}.ptm_s{padding-top:var(--yohaku-msvw)!important}.pbm_s{padding-bottom:var(--yohaku-msvw)!important}.mts_l{margin-top:var(--yohaku-slvw)!important}.mbs_l{margin-bottom:var(--yohaku-slvw)!important}.pts_l{padding-top:var(--yohaku-slvw)!important}.pbs_l{padding-bottom:var(--yohaku-slvw)!important}.mts{margin-top:var(--yohaku-svw)!important}.mbs{margin-bottom:var(--yohaku-svw)!important}.pts{padding-top:var(--yohaku-svw)!important}.pbs{padding-bottom:var(--yohaku-svw)!important}.mts_s{margin-top:var(--yohaku-ssvw)!important}.mbs_s{margin-bottom:var(--yohaku-ssvw)!important}.pts_s{padding-top:var(--yohaku-ssvw)!important}.pbs_s{padding-bottom:var(--yohaku-ssvw)!important}
}

@media screen and (min-width:600px) {
.mtl_l{margin-top:var(--yohaku-llpx)!important}.mbl_l{margin-bottom:var(--yohaku-llpx)!important}.ptl_l{padding-top:var(--yohaku-llpx)!important}.pbl_l{padding-bottom:var(--yohaku-llpx)!important}.mtl{margin-top:var(--yohaku-lpx)!important}.mbl{margin-bottom:var(--yohaku-lpx)!important}.ptl{padding-top:var(--yohaku-lpx)!important}.pbl{padding-bottom:var(--yohaku-lpx)!important}.mtl_s{margin-top:var(--yohaku-lspx)!important}.mbl_s{margin-bottom:var(--yohaku-lspx)!important}.ptl_s{padding-top:var(--yohaku-lspx)!important}.pbl_s{padding-bottom:var(--yohaku-lspx)!important}.mtm_l{margin-top:var(--yohaku-mlpx)!important}.mbm_l{margin-bottom:var(--yohaku-mlpx)!important}.ptm_l{padding-top:var(--yohaku-mlpx)!important}.pbm_l{padding-bottom:var(--yohaku-mlpx)!important}.mtm{margin-top:var(--yohaku-mpx)!important}.mbm{margin-bottom:var(--yohaku-mpx)!important}.ptm{padding-top:var(--yohaku-mpx)!important}.pbm{padding-bottom:var(--yohaku-mpx)!important}.mtm_s{margin-top:var(--yohaku-mspx)!important}.mbm_s{margin-bottom:var(--yohaku-mspx)!important}.ptm_s{padding-top:var(--yohaku-mspx)!important}.pbm_s{padding-bottom:var(--yohaku-mspx)!important}.mts_l{margin-top:var(--yohaku-slpx)!important}.mbs_l{margin-bottom:var(--yohaku-slpx)!important}.pts_l{padding-top:var(--yohaku-slpx)!important}.pbs_l{padding-bottom:var(--yohaku-slpx)!important}.mts{margin-top:var(--yohaku-spx)!important}.mbs{margin-bottom:var(--yohaku-spx)!important}.pts{padding-top:var(--yohaku-spx)!important}.pbs{padding-bottom:var(--yohaku-spx)!important}.mts_s{margin-top:var(--yohaku-sspx)!important}.mbs_s{margin-bottom:var(--yohaku-sspx)!important}.pts_s{padding-top:var(--yohaku-sspx)!important}.pbs_s{padding-bottom:var(--yohaku-sspx)!important}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:599px) {
	.pc_only,
	.pctb_only,
	.sp_none,
	.tb_only {
		display: none !important;
	}
	html {
		font-size: 2.35vw;
	}
	.inner,
	.inner_s,
	.inner_940,
	.inner_950,
	.main_col02 {
		width: 90vw;
		margin-left: 5vw;
		margin-right: 5vw;
	}
	header {
		border-bottom: 0;
		left: 0 !important;
	}
	header .hamburger:before,
	header .hamburger:after,
	header .hamburger span:before {
		transition: 0.5s;
	}
	header .header_in {
		border-bottom: 2px solid var(--blue);
		height: 100%;
		position: relative;
		z-index: 10;
		background: #fff;
	}
	header .subnav_close {
		display: none;
	}
	header nav {
		display: none;
		position: absolute;
		width: 100%;
		height: 100dvh;
		top: 0;
		left: 0;
		background: #fff;
		padding-top: calc((58 / 375) * 100vw + 2px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	header .main_nav > li > a {
		position: relative;
		border-bottom: 1px solid var(--gray);
		display: flex;
		text-decoration: none;
		font-size: calc(18 * var(--px-rem));
		font-weight: 500;
		line-height: 1.4;
		padding: 5vw 13vw 4.7vw 5vw;
	}
	header .main_nav > li:has(.subnav) > a:before,
	header .main_nav > li:has(.subnav) > a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 5vw;
		width: 3.7vw;
		height: 1px;
		z-index: 1;
		background: var(--blue);
		transition: 0.5s;
	}
	header .main_nav > li:has(.subnav) > a:after {
		rotate: 90deg;
	}
	header .main_nav > li:has(.subnav).on > a:after {
		rotate: 180deg;
	}
	header .subnav {
		display: none;
		background: var(--blue);
		color: #fff;
		padding: 8vw 0;
	}
	html:has(.js_menu_open) {
		touch-action: none;
		-webkit-overflow-scrolling: none;
		overflow: hidden;
		overscroll-behavior: none;
	}
	.js_menu_open header .hamburger:before {
		top: calc(50% - 1px);
		rotate: 45deg;
	}
	.js_menu_open header .hamburger:after {
		bottom: calc(50% - 1px);
		rotate: -45deg;
	}
	.js_menu_open .hamburger span:before {
		opacity: 0;
	}
	.js_menu_open header nav {
		display: block;
	}
	header .en_change a {
		padding: 5vw;
		text-decoration: none;
	}
	header .en_change {
		text-align: right;
		font-size: calc(13 * var(--px-rem));
	}
	header .main_nav {
		border-top: 1px solid var(--gray);
	}
	.main_col02_snav .main_col02_l .side_nav {
		display: none;
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		background: #fff;
		border: 1px solid var(--blue);
		border-left: 0;
		width: 74.5vw;
		padding: 10vw 4vw 7vw 12.5vw;
	}
	.main_col02_snav .main_col02_l .side_nav_li {
		display: block;
	}
	.main_col02_snav .main_col02_l:before {
		display: none;
	}
	.main_col02_snav .main_col02_l .side_nav_btn {
		position: absolute;
		transform: translate(-50%, -50%) rotate(90deg);
		top: 50%;
		left: 50%;
		color: var(--blue);
		text-align: center;
		z-index: 10;
		cursor: pointer;
		font-weight: 500;
		font-size: calc(14* var(--px-rem));
		font-family: var(--pick);
	}
	.main_col02_snav .main_col02_l .side_nav_btn span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: 0.5s;
	}
	.main_col02_snav .main_col02_l .side_nav_btn em {
		opacity: 0;
		transition: 0.5s;
	}
	.main_col02_snav .main_col02_l.on .side_nav_btn span {
		opacity: 0;
	}
	.main_col02_snav .main_col02_l.on .side_nav_btn em {
		opacity: 1;
	}
	.main_col02_snav .main_col02_l.on .side_nav {
		display: block;
	}
	.access_table tbody tr {
		display: grid;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
		grid-template-columns: 24.5vw 1fr;
	}
	.access_table tbody th {
		grid-column: 1 / 2;
		grid-row: 1 / 5;
	}
	.access_table tr > td:nth-of-type(1) {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		border: none;
		padding-bottom: 0;
	}
	.access_table tr > td:nth-of-type(2) {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
	.access_table tr:has(td:nth-of-type(2)) > td:nth-of-type(1) {
		border: none;
		padding: 0;
	}
	.access_table tr > td:nth-of-type(3) {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
		padding-top: 0;
	}
	.access_table tbody .tel_link a {
		text-decoration: none;
	}
	.detail_table_wrap {
		overflow-x: scroll;
	}
	header .main_nav > li > a.no_sub:after {
		position: absolute;
		content: "";
		background: url(../images/arrow.svg) no-repeat right center / contain;
		width: 3.2vw;
		height: 100%;
		top: 0;
		right: 5vw;
		filter: var(--filter-blue);
	}
	header .subnav_dl > dt {
		display: none;
	}
	header .subnav_dl .subnav_con + .subnav_con {
		margin-top: 5vw;
	}
	header .subnav_con a {
		display: block;
		border: 1px solid var(--gray);
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-size: calc(14 * var(--px-rem));
		padding: 2.8vw 2.8vw 2.8vw;
		font-weight: 500;
	}
	header .subnav_con > ul > li + li {
		margin-top: -1px;
	}
	header .subnav_dl .subnav_con .stl {
		font-size: calc(14 * var(--px-rem));
		font-weight: 500;
		padding-bottom: 1.5vw;
	}
	header .subnav_con .nav_works_bnr a {
		background: #f76430 url(../images/works/nav_refractory_sp.png) no-repeat center center / cover;
		color: #fff;
		font-weight: 700;
		position: relative;
		border: none;
		font-family: var(--pick);
	}
	header .subnav_con .nav_works_bnr a:before {
		position: absolute;
		content: "";
		top: 1.8vw;
		left: 1.8vw;
		background: url(../images/works/logo_cm.svg) no-repeat left top / contain;
		width: 17.7vw;
		height: 3vw;
	}
	header .subnav_con .nav_works_bnr .ceramicsand a {
		background-image: url(../images/works/nav_ceramicsand_sp.png);
		background-color: #00b2f2;
	}
	header .subnav_con .nav_works_bnr .carbonneutral a {
		background-image: url(../images/works/nav_carbonneutral_sp.png);
		background-color: #00d9b1;
	}
	header .subnav_con .nav_works_bnr li + li {
		margin-top: 0;
	}
	#prod_aeronite .page_tl_m.page_tl_carbonneutral {
		background-position: center bottom;
	}
	.main_col02_snav .main_col02_l {
		opacity: 1;
		transform: none;
	}
	table#form,
	table#form tbody,
	table#form tr {
		display: block;
	}
	table#form tr > * {
		display: block;
	}
	table#form th {
		border: none;
		padding: 3vw 0 1vw;
		width: auto;
		font-weight: 700;
	}
	table#form tr td {
		padding: 0 0 4vw;
		width: auto;
	}
	table#form select {
		padding: 2vw;
		font-size: 16px;
		width: 100%;
	}
	table#form .policy {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	main table#form input[type="text"],
	main table#form input[type="textarea"],
	main table#form input[type="email"],
	main table#form select,
	main table#form textarea {
		font-size: 16px !important;
		padding: 2vw;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		border: max(1px, .1rem) solid #f4f4f4 !important;
		background-color: #f4f4f4 !important;
		border-radius: .3rem !important;
		-webkit-transition: border-color .25s ease;
		transition: border-color .25s ease;
	}
	input#e_8\[tel1\],
	input#e_8\[tel2\],
	input#e_8\[tel3\],
	input#e_9\[tel1\],
	input#e_9\[tel2\],
	input#e_9\[tel3\],
	input#e_23\[tel1\],
	input#e_23\[tel2\],
	input#e_23\[tel3\],
	input#e_24\[tel1\],
	input#e_24\[tel2\],
	input#e_24\[tel3\] {
		width: 27vw;
	}
	input[type=button],
	input[type=submit] {
		padding: 4vw;
		font-size: 1.9rem;
		width: 58vw;
	}
	div#formButton input + input {
		margin-top: 6vw;
	}
	div#formButton {
		margin: 10vw auto 0;
	}
	.table_sp_1col tr,
	.table_sp_1col th,
	.table_sp_1col td {
		display: block !important;
		width: 100%;
		line-height: 1.7;
		display: block;
	}
	.table_sp_1col th {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.table_sp_1col td {
		padding-top: 2vw;
	}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- PC ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:1280px),
print {
	.pc_none,
	.pctb_none,
	.sp_only,
	.tb_only {
		display: none !important;
	}
	.inner,
	.inner_s,
	.inner_940,
	.inner_950,
	.main_col02 {
		margin-left: auto;
		margin-right: auto;
	}
	a:hover {
		text-decoration: none;
		opacity: 0.7;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
}


/*===cariier===cariier===cariier===
...................................

----------------------- TB/SP ONLY

...................................
===cariier===cariier===cariier===*/

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

}


/*===cariier===cariier===cariier===
...................................

-------------------------- TB ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:600px) and ( max-width:1279px) {
	.pc_only,
	.pctb_none,
	.sp_only,
	.tb_none {
		display: none !important;
	}
	
	.cky-consent-container .cky-consent-bar {
		margin: 20px;
	}

	.cky-notice-group {
		gap: 20px;
	}
}