@charset "UTF-8";

a {
  cursor: pointer;
}

.none{
	display:none;
}
a:hover {
  opacity: 0.8;
  transition-duration: 0.8;
}

.htxt{text-indent:150%;overflow:hidden;white-space:nowrap;}

p {
  line-height: 24px;
  /** font-weight: bold; **/
}

.en01 {
  font-family: 'Oswald', sans-serif;
}

.en02 {
  font-family: 'Playfair Display', serif;
  font-weight: normal;
}

.contentsHead {
  font-size: 1.2rem;
  color: #a2a2a2;
  text-align: center;
}

.contentsHead span {
  font-size: 2.6rem;
  display: block;
  margin-bottom: 15px;
  color: #000;
}

body {
  /** font-family: 'Noto Sans JP', sans-serif; **/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #333;
  font-size: 14px;
}

.greenBtn a {
  font-size: 1.2rem;
  background-color: #589d25;
  color: #fff;
  padding: 15px 50px;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}

.greenBtn a,
.greenBtn a::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.greenBtn a::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.4s;
  transform-origin: top left;
  width: 0;
}

.greenBtn a:hover:after {
  height: 100%;
  width: 135%;
}

.greenBtn a::before,
.greenBtn a::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

.greenBtn a:hover {
  color: #589d25;
}

.blackBtn a {
  font-size: 1.2rem;
  background-color: #333;
  padding: 15px 50px;
  color: #fff;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  letter-spacing: 0.1rem;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}

.blackBtn a,
.blackBtn a::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.blackBtn a::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.4s;
  transform-origin: top left;
  width: 0;
}

.blackBtn a:hover:after {
  height: 100%;
  width: 135%;
}

.blackBtn a::before,
.blackBtn a::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

.blackBtn a:hover {
  color: #333;
}

header {
  background-color: #fff;
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  z-index: 99999;
}

.headerWrapper {
  border-top: 1px solid #589d25;
  width: 100%;
}

.headerInr {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
}

.headerNav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.headerNav ul li {
  font-size: 1rem;
  text-align: center;
  margin-left: 30px;
  font-weight: bold;
}
.headerNav ul li.hd{
margin-left:0px;
}

.headerNav ul li span {
  font-size: 0.7rem;
  color: #a2a2a2;
  display: block;
  margin-top: 8px;
  font-weight: normal;
}

.headerNav ul .contactLink.edge{
margin-left:15px;
}

.headerNav ul .contactLink,
.headerNav ul .telLink {
  margin-left: 5px;
}

.headerNav ul .contactLink a {
  font-size: 0.85rem;
  color: #fff;
  background-color: #589d25;
  position: relative;
  display: block;
  padding: 13px 20px 13px 38px;
  border-radius: 20px;
}

.headerNav ul .contactLink a::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 9px;
  background-image: url(../cmn_img/mail_ico.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 25px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.headerNav ul .telLink a {
  border: 1px solid #e4e4e4;
  font-size: 0.7rem;
  padding: 10px 14px 10px 15px;
  position: relative;
  display: block;
  text-align: right;
  color: #000;
}

.headerNav ul .telLink a::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 19px;
  background-image: url(../cmn_img/tel_ico.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 14px;
  left: 17px;
}

.headerNav ul .telLink a span {
  font-size: 1.6rem;
  margin: 0 3px 8px 0;
  color: inherit;
}

.headerNav ul li.estimateLink{
  margin-left: 10px;
}

.headerNav ul .estimateLink a {
  font-size: 0.85rem;
  color: #fff;
  background-color: #e65d3d;
  position: relative;
  display: block;
  padding: 13px 20px 13px 38px;
  border-radius: 20px;
}

.estimateLink a::before{
  content: '';
  display: inline-block;
  width: 9px;
  height: 12px;
  background-image: url(../cmn_img/estimate_ico.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;left: 25px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.headerLogo h1{padding-left:10px;}

/*header*/

.mvArea02 {
  /** height: 30vh; **/
  overflow:hidden;
  height:0px;
  margin-top: 87px;
  width: 100%;
  background-attachment: fixed;
  position: relative;
}

.mvArea02 h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3.6rem;
  font-weight: normal;
}

.mvArea02 h2 span {
  font-size: 3.4rem;
  display: block;
  font-weight: 600;
}

.breadcrumbList {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.breadcrumbList ul {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.breadcrumbList ul li {
  display: inline-block;
  border-collapse: collapse;
  border-spacing: 0;
  border-left: 1px solid #ddd;
  font-size: 1rem;
}

.breadcrumbList ul li a {
  display: block;
  color: #5d5d5d;
  padding: 20px 0;
}

.breadcrumbList ul li a:hover {
  background-color: #589d25;
}

.breadcrumbList ul .home a {
  padding-left: 20px;
  padding-right: 20px;
}

.breadcrumbList ul .second {
  width: 240px;
}

.breadcrumbList ul .second a {
  padding-left: 20px;
}

.breadcrumbList ul .last {
  padding: 20px;
  line-height: 1rem;
}



/*breadcrumbList*/




#contents {
  padding-top: 80px;
}

section {
  /** padding-top: 80px !important; **/
  overflow: hidden;
}


.newsBox {
  width: 30%;
  margin: 0 20px;
  position: relative;
  padding-bottom: 40px;
}

.newsBox a {
  display: block;
}

.newsBox img {
  width: 100%;
}

.newsNumber {
  color: #a9a9a9;
}

.newsNumber span {
  display: table;
  margin-top: 10px;
}

.newsNumber .blue {
  color: #23afd2;
  border-bottom: 1px solid #23afd2;
}

.newsNumber .green {
  color: #57b800;
  border-bottom: 1px solid #57b800;
}

.newsNumber .purple {
  color: #a83ccb;
  border-bottom: 1px solid #a83ccb;
}

.newsNumber .red {
  color: #f93a3a;
  border-bottom: 1px solid #f93a3a;
}

.newsNumber .color_3{color:#57b800;border-bottom: 1px solid #57b800;}
.newsNumber .color_4{color:#23afd2;border-bottom: 1px solid #23afd2;}
.newsNumber .color_5{color:#f93a3a;border-bottom: 1px solid #f93a3a;}

.newsBox .newsPic {
  margin-top: 20px;
}

.newsBox .newsPic {position: relative;}
.newsBox .newsPic:before {content:"";display: block;padding-top: 40%;}
.newsBox .newsPic span {text-indent:150%;overflow:hidden;white-space:nowrap;background:url(../cmn_img/header_logo.png) 50% 50% no-repeat #f5f5f5;display:block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;
-webkit-background-size:contain;background-size:contain;}

.newsBox .newsTitle {
  margin-top: 20px;
  font-size: 1.4rem;
  color: #000;
}

.newsBox .newsTxt {
  margin-top: 10px;
}

.newsDate {
  color: #8e8e8e;
  position: absolute;
  bottom: 0;
  left: 0;
}

/*news*/

.detailTxtArea {
  width: 95%;
  margin: 40px auto 0;
}

.detailTxtArea h3 {
  color: #589d25;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  margin-top: 80px;
  line-height: 2rem;
}

.detailTxtArea p {
  line-height: normal;
}

.detailTxtArea p img {
  width: 100%;
  height: auto;
  max-width: 980px;
}

.detailTxtArea p > a{
	text-decoration:underline;
}

.detailTxtArea .detailTxt {
  margin-top: 40px;
  font-weight: inherit;
}

/*detail*/



.tabWrap {
  width: 95%;
  margin: 30px auto;
  max-width: 1280px;
}

input[type="radio"] {
  display: none;
}

.tabArea {
  font-size: 0;
  margin: 0 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.tabArea label {
  width: 19%;
  margin: 0 5px;
  display: inline-block;
  padding: 25px 0;
  color: inherit;
  background: #e2dad1;
  text-align: center;
  font-size: 0.9rem;
  cursor: pointer;
  transition: ease 0.2s opacity;
}

.tabArea label:hover {
  opacity: 0.5;
}

.panelArea {
  margin-top: 30px;
}

.tabPanel {
  width: 100%;
  display: none;
}

.tabPanel p {
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}

#tab01:checked ~ .tabArea .tab01Label {
  background: #589d25;
  color: #fff;
}

#tab01:checked ~ .panelArea #panel01 {
  display: block;
}

#tab02:checked ~ .tabArea .tab02Label {
  background: #589d25;
  color: #fff;
}

#tab02:checked ~ .panelArea #panel02 {
  display: block;
}

#tab03:checked ~ .tabArea .tab03Label {
  background: #589d25;
  color: #fff;
}

#tab03:checked ~ .panelArea #panel03 {
  display: block;
}


#tab04:checked ~ .tabArea .tab04Label {
  background: #589d25;
  color: #fff;
}

#tab04:checked ~ .panelArea #panel04 {
  display: block;
}

#tab05:checked ~ .tabArea .tab05Label {
  background: #589d25;
  color: #fff;
}

#tab05:checked ~ .panelArea #panel05 {
  display: block;
}

#tab06:checked ~ .tabArea .tab06Label {
  background: #589d25;
  color: #fff;
}

#tab06:checked ~ .panelArea #panel06 {
  display: block;
}

.panelAreaBox .panelAreaList {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.panelAreaBox .panelAreaList li {
  width: 32%;
  background-color: #fff;
  padding-bottom: 30px;
  margin-right: 2%;
}

.panelAreaBox .panelAreaList li:last-child {
  margin-right: 0;
}

.panelAreaBox .panelAreaPic img {
  width: 100%;
}

.panelAreaBox .panelAreaTitle {
  font-size: 1.3rem;
  color: #000;
  margin-top: 20px;
}

.panelAreaBox .panelAreaTxt {
  text-align: left;
  margin-top: 30px;
  font-weight: normal;
  padding: 0 10px;
}

.case .greenBtn {
  text-align: center;
  margin-top: 60px;
  margin-top: 40px;
}

/*tab*/


.wacomsArea {
  text-align: center;
  padding-top: 50px;
}

.wacomsArea p {
  width: 85%;
  margin: 0 auto;
  max-width: 1030px;
}

.wacomsArea p img {
  width: 100%;
}

/*wacomsArea*/


.wacomsArea02 {
  background: linear-gradient(90deg, #3d95bd, #92bf48);
  padding-top: 60px !important;
  padding-bottom: 53px;
  text-align: center;
}

.wacomsArea02 p {
  width: 85%;
  margin: 0 auto;
  max-width: 1030px;
  color: #fff;
  line-height: 2rem;
  font-size: 1rem;
}

.wacomsArea02 p img {
  width: 100%;
}

.wacomsArea02 p a {
  margin-top: 60px;
  display: block;
}

/*wacomsArea02*/

.businessTop {
  background-size: cover;
  padding: 110px 0 190px;
  background-size: cover !important;
}

.businessTopTxt {
  background-color: #fff;
  max-width: 690px;
  width: 90%;
  padding: 60px 0 60px 170px;
  box-sizing: border-box;
}

.businessTopTxt h2 {
  font-size: 2.6rem;
  position: relative;
  line-height: 3.4rem;
}

.businessTopTxt h2 span {
  position: absolute;
  top: 0;
  left: -111px;
  z-index: 1;
  font-size: 5.2rem;
  opacity: 0.16;
}

.businessTopTxt .businessTopTitle {
  font-size: 2.6rem;
}

.businessTopTxt p {
  margin-top: 30px;
  font-size: 1.6rem;
  color: #000;
}

.businessSdgs{
  width:95%;
  margin: 20px auto -15px;
  display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;
}

.businessSdgs li{
  margin-right:6px;
}

/*businessTop*/

.contactArea {
  /*
  background: url(../cmn_img/contact_bg.jpg)no-repeat center;
  background-size: cover;
  */
  background-color:#333;
  padding: 80px 0;
}

.contactArea .contactBnr {
  background-color: #fff;
  padding: 40px 0 60px;
  width: 95%;
  max-width: 1030px;
  margin: 0 auto;
  text-align: center;
}

.contactArea .contactBnr h4 {
  font-size: 1.2rem;
  color: #a2a2a2;
  position: relative;
}

/**
.contactArea .contactBnr h4::before {
  content: 'CONTACT';
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 88px;
  opacity: 0.2;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  letter-spacing: 0.6rem;
}
**/

.contactArea .contactBnr h4 span {
  font-size: 2.8rem;
  color: #000;
  display: block;
  margin-bottom: 15px;
}

.contactArea .contactBnr .telNum {
  font-size: 1.4rem;
  margin-top: 50px;
  position: relative;
  color: #333;
  font-weight: normal;
  display: inline-block;
}

.contactArea .contactBnr .telNum::before {
  content: '';
  display: inline-block;
  width: 51px;
  height: 39px;
  background-image: url(../cmn_img/contact_tel_ico.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: -5px;
  left: -10px;
}

.contactArea .contactBnr .telNum span {
  font-size: 3.2rem;
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
  margin-left: 60px;
}

.contactArea .contactBnr .contactLink a,
.contactArea .contactBnr .contactLink2 a {
  background-color: #589d25;
  color: #fff;
  font-size: 1.2rem;
  padding: 20px 40px 20px 70px;
  position: relative;
  display: inline-block;
  margin-top: 40px;
}

.contactArea .contactBnr .contactLink a::before,
.contactArea .contactBnr .contactLink2 a::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  background-image: url(../cmn_img/contact_mail_ico.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 40px;
  ;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contactArea .contactBnr .contactLink a.download::before,
.contactArea .contactBnr .contactLink2 a.download::before{
	height:16px;
	background-image: url(../cmn_img/icon_download.png);
}

.contactArea .contactBnr .contactLink2{
  max-width:480px;
  margin:30px auto 0;
  display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;
  justify-content:space-between;
}
.contactArea .contactBnr .contactLink2 a {
  display: block;
  margin: 10px auto 0;
}

.contactArea .contactBnr .contactLink2 a.double{
  padding:9px 40px 9px 70px
}
.contactArea .contactBnr .contactLink2 a.double.narrow{
  padding:9px 5px 9px 5px;font-size:1.125rem;
}
.contactArea .contactBnr .contactLink2 a.double.narrow::before{
 display:none;
}

/*contact*/

.pager {
  margin-top: 60px;
  text-align: center;
  padding-bottom: 80px;
}

.pager li {
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
}

.pager li a {
  padding: 12px 15px;
  display: block;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
}

.pager .active {
  background: #000 !important;
}

.pager .active a {
  color: #fff !important;
}

.pager .pagerNext a,
.pager .pagerPrev a {
  border: 1px solid #c5a4a4;
}

.pager .pagerNext a img {
  vertical-align: middle;
}

.detailPager {
  max-width: 1030px;
  width: 95%;
  margin: 50px auto 0;
  padding-top: 30px;
  border-top: 1px solid #000;
  text-align: center;
  padding-bottom: 80px;
}

.detailPager li {
  display: inline-block;
  margin: 0 5px;
  width: 150px;
  color: #fff;
}

.detailPager .detailPrev,
.detailPager .detailNext {
  background-color: #333;
  position: relative;
}

.detailPager .detailPrev a {
  padding-left: 20px;
}

.detailPager .detailNext a {
  padding-right: 20px;
}

.detailPager .detailPrev::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  background-image: url(../cmn_img/left_arrow.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailPager .detailNext::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  background-image: url(../cmn_img/right_arrow.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 50px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailPager .detailBack {
  background-color: #589d25;
}

.detailPager li a {
  padding: 15px 0;
  display: block;
}

/*pager*/

footer {
  margin-top: 80px;
}

.footerTop {
  /** background-color: #e2dad1; **/
  padding: 40px 0 60px;
  text-align: center;
  /** margin-top: 80px; **/
}

.footerTop .bnrArea01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 35%;
  margin: 0 auto;
  max-width: 750px;
}

.footerTop .bnrArea01 li {
  width: 30%;
}

.footerTop .bnrArea01 li img {
  width: 100%;
}

.footerTop .bnrAreaTxt {
  margin-top: 30px;
  font-size:24px;
}


.footerTop .bnrArea02 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin: 30px auto 0;
  max-width: 375px;
}

.footerTop .bnrArea02 li {
  width: 48%;
}

.footerTop .bnrArea02 li img {
  width: 100%;
}

.footerBottom {
  background-color: #333;
  padding: 30px 0 50px;
  color: #fff;
}

.footerBottomInr {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.footerBottom .companyName {
  margin-top: 20px;
  font-size: 0.8rem;
}

.footerBottom .companyAddres {
  margin-top: 10px;
  line-height: 2rem;
  font-weight: normal;
  font-size: 0.7rem;
  margin-right:-100px;
}

.footerBottom .telLink_wrap{
	  margin-top: 20px;
	  display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;
	  margin-right:-240px;
}

.footerBottom .telLink {
  background-color: #fff;
  font-size: 0.7rem;
  padding: 10px 14px 10px 15px;
  position: relative;
  display: block;
  text-align: right;
  color: #333;
  width: 210px;

}

.footerBottom .telLink a::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 19px;
  background-image: url(../cmn_img/tel_ico.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 14px;
  left: 20px;
  color: #333;
}

.footerBottom .telLink a span {
  font-size: 26px;
  margin: 0 7px 8px 0;
  color: inherit;
  display: block;
}

.footerBottom .yuryo{
	text-align:center;
	margin-left: 20px;
	background: #fff;
	max-width:239px;
}
.footerBottom .yuryo img{
	max-width:100%;
}

.footerBottom .footerNav {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

}

.footerBottom .footerNav ul {
  margin-left: 80px;
}

.footerBottom .footerNav ul li {
  margin-bottom: 20px;
  font-weight: lighter;
  font-size: 0.8rem
}

.footerBottom .footerNav ul .footerNavTop {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 0.9rem;
}

.footerBottom .snsIco {
  margin: 0 auto;
  text-align: right;
  max-width: 1280px;
  width: 100%;
}

.footerBottom .snsIco ul {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.footerBottom .snsIco ul li {
  margin-left: 10px;
}


.footerBottom .copy {
  margin: 20px auto 0;
  color: #8d8c8c;
  font-size: 0.7rem;
  text-align: right;
  font-weight: lighter;
  letter-spacing: 0.1rem;
  max-width: 1280px;
  width: 98%;
}


/*footer*/



.business .businessFlex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 150px;
}



.business .businessFlex .businessPic {
  width: 100%;
}

.business .businessFlex .businessPic img {
  width: 100%;
}

.business .businessFlex .businessBox {
  max-width: 550px;
  display: inline-block;
  margin-top: 70px;
  z-index: 99;
}

.business .businessFlex01 .businessBox,
.business .businessFlex03 .businessBox,
.business .businessFlex05 .businessBox,
.business .businessFlex07 .businessBox {
  margin-right: inherit;
  margin-left: -50px;
}

.business .businessFlex02 .businessBox,
.business .businessFlex04 .businessBox,
.business .businessFlex06 .businessBox {
  margin-left: inherit;
  margin-right: -50px;
}

.business .businessFlex01,
.business .businessFlex03,
.business .businessFlex05,
.business .businessFlex07 {
  margin-right: 50px;
}

.business .businessFlex02,
.business .businessFlex04,
.business .businessFlex06 {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: 50px;
}


.business .businessFlex01 {
  margin-top: 60px;
}

.business .businessFlex02 {
  margin-top: 80px;
}

.businessBox {
  padding: 40px 60px;
  color: #fff;
}

.businessBox .NumberBox {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  display:none;/**/
}

.businessBox .NumberBox .number {
  opacity: 0.2;
  font-size: 3.6rem;
  margin-top: 14px;
}

.businessBox .NumberBox .numberSub {
  opacity: 0.6;
  font-size: 0.8rem;
}

.businessBox .businessTitle {
  margin: 40px auto 0;
  font-size: 1.3rem;
  width: 95%;
}

.businessBox .businessTitle span {
  font-size: 2rem;
  display: block;
  margin-bottom: 20px;
}

.businessBox .businessTxt {
  width: 95%;
  margin: 30px auto 0;
  font-weight: initial;
  line-height: 2rem;
}
.businessBox .businessTxt span.line{
  font-size:120%;
  font-weight:bold;
  display:block;
}

.businessBox .blackBtn {
  width: 100%;
  margin: 0 auto;
}

.businessBox .blackBtn a {
  margin-top: 30px;
}

.business_btn_wrapper{
 display: flex;padding: 0 10px;
}

.business_btn_wrapper .blackBtn a{
   width:90%;-webkit-box-sizing: border-box;box-sizing: border-box;
   padding: 15px 5px;font-size: 1rem;text-align:center;
}

.businessBox01 {
  background-color: #83afc8;
}

.businessBox02 {
  background-color: #6d8ca7;
}
.businessBox03 {
  background-color: #589d25;
}

.businessBox04 {
  background-color: #6fa071;
}

.businessBox05 {
  background-color: #5978be;
}

.businessBox06 {
  background-color: #5dbc56;
}

.businessBox07 {
  background-color: #a7bb0a;
}

.business .businessFlex .businessPic {
  position: relative;
}

.businessPic01 {
  background: url(/lib/cmn_img/business01.jpg) center center no-repeat;
  background-image:url(/lib/cmn_img/business08.jpg);
  background-size: cover;
  padding: 200px 0px 250px;
  position: relative;
}

.businessPic01 .wacomsLogo {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.businessPic02 {
  background: url(/lib/cmn_img/business02_01.jpg) center center no-repeat;
  background-size: cover;
  padding: 200px 0px;
}

.businessPic03 {
  background: url(/lib/cmn_img/business05_01.jpg) center center no-repeat;
  background-size: cover;
  padding: 200px 0px;
}

.businessPic04 {
  background: url(/lib/cmn_img/business06_01.jpg) center center no-repeat;
  background-size: cover;
  padding: 200px 0px;
}

.businessPic05 {
  background: url(/lib/cmn_img/business07_01.jpg) center center no-repeat;
  background-size: cover;
  padding: 200px 0px;
}

.businessPic06 {
  background: url(/lib/cmn_img/business04_01.jpg) center center no-repeat;
  background-size: cover;
  padding: 200px 0px;
}

.businessPic07 {
  background: url(/lib/cmn_img/business03_01.jpg) center center no-repeat;
  background-size: cover;
  padding: 200px 0px;
}



/*business*/


.featureArea {
  background: url(/lib/cmn_img/feature_bg.jpg)no-repeat center;
  background-size: cover;
  margin-top: 85px;
  padding: 60px 0 !important;
}

.featureArea .contentsHead {
  color: #fff;
}

.featureArea .contentsHead span {
  color: #fff;
}

.featureArea .featureList {
  margin: 50px auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1280px;
  width: 95%;
}

.featureArea .featureList li {
  background-color: #fff;
  width: 24%;
  padding: 25px 0 28px;
  text-align: center;
  box-sizing: border-box;
}

.featureArea .featureList li .circlePic {
  width: 80%;
  max-width: 190px;
  margin: 0 auto;
}

.featureArea .featureList li .circlePic img {
  width: 100%;
}

.featureArea .featureList li .greenBtn {
  margin-top: 26px;
}

.featureArea .featureList li .greenBtn a {
  width: 147px;
  font-size: 0.9rem;
  padding: 5px 0;
  box-sizing: border-box;
}

.featureArea .featureTitle {
  margin-top: 15px;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: 0.1rem;
}

.featureArea .featureTitle span {
  font-size: 1.2rem;
  display: block;
  color: #a7bb0a;
  margin-top: 10px;
}

.featureArea .featureTxt {
  color: #8a8a8a;
  margin-top: 20px;
  line-height: 1.5rem;
}


/*featureArea*/

.caseArea {
  background-color: #f3f3f3;
  padding-bottom: 60px;
}

.caseArea .caseDesc {
  text-align: center;
  margin-top: 30px;
}

.caseArea .greenBtn a {
  font-size: 0.9rem;
  padding: 8px 0;
  width: 147px;
}

/*caseArea*/

.loading {
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  position: fixed;
  z-index: 999999;
}

.loading > div {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
}

.loading > div > div {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #589d26;
  top: 10px;
  left: 10px;
  transform-origin: 20px 20px;
  border-radius: 8px;
  animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

.loading > div > .c2 {
  top: 10px;
  left: auto;
  right: 10px;
  transform-origin: -4px 20px;
  animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

.loading > div > .c3 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  transform-origin: -4px -4px;
  animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

.loading > div > .c4 {
  top: auto;
  bottom: 10px;
  transform-origin: 20px -4px;
  animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

@keyframes spin-a {
  0% {
    transform: rotate(90deg);
  }

  0% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-b {
  0% {
    transform: rotate(90deg);
  }

  25% {
    transform: rotate(90deg);
  }

  25% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-c {
  0% {
    transform: rotate(90deg);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  50% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-d {
  0% {
    transform: rotate(90deg);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  75% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading > span {
  width: 100px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: 30px;
  color: #c5c5c5;
  font-size: 12px;
  letter-spacing: 0.3em;
  line-height: 2em;
  text-align: center;
}

#svglogo {
  width: 100px;
  height: 100px;
  /* color: #fff; */
  position: absolute;
  left: 50%;
  top: 7%;
  margin-left: -50px;
  fill: #ffffff;
  /* top: 50%; */
  margin-top: -30px;
}

.loadTxt {
  color: #000;
}

.pageTop {
  box-sizing: border-box;
  z-index: 1;
  color: #ddd;
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: transparent;
  transition: .5s;
  opacity: 0.95
}

.pageTop.hide {
  /* transform: translateY(-100%); */
  /* display: none; */
  /* opacity: 0;*/
  transition: .5s;
  transform: translateY(100px);
}

.default_page{margin-top:87px;}
.simple_title{padding:0 0 80px;text-align:center;line-height:1.4;}
.simple_title h2{font-weight:bold;font-size:2.6rem;}
.simple_title span{color:#a2a2a2;display:block;font-size:1.2rem;font-weight:bold;margin-top:10px;}

.common_flow_entrance{}
.common_flow_entrance .title{color: #a2a2a2;font-size: 1.2rem;text-align: center;}
.common_flow_entrance .title span{color: #000;display: block;font-size: 2.6rem;margin-bottom: 15px;}
.common_flow_entrance p{margin-top:40px;text-align: center;}
.common_flow_entrance p a{font-weight:bold;font-size:1rem;}

.common_flow_entrance .wrapper{margin: 0 auto;padding:60px 0;max-width: 1040px;width: 100%;background-color:#fff}

.common_flow_header h2{font-size:1.2rem;text-align:center;padding:0 0 40px;color:#a2a2a2;}
.common_flow_header h2 span{font-size:2.6rem;display:block;color:#000;margin-bottom:15px;}
.common_flow_header p{color: #5d5d5d;font-size: 1.3rem;line-height: 2.6rem;width: 95%;margin: 40px auto 0;text-align: center;font-weight: 500;}
.common_flow_header p span{color: #589d25;}

/******************************************/

.common_service_menu .wrapper{padding:130px 0 0;}
.common_service_menu .contentsHead{margin-bottom:80px;}
.common_service_menu ul{max-width:1920px;margin-right:auto;margin-left:auto;border-top:1px solid #fff;
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.common_service_menu li{width:25%;border-right:1px solid #fff;border-bottom:1px solid #fff;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.common_service_menu li.wide{width:50%;}
.common_service_menu li.tail{border-right:1px solid #fff;}

.common_service_menu li{position: relative; }
.common_service_menu li:before{ padding-top: 100%;content:"";display: block; }
.common_service_menu li a{ display:block;background:none 50% 50% no-repeat #f5f5f5;-webkit-background-size:cover;background-size:cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%; 
-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
.common_service_menu li.wide:before{display:none;padding-top: 66.66%;}

.common_service_menu li a > span{width:100%;font-weight:normal;text-shadow: rgba(0,0,0,0.85) 1px 0 10px;color:#fff;display: block;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;text-align: center;}
.common_service_menu li h3{margin-bottom:20px;font-size:1.75rem;}

.common_service_menu li.li_spv a{background-image:url(../cmn_img/li_spv.jpg);}
.common_service_menu li.li_wacoms a{background-image:url(../cmn_img/li_wacoms.jpg);}
.common_service_menu li.li_lilocle a{background-image:url(../cmn_img/li_lilocle.jpg);}
.common_service_menu li.li_wall a{background-image:url(../cmn_img/li_wall.jpg);}
.common_service_menu li.li_v2h a{background-image:url(../cmn_img/li_v2h.jpg);}
.common_service_menu li.li_reform a{background-image:url(../cmn_img/li_reform.jpg);}
.common_service_menu li.li_natural a{background-image:url(../cmn_img/li_natural.jpg);}

.common_service_menu li p{font-size:1rem;font-weight:normal;}

@media screen and (max-width:1180px) {
	.footerBottom .telLink_wrap{display:block;margin-right:0;}
	.footerBottom .yuryo{margin:20px 0 0;}
}

@media screen and (max-width:1030px) {
   .headerNav ul .telLink{display:none;}
   .common_flow_header h2{padding-bottom:0px;}
}

@media screen and (min-width:910px) {
	.headerLogo {
	  padding-left: 14px;
	}
	.headerLogo h1{
		position:relative;
		padding-left:117px;
	}

	.headerLogo h1::after{
		content:"";
		display:block;
		width:80px;height:80px;
		position:absolute;
		top:-10px;left:0;
		background:url(../../images/pudding.png) no-repeat 50% 50%;
		-webkit-background-size:cover;background-size:cover;
	}

}


@media screen and (min-width:781px) {
	.detailTxtArea .in_set{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;
	justify-content: space-between;}
	.detailTxtArea .in_set .in_i{display:block;width:300px;margin-left:10px;}
	.detailTxtArea .in_set .in_t{}

}
@media screen and (max-width:780px) {
	.detailTxtArea .in_set .in_i{display:block;max-width:300px;margin-top:20px;}
	
	
	.common_service_menu .wrapper{padding:80px 0 0;}
	.common_service_menu .contentsHead{margin-bottom:40px;}
	.common_service_menu li{width:50%;}
	.common_service_menu li.wide{width:100%;}
	.common_service_menu li.wide:before{display:block;}
	.common_service_menu li h3{font-size:1rem;margin-bottom:10px;}
	.common_service_menu p{font-size:0.825rem;padding:0 5px;}
}

@media screen and (max-width:768px) {
.business_btn_wrapper{display:block;padding-left:0px;}
.businessBox .blackBtn a{margin-top:10px;}
.business_btn_wrapper .blackBtn a{width:auto;padding-left:25px;padding-right:25px;}
.businessBox .blackBtn a br{display:none;}
.contactArea .contactBnr h4 span {
font-size:2.25rem;
}
.footerBottom .companyAddres{margin-right:0px;}

	.simple_title{padding-bottom:40px;}
	.simple_title h2{font-size:2rem;}
	
	.common_flow_entrance .wrapper{padding:40px 0;width:90%;}
	.common_flow_entrance .title{font-size:1rem;}
	.common_flow_entrance .title span{font-size: 2.2rem;line-height: 2.6rem;}
	.common_flow_entrance p{margin-top:30px;}
	.common_flow_entrance p a{padding:10px 20px;min-width:190px;font-size:0.9rem;}
	
	.common_flow_header h2{font-size:1;line-height:1.4;padding-top:0px;}
	.common_flow_header h2 span{font-size: 2.2rem;line-height: 2.6rem;margin-bottom: 10px;}
	.common_flow_header p{text-align:left;font-size: 1rem;line-height: 2rem;}
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width:480px) {
.common_flow_entrance .wrapper{width:100%;}
}


.loading_logo{width: 160px;height: 56px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin-top:-20px;}
.loading_logo span {
	-webkit-animation: move-y .8s infinite alternate ease-in-out;
	animation: move-y .8s infinite alternate ease-in-out;
	display: inline-block;
}
@-webkit-keyframes move-y {
	from {transform: translateY(0);}
	to {transform: translateY(10px);}
}
@-keyframes move-y {
	from {transform: translateY(0); }
	to {transform: translateY(10px); }
}
.loading_logo img{width:100%;height:100%;}

/*.mvArea[mode="shinc"] .mvTxt{display:none;}*/