@charset "utf-8";
/* common--------------------------*/
::-webkit-scrollbar{
	width: 3px;
	height: 5px;
}
::-webkit-scrollbar-track{
	background-color: #f1f1f1;
	border-radius: 90px;
}
::-webkit-scrollbar-thumb{
	background: #999;
}
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Noto Sans JP', sans-serif ,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS P Gothic", Verdana;
	font-size: 16px;
	line-height: 1.5;
	color: #1a1a1a;
	min-width: 340px;
	font-weight: 400;
}
a {
	color: #1a1a1a;
	outline: none;
	text-decoration: none;
	transition: .3s;
}
a,area{outline: none;}
a img {
	border: 0px;
	vertical-align:bottom;
	transition: .4s;
}
article > section {
	padding: 80px 0;
	overflow: hidden;
}
.container {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}
.container._1200 {max-width: 1200px;}
a.blank::after {
	content: "";
	display: inline-block;
	background: url("https://marutamaunsou.co.jp/common/img/ico_blank.png") center center no-repeat!important;
	background-size: contain!important;
	width: 13px!important;
	height: 10px!important;
	margin-left: 7px;
}
a.blank._white::after {
	background-image: url("https://marutamaunsou.co.jp/common/img/ico_blank02.png")!important
}
a.blank._orange::after {
	background-image: url("https://marutamaunsou.co.jp/common/img/ico_blank03.png")!important
}
img{
	vertical-align:bottom;
	margin: auto;
	max-width: 100%;
	height: auto;
	width:auto;
}
@media screen and (min-width: 620px) {
	img {image-rendering: -webkit-optimize-contrast;}
	_::-webkit-full-page-media, _:future, :root img {image-rendering:inherit;}
}
video {
	width: 100%;
	height: auto;
}
/*character setting-----------*/
small {font-size: 80%;}
strong {font-weight: 800;}
em,address {font-style: normal;}
sup {font-size: 75%;vertical-align: .35em;}
/*list-------------------*/
ul,ol {list-style-type: none;}
/* table---------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
	width: 100%;
}
tbody {-webkit-text-size-adjust: 100%;} 
caption {text-align: left;}
/*form---------------------*/
input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}
input[type="submit"],input[type="button"] {
  appearance: none;
  -webkit-appearance: none;
}
select{cursor: pointer}
label {
	display: inline-block;
	cursor: pointer;
	margin: 0 5px 5px 0;
}
label:hover {background: #f1f1f1}
/*align---------------------*/
.alnleft {text-align: left;}
.alncenter {text-align: center;}
.alnright {text-align: right;}
/*margin--------------------*/
.ma30 {margin: 30px;}
.ma20 {margin: 20px;}
.ma10 {margin: 10px;}
.ma05 {margin: 5px;}
.mt60 {margin-top: 60px;}
.mt50 {margin-top: 50px;}
.mt40 {margin-top: 40px;}
.mt30 {margin-top: 30px;}
.mt20 {margin-top: 20px;}
.mt15 {margin-top: 15px;}
.mt10 {margin-top: 10px;}
.mt05 {margin-top: 5px;}
.mb60 {margin-bottom: 60px;}
.mb50 {margin-bottom: 50px;}
.mb40 {margin-bottom: 40px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb15 {margin-bottom: 15px;}
.mb10 {margin-bottom: 10px;}
.mb05 {margin-bottom: 5px;}
.mr20 {margin-right: 20px;}
.mr10 {margin-right: 10px;}
.mr05 {margin-right: 5px;}
.ml20 {margin-left: 20px;}
.ml15 {margin-left: 15px;}
.ml10 {margin-left: 10px;}
.ml05 {margin-left: 5px;}
/*padding----*/
.pa30 {padding: 30px;}
.pa20 {padding: 20px;}
.pa10 {padding: 10px;}
.pa05 {padding: 5px;}
.pt30 {padding-top: 30px;}
.pt20 {padding-top: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt05 {padding-top: 5px;}
.pb30 {padding-bottom:30px;}
.pb20 {padding-bottom:20px;}
.pb15 {padding-bottom:15px;}
.pb10 {padding-bottom:10px;}
.pb05 {padding-bottom: 5px;}
.pr20 {padding-right: 20px;}
.pr10 {padding-right: 10px;}
.pr05 {padding-right: 5px;}
.pl20 {padding-left:20px;}
.pl10 {padding-left: 10px;}
.pl05 {padding-left:5px;}
.pt00 {padding-top: 0px;}
.pl00 {padding-left: 0px;}
.pb00 {padding-bottom: 0px;}
.pr00 {padding-right: 0px;}
/*----繝�ぅ繧ｹ繝励Ξ繧､----*/
.slick-slide {outline: none;}
.fontmincho{font-family:"繝偵Λ繧ｮ繝取�譛� Pro W6", "Hiragino Mincho Pro", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", serif;}
.block{display:block;}
.inline{display:inline;}
.inlineblock{display:inline-block;}
.onlysp,.none{display:none;}
a:hover img{opacity:0.8;}
@media screen and (max-width: 620px) {
	.onlypc{display:none;}
	.onlysp{display: block;}
	.d-sp-block {display: block!important;}
	.w-sp-100 {	width: 100%!important;}
}
/*-----------Flexbox-----------*/
.d-flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.f-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.f-nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.jc-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.jc-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.jc-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.jc-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ai-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.ai-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.ai-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ac-center {
	-ms-flex-line-pack: center;
	align-content: center;
}
.order-1 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.order-0 {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:0;
	order:0;
}
.box-borderbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.flex-center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.flex-center > * {width: 100%;}
.row-r {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@charset "utf-8";
.fo-arimo {
	font-family: arimo, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	letter-spacing: .05em;
}
.clr-orange {color: #fd5a00!important}
.btn {
	text-align: left;
	margin-top: 15px;
}
.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #b4e4ff;
	font-size: 14px;
	font-family: arimo, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: .8;
	letter-spacing: .07em;
	padding: 15px 10px;
	color: #000;
	max-width: 170px;
}
.btn a::after {
	content: "→";
	display: inline-block;
	background-size: auto 100%;
	width: 16px;
	height: 5px;
	margin: 0 0 3px 10px;
}
.btn._orange a {
	background-color: #00509f;
}
.btn._white a {
	background-color: #fff;
	color: #1a1a1a
}
.btn._white a::after {
	background-image: url("https://marutamaunsou.co.jp/common/img/arrow.svg")
}
.btn a:hover {
	background-color: #00509f;
	color: #fff;
}
.btn._orange a:hover {
	background-color: #1a1a1a;
}
.btn._yot a {
	font-family: 'Noto Sans JP', sans-serif ,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS P Gothic", Verdana;
	font-weight: 400;
	max-width: 200px;
}

.txt-bg span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.txt-bg span::before {
	content: "";
	z-index: -1;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #1a1a1a;
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	-ms-transition-duration: .8s;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s;
	transition-delay: .1s;
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-ms-transform-origin:left center;
	-o-transform-origin:left center;
	transform-origin:left center;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
}
.txt-bg.act span::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: -1;
}

/*header----------------------------*/
.menuIcon {
	display: none;
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	transition: .4s ease-out;
}
.headerWrap {
	position: relative;
}
#header.scrollClass {
	background: #fff;
	box-shadow: 0px 10px 5px -12px;
}
.hLogo {
	margin: 0 25px;
}
.hLogo .txt {
	font-size: 15px;
	letter-spacing: .08em;
	color: #fd5a00;
	margin: 0 0 10px 15px;
	white-space: nowrap;
	line-height: 1.1;
}
.nav {
	text-align: left;
	font-size: 12px;
}
.nav li {
	letter-spacing: .08em;
}
.nav a .fo-arimo {
	font-size: 150%;
	display: block;
	margin-bottom: .1em;
}
.nav > li:not(:first-of-type) {
	margin-left: 50px;
}
.nav > li > a {
	display: block;
	padding: 30px 0;
	position: relative;
	white-space: nowrap;
}
.nav > li > a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	opacity: 0;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	margin: auto;
	background: #fd5a00;
	height: 3px;
	z-index: 1;
}
.nav > li > a:hover::before {
	bottom: 20px;
	opacity: 1;
}
.nav .navContact a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 20px;
	background: #fd5a00;
	color: #fff;
	padding: 20px 50px;
}
.navContact a::after {
	content: "";
	display: inline-block;
	background: url("https://marutamaunsou.co.jp/common/img/arrow_white.svg") right center no-repeat;
	background-size: auto 100%;
	width: 16px;
	height: 5px;
	margin: 0 0 3px 10px;
}
.navContact a::before {
	display: none!important;
}
.navContact a:hover {
	background: #1a1a1a!important;
}

/*dropdown*/
.dropNav {
 	display: none;
	position: absolute;
	background: #e6e6e6;
	width: 100%!important;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 999;
	padding: 60px 0;
}
.dCont {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 16px;
}
.navLft {
	width: 20%;
	font-weight: 600;
	margin-right: 10%;
}
.navTtl .fo-arimo {
	display: block;
	font-size: 185%;
	margin-bottom: 5px;
}
.dNav {
	width: 100%;
	max-width: 675px;
}
.dNav li {
	width: 45%;
	margin-right: 10%;
}
.dNav li:nth-of-type(even) {
	margin-right: 0;
}
.dNav a {
	display: block;
	padding: 15px 30px 15px 5px;
	border-bottom: 1px solid #000;
	background: url("https://marutamaunsou.co.jp/common/img/arrow.svg") right 10px center no-repeat;
}
.dNav a:hover {
	color: #fd5a00
}

/*footer
-------------------------------------------------------------------*/
.bnrArea {
	background: url("https://marutamaunsou.co.jp/common/img/bnrarea_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 100px 0;
}
.bnrBox {
	width: 48%;
	text-align: left;
}
.bnrBox h2 {
	font-size: 40px;
	margin-bottom: 5px;
}
.bnrBox h2 + p {
	font-weight: 700;
}
.bnrBox .logo {
	margin-bottom: 10px;
}
.bnrBox._01 {
	background: url("https://marutamaunsou.co.jp/common/img/bnr_img01.png") right -1px bottom,url("https://marutamaunsou.co.jp/common/img/bnr_bg01.jpg") center center;
	background-repeat: no-repeat;
	background-size: auto 100%,cover;
	padding: 30px;
}
.bnrBox .btn a {
	border: 1px solid transparent
}
.bnrBox._01 .btn a:hover {
	background-color: #fd5a00;
	border-color: #1a1a1a;
}
.bnrBox._01 h2 {
	font-size: 62px;
}
.bnrBox._02 {
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	padding: 40px 10px;
}
.bnrBox._02 .txt {
	margin-top: 25px;
}
.bnrBox .btn {
	margin-top: 30px;
}
.bnrBox._02 .btn a {
	margin: 0 auto;
}
#footer {
	background: #1a1a1a;
	color: #fff;
}
.footerWrap {
	position: relative;
	padding: 90px 0 40px;
}
.pageTop {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
}
.fNav > ul:not(:first-of-type) {
	margin-left: 15px;
}
.fNav {
	text-align: left;
}
.fNav a {
	color: #fff;
	font-weight: 400;
}
.fNav a:hover {
	color: #fd5a00;
}
.fNav li {
	margin-top: 10px;
}
.fNav .child li {
	padding-left: 1em;
	text-indent: -1em;
}
.fNav .child li::before {
	content: "繝ｻ";
}
.dmmy {
	visibility: hidden;
}
.fBtm {
	margin-top: 80px;
}
.fBnr li {
	margin-left: 15px;
}
.fBnr li img {
	max-height: 60px;
}
.copyRight {
	font-size: 75%;
	color: #666;
	margin-top: 30px;
}




/*top
-------------------------------------------------------------------*/
body#index {
	background: url("https://marutamaunsou.co.jp/common/img/logomark_gray.svg") top -60px left -140px no-repeat;
	background-size: 545px auto;
}
body#parent {
	background: url("https://marutamaunsou.co.jp/common/img/logomark_gray.svg") top -60px left -140px no-repeat;
	background-size: 510px auto; 
}
.mainArea {
	position: relative;
	overflow: hidden;
	height: 775px;
	margin-bottom: 80px;
}
.mainVisualWrap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	padding-left: 15%;
}
.mainMovie {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mainMovie video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
@media (max-aspect-ratio: 16 / 9) {
.mainMovie video {
	height: 100vh;
	left: 50%;
	transform: translateX(-50%);
}
}
.mainScrollArea {
	width: 15%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.scrollWrap {
	position: relative;
	height: 100%;
}
.scrollCont {
	font-size: 14px;
	color: #fd5a00;
	line-height: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 60px;
}
.scrollCont::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
	display: block;
	height: 50px;
	width: 2px;
	background: #fd5a00;
	-webkit-animation: scrollbar ease-in 1.5s infinite;
	animation: scrollbar ease-in 1.5s infinite;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}
.scrollCont span {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
@keyframes scrollbar {
	0% {
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
	}
	100% {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
	}
}
.mainBox {
	position: absolute;
	top: 200px;
	left: 5%;
	text-align: left;
	z-index: 5;
	font-size: 24px;
	color: #fff;
	font-weight: 600;
}
.mainLogo span {
	display: block;
	color: #fd5a00;
	font-size: 140%;
	margin-top: 5px;
}
.mainTxt {
	margin-top: 50px;
	text-shadow: 0px 0px 2px #1a1a1a;
}
.mainTxt span {
	margin-top: 5px;
	padding: 10px;
	line-height: 1.2;
}
.mainTxt span::before {
	background: #fd5a00;
}
.mainTxt.change span::before {
	background: #1a1a1a;
}
#pride {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
	z-index: 5;
}
.txtScrollWrap {
	position: absolute;
	left: 0;;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -10;
}
.prideImg {
	position: relative;
	width: 52%;
	margin-right: -2%;
	height: 958px;
}
.prideImg::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	right: 0;
	width: 100%;
	background: url("https://marutamaunsou.co.jp/common/img/top/track.png") right center no-repeat;
	background-size: cover;
	z-index: -1;
	min-width: 1164px;
}
.prideArea {
	width: 50%;
	text-align: left;
	padding-top: 170px;
}
.prideArea h2 .tit {
	font-size: 30px;
	font-weight: 800;
	letter-spacing: .05em;
}
.prideArea h2 .tit big {
	font-size: 210%;
}
.prideArea h2 + .txt {
	margin: -35px 0 25px;
	line-height: 1.8;
	letter-spacing: .075em;
}
.prideWrap li {
	margin-top: 25px;
	margin: 25px 2% 0 0;
	width: 49%;
	padding-bottom: 10px;
	font-weight: 800;
	border-bottom: 1px solid #fd5a00;
	letter-spacing: .05em;
}
.prideWrap li:nth-of-type(even) {
	margin-right: 0;
}
.prideWrap li a:hover {
	color: #fd5a00;
}
.prideWrap .num {
	text-align: center;
	background: #1a1a1a;
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #fd5a00;
	margin-right: 15px;
}
.prideWrap .txt span {
	color: #fd5a00;
	font-size: 75%;
	display: block;
	margin-top: 5px;
}
.ttlWrap {
	text-align: left;
	margin-bottom: 40px;
	font-size: 115%;
	font-weight: 600;
}
.ttlWrap h2 {
	font-size: 48px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.ttlWrap h2 .num {
	position: relative;
	font-size: 42px;
	line-height: 60px;
	width: 60px;
	height: 60px;
	background: #1a1a1a;
	color: #fff;
	text-align: right;
	letter-spacing: -.025em;
	margin-right: 10px;
}
.ttlWrap h2 .num::after {
	content: "";
	width: 12px;
	height: 2px;
	position: absolute;
	top: 49%;
	left: 0;
	z-index: 1;
	background: #fff
}
.gradTtl span {
	display: inline-block;
	background: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#fd3e00),color-stop(22%, #fd5a00),color-stop(80%, #ffe300));
  background: -o-linear-gradient(left, #fd3e00,#fd5a00 22%,#ffe300 80%);
  background: linear-gradient(90deg, #fd3e00,#fd5a00 22%,#ffe300 80%);
  background: -webkit-linear-gradient(0deg, #fd3e00,#fd5a00 22%,#ffe300 80%);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ttlWrap .txt {
	line-height: 1.8;
	margin-top: 25px;
}

#topService {
	padding: 400px 0 0;
	margin-top: -400px;
	position: relative;
}
#topService::after {
	content: "";
	display: block;
	background: url("https://marutamaunsou.co.jp/common/img/logomark_gray.svg") top right -165px no-repeat;
	background-size: contain;
	width: 45%;
	height: 798px;
	position: absolute;
	top: 0;
	right: 0;
}
.topServiceArea {
	padding: 50px 0 25px;
}
.topServiceWrap {
	position: relative;
	z-index: 10;
}
.topSeviceBox {
	position: relative;
	text-align: left;
	width: 30%;
}
.topSeviceBox h3 {
	position: absolute;
	left: 0;
	top: -20px;
}
.topSeviceBox h3 span {
	position: relative;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	display: inline-block;
	color: #fff;
	z-index: 5;
	padding: 7px 20px 7px 0;
}
.topSeviceBox h3 span::before {
	content: "";
	background: #00509f;
	height: 100%;
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transform: skewX(-15deg) scale(0);
	-ms-transform: skewX(-15deg) scale(0);
	transform: skewX(-15deg) scale(0);
}
.topSeviceBox h3.act span::before {
	-webkit-transform: skewX(-15deg) scale(1);
	-ms-transform: skewX(-15deg) scale(1);
	transform: skewX(-15deg) scale(1);
}
.topSeviceBox .img {
	overflow: hidden;
}
.topSeviceBox a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.topSeviceBox:nth-of-type(even) h3 span::before {
	background-color: #b4e4ff;
}
.topServiceWrap .txt {
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
}
.topServiceWrap .txt a:hover {
	color: #fd5a00
}
#topIntro {
	background: url("https://marutamaunsou.co.jp/common/img/top/japan_map.jpg") top -275px right 5% no-repeat;
	padding: 150px 0 240px;
}
.introBnr {
	width: 52%;
	max-width: 516px
}
.introBnr li {
	margin-bottom: 35px;
}
.introBnr a {
	position: relative;
}
.introBnr a::after {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: #fd5a00 url("https://marutamaunsou.co.jp/common/img/arrow_white.svg") left center no-repeat;
	background-size: auto 5px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.introBnr figure {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.introBnr figure img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 1!important
}
.introBnr a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.bnrTxt {
	width: 200px;
	min-width: 200px;
	text-align: left;
	color: #fff;
	padding: 20px 15px;
	background: #fd5a00;
	letter-spacing: .05em;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.bnrTxt .fo-arimo {
	width: 100%;
	font-size: 28px;
	margin-bottom: 5px;
}

.topIntroArea .introBnr li a::after,
.topIntroArea .introBnr li .bnrTxt,
.introBnr li:nth-of-type(even) a::after,
.introBnr li:nth-of-type(even) .bnrTxt {
	background-color: #333
}
.topIntroArea {
	width: 43%;
}
.bnrToyohashi {
	margin-top: 30px;
	text-align: left;
}
.bnrToyohashi img {
}
.introLinks ul {
	margin-top: 30px;
	text-align: left;
}
.introLinks li {
	margin-top: 20px;
	padding-bottom: 5px;
	line-height: 1.1;
	border-bottom: 1px solid #999999;
}
.introLinks li a {
	background: url("https://marutamaunsou.co.jp/common/img/arrow.svg") right 10px center no-repeat;
	padding-right: 30px;
}
.introLinks li a:hover {
	color: #fd5a00;
}
.introLinks li .fo-arimo {
	font-size: 125%;
	width: 210px;
	margin-right: 30px;
}
.topIntroArea .introBnr {
	margin-top: 30px;
	width: 100%;
}
#topNews {
	background: #f2f2f2;
	padding: 120px 0;
}
.topNewsTtl {
	width: 260px;
	text-align: left;
	font-size: 115%;
}
.topNewsTtl h2 {
	font-size: 46px;
}
.topNewsWrap {
	width: 930px;
	border-top: 1px solid #ccc;
}
.newsList > li {
	text-align: left;
	padding: 20px;
	padding-left: 105px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.date {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .05em;
}
.newsList .date {
	position: absolute;
	left: 20px;
	top: 25px;
}
.tags li {
	display: inline-block;
	background: #fd5a00;
	font-size: 12px;
	margin-right: 5px;
	color: #fff;
}
.tags li a {
	display: block;
	color: #fff;
	padding: 2px 10px;
}
.tags li a:hover {
	background: #1a1a1a;
}
.newsList > li > a {
	display: block;
	color: #1a1a1a;
	font-size: 85%;
	margin-top: 10px;
	background: url("https://marutamaunsou.co.jp/common/img/arrow.svg") right 10px center no-repeat;
	padding-right: 30px;
}
.newsList a:hover {
	color: #fd5a00;
}
/*strength
---------------------------------------------------------*/
.pageTtlWrap {
	position: relative;
	width: 90%;
	max-width: 1300px;
	height: 500px;
	margin: 0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.pageTtl {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-size: 20px;
}
.pageTtl h2 {
	font-size: 180%;
	letter-spacing: .03em;
	color: #000;
}
.pageTtl .fo-arimo {
	color: #00509f;
	margin-top: 10px;
}
.ttlBg {
	position: absolute;
	z-index: -1;
	background: url("https://marutamaunsou.co.jp/common/img/strength/pagettl.jpg") left center no-repeat;
	background-size: cover;
	width: 85vw;
	min-width: 1610px;
	top: 0;
	left: 0;
	bottom: 0;
}
#strengthPage #mainContents {
	background: url("https://marutamaunsou.co.jp/common/img/strength/bg01.jpg") top -160px center no-repeat,url("https://marutamaunsou.co.jp/common/img/strength/bg02.jpg") bottom right no-repeat;
	margin-top: -140px;
}
#prideTop {
	position: relative;
	padding-top: 15px;
}
#prideTop .prideImg {
	z-index: 50;
	width: 54%;
	margin: 0 0 0 -9%;
	height: 742px;
}
#prideTop .prideImg::before {
	background: url("https://marutamaunsou.co.jp/common/img/strength/track.png") right top no-repeat;
	background-size: contain;
	z-index: auto;
	min-width: 642px;
}
#prideTop .txtScrollWrap {
	z-index: auto;
	top: 125px;
}
#prideTop .prideArea {
	width: 55%;
	position: relative;
	padding: 0;
	z-index: 1;
}
#prideTop .prideArea h2 + .txt {
	font-size: 24px;
	font-weight: 700;
	margin: 10px 0 15px;
	line-height: 1.6
}
#prideContents {
	position: relative;
	z-index: 10;
}
.prideBox {
	position: relative;
	padding: 50px 0 0 100px;
	margin-bottom: 60px;
}
.prideBox .num {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.prideBox .num .fo-arimo {
	font-size: 104px;
	letter-spacing: -.02em;
}
.prideBox .num img {
	max-height: 46px;
	image-rendering: auto;
}
.prideTtl {
	font-size: 18px;
	text-align: left;
	line-height: 1.1;
	margin-bottom: 15px;
	padding-left: 70px;
}
.prideTtl h2 {
	font-size: 200%;
	font-weight: 800;
	letter-spacing: .03em;
	margin-right: 20px;
}
.prideTtl .fo-arimo {
	letter-spacing: normal;
}
.prideCont {
	background: #1a1a1a;
	color: #fff;
}
.prideBox:nth-of-type(odd) .prideCont {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background: #f2f2f2;
	color: #1a1a1a
}
.prideCont figure {
	width: 45.5%;
	position: relative;
	overflow: hidden;
}
.prideCont figure img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.prideCont dl {
	width: 54.5%;
	text-align: left;
	padding: 50px 8.5%;
}
.prideCont dt {
	font-size: 24px;
	letter-spacing: .03em;
	font-weight: 700;
	margin-bottom: 15px;
}
.prideCont dd .txt {
	min-height: 86px;
	line-height: 1.8
}

/*company
*--------------------------------------------------------*/

#companyPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/introduction/pagettl.jpg");
}
#companyPage #mainContents  {
	margin-top: -90px;
}
#introdubtion {
	background: url("https://marutamaunsou.co.jp/common/img/introduction/bg01.jpg") center bottom 130px no-repeat;
	padding: 100px 0 200px;
}
.introArea {
	position: relative;
	text-align: left;
}
.introWrap {
	width: 42%;
	max-width: 490px;
	min-width: 400px;
	background: rgba(0,0,0,.75);
	color: #fff;
	margin-top: 60px;
	padding: 30px 50px;
}
.introWrap dt {
	font-size: 24px;
	margin-bottom: 20px;
}
.introArea .img {
	width: 60%;
	position: absolute;
	right: 0;
	bottom: -176px;
}
.anchors li {
	width: 24%;
	margin-bottom: 50px;
}
.anchors a {
	display: block;
	padding: 20px 10px 35px;
	position: relative;
	background: #fd5a00;
	color: #fff;
}
.anchors a::after {
	content: "";
	display: block;
	background: url("https://marutamaunsou.co.jp/common/img/arrow_under.svg") center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 8px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 14px;
	z-index: 1;
}
.anchors a:hover {
	background-color: #000;
}
.anchors .num {
	font-size: 12px;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.anchors .num::after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.anchors .num big {
	display: block;
	font-size: 300%;
}
.anchors .ttl {
	font-size: 26px;
	font-weight: 700;
}
.anchors .ttl small {
	display: block;
	font-weight: 500;
	font-size: 14px;
	margin-top: 5px;
}
.companyContWrap {
	position: relative;
}
.companyContWrap:nth-of-type(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.companyContWrap:nth-of-type(even)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100vw;
	height: 100%;
	background: #f1f1f1;
	z-index: -1;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}
.companyContWrap figure {
	width: 50%;
	position: relative;
	overflow: hidden;
}
.companyContWrap figure img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.companyContWrap dl {
	width: 44%;
	text-align: left;
}
.companyContWrap dt {
	color: #fff;
	line-height: 1;
	margin-bottom: 40px;
}
.companyContWrap .num {
	font-size: 12px;
	position: relative;
	background: #1a1a1a;
	padding: 15px 15px 5px;
}
.companyContWrap .num big {
	display: block;
	font-size: 500%;
}
.companyContWrap dt h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 30px;
	line-height: 1.1
}
.companyContWrap dt h2 > *:not(.eng) {
	display: inline-block;
	background: #1a1a1a;
	padding: 10px 30px 0 15px;
	flex-grow: 1;
}
.companyContWrap:nth-of-type(even) .num,
.companyContWrap:nth-of-type(even) dt h2 > *:not(.eng) {
	background: #fd5a00;
}
.companyContWrap dt h2 small {
	font-size: 16px;
	font-weight: 500;
}
.companyContWrap .eng {
	position: absolute;
	bottom: -15px;
	right: -75px;
}
#company04 .eng {
	right: -170px;
	bottom: 0;
}
.companyContWrap dd .txt {
	line-height: 1.8
}
/*message
---------------------------------------------------------*/
.pageTtlArea._mid .pageTtlWrap {
	height: 300px;
	max-width: 1200px;
}
.pageTtlArea._mid .pageTtl {
	font-size: 23px;
}
#messagePage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/introduction/message/pagettl.jpg");
}
#messagePage .pageTtlArea {
	margin-bottom: 0;
}
#messageTop {
	background: url("https://marutamaunsou.co.jp/common/img/introduction/message/bg_icon.png") right center no-repeat,url("https://marutamaunsou.co.jp/common/img/introduction/message/bg01.jpg") top center no-repeat;
	background-size: auto,cover;
	padding-bottom: 125px;
}
.messageImg {
	width: 42%;
	position: relative;
	background: url("https://marutamaunsou.co.jp/common/img/introduction/message/img01-1.jpg") right bottom no-repeat;
	background-size: 85% auto;
	padding: 0 8% 8% 0;
}
.messageImg img {
	box-shadow: 40px 40px 20px rgba(0,0,0,.125);
}
.messageTopWrap dl {
	width: 55%;
	text-align: left;
}
.messageTopWrap dt {
	background: #fd5a00;
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
	padding: 5px 20px
}
.messageTopWrap dd {
	line-height: 1.8;
}
.presidentName {
	position: absolute;
	top: 115px;
	right: 0;
	background: #1a1a1a;
	color: #fff;
	z-index: 1;
	padding: 15px 20px;
	width: 185px;
	text-align: left;
}
.presidentName small {
	font-size: 85%;
}
.presidentName span {
	display: block;
	font-size: 125%;
	letter-spacing: .03em;
}
#messageBtm .messageTopWrap .img {
	width: 33%;
}
#messageBtm .messageTopWrap dl {
	width: 62%;
}
.nameTxt {
	margin-top: 60px;
	text-align: right;
	font-size: 85%;
}
#messageArea {
	background: #f2f2f2;
	padding: 50px 0;
}
.messageWrap {
	max-width: 1000px;	
}
.messageWrap > * {
	width: 31.5%;
	margin: 30px 0;
}
.messageWrap dl.col-2 {
	width: 65%;
}
.messageWrap dl {
	text-align: left;
}
.messageWrap .num {
	display: inline-block;
	background: #fd5a00;
	padding: 10px;
}
.messageWrap .num span {
	color: #fff;
	margin-left: 5px;
}
.messageWrap dt h2{
	color: #fff;
	font-weight: 700;
	font-size: 110%;
	background: #1a1a1a;
	line-height: 1.2;
	padding: 10px;
}
.messageWrap dd {
	line-height: 1.8;
	margin-top: 15px;
}
/*profile
---------------------------------------------------------*/
#profilePage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/introduction/profile/pagettl.jpg")
}
.contTtl {
	text-align: left;
	margin-bottom: 40px;
}
.contTtl h2 {
	font-size: 36px;	
}
.contTtl p {
	font-size: 115%;
	font-weight: 700;
	letter-spacing: .035em;
}
#aboutus {
	padding-bottom: 0;
}
#aboutusArea {
	background: #f2f2f2 url("https://marutamaunsou.co.jp/common/img/introduction/profile/bg01.jpg") top center no-repeat;
	background-size: 100% auto;
	padding-top: 310px;
}
.whiteArea {
	background: #fff;
	padding: 80px 5%;
}
#historyArea {
	padding: 140px 0 180px;
	background: #f2f2f2 url("https://marutamaunsou.co.jp/common/img/introduction/profile/bg02.jpg") right bottom no-repeat;
}
.aboutWrap dt,.aboutWrap dd {
	text-align: left;
	border-bottom: 1px solid #9a9a9a;
	padding: 20px 15px 20px;
	line-height: 2
}
.aboutWrap dt:last-of-type,.aboutWrap dd:last-of-type {
	border-bottom: none;
}
.aboutWrap dt {
	width: 30%;
	font-weight: 700;
	padding-left: 100px
}
.aboutWrap dd {
	width: 70%;
	font-weight: 400;
}
.aboutWrap a {
	color: #fd5a00;
	text-decoration: underline;
}
.aboutWrap a:hover {
	color: #FFE300;
	font-weight: 500;
	text-decoration: none;
}
.aboutAreaList a {
	display: block;
	width: 165px;
	min-width: 165px;
}
.aboutAreaList .add *,
.aboutGroup .txt * {
	display: inline-block;
}
.aboutAreaList .add br,
.aboutGroup .txt br {
	display: none!important;
}
.aboutGroup .txt:not(:last-of-type) {
	margin-bottom: 1.5em;
}
.historyArea dl {
	text-align: left;
	border-bottom: 1px solid #9a9a9a;
	padding-bottom: 40px;
	margin-bottom: 40px;
	line-height: 2;
}
.historyArea dl:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.historyArea dt,.historyArea dd {
	line-height: 1.5;
	padding: 5px 0 5px 100px; 
}
.historyArea dt {
	width: 33%;
	white-space: nowrap;
}
.historyArea dd {
	width: 67%;
}
.historyImg {
	margin-top: 40px;
}
.historyImg .img {
	width: 50%;
}
.historyImg .txt {
	width: 43%;
	position: relative;
	border: 1px solid #281613;
	padding: 25px 15px;
	line-height: 2;
}
.historyImg .txt span {
	display: inline-block;
	text-align: left;
}
.historyImg .txt::after {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: #fff;
	border-top: 1px solid #281613;
	border-left: 1px solid #281613;
	position: absolute;
	left: -14px;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
.historyImg.row-r .txt::after {
	-webkit-transform: translateY(-50%) rotate(135deg);
	-ms-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
	left: auto;
	right: -14px;
}
/*lineup
---------------------------------------------------------*/
#lineupPage .ttlBg {
	background-image: url("../img/line_bg.png")
}
#lineup01 {
	background: url("../img/bg01bg01.png") top left no-repeat;
}
.lnTop {
	position: relative;
	text-align: left;
}
.lnTopBox {
	font-weight: 400;
	width: 35%;
	color: #fff;
	line-height: 1.8
}
.lnTopBox h2 {
	font-size: 76px;
	color: #fff;
	margin-bottom: 40px;
	line-height: .9
}
.lnTopBox h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.lnTop figure {
	width: 75%;
	margin-right: -20%;
}
.lineupArea .container {
	max-width: 1000px;
}
.lnTop {
	max-width: 1200px!important;
	margin-bottom: 60px;
}
.lnArea > figure {
	width: 45%;
	margin-top: -120px;
}
.lnArea .lnWrap {
	width: 50%;
}
.lnArea .lnWrap figure {
	margin-bottom: 30px;
}
.lnWrap {
	text-align: left;
	line-height: 1.8
}
.lnWrap dt,.lnTxtCont dt {
	min-width: 200px;
	background: #00509f;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	padding: 10px;
	display: inline-block;
	text-align: center;
	margin-bottom: 15px;
}
.lnTxtCont {
	text-align: left;
}
.lnTxtCont dd {
  padding: 10px;
  border: 1px solid #00509f;
  margin-top: -15px;
  line-height: 1.8;
}
.lnContWrap {
	margin-top: 45px;
}
.lnCont {
	width: 49%;
	max-width: 460px;
	border-top: 1px solid #666;
	background: #fff;
}
.lnCont dt,.lnCont dd {
	font-weight: 500;
	padding: 15px;
	border-bottom: 1px solid #fff;
	color: #1a1a1a
}
.lnCont dt {
	width: 65%;
	background: #00509f;
	color: #fff;
}
.lnCont dd {
	width: 35%;
}
.updateTxt {
	text-align: right;
	margin-top: 15px;
}
#lineup02, #lineup04, #lineup06, #lineup08, #lineup10 {
	background: #d8ebff;
	color: #000;
}
.lnWrap.d-flex {
	margin-bottom: 70px;
}
.lnWrap.d-flex .img {
	width: 50%;
}
.lnWrap.d-flex dl {
	width: 42%;
}
#lineup02 .lnWrap dt {
	background: #fff;
	color: #000;
}
#lineup02 .lnCont,#lineup02 .lnCont dd:last-of-type {
	border-color: #fff;
}
#lineup02 .lnCont dt {
	background: #808080;
	border-color: #fff;
}
#lineup02 .lnCont dd {
	border-color: #1a1a1a;
}
#lineup03 {
	padding-top: 140px;
}
.lnArea.row-r > figure {
	margin: -60px -10% 0 0
}
/*service
---------------------------------------------------------*/
#servicePage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/service/pagettl.jpg")
}
#servicePage #mainContents {
	background: url("https://marutamaunsou.co.jp/common/img/service/bg01.jpg") top left no-repeat,url("https://marutamaunsou.co.jp/common/img/service/bg02.jpg") right bottom no-repeat;
	background-size: auto,100% auto;
	margin-top: -140px;
}
#serviceTop {
	position: relative;
	padding: 270px 0 0;
}
#serviceTop .prideImg {
	z-index: 50;
	width: 56%;
	margin: 0 -9% 0 0;
	height: 574px;
}
#serviceTop .prideImg::before {
	right: auto;
	left: 0;
	background: url("https://marutamaunsou.co.jp/common/img/service/track.png") left top no-repeat;
	background-size: contain;
	z-index: auto;
	min-width: 672px;
}
#serviceTop .txtScrollWrap {
	z-index: auto;
	top: 125px;
}
#serviceTop .prideArea {
	width: 53%;
	position: relative;
	padding: 0;
	z-index: 1;
	color: #fff;
}
#serviceTop .prideArea h2 + .txt {
	font-size: 24px;
	font-weight: 700;
	margin: 10px 0 15px;
	line-height: 1.6
}
#serviceContents {
	padding-top: 0;
	position: relative;
	z-index: 10;
}
#serviceContents .prideBox {
	padding-top: 0;
}
.subTxt {
	width: 100%;
	margin-top: 10px;
	color: #fd5a00;
}
.serviceBox .num {
	background: #1a1a1a;
	color: #fff;
	width: 135px;
	padding: 12px 0 2px;
}
.serviceBox .num span {
	display: block;
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
.serviceBox .num span::after {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 1;
}
.serviceBox .num big {
	display: block;
	font-size: 485%;
}
.serviceBox:nth-of-type(even) .num {
	background: #fd5a00;
}
/*warehouse
---------------------------------------------------------*/
#warehousePage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/service/warehouse/pagettl.jpg")
}
.ssArea {
	background: url("https://marutamaunsou.co.jp/common/img/service/subpage_bg.jpg") top left no-repeat;
}
.ssArea._mid {
	background-image: url("https://marutamaunsou.co.jp/common/img/service/subpage_bg_mid.jpg");
}
.ssTop {
	padding-bottom: 0;
}
#ss04Top {
	margin-bottom: 180px;
}
.ssTopWrap dl {
	width: 57%;
	margin-right: -7%;
	position: relative;
	z-index: 5;
}
.ssTopWrap dd {
	margin-top: 60px;
	background: #fff;
	text-align: left;
	padding: 60px 85px 60px 65px;
	line-height: 1.8;
}
.ssTopWrap dd .note {
	font-size: 85%;
	margin-top: 10px;
}
.ssTopWrap .num {
	background: #1a1a1a;
	color: #fff;
	width: 135px;
	padding: 20px 0 4px;
	margin-right: 20px;
}
.ssTopWrap .num span {
	display: block;
	position: relative;
	padding-bottom: 10px;
	line-height: 1.4;
	margin-bottom: 7px;
}
.ssTopWrap .num span::after {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 1;
}
.ssTopWrap .num big {
	display: block;
	font-size: 485%;
}
.ssTopWrap h2 {
	font-size: 16px;
	color: #fd5a00;
	text-align: left;
	font-weight: 700;
	line-height: 1
}
.ssTopWrap h2 big {
	font-size: 475%;
	display: block;
	line-height: .9;
	margin-bottom: 5px;
}
.ssTopWrap figure {
	width: 50%;
}
.ssCont {
	padding: 60px 0;
}
.ssContWrap figure {
	width: 40%;
}
.ssContWrap .txt {
	width: 56%;
	text-align: left;
	line-height: 1.8
}
.ssGarrely {
	background: url("https://marutamaunsou.co.jp/common/img/service/gallery_bg.jpg") center center no-repeat;
	background-size: cover;
}
.garrely {
	margin: 0 -15px;
}
.garrely .slick-slide {
	margin: 0 15px;
}
.slick-arrow {
	position: absolute;
	left: -2%;
	top: 45%;
	width: 18px;
	height: 37px;
	background: url("https://marutamaunsou.co.jp/common/img/arrow_grey.svg") center center no-repeat;
	background-size: contain;
	z-index: 50;
	cursor: pointer;
	transition: .2s;
}
.slick-arrow.next {
	right: -2%;
	left: auto;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ssBnr {
	padding-top: 50px;
}
.ssBnr a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.ssBnr a:hover img {
	transition: .4s;
	opacity: 0;
}
.ssBnr a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("https://marutamaunsou.co.jp/common/img/service/bnr_contact_on.png") top center no-repeat;
	background-size: contain;
	z-index: -1
}
/*cargo
---------------------------------------------------------*/
#cargoPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/service/cargo/pagettl.jpg")
}
.secImg {
	position: relative;
	margin-top: 40px;
}
.secImg .txt {
	text-align: right;
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 5;
}
.secImg .txt span {
	display: inline-block;
	line-height: 1.1;
	margin-top: 8px;
	background: #fff;
	font-size: 150%;
	font-weight: 700;
	padding: 10px 15px;
}
.secTtl {
	font-weight: 700;
	margin-bottom: 30px;
}
.secTtl h2 {
	font-size: 60px;
}
.ssStrength {
	padding: 30px 0;
}
.ssStrengthBox {
	width: 30%;
	border: 1px solid #999;
	padding: 50px 30px 30px;
	position: relative;
	margin-top: 25px;
}
.ssStrengthBox .num {
	background: #1a1a1a;
	color: #fff;
	font-size: 30px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	z-index: 1;
	margin: 0 auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ssStrengthBox .num span {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ssStrengthBox h3 {
	color: #fd5a00;
	font-size: 115%;
	margin-top: 30px;
}
/*parts
---------------------------------------------------------*/
#partsPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/service/parts/pagettl.jpg")
}
.flowImg {
	margin-top: 120px;
}
/*ec
---------------------------------------------------------*/
#ecPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/service/ec/pagettl.jpg")
}
/*news
---------------------------------------------------------*/
#newsPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/news/pagettl.jpg")
}
.newsArea {
	padding-top: 0;
}
.postArea {
	padding-top: 33px;
	width: 75%;
}
.sideNav {
	width: 20%;
}
.postBox {
	width: 31%;
	margin: 0 3.5% 40px 0;
	text-align: left;
}
.postBox:nth-of-type(3n) {
	margin-right: 0
}
.postBox .tit {
	margin: 5px 0;
	line-height: 1.4
}
.postBox a:hover .tit {
	color: #fd5a00;
	transition: .3s;
}
.thumb {
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin-bottom: 5px;
	height: 185px;
	border: 1px solid #9a9a9a;
}
.thumb img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: .4s;
}
.thumb a:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.pager {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.pager span, .pager a {
	display: inline-block;
	padding: 3px 10px;
	margin: 2px;
	transition: .1s;
	border-radius: 50%;
}
.pager .next,.pager .prev {
	border: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.pager .current {
	background: #000;
	color: #fff;
}
span.page-numbers.dots {
	border: none;
	padding: 0;
}
/*detail----------------------------*/
.postHeader {
	padding: 0 5% 20px;
	text-align: left;
	border-bottom: 1px solid #808080;
	margin-bottom: 40px;
}
.postHeader h2 {
	font-size: 135%;
}
.postHeader .tags {
	margin-right: 5px;
}
.postImg {
	padding: 0 5% 40px;
}
.postContents {
	border-bottom: 1px solid #808080;
	padding: 0 5% 40px;
	text-align: left;
}
.postContents img {
	display: block;
	margin: 0 auto 15px;
}
.postContents a {
	margin: 15px auto 0;
	max-width: 260px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 700;
	font-size: 115%;
	background: #fd5a00;
	padding: 10px;
	text-align: center;
	line-height: 1.6;
	border-radius: 5px;
}
.postContents a::after {
	content: "";
	display: inline-block;
	background: url("https://marutamaunsou.co.jp/common/img/arrow_under.svg") center center no-repeat;
	background-size: contain;
	width: 14px;
	height: 6px;
	margin-left: 5px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.pageset {
	padding: 40px 5% 0;
	text-align: left;
}
.pageSetDmmy {
	width: 48%;
	visibility: hidden;
	opacity: 0;
}
.pagebefore {
	width: 48%;
}
.pagenext {
	width: 48%;
}
.pageset .pagesetTxt {
	font-size: 15px;
	margin-bottom: 15px
}
.pagenext .pagesetTxt {
	text-align: right;
}
.pageset dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #f2f2f2;
	padding: 15px;
	transition: .2s;
}
.pageset a:hover {
	color: #fd5a00;
	transition: .1s;
}
.pageset dt {
	width: 35%;
	overflow: hidden;
	text-align: center;
	position: relative;
	height: 90px;
	padding: 0;
}
.pageset dt img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.pageset dd {
	font-size: 115%;
	font-weight: 700;
	width: 75%;
	padding: 10px 2.5%;
}
.pagebefore dd {
	padding-right: 0;
}
.pagenext dd {
	padding-left: 0;
}
.listBack {
	margin-top: 20px;
}
.listBack a:hover {
	color: #fd5a00;
}
.displayName .ttl {
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 115%;
}
/*aside-----------------------------*/
.sideNav {
	text-align: left;
}
.sideBox:not(:first-of-type) {
	margin-top: 45px;
}
.sideTtl {
	font-size: 28px;
	margin-bottom: 5px;
	padding-left: 15px;
}
.sideBox._archive .sideTtl {
	border-bottom: 2px solid #fd5a00;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.sideBox .child {display: none;}
.sideBox li a,.toggle_btn {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #fd5a00;
	padding: 15px 25px 15px 15px;
	line-height: 1.1;
	cursor: pointer;
	transition: .2s;
}
.sideBox li a::after,.toggle_btn::after {
	content: "";
	display: block;
	background: url("https://marutamaunsou.co.jp/common/img/arrow_under.svg") center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(-90deg) translateY(-50%);
	-ms-transform: rotate(-90deg) translateY(-50%);
	transform: rotate(-90deg) translateY(-50%);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	z-index: 1
}
.archiveList li a,.toggle_btn {
	border-color: #9a9a9a;
	color: #000;
	background: #fff;
}
.archiveList li a::after,.toggle_btn::after {
	background-image: url("https://marutamaunsou.co.jp/common/img/arrow_under_black.svg");
}
.toggle_btn::after {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.toggle_btn.active {
	background: #f1f1f1
}
.toggle_btn.active::after {
	-webkit-transform: rotate(180deg) translateY(-50%);
	-ms-transform: rotate(180deg) translateY(-50%);
	transform: rotate(180deg) translateY(-50%);
}
.sideBox li a:hover {
	background: #000
}
.archiveList li a:hover,.toggle_btn:hover {
	background: #f1f1f1
}
.toggle_btn {
	background-image: url("https://marutamaunsou.co.jp/common/img/arrow02.png");
	background-size: auto 7px;
}
.arcHidden + #furtherBtn::after {
	content: "笆ｼ 縺輔ｉ縺ｫ陦ｨ遉ｺ縺吶ｋ";
}
#furtherBtn {
	border: 1px solid #c6c6c6;
	border-top: none;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	position: relative;
	height: 36px;
	transition: .1s;
}
#furtherBtn:hover {
	background: #f1f1f1;
}
#furtherBtn::after {
	content: "笆ｲ 髢峨§繧�";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 5px;
}
/*contact
---------------------------------------------------------*/
#contactPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/contact/pagettl.jpg")
}
#contactArea {
	background: url("https://marutamaunsou.co.jp/common/img/contact/bg01.jpg") center center no-repeat;
	background-size: cover;
}
.btnYotto {
	font-size: 115%;
	max-width: 510px;
	margin: 0 auto 80px
}
.btnYotto a {
	display: block;
	background: #1a1a1a;
	color: #fd5a00;
	padding: 10px;
}
.btnYotto a:hover {
	background: #f2f2f2
}
.contactTxt {
	font-size: 120%;
	font-weight: 500;
	margin-bottom: 60px;
}
.formArea {
	background: #fff;
	padding: 100px 6%;
}
.formBox dt,.formBox dd {
	font-size: 110%;
	width: 40%;
	padding: 15px 0;
	text-align: left;
}
.formBox dt {
	font-weight: 500
}
.formBox dt::before {
	content: "莉ｻ諢�";
	color: #fff;
	font-size: 85%;
	padding: 5px 10px;
	display: inline-block;
	background: #808080;
	line-height: 1;
	margin-right: 15px;
}
.formBox dt.req::before {
	content: "蠢���";
	background: #fd5a00
}
.formBox dt small {
	display: inline-block;
	margin-left: 10px;
}
.formBox dd {
	width: 60%;
}
.form-address p {
	text-align: left;
	padding: 5px 0;
}
input[type="text"],input[type="tel"],input[type="email"],select,textarea {
	width: 100%;
	padding: .575em;
	border: 1px solid #ccc;
}
input[type="text"].size-s {
	max-width: 210px;
}
select {
	width: auto;
}
textarea {
	height: 190px;
}
.formBox .horizontal-item {
	display: inline-block;
	margin-right: 30px;
	margin-left: 0!important;
	margin-top: 10px;
	margin-bottom: 10px;
	min-width: 160px;
}
.zipBtn {
	background: #333;
	color: #fff;
	margin-left: 10px;
	border: none;
	padding: 7px 10px;
	cursor: pointer;
	line-height: 1.1;
}
.policyTxt {
	margin-top: 30px;
}
.policyTxt a {
	text-decoration: underline;
}
.formBtn {
	margin-top: 30px;
}
.mw_wp_form_confirm button.button._grey {
	display: block!important;
}
input[type="submit"], input[type="button"]  {
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	color: #fff;
	font-size: 115%;
	font-weight: 600;
	letter-spacing: .075em;
	text-indent: .075em;
	background: #4d4d4d;
	width: 250px;
	display: block;
	border: none;
	padding: 15px 20px;
	margin: 10px;
	transition: .2s;
	cursor: pointer;
}
input[type="submit"].btn_back,
button.button._grey {
	background: #ddd;
	color: #333;
}
input[type="submit"]:hover, input[type="button"]:hover  {
	opacity: .7;
}

button.button._grey {
	display: none;
}
.mw_wp_form_confirm .formBox dt::before,
.mw_wp_form_confirm .zipBtn,
.mw_wp_form_confirm .policyTxt  {
	display: none!important;
}
/*area
---------------------------------------------------------*/
#areaListPage .ttlBg {
    background-image: url(https://marutamaunsou.co.jp/common/img/area/pagettl.jpg);
}
html.lity-active body {
	overflow: hidden;
}
.lity-container {
	width: 100%;
	max-width: 700px!important;
}
.areaPopup {
	text-align: left;
	border: 10px solid #c8c8c8;
	background: #fff;
	padding: 50px 7%;
	overflow: auto;
	max-height: 70vh!important;
	font-weight: 500;
}
.lity .lity-close, .lity .lity-close, .lity .lity-close:hover {
	position: absolute;
	top: inherit;
	bottom: -84px;
	right: 0;
	background: url("https://marutamaunsou.co.jp/common/img/area/close.png") center right no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	display: block;
}
.areaPopup .btn {
	margin: 15px 0 0 10px;
	min-width: 165px;
}
.areaPopup figure {
	margin-bottom: 30px;
}
.areaContBox dt {
	font-weight: 700;
	font-size: 30px;
}
.areaMapArea {
	position: relative;
	padding-top: 80px;
}
.areaMapTxt {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	text-align: left;
	padding-left: 5%;
	font-size: 16px;
}
.areaMapTxt h2 {
	font-size: 435%;
	color: #fd5a00;
	margin-bottom: 20px;
}
.areaMapTxt h3 {
	font-size: 185%;
	margin-bottom: 20px;
}
.areaMapTxt .txt {
	width: 70%;
	max-width: 440px;
	line-height: 1.8
}
.areaMapWrap {
	position: relative;
}
.zoomIcons li {
	position: absolute;
	width: 4%;
	z-index: 5;
}
.zoomIcons img {
	border-radius: 50%;
	box-shadow: 2px 2px rgba(0,0,0,.1);
}
.zoomIcons li .txt {
	background: #fff;
	font-size: 12px;
	line-height: 1.8;
	padding: 0 3px;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (max-width: 1200px) {
	.areaMapTxt {
		font-size: 1.325vw
	}
	.areaMapTxt {
		padding-left: 2.5%;
	}
	.zoomIcons li .txt {
		font-size: 1vw;
	}
}

#areaListArea {
	padding-bottom: 0;
}
.areaList {
	display: none;
	background: #fff;
	padding: 100px 6%;
}
.areaList.active {
	display: block;
}
.tab_btn li {
	max-width: 330px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	position: relative;
	color: #fff;
	padding: 15px 5px;
	margin: 0 3.333333px;
	cursor: pointer;
	background: #666;
	transition: .1s;
}
.tab_btn li.active,.tab_btn li:hover {
	background: #1a1a1a
}
.tab_btn li::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 22px 0 22px;
	border-color: #1a1a1a transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: 99.9%;
	margin: 0 auto;
	z-index: 5;
	display: none;
}
.tab_btn li.active::after {
	display: block;
}
.areaBg {
	background: #efefef;
	padding: 100px 0;
}
.areaContWrap:not(:first-of-type) {
	margin-top: 80px;
}
.areaContWrap:nth-of-type(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.areaContWrap > figure {
	width: 50%;
}
.areaContWrap .popupCont {
	text-align: left;
	width: 50%;
	padding: 15px 15px 15px 10%;
}
.areaContWrap .btn {
	display: block;
}
/*detail-------------------------*/
#areaDetailPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/area/pagettl_sub.jpg")
}
#areaDetailPage .pageTtlArea .pageTtlWrap {
	height: 200px;
}
#areaDetailPage .pageTtl {
	color: #000;
}
#areaTop {
	background: #fd5a00;
	color: #fff;
}
#areaTop .container {
	max-width: 1000px;
}
.areaTopWrap figure {
	width: 50%;
}
.areaTopBox {
	width: 45%;
	text-align: left;
}
.areaTopBox h2 {
	background: #1a1a1a;
	font-size: 185%;
	line-height: 1.2;
	padding: 10px 20px;
}
.areaTopBox dt,.areaTopBox dd {
	margin-top: 20px;
	width: 18%;
}
.areaTopBox dt {
	background: #fff;
	color: #1a1a1a;
	font-size: 85%;
	text-align: center;
	padding: 5px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
.areaTopBox dd {
	width: 82%;
	padding-left: 15px;
}
.gMap {
	margin-top: 50px;
	width: 100%;
	height: 300px;
}
.gMap iframe {
	width: 100%;
	height: 100%;
}
#areaMessage {
	background: url("https://marutamaunsou.co.jp/common/img/area/bg01.jpg") left top repeat;
}
.areaMessage {
	background: #fff;
	padding: 0 100px 80px;
	text-align: left;
}
.areaMessage:not(:first-of-type) {
	margin-top: 80px;
}
.amTopWrap {
	margin: 0 -100px 60px;
}
.amTopWrap figure {
	width: 50%;
}
.amTopBox {
	width: 45%;
	padding-top: 50px;
}
.amTopBox h2 {
	font-size: 20px;
	background: #1a1a1a;
	color: #fff;
	padding: 10px 30px;
	margin-bottom: 10px;
}
.amTopBox dl {
	padding: 30px;
}
#area-chief .amTopBox h2 {
	max-width: 300px;
	text-align: center;
}
#area-chief .amTopBox dl {
	padding-left: 100px;
}
.amTopBox dt .eng {
	color: #f85a00;
	font-weight: 400;
	margin-bottom: 5px;
}
.amTopBox h3 {
	font-size: 30px;
	font-weight: 400;
	letter-spacing: .015em;
	margin-bottom: 30px;
}
.amTopBox dd {
	font-size: 115%;
}
.amTopBox dd big {
	display: block;
}
.mspWrap {
	margin-top: 60px;
}
.mspBox dt {
	font-size: 120%;
	font-weight: 600;
	padding: 10px 15px;
	line-height: 1.2;
	margin-bottom: 10px;
	background: #f2f2f2;
}
.mspBox .txt {
	line-height: 1.8;
}
.mspWrap:nth-of-type(odd) .mspBox dt {
	background: #1a1a1a;
	color: #fff;
}
.mspWrap .mspBox {
	width: 60%;
}
.mspWrap figure {
	width: 35%;
}
.photoGarrelyBox {
	background: #1a1a1a;
	padding: 100px;
}
.photoThumb .item {
	margin: 12px 5px 0;
}
.movieWrap {
	max-width: 1000px;
	margin: 0 auto;
}
.movieBox {
	position: relative;
	padding-top: 56.25%;
	margin: 0 auto;
}
.movieBox iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.btn._back a {
	margin: 0 auto;
}
.btn._back a::after {
	display: none;
}
.btn._back a::before {
	content: "";
	display: inline-block;
	background: url(https://marutamaunsou.co.jp/common/img/arrow_white.svg) right center no-repeat;
	background-size: auto 100%;
	width: 16px;
	height: 5px;
	margin: 0 10px 3px 0;
	transform: scale(-1,1)
}
/*safety
---------------------------------------------------------*/
#safetyPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/strength/safety/pagettl.jpg")
}
#stSubTop {
	padding-top: 0;
	position: relative;
	background: #fd5a00;
	background: -o-linear-gradient(top,#fd5a00 440px,transparent 440px);
	background: linear-gradient(to bottom,#fd5a00 440px,transparent 440px);
}
#stSubTop::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url("https://marutamaunsou.co.jp/common/img/strength/bg01.jpg") left bottom no-repeat;
}
.stSubTtlWrap {
	margin-bottom: 25px;
}
.stSubTtlWrap .num {
	background: #fff;
	width: 166px;
	padding: 55px 20px 4px;
	margin-right: 20px;
}
.stSubTtlWrap .num big {
	display: block;
	font-size: 655%;
}
.stSubTtlWrap h2 {
	font-size: 475%;
	color: #fff;
	text-align: left;
	font-weight: 700;
	line-height: 1
}
.stSubTtlWrap h2 p {
	display: flex;
	align-items: flex-end
}
.stSubTtlWrap h2 small {
	font-family: 'Noto Sans JP', sans-serif ,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS P Gothic", Verdana;
	font-size: 24px;
	display: block;
	line-height: 1.8;
	margin-left: .5em;
	letter-spacing: normal;
}
.stSubTopWrap {
	position: relative;
	padding-bottom: 70px;
}
.trackImg {
	width: 23%;
	height: 562px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.trackImg::before {
	content: "";
	display: block;
	background: url("https://marutamaunsou.co.jp/common/img/strength/track01.png") left bottom no-repeat;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	min-width: 698px;
	height: 100%;
}
.stSubTopWrap .imgWrap {
	position: relative;
	margin-bottom: 70px;
}
.stSubTopWrap h3 {
	font-size: 300%;
	color: #fd5a00;
	background: #1a1a1a;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 1;
	line-height: 1.3;
	padding: 10px 15px;
	letter-spacing: .03em;
}
.stSubTopWrap .txt {
	font-weight: 600;
	text-align: left;
	font-size: 150%;
	letter-spacing: .03em;
}
.stAncWrap .anchors li {
	width: 32%;
	position: relative;
	z-index: 1
}
.stAncWrap .anchors img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 1!important;
	z-index: -1
}
.stAncWrap .anchors li a {
	background: rgba(0,0,0,.3);
	padding: 35px 10px 45px;
}
.stAncWrap .anchors li a:hover {
	background: rgba(253,90,0,.8)
}
.stAncWrap .anchors a::after {
	width: 100%;
	height: 12px;
}
.stAncWrap .anchors .ttl {
	font-size: 24px;
}
.stAncWrap .anchors .num  {
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.stAncWrap .anchors .num::after {
	height: 2px;
}
.stAncWrap .anchors .num big {
	font-size: 500%;
}
.stHeaderArea {
	margin-bottom: 100px;
}
.stHeaderArea dl {
	position: relative;
	text-align: left;
	width: 50%;
	z-index: 1;
	color: #fff;
	padding: 70px 70px 70px 0
}
.stHeaderArea dl::before {
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	bottom: 0;
	width: 100vw;
	height: 100%;
	background: #fd5a00;
	z-index: -1
}
.stHeaderArea .img {
	width: 50%;
	position: relative;
	z-index: 10;
	height: 420px;
	margin:40px 0 -40px;
}
.stHeader .img::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/cont_img01.jpg") left center no-repeat;
	background-size: cover;
	min-width: 930px;
	height: 100%;
}
#safety02 .stHeader .img::before {background-image: url("https://marutamaunsou.co.jp/common/img/strength/safety/cont_img02.jpg")}
#safety03 .stHeader .img::before {background-image: url("https://marutamaunsou.co.jp/common/img/strength/safety/cont_img03.jpg")}
.stHeader dt {
	color: #fff;
	line-height: 1;
	margin-bottom: 40px;
}
.stHeader .num {
	font-size: 12px;
	position: relative;
	background: #1a1a1a;
	padding: 15px 15px 5px;
}
.stHeader .num big {
	display: block;
	font-size: 500%;
}
.stHeader dt h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 30px;
	line-height: 1.1
}
.stHeader dt h2 > *:not(.eng) {
	display: inline-block;
	background: #1a1a1a;
	padding: 10px 30px 0 15px;
	flex-grow: 1;
}
.stHeader dt h2 small {
	font-size: 16px;
	font-weight: 400
}
.stHeader dd {
	line-height: 1.8
}
.stContArea > section {
	margin-top: 80px;
}
.areaMessage._st {
	background: #f2f2f2;
	position: relative;
}
.areaMessage._st .amTopBox {
	width: 52%;
	padding-top: 100px;
}
.areaMessage._st dl {
	padding: 0 0 0 100px;
}
.areaMessage._st .amTopWrap figure {
	width: 44%;
}
.areaMessage._st h2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.areaMessage._st .amArea .txt {
	line-height: 1.8
}
#chart {
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/chart_bg.jpg") top left repeat;
	background-size: cover;
	padding: 60px 0;
}
.pdcaTop .img {
	width: 51%;
}
.pdcaTop dl {
	text-align: left;
	width: 49%;
	max-width: 480px;
	padding-left: 50px;
}
.pdcaTop dt,.pdcaTop dd {
	position: relative;
	border-bottom: 1px solid #848484;
	padding: 10px 20px;
}
.pdcaTop dt {
	color: #fd5a00;
	font-size: 18px;
	line-height: 2
}
.pdcaTop dt .fo-arimo {
	font-size: 200%;
	margin-right: 15px;
}
.pdcaTop dd:not(:last-of-type) {
	margin-bottom: 15px;
}
.pdcaTop dd:not(:last-of-type)::after {
	content: "";
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 11px 0 11px;
	border-color: #fd5900 transparent transparent transparent;
}
.pcdaArea h3 {
	font-size: 24px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 60px
}
.pcdaWrap {
	background: #f2f2f2;
	padding: 50px 100px;
	text-align: left;
}
.pcdaWrap .txt {
	width: 60%;
	line-height: 1.8
}
.pcdaWrap figure {
	width: 32%;
}
#gmark {
	background: #1a1a1a;
	color: #fff;
}
.gmarkWrap {
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/gmark.png") top left no-repeat;
	background-size: 49% auto;
}
.gmarkWrap dl {
	margin-left: 50%;
	width: 50%;
	padding: 60px 0 40px;
	text-align: left;
	line-height: 1.6;
	max-width: 500px
}
.gmarkWrap dt {
	font-weight: 700;
	font-size: 150%;
	margin-bottom: 30px;
}
.safetyProgram h2 {
	text-align: left;
	font-size: 24px;
	margin-bottom: 20px;
}
.safetyProgram h2 + .txt {
	margin-bottom: 20px;
	text-align: left;
}
.program01Area {
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/program_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 80px 0;
}
.programTab {
	margin: 0 -4px;
}
.programTab li {
	width: 233.333333px;
	min-height: 50px;
	color: #fff;
	background: #1a1a1a;
	padding: 5px 0 8px;
	line-height: 1.2;
	font-size: 95%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 4px 10px;
	font-weight: 700;
	cursor: pointer;
}
.programTab li:hover,.programTab li.active {
	background: #fd5a00;
}
.programTab li a {
	display: block;
	color: #fff;
}
.programArea {
	display: none;
	background: #fff;
	padding: 40px 8.333333%;
	text-align: left;
}
.programArea.active {
	display: block
}
.programArea  h3 {
	font-size: 24px;
	margin-bottom: 15px;
}
.pictures {
	display: flex;
	flex-wrap: wrap;
}
.pictures > div {
	width: 32%;
	margin: 0 2% 10px 0;
}
.pictures > div:nth-of-type(3n) {
	margin-right: 0;
}
.programArea .txt {
	margin-top: 20px;
}
.program02Area {
	position: relative;
	background: #f2f2f2;
	padding: 70px 8.333333%;
}
#program02-2 {
	padding: 50px 8.33333%;
}
.program02Area h3 {
	font-size: 20px;
	background: #fd5a00;
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.program02Area > figure {
	width: 32%;
}
.program02Box {
	width: 58%;
	line-height: 1.8;
	text-align: left;
}
#program02-1 {
	margin-bottom: 60px;
}
.program02Box dl {
	border-bottom: 1px solid #848484;
}
.program02Box dt,.program02Box dd {
	padding: 20px 10px;
}
.program02Box dt {
	min-width: 130px;
	width: 130px;
	position: relative;
	font-weight: 700;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
}
.program02Box dt::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 9px 0 9px;
	margin: 0 auto;
	border-color: #fd5900 transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	z-index: 1;
}
.program02Box dl:last-of-type dt::after {
	display: none;
}
.program02Box dd {
	width: 100%;
}
.program02Box dd li {
	display: flex;
}
.program02Box dd li:not(:first-of-type) {
	margin-top: 20px;
}
.program02Box dd li p:not(:first-of-type) {
	margin-left: 30px;
}
#safetyHardwrare {
	color: #fff;
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/hardware_bg.jpg") left bottom no-repeat;
	background-size: cover;
	padding: 80px 0 120px;
}
.hwWrap {
	margin-top: 80px;
}
.hwWrap dl {
	position: relative;
	width: 47%;
	text-align: left;
	background: #fff;
	color: #1a1a1a;
	margin-top: 50px;
}
.hwWrap dt {
	color: #fff;
	width: 100%;
	max-width: 240px;
	text-align: center;
	padding: 10px 0;
	font-weight: 700;
	position: absolute;
	left: 0;
	bottom: 100%;
	background: #fd5a00;
	font-size: 20px;
}
.hwWrap dd {
	background: #fff;
	padding: 60px;
}
.hwWrap .txt {
	line-height: 1.8;
	margin-top: 20px;
}
#stPont {
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/torikumi_bg.jpg") bottom center no-repeat;
	background-size: cover;
	padding: 80px 0;
}
#stPont h2 {
	margin-bottom: 70px;
	font-size: 24px;
}
.stPont01 {
	position: relative;
	background: #fff;
	padding: 50px 8.333333%;	
}
.stPont01 h3 {
	color: #fff;
	width: 100%;
	max-width: 240px;
	text-align: center;
	padding: 10px 0;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	background: #fd5a00;
	font-size: 20px;
}
.stPont01 .txt {
	text-align: left;
	width: 43%;
	line-height: 1.8;
}
.stPont01 .img {
	width: 50%;
}
.stPontWrap .pointBox {
	position: relative;
	width: 23.5%;
	background: #fff;
	padding: 70px 30px 40px;
	margin-top: 65px;
	line-height: 1.8;
	text-align: left;
}
.stPontWrap .pointBox .num {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -15px;
	background: #fd5a00;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	z-index: 1;
	width: 65px;
	padding: 12px 0 5px;
	text-align: center;
}
.stPontWrap .pointBox .num big {
	display: block;
	font-size: 265%;
}
.stPontWrap .pointBox h3 {
	text-align: center;
	font-size: 24px;
	color: #fd5a00;
	margin-bottom: 15px;
	line-height: 1.2;
}
#safety03 {
	padding-bottom: 0;
}
.prideLinks {
	position: relative;
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/chart_bg.jpg") center top no-repeat;
	background-size: cover;
	z-index: 1;
	padding: 140px 0 100px;
}
.prideLinks .txtScroll {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: -1;
}
.linksHeader {
	text-align: left;
}
.linksHeader h2 {
	margin-right: 50px;
	font-size: 16px;
}
.linksHeader h2 .tit {
	font-size: 115%;
}
.linksHeader h2 .tit big {
	font-size: 200%;
}
.linksHeader h2 img {
	max-height: 140px;
}
.linksHeader > .txt {
	line-height: 2;
	font-weight: 500;
	letter-spacing: .035em;
	padding-bottom: 30px;
}
.linksWrap li {
	width: 19%;
	margin-top: 20px;
	position: relative;
	background: url("https://marutamaunsou.co.jp/common/img/strength/link_img01.jpg") center center no-repeat;
	background-size: cover;
}
.linksWrap li._02 {background-image:url("https://marutamaunsou.co.jp/common/img/strength/link_img02.jpg")}
.linksWrap li._03 {background-image:url("https://marutamaunsou.co.jp/common/img/strength/link_img03.jpg")}
.linksWrap li._04 {background-image:url("https://marutamaunsou.co.jp/common/img/strength/link_img04.jpg")}
.linksWrap li._05 {background-image:url("https://marutamaunsou.co.jp/common/img/strength/link_img05.jpg")}
.linksWrap a {
	display: block;
	padding: 69px 10px;
	position: relative;
	background: rgba(0,0,0,.6);
	color: #fff;
	height: 100%;
	width: 100%;
}
.linksWrap a::after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: #fd5a00 url("https://marutamaunsou.co.jp/common/img/arrow_white.svg") center center no-repeat;
	background-size: 55% auto;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1
}
.linksWrap a:hover {
	background: rgba(0,0,0,0);
	text-shadow: 0 0 3px rgba(0,0,0,.75)
}
.linksWrap .num {
	font-size: 36px;
	color: #fd5a00;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.linksWrap .num::after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	background: #fd5a00;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.linksWrap .ttl {
	font-size: 18px;
	font-weight: 700;
}
.linksWrap .sub {
	display: block;
	font-weight: 500;
	font-size: 12px;
	margin-top: 5px;
}
/*quality
---------------------------------------------------------*/
#qualityPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/strength/quality/pagettl.jpg")
}
#quality01 .stHeader .img::before {background-image: url("https://marutamaunsou.co.jp/common/img/strength/quality/cont_img01.jpg")}
#quality02 .stHeader .img::before {background-image: url("https://marutamaunsou.co.jp/common/img/strength/quality/cont_img02.jpg")}
#quality03 .stHeader .img::before {background-image: url("https://marutamaunsou.co.jp/common/img/strength/quality/cont_img03.jpg")}
.qualityMessage {
	background: #f2f2f2;
	position: relative;
	padding: 100px 8.33333% 60px;
}
.qualityMessage h2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 20px;
	background: #1a1a1a;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 10px;
}
.qualityMessage h3 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 40px;
}
.qualityMessage .txt {
	text-align: left;
	line-height: 1.8
}
.qualityMessage .nameTxt {
	font-size: 115%;
	margin-top: 30px;
}
#carriculum .logo img {
	max-height: 86px;
	display: block;
	margin: 0 auto 30px;
}
.dojoArea {
	background: url("https://marutamaunsou.co.jp/common/img/strength/quality/carriculum_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 60px 0;
}
.dojoArea .container {
	max-width: 675px;
}
.dojoArea dl {
	position: relative;
	background: #fff;
	text-align: left;
	padding: 30px 50px 30px 110px;
}
.dojoArea dl:not(:first-of-type) {
	margin-top: 25px;
}
.dojoArea dl:not(:first-of-type)::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 11px 0 11px;
	margin: 0 auto;
	border-color: #fd5900 transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: -19px;
	z-index: 1;
}
.dojoArea .num {
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #1a1a1a;
	color: #fff;
	padding: 13px 15px 10px;
	font-weight: 700;
	text-align: center;
	line-height: 1
}
.dojoArea .num big {
	display: block;
	font-size: 310%;
}
.dojoArea h3 {
	font-size: 24px;
	border-bottom: 1px solid #838383;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.dojoArea dd {
	position: relative;
	font-size: 115%;
	padding-left: 60px;
}
.dojoArea dd::before {
	content: "逶ｮ逧�";
	line-height: 1;
	color: #fff;
	display: block;
	background: #fd5a00;
	padding: 5px 10px;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 85%;
}
#patrol {
	background: url("https://marutamaunsou.co.jp/common/img/strength/quality/ptrol_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 80px 0;
}
.patrolWrap dl {
	background: #fff;
	width: 48%;
	padding: 30px 35px;
}
.patrolWrap dt .img {
	width: 60%;
}
.patrolWrap dt img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.patrolWrap h3 {
	width: 40%;
	color: #fff;
	font-size: 12px;
	background: #1a1a1a
}
.patrolWrap h3 p {
	font-size: 20px;
	padding-top: 10px;
	margin-top: 15px;
	position: relative;
}
.patrolWrap h3 p::before {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	margin: 0 auto;
}
.patrolWrap dd {
	text-align: left;
	margin-top: 15px;
	line-height: 1.8
}
#qualityPoint {
	background: url("https://marutamaunsou.co.jp/common/img/strength/quality/point_bg.jpg") center  center no-repeat;
	background-size: cover;
	padding: 80px 0;
}
#qualityPoint h2 {
	font-size: 24px;
}
#qualityPoint .pointBox {
	width: 32%;
	min-height: 290px;
}
#quality03 {
	padding-bottom: 0;
}
/*crosstalk
---------------------------------------------------------*/
#crosstalkPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/strength/crosstalk/pagettl.jpg")
}
.trackImg._02 {
	height: 504px;
	width: 18.5%;
}
.trackImg._02::before {
	background-image: url("https://marutamaunsou.co.jp/common/img/strength/track02.png");
	min-width: 778px;
}
.membersWrap dl {
	width: 24%;
	max-width: 250px;
	background: #1a1a1a;
	color: #fff;
}
.membersWrap dd {
	text-align: left;
	padding: 15px;
	font-size: 85%;
}
.membersWrap dd h3 {
	font-size: 20px;
	font-weight: 400;
	margin-top: 5px;
}
.themeAnchorArea h2 {
	font-size: 24px;
	text-align: left;
}
.themeAnchor li {
	width: 48%;
	margin-top: 30px;
}
.themeAnchor a {
	display: block;
	color: #fff;
	font-weight: 600;
	background: #1a1a1a;
	text-align: left;
	padding: 15px 10px;
	position: relative;
}
.themeAnchor a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: #fd5a00 url("https://marutamaunsou.co.jp/common/img/arrow_under.svg") center center no-repeat;
	background-size: 45% auto;
}
.themeAnchor a:hover {
	background: #424242;
}
.themeAnchor dt {
	width: 135px;
	min-width: 135px;
	text-align: center;
	color: #fd5a00;
}
.themeAnchor dt .fo-arimo {
	color: #fff;
	margin-left: 5px;
}
.themeAnchor dd {
	width: 100%;
	padding-left: 20px;
	border-left: 1px solid #fff;
	min-height: 55px;
	display: flex;
	align-items: center;
	font-size: 115%;
}
.crosstalkArea {
	overflow: visible;
}
.crosstalkArea:nth-of-type(odd) {
	background: #f2f2f2
}
.talkImg {
	width: 44%;
}
.talkImg img {
	display: block;
	position: sticky;
	top: 98px;
}
.talkBox {
	width: 50%;
	max-width: 570px;
	text-align: left;
}
.talkTtl {
	margin-bottom: 60px;
	text-align: left;
}
.talkTtl .sub {
	line-height: 1;
	width: 100px;
	color: #fd5a00;
	font-weight: 600;
	background: #1a1a1a;
	padding: 10px 0;
	text-align: center;
}
.talkTtl .sub .fo-arimo {
	color: #fff;
	margin-left: 5px;
}
.talkTtl h2 {
	line-height: 1.4;
}
.talkTtl h2 span {
	display: inline-block;
	color: #fff;
	background: #fd5a00;
	padding: 5px 10px;
}
.talkCont li {
	position: relative;
	line-height: 1.8;
	min-height: 90px;
	padding-left: 100px;
}
.talkCont li:not(:first-of-type) {
	margin-top: 40px;
}
.talkCont .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	text-align: center;
}
.talkCont .icon small {
	display: block;
	font-size: 12px;
	margin-top: 5px;
}
.talkBtmImg {
	margin-top: 150px;
	position: relative;
}
.talkBtmImg .txt {
	position: absolute;
	left: 5%;
	top: -55px;
	width: 40%;
	max-width: 443px;
}
.talkWrap:not(:first-of-type) {
	margin-top: 80px;
}
/*support
---------------------------------------------------------*/
#supportPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/strength/support/pagettl.jpg")
}
#supportPage .trackImg {
	width: 20%;
}
.forFamily {
	background: #f2f2f2;
	padding: 0 8.33333% 40px;
	position: relative;
	text-align: left;
	margin-top: 60px;
}
.famTtl {
	position: absolute;
	left: 0;
	top: -53px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.1
}
.famTtl * {
	color: #fff;
	display: inline-block;
	background: #fd5a00;
	padding: 10px 30px;
}
.famTtl h2 {
	font-size: 30px;
}
.famTop h3 {
	width: 50%;
	font-weight: 400;
	font-size: 30px;
}
.famTop h3 span {
	display: block;
	color: #fd5a00;
	margin-bottom: 10px;
}
.famTop figure {
	width: 54%;
	margin-right: -10%;
}
.forFamily .txt {
	margin-top: 50px;
	line-height: 1.8;
}
.forFamily .nameTxt {
	font-size: 90%;
	margin-top: 30px;
}
.supporArea {
	padding: 80px 0;
}
.supporArea:nth-child(odd) {
	background: url("https://marutamaunsou.co.jp/common/img/strength/safety/chart_bg.jpg") top right no-repeat;
	background-size: cover;
}
#support01 {
	padding-top: 0;
	border-top: 1px solid transparent;
	margin-top: 165px;
}
#support01-cont {
	padding-top: 25px;
}
.supporArea .stAncWrap {
	margin-top: -165px;
	padding-bottom: 80px;
}
.stAncWrap._support .anchors li {
	width: 19%;
}
.supportWrap {
	position: relative;
	background: #f2f2f2;
}
.supporArea:nth-child(odd) .supportWrap {
	background: #fff;
}
.support01Wrap {
	padding: 0 0 0 60px;
}
.supportImg {
	position: relative;
	width: 42%;
}
.supportImg figure:not(:first-of-type) {
	width: 90%;
	margin-top: 35px;
}
.supportImg figcaption {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: left;
}
figure.supportImg img {
	display: block;
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.supportBox {
	width: 58%;
	position: relative;
	text-align: left;
	padding: 100px 70px 60px 70px;
}
.supportBox dt {
	color: #fff;
	line-height: 1;
	margin-bottom: 40px;
	position: absolute;
	left: 0;
	top: -25px;
	z-index: 10;
}
.supportBox .num {
	font-size: 12px;
	position: relative;
	background: #fd5a00;
	padding: 15px 15px 5px;
	color: #1a1a1a
}
.supportBox .num big {
	display: block;
	font-size: 500%;
}
.supportBox dt h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 30px;
	line-height: 1.1
}
.supportBox dt h2 > *:not(.eng) {
	display: inline-block;
	background: #fd5a00;
	padding: 10px 30px 0 15px;
	flex-grow: 1;
}
.supportBox dt h2 small {
	font-size: 16px;
	font-weight: 400
}
.supportBox h3 {
	font-size: 24px;
	margin-bottom: 15px;
}
.supportBox .txt {
	line-height: 1.8;
	margin-bottom: 15px;
}
/*environmental
---------------------------------------------------------*/
#environmentalPage .ttlBg {
	background-image: url("https://marutamaunsou.co.jp/common/img/strength/environmental/pagettl.jpg")
}
.torikumiTtl {
	width: 120px;
	background: #1a1a1a;
	color: #fd5a00;
	font-weight: 600;
	line-height: 1;
	padding: 7px 0;
	margin-bottom: 20px;
}
.torikumiTtl span {
	color: #fff;
	margin-left: 5px;
}
.envContArea h2 {
	font-size: 24px;
	text-align: left;
	margin-bottom: 30px;
}
#environmental02 h2 {
	margin-bottom: 50px;
}
.envContArea .txt {
	text-align: left;
	line-height: 1.8;
	margin-top: 15px;
}
.env01Wrap figure {
	width: 36%;
}
.env01Box {
	width: 50%;
}
.envWrap {
	margin-bottom: 100px;
}
.envWrap figure {
	position: relative;
	z-index: -1;
	width: 60%;
	margin-left: -10%;
}
.envWrap:nth-of-type(even) figure {
	margin: 0 -10% 0 0;
}
.envBox {
	position: relative;
	background: #f2f2f2;
	padding: 40px;
	width: 50%;
}
.envBox h3 {
	font-size: 100%;
	color: #fff;
	background: #fd5a00;
	padding: 5px 15px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -34px;
}
img[src*="/sdgs/ico_"] {
	max-height: 78px;
	display: block;
	margin-right: 10px;
}
.sdgsArea .txt {
	width: 50%;
}
.sdgsWrap {
	width: 45%;
	max-width: 425px;
}
.sdgsWrap .logo img {
	display: block;
	max-height: 30px;
	margin: 0 auto 15px
}
.sdgsWrap li {
	width: 15%;
	margin: 0 0 8px;
}
#rinen {
	background: #f2f2f2 url("https://marutamaunsou.co.jp/common/img/strength/environmental/rinen_bg.jpg") right bottom no-repeat;
	background-size: auto 100%;
}
.rinenArea {
	position: relative;
	background: #fff;
	padding: 120px 8.33333% 70px;
}
.rinenArea h2 {
	color: #fff;
	background: #fd5a00;
	padding: 5px 15px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
}
.rinenArea > .txt {
	max-width: 590px;
	text-align: left;
	margin-bottom: 80px;
	line-height: 1.8
}
.rinenWrap figure {
	width: 45%;
	max-width: 405px;
}
.rinenWrap ul {
	text-align: left;
	width: 50%;
}
.rinenWrap li {
	display: flex;
	align-items: center;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #848484
}
.rinenWrap li span {
	font-size: 24px;
	color: #fd5a00;
	margin-right: 20px;
}

/*ie繝上ャ繧ｯ*/
@media screen\0  {
}

/*********************************/
/* 繧ｿ繝悶Ξ繝�ヨ逕ｨ縺ｮ繧ｹ繧ｿ繧､繝ｫ險倩ｿｰ */
/*********************************/
@media screen and (max-width: 1250px) {
	.nav {
    font-size: 1.3vw;
	}
	.nav a .fo-arimo {
    font-size: 125%;
	}
	.nav .navContact a {
		padding: 15px 20px;
	}
	.nav > li:not(:first-of-type) {
    margin-left: 30px;
	}
	.bnrWrap {
		display: block;
	}
	.bnrBox {
		margin: 40px auto;
		width: 100%;
		max-width: 600px;
	}
	.prideImg {
		height: 55vw;
	}
	.prideImg::before {
		min-width: 55vw;
	}
	.presidentName {
		top: auto;
		bottom: 50px;
	}
	.stSubTtlWrap h2 {
		font-size: 6vw;
	}
	.stAncWrap .anchors .ttl {
		font-size: 2vw;
	}
}
@media screen and (max-width: 1100px) {
	.aboutWrap dt {
		padding-left: 50px;
	}
	.historyArea dt, .historyArea dd {
		padding-left: 50px;
	}
	.thumb {
		height: 14vw;
	}
	.sideTtl {
		font-size: 20px;
	}
}
@media screen and (max-width: 1000px) {
	body.active {
		overflow: hidden;
	}
	/*header-------------------------------------*/
	.header {
		padding: 12px 0;
	}
	#nav {
		display: none;
	}
	.menuIcon {
		position: fixed;
		top: 25px;
		right: 5%;
		width: 30px;
		height: 22px;
		z-index: 99999;
		cursor: pointer;
		display: block;
	}
	.menuIcon span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background:#fd5a00;
		z-index: 10;
		transition: .2s;
	}
	.menuIcon span:nth-of-type(1) {top: 0px;}
	.menuIcon span:nth-of-type(2) {top: 10px;	}
	.menuIcon span:nth-of-type(3) {bottom: 0px;	}
	.menuIcon.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.menuIcon.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menuIcon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	#nav {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		transition: all 0.3s ease-in-out;
		overflow-y: auto;
		overflow-x: hidden;
	 -webkit-overflow-scrolling: touch;
		display: block;
		padding: 50px 5%;
		background: #fff;
		visibility: hidden;
		opacity: 0;
	}
	#nav.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		z-index: 9990;
	}
	.nav {
		margin: auto;
		display: block;
		width: 100%;
	}
	.nav {
    font-size: 16px;
	}
	.nav > li:not(:first-of-type) {
		margin-left: 0;
		border-top: 1px solid #ccc;
	}
	.nav > li > a {
		display: flex;
		align-items: center;
	}
	.nav a .fo-arimo {
		margin: 0 15px 0 0;
	}
	.nav > li > a::before {
		display: none;
	}
	.menuDrop > a span {
		display: block;
		position: relative;
		padding-right: 30px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.menuDrop > a span::after,.menuDrop > a span::before {
		content: "";
		width: 11px;
		height: 1px;
		background: #333;
		position: absolute;
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: .2s;
	}
	.menuDrop > a span::before {
		width: 1px;
		height: 11px;
		right: 5px;
		opacity: 1;
	}
	.menuDrop > a.open span::before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}	
	.dropNav {
		display: none;
		position: static;
		padding: 30px 5%;
	}
	.dCont {
		width: 100%;
		display: block;
	}
	.navLft {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}
	.navLft .btn {
		margin: 0 0 0 15px;
	}
	.navContact {
		margin-top: 20px;
	}
	.nav .navContact a {
		font-size: 16px;
	}
	.fNav {
		font-size: 85%;
	}
	/*top----------------------------------*/
	.topSeviceBox h3 span {
		font-size: 2vw;
	}
	.topIntroWrap {
		display: block;
	}
	.topIntroArea,
	.introBnr {
		width: 100%;
		margin: 0 auto;
	}
	.introBnr li {
		margin: 35px 0 0
	}
	
	
	


}
/*********************************/
/* 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ逕ｨ縺ｮ繧ｹ繧ｿ繧､繝ｫ險倩ｿｰ */
/*********************************/
@media screen and (max-width: 780px) {
/*蜈ｨ菴薙Ξ繧､繧｢繧ｦ繝�
------------------------------------------------*/
	body {
		font-size: 14px;
	}
	article > section {
		padding: 60px 0;
	}
	.btn {
		margin-top: 30px;
	}
	.btn a {
		margin: 0 auto;
	}
	/*header
	-----------------------------------------------*/
	.menuIcon {
		top: 16px;
	}
	.hLogo {
		margin: 0 0 0 5%;
		position: relative;
	}
	.hLogo img {
		display: block;
		max-height: 9vw;
	}
	.hLogo .txt {
		font-size: 3.5vw;
		margin: 0 0 2.5vw 3vw;
	}
	.nav,.dCont {
		font-size: 14px;
	}
	.nav > li > a {
		padding: 15px 5px;
	}
	.nav a .fo-arimo {
		margin-right: 10px;
	}
	.dNav {
		display: block
	}
	.dNav li {
		width: 100%;
		margin: 5px 0 0 0;
	}
	.dNav a {
		padding: 10px 30px 10px 10px;
	}
	.navLft {
		margin-bottom: 20px;
	}
	.navTtl {
		font-size: 90%;
	}
	.navTtl .fo-arimo {
		font-size: 135%;
		margin-bottom: 0;
	}
	.navLft .btn a {
		font-size: 12px;
		padding: 12px 10px;
		white-space: nowrap;
	}
	.navLft .btn a::after {
		width: 10px;
    height: 4px;
		margin-left: 5px;
	}
	/*footer
	----------------------------------------------*/
	.bnrArea {
		padding: 20px 0;
	}
	.bnrBox {
		padding: 30px 15px;
	}
	.bnrBox._01 {
		padding: 15px 10px 20px;
		background-position: right -30px bottom,center center;
	}
	.bnrBox .logo {
		margin-bottom: 2px;
	}
	.bnrBox .logo img {
		max-height: 17px;
	}
	.bnrBox h2 {
		font-size: 24px!important;
	}
	.bnrBox._01 h2 + p {
		font-size: 11px;
/*		text-shadow: 1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff;*/
	}
	.bnrBox._01 .btn a {
		margin: 0;
    padding: 10px;
    max-width: 120px;
    font-size: 10px;
	}
	.bnrBox._02 {
		padding: 20px 10px;
	}
	.bnrBox._02 .txt {
		font-size: 85%;
    margin-top: 10px;
	}
	.bnrBox .btn {
    margin-top: 15px;
	}
	.footerWrap {
		padding: 50px 0 30px;
	}
	.fNav {
		display: none;
	}
	.fBtm {
		display: block;
		margin: 0;
	}
	.fLogo img {
		max-height: 50px;
	}
	.fBnr {
		justify-content: center;
		margin: 30px auto 0;
	}
	.fBnr li {
		margin: 0 5px;
	}
	img[src*="icon_fb"] {
		max-height: 30px;
	}
	img[src*="bnr_sdgs"] {
		max-height: 35px;
	}
	
	/*top
	-----------------------------------------------*/
	body#index,body#parent {
		background-size: auto 200px;
		background-position: top -25px left -70px;
	}
	.mainArea {
		height: 100vw;
		overflow: visible;
	}
	.mainVisualWrap {
		overflow: visible;
		padding-left: 10%;
	}
	.mainMovie video {
		height: 100%;
    left: 0;
    transform: none;
	}
	.mainScrollArea {
		width: 10%;
	}
	.mainBox {
		top: 10%;
		left: 5%;
		font-size: 3.75vw;
	}
	.mainLogo {
		width: 60%;
		font-size: 3vw;
	}
	.mainTxt {
		margin-top: 66vw;
    padding-left: 5px;
	}
	#pride {
		padding: 20px 0 40px;
	}
	.prideContArea {
		position: relative;
		display: block;
	}
	.txtScroll img {
		height: 60px;
	}
	.prideImg {
		width: 55%;
    height: 50vw;
	}
	.prideImg::before {
		background-size: auto 100%;
		min-width: 60vw;
	}
	.prideArea {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.prideArea h2 {
		position: absolute;
		top: 25vw;
		right: -2.5%;
		width: 52%;
		z-index: 5
	}
	.prideArea h2 .tit {
		font-size: 4.5vw;
	}
	.prideArea h2 + .txt {
		margin: 10px auto;
	}
	.prideWrap li {
		font-size: 3.2vw;
		padding-bottom: 5px;
		margin-top: 10px;
	}
	.prideWrap .num {
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    margin-right: 8px;
	}
	.ttlWrap {
		font-size: 100%;
	}
	.ttlWrap h2 {
		font-size: 28px;
	}
	.ttlWrap h2 .num {
    font-size: 26px;
    line-height: 42px;
    width: 42px;
    height: 42px;
		padding-top: 1px;
	}
	.ttlWrap .txt {
		margin-top: 15px;
	}
	#topService {
		padding: 60px 0 0;
		margin-top: 0;
	}
	#topService::after {
		height: 160px;
		background-position: top right -30px;
		z-index: -50;
	}
	.topServiceArea {
		padding: 60px 0 40px;
		background-size: 380px auto;
	}
	.topSeviceBox {
		width: 47%;
		margin-right: 3%;
		margin-top: -20px;
	}
	.topSeviceBox:nth-of-type(even) {
		margin-top: 80px;
		margin-right: 0;
	}
	.topSeviceBox:first-of-type {
		margin-top: 0;
	}
	.topSeviceBox h3 span {
		font-size: 5.75vw;
	}
	.topServiceWrap .txt {
		font-size: 100%;
	}
	#topIntro {
		padding: 80px 0 60px;
		background-position: top right 30%;
		background-size: cover;
	}
	.bnrToyohashi {
		text-align: center;
	}
	.introLinks li {
		margin-top: 30px;
	}
	.introLinks li .fo-arimo {
		font-size: 135%;
		width: 100%;
		margin: 0 0 5px 0;
	}
	.bnrTxt .fo-arimo {
		font-size: 18px;
		margin: 0 10px 0 0;
	}
	.bnrTxt {
		padding: 12px;
		width: 100%;
		min-width:inherit;
		display: flex;
		align-items: center;
	}
	.introBnr a {
		display: block;
	}
	.introBnr a::after {
	}
	.introBnr figure img {
    height: auto;
    min-width: inherit;
    -o-object-fit: contain;
    object-fit: contain;
	}
	#topNews {
		padding: 40px 0;
	}
	.topNewsTtl {
		font-size: 100%;
		margin-bottom: 30px;
	}
	.topNewsTtl h2 {
		font-size: 30px;
	}
	.newsList > li {
		padding: 15px 10px 10px;
	}
	.newsList .date {
		position: static;
		margin-bottom: 10px;
	}
	.newsList > li > a {
		padding: 0 0 10px 0;
		background-position: right bottom;
	}
	.tags li {
		font-size: 75%;
	}
	/*strength
	-----------------------------------------*/
	.pageTtlArea {
		margin-bottom: 30px;
	}
	.pageTtlWrap {
		height: 175px;
	}
	.pageTtl {
		font-size: 14px;
	}
	.pageTtl h2 {
		font-size: 160%;
		text-shadow: 0 0 8px rgba(0,0,0,.15)
	}
	.ttlBg {
		min-width: 100vw;
		background-position: center center;
	}
	#strengthPage #mainContents {
		background-position: top left,bottom right;
		margin-top: -45px;
		background-size: auto 100vw;
	}
	#prideTop {
		padding: 70px 0 30px;
	}
	#prideTop .prideContArea {
		display: flex;
	}
	#prideTop .prideImg {
		position: absolute;
		width: 32%;
		height: 50vw;
		right: 0;
		top: -15px;
	}
	#prideTop .prideImg::before {
		min-width: inherit;
		background-position: left top;
	}
	#prideTop .prideArea {
		width: 100%;
		padding-left: 0;
		margin: 0;
	}
	#prideTop .prideArea h2 + .txt {
		font-size: 3.8vw;
		margin: 5px 0 0 0;
	}
	#prideTop .prideArea h2 {
		position: static;
		width: 60%;
	}
	#prideTop .txtScrollWrap {
    top: 40px;
	}
	#prideContents {
		padding: 10px 0;
	}
	.prideBox {
		padding: 0;
	}
	.prideCont {
		display: block;
	}
	.prideCont figure {
		width: 100%;
		height: 60vw;
	}
	.prideBox .num {
		position: static;
	}
	.prideBox .num .fo-arimo {
		font-size: 50px;
	}
	.prideBox .num img {
		max-height: 34px;
	}
	.prideTtl {
		font-size: 14px;
		padding-left: 0;
		text-align: center;
		display: block;
		margin-top: 10px;
	}
	.prideTtl h2 {
		width: 100%;
		margin: 0 0 8px 0;
		font-size: 22px;
	}
	.prideCont dl {
		width: 100%;
		padding: 30px 5%;
	}
	.prideCont dt {
		font-size: 18px;
	}
	.prideCont dd .txt {
		line-height: 1.6;
		min-height: inherit;
	}
	/*company
	-------------------------------------------*/
	#introdubtion {
		background-position: center bottom 50px;
		padding: 65px 0 105px;
	}
	#companyPage #mainContents {
		margin-top: -45px;
	}
	.introArea h2 {
		width: 85%;
	}
	.introWrap {
		width: 100%;
		min-width: inherit;
		margin-top: 20px;
		padding: 30px 5%;
	}
	.introWrap dt {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.introArea .img {
		width: 70%;
		max-width: 200px;
		bottom: -105px;
	}
	.anchors li {
		width: 49%;
		margin-bottom: 5px;
	}
	.anchors .ttl {
		font-size: 16px;
		white-space: nowrap;
	}
	.anchors .ttl small {
		font-size: 11px;
		white-space: nowrap;
	}
	.anchors .num big {
		font-size: 250%;
	}
	.companyContWrap {
		display: block;
		padding: 40px 0;
	}
	.companyContWrap figure {
		width: 100%;
	}
	.companyContWrap figure img {
		min-width: inherit;
		height: auto;
		-o-object-fit: fill;
    object-fit: fill;
	}
	.companyContWrap dl {
		width: 100%;
		margin-top: -18px;
	}
	.companyContWrap .num {
		font-size: 10px;
		text-align: center;
		padding: 17px 10px 5px;
	}
	.companyContWrap .num big {
		font-size: 350%;
	}
	.companyContWrap dt {
		margin-bottom: 30px;
	}
	.companyContWrap dt h2 {
		font-size: 18px;
	}
	.companyContWrap dt h2 > *:not(.eng) {
		padding: 10px 20px 10px 10px;
	}
	.companyContWrap dt h2 small {
		font-size: 14px;
	}
	.companyContWrap .eng {
		max-width: 85px;
		right: -85px;
		bottom: -20px;
	}
	#company01 .eng {
		max-width: 120px;
		right: -45px;
	}
	#company04 .eng {
		max-width: 36vw;
    right: -17vw;
    bottom: 5px;
	}
	/*message
	---------------------------------------------------------*/
	.pageTtlArea._mid .pageTtlWrap {
		height: 175px;
	}
	.pageTtlArea._mid .pageTtl {
    font-size: 14px;
	}
	#messageTop {
		padding-bottom: 40px;
		background-position: top 2% right,top center;
		background-size: 50% auto,auto 70%;
	}
	.messageTopWrap {
		display: block
	}
	.messageImg {
		width: 80%;
	}
	.messageImg img {
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
	}
	.presidentName {
		width: 200px;
		right: -120px;
		padding: 10px 17px;
	}
	.messageTopWrap dl {
		width: 100%!important;
		margin-top: 30px;
	}
	.messageTopWrap dt {
		font-size: 16px;
		padding: 5px 10px;
	}
	#messageBtm .messageTopWrap .img {
		width: 100%;
	}
	.nameTxt {
		margin-top: 30px;
	}
	#messageArea {
		padding: 40px 0;
	}
	.messageWrap > * {
		width: 100%!important;
		margin: 20px 0;
	}
	.messageWrap .img {
		order: -1
	}
	.messageWrap dt h2 {
		font-size: 16px;
	}
	/*profile
	----------------------------------------------*/
	#aboutus {
		padding-top: 40px;
	}
	#aboutusArea {
		padding-top: 23vw;
		background-size: auto 27vw;
	}
	.contTtl {
		margin-bottom: 30px;
	}
	.contTtl h2 {
		font-size: 24px;
	}
	.contTtl p {
		font-size: 100%;
	}
	.whiteArea {
		padding: 40px 5%;
	}
	.aboutWrap {
		display: block
	}
	.aboutWrap dt, .aboutWrap dd {
		width: 100%;
		padding: 15px 15px 15px 0;
		line-height: 1.6;
	}
	.aboutWrap dt {
		border-left: 4px solid #9a9a9a;
		border-bottom: none;
		padding: 0 0 0 10px;
		margin-top: 15px;
	}
	.aboutAreaList a {
		width: 100%;
	}
	.aboutAreaList .d-flex:not(:last-of-type) {
    margin-bottom: 1.5em;
}
	#historyArea {
		padding: 60px 0 80px;
		background-size: 100% auto;
	}
	.historyArea dl {
		display: block;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	.historyArea dl:last-of-type {
		padding-bottom: 0;
	}
	.historyArea dt,.historyArea dd {
		width: 100%;
		line-height: 1.6;
		padding: 20px 0 10px;
		position: relative;
	}
	.historyArea dt {
		font-weight: 600
	}
	.historyArea dd {
		padding: 0 0 0 35px;
	}
	.historyArea dd::before {
		content: "";
		display: block;
		width: 25px;
		height: 1px;
		background: #9a9a9a;
		position: absolute;
		left: 0;
		top: 10px;
	}
	.historyImg {
		display: block;
	}
	.historyImg .img {
    width: 100%;
		margin-top: 30px;
	}
	.historyImg .txt {
		width: 100%;
		padding: 10px;
		line-height: 1.6;
		margin-top: 15px;
		font-size: 85%;
	}
	.historyImg .txt::after {
		width: 18px;
		height: 18px;
		left: 0!important;
		right: 0!important;
		top: -10px;
		margin: 0 auto;
		-webkit-transform: rotate(45deg)!important;
		-ms-transform: rotate(45deg)!important;
		transform: rotate(45deg)!important;
	}
	/*lineup
	-----------------------------------------------------*/
	#lineup01 {
		background-size: auto 520px;
	}
	.lnTop {
		display: block;
		margin-bottom: 40px;
	}
	.lnTop figure {
	max-width: 210px;
	width: 65%;
	position: absolute;
	right: 0;
	top: -55px;
	margin-right: -7.5%;
}
	.lnTopBox {
		width: 100%;
	}
	.lnTopBox h2 {
		font-size: 9.5vw;
		margin-bottom: 7.5vw;
	}
	.lnTopBox h3 {
		font-size: 16px;
	}
	.lnArea {
		display: block
	}
	.lnArea > figure {
    width: 65%;
    margin: 0 auto!important;
	}
	.lnArea .lnWrap {
    width: 100%;
		margin-top: 20px;
	}
	.lnWrap figure {
		margin-bottom: 15px!important;
	}
	.lnWrap dt, .lnTxtCont dt {
		min-width: 180px;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.lnTxtCont dd {
		margin-top: -10px;
		padding: 15px;
	}
	.lnContWrap {
		margin-top: 40px;
		display: block;
	}
	.lnCont {
		width: 100%;
	}
	.lnCont dt,.lnCont dd {
		font-size: 90%;
		padding: 10px;
	}
	.lnCont + .lnCont {
		border: none;
	}
	#lineup02 .lnCont dd:last-of-type {
		border-color: #1a1a1a
	}
	#lineup02 .lnCont + .lnCont dd:last-of-type {
		border-color: #fff;
	}
	.updateTxt {
		font-size: 85%;
	}
	.lnWrap.d-flex {
		display: block;
		margin-bottom: 40px;
	}
	.lnWrap.d-flex > * {
		width: 100%!important;
	}
	.lnTxtCont {
		margin-top: 40px;
	}
	#lineup03 {
		padding-top: 60px;
	}
	/*service
	-----------------------------------------------------*/
	#servicePage #mainContents {
		margin-top: -45px;
		background-size: auto 100vw,auto 100vw;
	}
	#ss04Top {
		margin-bottom: 30px;
	}
	#serviceTop {
		padding: 110px 0 30px;
	}
	#serviceTop .prideContArea {
		display: flex;
		align-items: center;
	}
	#serviceTop .prideImg {
		position: absolute;
		width: 44%;
		height: 35vw;
		right: -2%;
		top: -9vw;
		margin: 0;
	}
	#serviceTop .prideImg::before {
		min-width: inherit;
	}
	#serviceTop .prideArea {
		width: 100%;
		margin: 0;
	}
	#serviceTop .prideArea h2 + .txt {
		font-size: 3.8vw;
		margin: 10px 0 0 0;
	}
	#serviceTop .prideArea h2 {
		position: static;
		width: 55%;
	}	
	#serviceTop .txtScrollWrap {
		top: 40px;
	}
	.serviceBox .num {
		margin: 0 auto 15px;
		width: auto;
		display: inline-block;
		padding: 12px 10px 2px;
	}
	.serviceBox .num span {
		font-size: 12px;
	}
	.serviceBox .num big {
		font-size: 50px;
	}
	#serviceContents {
		padding: 10px 0;
	}
	/*warehouse
	---------------------------------------------------------*/
	.ssArea {
    background-size: auto 170vw;
	}
	.ssTopWrap {
		display: block;
		position: relative;
	}
	.ssTopWrap dl {
		width: 100%;
	}
	.ssTopWrap dt {
		display: block
	}
	.ssTopWrap .num {
		text-align: left;
		display: flex;
		align-items: center;
		padding: 10px 15px;
		width: 180px;
		margin: -30px 0 20px;
	}
	.ssTopWrap .num span {
		font-size: 12px;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		line-height: 1.1;
		border-right: 1px solid #fff;
	}
	.ssTopWrap .num span::after {
		display: none;
	}
	.ssTopWrap .num big {
		font-size: 30px;
	}
	.ssTopWrap h2 big {
		font-size: 30px;
	}
	.ssTopWrap figure {
		width: 100%;
	}
	.ssTopWrap dd {
		margin-top: 30px;
		padding: 20px;
	}
	.ssArea._mid {
		background-size: auto 150vw
	}
	.ssCont {
		margin-top: 0;
	}
	.ssContWrap {
		display: block;
	}
	.ssContWrap figure {
		width: 100%;
	}
	.ssContWrap .txt {
		width: 100%;
		margin-top: 10px;
	}
	.garrely {
		padding: 0 15px;
		margin: 0;
	}
	.garrely .slick-slide {
    margin: 0 5px;
	}
	.ssBnr {
		padding-top: 30px;
	}
	.ssBnr a:hover img {
		opacity:1;
	}
	.ssBnr a::before {
		display: none;
	}
	.secImg .txt {
		top: -20px;
	}
	.secImg .txt span {
		font-size: 100%;
		padding: 5px 10px;
	}
	.secTtl h2 {
		font-size: 24px;
	}
	.ssStrengthWrap {
		display: block;
	}
	.ssStrengthBox {
		width: 100%;
		margin-top: 50px;
		padding: 35px 30px 20px;
	}
	.ssStrengthBox h3 {
		margin-top: 15px;
	}
	.ssStrengthBox .num {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		top: -20px;
	}
	.flowImg {
		margin-top: 60px;
	}
	/*news
	------------------------------------------------------*/
	.newsArea {
		display: block
	}
	.postArea {
		width: 100%;
		padding-top: 0;
	}
	.postBox,.postBox:nth-of-type(3n) {
		width: 48%;
		margin-right: 4%;
	}
	.postBox:nth-of-type(even) {
		margin-right: 0;
	}
	.thumb {
    height: 29vw;
	}
	.sideNav {
		width: 100%;
		margin-top: 50px;
	}
	.sideBox:not(:first-of-type) {
		margin-top: 30px;
	}
	/*detail----------------------------*/
	.postHeader {
		margin-bottom: 20px;
		display: block;
	}
	.postHeader h2 {
		font-size: 115%;
		margin-top: 10px;
	}
	.postHeader,.postImg,.postContents {
		padding: 0 10px 20px;
	}
	.postContents a {
		max-width: 100%;
	}
	.pageset {
		padding: 30px 0 0;
		flex-wrap: wrap;
	}
	.pagebefore,.pagenext,.pageSetDmmy {
		width: 49%;
	}
	.pageset .pagesetTxt {
		font-size: 12px;
		margin-bottom: 2px;
	}
	.pageset dl {
		padding: 10px;
		flex-wrap: wrap;
	}
	.pageset dt {
		height: 26vw;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		width: 100%;
	}
	.pageset dd {
		width: 100%;
		font-size: 10px;
		padding: 10px 0 0 0;
	}
	.pageset dd .date {
		font-size: 90%;
	}
	/*contact
	-----------------------------------------------------*/
	.contactTxt {
		font-size: 100%;
		margin-bottom: 30px;
	}
	.btnYotto {
		margin-bottom: 30px;
	}
	.btnYotto a {
		font-size: 95%;
		white-space: nowrap;
		padding: 13px 0;
	}
	.formArea {
		padding: 40px 5%;
	}
	.formBox dt,.formBox dd {
		font-size: 100%;
		padding: 10px 0;
		width: 100%;
	}
	.formBox dt {
		padding-bottom: 0;
	}
	.formBox dt::before {
		vertical-align: .2em;
		margin-right: 15px;
	}
	.contArea {
		padding: 40px 5%;
	}
	input[type="text"].size-s {
		max-width: 120px;
	}
	input[type="submit"], input[type="button"],button.button._grey {
		width: 280px;
		margin: 12px 0;
	}
	.formBox .horizontal-item {
    margin-right: 10px;
    min-width: 120px;
	}
	/*area
	-----------------------------------------------------*/
	#areaMap {
		padding-bottom: 30px;
	}
	.areaMapArea {
		padding-top: 0;
	}
	.areaMapTxt {
		position: static;
		width: 100%;
		padding-left: 0;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.areaMapTxt h2 {
		font-size: 28px;
		margin-bottom: 5px;
	}
	.areaMapTxt h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.areaMapTxt .txt {
		width: 100%;
		line-height: 1.6;
		max-width: 100%;
	}
	.areaPopup {
		border-width: 5px;
		padding: 30px 5%;
	}
	.popupCont {
		display: block;
	}
	.areaPopup figure {
		margin-bottom: 20px;
	}
	.areaContBox dt {
		font-size: 20px;
	}
	.lity .lity-close, .lity .lity-close, .lity .lity-close:hover {
		width: 40px;
		height: 40px;
		bottom: -55px;
	}
	.tab_btn li {
		font-size: 16px;
	}
	#areaListArea {
		padding: 0;
	}
	.areaBg {
		padding: 40px 0 60px;
	}
	.areaList {
		padding: 30px 5%;
	}
	.areaContWrap {
		display: block;
	}
	.areaContWrap:not(:first-of-type) {
		margin-top: 60px;
	}
	.areaContWrap > figure {
		width: 100%;
	}
	.areaContWrap .popupCont {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.areaMapWrap {
		width: 145%;
		margin-left: -40%;
	}
	/*detail
	-----------------------------------------------------*/
	#areaDetailPage .pageTtlArea .pageTtlWrap {
		height: 100px;
	}
	#areaDetailPage .ttlBg {
		background-position: right 40% center;
	}
	.areaTopWrap {
		display: block;
	}
	.areaTopWrap figure {
		width: 100%;
	}
	.areaTopBox {
		width: 100%;
		margin-top: 15px;
	}
	.areaTopBox h2 {
		font-size: 18px;
		padding: 10px;
	}
	.areaTopBox dt {
		white-space: nowrap;
		width: 20%;
		margin-top: 10px;
	}
	.areaTopBox dd {
		width: 80%;
		margin-top: 10px;
		padding-left: 10px;
	}
	.gMap {
		height: 50vw;
		margin-top: 20px;
	}
	.areaMessage {
		padding: 0 5% 50px;
	}
	.amTopWrap {
		margin: 0 -5% 30px;
		display: block
	}
	.amTopWrap figure {
		width: 100%;
	}
	.amTopBox {
		width: 100%;
		padding: 30px 0 0 ;
	}
	.amTopBox h2 {
		padding: 10px 5%;
		font-size: 16px;
		margin-bottom: 0;
	}
	#area-chief .amTopBox h2 {
		text-align: left;
	}
	.amTopBox dl {
		padding: 20px 5%;
	}
	#area-chief .amTopBox dl {
		padding: 20px 5%;
	}
	.amTopBox h3 {
		font-size: 20px;
		margin-top: 20px;
	}
	.amTopBox dd {
		font-size: 100%;
	}
	.mspWrap {
		display: block;
		margin-top: 50px;
	}
	.mspWrap figure {
		width: 100%;
		margin-bottom: 15px;
	}
	.mspWrap .mspBox {
		width: 100%;
	}
	.photoGarrelyBox {
		padding: 30px;
	}
	.photoThumb .slick-arrow {
		height: 22px;
		top: 37%;
		left: -25px;
	}
	.photoThumb .slick-arrow.next {
		left: auto;
		right: -25px;
	}
	.photoThumb .item {
		margin: 10px 2px;
	}
	#areaMovie {
		padding-top: 0;
	}
	/*safety
	-----------------------------------------------------*/
	.stSubTtlWrap {
		display: block
	}
	.stSubTtlWrap .num {
		max-width: 200px;
		width: auto;
		display: flex;
		align-items: flex-end;
		padding: 5px 15px 5px;
	}
	.stSubTtlWrap .num img {
		max-height: 45px;
	}
	.stSubTtlWrap .num big {
		font-size: 48px;
		margin-left: 10px;
	}
	.stSubTtlWrap h2 {
		font-size: 32px;
		margin-top: 20px;
	}
	.stSubTtlWrap h2 p {
		flex-wrap: wrap;
	}
	.stSubTtlWrap h2 small {
		font-size: 16px;
		margin: 0;
	}
	.stSubTtlWrap h2 span {
		margin-right: 10px;
	}
	.stSubTopWrap h3 {
		text-align: left;
		font-size: 18px;
	}
	.stSubTopWrap .txt {
		font-size: 16px;
	}
	.stSubTopWrap .imgWrap {
		margin-bottom: 50px;
	}
	.trackImg {
		top: 13vw;
    width: 30%;
    height: 28vw;
	}
	.stSubTopWrap {
		background: #fd5a00;
		margin: 0 -5.5% 50px;
		padding: 0 5% 50px;
	}
	.stAncWrap .anchors li {
		width: 100%;
	}
	.stAncWrap .anchors .num big {
		font-size: 300%;
	}
	.stAncWrap .anchors .ttl {
		font-size: 18px;
	}
	.stAncWrap .anchors li a {
		padding: 20px 10px 35px;
	}
	.stAncWrap .anchors .num {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.stHeader {
		display: block;
	}
	.stHeaderArea dl {
		width: 100%;
		padding: 30px 15px 40vw 0;
	}
	.stHeader dt {
		display: block;
		margin-bottom: 15px;
	}
	.stHeaderArea dl::before {
		right: 0;
	}
	.stHeader .num {
		width: 120px;
		text-align: center;
		font-size: 10px;
		padding: 5px 5px 0;
		display: flex;
		align-items:  center;
		align-content: center;
	}
	.stHeader .num big {
		margin-left: 5px;
		font-size: 35px;
	}
	.stHeader dt h2 {
		font-size: 20px;
		display: block;
		text-align: left;
	}
	.stHeader dt h2 span {
		min-width: 200px;
	}
	.stHeader dt h2 small {
		font-size: 14px;
		margin-top: -1px;
	}
	.stHeader dt h2 > *:not(.eng) {
    padding: 10px;
	}
	.stHeaderArea .img {
		width: 100%;
		margin: -30vw 0 0 0;
		height: 44vw
	}
	.stHeader .img::before {
		min-width:100vw;
	}
	.areaMessage._st {
		padding: 60px 5% 40px;
	}
	.areaMessage._st .amTopWrap figure {
		width: 100%;
	}
	.areaMessage._st .amTopBox {
		width: 100%;
		padding: 20px 5% 0;
	}
	.areaMessage._st .amTopBox h3 {
		font-size: 18px;
	}
	.areaMessage._st dl {
		padding: 0;
	}
	.pdcaTop {
		display: block;
	}
	.pdcaTop .img {
		width: 80%;
		margin: 0 auto 20px
	}
	.pdcaTop dl {
		width: 100%;
		padding: 0;
	}
	.pdcaTop dt,.pdcaTop dd {
		border-bottom: none;
	}
	.pdcaTop dt {
		background: #f1f1f1;
		justify-content: center;
		line-height: 1.5
	}
	.pdcaTop dt .fo-arimo {
		font-size: 24px;
	}
	.pcdaArea h3 {
		font-size: 18px;
	}
	.pcdaWrap {
		display: block;
		padding: 30px 5%;
	}
	.pcdaWrap figure {
		width: 100%;
	}
	.pcdaWrap .txt {
		width: 100%;
		margin-top: 15px;
	}
	.gmarkWrap {
		padding: 40px 0 0;
		background: none;
	}
	.gmarkWrap dl {
		padding-top: 0;
		width: 100%;
		max-width: 100%;
		margin: 20px 0 0;
	}
	.gmarkWrap dt {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.safetyProgram h2 {
		font-size: 16px;
	}
	.programTab {
		justify-content: space-between;
	}
	.programTab li {
		width: 49%;
		min-height: 42px;
		margin: 0 0 5px;
		font-size: 3.4vw;
	}
	.programArea {
		padding: 30px 5%;
	}
	.programArea h3 {
		font-size: 18px;
	}
	.pictures > div {
		width: 49%;
		margin-bottom: 5px;
	}
	.pictures > div:nth-of-type(even) {
		margin-right: 0
	}
	.programArea .txt {
		margin-top: 10px;
	}
	.program01Area {
		padding: 60px 0;
		background-size: auto 225vw;
		background-position: top center;
	}
	.program02Area h3 {
		font-size: 16px;
		padding: 5px 10px;
	}
	.program02Area {
		display: block;
		padding: 60px 5% 30px;
	}
	#program02-2 {
		padding: 30px 5%;
	}
	.program02Area > figure {
		width: 100%;
		margin-bottom: 15px;
	}
	.program02Box {
		width: 100%;
	}
	.program02Box dl {
		position: relative;
	}
	.program02Box dt, .program02Box dd {
		padding: 15px 5px;
	}
	.program02Box dt {
		position: static;
    min-width: 90px;
    width: 90px;
		white-space: nowrap;
	}
	.program02Box dt::after {
		margin: 0;
		right: auto;
		left: 36px;
	}
	.program02Box dd li {
		display: block;
		line-height: 1.5
	}
	.program02Box dd li p:not(:first-of-type) {
    margin-left: 0;
	}
	.program02Box dd li:not(:first-of-type) {
    margin-top: 10px;
	}
	#safetyHardwrare {
		padding: 60px 0;
		background-position: left 40% bottom;
	}
	.hwWrap {
		display: block;
	}
	.hwWrap dl {
		width: 100%;
		margin-top: 70px;
	}
	.hwWrap dt {
		max-width: 190px;
		font-size: 16px;
		padding: 5px;
	}
	.hwWrap dd {
		padding: 30px 15px;
	}
	.hwWrap .txt {
		margin-top: 15px;
	}
	.stContArea > section {
		margin-top: 60px;
	}
	#stPont {
		padding: 60px 0;
	}
	#stPont h2 {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.stPont01 {
		padding: 60px 5% 30px;
		display: block;
	}
	.stPont01 h3 {
		font-size: 16px;
		max-width: 190px;
	}
	.stPont01 .img {
		width: 100%;
	}
	.stPont01 .txt {
		width: 100%;
		margin-top: 15px;
	}
	.stPontWrap .pointBox {
		width: 48%;
		padding: 50px 10px 15px;
	}
	.stPontWrap .pointBox h3 {
		font-size: 16px;
		white-space: nowrap;
	}
	.stPontWrap .pointBox .num {
		font-size: 10px;
		top: -25px;
	}
	.stPontWrap .pointBox .txt {
		line-height: 1.5;
		font-size: 90%;
	}
	.linksHeader {
		display: block;
	}
	.linksHeader h2 {
		width: 65%;
		margin: 0 0 10px
	}
	.prideLinks {
		background-position: right bottom;
		padding: 85px 0 60px;
	}
	.prideLinks .txtScroll {
		top: 60px;
	}
	.linksWrap li {
		width: 49%;
		margin-top: 7px;
	}
	.linksHeader > .txt {
		padding-bottom: 20px;
		line-height: 1.5
	}
	.linksWrap a {
		padding: 30px 5px;
	}
	.linksWrap .num {
		font-size: 30px;
	}
	.linksWrap .ttl {
		white-space: nowrap;
		font-size: 3.875vw;
	}
	.linksWrap a::after {
		width: 20px;
		height: 20px;
	}
	/*quality
	-----------------------------------------------------*/
	.qualityMessage h2 {
		font-size: 16px;
	}
	.qualityMessage {
		padding:70px 5% 30px;
	}
	.qualityMessage h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.dojoArea .num {
		display: flex;
		align-items: center;
		padding: 5px 10px;
	}
	.dojoArea .num big {
    font-size: 200%;
		margin-left: 10px;
	}
	.dojoArea dl {
		padding: 45px 5% 20px;
	}
	.dojoArea h3 {
		font-size: 16px;
	}
	.dojoArea dd {
		font-size: 100%;
		padding-left: 50px;
		padding-top: 2px;
	}
	#patrol {
		padding: 60px 0;
	}
	.patrolWrap {
		display: block;
	}
	.patrolWrap dl {
		width: 100%;
		padding: 15px;
	}
	.patrolWrap dl:not(:first-of-type) {
		margin-top: 20px;
	}
	.patrolWrap dt {
		display: block;
	}
	.patrolWrap dt .img {
    width: 100%;
		height: 33vw;
	}
	.patrolWrap h3 {
		width: 100%;
		padding: 15px 0 10px;
	}
	.patrolWrap h3 p {
		font-size: 18px;
		padding-top: 5px;
		margin-top: 5px;
	}
	#qualityPoint {
		padding: 60px 0;
	}
	#qualityPoint h2 {
		font-size: 18px;
	}
	#qualityPoint .pointBox {
		width: 100%;
		min-height: inherit;
		margin-top: 50px
	}
	/*crosstalk
	---------------------------------------------------------*/
	#crosstalkPage .ttlBg {
		background:#abc5df url("https://marutamaunsou.co.jp/common/img/strength/crosstalk/pagettl_sp.jpg") left bottom no-repeat;
		background-size: 105vw auto;
	}
	.trackImg._02 {
		top: 20vw;
		width: 30%;
		height: 28vw;
	}
	.membersWrap dl {
		width: 49%;
		margin-bottom: 10px;
	}
	.membersWrap dd h3 {
		font-size: 16px;
		margin-top: 2px;
	}
	.themeAnchorArea h2 {
		font-size: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.themeAnchor li {
		width: 49%;
		margin-top: 10px;
	}
	.themeAnchor dl {
		display: block;
	}
	.themeAnchor dt {
		width: 100%;
		min-width: inherit;
		padding-bottom: 5px;
		margin-bottom: 7px;
		border-bottom: 1px solid #fff;
	}
	.themeAnchor dd {
		padding: 0;
		border: none;
	}
	.themeAnchor dd {
		font-weight: 500;
		font-size: 14px;
		display: block;
		min-height: 66px;
	}
	.themeAnchor a {
		padding-bottom: 30px;
	}
	.themeAnchor a::after {
		width: 100%;
		height: 18px;
		background-size: auto 8px;
	}
	.talkWrap {
		display: block;
	}
	.talkImg {
		width: 100%;
		margin-bottom: 20px;
	}
	.talkBox {
		width: 100%;
		max-width: 100%;
	}
	.talkTtl {
		margin-bottom: 40px;
	}
	.talkTtl h2 {
		font-size: 16px;
	}
	.talkCont .icon {
		width: 55px;
	}
	.talkCont li {
		font-size: 90%;
		padding-left: 70px;
		line-height: 1.6
	}
	.talkCont li:not(:first-of-type) {
    margin-top: 30px;
	}
	.talkBtmImg {
		margin-top: 60px;
	}
	.talkBtmImg .txt {
		top: -20px;
	}
	/*support
	-----------------------------------------------------*/
	#supportPage .trackImg {
		width: 32%;
    top: -15vw;
	}
	.famTtl {
		top: -36px;
	}
	.famTtl h2 {
		font-size: 20px;
	}
	.famTtl * {
    padding: 7px 20px;
	}
	.forFamily {
		padding: 50px 5% 30px;
	}
	.famTop {
		display: block;
	}
	.famTop figure {
		width: 100%;
		margin-bottom: 20px;
	}
	.famTop h3 {
		width: 100%;
		font-size: 18px;
	}
	.forFamily .txt {
		margin-top: 20px;
	}
	.stAncWrap._support .anchors li {
		width: 49%;
	}
	#support01-cont {
    padding-top: 40px;
	}
	.supportWrap {
		display: block;
		position: relative;
	}
	.supportImg {
		width: 100%;
	}
	figure.supportImg img {
		min-width: inherit;
		height: auto;
		-o-object-fit: fill;
    object-fit: fill;
	}
	.supportBox {
		width: 100%;
		padding: 30px 5% 20px;
		position: static;
	}
	.supportBox dt {
		display: block;
		top: -40px;
		margin-bottom: 15px;
	}
	.supportBox .num {
		width: 120px;
		text-align: center;
		font-size: 10px;
		padding: 5px 5px 0;
		display: flex;
		align-items:  center;
		align-content: center;
	}
	.supportBox .num big {
		margin-left: 5px;
		font-size: 35px;
	}
	.supportBox dt h2 {
		font-size: 20px;
		display: block;
		text-align: left;
	}
	.supportBox dt h2 span {
		min-width: 250px;
	}
	.supportBox dt h2 small {
		font-size: 14px;
		margin-top: -1px;
	}
	.supportBox dt h2 > *:not(.eng) {
    padding: 10px;
	}
	.supportBox h3 {
		font-size: 16px;
	}
	.supporArea {
		padding: 100px 0 60px;
	}
	.support01Wrap {
		padding: 0;
	}
	.supportImg figure:not(:first-of-type) {
		margin: 30px auto 0;
	}
	#support01 {
		background-size: 195% auto;
		background-repeat: repeat;
	}
	/*
	-----------------------------------------------------*/
	.env01Wrap {
		display: block;
	}
	.env01Wrap figure {
		width: 100%;
		margin-bottom: 20px;
	}
	.env01Box {
		width: 100%;
	}
	.envContArea h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.envWrap {
		display: block;
		margin-bottom: 60px;
	}
	.envWrap figure {
		width: 110%;
	}
	.envBox {
		width: 100%;
		padding: 20px 5%;
	}
	.envBox h3 {
		font-size: 16px;
	}
	.sdgsList {
		justify-content: space-between;
	}
	.sdgsList li {
		width: 32%;
	}
	.sdgsList img {
		margin: 0;
	}
	img[src*="/sdgs/ico_"] {
		max-height: none;
	}
	.sdgsArea {
		display: block;
	}
	.sdgsWrap {
		width: 100%;
	}
	.sdgsArea .txt {
		width: 100%;
	}
	.rinenArea {
		padding: 70px 5% 40px;
	}
	.rinenArea > .txt {
		margin-bottom: 30px;
	}
	.rinenWrap {
		display: block;
	}
	.rinenWrap figure {
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
	}
	.rinenWrap ul {
		width: 100%;
	}
	.rinenWrap li {
		margin-bottom: 10px;
	}
	
	
	
	
	
	
	
	
	
}