@charset "utf-8";
/* ===================================================================
CSS information

 file name  : sp.css
 style info : スマートフォン用
=================================================================== */

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

/* -----------------------------------------------------------
    toggle-panel
----------------------------------------------------------- */
#panel-btn {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 30%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1000;
}

#panel-btn:after {
	content: "MENU";
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0.9rem;
	font-weight: bolder;
	color: #009a7e;
	letter-spacing: 0.15em;
}

.open #panel-btn:after {
	content: "CLOSE";
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0.9rem;
	font-weight: bolder;
	color: #009a7e;
	letter-spacing: 0.15em;
}

#panel-btn:hover {
	opacity: 1;
}

#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #454545;
	transition: .2s;
}

#panel-btn-icon:before,
#panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 2px;
	margin-left: 0;
	background: #3f3a39;
	transition: .3s;
}

#panel-btn-icon:before {
	margin-top: -10px;
}

#panel-btn-icon:after {
	margin-top: 8px;
}

#panel-btn .close {
	background: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
	margin-top: 0;
	background: #000000;
}

#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

#gNav a:link,
#gNav a:visited,
#gNav a:hover,
#gNav a:active {
	color: #ffffff;
}
	
/*----------------------------------------------------
    共通
----------------------------------------------------*/
.gnav {
	margin:0;
	background: #ffffff;
	width: 100%;
	position: absolute;
	z-index: 99999;
	left: 0;
	top: 70px;
}
	
.gnav p {
	text-align: center;
}

.gnav ul {
	display: block;
	width: 100%;
}

.gnav ul li {
	text-align: center;
	border-top: 1px solid #f2f2f2;
}
	
.gnav ul li:last-child {
	border-right: none;
	border-bottom: 1px solid #f2f2f2;
}

.gnav ul li a {
	width: 100%;
	display: block;
	padding: 1em;
}

.gnav ul li a.current,
.gnav ul li a:hover {
	background: #28a051;
	color: #ffffff;
}
	
.gnav dl {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}

.gnav dd {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	margin: 10px 20%;
}

.gnav dd a {
	color: #f29600;
    font-size: 20px;
	font-size: 2rem;
	font-weight: 900;
    line-height: normal;
    letter-spacing: 0.05em;
}
	
.gnav dd:before {
	content: url(../img/common/freedial.svg);
	width: 38px;
}

/* -----------------------------------------------------------
    header
----------------------------------------------------------- */
header {
	display: block;
	width: 100%;
	position: relative;
	height: 70px;
	min-height: 0;
	padding: 0;
}

header #site_summary {
	display: none;
}

header #header {
	display: block;
	
}

header #header #site_id {
	width: 20%;
	margin: 10px;
}

header #header #header_in {
}

header #header #header_in #header_in_box {
	display: none;
}

header #header #header_in #header_in_box h1 {
	width: 100%;
}

#g_nav {
	display: none;
}

#main a.top_inst {
	top: 0;
	right: 5%;
	transform: translateX(5%);
	width: 40px;
}

/* -----------------------------------------------------------
    #container
----------------------------------------------------------- */
#lower #container {
	padding:0;
	width: 100%;
}

/* -----------------------------------------------------------
    inner
----------------------------------------------------------- */
.inner {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin: 0 auto;
}

#lower #container .inner {
	display: flex;
	display: -webkit-flex;
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
}

/* -----------------------------------------------------------
    main
----------------------------------------------------------- */
main {
	width: 100%;
	padding: 0 3%;
	margin: 0;
}

/* -----------------------------------------------------------
    #lower aside
----------------------------------------------------------- */
#lower #container .inner aside {
	margin-bottom: 100px;
	padding: 0 3%;
}

#lower #container .inner aside nav ul li {
	border-bottom: 1px solid #9fa0a0;
}

#lower #container .inner aside nav ul li:first-child {
	border-top: 1px solid #9fa0a0;
}

#lower #container .inner aside nav ul li a {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	min-height: 80px;
	height: 80px\0;/*IE*/
	padding: 2% 5%;
}

#lower #container .inner aside nav ul li a:hover {
	color: #ffffff;
}

#lower #container .inner aside nav ul li:nth-child(1) a:hover {
	background: #f29600;
}

#lower #container .inner aside nav ul li:nth-child(2) a:hover {
	background: #005bab;
}

#lower #container .inner aside nav ul li:nth-child(3) a:hover {
	background: #7f1083;
}

#lower #container .inner aside nav ul li:nth-child(4) a:hover {
	background: #009ea7;
}

#lower #container .inner aside nav ul li:nth-child(5) a:hover {
	background: #aacc03;
}

#lower #container .inner aside nav ul li a:before {
	display: inline-block;
	margin: 0 5% 0 0;
	width: 40px;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

#lower #container .inner aside nav ul li:nth-child(1) a:before {
	content: url(../img/common/l_nav_01.svg);
}

#lower #container .inner aside nav ul li:nth-child(1) a:hover:before {
	content: url(../img/common/l_nav_01_on.svg);
}

#lower #container .inner aside nav ul li:nth-child(2) a:before {
	content: url(../img/common/l_nav_02.svg);
}

#lower #container .inner aside nav ul li:nth-child(2) a:hover:before {
	content: url(../img/common/l_nav_02_on.svg);
}

#lower #container .inner aside nav ul li:nth-child(3) a:before {
	content: url(../img/common/l_nav_03.svg);
}

#lower #container .inner aside nav ul li:nth-child(3) a:hover:before {
	content: url(../img/common/l_nav_03_on.svg);
}

#lower #container .inner aside nav ul li:nth-child(4) a:before {
	content: url(../img/common/l_nav_04.svg);
}

#lower #container .inner aside nav ul li:nth-child(4) a:hover:before {
	content: url(../img/common/l_nav_04_on.svg);
}

#lower #container .inner aside nav ul li:nth-child(5) a:before {
	content: url(../img/common/l_nav_05.svg);
}

#lower #container .inner aside nav ul li:nth-child(5) a:hover:before {
	content: url(../img/common/l_nav_05_on.svg);
}

#lower #container .inner aside section {
	width: 100%;
	margin-top: 30px;
	border: 1px solid #9fa0a0;
}

#lower #container .inner aside section a {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 8px;
}

#lower #container .inner aside section a h1 {
	font-size: 1.8rem;
    margin: 0.5em 0 0;
    order: 1;
    text-align: center;
}

#lower #container .inner aside section a img {
	min-height: 0%;
}

#lower #container .inner aside section a img:hover {
	opacity: .5;
}

/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
footer {
	font-size: 12px;
	font-size: 1.2rem;
	border-top: 4px solid #28a051;
	padding: 0 5%;
	position: relative;
}

footer .inner {
	position: relative;
}

/* footer .inner:before {
	content: url(../img/common/truck.svg);
	display: inline-block;
	width: 170px;
	position: absolute;
	top: -80px;
	right: 0;
} */

footer .inner p {
	text-align: center;
	padding: 1% 0;
}

/* -----------------------------------------------------------
    pagetop
----------------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom: 0;
	right: 2%;
	z-index: 999;
}

/* -----------------------------------------------------------
    img:hover
----------------------------------------------------------- */
a img:hover {
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* -----------------------------------------------------------
    TOP
----------------------------------------------------------- */
#main {
	background: url(../img/top/main.jpg) no-repeat center top / contain;
	height: 190px;
	padding: 0 5%;
	margin-bottom:425px;
}

.youtube_wrap{
	position:relative;
	top:auto;
	right:auto;
	margin: 190px auto 0;
}
.tvcm_wrap{
	position:relative;
	top:auto;
	right:auto;
	margin: 20px auto 0;
}

#main .inner {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: column;
	-webkit-flex-direction: column;
	height: 100vh;
	padding: 40px 30px;
	overflow: hidden;
}

#main .inner div h1 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	font-weight: normal;
	line-height: 2.4;
	text-shadow: -3px -3px 15px rgba(255, 255, 255, 1), -3px -3px 15px rgba(255, 255, 255, 1), 3px 3px 10px rgba(255, 255, 255, 1), 3px 3px 10px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
	margin: 0 0 0;
	position: relative;
	z-index: 0;
}

#main .inner div h1 span:first-child {
	font-size: 2rem;
	font-size: 20px;
}
	
#main .inner div h1 span:nth-child(2) {
	font-size: 2.5rem;
	font-size: 25px;
	margin-top: 50px;
}
	
#main .inner div h1:after {
	content: url(../img/common/logo_symbol.svg);
	display: inline-block;
	width:100px;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: -1;
}

#main .inner figure {
	width: 100%;
	margin: 0 0 -25px;
}
#top #main .inner figure{
	display:none;
}
#main .inner figure img {
	width: 100%;
}
	
#top #container .inner #l_nav {
	display: none;
}

#top #container .inner nav ul {
	padding: 0 3%;
}

#top #container .inner nav ul li {
	border-bottom: 1px solid #9fa0a0;
	border-right: 1px solid #9fa0a0;
	border-left: 1px solid #9fa0a0;
}

#top #container .inner nav ul li:first-child {
	border-top: 1px solid #9fa0a0;
}

#top #container .inner nav ul li a {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	min-height: 80px;
	height: 80px\0;/*IE*/
	padding: 2% 5%;
}

#top #container .inner nav ul li a:hover {
	color: #ffffff;
}

#top #container .inner nav ul li:nth-child(1) a:hover {
	background: #f29600;
}

#top #container .inner nav ul li:nth-child(2) a:hover {
	background: #005bab;
}

#top #container .inner nav ul li:nth-child(3) a:hover {
	background: #7f1083;
}

#top #container .inner nav ul li:nth-child(4) a:hover {
	background: #009ea7;
}

#top #container .inner nav ul li:nth-child(5) a:hover {
	background: #aacc03;
}

#top #container .inner nav ul li a:before {
	display: inline-block;
	margin: 0 5% 0 0;
	width: 40px;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

#top #container .inner nav ul li:nth-child(1) a:before {
	content: url(../img/common/l_nav_01.svg);
}

#top #container .inner nav ul li:nth-child(1) a:hover:before {
	content: url(../img/common/l_nav_01_on.svg);
}

#top #container .inner nav ul li:nth-child(2) a:before {
	content: url(../img/common/l_nav_02.svg);
}

#top #container .inner nav ul li:nth-child(2) a:hover:before {
	content: url(../img/common/l_nav_02_on.svg);
}

#top #container .inner  nav ul li:nth-child(3) a:before {
	content: url(../img/common/l_nav_03.svg);
}

#top #container .inner nav ul li:nth-child(3) a:hover:before {
	content: url(../img/common/l_nav_03_on.svg);
}

#top #container .inner nav ul li:nth-child(4) a:before {
	content: url(../img/common/l_nav_04.svg);
}

#top #container .inner nav ul li:nth-child(4) a:hover:before {
	content: url(../img/common/l_nav_04_on.svg);
}

#top #container .inner nav ul li:nth-child(5) a:before {
	content: url(../img/common/l_nav_05.svg);
}

#top #container .inner nav ul li:nth-child(5) a:hover:before {
	content: url(../img/common/l_nav_05_on.svg);
}

#top #container .inner main {
	display: block;
	margin: 5% 0 0;
}

#top #container .inner main section {
	border: 1px solid #9fa0a0;
	margin-top: 30px;
	margin-left: 0;
	width: 100%;
}

#top #container .inner main section:nth-child(1) {
	width: calc(100%);
	margin-left: 0;
}

#top #container .inner main section:nth-child(2) {
	width: calc(100%);
}

#top #container .inner main section:nth-child(3) {
	width: calc(100%);
}

#top #container .inner main section:nth-child(4) {
	width: calc(100%);
	margin-left: 0;
}

#top #container .inner main section:nth-child(5) {
	width: calc(100%);
}

#top #container .inner main section:nth-child(-n+3) {
	margin-top: 30px;
}

#top #container .inner main section a {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 8px;
}

#top #container .inner main section:nth-child(4) a,
#top #container .inner main section:nth-child(5) a {
	flex-direction: row;
	-webkit-flex-direction: row;
	align-items: center;
	-webkit-align-items: center;
}

#top #container .inner main section:nth-child(4) a h1,
#top #container .inner main section:nth-child(5) a h1 {
	flex: 1 1;
	-webkit-flex: 1 1;
	margin: 1em;
}

#top #container .inner main section:nth-child(5) a h1 span {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.2;
	margin: 2.5% 0 0;
}

#top #container .inner main section:nth-child(4) a figure {
}

#top #container .inner main section:nth-child(5) a figure {
	flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
}

#top #container .inner main section a h1 {
	font-size: 18px;
	font-size: 1.8rem;
	order: 1;
	-webkit-order: 1;
	margin: 0.5em 0 0;
	text-align: center;
}

#top #container .inner main section a figure {
	min-height: 0%;
}

#top #container .inner main section a figure img {
	min-height: 0%;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

#top #container .inner main section a:hover figure img {
	opacity: 0.5;
}

#top #container .inner #bnr {
	display: block;
	width: 100%;
	margin:20% auto 50%;
	padding: 0 5%;
}

#top #container .inner #bnr figure {
	width: 100%;
}

#top #container .inner .box {
    display: block;
	margin-bottom: 5%;
}

#top #container .inner .box > * {
	width: 100%;
}

#top #container .inner .box .news_box {
	margin: 5% 0 0;
}

#top #container .inner .box .news_box > span {
	font-size: 1.6rem;
	height: 40px;
}

#top #container .inner .box .news_box > div {
	padding: 2em 2.5em;
	height: 200px;
}

#top #container .inner .box .news_box > div dl {
	display: block;
	margin: 1.5em 0 0;
}

#top #container .inner > div:first-of-type dl dd {
	margin: 0.25em 0 0;
}

/* -----------------------------------------------------------
    会社案内
----------------------------------------------------------- */
#lower #container .inner main .logo_title {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px;
	margin: 20px 0;
	position: relative;
}

#lower #container .inner main .logo_title span {
    font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	border-bottom: 3px solid #28a051;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: 5px;
    padding: 0 0 13px 30px;
	position: relative;
	z-index: 9998;
}

#lower #container .inner main .logo_title span:before {
	content: url('../img/common/logo_title_img.svg');
	display: inline-block;
	width: 22px;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
}

/*------- #message --------*/
	
#message {
	width: 100%;
	padding: 0 1%;
}
	
.message_box {
	display: block;
	width: 100%;
}

.message_box figure {
	width: 100%;
}

.message_txt {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	font-size: 1.4rem;
	margin-left: 0;
	letter-spacing: 2px;
	line-height: 20px;
	flex: 1 0 58%;
	-webkit-flex: 1 0 58%;	
}

.message_txt p {
	text-indent: 1em;
	margin-bottom: 5px;
}

.message_txt dl {
	text-align: center;
	font-size: 1.4rem;
	display: block;
	margin-top: 20px;
	margin-left: 0%;
	font-weight: normal;
}

.message_txt dl dt {
	margin-left: auto;
}

.message_txt dl dd {
	margin-top: 5px;
}

.message_txt dl dd span {
	font-size: 1.8rem;
	margin: 5px 0 0 10px; 
}

/*------- #company_profile --------*/

#company_profile {
	margin-bottom: 50px;
	margin-top: 20px;
	width: 100%;
}

#company_profile > dl {
	display: block;
}
	
#company_profile .office li {
	display: block;
	margin-bottom: 10px;
}

#company_profile .office li span {
	margin-left: 1em;
	display: block;
}

#company_profile .officer li span {
	margin-left: 1em;
}

#company_profile .license li span {
	margin-left: 1em;
	display: block;
}
	
#company_profile .license li {
	margin-bottom: 10px;
}

#company_profile > .head_office  dd li:first-child {
	margin-left: 1em;
}

#company_profile > .head_office  dd li{
	margin-left: 1em;
	margin-bottom: 10px;
}

#company_profile > .head_office  dd ul {
	display: block;
}

#company_profile > dl{
	margin-bottom: 20px;
}

#company_profile > dl > dt span {
	margin: 0 auto;
	letter-spacing: 5px;
}

#company_profile > dl > dt {
	background: #28A051;
	color: #fff;
	font-size: 1.3rem;
	width: 80px;
	height: 25px;
	display: flex;
	 -webkit-display: flex;
	align-items: center;
	 -webkit-align-items: center;
	margin: 20px 0;
}

#company_profile > dl > dd {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	font-size: 1.4rem;
	letter-spacing: 2px;
	line-height: 20px;
}

#company_profile > dl > dd > ul > li:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #28a051;
	margin: 0 5px 0 0;
}

#company_profile > dl > dd > ul {
	width: 100;
}

#company_profile > dl > dd > dl > dt:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #28a051;
	margin: 0 5px 0 0;
}

#company_profile > .employee > dd > dl {
	display: block;
}

#company_profile > .employee > dd > dl > dt {
	
}

#company_profile > .employee > dd > dl > dd {
	flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	margin-left: 20px;
}

#company_profile > .vehicle  dd {
	 width: 100%;
}

#company_profile > .vehicle  dd > ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	width: 100%;
} 

#company_profile > .vehicle  dd > ul > li:first-child {
	 flex: 2 0 85px;
	-webkit-flex: 2 0 85px;
}

#company_profile > .vehicle  dd > ul > li {
}

#company_profile > .vehicle  dd > ul > li:last-child{
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
}

#company_profile > .vehicle  dd > ul > li:last-child:before {
	content:"";
	display: none;
}

#company_profile > .vehicle  dd > ul > li:nth-child(2){
	 flex: 2 0 111px;
	-webkit-flex: 2 0 111px;
}

#company_profile > .vehicle  dd > ul > li:nth-child(2):before {
	content:"";
	display: none;
}

#company_profile > .vehicle  dd > ul:nth-last-child(2) li:last-child {
	text-align: right;
	width: 100%;
	margin-right: 1em;
	flex: 1 0 0;
	-webkit-flex: 1 0 0;
}

#company_profile > .vehicle  dd > ul:last-child li {
	text-align: right;
	width: 100%;
	flex: 1 0 174px;
	margin-right: 1em;
}

/* #history */

#history {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	margin-bottom: 50px;
	z-index: 1;
	width: 100%;
}

#history > dl {
	display: block;
	font-size: 1.4rem;
	margin-bottom: 20px;
	padding-right: 0;
}

#history > dl:before {
	content:"";
}

#history dl dt:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #28a051;
	margin: 5px 5px 0 0;
}

#history dl dt {
	
}

#history dl dt span {
	display: block;
	width: 100%;
	text-align: left;
}

#history dl dd {
	margin-left: 20px;
}
    /*#suppliers */

#suppliers .suppliers_title {
	width: 100%;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	background: #28A051;
	text-align: center;
}

#suppliers .suppliers_flex {
	display: block;
}


#suppliers .suppliers_left {
	width: 100%;
	margin-right: 30px;
}

#suppliers .suppliers_left li:first-child {
	margin-top: 10px;
}

#suppliers .suppliers_left li:last-child {
	margin-bottom: 30px;
}

#suppliers .suppliers_center {
	width: 100%;
	margin-right: 30px;
}

#suppliers li {
	text-indent:-0.8em;
}

#suppliers .suppliers_center li:first-child {
	margin-top: 10px;
}

#suppliers .suppliers_center li:last-child {
	margin-bottom: 30px;
}

#suppliers .suppliers_right li:first-child {
	margin-top: 10px;
}

#suppliers .suppliers_right li:last-child {
	margin-bottom: 30px;
}


#suppliers li:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #28a051;
	margin: 0 5px 0 10px;
}

/* -----------------------------------------------------------
    office.html
----------------------------------------------------------- */
#guide {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	position: relative;
	width: 100%;
}

#guide:before {
	content: url('../img/top/office_guide_bg.png') center / cover;
	position:absolute;
	top: 0;
	right: 0;
}

#guide ul {
	counter-reset:number; /* 名前を付けたカウンターをリセット */
	font-size: 13px;
	position: relative;
	z-index: 2;
}

#guide ul li {
	margin-bottom: 10px;
	text-shadow: -3px -3px 15px rgba(255, 255, 255, 1), -3px -3px 15px rgba(255, 255, 255, 1), 3px 3px 10px rgba(255, 255, 255, 1), 3px 3px 10px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
}


#guide ul li:before {
/* カウンタ（数字になる部分） */
	counter-increment: number; /* 任意の名前を付けて！ */
	content: counter(number); /* 名前を付けたカウンターを呼び出し */
	background: #28A051;
	color: #fff;
	padding: 0.5% 1.8%;
	border-radius: 50%;
	margin-right: 5px;
}

#guide .guide_flex_box {
	display: block;
	width: 100%;
}

#guide figure {
	width:100%;
	display: block;
	margin-bottom: 30px;
}

#guide .headline_box {
	position: relative;
}

#guide p {
	width: 100%;
	color: #fff;
	font-size: 1.4rem;
	position: absolute;
	bottom: 0;
	background: #28A051;
	padding: 2% 4%;
}

#guide .guide_flex_box figure img {
	width: 100%;
	height: auto;
}

#guide figure figcaption {
	width: 100%;
	margin-top: 10px;
} 

/* -----------------------------------------------------------
    csr.html
----------------------------------------------------------- */
#csr {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#csr .csr_box {
	display: flex;
	display: -webkit-flex;
}

#csr .csr_txt {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}

#csr .csr_box figure {
	 flex: 1 0 220px;
	-webkit-flex: 1 0 220px;
	margin-right: 50px;
	padding-left: 30px;
}


#csr2 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝"; 
}

#csr2 .licence_img {
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

#csr2 .licence_img article {
	flex: 1 1 817px;
    -webkit-flex: 1 1 817px;
}

#csr2 .licence_img figure {
	flex: 1 0 218px;
	-webkit-flex: 1 0 218px;
	margin-right: 50px;
	padding-left: 30px;
}


#csr2 .licence_img dl {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

#csr2 .licence_img dl dt {
	font-size: 7rem;
	font-weight: bold;
	color: #28A051;
	margin-right: 5px;
}

.sub_title {
	background: #28A051;
	width: 100%;
	color: #fff;
	padding: 1% 4%;
	font-size: 1.4rem;
}

.sub_title_h {
	border: 1px solid #28A051;
	width: 100%;
	color: #28A051;
	padding: 1% 4%;
	font-size: 1.6rem;
	margin-top: 50px;
}

#safety {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

.safety_txt {
	width: 66%;
	width: 63%\0;/*IE*/
}

#safety p {
	line-height: 2;
}

#safety .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #a9d9b9;
	font-weight: normal;
	border-radius: 20px;
	margin-top: 50px;
}

.safety_img {
	display: flex;
	display: -webkit-flex;
	margin-top: 20px;
	width: 80%;
	
}

.safety_img figure {
	margin-left: 30px;
	width: 60%\0;/*IE*/
}

.safety_img figure:first-child {
	margin-left: 0;
}


#education {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#education > p{
	font-size: 1.8rem;
	font-size: 18px;
}

#education article {
	width: 66%; 
}

#education .education_flex {
	display: flex;
	display: -webkit-flex;
	width: 100%;
}

.education_img {
	display: flex;
	display: -webkit-flex; 
	align-items: center;
	-webkit-align-items: center;
	margin-right: 100px;
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
}

.education_img figure {
	margin-left: 20px;
}

#education .csr_txt {
}

#education .title_circle {
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #a9d9b9;
	font-weight: normal;
	border-radius: 20px;
	margin-top: 50px;
}

#education span {
	font-size: 2rem;
}

#education p:first-child {
	font-size: 1.6rem;
}

#education .csr_txt p:last-child {
	margin-top: 20px;
}

#education .csr_txt li:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #28a051;
	margin: 0 5px 0 10px;
}

#project {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	margin-bottom: 50px;
}

#project .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #a9d9b9;
	font-weight: normal;
	border-radius: 20px;
	margin-top: 50px;
}

#project .project_flex {
	display: flex;
	display: -webkit-flex; 
	justify-content: space-between;
	-webkit-justify-content: space-between;
	width: 100%;
}

#project .project_flex p {
	flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
	padding-right: 50px;
	line-height: 2;
	margin-top: 10px;
}

#project .project_flex figure {
	flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	margin-right: 100px;
}

/* -----------------------------------------------------------
    disposal.html
----------------------------------------------------------- */
#disposal {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	width: 100%; 
}

#disposal .disposal_title {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px;
	margin-bottom: 20px;
	position: relative;
}

#disposal .disposal_title span {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	border-bottom: 3px solid #f29600;
    font-size: 2rem;
    font-weight: 100;
    letter-spacing: 5px;
    padding: 0 0 13px 30px;
	padding: 0 0 9px 30px\0;
	position: relative;
	z-index: 9998;
}

#disposal .disposal_title span:before {
	content: url('../img/common/l_nav_01.svg');
	display: inline-block;
	width: 22px;
	position: absolute;
	top: 0;
	left: 0;
}

#lower #container .inner aside nav ul li .side_current_1 {
	background: #f29600;
	color: #fff;
}

#lower #container .inner aside nav ul li .side_current_1:before {
	content: url(../img/common/l_nav_01_on.svg) !important;
	display: inline-block;
}

.disposal_heading a {
	background: #f29600;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	width: 100%;
	padding: 1% 0;
	display:block;
}

.disposal_heading a:hover {
	opacity: 0.8;
}

.disposal_heading {
	width: 100%;
	margin-bottom: 50px;
}

.disposal_txt {
	display: flex;
	display: -webkit-flex;
	align-items: center;
 	-webkit-align-items: center;
	width: 100%;
	margin: 20px 0;
	height: 200px;
	background: url(../img/top/logo_back.png) no-repeat center / contain;
}

.disposal_txt p {
	font-size: 1.6rem;
	text-align: left;
	margin: 0 auto;
	line-height: 3;
	font-weight: bold;
	text-shadow: -3px -3px 15px rgba(255, 255, 255, 1), -3px -3px 15px rgba(255, 255, 255, 1), 3px 3px 10px rgba(255, 255, 255, 1), 3px 3px 10px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
}
	
.disposal_txt p br {
	display: none;
}

#disposal_flow {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	margin-bottom: 40px;
}
	
#disposal_flow1 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	margin-bottom: 40px;
}
	
#disposal_flow2 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	margin-bottom: 40px;
}

.sub_title_h1 {
	border: 1px solid #28A051;
	width: 100%;
	color: #000000;
	padding: 1% 4%;
	font-size: 2.5rem;
	margin-top: 30px;
	text-align: center;
	background: #a9d9b9;
}

.disposal_flow1 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	display: flex;
	display: -webkit-flex;
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	position: relative;
}

#disposal_flow >.disposal_flow1:after {
	content:"";
	position: absolute;
	border-color: #f29600 transparent transparent;
    border-style: solid;
    border-width: 20px 40px;
    bottom: -30%;
    height: 0;
    left: 37%;
    margin:20px 0 0 ;
    width: 0;
}

#disposal_flow2 > .disposal_flow1:after {
	content:"";
	position: absolute;
	border-color: #f29600 transparent transparent;
    border-style: solid;
    border-width: 20px 40px;
    bottom: -15%;
    height: 0;
    left: 37%;
    margin:20px 0 0 ;
    width: 0;
}

#disposal_flow1 > .disposal_flow1:after {
	content:"";
	position: absolute;
	border-color: #f29600 transparent transparent;
    border-style: solid;
    border-width: 20px 40px;
    bottom: -22%;
    height: 0;
    left: 37%;
    margin:20px 0 0 ;
    width: 0;
}


#disposal_flow3 > .disposal_flow1:after {
	content:"";
	border-color: transparent transparent transparent;
}

#disposal_flow > .disposal_btn {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#disposal_flow > .disposal_btn a {
	padding: 10px 0;
	font-size: 1.6rem;
}

#disposal_flow > .disposal_btn a:first-child {
	margin-right: 20px;
}

.disposal_btn a {
	width: 100%;
	background: #f29600;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	padding: 2% 0;
	display:block;
	margin: 10px 0;
	position: relative;
}

.disposal_btn a:hover {
	opacity: 0.8;
}

.disposal_flow1 ul {
	font-size: 1.6rem;
	padding: 10px;
}

.disposal_flow1 ul li:first-child {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 10px 0;
}
	
.disposal_flow1 ul li {
	font-size: 1.3rem;
}

.disposal_flow1 ul li:last-child span {
	color: red;
}

.disposal_flow1 figure {
	max-width: 350px;
	height: auto;
	padding: 0;
	margin: 0 0;
}

/* -----------------------------------------------------------
    introdaction.html
----------------------------------------------------------- */

#introdaction {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	width: 100%; 
}

#introdaction .introdaction_title {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px;
	margin-bottom: 20px;
	position: relative;
}

#introdaction .introdaction_title span {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	border-bottom: 3px solid #005bab;
    font-size: 2.2rem;
    font-weight: 100;
    letter-spacing: 5px;
    padding: 0 0 13px 30px;
    padding: 0 0 9px 30px\0;
	position: relative;
	z-index: 9999;
}

#introdaction .introdaction_title span:before {
	content: url('../img/common/l_nav_02.svg');
	display: inline-block;
	width: 22px;
	position: absolute;
	top: 0;
	left: 0;
}

#lower #container .inner aside nav ul li .side_current_2 {
	background: #005bab;
	color: #fff;
}

#lower #container .inner aside nav ul li .side_current_2:before {
	content: url(../img/common/l_nav_02_on.svg) !important;
	display: inline-block;
}

.introdaction_heading a {
	background: #005bab;
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	width: 100%;
	padding: 1% 0;
	margin:20px 0;
	display: block;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

.introdaction_heading a:hover {
	opacity: 0.8;
}

.introdaction_heading {
	width: 100%;
	margin-bottom: 50px;
}

.introdaction_txt {
	display: flex;
	display: -webkit-flex;
}

.introdaction_txt p {
	font-size: 1.6rem;
	font-weight: bold;
	flex: 2 0 60%;
	-webkit-flex: 2 0 60%;
	padding: 0 50px 0 0;
}

.introdaction_txt figure {
	flex: 1 1 400px;
	-webkit-flex: 1 1 400px;
}

.introdaction_txt p span {
	display: block;
	margin: 20px 0;
	font-size: 1.4rem;
	color: red;
}

/* -----------------------------------------------------------
    recovery.html
----------------------------------------------------------- */
#recevory {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	width: 100%; 
}

#recevory .recevory_title {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px;
	margin-bottom: 20px;
	position: relative;
}

#recevory .recevory_title span {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	border-bottom: 3px solid #7f1083;
    font-size: 2.2rem;
    font-weight: 100;
    letter-spacing: 5px;
    padding: 0 0 13px 30px;
	padding: 0 0 9px 30px\0;
	position: relative;
	z-index: 9999;
}

#recevory .recevory_title span:before {
	content: url('../img/common/l_nav_03.svg');
	display: inline-block;
	width: 30px;
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 3px;
}

#lower #container .inner aside nav ul li .side_current_3 {
	background: #7f1083;
	color: #fff;
}

#lower #container .inner aside nav ul li .side_current_3:before {
	content: url(../img/common/l_nav_03_on.svg) !important;
	display: inline-block;
}

.recevory_heading a {
	background: #7f1083;
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	width: 100%;
	padding: 1% 0;
	display:block;
}

.recevory_heading a:hover {
	opacity: 0.8;
}

.recevory_heading {
	width: 100%;
	margin-bottom: 50px;
}

#recevory li:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #7f1083;
	margin: 0 5px 0 0;
}

#recevory　.list_box {
	font-size: 1.6rem;
	background:#7f1083; 
	padding: 0 2%;
	width: 100%;
	color: #fff;
	margin: 20px 0 5px;
}

.packer_img {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	width: 100%;
	margin: 10px 0 30px;
}

.packer_img figure {
	width: 50%;
}

.packer_img figure:last-child {
	margin-left: 30px;
}

/* -----------------------------------------------------------
    recycle.html
----------------------------------------------------------- */
#industrial {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	width: 100%;
}

#industrial .industrial_title {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px;
	margin-bottom: 20px;
	position: relative;
}

#industrial .industrial_title span {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	border-bottom: 3px solid #009ea7;
    font-size: 2.2rem;
    font-weight: 100;
    letter-spacing: 5px;
    padding: 0 0 13px 30px;
	padding: 0 0 9px 30px\0;
	position: relative;
	z-index: 9999;
}

#industrial .industrial_title span:before {
	content: url('../img/common/l_nav_04.svg');
	display: inline-block;
	width: 22px;
	position: absolute;
	top: 0;
	left: 0;
}

#lower #container .inner aside nav ul li .side_current_4{
	background: #009ea7;
	color: #fff;
}

#lower #container .inner aside nav ul li .side_current_4:before {
	content: url(../img/common/l_nav_04_on.svg) !important;
	display: inline-block;
}

.industrial_heading a {
	background: #009ea7;
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	width: 100%;
	padding: 1% 0;
	display:block;
}

.industrial_heading a:hover {
	opacity: 0.8;
}

.industrial_heading {
	width: 100%;
	margin: 100px 0;
}

#industrial h1 {
	font-size: 2.3rem;
	font-size: 23px;
	display: block;
}

#industrial h1:before {
	content:"■";
	font-size: 18px;
	font-size: 1.8rem;
}

.industrial_txt {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	margin: 30px 0;
}

.industrial_txt p {
	font-size: 14px;
	font-size: 1.4rem;
}

.industrial_txt p:first-child {
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	color: #fff;
	
	position: relative;
	max-width: 180px;
	min-width: 180px;
}

.industrial_txt p:first-child:after {
	content:"";
	position: absolute;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-top: 50px solid #009ea7;
	bottom: -180%;
	left: 22%;
	margin-top: 30px;
}

.industrial_txt p:first-child:before {
	content:"";
	position: absolute;
	display: block;
	width: 30%;
	height: 60%;
	background-color:#009ea7;
	bottom: -80%;
	left: 35%;
	margin-top: 30px;
}

.industrial_txt p:nth-child(2) {
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	padding: 0 30px;
	
}

.industrial_txt p:first-child span{
	background: #9E191B;
	font-size: 2.5rem;
	font-size: 25px;
	display: block;
	width: 100%;
	text-align: center;
	padding: 1em 0;
}

.industrial_txt figure {
	flex: 0 0 300px;
	-webkit-flex: 0 0 300px;
}

.industrial_txt article:last-of-type {
	margin-bottom: 30%;
}


/* -----------------------------------------------------------
   recycle.html
----------------------------------------------------------- */
#recycle {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	width: 100%; 
	margin-bottom: 50px;
}

#recycle .recycle_title {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px;
	margin-bottom: 20px;
	position: relative;
}

#recycle .recycle_title span {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	border-bottom: 3px solid #aacc03;
    font-size: 2.2rem;
    font-weight: 100;
    letter-spacing: 5px;
    padding: 0 0 13px 30px;
	padding: 0 0 9px 30px\0;
	position: relative;
	z-index: 9998;
}

#recycle .recycle_title span:before {
	content: url('../img/common/l_nav_05.svg');
	display: inline-block;
	width: 22px;
	position: absolute;
	top: 0;
	left: 0;
}

#recycle p {
	margin: 20px 0;
	font-size: 1.4rem;
	font-size: 14px;
}

#recycle p br {
	display: none;
}

#recycle .recycle_flex {
	display: block;
}



#recycle .recycle_flex article {
	width: 100%;
}

#recycle .recycle_flex article h1 {
	font-size: 1.8rem;
	font-size: 18px;
	display: block;
}

#recycle .recycle_flex article h1:before {
	content:"■";
	font-size: 1.3rem;
	font-size: 13px;
}

#recycle .recycle_flex article > div {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#recycle .recycle_flex article > div figure {
	width: 45%;
}

#recycle .recycle_flex article > div figure:first-child {
	position: relative;
	margin-right: 50px;
}

#recycle .recycle_flex article > div figure:first-child:after {
	content:"";
	position: absolute;
    border-top: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
	border-left: 30px solid #f29600;
	top: 20%;
	margin: 0 13px;
}

#lower #container .inner aside nav ul li .side_current_5 {
	background: #aacc03;
	color: #fff;
}

#lower #container .inner aside nav ul li .side_current_5:before {
	content: url(../img/common/l_nav_05_on.svg) !important;
	display: inline-block;
}


/* -----------------------------------------------------------
    fee.html
----------------------------------------------------------- */
#fee h2 , #recycle_fee h2 , #fee_service h2 , #fee_flow h2 {
	background: #28a051;
    color: #fff;
    font-size: 1.6rem;
    padding: 1% 4%;
    width: 100%;
	margin: 20px 0;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee .fee_box {
	display: flex;
	display: -webkit-flex;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee .fee_box dl {
	width: 100%;
	border: 2px solid #28a051;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee .fee_box dl dt {
	width: 100%;
	background: #a9d9b9;
	text-align: center;
	padding:5% 0;
	border-bottom: 1px solid #28a051;
}

#fee .fee_box dl:last-child {
	border-left: none;
}

#fee .fee_box dl dd {
	text-align: center;
	padding:5% 0;
}

#recycle_fee p {
	font-weight: bold;
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#recycle_fee p:nth-child(3) {
	font-size: 2rem;
	color: #28a051;
}

#recycle_fee p:nth-child(3):before {
	content:"■";
	color: #28a051;
	padding-right: 5px;
}

#recycle_fee p:nth-child(4) {
	font-weight: normal;
	margin-bottom: 50px;
}

#recycle_fee .fee_recycle {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#recycle_fee .fee_recycle figure {
	 width: 13%;
}

#recycle_fee .fee_recycle figure:first-child {
	margin-left: 0;
}

#recycle_fee .fee_recycle figure figcaption {
	text-align: center;
	padding: 10px 0;
	font-size:1.2rem;
}

#recycle_fee .fee_recycle figure figcaption:before {
	content:"■";
}

.recycle_page {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

.recycle_page a {
	display: block;
	font-size: 2rem;
	text-align: center;
	background: #28a051;
	width: 100%;
	color: #fff;
	padding: 3% 0;
}

.recycle_page a:before {
	border: 2px solid #fff;
    content: "";
    height: 85%;
    left: 1%;
    position: absolute;
    top: 7%;
    width: 98%;
}

.recycle_page:hover {
	opacity: 0.8;
}

#recycle_fee p:last-of-type {
	width: 100%;
	background: #ededed;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#recycle_fee p:last-of-type span {
	display: block;
	text-align: center;
	padding: 3% 0;
}

#recycle_fee p span:first-child {
	font-size: 2.5rem;
}

#recycle_fee p span:last-child {
	font-weight: normal;
}

#recycle_fee p span:last-child:before {
	content:"※";
}

#recycle_fee ul li:before {
	content:"※";
}

#fee_service div {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee_service div ul {
	font-size: 1.8rem;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee_service div ul li:before {
	content:"●";
}

#fee_service div p {
	color: #28a051;
	font-size: 2rem;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee_flow ul {
	font-size: 1.4rem;
	margin: 30px 0;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#fee_flow ul li:before {
	content:"●";
}

#fee_flow img {
	width: 100%;
}

/* -----------------------------------------------------------
    combi.html
----------------------------------------------------------- */
#combi {
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#combi .combi_logo_box {
	display: block;
}

#combi .combi_logo_box p {
	background: #28a051;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-left: 0;
	border-radius: 20px; 
}
#combi .combi_logo_box p br {
	display: none;
}

#combi .combi_logo_box p span {
	font-size: 1.6rem;
	display: block;
	padding: 0.5em 0.2em;
	width: 100%;
}

#combi > p {
	margin-bottom: 20px;
}

#combi_flow1 {
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#combi_flow1 .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #F29600;
	color: #fff;
}

#combi_flow1 .flow_flex4 {
	display: block;
	width: 100%;
	margin-top: 20px;
	position: relative;
}

#combi_flow1 .flow_flex4:after {
	content:"";
    width: 0;
    height: 0;
    border-top: 20px solid #F29600;
    border-right: 30px solid transparent;
    border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
	margin: 0 auto;
	position: absolute;
	bottom: -5%;
	left: 41%;
}

#combi_flow1 p {
	margin-top: 50px;
	font-size: 2rem;
	text-align: center;
}

#combi_flow1 .flow_flex4 figure {
	margin-left: 0;
	position: relative;
	margin-bottom: 30px;
}

#combi_flow1 .flow_flex4 figure span {
	position: absolute;
	top: -5%;
	left: 2%;
	color: #fff;
	font-size: 2rem;
	background: #F29600;
	padding: 3% 7%;
	border-radius: 50%;
}

#combi_flow1 .flow_flex4 figure:first-child {
	margin-left: 0;
}

#combi_flow2 {
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#combi_flow2 .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #008BD5;
	color: #fff;
	margin-top: 30px;
}

#combi_flow2 .flow_flex4 {
	display: block;
	width: 100%;
	margin-top: 20px;
	position: relative;
}

#combi_flow2 .flow_flex4:after {
	content:"";
    width: 0;
    height: 0;
    border-top: 20px solid #008BD5;
    border-right: 30px solid transparent;
    border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
	margin: 0 auto;
	position: absolute;
	bottom: -5%;
	left: 41%;
}

#combi_flow2 p {
	margin-top: 50px;
	font-size: 2rem;
	text-align: center;
}

#combi_flow2 .flow_flex4 figure {
	margin-left: 0;
	position: relative;
	margin-bottom: 30px;
}

#combi_flow2 .flow_flex4 figure span {
	position: absolute;
	top: -2%;
	left: 1%;
	color: #fff;
	font-size: 2rem;
	background: #008BD5;
	padding: 3% 7%;
	border-radius: 50%;
}

#combi_flow2 .flow_flex4 figure:first-child {
	margin-left: 0;
}

#combi_flow3 {
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#combi_flow3 .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #910782;
	color: #fff;
	margin-top: 30px;
}

#combi_flow3 .flow_flex3 {
	display: block;
	width: 100%;
	margin-top: 20px;
	position: relative;
}

#combi_flow3 .flow_flex3:after {
	content: url('../img/top/arrow.png');
	position:absolute;
	bottom: -5%;
	right: 43%;
}

#combi_flow3 .flow_flex3 figure {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}

#combi_flow3 .flow_flex3 figure span {
	position: absolute;
	top: 1%;
	left: 2%;
	color: #fff;
	font-size: 2rem;
	background: #910782;
	padding: 3% 7%;
	border-radius: 50%;
}

#combi_flow3 .flow_flex3 figure:first-child {
	margin-left: 0;
	margin-right: 0;
}

#combi_flow3 .flow_flex3 figure:last-child {
	margin-right: 0;
	margin-left: 0;
}

#combi_flow3 .columm_flex {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	background: #ededed;
	margin-top: 60px;
	position: relative;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	width: 100%;
}

#combi_flow3 .columm_flex div {
	margin: 20px 3px;
	width: 100%;
}

#combi_flow3 .columm_flex div figure {
	position: relative;
	width: 100%;
}

#combi_flow3 .columm_flex div:first-child figure {
	margin-bottom: 20px;
}

#combi_flow3 .columm_flex div:last-child figure {
	margin-bottom: 20px;
}

#combi_flow3 .columm_flex div:first-child span {
	position: absolute;
	top: 5%;
	left: 3%;
	color: #fff;
	font-size: 2rem;
	padding: 3% 8%;
	background: #910782;
	border-radius: 50%;
}

#combi_flow3 .columm_flex div:last-child span {
	position: absolute;
	top: 6%;
	right: 3%;
	color: #fff;
	font-size: 2rem;
	padding: 3% 8%;
	background: #910782;
	border-radius: 50%;
}

#combi_flow3 .columm_flex:after {
	content:"";
    width: 0;
    height: 0;
    border-top: 20px solid #910782;
    border-right: 30px solid transparent;
    border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
	position: absolute;
	bottom: -10%;
	left: 41%;
}

#combi_flow3 p {
	margin-top: 50px;
	font-size: 2rem;
	text-align: center;
} 

#flow4 .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #8DC21F;
	color: #fff;
	margin-top: 30px;
} 

#flow4 .flow_flex3 {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
	margin-top: 10px;
	position: relative;
}

#flow4 .flow_flex3 figure {
	width: 48%;
	margin: 0 3px;
	position: relative;
	margin-bottom: 20px;

}

#flow4 > .flow_flex3 figure span {
	position: absolute;
	top: -1%;
	left: 0;
	color: #fff;
	font-size: 2rem;
	padding: 3% 7%;
	background: #8DC21F;
	border-radius: 50%;
}

#flow4 p {
	margin-top: 50px;
	font-size: 2rem;
	text-align: center;

} 

#flow4 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#flow4 > .flow_flex3:after {
	content:"";
    width: 0;
    height: 0;
    border-top: 20px solid #8DC21F;
    border-right: 30px solid transparent;
    border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
	position: absolute;
	bottom: -8%;
	left: 41%;
}

#factory1 , #factory2 {
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#factory1 .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #28a051;
	color: #fff;
	margin-top: 30px;

}

#factory2 .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #28a051;
	color: #fff;
	margin-top: 30px;
}
 
.factory_flex {
	display: block;
	width: 100%;
	margin-top: 20px;
	position: relative;
}

.factory_flex figure:first-child {
	flex: 2 0 100%;
	-webkit-flex: 2 0 100%;
}

#factory2 {
	margin-bottom: 100px;
}

.factory_flex figure:nth-last-child(2) {
	margin: 0 0;
}
	
.map iframe {
	width: 100%;
	height: 200px;
}
	
.map p {
	margin-top: 30px;
}

.map p span {
	margin: 0 10px;
}

.factory_manager {
	display: block;
	width: 100%;
	margin-top: 30px;
}

.factory_manager figure {
}

.factory_manager div {
	width: 100%;
	border: 2px solid #28a051;
	border-radius: 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	margin-left: 0;
	margin-top: 60px;
	position: relative;
}

.factory_manager div:before {
	content: "";
    border: 12px solid transparent;
    border-bottom: 50px solid #28a051;
    position: absolute;
    left: 60%;
    bottom: 100%;
    z-index: 2;
}


.factory_manager div p {
	padding: 2em;
	line-height:2;
}

.factory_manager div p span {
	font-size: 1.8rem;
	font-weight: bolder;
}


/* -----------------------------------------------------------
    results.html
----------------------------------------------------------- */

#results {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝"; 
}
.results_box p {
	margin: 20px 0;
}

.results_box {
	margin-bottom: 30px;
}

.results_box dl {
	display: flex;	
	display: -webkit-flex;	
	font-size: 1.4rem;
}

.results_box dl:last-child {
	margin-bottom: 20px;
}

.results_box dt {
	font-weight: bold;
}

.results_box dt:after {
	content: ":";
	padding: 0 3px;
}

.results_img {
	width: 100%;
}

.results_img figure {
	width: 100%;
	margin-bottom: 50px;
}

.results_img figure img {
	width: 100%;
}

/* -----------------------------------------------------------
    topics.html
----------------------------------------------------------- */
#topics {
	width: 100%;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝"; 
}

.topics_box article {
	display: block;
	border: 1px solid #28A051;
	width: 100%;
	margin-top: 50px;
	background: #ededed;
} 

.topics_box article p {
}

.topics_box article p span {
	font-size: 1.8rem;
	margin:0 0 10px;
	display: block;
}

.topics_box article figure {
	width: 100%;
	height: 100px;
	height: auto;
}

.topics_box article div {
	margin: 10px 20px;
	flex: 1 1;
	-webkit-flex: 1 1;
}

.topics_box article div a {
	display: block;
	background: #28A051;
	width: 150px;
	text-align: center;
	color: #fff;
	margin: 30px 0;
	padding: 10px 0; 
}

.topics_box article:last-child {
	margin-bottom: 50px;
}

/* -----------------------------------------------------------
    ニュース詳細
----------------------------------------------------------- */
#news {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝"; 
	margin-bottom: 59px;
	font-size: 1.4rem;
	font-size: 14px;
}

#news > .sub_title {
	text-align: center;
	font-size: 2rem;
	font-size: 20px;
	
}

#news > dl {
	display: flex;
	display: -webkit-flex;
	margin: 20px 0;
}

#news > dl dt:after {
	content:":";
	margin: 0 5px;
}

#news > dl dt:before {
	content:"■";
	margin: 0 5px 0 0;
	color: #28A051;
}

#news p {
	line-height: 3;
	margin-bottom: 30px;
}

#news img {
	width: 100%;
	margin-bottom: 20px;
}

#news figure {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#news figure > img {
	margin-bottom: 15px;
}

#news .training {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	
}

#news .training  figure {
	width: 48%;
	margin-bottom: 15px;
}

#news .training  figure img {
	width: 100%;
	margin-bottom: 15px;
}

#news .training  figure figcaption {
	margin: 0 auto;
}

.drive span {
	font-size: 2rem;
}

.drive_recorder_img {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 100%;
}

.drive_recorder_img figure:first-child {
	width: 48%;
}

.drive .drive_recorder_img figure:nth-child(2){
	width: 48%;
}

.drive .drive_recorder_img figure:last-child{
	width: 100%;
}

.drive_recorder_img figure > img {
	width: 100%;
}

/* -----------------------------------------------------------
    お問い合わせ
----------------------------------------------------------- */
.contact main #container > ol {
    display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 40px 0 0;
}

.contact main #container > ol li {
	list-style: none;
    background: #e6e6e6;
    height: 70px;
    line-height: 70px;
    position: relative;
    min-width: 310px;
}

.contact main #container > ol li:after {
    background: #ffffff;
    border-color: transparent transparent transparent #e6e6e6;
    border-style: solid;
    border-width: 35px 0 35px 25px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.contact main #container > ol li:last-child {
    margin: 0;
}

.contact main #container > ol li:last-child:after {
    content: none;
}

.contact main #container > ol li.is_current {
    background: #9c3353;
    position: relative;
}

.contact main #container > ol li.is_current p:nth-child(1),
.contact main #container > ol li.is_current p:nth-child(2),
.contact main #container > ol li.is_current p:nth-child(3) {
    color: #ffffff;
}

.contact main #container > ol li.is_current:after {
    border-left-color: #9c3353;
}

.contact main #container > ol li p:nth-child(1) {
    float: left;
	font-size: 15px;
    font-size: 1.5rem;
    padding: 0 5px 0 20px;
    position: relative;
}

.contact main #container > ol li p:nth-child(2) {
    float: left;
	font-size: 30px;
    font-size: 3.0rem;
    position: relative;
}

.contact main #container > ol li p:nth-child(3) {
    float: right;
	font-size: 15px;
    font-size: 1.5rem;
    padding: 0 40px 0 0;
    position: relative;
}

.contact main #container #contents #formBox {
	font-size: 14px;
	font-size: 1.4rem;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	padding: 40px 0;
}

.contact main #container #contents #formBox dl {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	border-top: 1px dashed #d6d6d6;
	padding: 20px 30px;
}

.contact main #container #contents #formBox dl:first-child {
	border: none;
	padding: 0 30px 20px;
}

.contact main #container #contents #formBox dl:last-child {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding: 20px 30px 0;
}

.contact main #container #contents #formBox dl dt {
	width: 25%;
}

.contact main #container #contents #formBox dl dd {
	flex: 1;
	-webkit-flex: 1;
}

.contact main #container #contents #formBox dl dt span:before {
	content: "必須";
	background: #b5150d;
    color: #ffffff;
	font-size: 11px;
    font-size: 1.1rem;
    margin: 0 1em 0 0;
    padding: 0.3em 0.5em;
}

.contact main #container #contents #formBox dl:last-child dt {
	padding: 9px 0 0;
}

 #formBox {
	border-top: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
	margin: 60px 0;
	padding: 45px 0;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝"; 
}

#formBox dl dd select {
    background: url(../images/down_type.png) no-repeat right center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 0.8em;
    border: 1px solid #eeede9;
    border-radius: 0;
    color: #222222;
    height: 40px;
	width: 100%;
}

#formBox input[type="text"] {
    padding: 0 1em;
    height: 40px;
	width: 100%;
}

#formBox dl {
	display: block;
	align-items: center;
	-webkit-align-items: center;
	border-top: 1px dashed #eeede9;
	padding: 25px;
}

#btnBox {
	display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
	margin-bottom: 10px;
}

#btnBox button {
	font-size: 13px;
    font-weight: bolder;
    border: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #28A051;
    color: #ffffff;
    height: 70px;
    cursor: pointer;
    min-width: 300px;
    padding: 1%;
    margin: 5% 0;
}

.btn a {
	display: block;
    margin: 30px auto;
    font-size: 15px;
    font-weight: bolder;
    border: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #28A051;
    color: #ffffff;
    /* height: 70px; */
    cursor: pointer;
    min-width: 300px;
    padding: 3%;
    text-align: center;
    width: 30%;
}

#btnBox button:hover {
	opacity:0.8;
}

#formBox dl:first-child {
	border: none;
	padding: 0 25px 25px;
}

#formBox dl:last-child {
	padding: 25px 25px 0;
}
#formBox dl dt {
	margin: 1em 0;
}

#formBox dl dd {
	flex: 1 1;
	-webkit-flex: 1 1;
	width: 100%;
}

#formBox dl dt span:before {
	content: "必須";
	background: #c30d23;
    color: #ffffff;
	font-size: 10px;
    margin: 0 1em 0 0;
    padding: 0.3em 0.5em;
}

#formBox dl.txt-area {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}


/* トップ
----------------------------------------------------------- */
.contact main #container #contents #formBox dl dd select {
	background: url(../img/contact/down_type.png) no-repeat right center, url(../img/contact/line.gif) no-repeat right 41px center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0 0 0 10px;
	border: 1px solid #d6d6d6;
	font-size: 14px;
    font-size: 1.4rem;
	color: #333333;
	height: 40px;
	width: 25em;
}

.contact main #container #contents #formBox dl dd select::-ms-expand {
	display: none;
}

.contact main #container #contents #formBox dl dd select option {
	padding: 0 0 0 10px;
}

.contact main #container #contents #formBox input,
.contact main #container #contents #formBox textarea {
	border: 1px solid #d6d6d6;
	font-size: 14px;
    font-size: 1.4rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
}

.contact main #container #contents #formBox input {
	padding: 0 15px;
	height: 40px;
}

.contact main #container #contents #formBox textarea {
	padding: 10px 15px;
}

.contact main #container #contents #btnBox {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin: 50px 0 0;
}

.contact main #container #contents button,
.contact main #container #contents #btnBox p a {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bolder;
	border: none;
    -webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	background: #9c3353;
	color: #ffffff;
	min-height: 50px;
	height: 50px\0;/*IE*/
	cursor: pointer;
	min-width: 250px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.contact main #container #contents button:hover,
.contact main #container #contents #btnBox p a:hover {
	background: #f7a5be;
	opacity: 1;
}

.err_top {
	font-size: 14px;
	font-size: 1.4rem;
    color: #b94a48;
    font-weight: bolder;
    margin: 0 0 40px 0;
    background: #f2dede;
    border: 1px solid #eed3d7;
    padding: 10px 15px;
}

.err {
	font-size: 14px;
	font-size: 1.4rem;
    color: #b94a48;
    font-weight: bolder;
    margin: 10px 0 0 0;
    background: #f2dede;
    border: 1px solid #eed3d7;
    padding: 10px 15px;
}

/*    入力内容の確認ページ
----------------------------------------------------------- */
.confirm main #container #contents #formBox dl:last-child dt {
	padding: 0;
}

.confirm main #container #contents #btnBox button {
	min-width: 250px;
}

.confirm main #container #contents #btnBox button:last-child {
	margin: 0 0 0 40px;
}

/*    送信完了ページ
----------------------------------------------------------- */
.complete main #container #contents #formBox {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	text-align: center;
}

.complete main #container #contents #formBox p:last-child {
	margin: 20px 0 0;
}
	
	#csr {
	padding: 3% 0 ;
}

#csr .csr_box {
	display: block;
}

#csr .csr_txt {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}



#csr .csr_box figure {
	 flex: 1 0 220px;
	-webkit-flex: 1 0 220px;
	margin: 10% 10% 0 10%;
	padding-left: 0px;
    text-align: center;
}


#csr2 {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝"; 
}

#csr2 .licence_img {
	display: block;
}

#csr2 .licence_img article {
	flex: 1 1 817px;
    -webkit-flex: 1 1 817px;
}

#csr2 .licence_img figure {
	margin: 10%;
	padding: 0px;
    text-align: center;
}


#csr2 .licence_img dl {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

#csr2 .licence_img dl dt {
	font-size: 7rem;
	font-weight: bold;
	color: #28A051;
	margin-right: 5px;
}


.sub_title {
	margin-bottom: 20px;
}

.sub_title_h {
	margin-bottom: 5%;
}

#safety {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

.safety_txt {
	width: 100%;
	width: 100%\0;/*IE*/
}

#safety p {
	line-height: 2;
    margin-bottom: 5%;
}

#safety .title_circle {
	margin-bottom: 5%;
}

.safety_img {
	display: flex;
	display: -webkit-flex;
	margin-top: 20px;
	width: 100%;
	
}

.safety_img figure {
	margin-left: 30px;
	width: 60%\0;/*IE*/
}

.safety_img figure:first-child {
	margin-left: 0;
}


#education {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
}

#education > p{
	font-size: 1.2rem;
	font-size: 12px;
}

#education article {
	width: 100%; 
}

#education .education_flex {
	display: block;
}

.education_img {
	display: flex;
	display: -webkit-flex; 
	align-items: center;
	-webkit-align-items: center;
	margin-right: 0px;
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
}

.education_img figure {
	margin-left: 20px;
}

#education .csr_txt {
	width: 100%;
}

#education .title_circle {
	margin-bottom: 5%;
}

#education span {
	font-size: 18px;
	font-size: 1.8rem;
}

#education p:first-child {
	font-size: 1.6rem;
}

#education .csr_txt p:last-child {
	margin-top: 20px;
}

#education .csr_txt li:before {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #28a051;
	margin: 0 5px 0 10px;
}

#project {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝";
	margin-bottom: 50px;
}

#project .title_circle {
	width: 100%;
	padding: 1% 4%;
	font-size: 1.6rem;
	background: #a9d9b9;
	font-weight: normal;
	border-radius: 20px;
	margin-top: 50px;
}

#project .project_flex {
	display: block;
}

#project .project_flex p {
	flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
	padding-right: 50px;
	line-height: 2;
	margin-top: 10px;
}

#project .project_flex figure {
	flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	margin-right: 0px;
    text-align: center;
}

/* -----------------------------------------------------------
    introduction.html
----------------------------------------------------------- */
.introdaction_txt {
    display: block;
}

.introdaction_txt p {
    padding: 0;
}


#recycle_fee h2 {
    font-size: 14px;
    font-size: 1.4rem;
}

#recycle_fee p:nth-child(3) {
    font-size: 15px;
    font-size: 1.5rem;
}

#recycle_fee .fee_recycle figure figcaption {
    font-size: 10px;
    font-size: 1.0rem;
}

#recycle_fee p:last-of-type span {
    font-size: 10px;
    font-size: 1.0rem;
    padding: 3%;
}

#recycle_fee p span:first-child {
    font-size: 20px;
    font-size: 2.0rem;
}

/* -----------------------------------------------------------
    industrial.html
----------------------------------------------------------- */
.industrial_txt {
    display: block;
}

#industrial h1 {
    font-size: 2.0rem;
    font-size: 20px;
}

.industrial_txt p:first-child {
    width: 100%;
    max-width: 100%;
    display: block;
}

.industrial_txt p:first-child span {
    font-size: 1.8rem;
    font-size: 18px;
    padding: 0.5em 0;
}

.industrial_txt p:nth-child(2) {
    padding: 14px 30px;
}

.industrial_txt p:first-child span {
    width: 100%;
    display: block;
}

.industrial_txt p:first-child::before {
    display: none;
}

.industrial_txt p:first-child::after {
    display: none;
}

/* -----------------------------------------------------------
    fee.html
----------------------------------------------------------- */
.recycle_page a {
    font-size: 15px;
    font-size: 1.5rem;
}

#recycle_fee .fee_recycle figure figcaption {
    font-size: 9px;
    font-size: 0.9rem;
}

#recycle_fee p span:first-child {
    font-size: 18px;
    font-size: 1.8rem;
}

#fee_service div {
    display: block;
}

#fee_service div ul {
    font-size: 15px;
    font-size: 1.5rem;
}

#fee_service div p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
}

/* -----------------------------------------------------------
    採用情報　2022/12/16　追加
----------------------------------------------------------- */
.recruit_box {
	display: block;
}
.recruit_box figure{
	width: 80%;
	margin: 0 auto;
}
.recruit_box .recruit_txt-box{
	width: 100%;
}
a.recruit_btn{
	width: 80%;
	margin: 2em auto;
	padding: 5%;
}
.sp-none{
	display: none;
}
	
}