@charset "utf-8";

body,html{ font-family: Lato, 'BIZ UDGothic', 'Noto Sans JP', 'M PLUS 1p', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, arial, helvetica, clean, sans-serif; }

body { background-color: transparent; background: url('/wp-content/themes/towa-child/_g3/assets/images/wall/wall_img.jpg') no-repeat center / cover; }

#site-header { background-color: #ffffff; }
#breadcrumb { background-color: inherit; }

h1.page-header-title { font-family: Lato, 'BIZ UDGothic', 'Noto Sans JP', 'M PLUS 1p', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, arial, helvetica, clean, sans-serif; }

h4{padding:.5em;background-color:var(--vk-color-border-hr);border-radius:var(--vk-size-radius);}
h5{padding-bottom:.5em;border-bottom:1px solid var(--vk-color-border-hr);}
.wp-block-button__link{padding-top:calc(.6em + 2px);padding-bottom:calc(.6em + 2px);}
.vk_button{margin-top:0;}
.vk_button .vk_button_link.btn,.wp-block-button.is-style-outline .wp-block-button__link{border-width:1px;padding-top:.6em;padding-bottom:.6em;}

h2.wp-block-heading.towa-h2{ padding:0.5rem; border-top:none; border-bottom:none; background-color:inherit; border-left:2.5rem #006b11 solid; color:#000000; line-height:120%; }

h2.wp-block-heading.towa-h2-g{ padding:0.5rem; border-top:none; border-bottom:none; background-color:inherit; border-left:2.5rem #a9ca69 solid; color:#000000; line-height:120%; }

h2.wp-block-heading.towa-h2-p{ padding:0.5rem; border-top:none; border-bottom:none; background-color:inherit; border-left:2.5rem #f5b2b2 solid; color:#000000; line-height:120%; }


h3.wp-block-heading.towa-h3{ padding:.5em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; }
h3.wp-block-heading.towa-h3::after{ border-bottom:none; }

h3.wp-block-heading.towa-h3-top{ padding:.2em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; color: #fabd00; font-size:2.5rem; font-weight: bold; }
h3.wp-block-heading.towa-h3-top::after{ border-bottom:none; }

h3.wp-block-heading.towa-h3-g{ padding:.2em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; color: #a9ca69; font-size:2.0rem; font-weight: bold; }
h3.wp-block-heading.towa-h3-g::after{ border-bottom:none; }

h3.wp-block-heading.towa-h3-p{ padding:.2em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; color: #f5b2b2; font-size:2.0rem; font-weight: bold; }
h3.wp-block-heading.towa-h3-p::after{ border-bottom:none; }

h3.wp-block-heading.towa-h3-sdgs{ padding:.5em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; }
h3.wp-block-heading.towa-h3-sdgs::after{ border-bottom:none; }

h3.wp-block-heading.towa-h3-cube-lp { padding:.5em .5em .5em 2em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; display: flex; align-items: center; }
h3.wp-block-heading.towa-h3-cube-lp::after { border-bottom:none; position: absolute; content: ''; left: 0; top: .5em; width: 1.2em; height: 1.2em; background-color: #aecffc; transform: rotate(45deg); }

h3.wp-block-heading.towa-h3-cube-lb { padding:.5em .5em .5em 2em; border-top:none; border-bottom:none; background-color:transparent; border-radius:0px; display: flex; align-items: center; }
h3.wp-block-heading.towa-h3-cube-lb::after { border-bottom:none; position: absolute; content: ''; left: 0; top: .5em; width: 1.2em; height: 1.2em; background-color: #a6ebfe; transform: rotate(45deg); }


h4.wp-block-heading.towa-h4{ padding:.5em; background-color:transparent; border-radius:0px; }

hr.wp-block-separator { border:1px #000000 solid; }

.towa_contact { border-left: 3px solid var(--vk-color-primary); padding: 5px; font-size:1.1rem; color:#000000; }
.towa_contact .fjk_brc { color: var(--vk-color-primary); font-size: 0.9rem;}
.towa_contact .contact_txt_tel { font-size:1.1rem; color:#000000; }

.towa-case-n-title , .towa-case-i-title { font-size: 2.5rem; font-weight:bold; margin-right:2.0rem;}
.towa-case-n , .towa-case-i { font-weight:bold; }

.towa-case-n::before { content: '■'; color: #a9ca69; }
.towa-case-i::before { content: '■'; color: #f5b2b2; }



.wp-block-table.towa-cv-table table.has-fixed-layout 
.wp-block-table towa-cv-table table.has-fixed-layout tr th ,
.wp-block-table towa-cv-table table.has-fixed-layout tr td {
	border: none;
	font-size: 1.1rem;
}

.wp-block-table.towa-cv-table table.has-fixed-layout thead tr th {
	background-color: rgb(0,157,217);
	font-size: 1.3rem;
	font-weight: bold;
}

.wp-block-table.towa-cv-table table.has-fixed-layout tbody tr td {
	background-color: rgb(203,223,241);
}
.wp-block-table.towa-cv-table table.has-fixed-layout tbody tr:nth-child(odd) td {
	background-color: rgb(231,240,248);
}

.wp-block-table.towa-cmp-table table ,
.wp-block-table.towa-cmp-table table tr th ,
.wp-block-table.towa-cmp-table table tr td ,
.wp-block-table.towa-crr-table table ,
.wp-block-table.towa-crr-table table tr th ,
.wp-block-table.towa-crr-table table tr td {
	border: none;
	font-size: 1.1rem;
}

.wp-block-table.towa-cmp-table table.has-fixed-layout tbody tr td {
	background-color: rgb(203,223,241);
}
.wp-block-table.towa-cmp-table table.has-fixed-layout tbody tr:nth-child(odd) td {
	background-color: rgb(231,240,248);
}

.wp-block-table.towa-crr-table table tbody tr td {
	background-color: rgb(203,223,241);
}
.wp-block-table.towa-crr-table table tbody tr:nth-child(odd) td {
	background-color: rgb(231,240,248);
}

ul.wp-block-list.towa-point {
	list-style:none !important;
	margin: 1rem 0 1rem 2rem;
}

ul.wp-block-list.towa-point li {
	list-style:none !important;
	margin: 1rem 0 1rem 2rem;
	padding: 0;
	text-indent: -6.0rem;
}

ul.wp-block-list.towa-point li.towa-li-point1 strong {
	font-size: 1.5rem;
	font-weight: bold;
}

ul.wp-block-list.towa-point li.towa-li-point2 strong {
	font-size: 1.5rem;
	font-weight: bold;
}

ul.wp-block-list.towa-point li.towa-li-point3 strong {
	font-size: 1.5rem;
	font-weight: bold;
}

ul.wp-block-list.towa-point li.towa-li-point4 strong {
	font-size: 1.5rem;
	font-weight: bold;
}

ul.wp-block-list.towa-point li.towa-li-point1:before {
	list-style:none !important;
	display: inline-block;
	content: url('../images/icon/icon_point1.png');
	vertical-align: middle;
	margin: 0 1rem 0 0;
	padding: 0 0 0 -1rem;
	text-indent: 0;
}

ul.wp-block-list.towa-point li.towa-li-point2:before {
	list-style:none !important;
	display: inline-block;
	content: url('../images/icon/icon_point2.png');
	vertical-align: middle;
	margin: 0 1rem 0 0;
	padding: 0 0 0 -1rem;
	text-indent: 0;
}

ul.wp-block-list.towa-point li.towa-li-point3:before {
	list-style:none !important;
	display: inline-block;
	content: url('../images/icon/icon_point3.png');
	vertical-align: middle;
	margin: 0 1rem 0 0;
	padding: 0 0 0 -1rem;
	text-indent: 0;
}

ul.wp-block-list.towa-point li.towa-li-point4:before {
	list-style:none !important;
	display: inline-block;
	content: url('../images/icon/icon_point4.png');
	vertical-align: middle;
	margin: 0 1rem 0 0;
	padding: 0 0 0 -1rem;
	text-indent: 0;
}

ul.wp-block-list.towa-sdgs-list {
	list-style:none !important;
	margin:0 0 0 -2rem;
}

ul.wp-block-list.towa-sdgs-list li {
	list-style:none !important;
	margin:0 0 0 2rem;
	padding: 0;
	text-indent: -1.5rem;
}

ul.wp-block-list.towa-sdgs-list li:before {
	list-style:none !important;
	font-family: FontAwesome;
	content: "\f105";
	font-size: 1.0rem;
	margin: 0 1rem 0 0;
	padding: 0 0 0 -1rem;
	text-indent: 0;
}

p.towa-p-sdgs strong { font-size:1.3rem; }

.diamond {
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-bottom-color: red;
	position: relative;
	top: -50px;
}
.diamond:after {
	content: '';
	position: absolute;
	left: -50px;
	top: 50px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: red;
}


body:not(.header_scrolled) #site-header { background-color: transparent; }

.global-nav-list { margin: 0 auto; padding: 0; display: flex; list-style: none; position: relative; width: auto; }

.global-nav-list>li .global-nav-name { font-size: 1.5rem; display: block; width: 100%; white-space: nowrap; }

.breadcrumb{border-top:1px solid var(--vk-color-border-hr);border-bottom:1px solid var(--vk-color-border-hr)}

.site-footer { display:block; background-color: transparent; overflow:hidden; width:100vw;max-width:100vw;height:350px; min-height:unset; padding:20px 0 0 0; clear:both; background: url('/wp-content/themes/towa-child/_g3/assets/images/footer/footer_back.png') no-repeat bottom / cover; position: relative; }


.footer-nav{border-bottom:2px solid var(--vk-color-border)}
.footer-nav-list li:first-child{border-left:1px solid var(--vk-color-border)}
.footer-nav-list li{border-right:1px solid var(--vk-color-border)}
.veu_contact { display: block; clear: both; overflow: hidden; margin: 0 5px; }
.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction:row; padding-left: 0; margin-bottom: 0; list-style: none; }

.container.site-footer-copyright { display:flex; justify-content:center; align-items:last baseline; color:#000000; background-color: transparent; overflow:hidden; vertical-align:text-bottom; width:100vw;max-width:100vw; padding:1px 0px; clear:both; }

.container.site-footer-copyright p { color:#000000; min-height:unset; height:3rem; }

ul#menu-footer-nav li.menu-item a::before { font-size: 1.0rem; font-family: "fontawesome"; content: '\f04b'; color:#0075c1; margin-right:4px; }


.site-header{ width:100%;overflow:visible;z-index:1000;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05); background: none; background-color: rgba(255,255,255,0.8); }

.page-header { width: 100%; height: 10vw; margin-top: 0; margin-bottom: 0; padding-bottom: 0; display: flex; align-items: center; position: relative; z-index: 1; min-height: 6rem; text-align: center; }

.page-header-title, h1.page-header-title:first-child {
	font-size: 3.5em;
	font-weight: 800;
	color: #000000;
	text-shadow: 3px 3px white;
}

/* 会社案内タイトル画像 */
.page-id-18 .page-header {
	background: url('/wp-content/themes/towa-child/_g3/assets/images/headers/header_pageheader.jpg') no-repeat center / cover;
}

/* 事業内容タイトル画像 */
.page-id-46 .page-header {
	background: url('/wp-content/themes/towa-child/_g3/assets/images/headers/header_pageheader.jpg') no-repeat center / cover;
}

/* 採用情報タイトル画像 */
.page-id-48 .page-header {
	background: url('/wp-content/themes/towa-child/_g3/assets/images/headers/header_pageheader.jpg') no-repeat center / cover;
}

/* SDGsタイトル画像 */
.page-id-116 .page-header {
	background: url('/wp-content/themes/towa-child/_g3/assets/images/headers/header_pageheader.jpg') no-repeat center / cover;
}

	/* 各タイトル文字の設定 */
	.page-id-18 .page-header .page-header-title ,
	.page-id-46 .page-header .page-header-title ,
	.page-id-48 .page-header .page-header-title ,
	.page-id-116 .page-header .page-header-title {
		background-color: rgba(255,255,255,0.6);
		font-weight: bold;
	}

	.page-id-18 .page-header .page-header-title .sub_title ,
	.page-id-46 .page-header .page-header-title .sub_title ,
	.page-id-48 .page-header .page-header-title .sub_title ,
	.page-id-116 .page-header .page-header-title .sub_title {
		font-family: Lato;
		font-size: 0.8em;
	}

	.page-id-18 .page-header .page-header-title::first-letter ,
	.page-id-46 .page-header .page-header-title::first-letter ,
	.page-id-48 .page-header .page-header-title::first-letter ,
	.page-id-116 .page-header .page-header-title::first-letter {
		color: #148cdc;
	}


@media (max-width:767.98px){
	body,html{font-family: Lato, 'BIZ UDGothic', 'Noto Sans JP', 'M PLUS 1p', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, arial, helvetica, clean, sans-serif;}
	.footer-nav{border-bottom:none}
	.footer-nav-list li:first-child{border-left:none}
	.footer-nav-list li{border-right:none;border-bottom:1px solid var(--vk-color-border-hr)}
}


@media (max-width: 659px) {
	#header-top.header-top { display:none; }
	#topSubBnr { display:none; }

	/* 各タイトル文字の設定 */
	.page-id-18 .page-header .page-header-title ,
	.page-id-46 .page-header .page-header-title ,
	.page-id-48 .page-header .page-header-title ,
	.page-id-116 .page-header .page-header-title {
		background-color: transparent;
		background-image: linear-gradient(to right, #fabd00 0%, 20%, rgba(255,255,255,0.4) 20% 100%);
		padding: 1% 0 1% 22%;
		font-size: 2.2rem;
		font-weight: bold;
	}

	.page-id-18 .page-header .page-header-title .sub_title ,
	.page-id-46 .page-header .page-header-title .sub_title ,
	.page-id-48 .page-header .page-header-title .sub_title ,
	.page-id-116 .page-header .page-header-title .sub_title {
		font-family: Lato;
		font-size: 1.6rem;
		color: #333333;
	}

}

@media (min-width: 660px) { /* スクロール分余裕に20px */

	.header_scrolled .site-header{background-color:var(--vk-color-header-bg);clear:both;z-index:1000;position:fixed;top:0;left:0;width:100vw;max-width:100vw;min-height:unset;box-shadow:0 1px 3px rgba(0,0,0,.1);animation:header_drop .5s ease-out 0s 1 alternate none running;}

	.header_scrolled #header-top.header-top > .container > p.header-top-description { display: none; }
	.header_scrolled .header-top, .header_scrolled .site-header-logo{ display:block; }
	.header_scrolled .site-header .global-nav { display: block; width: auto; clear: both; }

	#global-nav.global-nav { color:#000000; border-bottom: 3px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: transparent; }

	.global-nav-name { color: #000000; }

}


.container-fluid { margin-right: auto; margin-left: auto; max-width: 980px; }
.vcenter { display: inline-block; vertical-align: middle; }
.arrow img { padding:5px 0; }
.inline-block-line { display: inline-block !important; }
.small-input-text { width: 100px !important; }
.collateral-check-box { padding-left: 12px; }
.font-size-large { font-size: 18px; }
.font-size-small { font-size: 12px; }

.fadeUpTrigger {
    opacity: 0;
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {

    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}

/* extra-small-devices */
/* -------------------------------------------------- */
.for-extra-small { display: none !important; }
.for-middle-over { display: inline-block !important; }

/* extension */
/* -------------------------------------------------- */
.ime { ime-mode: active; }
.ime-disabled { ime-mode: disabled; }
.radiolabel { font-weight: normal !important; }
.overflow { overflow: hidden; }