@charset "utf-8";

/*
/*    CSS english-page
*/


/*
*********************************************************************************
/*
/* common.css
/*
/*******************************************************************************/

:root {
--enpick:"Roboto Condensed";
}

/*
*********************************************************************************
/*
/* layout.css
/*
/*******************************************************************************/


footer .f_contactus .time {
	line-height: 1.6;
	margin-top: 4vw;
}

footer .f_contactus .tel_block {
	font-size: calc(34 * var(--px-rem));
	margin-top: 2vw;
}

footer .f_contactus .tel_block p:before {
	top: 4vw;
}

footer .f_navwrap .f_logo a {
	width: 46vw;
	margin-bottom: 12vw;
}

footer .f_navwrap .subnav_con li {
	display: block;
}

footer .f_navwrap .subnav_con .stl {
	width: auto;
	padding-right: 6vw;
}


footer .f_navwrap .subnav_con .stl:after {top: 1.4vw;}

footer .f_navwrap .subnav_con .stl + ul {
	width: 100%;
}
footer .f_navwrap .f_ad_wrap {
	font-size: calc(12 * var(--px-rem));
}
.top_lead {
	margin: 0 5vw;
}

.top_lead .top_lead_line {
	font-size: calc(14 * var(--px-rem));
	letter-spacing: 0.04em;
}

.top_lead p {
	gap: 2vw;
}

.access_table tr > td:nth-of-type(2) a {
	color: var(--blue);
	font-weight: 700;
	text-decoration: none;
	position: relative;
	padding-right: 3vw;
	font-family: var(--pick);
}
.access_table tr > td:nth-of-type(2) a:after {
	position: absolute;
	content: "";
	width: 1.9vw;
	height: 1.9vw;
	border-left: 2px solid var(--blue);
	border-top: 2px solid var(--blue);
	transform: translate(0%, -50%) rotate(135deg);
	top: 50%;
	right: 0%;
		margin-top: 0.4vw;
}

.works_bnr a .stl {
	font-size: calc(15 * var(--px-rem));
}

.organization_li_wrap .posi {
	font-size: calc(9 * var(--px-rem));
	line-height: 1.2;
}
.main_col02 .site_tl01 {
	line-height: 1.5;
}

.page_tl_big .tl {
	font-size: calc(27 * var(--px-rem));
	font-family: var(--enpic);
	font-weight: 500;
	text-align: center;
	height: inherit;
	margin-top: 10vw;
}


.page_tl_big .txt {
	margin-top: 0vw;
}

body.en .en_font,
body.en .en_font * {
	font-family: var(--enpick) !important;
}


.pattern_li03 .li_tl {
	font-size: calc(11 * var(--px-rem));
	font-weight: 500;
}

.pattern_li03 .catch {
	font-size: calc(11 * var(--px-rem));
	font-weight: 500;
	line-height: 1.5;
}
.pattern_li .li_tl {font-weight: 500;}

.pattern_li .sent {
	font-size: calc(11 * var(--px-rem));
}

.pattern_li {
	grid-auto-rows: inherit;
}

.pattern_li >li {padding-bottom: 6vw;}
.pattern_li >li.wip:has(.wip_label) {
	padding-bottom: 13vw;
}

.catalyst_txt_matome {
	font-weight: 700;
	line-height: 1.7;
}

.tl_lv02 {
	line-height: 1.8;
}


.tl_simple {
	font-weight: 700;
}

.prod_cat_tl_box:has(.work_type_link) .txt {
	padding-bottom: 13vw;
}

.work_type_link {
	width: auto;
	min-width: 45.4vw;
	display: inline-block;
}

.work_type_link a, .work_type_link .a_style {
	font-size: calc(10 * var(--px-rem));
	padding: 2.5vw 2.1vw 0;
}

.prod_cat_tl_box .work_type_link {
	top: 11vw;
	right: inherit;
	left: 4vw;
}
.tl_simple04 {
	font-weight: 700;
}

.komenote {
	padding-left: 3.2em;
	text-indent: -3.2em;
}

.sustainability_message .tl {
	font-weight: 500;
}
.sdgs .tl {
	font-size: calc(16 * var(--px-rem));
}

.sdgs_li p.txt_oris {
	font-size: 1.2rem;
	line-height: 1.1;
}

.sdgs_anchor > li > a .en {
	font-size: calc(15 * var(--px-rem));
}

.sdgs_cat_block .box_tl .en {
	font-size: calc(18 * var(--px-rem));
}
.pattern_li02 .cat {
	margin-top: 15px;
	line-height: 0.8;
	position: absolute;
	bottom: 5vw;
	left: 50%;
	transform: translate(-50%, 0%);
	white-space: nowrap;
}
.pattern_li_tl {
	margin-bottom: 5vw;
	line-height: 1.4;
}

/*
*********************************************************************************
/*
/* layout_pctb.css
/*
/*******************************************************************************/
@media screen and (min-width:600px) {
header .logo {
	width: 398px;
}

header nav {
	width: calc(100% - 614px);
}
header .subnav_in {
	width: 1010px;
}

header .subnav_dl {
	grid-template-columns: 180px 1fr;
}
footer .f_contactus .tel_block {
	font-size: 4.5rem;
	margin-top: 5px;
}

footer .f_contactus .tel_block p:before {
	TOP: 20px;
}

footer .f_contactus .tel_block p {
	line-height: 1.2;
}
footer .f_contactus .time {
	margin-top: 10px;
}


footer .f_navwrap .subnav_con li {
	display: inline-block;
}

footer .f_navwrap .subnav_con .stl {
	width: 160px;
	padding: 0;
}

footer .f_navwrap .subnav_con .stl:after {
	top: 4px;
}

footer .f_navwrap .subnav_con .stl + ul {
	width: 790px;
}

footer .f_navwrap .f_logo a {
	width: 184px;
	margin-bottom: 0;
}

.top_lead .top_lead_line {
	font-size: 3.6rem;
}

.works_bnr a .stl {
	font-size: 2.4rem;
}

.page_tl .ja {
	padding: 6px 10px 2px 8px;
}

table tbody th {
	width: 150px;
}

.access_table tr > td:nth-of-type(1) {
	width: 627px;
}


.access_table tr > td:nth-of-type(2) a {
	color: var(--blue);
	font-weight: 700;
	text-decoration: none;
	position: relative;
	padding-right: 3vw;
		font-family: var(--pick);
}

.access_table tr > td:nth-of-type(2) a:after {
	position: absolute;
	content: "";
	width: 1.9vw;
	height: 1.9vw;
	border-left: 2px solid var(--blue);
	border-top: 2px solid var(--blue);
	transform: translate(0%, -50%) rotate(135deg);
	top: 50%;
	right: 0%;
		margin-top: 0.4vw;
}




.access_table tr > td:nth-of-type(2) {
	text-align: right;
}

.access_table tr > td:nth-of-type(2) a {
	padding-right: 40px;
}

.access_table tr > td:nth-of-type(2) a:after {
	width: 7px;
	height: 7px;
	margin-top: 1px;
	right: 20px;
}

.access_table tr >* {
	vertical-align: middle;
}
.organization_li_wrap .posi {
	font-size: 1.4rem;
}

.organization_li .kaisou03 > li > .posi, .organization_li .kaisou04 > li > .posi {
	font-size: 1.3rem;
	line-height: 1.1;
}

.page_tl_big .tl {
	font-size: 8.5rem;
	margin-top: 130px;
}

.page_tl_big .txt {
	font-size: 4rem;
}

.pick_lead {
	max-width: 625px;
	line-height: 2.3;
}
.pattern_li_tl {
	margin-bottom: 20px;
}

.pattern_li03 .li_tl {font-size: 2.2rem;}

.pattern_li03 .catch {
	font-size: 1.8rem;
}
.pattern_li .sent {
	font-size: 1.3rem;
}

.pattern_li .wip .wip_label {
	width: 106px;
}

.pattern_li >li {
	padding-bottom: 18px;
}

.pattern_li >li.wip:has(.wip_label) {
	padding-bottom: 55px;
}
.pattern_li02 >li {
	grid-template-rows: 30px 135px 1fr;
	padding-bottom: 80px;
}
	.pattern_li02 .cat {
	margin-top: 15px;
	bottom: 30px;
	padding: 8px 15px 8px 15px;
}


.catalyst_txt_matome {
	font-size: 2.4rem;
}


.work_type_link {
	min-width: 170px;
}

.prod_cat_tl_box:has(.work_type_link) .txt {
	padding: 16px 480px 11px 30px;
}

.prod_cat_tl_box .work_type_link {
	top: 50%;
	right: 215px;
	left: inherit;
	width: auto;
	min-width: 170px;
}

.work_type_link a, .work_type_link .a_style {
	padding: 9px 6px;
}

.tl_simple .tl_s {
	font-size: calc(12 * var(--px-rem));
}
.sdgs .tl {
	font-size: 3.4rem;
}

.sdgs_li p {
	font-size: 1.2rem !important;
	line-height: 1.3 !important;
}

.sdgs_anchor > li > a .en {
	font-size: 2.6rem;
}

.sdgs_cat_block .box_tl .en {
	font-size: 2.6rem;
}

.sdgs_cat_box .txt_area > .txt_box .box_stl {
	font-size: 1.8rem;

}
}

/*
*********************************************************************************
/*
/* layout_carrier.css
/*
/*******************************************************************************/

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
SP */

@media screen and (max-width:599px) {
.copy01 {
	font-size: calc(21 * var(--px-rem));
}
.copy01.mission_copy {
	font-size: calc(22 * var(--px-rem));
}
.main_col02_snav .main_col02_l .side_nav {
	width: 82.4vw;
}
.usage_li > li {
	padding: 1.8vw 0.8vw;
}

.pattern_li02 {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.pattern_li02 >li {
	grid-template-rows: 5vw 21vw 1fr;
	padding-bottom: 14vw;
	width: 44vw;
}

.pattern_li02>li>* {
	width: 100%;
}
}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
PC */

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

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

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

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
TB ONLY */
@media screen and (min-width:600px) and ( max-width:1279px) {
}


/*
*********************************************************************************
/*
/* print.css
/*
/*******************************************************************************/