@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:880px){
.headLogo{	
	margin-top: 25px;
}
.headLogo img {
    height: 30px;
}
.pageTop .flex{
	flex-flow: row-reverse;
	flex-wrap: wrap-reverse;
}
.pageTopLeft {
    width: 100%;
}
.pageTopLeft::before {
    display: none;
}
.pageTopRight {
    width: 100%;
    height: 360px;
}
.pageTopLeft .cnt {
    padding-left: 20px;
	padding-right: 20px;
    padding-top: 40px;
	padding-bottom: 40px;
	max-width: 100%;
}
.p-message .pageTopLeft .cnt {
  padding-right: 60px;
}
.p-message .pageTopRight {
  height: 460px;
}
.p-staff-message .pageTopRight {
  height: 440px;
}
.p-staff-message .pageTopLeft .cnt {
  padding-right: 60px;
}
.p-system-software .svThumList {
  width: 100%;
}
.megaBox {
  right: 50px;
}
.ccText {
	font-size: 32px;
	margin-top: 20px;
margin-bottom: 30px;
}
.ccText span.t-start::before {
  font-size: 50px;
}
.ccText span.t-end::after {
  font-size: 50px;
}
.topAboutTextBox {
  padding-right: 20px;
  padding-left: 40px;
}
.cntBgSea{
	bottom: -40px;	
}
.topAboutTextBox .text16, .topAboutTextBox .text16Center {
  line-height: 1.8em;
  font-size: 14px;
}
.heroTextBox .ccText {
  font-size: 3.6vw;
}
.heroNews {
  width: 70%;
}
.pageTopRight .topAnchor.onPc{
	display:none !important;	
}
.pageTopLeft .topAnchor.onSmt{
	display:block !important;
}
.staffPhBox {
  width: calc(100% - 40px);
  margin-bottom: 40px;
}
.staffJobPh {
  height: 260px;
}
.staffTextBox {
  width: 100%;
}
.staffTextBox .staffTextInner {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
}
.tab_main {
  padding: 40px 20px;
}
}
@media screen and (max-width:820px){
.gNavi li a, .gNavi li span {
  padding: 30px 15px;
}
.footSnsList img {
  width: 80px;
  height: auto;
}
}
@media screen and (max-width:736px){
body {
	
}
.onPc{
	display:none !important;
}
.onSmt{
	display:block !important;
}

.spMbNon{
	margin-bottom: 0px !important;
}
.spMb05{
	margin-bottom: 5px !important;
}
.spMb10{
	margin-bottom: 10px !important;
}
.spMb15{
	margin-bottom: 15px !important;
}
.spMb20{
	margin-bottom: 20px !important;
}
.spMb30{
	margin-bottom: 30px !important;
}
.spMb40{
	margin-bottom: 40px !important;
}
.spMb50{
	margin-bottom: 50px !important;
}
.spMb60{
	margin-bottom: 60px !important;
}
.spMb70{
	margin-bottom: 70px !important;
}
.spMb80{
	margin-bottom: 80px !important;
}
.spMb90{
	margin-bottom: 90px !important;
}
.spMb100{
	margin-bottom: 100px !important;
}
.spMtNon{
	margin-top: 0px !important;
}
.spMt05{
	margin-top: 5px !important;
}
.spMt10{
	margin-top: 10px !important;
}
.spMt20{
	margin-top: 20px !important;
}
.spMt30{
	margin-top: 30px !important;
}
.spMt40{
	margin-top: 40px !important;
}
.spMt50{
	margin-top: 50px !important;
}
.spMt60{
	margin-top: 60px !important;
}
.spMt70{
	margin-top: 70px !important;
}
.spMt80{
	margin-top: 80px !important;
}
.spPl10{
	padding-left: 10px !important;
}
.spPl20{
	padding-left: 20px !important;
}
.spPl30{
	padding-left: 30px !important;
}
.spPl40{
	padding-left: 40px !important;
}
.spPl50{
	padding-left: 50px !important;
}
.spPl60{
	padding-left: 60px !important;
}
.spPlNon{
	padding-left: 0px !important;
}
.spPr10{
	padding-right: 10px !important;
}
.spPr20{
	padding-right: 20px !important;
}
.spPr30{
	padding-right: 30px !important;
}
.spPr40{
	padding-right: 40px !important;
}
.spPr50{
	padding-right: 50px !important;
}
.spPr60{
	padding-right: 60px !important;
}
.spPrNon{
	padding-right: 0px !important;
}
.spPbNon{
    padding-bottom: 0px !important;    
}
.spPb10{
    padding-bottom: 10px !important;    
}
.spPb05{
    padding-bottom: 5px !important;    
}
.spPb20{
    padding-bottom: 20px !important;    
}
.spPb30{
    padding-bottom: 30px !important;    
}
.spPb40{
    padding-bottom: 40px !important;    
}
.spPb50{
    padding-bottom: 50px !important;    
}
.spPb60{
    padding-bottom: 60px !important;    
}
.spPb100{
    padding-bottom: 100px !important;    
}
.spPt60{
    padding-top: 60px !important;    
}
.spPtNon{
    padding-top: 0px !important;    
}
.spPt10{
    padding-top: 10px !important;    
}
.spPt20{
    padding-top: 20px !important;    
}
.spPt30{
    padding-top: 30px !important;    
}
.spPt40{
    padding-top: 40px !important;    
}
.spText10{
    font-size: 10px !important;    
}
.spText11{
    font-size: 11px !important;    
}
.spText12{
    font-size: 12px !important;    
}
.spText13{
    font-size: 13px !important;    
}
.spText14{
    font-size: 14px !important;    
}
.spText15{
    font-size: 15px !important;    
}
.spText16{
    font-size: 16px !important;    
}
.spText18{
    font-size: 18px !important;    
}
.spText20{
    font-size: 20px !important;    
}
.spText22{
    font-size: 22px !important;    
}
.spText24{
    font-size: 24px !important;    
}
.spText30{
    font-size: 30px !important;    
}
.alignLeftSp{
	text-align: left !important;
}
.gNavi{
	display: none;
}
.header{
	height: 60px;	
}
.headLogo img {
    height: 24px;
}
.headLogo{
	margin-left: 10px;	
	margin-top: 18px;
	margin-bottom: 18px;
}
.headSnsList li a {
    width: auto;
    height: auto;
    padding: 15px 10px;
}
.heroImage {
    height: 500px;
}
.maskArea {
    height: 500px;
}

.heroLogo {
    width: 260px;
    top: calc(50% - 80px);
    left: calc(50% - 130px);
    z-index: 10;
}

.box800 {

}

.moreBtn a {
    line-height: 40px;
    font-size: 18px;
    padding: 10px 0;
    max-width: 300px;
}

.footLogo img {
    width: 150px;
    height: auto;
}
.snsList {
    margin-bottom: 40px;
}
.headSnsList {
    margin-right: 60px;
}
#menuButton {
    display: block;
    height: 60px;
    right: 0px;
    position: fixed;
    top: 0px;
    width: 60px;
	border: 0px solid #5a7c6d;
	z-index: 1200;
	cursor: pointer;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton.on {
    
}

#menuButton span {
    display: block;
    background-color: #FFF;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 15px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
	border-radius: 10px;
}
#menuButton span:first-child {
    top: 20px;
}
#menuButton span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menuButton span:last-child {
    bottom: 20px;
}
#menuButton.on span{
     background-color: #000; 
}
#menuButton.blkMenuFix span{
     background-color: #000 !important; 
}
#menuButton.active span{
     background-color: #000; 
}
#menuButton.active span:first-child {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
    opacity: 0;
}
#menuButton.active span:last-child {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
#overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1100;
    background-color: #FFF;
    overflow: scroll;
    right: -100%;
    display: block;
	transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
	-webkit-overflow-scrolling: touch;
}
#overlayBg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 1005;
    background-color: rgba(0,0,0,0.4);
    overflow: scroll;
    right: 0;
    display: none;
    
}
#overlay.openMenu{
	right: 0;
}
#overlay .box800 {
    position: relative;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding: 0 30px;
	width: 100%;
	margin-bottom: 0px;
    max-width: 800px;
    margin-top: 60px;
}
 ul.menuSp {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
  }
  ul.menuSp li {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
    border-bottom: #f2f2f2 0px solid;
	font-family: 'Roboto', sans-serif;
  }

  ul.menuSp li a {
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1em;
    padding: 20px 0;
    color: #333;
    text-decoration: none;
    padding-left: 0px;
	font-family: 'Roboto', sans-serif;
    font-weight: 600;
  }
  ul.menuSp li a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    position: absolute;
    top: calc(50% - 10px);
    right: 0px;
    font-size: 10px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #00aecb;
  }

  ul.menuSp li a span {
    color: #999;
    font-size: 11px;
    font-family:'Noto Sans JP',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    margin-left: 10px;
  }
  .menuSp dl {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-bottom: #f2f2f2 0px solid;
  }
  .menuSp dl dt {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1em;
    padding: 20px 0px;
    text-decoration: none;
    color: #333;
    position: relative;
    transition-property: all;
    transition: 0.2s ease;
    font-weight: 600;
    cursor: pointer;
    z-index: 10;
	  font-family: 'Roboto', sans-serif;
  }
  .menuSp dl dt::before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 900;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    font-size: 10px;
    transition-property: all;
    transition: 0.2s ease;
    color: #00aecb;
  }
  .menuSp dl dt span {
    color: #999;
    font-size: 11px;
    font-family:'Noto Sans JP',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    margin-left: 10px;
  }
  .menuSp dl dt.menuOpen::before {
    content: "\f068";
    color: #00aecb;
  }
  .menuSp dl dd {
    display: none;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .menuSp dl dd ol {
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
  }
  .menuSp dl dd ol::before {
    /*content: '';
	width: 1px;
	height: calc(100% - 28px);
	position: absolute;
	background-color: #d2d2d2;
	left: 10px;
	top: 15px;*/
  }
  .menuSp dl dd ol li {
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    color: #333;
    padding-left: 1em;
    border-bottom-width: 0;
  }
  .menuSp dl dd ol li a {
    color: #333;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    padding: 13px 0px;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
  }
  .menuSp dl dd ol li a img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

ul.menuSpSub{
    width: 100%;
    height: auto;
    display: flex;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
	margin-top: 30px;
	flex-flow: row wrap;
}
ul.menuSpSub li{
    width: 50%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}	
ul.menuSpSub li a{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
	line-height: 2em;
	color: #000;
	text-decoration: none;
}
ul.menuSpSub li a::before{
	/*content: '';
	width: 8px;
	height: 1px;
	background-color: #d2d2d2;
	position: absolute;
	top: 50%;
	left: 0;*/
}

#overlay .snsList {
    margin-bottom: 20px;
	margin-top: 15px;
}
#overlay .snsList a {
    text-decoration: none;
    margin-right: 8px;
    margin-left: 8px;
}
#overlay .snsList img {
    width: 30px;
    height: auto;
}
#loader .loader-slide img {
    width: 200px;
	top:calc(0% - 100px);
}
.menuBoxSp {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
	position: relative;
	transition-property: all;
	transition-duration:.4s;
	transition-timing-function:ease;
	transition-delay: .4s;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	top: -40px;
}

.openMenu .menuBoxSp {
	opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
	top: 0px;
}
	
.heroNews {
    padding: 15px 15px;
    width: 90%;
}
.heroNews::before {
    display: none;
}
.heroNews ul li a {
    font-size: 11px;
}
.heroCnt {
    width: 100%;
    height: 500px;
}
.heroTextBox .ccText {
    font-size: 5.6vw;
}
.ccText span.t-start::before {
    top: -5px;
    left: -22px;
    font-size: 30px;
}
.ccText span.t-end::after {
    bottom: -20px;
    right: -22px;
    font-size: 30px;
}
.heroTextBox {
    padding-left: 10%;
    position: relative;
    bottom: -100px;
}
.textHalf.t-topCc {
    width: 100%;
}
.textHalf.t-topAboutRight {
    width: 100%;
}
.topAboutCcBox {
    padding-right: 40px;
    padding-left: 40px;
	justify-content: flex-start;
}
.mainCc {
    font-size: 13.0vw;
	position: relative;
left: -3px;
}
.topAboutTextBox {
    padding-right: 40px;
    padding-left: 40px;
}
.ccText {
    font-size: 20px;
    line-height: 2em;
    margin-top: 20px;
    margin-bottom: 40px;
}
.topAboutTextBox .text16, .topAboutTextBox .text16Center {
    line-height: 2.2em;
    font-weight: 500;
    font-size: 13px;
}
.moreBtn a {
    line-height: 40px;
    font-size: 14px;
    padding: 5px 0;
    max-width: 200px;
}
.cntBgSea {
    height: 87%;
}
.flex.t-topService {
    padding-right: 0;
}
.topServiceBox {
    width: 100%;
    height: 160px;
}
.topServiceBox.s06 {
    height: auto;
padding: 30px 0;
}
.topServiceBox .cnt{
	padding-bottom: 17px;	
}

.topServiceBox .cnt .text20 {
  margin-bottom: 2px;
  letter-spacing: 0;
  line-height: 1.4;
}
.serviceCircleBtnMin span {
    width: 30px;
    height: 30px;
}
.serviceCircleBtnMin span::before {
    width: 15px;
}
.serviceCircleBtnMin span::after {
    right: 7px;
}
.topServiceBox:hover .serviceCircleBtnMin span::before {
	left: 0;
}
.topServiceBox:hover .serviceCircleBtnMin span::after {
	right: 7px;
}
.topColumnLeft {
    display: none;
}
.topColumnRight {
    width: 100%;
    margin-left: 0px;
    border-bottom: #d2d2d2 1px solid;
}
.topCntBox {
    width: 100%;
    height: 150px;
}
.topCntBox::before {
    display: none;
}
.topCntBox::after {
    background-color: rgba(0,0,0,0.4);

}
.halfBox {
    width: 100%;
    
}
.topNewsLeft {
    width: 100%;
    margin-right: 0px;
    border-top: #d2d2d2 0px solid;
    padding-top: 0px;
	padding-bottom: 20px;
	min-height: auto;
}
.topNewsRight {
    width: 100%;
    margin-left: 0px;
    border-bottom: #d2d2d2 1px solid;
}
.topCntBox .serviceCircleBtn {
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    justify-content: flex-end;
    bottom: 20px;
    left: inherit;
	right: 20px;
}
.topCntBox .serviceCircleBtn span {
    width: 30px;
    height: 30px;
	border-color: #FFF;
}
.topCntBox .serviceCircleBtn span::before {
    width: 15px;
    height: 1px;
	background-color: #FFF;
}
.topCntBox .serviceCircleBtn span::after {
    right: 7px;
	border-top-color: #FFF;
    border-right-color: #FFF;
}
.topCntBox .text30Center{
	color: #FFF;
	font-size: 24px;
}
.topCntBox .text14Center{
	color: #FFF;
	font-size: 12px;
}
.topNewsLeft .topNewsMoreBtn{
	display: none;
}
.bottomBnList ul li{
	width: 100%;
height: auto;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
}
.footLeft {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 100px;
}
.footRight {
    width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footBox .flex{
	flex-flow: row-reverse;
	flex-wrap: wrap-reverse;
}
.footCnt {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    display: flex;
	justify-content: space-between;
}
.footMoreBtn {
    width: 48%;
}
.footMoreBtn a {
    line-height: 40px;
    font-size: 13px;
}
.footMoreBtn a .btnArrow {
    right: 10px;
	width: 20px;
}
.topServiceBox .topServiceMoreText{
	display: none;
}
.topColumnRight .moreMinBtn{
	display: none;
}
.topColumnRight dl,.topNewsRight dl {
    padding: 30px 0px;
}
.topColumnRight dl dt,.topNewsRight dl dt {
    font-size: 11px;
    margin-bottom: 5px;
}
.topColumnRight dl dd,.topNewsRight dl dd {
    font-size: 12px;
    line-height: 1.6em;
}
.footMenu {
    width: 100%;
    margin-bottom: 30px;
	display: flex;
	flex-flow: row wrap;
}
.footMenu li.tl {
    width: 100%;
	margin-bottom: 10px;
}
.footMenu li.tl a {
    font-size: 14px;
    color: #FFF;
}
.footMenu li {
    width: 100%;
    margin-bottom: 10px;
}
.footMenu li a {
    font-size: 13px;
    line-height: 1.4;
}
.bgRecruit::before {
    
}
.bgRecruit.p-toppage{
	min-height: auto;
}
.pageTop .flex{
	flex-flow: row-reverse;
	flex-wrap: wrap-reverse;
}
.pageTopLeft {
    width: 100%;
}
.pageTopLeft::before {
    display: none;
}
.pageTopRight {
    width: 100%;
    height: 360px;
}
.pageTopLeft .cnt {
    padding-left: 20px;
	padding-right: 20px;
    padding-top: 40px;
	padding-bottom: 40px;
}
.serviceCnt dl{
	flex-flow: row wrap;	
}
.serviceCnt dl dt {
    width: 100%;
	margin-bottom: 20px;
}
.serviceCnt dl dd {
    width:100%;
    padding: 0px;
}
.servicePh {
    width: 100%;
    height: 180px;
    top: 0px;
	margin-top: 40px;
}
ul.numberList{
	flex-flow: row wrap;
	padding: 0 40px;
	margin-bottom: 20px;
}
ul.numberList li {
    width: 100%;
	margin-bottom: 10px;
}
.flex.t-bottomService {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
.detailCnt {
    padding: 20px 0px;
}
.jobPoint {
    width: 100%;
    padding: 30px 20px;
    padding-left: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}
.jobInfo {
    width: 100%;
    padding: 30px 20px;
    margin-left: 0px;
    margin-right: 0px;
}
.box1280.t-contact {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
}
.jobInfo dl {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.jobInfo dl dt {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
	margin-bottom: 5px;
}
.jobInfo dl dd {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    padding-left: 0px;
    top: 0;
}
.serviceSolidBox {
    padding: 20px;
	padding-top: 40px;
}
.serviceSolidBox dl dt {
    width: 100%;
    margin-bottom: 5px;
}
.serviceSolidBox dl dd {
    width: 100%;
    font-size: 12px;
}
.secCharm .flex{
	flex-flow: row-reverse;
	flex-wrap: wrap-reverse;	
}
.secCharmLeft {
    width: calc(100% - 40px);
    padding-top: 40px;
    padding-bottom: 40px;
	top: -40px;
    z-index: 10;
	margin-left: 20px;
	margin-right: 20px;
	justify-content: flex-start;
}
.secCharmLeft::before,.secCharmLeft::after {
    display: none;
}
.secCharmRight {
    width: 100%;
    height: 300px;
}
.secCharmLeft .cnt {
    padding-left: 20px;
    padding-right: 20px;
}
ul.charmList li {
    font-size: 14px;
    line-height: 2;
    padding-left: 18px;
    margin-bottom: 1.5em;
	background-size: 20px auto;
}
ul.charmList li span.font08{
	line-height: 1.6;
	display: inline-block;
}

.jobPointIcon {
    width: 50px;
	padding-right: 10px;
}
.jobPointText {
    width: calc(100% - 50px);
}
.jobPointText .text24{
	font-size: 18px;	
}
.jobPointSubText {
    padding-left: 50px;
    margin-top: 30px;
}
.jobPointSubText .text16{
	font-size: 14px;
}
.jobPointSubText ul.dotList li {
    font-size: 14px;
    line-height: 1.8;
}
.wlineTitle {
    font-size: 14px;
    margin-bottom: 30px;
	padding-left: 5px;
}
.daySchedule dl dt {
    width: 120px;
    letter-spacing: 0.03em;
    font-size: 13px;
    line-height: 1;
    padding-left: 22px;
    padding-top: 1px;
}
.daySchedule dl dt::before {
    top: 3px;
}
.daySchedule dl dd {
    width: calc(100% - 120px);
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    top: -6px;
}
.cpList dl {
    padding: 30px 20px;
    margin-bottom: 60px;
	display: block;
}
.cpList dl dt {
    width: 100%;
    font-size: 30px;
    line-height: 1;
    border-right: #d2d2d2 0px solid;
    text-align: center;
	margin-bottom: 10px;
}
.cpList dl dd {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    padding-left: 0px;
}
.iconFlex.text36 img {
    width: 36px;
    height: auto;
    margin-right: 5px;
}
.contactSection {
    width: 100%;
    height: 120px;
    padding-left: 20px;
    display: flex;
	flex-flow: row wrap;
	padding-top: 30px;
padding-bottom: 30px;
}
.contactText01 {
    padding-right: 0px;
    margin-right: 0px;
    font-size: 24px;
    line-height: 1;
    border-right: #000 0px solid;
    width: 100%;
	margin-bottom: 0px;
}
.contactText02 {
	width: 100%;
    font-size: 12px;
    line-height: 1.4;
}
.contactSection .serviceCircleBtnMin {
    right: 20px;
	width: 32px;
}
.spMenuLogo {
	position: fixed;
    left: 10px;
    top: 18px;
    z-index: 1100;
	width: auto;
height: auto;
display: block;
	transition-property: all;
transition: 0.2s ease;
opacity: 0.0;
filter: alpha(opacity=0);
}
.openMenu .spMenuLogo {
	opacity: 1.0;
filter: alpha(opacity=100);
}
.spMenuLogo img {
    height: 24px;
	width: auto;
}
.one_tab a {
    font-size: 11px;
    padding: 15px 10px;
	display: flex;
justify-content: center;
align-items: center;
}
.tab_main {
    padding: 30px 20px;
}
.cpList dl:last-child {
  margin-bottom: 20px;
}
.msgBox {
  width: calc(100% - 80px);
	margin-left: 20px;
}
.block-2 .msgBox {
  width: calc(100% - 80px);
	margin-left: 20px;
}
.msgInner {
	padding: 22px 20px 0px;
min-height: 180px;
  top: -80px;
  right: -40px;
  margin-bottom: -40px;
}
.msgInner::before {
  bottom: 22px;
  right: 20px;
  font-size: 11px;
  line-height: 1;
}
.p-recruit .msgInner{
	min-height: 200px;
}
.topBgWht::before {
  height: 240px;
}
.svThumList {
  flex-flow: row-reverse;
  flex-wrap: wrap-reverse;
}
.svThum{
	width: 100%;
}
.svThumText{
	width: 100%;
	padding-left: 0px;
}
.t-reverse .svThumText {
  padding-left: 0px;
  padding-right: 0px;
}
ul.dotList li {
  font-size: 14px;
}
ul.dotList li::before {
  left: 2px;
top: 10px;
}
ul.charmList li {
  background-position: left 5px;
}
.charmList .dotList {
	left: -13px;
	width: calc(100% + 13px);
}
.charmList .dotList li {
  font-size: 13px;
  line-height: 1.8;
}
.charmList .dotList li::before {
  top: 10px;
  left: 2px;
}
.secCharmLeft.nonBefore .cnt {
  padding-left: 20px;
  padding-right: 20px;
}
.jobPoint.w-full {
  width: 100%;
}
.iconFlex.text30Center img {
  width: 30px;
  margin-right: 5px;
}
.boxTitle {
  font-size: 16px;
  padding: 15px;
  padding-left: 80px;
}
.p-semiconductor02 .secCharmRight {
  top: -60px;
  margin-bottom: -40px;
	background-position: right top;
}
.p-system-software .svThumList{
	width: 100%;
	margin-bottom: 60px;
}
.p-system-software .svThum{
	width: 100%;
}
.p-system-software .svThumText{
	width: 100%;
}
.scenePh{
	width: calc(100% - 20px);
	position: relative;
	height: 180px;
}
.scenePh.spLeft{
	left: -20px;
}
.scenePh.spRight{
	right: -40px;
	margin-top: 40px;
}
.charmTitle{
	font-size: 18px;
	margin-bottom: 20px;
}
.charmTitle span {
  padding: 10px 10px;
  width: 100%;
	box-sizing: border-box;
}
.charmTitle span::after {
  top: -3px;
  right: -20px;
  font-size: 24px;
}
.charmTitle span::before {
  top: -5px;
  left: -20px;
  font-size: 24px;
}
dl.svEx {
  margin-bottom: 10px;
}
dl.svEx dt {
  width: 60px;
  font-size: 13px;
  padding-left: 14px;
}
dl.svEx dd {
  width: calc(100% - 60px);
  font-size: 13px;
}
.kakkoBox {
  padding: 20px;
  margin-bottom: 20px;
	padding-left: 20px !important;
}
.kakkoTop,.kakkoBottom {
  width: 20px;
  height: 20px;
}
.pageTopBasic{
	align-items: flex-start;
padding-bottom: 0px;
	padding-top: 80px;
}
.aboutCcFlex {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  min-height: auto;
	flex-wrap: wrap;
	
}
.baseCc {
  font-size: 30px;
  width: 100%;
	margin-bottom: 20px;
}
.aboutCcRight {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
}
.box25,.box75 {
  width: 100%;
}
.addressList {
  margin-top: 5px;
}
.officeBox {
  padding-right: 0px;
}
.gMapBtn {
  right: 0;
bottom: inherit;
  top: 3px;
	width: 40px;
height: 40px;
}
.locationOfficePhBox {
  width: 100%;
  height: 320px;
}
.locationOfficePh01 {
  width: 90%;
  height: 200px;
}
.locationOfficePh02 {
  width: 75%;
  height: 160px;
}
.companyList dl dt {
  width: 100%;
  font-size: 13px;
  line-height: 2em;
  padding-left: 0px;
}
.companyList dl dd {
  width: 100%;
  font-size: 14px;
  line-height: 1.8em;
  padding-left: 0px;
  margin-top: 10px;
}
.companyList dl::before {
  width: 100%;
}
.companyPh {
  height: 160px;
}
.companyPh.t01 {
  top: -20px;
}
.companyPh.t02 {
  top: 20px;
}
.historyList {
  padding-top: 0px;
}
.historyList dl dt {
  width: 30%;
  font-size: 16px;
  padding-left: 0px;
	line-height: 1.4;
	letter-spacing: 0;
}
.historyList dl dt span {
  font-size: 11px;
}
.historyList dl {
  margin-bottom: 30px;
  align-items: flex-start;
}
.historyList dl dd {
	font-size: 14px;
}
.mainBox {
  width: 100%;
  padding-right: 0px;
  position: relative;
}
.sideBox {
  margin-bottom: 40px;
  width: 100%;
}
.blogList dl {
  padding: 30px 0px;
  border-bottom: #d2d2d2 1px solid;
}
.blogList dl dt {
  width: 120px;
}
.blogList dl dd {
  width: calc(100% - 120px);
  padding-left: 20px;
}
.blogList dl.bigThum dt {
  width: 140px;
}
.blogList dl.bigThum dd {
  width: calc(100% - 140px);
  padding-left: 20px;
}
.pageTopBasic.p-news {
  
  height: 200px;
  padding-bottom: 20px;
}
.blogTitle {
  font-size: 22px;
	margin-bottom: 30px;
padding-bottom: 30px;
}
.blogDay {
  margin-bottom: 0px;
}
.postBox p {
  font-size: 14px;
}
.postBox h1{
	font-size: 24px;
	line-height: 1.6;
}
.postBox h2{
	font-size: 20px;
	line-height: 1.6;
}
.postBox h3{
	font-size: 18px;
	line-height: 1.6;
}
.postBox h4{
	font-size: 16px;
	line-height: 1.6;
}
.postBox h5{

}
.postBox {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.aboutCc {
  font-size: 38px;
	width: 100%;
	margin-bottom: 30px;
}
.pageTopAbout{
	height: auto;
	padding-bottom: 30px;
	padding-top: 80px;
	background-image: url("../images/about/pagehead02_sp.jpg");
}
.aboutMainText {
  font-size: 5.6vw;
}
.aboutMainText span.t-start::before {
  top: -5px;
left: -22px;
font-size: 30px;
}
.aboutMainText span.t-end::after {
  bottom: -20px;
  right: -22px;
  font-size: 30px;
}
.aboutPhiloLeft {
  width: 100%;
}
.aboutPhiloRight {
  width: 100%;
	margin-top: 20px;
}
.philoText {
  font-size: 16px;
  line-height: 2.0em;
}
.aboutMessageLeft {
  width: 100%;
}
.aboutMessageText {
  font-size: 18px;
}
.aboutMessageText span.t-start::before {
  top: -5px;
left: -22px;
font-size: 30px;
}
.aboutMessageText span.t-end::after {
  bottom: -20px;
  right: -22px;
  font-size: 30px;
}
.aboutMessageRight {
  width: 80%;
  height: 300px;
}
.aboutCompanyLeft {
  width: 100%;
  height: 360px;
}
.aboutCompanyPh01 {
  width: 80%;
  height: 240px;
}
.aboutCompanyPh02 {
  width: 80%;
  height: 240px;
	background-position: center -40px;
}
.aboutCompanyRight {
  width: 80%;
  padding-left: 20px;
	padding-right: 20px;
	max-width: 100%;
	justify-content:center;
	background-color: #FFF;
padding-top: 40px;
top: 0px;
	margin-bottom: 40px;
z-index: 1;
}
.aboutLocationMap {
  width: 100%;
  height: 350px;
  background-position: center center;
  background-size: contain;
  justify-content:center;
  align-items: center;
  padding-top: 0px;
  padding-left: 0px;
	margin-bottom: 60px;
}
.bg-wLogo-wht {
  background-size: auto 200px;
}
.p-message .pageTopRight {
  height: 360px;
}
.p-message .pageTopLeft .cnt {
  padding-left: 20px;
}
.messageCeoPh {
  width: 100%;
  height: 200px;
}
.ceoName {
  font-size: 14px;
}
.p-message .aboutMessageText{
	text-align: center !important;
}
.p-staff-message .pageTopRight {
  height: 360px;
}
.p-staff-message .pageTopLeft .cnt {
  padding-left: 40px;
	padding-right: 40px;
}
.aboutMessageText.t-start-end::before {
  top: -5px;
left: -22px;
font-size: 30px;
}
.aboutMessageText.t-start-end::after {
  bottom: -20px;
  right: -20px;
  font-size: 30px;
}
.profBox .msgInnerName {
  font-size: 18px;
	line-height: 1.2;
}
.staffPhBox {
  width: calc(100% - 20px);
	margin-bottom: 40px;
}
.staffTextBox {
  width: 100%;
}
.staffTextBox .staffTextInner {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.staffJobPh {
  height: 160px;
}
.staffJobPh.t01,.staffJobPh.t03 {
  top: -10px;
}
.staffJobPh.t02,.staffJobPh.t04 {
  top: 10px;
}
.staffFaq dl dt span {
  font-size: 16px;
}
.staffFaq dl dd p {
  font-size: 14px;
}
.holidayPh {
  height: 160px;
}
.holidayPh.t01,.holidayPh.t03 {
  top: -10px;
}
.holidayPh.t02 {
  top: 10px;
}
.holidayFaq {
  padding: 20px;
}
.holidayFaq dl dd p {
  font-size: 14px;
}
.bg-wLogo {
  background-size: auto 200px;
}
.moreBigBtn a {
  line-height: 30px;
}
.bgRecruit .moreBigBtn a {
	max-width: 240px;	
}
.bgRecruit {
  background-position: center bottom;
  background-size: auto 210px;
  background-repeat: no-repeat;
  min-height: auto;
}
.footBox .footInfo .flex {
  flex-flow:row;
  flex-wrap: wrap;
}
ol.countList li {
  font-size: 14px;
}
.whtTextBox {
  padding: 20px;
}
.sqTitle {
  font-size: 20px;
}
.sqTitle::before {
  width: 10px;
  height: 10px;
  top: 14px;
}
.basicTable th {
  padding: 10px 5px;
  font-size: 12px;
}
.basicTable td {
  padding: 10px 5px;
  font-size: 12px;
}
.evThum{
	width: 100%;
}
.evThumText{
	width: 100%;
	padding-left: 0px;
}
.t-reverse .evThumText {
  padding-left: 0px;
  padding-right: 0px;
}
.evTitle {
  font-size: 16px;
  padding: 15px;
}
ul.sitemapMenu li {
  width: 100%;
}
ul.sitemapMenu li a {
  padding-top: 15px;
	padding-bottom: 15px;
  font-size: 14px;
}
.pageTopBasic.spHeightMin{
	height: 220px;
}
.p-company .companyPh.t01 {
  width: calc(100% - 40px);
	margin-right: 40px;
	top: 0;
}
.p-company .companyPh.t02 {
  width: calc(100% - 40px);
	margin-left: 40px;
	top: 0;
}
.bgGreyBottomHalf.p-company::before {
  height: 25%;
}
.p-csr .companyPh.t01 {
  width: calc(100% - 40px);
	margin-right: 40px;
	top: 0;
}
.p-csr .companyPh.t02 {
  width: calc(100% - 40px);
	margin-left: 40px;
	top: 0;
}
.bgGreyBottomHalf.p-csr::before {
  height: 25%;
}
.jobInfoEx dl dt {
  width: 100%;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 5px;
}
.jobInfoEx dl dd {
  width: 100%;
  font-size: 13px;
  line-height: 1.8;
  padding-left: 0px;
  top: 0;
}
.jobInfoEx {
  padding: 20px;
}
ul#detailTab {
  text-align: center;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
ul#detailTab::after {
  content: "";
  display: block;
  width: 32.3333%;
  height: 0;
}
#detailTab li {
    font-size: 11px;
    width: 32.3333%;
    padding: 5px 0px 15px;
	display: flex;
justify-content: center;
align-items: center;
	margin-bottom: 5px;
	height: 60px;
}
.pageTopRecruit {
  padding-bottom: 60px;
  background-size: auto 210px;
  min-height: auto;
  padding-top: 80px;
}
.box1080Pd {
  padding-left: 20px;
  padding-right: 20px;
}
.msgInnerTitle {
  font-size: 14px;
}
.formBox dt {
    font-size: 13px;
    line-height: 26px;
    padding: 24px 0px 0px;
    width: 100%;
}
.fm_btn {
    width: 100%;
}
.formBox dd {
    font-size: 14px;
    height: auto;
    letter-spacing: 0.03em;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 5px;
    width: 100%;
}
.formBox dd p{
	font-size: 12px;
	line-height: 1.4em;
	margin-top: 0.5em;
}
.acceptBox {
  font-size: 13px;
  background-color: #f2f2f2;
  padding: 20px 0;
  margin-top: 20px;
}
.privacyBox {
  padding: 20px 0;
  border: #f2f2f2 2px solid;
	border-left-width: 0;
	border-right-width: 0;
}
ul.recruitNav {
	justify-content: space-between;	
}
ul.recruitNav li {
	width: 32.3333%;
	margin-left: 0;
	margin-right: 0;
}
ul.recruitNav li a {
  font-size: 12px;
  padding: 15px 0px;
  padding-right: 0px;
	padding-bottom: 20px;
	width: 100%;
display: flex;
	justify-content: center;
	align-items: center;
}
ul.recruitNav li a::before {
  top: calc(100% - 12px);
  right: calc(50% - 2px);

}
.topCntBox.s01 {
  background-image: url("../images/top_company_bg_sp.webp");
}
.topCntBox.s02 {
  background-image: url("../images/top_message_bg_sp.webp");
}
.topCntBox.s03 {
  background-image: url("../images/top_location_bg_sp.webp");
}
.pageTopBasic.p-service {
  height: 360px;
	background-image: url("../images/service/pagehead_sp02.jpg");
}
.serviceInnerBlk {
  width: calc(100% - 20px);
  padding: 20px;
	margin-left: 20px;
	top: -20px;
}
.serviceCanvas {
  width: calc(100% - 20px);
  height: 200px;
  background-color: #d2d2d2;
  display: flex;
  position: relative;
}
.serviceFlex.t-semiconductor, .serviceFlex.t-outsourcing, .serviceFlex.t-system,.serviceFlex.t-facility, .serviceFlex.t-medical {
  flex-direction: column-reverse;
}
.serviceFlex::before {
  bottom: -20px;
  left: 0;
}
.serviceCanvas:hover .serviceCircleBtnMin span::before {
	left: 10px;
}
.serviceCanvas:hover .serviceCircleBtnMin span::after {
	right: 10px;
}
.pageTopBasic.p-staff-message{
	height: 330px;	
}
ul.ouboFormBtn li{
	width: 100%;
	margin-bottom: 10px;
}
.pageTopBasic.p-company {
  background-image: url("../images/company/pagehead_sp.jpg");
}
.pageTopBasic.p-location {
  background-image: url("../images/location/pagehead_sp.jpg");
	background-position: center center;
}
.pageTopBasic.p-staff-message{
	background-image: url("../images/staff/pagehead_sp.jpg");	
}
.pageTopBasic.p-news{
	background-image: url("../images/news/pagehead_sp.jpg");
	background-position: center center;
}
.pageTopBasic.p-sitemap {
  background-image: url("../images/other/pagehead_sitemap_sp.jpg");
}
.pageTopBasic.p-privacy {
  background-image: url("../images/other/pagehead_privacy_sp.jpg");
}
.t-half .staffPhBox{
	width: 100%;
}
.t-half .staffTextBox{
	width: 100%;
}
.exBtn .jobInfoEx::after {
  width: 100%;
}
.exBtn .jobInfoEx::before {
  bottom: 40px;
  right: 35px;
}
.exBtn .jobInfoEx:hover::after{
	background-color: #eee;
	color: #000;
}
.exBtn.menuOpen .jobInfoEx:hover::after{
	background-color: #eee;
	color: #000;
}
.jobInfoLine dl dt {
  width: 100%;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 5px;
}
.jobInfoLine dl dd {
  width: 100%;
  font-size: 13px;
  line-height: 1.8;
  padding-left: 0px;
  top: 0;
}
.jobInfoLine {
  padding: 20px;
}
.formBox.p-confirm dd{
	line-height: 1.6em;
}
.fm_btn02 {
  width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	padding: 15px 0px;
	box-sizing: border-box;
	font-size: 14px;
}
.newsList dl{
	padding: 30px 0px;
}
.newsList dl dt {
  width: 100%;
  font-size: 12px;
  line-height: 1.6em;
}
.newsList dl dd {
  width: 100%;
  font-size: 14px;
  line-height: 1.6em;
	font-weight: 500;
}
.flex.sp-reverse {
  flex-flow: row-reverse;
  flex-wrap: wrap-reverse;
}
.s-system03 .holidayPh.t01,.s-facility03 .holidayPh.t01 {
  max-width: 180px;
  height: 220px;
}
.s-medical04 .staffJobPh.t01 {
	height: 220px;
}
.s-medical04 .staffJobPh.t03 {
  height: 220px;
  background-position: center top;
}
.s-medical02 .staffJobPh.t01 {
  height: 220px;
}
.s-medical02 .staffJobPh.t03 {
  height: 220px;
  background-position: center top;
}
.companyPh.t01 {
  background-position: center top;
 height: 200px;
}
.companyPh.t02 {
  background-position: center top;
	 height: 200px;
}
.heroPlayBtn {
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  padding: 15px;
  padding-left: 18px;
  padding-right: 12px;
}
.ismsImg img {
  margin-top: 10px;
  margin-left: 0px;
}
/*20220630*/
.lineBox{
	padding: 20px;
}
.heroCm {
    width: 165px;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 10px;
    z-index: 100;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
	display: none;
  }
 .heroCm .heroPlayBtn {
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
  }
.topCmSp{
	width: 100%;
	max-width: 240px;
	margin: 0 auto;
	display: table;
	position: relative;
	margin-bottom: 40px;
}
.topCmSp a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: all;
  transition: 0.2s ease;
}
.topCmSp img{
	width: 100%;
  height: auto;
}
.staffMv.t-2mv {
  width: 100%;
	margin-bottom: 15px;
}
/*230721*/
.heroFjs {
	display: none;
}
.bottomBnList.t-column03 ul li{
	width: 100%;
	margin-bottom: 10px;
}
.s-medical06 .holidayPh.t01
{
  height: 180px;
}
.s-medical06 .holidayPh.t02
{
  height: 180px;
}
.footCbBn {
  bottom: 83px;
	bottom: 0px;
	width: 100%;
	right: 0;
	position: relative;
	margin-bottom: 40px;
	float: left;
}
.footCbBn img {
  width: auto;
  height: 50px;
}
.footSnsList {
  margin-bottom: 20px;
}
.copyright{
	letter-spacing: 0;
}
.bottomBnList.t-column03 ul li.top4Bn{
	width: 100%;
	margin-bottom: 10px;
}
.footSnsList img {
 width: 60px;
  height: auto;
}
/*250108*/
.serviceFlex.t-smartrubbish{
	flex-direction: column-reverse;
}
.t-smartrubbish .serviceCanvas{
	width: calc(100% - 20px);
	min-height: auto;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 30px;
}
.t-smartrubbish .serviceInnerBlk {
  width: calc(100% - 20px);
	
}
.t-smartrubbish .serviceCanvas .ph100 img {
	max-width: 300px;
}
.pageTopBasic.p-product{
	background-image: url("../images/product/pagehead_sp.jpg");
	height: 240px;
}
.pageTopBasic.p-smartrubbish {
  padding-top: 80px;
  padding-bottom: 5px;
}
.w-spFull{
	width: 100% !important;
	box-sizing: border-box;
}
.ph100.t-sr{
	box-sizing: border-box;
	padding-right: 20px;
}
.ph100.t-sr img{
	
}
.ph100.t-sr02 img{
	
}
}