img{ border:none; vertical-align:bottom; -webkit-backface-visibility: hidden;}
.clear{ clear:both; height:0;}
.center{ text-align:center;}
ul{ list-style:none; margin:0; padding:0;}
p{ margin:0;}
/*html{ overflow: auto;}*/
body{ min-width: 1200px; /*overflow: hidden;*/ margin:0 auto; padding:0; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; text-transform: none !important;}
a img:hover{ opacity:0.6; filter:alpha(opacity=60); transition: all .5s; outline: none;}

/* IE8+, Chrome */
a{ outline: 0;}

/* Firefox */
a::-moz-focus-inner,
a::-moz-focus-inner { border: 0;}

#container{ width: 100%; margin: 0 auto; color: #464857;}
#mainArea{ width: 100%; margin: 0 auto 130px;}
#mainArea img{width: 100%;}
.slick-outer{position: relative;}
.slick-content{ background: rgba(255,255,255,0.75);position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 150;color: #464857;padding: 30px; width: 560px; box-sizing: border-box;}
.slick-content h2{ margin: 0 0 20px;}
.slick-content h2 img{ width: 500px !important; margin: 0 auto;}
.slick-content p{margin: 0;font-size: 14px; line-height: 180%;}


#info{ width: 1000px; margin: 0 auto 110px;}
#info ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: top;}
#info li{ width: 470px; box-sizing: border-box; margin-bottom: 40px;}
#info li:nth-child(3),#info li:nth-child(4){ margin-bottom: 0;}
#info li a,#info li span{ display: block; color: #646464; box-sizing: border-box; transition: all .5s; position: relative;}
#info li a:hover{ color: #810001; transition: all .5s;}
#info li img{ width: 470px;}
#info li a h3,#info li span h3{ width: 470px; font-size: 18px; font-weight: normal; margin: 0 auto; padding: 13px 0 15px; line-height: 1.6; text-align: center; position: absolute; bottom: 0; background: rgba(255,255,255,0.85); height: 80px;}
/*IE用の記述*/
_:-ms-input-placeholder, :root #info li a h2,_:-ms-input-placeholder, :root #info li span h2{ line-height: 50px; padding: 10px 0 0; box-sizing: border-box;}
#info li p{ line-height: 180%; font-size: 14px; margin-top: 15px;}


/* Second */
#secMain{ width: 100%; height: 300px; margin-bottom: 110px; display: flex; justify-content: center; align-items: center;}
#secMain h2{ color: #810001; font-weight: normal; font-size: 40px; text-align: center;}
#secMain h2 span{ color: #464857; display: block; font-size: 20px; margin-top: 15px;}
#secMain.directselling{ background: url("../img/directselling/main-pc.jpg") no-repeat center center; background-size: cover;}
#secMain.corporate{ background: url("../img/corporate/main-pc.jpg") no-repeat center center; background-size: cover;}
#secMain.welfare{ background: url("../img/welfare/main-pc.jpg") no-repeat center center; background-size: cover;}
#secMain.contact{ background: url("../img/contact/main-pc.jpg") no-repeat center center; background-size: cover;}
#secMain.consulting{ background: url("../img/consulting/main-pc.jpg") no-repeat center center; background-size: cover;}
#secMain.rental{ background: url("../img/rental/main-pc.jpg") no-repeat center center; background-size: cover;}

#contents{ width: 1000px; margin: 0 auto; padding-bottom: 120px;}
#contents h3{ font-size: 28px; font-weight: normal; margin: 0 auto 50px; text-align: center;}
#contents h3 span{ position: relative; display: inline-block; padding: 0 120px;}
#contents h3 span:before,
#contents h3 span:after{ content: ""; position: absolute; top: 50%; display: inline-block; width: 100px; height: 2px; background: #464857;}
#contents h3 span:before{ left: 0;}
#contents h3 span:after{ right: 0;}
/* IE11 */
#contents h3 span:before, #contents h3 span:before,
_:-ms-lang(x)::-ms-backdrop, #contents h3 span:after{ content: ""; position: absolute; top: 40%; display: inline-block; width: 100px; height: 2px; background: #464857;}

/* directselling */
.box4{ margin-bottom: 110px;}
.box4 ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.box4 li{ width: 470px; margin-bottom: 40px;}
.box4 li:nth-child(3),.box4 li:nth-child(4){ margin-bottom: 0;}
.box4 li a{ text-decoration: underline; color: #810001;}
.box4 li a:hover{ text-decoration: none;}
.box4 li img.box4Img{ width: 470px; position: relative;}
.box4 li .reArea{ width: 420px; background: #FFF; margin: -40px 0 0 50px; padding: 25px 0 0 25px; box-sizing: border-box; position: relative;}
.box4 li .reArea img{ width: 70px; position: absolute; top: -28px; left: 25px;}
.box4 li .reArea p{ margin-top: 5px;}
.box4 li .reArea p strong{ color: #810001; display: block; font-size: 18px;}
.pa01 img{ width: 400px;}
.pa01 .pb01Bg{ width: 650px; height: 250px; background: #F8F8FA; display: flex; justify-content: center; align-items: center; margin: -200px 0 0 350px;}
.pa01 .pb01Bg img{ width: 440px;}
.pa02{ width: 1000px; height: 260px; margin: 60px 0 0; background: url("../img/directselling/problem02-pc.jpg") no-repeat; display: flex; align-items: center; padding-left: 100px; box-sizing: border-box;}
.pa02 strong{ font-size: 26px; color: #810001; line-height: 180%;}
.pa03{ margin-bottom: 100px;}
.pa03 img{ width: 400px;}
.pa03 .pb03Bg{ width: 650px; height: 250px; background: #F8F8FA; display: flex; justify-content: center; align-items: center; margin: -200px 0 0 350px;}
.pa03 .pb03Bg img{ width: 440px;}
.btn-contact{ width: 460px; margin: 60px auto 0;}
.btn-contact ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.btn-contact li{ width: 205px; display: block;}
.btn-contact li img{ width: 205px;}

/* corporate */
.philosophy{ margin-bottom: 100px;}
.massage{ margin-bottom: 100px;}
/*.massage img{ width: 400px;}*/
.massage .msBg{ width: 1000px; background: #F8F8FA; /* height: 330px; display: flex; justify-content: center; align-items: center;*/ margin: 0; padding: 50px; box-sizing: border-box;}
.massage .msBg::after{ content: ""; display: block; clear: both;}
.massage .msBg p{ font-size: 14px; line-height: 200%;}
.massage .msBg img.msName{ width: 268px; margin-top: 25px; float: right;}
.profile{ width: 800px; margin: 0 auto;}
.profile table{ width: 100%; margin: 0 auto 70px; box-sizing: border-box; border-top: #F1F1F3 solid 1px; border-bottom: #F1F1F3 solid 1px; font-size: 14px; line-height: 200%;}
.profile table tr:nth-child(even){ background: #F6F6F8;}
.profile table th{ width: 220px; font-weight: normal; border-right: #F1F1F3 solid 2px; padding: 12px 0;}
.profile table td{ padding: 12px 60px;}
.profile h4{ font-size: 20px; margin: 0 0 25px; text-align: center; font-weight: normal;}
.profile h4:after{ background: #464857; content: ''; display: block; height: 1px; margin: 15px auto 0; width: 40px}
.manufacturer{ font-size: 14px; line-height: 200%; margin-bottom: 60px;}
.manufacturer span{ display: inline-block; margin-right: 10px;}
.manufacturer span:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: #898991; border-radius: 50%; margin: 0 2px 1px 0;}
.manufacturer p.otherM{ text-align: right; font-size: 12px; margin-top: 3px;}
.gmap{ width: 800px; height: 600px;}

/* welfare */
#group-home{ padding-bottom: 120px; margin-bottom: 120px; border-bottom: #CCC solid 2px;}
#group-home .spSlide{ display: none;}
.layoutW{ width: 1000px;margin-bottom: 80px;}
.layoutW img{ width: 1000px;}
.layoutU{ width: 1000px;}
.layoutU img{ width: 1000px;}

.Soleil{ margin-bottom: 100px;}
.Soleil p{ line-height: 200%; font-size: 14px; margin-top: 25px;}
h4.lo{ font-size: 20px; margin: 0 0 25px; text-align: center; font-weight: normal;}
h4.lo:after{ background: #464857; content: ''; display: block; height: 1px; margin: 15px auto 0; width: 40px}
.layout{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.layout.mb80{ margin-bottom: 80px;}
.layoutL{ width: 500px;}
.layoutL img{ width: 500px;}
.layoutR{ width: 450px;}
.layoutR img{ width: 450px;}

/* consulting */
.csTxt{ margin-bottom: 100px;}
.csTxt p{ font-size: 14px; line-height: 200%;}
.flow{ margin-bottom: 100px;}
.box3-cs{ margin-bottom: 100px;}
.box3-cs ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.box3-cs li{ width: 300px; border-top: #F4F4F6 6px solid; padding: 40px 0 20px; margin-bottom: 20px;}
.box3-cs li:nth-child(7),
.box3-cs li:nth-child(8),
.box3-cs li:nth-child(9){ border-bottom: #F4F4F6 6px solid; margin-bottom: 0;}
.box3-cs li img{ width: 70px; margin: 0 auto 20px; display: block;}
.box3-cs li h4{ margin: 0 0 20px; color: #810001; font-size: 18px; text-align: center;}
.box3-cs li p{ font-size: 14px; line-height: 180%;}

/* rental */
.topMi{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top; margin-bottom: 60px;}
.btmMi{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top; margin-bottom: 100px;}
.meritArea{ width: 470px; border-top: #BF7F80 solid 2px; border-left: #BF7F80 solid 2px; box-sizing: border-box; padding: 35px 40px;}
.meritArea h4{ color: #810001; font-size: 20px; margin: 0 0 20px;}
.meritArea li{ font-size: 14px; margin-bottom: 10px;}
.meritArea li:before{ content: ""; width: 8px; height: 8px; display: inline-block; border-radius: 50%; background-color: #BF7F80; margin-right: 4px;}
.meritArea p{ font-size: 14px; margin-left: 12px}
.demeritArea{ width: 470px; border-top: #99C9DF solid 2px; border-left: #99C9DF solid 2px; box-sizing: border-box; padding: 35px 40px;}
.demeritArea h4{ color: #3392BE; font-size: 20px; margin: 0 0 20px;}
.demeritArea li{ font-size: 14px; margin-bottom: 10px;}
.demeritArea li:before{ content: ""; width: 8px; height: 8px; display: inline-block; border-radius: 50%; background-color: #99C9DF; margin-right: 4px;}
.demeritArea p{ font-size: 14px; margin-left: 12px}

.flowRental{ width: 800px; margin: 0 auto 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.flowL{ width: 80px;}
.flowL img{ width: 80px;}
.flowR h4{ font-size: 20px; margin: 0 0 15px; line-height: 70%;}
.flowTxt{ width: 690px; padding: 20px 30px 24px; background: #F4F4F6; border-radius: 8px; font-size: 14px; line-height: 200%; box-sizing: border-box;}
.contact-us{ margin: 40px 0 100px 110px; font-size: 14px;}

.caseBox ul{ display: flex; flex-wrap: wrap; justify-content: left; align-items: top;}
.caseBox li{ width: 300px; margin: 0 50px 50px 0; background: #F4F4F6; border-radius: 8px;}
.caseBox li:nth-child(3){ margin-right: 0;}
.caseBox li:nth-child(4),
.caseBox li:nth-child(5){ margin-bottom: 0;}
.caseBox li span{ width: 100px; margin: 0 auto; display: block; background: #3293BE; color: #FFF; text-align: center; border-radius: 0 0 5px 5px; font-weight: bold; padding: 5px 0 8px;}
.caseBox li .caseInr{ margin: 20px 40px 40px;}
.caseBox li .caseInr p{ font-size: 14px; line-height: 200%;}
.caseBox li .caseInr p.caseName{ font-size: 18px; font-weight: bold; padding: 0 0 5px; margin: 0 0 10px; border-bottom: #111427 solid 1px;}


/* contact */
.contact{ width: 1000px; margin: 0 auto; font-size: 14px; line-height: 200%;}
.contact p.refrain{ font-size: 16px; font-weight: bold; text-align: center;}
.contact .salesLink{ width: 500px; margin: 15px auto 0; border: solid 1px #F00; padding: 20px; text-align: center;}
.contact .salesLink a{ color: #464857; text-decoration: underline; font-weight: bold; font-size: 16px;}
.contact .salesLink a:hover{ text-decoration: none;}
.formTxt{ border-bottom: #F5F5F5 solid 2px; border-top: #F5F5F5 solid 2px; padding: 25px 0; margin: 30px 0 40px;}
.formTxt li{ display: block; margin-right: 10px;}
.formTxt li:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: #898991; border-radius: 50%; margin: 0 2px 1px 0;}
.formArea{ background: #F5F5F7; padding: 45px;}
.formArea p{ margin-bottom: 40px;}
.formArea p span{ color: #830001;}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 30px;
    background: #FFF;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: #464857 solid 1px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #FFF;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border: #464857 solid 1px !important; 
}
input[type="text"],
.input textarea {
	outline: none;
	border: #464857 solid 1px;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 10px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
.input input[type="text"]:focus,
.input textarea:focus {
	box-shadow: 0 0 7px #E7443D;
	border: #464857 solid 1px;
}
textarea {
  resize: vertical;
}
input[type="submit"] {
  display: block;
  width: 200px;
  height: 50px;
  padding: 0;
  margin: 10px 0 0;
  background: #3488B4;
  border: none;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
_:-ms-lang(x)::-ms-backdrop, input[type="submit"] { padding: 5px 0 0;}
input[type="button"] {
  display: inline-block;
  width: 170px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: #3488B4;
  border: none;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
_:-ms-lang(x)::-ms-backdrop, input[type="button"] { padding: 5px 0 0;}
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #69AED3;
}
input[type="submit"]:active,
input[type="button"]:active {
  background: #3488B4;
}

.thanks_info{ border: #E7443D solid 1px; padding: 20px; margin: 60px 0 0;}
.thanks_info p{ padding: 0; margin: 15px 0 0;}
.thanks_info p.ttl{ font-size: 16px; font-weight: bold; margin: 0;}
.thanks_info p span.red{ color: #E7443D;}

#page-top{ margin: 0; padding: 0; display: none; position: fixed; right: 2%; bottom: 7%; z-index: 100;}
#page-top #move-page-top{ width: 40px; display: block; cursor: pointer;}
#page-top #move-page-top img{ width: 40px;}

footer{ width: 100%; padding: 60px 0 0; background: #F3F4F6; text-align: center;}
#footWrap{ width: 1000px; margin: 0 auto;}
#footWrap .footLogo{ margin-bottom: 20px;}
#footWrap .footLogo img{ width: 310px;}
#footWrap p{ line-height: 1.7em; margin-bottom: 10px; font-size: 14px;}
#footWrap p.license{ display: block; margin-bottom: 40px; font-size: 12px; line-height: 1.7em;}
#footWrap .bnr-soliel{ margin-bottom: 55px;}
footer .footNav{ width: 1000px; margin: 0 auto 40px;}
footer .footNav ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .footNav ul::before{ content: ""; width: 1px; height: 18px; background:#464857; display: inline-block; margin-bottom: -4px;}
footer .footNav li{ font-size: 14px;}
footer .footNav li span{ color: #999EA4;}
footer .footNav li a{ color: #464857; transition: all .5s;}
footer .footNav li a:hover{ color: #810001; transition: all .5s;}
footer .footNav li a::after,footer .footNav li span::after{ content: ""; width: 1px; height: 18px; background:#464857; display: inline-block; margin-left: 32px; margin-bottom: -4px;}
footer .contactFoot{ width: 700px; margin: 0 auto; font-size: 18px; font-weight: bold;}
footer .contactFoot ul li{ display: inline-block; padding-left: 33px; margin-left: 60px;}
footer .contactFoot ul li:first-of-type{ margin-left: 0;}
footer .contactFoot ul li a{ color: #464857;}
footer .contactFoot ul li.iconTel{ background: url("../img/common/icon-tel.png") no-repeat left center; background-size: 25px;}
footer .contactFoot ul li.iconFax{ background: url("../img/common/icon-fax.png") no-repeat left center; background-size: 25px;}
footer .contactFoot ul li.iconInq{ background: url("../img/common/icon-form.png") no-repeat left center; background-size: 25px;}
footer .sns{ width: 100px; margin: 30px auto 60px;}
footer .sns ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .sns li{ width: 40px;}
footer .sns li img{ width: 40px;}
footer .copy{ width: 100%; font-size: 12px; line-height: 50px; text-align: center; background: #FFF;}

.pc{ display:inherit !important;}
.sp{ display:none !important;}



@media screen and (max-width: 768px){
html {-webkit-text-size-adjust:none; margin:0 auto; padding:0;}
body{ min-width: 100%; margin:0 auto; font-family: "Noto Sans Japanese"; text-transform: none !important;}
img{ width:100%; height:auto; vertical-align:bottom;}
a img:hover{ opacity:1; filter:alpha(opacity=100); transition: all 0;}
.clear{ clear:both; height:0;}
.center{ text-align:center;}
ul{ list-style:none; margin:0; padding:0;}
p{ margin:0;}
	
#container{ width: 100%; margin: 0 auto; color: #464857; font-size: 14px;}
#mainArea{ width: 100%; margin: 50px auto 20%;}
#mainArea img{ width: 100%;}
.slick-outer{position: static;}
.slick-outer h2{ margin: 0 0 5%;}
.slick-outer h2 img{ width: 100% !important; margin: 0 auto;}
.slick-content{ background: none;position: static;top: initial;left: initial;transform: initial;color: #464857;padding: 0 5%; width: auto; box-sizing: border-box;}
.slick-content p{margin: 0;font-size: 14px; line-height: 170%;}

#info{ width: auto; margin: 0 5% 15%;}
#info ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#info li{ width: auto; box-sizing: border-box; margin-bottom: 10%;}
#info li:nth-child(3){ margin-bottom: 10%;}
#info li:nth-child(4){ margin-bottom: 0;}
#info li a,#info li span{ display: block; color: #646464; box-sizing: border-box; transition: all .5s; position: relative;}
#info li a:hover{ color: #810001; transition: all .5s;}
#info li img{ width: 100%;}
#info li a h3,#info li span h3{ width: 100%; font-size: 14px; font-weight: normal; margin: 0 auto; padding: 3% 0 3%; line-height: 1.6; text-align: center; position: absolute; bottom: 0; background: rgba(255,255,255,0.85); height: auto;}
#info li p{ line-height: 160%; font-size: 14px; margin-top: 2%;}
	
/* Second */
#secMain{ width: 100%; height: 0; padding-top: 33.9673%; margin-top: 50px; margin-bottom: 8%; position: relative;}
#secMain h2{ color: #810001; font-weight: normal; font-size: 18px; text-align: center; position: absolute; width: 100%; left: 0; top: 30%;}
#secMain h2.ds-h2{ top: 15%;}
#secMain h2 span{ color: #464857; display: block; font-size: 12px; margin-top: 0; text-shadow: 1px 1px 1px #FFF;}
#secMain.directselling{ background: url("../img/directselling/main-sp.jpg") no-repeat center center; background-size: cover;}
#secMain.corporate{ background: url("../img/corporate/main-sp.jpg") no-repeat center center; background-size: cover;}
#secMain.welfare{ background: url("../img/welfare/main-sp.jpg") no-repeat center center; background-size: cover;}
#secMain.contact{ background: url("../img/contact/main-sp.jpg") no-repeat center center; background-size: cover;}
#secMain.consulting{ background: url("../img/consulting/main-sp.jpg") no-repeat center center; background-size: cover;}
#secMain.rental{ background: url("../img/rental/main-sp.jpg") no-repeat center center; background-size: cover;}

#contents{ width: auto; margin: 0 5%; padding-bottom: 15%;}
#contents h3{ font-size: 16px; font-weight: normal; margin: 0 auto 10%; text-align: center;}
#contents h3 span{ position: relative; display: inline-block; padding: 0 30px;}
#contents h3 span:before,
#contents h3 span:after{ content: ""; position: absolute; top: 50%; display: inline-block; width: 20px; height: 2px; background: #464857;}
#contents h3 span:before{ left: 0;}
#contents h3 span:after{ right: 0;}

/* directselling */
.box4{ margin-bottom: 15%;}
.box4 ul{ display: block; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.box4 li{ width: auto; margin-bottom: 10%}
.box4 li:nth-child(3){ margin-bottom: 10%;}
.box4 li:nth-child(4){ margin-bottom: 0;}
.box4 li a{ text-decoration: underline; color: #810001;}
.box4 li a:hover{ text-decoration: none;}
.box4 li img.box4Img{ width: 100%; position: relative;}
.box4 li .reArea{ width: auto; background: #FFF; margin: -40px 0 0 50px; padding: 25px 0 0 25px; box-sizing: border-box; position: relative;}
.box4 li .reArea img{ width: 70px; position: absolute; top: -28px; left: 25px;}
.box4 li .reArea p{ margin-top: 0;}
.box4 li .reArea p strong{ color: #810001; display: block; font-size: 16px;}
	
.pa01 img{ width: 90%;}
.pa01 .pb01Bg{ width: 95%; height: 0; padding-top: 33%; padding-bottom: 15%; background: #F8F8FA; display: flex; justify-content: center; align-items: center; margin: -20% 0 0 5%; box-sizing: border-box;}
.pa01 .pb01Bg img{ width: 88%;}
.pa02{ width: auto; height: 0; padding-top: 46.1956%; margin: 10% 0 0; background: url("../img/directselling/problem02-sp.jpg") no-repeat; display: block; align-items: center; padding-left: 5%; box-sizing: border-box; background-size: cover; position: relative;}
.pa02 strong{ font-size: 15px; color: #810001; line-height: 170%; position: absolute; width: 100%; left: 5%; top: 28%; text-shadow: 0 0 5px #FFF;}
.pa03{ margin-bottom: 15%;}
.pa03 img{ width: 90%;}
.pa03 .pb03Bg{ width: 95%; height: 0; padding-top: 43%; padding-bottom: 23%; background: #F8F8FA; display: flex; justify-content: center; align-items: center; margin: -20% 0 0 5%; box-sizing: border-box;}
.pa03 .pb03Bg img{ width: 88%;}
.btn-contact{ width: 100%; margin: 15% auto 0;}
.btn-contact ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.btn-contact li{ width: 48%; display: block;}
.btn-contact li img{ width: 100%;}

/* corporate */
.philosophy{ margin-bottom: 15%;}
.massage{ margin-bottom: 15%;}
.massage img{ width: 100%;}
.massage .msBg{ width: 100%; height: 100%; padding: 7%; background: #F8F8FA; display: block; justify-content: center; align-items: center; margin: 0 auto; box-sizing: border-box;}
.massage .msBg::after{ content: ""; display: block; clear: both;}
.massage .msBg p{ font-size: 14px; line-height: 160%;}
.massage .msBg img.msName{ width: 150px; margin-top: 5%; float: right;}
.profile{ width: auto; margin: 0 auto;}
.profile table{ width: 100%; margin: 0 auto 10%; box-sizing: border-box; border-top: #F1F1F3 solid 1px; border-bottom: #F1F1F3 solid 1px; font-size: 12px; line-height: 180%;}
.profile table tr:nth-child(even){ background: #F6F6F8;}
.profile table th{ width: 20%; font-weight: normal; border-right: #F1F1F3 solid 2px; padding: 10px 0;}
.profile table td{ padding: 10px;}
.profile h4{ font-size: 14px; margin: 0 0 6%; text-align: center; font-weight: normal;}
.profile h4:after{ background: #464857; content: ''; display: block; height: 1px; margin: 10px auto 0; width: 40px}
.manufacturer{ font-size: 12px; line-height: 180%; margin-bottom: 15%;}
.manufacturer span{ display: inline-block; margin-right: 10px;}
.manufacturer span:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: #898991; border-radius: 50%; margin: 0 2px 1px 0;}
.manufacturer p.otherM{ text-align: right; font-size: 12px; margin-top: 3px;}
.gmap{ width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.gmap iframe{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
	
/* welfare */
#group-home{ padding-bottom: 15%; margin-bottom: 15%; border-bottom: #CCC solid 2px;}
#group-home .spSlide{ display: inherit; font-size: 12px; margin-bottom: 5px; text-align: right; color: #C10508;}
#group-home .scroll{ width: 100%; overflow-x: scroll;}
.layoutW{ width: auto; margin-bottom: 10%;}
.layoutW img{ width: 100%; min-width: 800px;}
.layoutU{ width: auto;}
.layoutU img{ width: 100%;}
	
.Soleil{ margin-bottom: 15%;}
.Soleil p{ line-height: 1.8em; font-size: 14px; margin-top: 5%;}
.profile table.th35 th{ width: 35%; font-weight: normal; border-right: #F1F1F3 solid 2px; padding: 10px 0;}
h4.lo{ font-size: 14px; margin: 0 0 6%; text-align: center; font-weight: normal;}
h4.lo:after{ background: #464857; content: ''; display: block; height: 1px; margin: 10px auto 0; width: 40px}
.layout{ display: block; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.layout.mb80{ margin-bottom: 10%;}
.layoutL{ width: auto; margin-bottom: 10%;}
.layoutL img{ width: 100%;}
.layoutR{ width: auto;}
.layoutR img{ width: 100%;}
	
/* consulting */
.csTxt{ margin-bottom: 15%;}
.csTxt p{ font-size: 14px; line-height: 1.8em;}
.flow{ margin-bottom: 15%;}
.box3-cs{ margin-bottom: 15%;}
.box3-cs ul{ display: block; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.box3-cs li{ width: auto; border-top: #F4F4F6 6px solid;  padding: 5% 0 5%; margin-bottom: 5%;}
.box3-cs li:nth-child(7){ border-bottom: none; padding: 5% 0 5%; margin-bottom: 5%;}
.box3-cs li:nth-child(8){ border-bottom: none; padding: 5% 0 5%; margin-bottom: 5%;}
.box3-cs li:nth-child(9){ border-bottom: #F4F4F6 6px solid; margin-bottom: 0;}
.box3-cs li img{ width: 70px; margin: 0 auto 20px; display: block;}
.box3-cs li h4{ margin: 0 0 20px; color: #810001; font-size: 16px; text-align: center;}
.box3-cs li p{ font-size: 14px; line-height: 1.8em;}
	
/* rental */
.topMi{ display: block; flex-wrap: wrap; justify-content: space-between; align-items: top; margin-bottom: 10%;}
.btmMi{ display: block; flex-wrap: wrap; justify-content: space-between; align-items: top; margin-bottom: 15%;}
.meritArea{ width: auto; border-top: #BF7F80 solid 2px; border-left: #BF7F80 solid 2px; box-sizing: border-box; padding: 5%; margin-bottom: 10%;}
.meritArea h4{ color: #810001; font-size: 15px; margin: 0 0 3%;}
.meritArea li{ font-size: 14px; margin-bottom: 10px;}
.meritArea li:before{ content: ""; width: 8px; height: 8px; display: inline-block; border-radius: 50%; background-color: #BF7F80; margin-right: 4px;}
.meritArea p{ font-size: 14px; margin-left: 12px}
.demeritArea{ width: auto; border-top: #99C9DF solid 2px; border-left: #99C9DF solid 2px; box-sizing: border-box; padding: 5%;}
.demeritArea h4{ color: #3392BE; font-size: 15px; margin: 0 0 3%;}
.demeritArea li{ font-size: 14px; margin-bottom: 10px;}
.demeritArea li:before{ content: ""; width: 8px; height: 8px; display: inline-block; border-radius: 50%; background-color: #99C9DF; margin-right: 4px;}
.demeritArea p{ font-size: 14px; margin-left: 12px}

.flowRental{ width: auto; margin: 0 auto 10%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.flowL{ width: 14%;}
.flowL img{ width: 100%;}
.flowR{ width: 82%;}
.flowR h4{ font-size: 15px; margin: 0 0 15px; line-height: 70%;}
.flowTxt{ width: auto; padding: 5%; background: #F4F4F6; border-radius: 8px; font-size: 13px; line-height: 1.8em; box-sizing: border-box;}
.contact-us{ margin: 5% 0 0 18%; font-size: 13px;}

.caseBox ul{ display: block; flex-wrap: wrap; justify-content: left; align-items: top;}
.caseBox li{ width: auto; margin: 0 0 10%; background: #F4F4F6; border-radius: 8px;}
.caseBox li:nth-child(3){ margin-right: 0;}
.caseBox li:nth-child(4){ margin-bottom: 10%;}
.caseBox li:nth-child(5){ margin-bottom: 0;}
.caseBox li span{ width: 100px; margin: 0 auto; display: block; background: #3293BE; color: #FFF; text-align: center; border-radius: 0 0 5px 5px; font-weight: bold; padding: 5px 0 8px;}
.caseBox li .caseInr{ margin: 4% 5% 0; padding-bottom: 5%;}
.caseBox li .caseInr p{ font-size: 14px; line-height: 1.8em;}
.caseBox li .caseInr p.caseName{ font-size: 14px; font-weight: bold; padding: 0 0 5px; margin: 0 0 10px; border-bottom: #111427 solid 1px;}
	
/* contact */
.contact{ width: auto; margin: 0 auto; font-size: 14px; line-height: 160%;}
.contact p.refrain{ font-size: 15px; font-weight: bold; text-align: center;}
.contact .salesLink{ width: auto; margin: 10px auto 0; border: solid 1px #F00; padding: 15px; text-align: center;}
.contact .salesLink a{ color: #464857; text-decoration: underline; font-weight: bold; font-size: 15px;}
.contact .salesLink a:hover{ text-decoration: none;}
.formTxt{ border-bottom: #F5F5F5 solid 2px; border-top: #F5F5F5 solid 2px; padding: 5% 0; margin: 10% 0;}
.formTxt li{ display: block; margin-right: 10px;}
.formTxt li:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: #898991; border-radius: 50%; margin: 0 2px 1px 0;}
.formArea{ background: #F5F5F7; padding: 10% 5%;}
.formArea p{ margin-bottom: 10%;}
.formArea p span{ color: #830001;}
.formWidth{ max-width: 90%;}
	
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 30px;
    background: #FFF;
    position: relative;
    z-index: 1;
    padding: 0 5%;
    border: #464857 solid 1px;
	font-family: "Noto Sans Japanese";
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #FFF;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border: #464857 solid 1px !important; 
}
input[type="text"],
.input textarea {
	outline: none;
	border: #464857 solid 1px;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 10px;
	font-family: "Noto Sans Japanese";
}
.input input[type="text"]:focus,
.input textarea:focus {
	box-shadow: 0 0 7px #E7443D;
	border: 2px solid #E7443D;
}
textarea {
  resize: vertical;
}
input[type="submit"] {
  display: block;
  width: 200px;
  height: 50px;
  padding: 0;
  margin: 5% 0 0;
  background: #3488B4;
  border: none;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans Japanese";
}
input[type="button"] {
  display: inline-block;
  width: 170px;
  height: 26px;
  padding: 0;
  margin: 2% 0 0;
  background: #3488B4;
  border: none;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans Japanese";
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #3488B4;
}
input[type="submit"]:active,
input[type="button"]:active {
  background: #3488B4;
}
	
.thanks_info{ border: #E7443D solid 1px; padding: 5%; margin: 15% 0 0;}
.thanks_info p{ padding: 0; margin: 5% 0 0;}
.thanks_info p.ttl{ font-size: 14px; font-weight: bold; margin: 0;}
.thanks_info p span.red{ color: #E7443D;}

footer{ width: 100%; padding: 5% 0 0; background: #F3F4F6; text-align: center;}
#footWrap{ width: auto; margin: 0 5%;}
#footWrap .footLogo{ margin-bottom: 3%;}
#footWrap .footLogo img{ width: 170px;}
#footWrap p{ line-height: 1.7em; margin-bottom: 1%; font-size: 12px;}
#footWrap p.license{ display: block; margin-bottom: 5%; font-size: 10px; line-height: 1.7em;}
#footWrap .bnr-soliel{ margin-bottom: 5%;}
footer .footNav{ display: none;}
footer .contactFoot{ display: none;}
footer .sns{ width: 80px; margin: 5% auto;}
footer .sns ul{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .sns li{ width: 30px;}
footer .sns li img{ width: 30px;}
footer .copy{ width: 100%; font-size: 12px; line-height: 40px; text-align: center; background: #FFF;}


#page-top { margin: 0; padding: 0; display: none; position: fixed; right: 2%; bottom:5px; z-index: 100;}
#page-top #move-page-top{ width: 30px; display: block; cursor: pointer;}
#page-top #move-page-top img{ width: 30px;}


.pc{ display:none !important;}
.sp{ display:inherit !important;}
.sp15{ margin-bottom: 15%;}

}