@charset "utf-8";



[class*="tit-lv"]						{position: relative;}
[class*="tit-lv"]:first-child,
.box-head + [class*="tit-lv"],
[class*="tit-lv"] + [class*="tit-lv"]	{margin-top:0;}
[class*="tit-lv"]:last-child			{margin-bottom:0;}

.content-lg + hr.pbb{border-color:transparent;margin:32px 0;}

.tit-separator{padding-bottom:.66em;}

.tit-separator:after{
	border-bottom: .25rem solid #000;
	content: "";
	position: absolute;left: 0;bottom: 0;width: 2em;
	}

.text-center.tit-separator:after{
	left: 50%;right: 50%;margin:0 -1em;
	}

.text-right.tit-separator:after{
	left: auto;right: 0;
	}

[class*="tit-lv"] small{display:block;}

.multiline{line-height: 1.5;}

[class*="tit-lv"].en{line-height: .75;}
[class*="tit-lv"].en small{line-height: 1;letter-spacing:0;text-indent:0;}

h3[class*="tit-lv"]{margin-bottom: 4rem;}
	@media only screen and (max-width:1199px)	{h3[class*="tit-lv"]{margin-bottom: 3rem;}}
	@media only screen and (max-width:991px)	{h3[class*="tit-lv"]{margin-bottom: 2rem;}}
	@media only screen and (max-width:767px)	{h3[class*="tit-lv"]{margin-bottom: 1rem;}}


.tit-lv0a{
	font-size:3.5em;line-height: 0.75;
	text-transform: uppercase;
	display: flex;flex-flow:column wrap;align-items: center;
	}
	@media only screen and (max-width:991px)	{.tit-lv0a{font-size:3em;}}
	@media only screen and (max-width:767px)	{.tit-lv0a{font-size:2.5em;}}

.tit-lv0a small{
	background: linear-gradient(45deg, #8CC059 25%,#ECBD13 75%);color:#FFF;border-radius:6rem;text-align: center;
	letter-spacing:.25em;text-indent:.25em;
	font-size:.33em;line-height: 1;
	font-weight: 800;
	margin-top:1.5em;padding: .5em 1em;
	}
	@media only screen and (max-width:991px)	{.tit-lv0a small{font-size: .33em;}}
	@media only screen and (max-width:767px)	{.tit-lv0a small{font-size: .33em;}}

.tit-lv0a em{
	border-top: 1px dotted #666;
	font-size:.33em;line-height: 1;letter-spacing:0;text-indent:0;
	margin-top:1.66em;padding: 1em 0 0;
	display:block;
	}
	@media only screen and (max-width:991px)	{.tit-lv0a em{}}
	@media only screen and (max-width:767px)	{.tit-lv0a em{font-size: 0.3em;margin-top: .83em;}}
	@media only screen and (max-width:575px)	{.tit-lv0a em{}}


.tit-lv0b{
	font-size:4.5rem;
	margin-bottom: .66em;
	}
	@media only screen and (max-width:991px)	{.tit-lv0b{font-size: 3.6rem;text-align: center;}}
	@media only screen and (max-width:767px)	{.tit-lv0b{font-size: 2.4rem;}}

.tit-lv0b small{
	font-size:1.5rem;
	margin-top:1.5rem;
	}
	@media only screen and (max-width:991px)	{.tit-lv0b small{font-size:1.2rem;}}
	@media only screen and (max-width:767px)	{.tit-lv0b small{font-size:.8rem;}}

.tit-lv1{
	font-size:2.75rem;line-height: .75;
	font-weight: 600;
	margin-bottom: .66em;padding-bottom: .66em;
	}
	@media only screen and (max-width:991px)	{.tit-lv1{font-size:2.25rem;}}
	@media only screen and (max-width:767px)	{.tit-lv1{font-size:1.75rem;}}

.tit-lv1 small{
	font-size:.4em;
	font-weight: 600;
	margin-top:1em;
	}
	@media only screen and (max-width:991px)	{.tit-lv1 small{font-size:.425em;}}
	@media only screen and (max-width:767px)	{.tit-lv1 small{font-size:.45em;}}

.tit-lv1a{
	font-size:1.75rem;
	border-bottom: 1px solid #666;font-weight: 600;
	margin-bottom: .66em;padding-bottom: .66em;
	}
	@media only screen and (max-width:991px)	{.tit-lv1a{font-size:1.5rem;}}
	@media only screen and (max-width:767px)	{.tit-lv1a{font-size:1.25rem;}}

.headline{border-top:.25rem solid #7A8F99;padding-top:1.25rem;}
.footline{border-bottom:.25rem solid #7A8F99;padding-bottom:1.25rem;}

.leftline{padding-left:.66em;border-left: .25em solid #777;line-height: 1.25;}

.tit-lv2{font-size:1.25em;margin:2em 0 1em;font-weight: 700;}
	@media only screen and (max-width:767px)	{.tit-lv2{font-size:1.125em;}}


.tit-lv2a{
	font-size:2em;font-weight: 800;
	margin-bottom: 1em;
	}
	@media only screen and (max-width:991px)	{.tit-lv2a{font-size:1.75rem;}}
	@media only screen and (max-width:767px)	{.tit-lv2a{font-size:1.5rem;}}

.tit-lv2a em{
	border-top: 1px solid #666;background-color: rgba(0,0,0,.033);
	font-size:.66em;line-height: 1;letter-spacing:0;text-indent:0;
	font-weight: 600;
	margin-top:1em;padding: .5em .75em .75em;
	display:block;text-align: right;
	}
	@media only screen and (max-width:991px)	{.tit-lv2a em{}}
	@media only screen and (max-width:767px)	{.tit-lv2a em{font-size: .5em;margin-top: .83em;padding: .75em 1em 1em;}}
	@media only screen and (max-width:575px)	{.tit-lv2a em{}}

.tit-lv2b{
	font-size:2.75rem;line-height: .75;border-bottom: 1px solid #666;
	font-family: 'Shippori Minocho B1',serif;
	margin-bottom: .66em;padding-bottom: 0.66em;
	}
	@media only screen and (max-width:991px)	{.tit-lv2b{font-size:2.5rem;}}
	@media only screen and (max-width:767px)	{.tit-lv2b{font-size:1.75rem;}}

.tit-lv2b small{
	font-size:.4em;
	font-family: 'Klee One',serif;
	margin-top:1em;
	}
	@media only screen and (max-width:991px)	{.tit-lv2b small{font-size: .425em;}}
	@media only screen and (max-width:767px)	{.tit-lv2b small{font-size: .45em;}}




.tit-lv3{font-size:1.125rem;margin:1.5em 0 .75em;}
	@media only screen and (max-width:767px)	{.tit-lv3{font-size:1rem;}}

.tit-lv3.footline{border-bottom:1px dotted #999;padding-bottom: 0.66em;margin-bottom: .66em;}

.tit-lv3 small{font-size:.9rem;}
	@media only screen and (max-width:767px)	{.tit-lv3 small{font-size:.8rem;}}


.tit-lv4{font-size:.9rem;margin:1.5em 0 1em;font-weight: bold;}


/* .lead */
.lead,.lead-sm,.lead-md,.lead-lg,.lead-xl{
	line-height: 1.75;font-weight: 700;
	margin: 1em 0 .5em;
	}
	@media only screen and (max-width:767px)	{.lead,.lead-sm,.lead-md,.lead-lg{line-height:1.5;}}

.lead{font-size:1em;}
.lead-sm{font-size:1.125em;}
.lead-md{font-size:1.25em;}
.lead-lg{font-size:1.5em;}
.lead-xl{font-size:1.75em;}
	@media only screen and (max-width:767px)	{
		.lead{font-size:1em;}
		.lead-sm{font-size:1em;}
		.lead-md{font-size:1.125em;}
		.lead-lg{font-size:1.25em;}
		.lead-xl{font-size:1.5em;}
	}

.lead:first-child,.lead-sm:first-child,.lead-md:first-child,.lead-lg:first-child{margin-top: 0;}
.lead:last-child,.lead-sm:last-child,.lead-md:last-child,.lead-lg:last-child{margin-bottom: 0;}

[class*="alert"],[class*="well"]{width:100%;}

.alert,.well{margin:1rem 0;padding:1rem;}

.well{background-color:#F5F5F5;border:1px solid #DDD;border-radius:.4rem;}

.alert-sm,.well-sm{margin:1.5rem 0;padding:1.5rem;}
	@media only screen and (max-width:767px)	{.alert-sm,.well-sm{padding: 1rem;}}

.alert-md,.well-md{margin:2rem 0;padding:2rem;}
	@media only screen and (max-width:991px)	{.alert-md,.well-md{padding: 1.5rem;}}
	@media only screen and (max-width:767px)	{.alert-md,.well-md{padding: 1rem;}}

.alert-lg,.well-lg{margin: 3rem 0;padding: 3rem;}
	@media only screen and (max-width:991px)    {.alert-lg,.well-lg{padding:2rem;}}
	@media only screen and (max-width:767px)    {.alert-lg,.well-lg{padding:1rem;}}

.alert-xl,.well-xl{margin: 4rem 0;padding: 4rem;}
	@media only screen and (max-width:1199px)   {.alert-xl,.well-xl{padding:3rem;}}
	@media only screen and (max-width:991px)    {.alert-xl,.well-xl{padding:2rem;}}
	@media only screen and (max-width:767px)    {.alert-xl,.well-xl{padding:1rem;}}

[class*="alert"]:first-child,[class*="well"]:first-child{margin-top:0;}
[class*="alert"]:last-child,[class*="well"]:last-child{margin-bottom:0;}


.alert .img-landing,.well .img-landing{margin-bottom: -1rem;}

.alert-sm .img-landing,.well-sm .img-landing{margin-bottom: -1.5rem;}
    @media only screen and (max-width:767px)    {.alert-sm .img-landing,.well-sm .img-landing{margin-bottom: -1rem;}}

.alert-md .img-landing,.well-md .img-landing{margin-bottom: -2rem;}
    @media only screen and (max-width:991px)    {.alert-md .img-landing,.well-md .img-landing{margin-bottom: -1.5rem;}}
    @media only screen and (max-width:767px)    {.alert-md .img-landing,.well-md .img-landing{margin-bottom: -1rem;}}

.alert-lg .img-landing,.well-lg .img-landing{margin-bottom: -3rem;}
    @media only screen and (max-width:991px)    {.alert-lg .img-landing,.well-lg .img-landing{margin-bottom: -2rem;}}
    @media only screen and (max-width:767px)    {.alert-lg .img-landing,.well-lg .img-landing{margin-bottom: -1rem;}}

.alert-xl .img-landing,.well-xl .img-landing{margin-bottom: -4rem;}
    @media only screen and (max-width:1199px)   {.alert-xl .img-landing,.well-xl .img-landing{margin-bottom: -3rem;}}
    @media only screen and (max-width:991px)    {.alert-xl .img-landing,.well-xl .img-landing{margin-bottom: -2rem;}}
    @media only screen and (max-width:767px)    {.alert-xl .img-landing,.well-xl .img-landing{margin-bottom: -1rem;}}





/* paging */
.paging	{
	margin-top: 4rem;
	display:flex;justify-content:center;
	}
	@media screen and (max-width:991px)	{.paging{margin-top: 3rem;}}
	@media screen and (max-width:991px)	{.paging{margin-top: 2rem;}}
	@media screen and (max-width:767px)	{.paging{margin-top: 1rem;}}


.paging .paging-text,.paging .current	{
	border:1px solid #DDD;
	font-size:1.125rem;font-weight: bold;text-decoration:none;
	margin:0 .125rem;padding:0;
	display:flex;justify-content:center;align-items:center;
	width:3rem;height: 3rem;
	}
	@media screen and (max-width:991px)	{.paging .paging-text,.paging .current	{font-size:1rem;width:2rem;height: 2rem;}}

.paging .paging-text					{
	background-color:#FFF;color:#999;
	cursor:pointer;
	}
.paging .paging-text:hover				{
	background-color:#FFF;color:#7A8F99;border-color:#7A8F99;
	opacity:1;
	}
.paging .current						{
	background-color:#7A8F99;color:#FFF;border-color:#7A8F99;
	}

/* category-nav responsive-accordion */
.cat-title{
	background-color:#7A8F99;color:#FFF;
	font-size: 1rem;line-height: 1.5;text-align:center;letter-spacing:.05em;text-indent:.05em;
	font-weight: bold;
	margin-bottom: 1px;padding:1rem;
	pointer-events: none;
	}
	@media only screen and (max-width:991px)	{.cat-title{pointer-events: all;display:block;}}

.cat-title .fa{display: none;}
	@media only screen and (max-width:991px)	{.cat-title .fa{display: inline-block;margin-left: 1rem;}}

.main-column .cat-title{display: none;}
	@media only screen and (max-width:991px)	{.main-column .cat-title{display:block;pointer-events: all;}}

.side-column .cat-title{display: block;}

.cat-title + input[type="checkbox"]{display: none;}

.cat-nav{
	list-style: none;
	display: flex;flex-flow:row wrap;
	}
	@media screen and (max-width: 991px){.cat-nav{flex:1 1 100%;max-width: 100%;}}

.main-column .cat-nav{margin: -0.5px;}
	@media screen and (max-width: 991px){.main-column .cat-nav{margin: 0;}}

.side-column .cat-nav{display: block;}

.cat-nav li{display: flex;}
	@media screen and (max-width: 991px){.cat-nav li{padding: 0;flex:1 1 100%;max-width: 100%;}}

	@media screen and (max-width: 991px){input:checked + .cat-nav,input:checked + .cat-nav li{max-height: 9999vh;}}
	@media screen and (max-width: 991px){.cat-nav,.cat-nav li,.cat-nav li a,input:checked + .cat-nav,input:checked + .cat-nav li,input:checked + .cat-nav li a{transition: padding .2s,line-height .2s,visibility .1s,opacity .1s;}}

.main-column .cat-nav li{border-bottom: none;padding:.5px;}
	@media screen and (max-width: 991px){.main-column .cat-nav li{padding: 0;}}

.side-column .cat-nav li{border-bottom: 1px solid #DDD;}


.cat-col1 li{flex:1 1 100%;max-width: 100%;}
.cat-col2 li{flex:1 1 50%;max-width: 50%;}
.cat-col3 li{flex:1 1 33.3333333333%;max-width: 33.3333333333%;}
.cat-col4 li{flex:1 1 25%;max-width: 25%;}
.cat-col5 li{flex:1 1 20%;max-width: 20%;}
.cat-col6 li{flex:1 1 16.6666666666%;max-width: 16.6666666666%;}
	@media screen and (max-width: 991px){
		[class*="cat-col"]{display: block;}
		[class*="cat-col"] li{flex:1 1 100%;max-width: 100%;}
	}

.cat-nav li a{width: 100%;}

.main-column .cat-nav li a{display: flex;justify-content:center;align-items:center;}

.cat-nav li a:hover,.cat-nav li a:active,.cat-nav li a:focus,.cat-nav li.active a{
	/*opacity:1;*/
	}

.cat-link a,.cat-link a:hover,.cat-link a:active,.cat-link a:focus{
	background: #000;color:#FFF;
	font-size: 1em;line-height: 1.5;
	margin: 0;padding:1em;
	display: flex;justify-content:space-between;width: 100%;
}
	@media only screen and (max-width:767px)	{.cat-link a,.cat-link a:hover,.cat-link a:active,.cat-link a:focus{font-size: .3em;padding: 1em;}}

.cat-link.active a,.cat-link.active a:hover,.cat-link.active a:active,.cat-link.active a:focus{
	opacity:1;
	}

.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{
	background: #EFEFEF;color:#000;border: none;border-bottom: 1px solid #999;
	line-height: 1.5;font-weight: bold;
	margin: 0;padding:15px;
	display: flex;justify-content:space-between;width: 100%;
	opacity:1;
}
	@media only screen and (max-width:991px)	{.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{font-size: 1.75vw;padding: 2vw;background: #FFF;color:#212121;border: none;opacity:1;}}
	@media only screen and (max-width:767px)	{.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{font-size: 2.25vw;padding: 2.5vw;}}
	@media only screen and (max-width:575px)	{.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{font-size: 4.5vw;padding: 5vw;}}



.itm-link a:hover,.itm-link a:active,.itm-link a:focus{
	background: #DDD;color:#FFF;
	opacity:1;
	}

.itm-link.active a,.itm-link.active a:hover,.itm-link.active a:active,.itm-link.active a:focus{
	background: #999;color:#FFF;
	opacity:1;
	}

	@media screen and (max-width: 991px){
		.side-column .cat-nav li{border-bottom: none;}

		.cat-nav li a{
			line-height: 0;
			padding: 0 2vw;
			visibility: hidden;
			opacity: 0;
		}

		.cat-link a,.cat-link a:hover,.cat-link a:active,.cat-link a:focus{font-size: 1.75vw;}
		.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{font-size: 1.75vw;}

		input:checked + .cat-nav{list-style: none;}

		input:checked + .cat-nav li{border-bottom: 1px solid #DDD;}

		input:checked + .cat-nav li a{line-height: 1.25;padding:1.5vw 2vw;visibility: visible;opacity: 1;}

	}
	@media screen and (max-width: 767px){
		.cat-nav li a{padding: 0 2.5vw;}

		.cat-link a,.cat-link a:hover,.cat-link a:active,.cat-link a:focus{font-size: 2.25vw;}
		.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{font-size: 2.25vw;}

		input:checked + .cat-nav li a{padding:1.5vw 2.5vw;}

	}
	@media screen and (max-width: 575px){
		.cat-nav li a{padding: 0 5vw;}

		.cat-link a,.cat-link a:hover,.cat-link a:active,.cat-link a:focus{font-size: 4.5vw;}
		.itm-link a,.itm-link a:hover,.itm-link a:active,.itm-link a:focus{font-size: 4.5vw;}

		input:checked + .cat-nav li a{padding:3vw 5vw;}
	}


.category-collapse{
	background: #7A8F99;color:#FFF;border: none;border-bottom: 1px solid #DDD;
	font-size: 16px;line-height: 1.5;font-weight: normal;
	margin: 0;padding:15px;
	display: flex;justify-content:space-between;width: 100%;
	cursor:pointer;
}

.category-collapse:after{font-family: 'Font Awesome\ 5 Pro';font-weight: normal;}

button[aria-expanded="false"].category-collapse:after	{content: "\f067";}
button[aria-expanded="true"].category-collapse:after	{content: "\f068";}

	@media screen and (max-width: 991px){
		.category-collapse{
			font-size: 14px;line-height: 0;
			margin-bottom: 0;padding: 0 10px;
			visibility: hidden;
			opacity: 0;
		}
	}



.category-list{border: 2px solid #212121;background: #FFF;}

.category-list h3 a{display: block;font-size: 16px;line-height: 1.25;padding: 13px;position: relative;}
	@media only screen and (max-width:767px)	{.category-list h3 a{display: block;font-size: 14px;padding: 8px;}}

.category-list-icon{width: 16px;height: 16px;position: absolute;top: 50%;right: 13px;bottom: 50%;margin: -8px 0;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:767px)	{.category-list-icon{width: 14px;height: 14px;right: 8px;}}

.category-list-icon .hr,.category-list-icon .vt{background-color:#212121;display: block;position: absolute;}

.category-list-icon .hr{width: 16px;height: 2px;}
	@media only screen and (max-width:767px)	{.category-list-icon .hr{width: 14px;}}

.category-list-icon .vt{width: 2px;height: 16px;}
	@media only screen and (max-width:767px)	{.category-list-icon .vt{height: 14px;}}


.category-list h3 a[aria-expanded="false"] .category-list-icon .vt{animation-name:collapseClose;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;}

.category-list h3 a[aria-expanded="true"] .category-list-icon .vt{animation-name:collapseOpen;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;}



.category-list ul{list-style: none;}

.category-list li{border-top: 1px solid #212121;}

.category-list li a{display: block;font-size: 16px;padding: 13px;line-height: 1.25;}
	@media only screen and (max-width:767px)	{.category-list li a{font-size: 14px;padding:8px;}}

.category-list li a:hover{background: #EFEFEF;}






.tracing-paper{padding: 4rem;background: rgba(255,255,255,.9);box-shadow:0 0 12px rgba(0,0,0,.1);}
	@media only screen and (max-width:1199px)	{.tracing-paper{padding:3rem;}}
	@media only screen and (max-width:991px)	{.tracing-paper{padding:4vw;}}
	@media only screen and (max-width:767px)	{.tracing-paper{padding:2.5vw;}}
	@media only screen and (max-width:575px)	{.tracing-paper{padding:5vw;}}

.floating-paper{padding: 4rem;background: rgba(255,255,255,1);}
	@media only screen and (max-width:1199px)	{.floating-paper{padding:3rem;}}
	@media only screen and (max-width:991px)	{.floating-paper{padding:4vw;}}
	@media only screen and (max-width:767px)	{.floating-paper{padding:2.5vw;}}
	@media only screen and (max-width:575px)	{.floating-paper{padding:5vw;}}

	@media only screen and (min-width:992px)	{
		.bg-float-left + .w-sl .floating-paper{padding-right: 0;}
		.bg-float-right + .w-sl .floating-paper{padding-left: 0;}
	}


	#rec {
		padding-top: 100px;
		margin-top:-100px;
	 }
	 #recruitment {
		 padding-top: 100px;
		 margin-top:-100px;
	  }


.newsbox {
	display: block;
	width: 40%;
	margin: 0 auto 50px !important;
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #fff;
	background: linear-gradient(45deg, #8CC059 25%,#ECBD13 75%);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
	border-radius: 10px;
}
.newsbox p {
	margin: 0; 
	padding: 0;
	font-size: 20px;
	text-align: center;
}
.yamaguchi_news .newsbox{
	margin: 50px auto 10px !important;
}
@media screen and (max-width: 575px) {
.newsbox {
	width: 80%;
	margin: 0 auto 30px !important;
}
.newsbox p {
	font-size: 16px;
}
}