@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Cormorant+Infant:400,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap;);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);

/*
font-family: 'Cormorant Infant', serif;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, sans-serif;
*/

#topWrapbody {
	color:#3f3f3f;
}
#topWrap a:link {
	color:#4C9C41;
	text-decoration:none;
}
#topWrap a:visited {
	color:#3f3f3f;
}
#topWrap a:hover {
	text-decoration:none;
}
li,p,ul,dd,dt,dl,figure {
	list-style:none;
	padding:0;
	margin:0;
}
#topWrap {
	background-color:#fff;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
.maxInner {
	max-width:1200px;
	margin:0 auto;
}

#mainPanel {
	padding:0 29px;
	margin-bottom:100px;
	opacity: 0;
	transition: 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#mainPanel.animate {
	opacity: 1.0;
}
#mainPanel dl {
	color:#fff;
}
#mainPanel dt{
	font-family: 'Cormorant Infant', serif;
	font-size:50px;
	line-height:1;
}
#mainPanel dt b,
#business ul li b {
	background-image:url(../images/01_top_new/mianp_01.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:44px;
	height:0;
	padding-top:42px;
	overflow:hidden;
	line-height:2;
	margin-bottom:8px;
	font-size:1rem;
	display:block;
}
#mainPanel .s02 dt b {
	background-image:url(../images/01_top_new/mianp_02.png);
}
#mainPanel .s03 dt b {
	background-image:url(../images/01_top_new/mianp_03.png);
}
#mainPanel .s04 dt b {
	background-image:url(../images/01_top_new/mianp_04.png);
}
#mainPanel .s05 dt b {
	background-image:url(../images/01_top_new/mianp_05.png);
}
#mainPanel .s06 dt b {
	background-image:url(../images/01_top_new/mainp_special_01.png);
	width:109px;
	padding-top:29px;
	margin-bottom:0;
}
#mainPanel .s07 dt b {
	background-image:url(../images/01_top_new/mainp_special02.png);
	width:110px;
	padding-top:29px;
	margin-bottom:0;
}


.css-cross {
  position: relative;
  display:block;
  margin:15px 0 0 1em;
  padding: 0;
  width: 1px;
  height: 38px;
  background: #fff;
  transform: rotate(45deg);
}
.css-cross:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  width: 38px;
  height: 1px;
  margin-top: -2px;
  background: #fff;
}
#mainPanel div.swiper-slide {
	background-image:url(../images/01_top_new/mainp1_r.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
	align-items: center;
	width:100%;
	height:34.43vw;
	padding-left:6.42vw;
	box-sizing:border-box;
}
#mainPanel div.swiper-slide.s01 dl {
	text-shadow: 0 0 10px #000,
	0px 0px 20px #000,
	 1px 1px 5px #000,
	 -1px -1px 5px #000;
}
#mainPanel div.swiper-slide.s01 p.gostory a {
	box-shadow: 0 0 10px #000;
}
#mainPanel div.swiper-slide.s01 dd p:first-child {
	text-shadow: 0 0 10px #000,
	0px 0px 20px #000,
	0px 0px 5px #000
	 1px 1px 5px #000,
	 -1px -1px 5px #000;
}
#mainPanel div.swiper-slide.s01 .css-cross:after,
#mainPanel div.swiper-slide.s01 .css-cross {
	box-shadow: 0 0 5px #000,1px 1px 5px #000;
}
#mainPanel div.swiper-slide.s01 p.gostory a.hvr-sweep-to-right:hover {
	text-shadow: none;
}
#mainPanel div.swiper-slide.s02 {
	background-image:url(../images/01_top_new/mainp2_r.jpg);
}
#mainPanel div.swiper-slide.s03 {
	background-image:url(../images/01_top_new/mainp3_r.jpg);
}
#mainPanel div.swiper-slide.s04 {
	background-image:url(../images/01_top_new/mainp4_r.jpg);
}
#mainPanel div.swiper-slide.s05 {
	background-image:url(../images/01_top_new/mainp5_r.jpg);
}
#mainPanel div.swiper-slide.s06 {
	/*padding-left:0;*/
	background-image:url(../images/01_top_new/mainp6.jpg);
	color:#fff;
}
#mainPanel div.swiper-slide.s07 {
	background-image:url(../images/01_top_new/mainp7.jpg);
	color:#fff;
}
#mainPanel div.swiper-slide.s08 {
	background-image:url(../images/01_top_new/mainp8.jpg);
	color:#fff;
	padding-left: 5vw;
}
#mainPanel div.swiper-slide.s09 {
	background-image:url(../images/01_top_new/mainp9.jpg);
	color:#fff;
	padding-left: 5vw;
}


#mainPanel div.swiper-slide.s03 .logo {
	background-image:url(../images/01_top_new/main_p3_logo.png);
	background-repeat:no-repeat;
	width:266px;
	padding-top:153px;
	height:0;
	overflow:hidden;
	line-height:2;
}
#mainPanel div.swiper-slide.s07 .logo {
	background-image:url(../images/01_top_new/main_p7_logo.png);
	background-repeat:no-repeat;
	width:316px;
	padding-top:40px;
	height:0;
	overflow:hidden;
	line-height:2;
	margin-top:50px;
}
#mainPanel div.swiper-slide.s07 .kyubey {
	font-family: "YuKyo-Medium", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:45px;
}
/*
#mainPanel div.swiper-slide.s06 p.cross,
#mainPanel div.swiper-slide.s06 p.copy,
#mainPanel div.swiper-slide.s06 p.gostory{
	position:absolute;
	width:100%;
	text-align:center;
}
#mainPanel div.swiper-slide.s06 p.cross {
	font-family: 'Cormorant Infant', serif;
	font-size:60px;
	margin-top:-34vw;
	letter-spacing:0;
}
#mainPanel div.swiper-slide.s06 .css-cross {
	display:inline-block;
	text-align:center;
  margin:15px 30px 0;
}

#mainPanel div.swiper-slide.s06 p.copy {
	font-size:26px;
	margin-top:36vw
}
#mainPanel div.swiper-slide.s06 p.gostory {
	font-size:20px;
	margin-top:40vw
}
#mainPanel div.swiper-slide.s06 p.gostory a{
	width:12em;
	margin-left:-7em;
}
#mainPanel div.swiper-slide.s06 p.gostory a b{
	padding:0 2em 0;
}
*/
#mainPanel div.swiper-slide.s06 p.finish {
	background-color:rgba(255, 255, 255, 0.6);
	color:#ea544a;
	font-size:18px;
	font-family: 'Noto Sans Japanese', serif;
	line-height:1.6;
	width:255px;
	padding:18px 24px;
	border-radius:16px;
	letter-spacing:0;
	margin-top:30px;
}
#mainPanel div.swiper-slide p {
	font-size:15px;
	margin:1em 0;
	letter-spacing:0.28em;
}
#mainPanel div.swiper-slide.s07 p {
	margin:2em 0 1em;
}
#mainPanel div.swiper-slide.s07 p.gostory{
	margin:1em 0;
}
#mainPanel div.swiper-slide.s08 p {
	font-size: 27px;
	line-height: 1.55;
	letter-spacing: 0.2em;
}
#mainPanel div.swiper-slide.s09 p {
	font-size: 27px;
	line-height: 1.55;
	letter-spacing: 0.2em;
}



#mainPanel div.swiper-slide p.gostory,
.goOther {
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, sans-serif;
	letter-spacing:normal;
}

#mainPanel div.swiper-slide p.gostory a,
.goOther a ,
a.detail-button {
	display:inline-block;
	padding:1em;
	font-size:11px;
	line-height:1;
	border:solid 1px #fff;
	position:relative;
	color:#fff;
	z-index:2;
	-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#mainPanel div.swiper-slide p.gostory a {
	position:inherit;
    z-index:inherit;
}
#mainPanel div.swiper-slide p.gostory a b,
.goOther a b {
	font-weight:normal;
	display:block;
	background-image:url(../images/01_top_new/arrow_white.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0 2em 0 0;
}
#mainPanel div.swiper-slide.s08 p.gostory a {
	box-sizing: border-box;
	font-size: 14px;
	padding: 0.72em 1em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#mainPanel div.swiper-slide.s09 p.gostory a {
	box-sizing: border-box;
	font-size: 14px;
	padding: 0.72em 1em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.article h2 {
	font-size:23px;
	margin-bottom:80px;
	font-family: 'Cormorant Infant', serif;
	text-align:center;
	font-weight:normal;
	position:relative;
}
.article h2 em {
	margin:0 auto;
	font-style:normal;
	display:inline-block;
	text-align:center;
	padding-bottom:1.6em;
	margin:0 auto;
}
#business .article h2 ,
#project h2 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.article h2 em:after,
.bsnContent h3:after,
.bsnProduct dt:after {
	content:" ";
	display:block;
	width:275px;
	height:0;
	background-color:#4C9C41;
	padding-top:2px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-137px;
}

.owl-carousel a:hover {
	color:#4C9C41;
}
#pickup {
	position:relative;
	padding-bottom:60px;
	margin-bottom:60px;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
#pickup h2,
#top-news-tab h2 {
	letter-spacing: 0.16em;
}
#pickup.animate {
	opacity: 1.0;
}
#pickup figure {
	margin-bottom:34px;
}
#pickup p {
	line-height:26px;
	font-size:12px;
	text-align:center;
}
#pickup-slide a,
#pickup-slide a:link {
	color:#3f3f3f;
}
#pickup-slide a:hover {
	color:#4C9C41;
}
#pickup-slide a:hover img {
	opacity:0.5;
}

#pickup a.blankicon p::after {
	content: " ";
	display: inline-block;
	background-image: url('../images/2019_common/gm_blank.svg');
	width: 14px;
	height: 13px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0.5em;
	vertical-align: middle;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
	background-image:url(/businessrd/healthcare/partner/img/pickup_prev.jpg);
	width:78px;
	padding-top:78px;
	position:absolute;
	left:0;
	top:5vw;
	height:0px;
	overflow:hidden;
}
.owl-carousel .owl-nav button.owl-prev span {
	opacity: 0;
	transform: translate(30px,0);
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.owl-carousel .owl-nav button.owl-next span {
	opacity: 0;
	transform: translate(-30px,0);
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.owl-carousel .owl-nav button.owl-prev span.fadein,
.owl-carousel .owl-nav button.owl-next span.fadein {
	opacity: 1.0;
	transform: translate(0,0);
}
#project .owl-carousel .owl-nav button.owl-prev span,
#project .owl-carousel .owl-nav button.owl-next span {
	top:13.7vw;
}

.owl-carousel .owl-nav button.owl-next span {
	background-image:url(/businessrd/healthcare/partner/img/pickup_next.jpg);
	left:inherit;
	right:0;
}
.owl-dots{
	text-align:center;
	-webkit-tap-highlight-color:transparent;
	width:80%;
	margin: 70px auto 0;
}
#bsn01 .owl-dots{
	width:100%;
}
.owl-nav .disabled {
	opacity:.5;
	cursor:default;
}
.owl-nav.disabled+.owl-dots{
	margin-top:10px
}
.owl-dots .owl-dot{
	display:inline-block;
	zoom:1
}
#pickup .owl-dots .owl-dot{
	/*item 7
	width:14.2857%;*/
	/*item 8
	width:12.5%;*/
	/*item 9
	width:11.11%;*/
	width:10%;
}

@media screen and (min-width: 1200px) {
#pickup .owl-carousel ,
#special {
	width:1200px;
	margin:0 auto;
}
}
@media screen and (min-width: 1458px) {
#pickup .maxInner ,
#special {
	max-width:1458px;
}

#special,
#pickup .owl-carousel,
#special .owl-carousel,
#brand .owl-carousel {
	width:1458px;
}
}


#bsn01 .owl-dots .owl-dot{
	width:11.111%;
}
.owl-dots .owl-dot span{
	width:100%;
	height:2px;
	margin:5px 0;
	background:#e6e6e6;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span{
	background:#4c9c41;
}

#business {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
#business.animate {
	opacity: 1.0;
}
#business ul {
	width:79.28%;
	margin:0 auto 128px;
	display:flex;
	justify-content:space-around;
	padding:25px 0 0;
}
#business ul li {
	width:18.73%;
	border-bottom:solid 2px #e6e6e6;
	text-align:center;
	padding-bottom:30px;
}
#business ul li:hover {
	border-bottom-color:#4c9c41;
}
#business ul li b {
	margin:0 auto 25px;
	background-image:url(../images/01_top_new/bns-01.png);
}
#business ul li:nth-child(2) b {
	background-image:url(../images/01_top_new/bns-02.png);
}
#business ul li:nth-child(3) b {
	background-image:url(../images/01_top_new/bns-03.png);
}
#business ul li:nth-child(4) b {
	background-image:url(../images/01_top_new/bns-04.png);
}
#business ul li:nth-child(5) b {
	background-image:url(../images/01_top_new/bns-05.png);
}
/*hover*/
#business ul li:nth-child(1) b.hover {
	background-image:url(../images/01_top_new/bns-01_on.png);
}
#business ul li:nth-child(2) b.hover {
	background-image:url(../images/01_top_new/bns-02_on.png);
}
#business ul li:nth-child(3) b.hover {
	background-image:url(../images/01_top_new/bns-03_on.png);
}
#business ul li:nth-child(4) b.hover {
	background-image:url(../images/01_top_new/bns-04_on.png);
}
#business ul li:nth-child(5) b.hover {
	background-image:url(../images/01_top_new/bns-05_on.png);
}

#business ul li figure img {
	width:115px;
	height:auto;
}
#business ul li figure figcaption {
	margin:25px 0 15px;
	font-size:20px;
	font-family: 'Cormorant Infant', serif;
	color:#4c9c41;
	font-weight:600;
}
#business ul li figure span {
	display:none;

}
#business ul li p {
	font-size:14px;
	color:#3f3f3f;
}
/*business01*/
.bsnContent {
	position:relative;
	padding:128px 0;
}
#bsn01,
#bsn03,
#bsn05 {
	background-color:#f4f9ef;
}

#bsn01p-slide {
	max-width:1000px;
	margin:0 auto 65px;
	position:relative;
}
#bsn01p-slide p {
	margin-top:50px;
	text-align:center;
}
#bsn01p-slide a:link {
	color:#3f3f3f;
}
#bsn01p-slide a:hover {
	color:#4C9C41;
}
#bsn01p-slide figure {
	text-align:center;
}
#bsn01p-slide figure img {
	max-width:135px;
	margin:0 auto;
}
.goOther {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.goOther.animate {
	opacity: 1.0;
}
#topWrap .goOther a {
	color:#979797;
	border-color:#979797;
}
#topWrap .goOther a b {
	background-image:url(../images/01_top_new/arrow_gray.png);
	display: inline-block;
}
#topWrap .goOther a:hover {
	color:#fff;
	border-color:#fff;
}
#topWrap .goOther a:hover b {
	background-image:url(../images/01_top_new/arrow_white.png);
}

.colmn2 {
	display:flex;
	justify-content: space-between;
	width:72.57%;
	margin:0 auto;
	box-sizing:border-box;
}
#bsn01 .colmn2 {
	justify-content: flex-start;
	margin-bottom:30px;
}
.bsnContent h2 {
	text-align:center;
	margin-bottom:60px;
}
.bsnContent h2 b {
	background-image:url(../images/01_top_new/bsn_01_ttl_r.png);
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
	line-height:2;
	width:124px;
	padding-top:59px;
	height:0px;
	overflow:hidden;
	margin:0 auto;
}
.bsnContent h2 em {
	font-family: 'Cormorant Infant', serif;
	color:#4c9c41;
	font-weight:600;
	font-size:33px;
	font-style:normal;
	display:block;
	margin:15px 0 5px;
}
.bsnContent h2 i {
	font-size:13px;
	font-style:normal;
}
.bsnContent h3,
.bsnProduct dt {
	font-size:28px;
	line-height:50px;
	padding-bottom:45px;
	position:relative;
	margin-bottom:55px;
	font-weight:400;
}
.bsnProduct dt {
	font-size:33px;
	font-weight:200;
}
.bsnContent h3:after,
.bsnProduct dt:after {
	width:90px;
	margin-left:-45px;
	background-color:#a6ce9e;
}
/*
#bsn01.bsnContent h3 {
	letter-spacing: -0.14em;
	margin: 0 -1em 70px;

}*/
.textColmn {
	text-align:center;
	width:39.58%;
	padding-top:30px;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
}
.animate .textColmn {
	opacity: 1.0;
}
#bsn01 .textColmn {
	width:50%;
	margin-right:2.42vw;
}
.textColmn p {
	font-size:15px;
	line-height:32px;
	text-align:left;
}
#bsn01 .textColmn p {
	width:80%;
	margin: 0 auto;
}
.bsnProduct dt {
	text-align:center;
	padding-bottom:38px;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bsnProduct.animate dt {
	opacity: 1.0;
}
.bsnProduct dd {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.bsnProduct.animate dd {
	opacity: 1.0;
}
.colmn2 figure {
	width:51.35%;
	position:relative;
	padding-bottom:150px;
}
#bsn01 .colmn2 figure {
    width: 50%;
}
.colmn2 figure img {
	width:100%;
	height:auto;
	position:relative;
	z-index:2;
}
.colmn2 figure img.img-bg {
	position:absolute;
	right:-70px;
	top:70px;
	z-index:0;
	opacity: 0;
	transform: translate(100px,0);
	transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.animate .colmn2 figure img.img-bg {
	transform: translate(0,0);
	opacity: 1.0;
}
.colmn2 figure img:nth-child(2) {
	opacity:0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
}
.animate .colmn2 figure img:nth-child(2) {
	opacity:1.0;
}
.goOshop {
	width:79.28%;
	max-width:1110px;
	margin:0 auto;
	text-align:right;
}
/*replaceImg*/
.sideLink li a,
.sideLink li span {
	background-repeat:no-repeat;
	background-position:left top;
	width:15px;
	height:0px;
	padding-top:130px;
	overflow:hidden;
	line-height:2;
	display:block;
}

.sideLink {
	position:fixed;
	left:25px;
	top:1000px;
	width:16px;
	transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
	z-index:99;
}
.sideLink li {
	margin-bottom:40px;
}
.sideLink li:last-child {
	margin-bottom:0px;
}
.sideLink li a,
.sideLink li span {
	background-image:url(../images/01_top_new/leftnav-1_off.png);
}
.sideLink li a:hover {
	opacity:0.5;
}
#bsn01 .sideLink li a,
#bsn03 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-2_on.png);
	width:15px;
	padding-top:130px;
}
#bsn02 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-2_off.png);
	width:16px;
	padding-top:150px;
}
#bsn02 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-1_on.png);
	width:16px;
	padding-top:114px;
}
#bsn02 .sideLink li:nth-child(3) a,
#bsn04 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-3_on.png);
	width:16px;
	padding-top:88px;
}
#bsn03 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-3_off.png);
	width:15px;
	padding-top:118px;
}
#bsn03 .sideLink li:nth-child(3) a,
#bsn05 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-4_on.png);
	width:16px;
	padding-top:193px;
}
#bsn04 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-4_off.png);
	width:16px;
	padding-top:225px;
}
#bsn04 .sideLink li:nth-child(3) a{
	background-image:url(../images/01_top_new/leftnav-5_on.png);
	width:16px;
	padding-top:145px;
}
#bsn05 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-5_off.png);
	width:16px;
	padding-top:162px;
}

#bsn02.bsnContent h2 b {
	background-image:url(../images/01_top_new/bsn_02_ttl_r.png);
	width:137px;
	padding-top:61px;
}
#bsn02 .bgWrap {
	padding:85px 0 90px;
	position:relative;
	box-sizing:border-box;
	width:79.28%;
	max-width:1110px;
	margin:0 auto;
}
#bsn02 .bgWrap figure {
	position:absolute;
	width:80%;
}
#bsn02 .bgWrap figure img {
	width:100%;
}
#bsn02 .bgWrap .textColmn {
	margin-left:59%;
	padding-top:0;
	position:relative;
	z-index:5;
	margin-top:-80px;
}
.layer0 {
	top:145px;
	z-index:0;
	opacity: 0;
	transform: translate(-100px,0);
	transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.animate .layer0 {
	transform: translate(0,0);
	opacity: 1.0;
}
.layer1 {
	left:75px;
	z-index:1;
	opacity:0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
}
.animate .layer1 {
	opacity:1.0;
}
#bsn02 .bsnContent h3 {
	padding-bottom:55px;
	margin-bottom:55px;
}

#bsn02 .bsnProduct ul {
	width:79.28%;
	margin:0 auto;
	display:flex;
	padding-bottom:80px;
	max-width:1110px;
	/*justify-content: center;*/
	justify-content: space-between;
}
#bsn02 .bsnProduct ul li {
	/*margin-right:15px*/
}
#bsn02 .bsnProduct ul li {
	background-image:url(../images/01_top_new/b02-p1.jpg);
	/*width:32.43%;*/
	width: 24%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	/*padding-top:32.43%;*/
	padding-top: 24%;
	position:relative;
}
#bsn02 .bsnProduct ul li:last-child {
	margin-right:0;
	background-image:url(../images/01_top_new/b02-p3.jpg);
}
#bsn02 .bsnProduct ul li:nth-child(2) {
	background-image:url(../images/01_top_new/b02-p2.jpg);
	margin-right: 0;
}
#bsn02 .bsnProduct ul li:nth-child(3) {
	background-image:url(../images/01_top_new/b02-p3.jpg);
	margin-right: 0;
}
#bsn02 .bsnProduct ul li:nth-child(4) {
	background-image:url(../images/01_top_new/b02-p4.jpg);
	margin-right: 0;
}
#bsn02 .bsnProduct ul li a  {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(76,156,65,0.7);
	display:none;
}

#bsn02 .bsnProduct ul li dl {
	width:100%;
	color:#fff;
	text-align:center;
}
#bsn02 .bsnProduct ul li dt {
	font-size:30px;
	padding-bottom:0;
	/*margin-bottom:45px;*/
	margin-bottom: 15px;
	line-height:1;
}
#bsn02 .bsnProduct ul li dt:after,
#bsn05.bsnContent h3:after {
	display:none;
}
#bsn02 .bsnProduct ul li dd {
	font-size:14px;
	line-height:22px;
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, sans-serif;
}
#bsn02 .bsnProduct ul li:hover a {
	display:flex;
	align-items: center;
	justify-content: center;
}
#bsn03.bsnContent h2 b {
	background-image:url(../images/01_top_new/bsn_03_ttl_r.png);
	padding-top:106px;
	width:139px;
}
#bsn03 .colmn2 {
	padding-bottom:45px;
}

#bsn03.bsnContent .colmn2 figure {
	padding-top:80px;
	padding-bottom:0;
	width:53.33%;
}
#bsn03.bsnContent .colmn2 figure img {
	width:100%;
	position:relative;
	opacity: 0;
	transform: translate(100px,0);
	transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#bsn03.bsnContent.animate .colmn2 figure img {
	opacity: 1.0;
	transform: translate(0,0);
}
.bus {
	text-align:center;
	margin-bottom:70px;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 5;
    position: relative;
}
.bus.animate {
	opacity: 1.0;
}
.bus img {
	max-width:72%;
}
.goOther a {
	box-sizing:border-box;
	width:230px;
	text-align:center;
	padding:1.3em 0;
}

#bsn04.bsnContent h2 b {
	background-image:url(../images/01_top_new/bsn_04_ttl_r.png);
	width:112px;
	padding-top:103px;
}
#bsn04 .textColmn {
	width:50%;
	margin-top:-4vh;
	margin-right:-10.85%;
	position: relative;
    z-index: 10;
}
#bsn04 .textColmn p {
	width:80%;
	margin: 0 auto;
}
#bsn04 .colmn2 {
	padding-bottom:100px;
}
#bsn04 .colmn2 figure {
	width:58.95%;
	padding:10px 0 175px;
}
#bsn04 .colmn2 figure img.imgChange {
	opacity: 0;
	transform: translate(-100px,0);
	transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#bsn04.animate .colmn2 figure img.imgChange {
	transform: translate(0,0);
	opacity: 1.0;
}
#bsn04 .colmn2 figure img.bsn04-img2 {
	position:absolute;
	left:0;
	bottom:0;
	width:165.9%;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
}
@media screen and (min-width: 769px) and (max-width: 1560px) {
#bsn04 .textColmn {
    padding-bottom: 17vw;
}
}

#bsn04.animate .colmn2 figure img.bsn04-img2 {
	opacity: 1.0;
}
#bsn05.bsnContent h2 b {
	background-image:url(../images/01_top_new/bsn_05_ttl_r.png);
	width:141px;
	padding-top:110px;
}
#bsn05.bsnContent h3 {
	padding-bottom:0;
	margin-bottom:60px;
}
#bsn05.bsnContent h3 + p {
	text-align:center;
	margin-bottom:60px;
}
#bsn05 .colmn2 {
	padding-bottom:50px;
}
#bsn05 .colmn2 figure {
	width:53.33%;
	padding:10px 0 0;
	opacity: 0;
	transform: translate(100px,0);
	transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#bsn05.animate .colmn2 figure {
	opacity: 1.0;
	transform: translate(0,0);
}
#bsn05 .textColmn {
	padding-top:0;
}
#bsn05 .colmn2 + figure {
	width: 72.57%;
	margin:0 auto 80px;
}

#bsn05 .colmn2 + figure img {
	width:100%;
}

#bsn05 .cookie{
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#bsn05 .cookie.animate{
	opacity: 1.0;
}

#project {
	/*background-color:#e5e5e5;*/
	padding:160px 0 100px;
}
#project h2 {
	margin-bottom:75px;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#project.animate h2 {
	opacity: 1.0;
}
#project.article h2 em {
	padding-bottom:1.2em;
}

#project h2+div {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#project.animate h2+div {
	opacity: 1.0;
}
#project .goOther {
	text-align:center;
	padding-top:80px;
}
#projectSlide .owl-item > div a {
	background-image:url(../images/11_projects/bg_00.jpg);
	background-size:cover;
	background-position:center;
	position:relative;
	height:32.85vw;
	display:block;
	color:#fff;
	box-sizing:border-box;
}
@media screen and (min-width: 1200px) {
#project .owl-carousel{
	width:1200px;
	margin:0 auto;
}
#project .owl-carousel .owl-nav button.owl-prev span,
#project .owl-carousel .owl-nav button.owl-next span {
	top:150px;
}
#projectSlide .owl-item > div a {
	width:277px;
	height:378px;
}
}
@media screen and (min-width: 1477px) {
#project .maxInner {
	max-width:1477px;
}
#project .owl-carousel{
	width:1477px;
}
}

#projectSlide .owl-item > div.item-01 a { background-image:url(../images/11_projects/bg_01.jpg); }
#projectSlide .owl-item > div.item-02 a { background-image:url(../images/11_projects/bg_02.jpg); }
#projectSlide .owl-item > div.item-03 a { background-image:url(../images/11_projects/bg_03.jpg); }
#projectSlide .owl-item > div.item-04 a { background-image:url(../images/11_projects/bg_04.jpg); }
#projectSlide .owl-item > div.item-05 a { background-image:url(../images/11_projects/bg_05.jpg); }
#projectSlide .owl-item > div.item-06 a { background-image:url(../images/11_projects/bg_06.jpg); }
#projectSlide .owl-item > div.item-07 a { background-image:url(../images/11_projects/bg_07.jpg); }
#projectSlide .owl-item > div.item-08 a { background-image:url(../images/11_projects/bg_08.jpg); }
#projectSlide .owl-item > div.item-09 a { background-image:url(../images/11_projects/bg_09.jpg); }
#projectSlide .owl-item > div.item-10 a { background-image:url(../images/11_projects/bg_10.jpg); }
#projectSlide .owl-item > div.item-11 a { background-image:url(../images/11_projects/bg_11.jpg); }
#projectSlide .owl-item > div.item-12 a { background-image:url(../images/11_projects/bg_12.jpg); }
#projectSlide .owl-item > div.item-13 a { background-image:url(../images/11_projects/bg_13.jpg); }
#projectSlide .owl-item > div.item-14 a { background-image:url(../images/11_projects/bg_14.jpg); }
#projectSlide .owl-item > div.item-15 a { background-image:url(../images/11_projects/bg_15.jpg); }
#projectSlide .owl-item > div.item-16 a { background-image:url(../images/11_projects/bg_16.jpg); }
#projectSlide .owl-item > div.item-17 a { background-image:url(../images/11_projects/bg_17.jpg); }
#projectSlide .owl-item > div.item-18 a { background-image:url(../images/11_projects/bg_18.jpg); }
#projectSlide .owl-item > div.item-19 a { background-image:url(../images/11_projects/bg_19.jpg); }
#projectSlide .owl-item > div.item-20 a { background-image:url(../images/11_projects/bg_20.jpg); }
#projectSlide .owl-item > div.item-21 a { background-image:url(../images/11_projects/bg_21.jpg); }
#projectSlide .owl-item > div.item-22 a { background-image:url(../images/11_projects/bg_22.jpg); }
#projectSlide .owl-item > div.item-23 a { background-image:url(../images/11_projects/bg_23.jpg); }
#projectSlide .owl-item > div.item-24 a { background-image:url(../images/11_projects/bg_24.jpg); }
#projectSlide .owl-item > div.item-25 a { background-image:url(../images/11_projects/bg_25.jpg); }
#projectSlide .owl-item > div.item-26 a { background-image:url(../images/11_projects/bg_26.jpg); }
#projectSlide .owl-item > div.item-27 a { background-image:url(../images/11_projects/bg_27.jpg); }
#projectSlide .owl-item > div.item-28 a { background-image:url(../images/11_projects/bg_28.jpg); }
#projectSlide .owl-item > div.item-29 a { background-image:url(../images/11_projects/bg_29.jpg); }
#projectSlide .owl-item > div.item-30 a { background-image:url(../images/11_projects/bg_30.jpg); }
#projectSlide .owl-item > div.item-31 a { background-image:url(../images/11_projects/bg_31.jpg); }
#projectSlide .owl-item > div.item-32 a { background-image:url(../images/11_projects/bg_32.jpg); }
#projectSlide .owl-item > div.item-33 a { background-image:url(../images/11_projects/bg_33.jpg); }
#projectSlide .owl-item > div.item-34 a { background-image:url(../images/11_projects/bg_34.jpg); }
#projectSlide .owl-item > div.item-35 a { background-image:url(../images/11_projects/bg_35.jpg); }
#projectSlide .owl-item > div.item-36 a { background-image:url(../images/11_projects/bg_36.jpg); }
#projectSlide .owl-item > div.item-37 a { background-image:url(../images/11_projects/bg_37.jpg); }
#projectSlide .owl-item > div.item-38 a { background-image:url(../images/11_projects/bg_38.jpg); }
#projectSlide .owl-item > div.item-39 a { background-image:url(../images/11_projects/bg_39.jpg); }
#projectSlide .owl-item > div.item-40 a { background-image:url(../images/11_projects/bg_40.jpg); }
#projectSlide .owl-item > div.item-41 a { background-image:url(../images/11_projects/bg_41.jpg); }
#projectSlide .owl-item > div.item-42 a { background-image:url(../images/11_projects/bg_42.jpg); }
#projectSlide .owl-item > div.item-43 a { background-image:url(../images/11_projects/bg_43.jpg); }
#projectSlide .owl-item > div.item-44 a { background-image:url(../images/11_projects/bg_44.jpg); }
#projectSlide .owl-item > div.item-45 a { background-image:url(../images/11_projects/bg_45.jpg); }
#projectSlide .owl-item > div.item-46 a { background-image:url(../images/11_projects/bg_46.jpg); }
#projectSlide .owl-item > div.item-47 a { background-image:url(../images/11_projects/bg_47.jpg); }
#projectSlide .owl-item > div.item-48 a { background-image:url(../images/11_projects/bg_48.jpg); }
#projectSlide .owl-item > div.item-49 a { background-image:url(../images/11_projects/bg_49.jpg); }

#projectSlide .owl-item a div p.img_cr {
	position:absolute;
	right:15px;
	bottom:10px;
	width:auto;
}

#projectSlide .owl-item a>div {
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
/*	padding:0 7% 1.78vw;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	align-content:flex-end;*/
	background-color:rgba(0,0,0,0.6);
}
#projectSlide .owl-item a>div>div {
	display:block;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	top:0;
	padding:0 7%;
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#projectSlide .owl-item a:hover>div {
	background-color:rgba(76,156,65,0.6);
}
#projectSlide .owl-item a div p {
	width:100%;
	font-size:11px;
}
#projectSlide .vol,
#projectSlide .sub,
#projectSlide .owl-item a div p.img_cr,
.news,
.news p.desc {
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, sans-serif;
	line-height:25px;
}
.news p.desc {
font-size: 12px;
}
#projectSlide .vol {
	margin-bottom:40px;
	letter-spacing:0.05em;
}
#projectSlide .vol b {
	font-size:25px;
	font-weight:100;
}
#projectSlide .owl-item a div p.title {
	font-size:19px;
	line-height:33px;
	margin-bottom:20px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#projectSlide .sub span {
	display:block;
	margin-top:25px;
}
#newsOuter {
	background: #F4F4F4;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.newsWrap {
  position: relative;
	padding:110px 0 0;

}

#newsOuter.animate {
	opacity: 1.0;
}

.newsWrap-hd {
	background-color: #fff;
	width: 68.75%;
	max-width: 880px;
	margin: 0 auto;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
	padding: 50px 0 0;
}
.newsWrap-hd.animate {
	opacity: 1.0;
}
.newsWrap .tab,
.listWrap {
	width: 65%;
	margin: 0 auto;
	max-width: 575px;
}
/*
.newsWrap .tab {
	width: 48.9%;
	max-width:600px;
	margin:0 auto 70px;
	opacity: 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
}
.newsWrap.animate .tab {
	opacity: 1.0;
}*/
.newsWrap .tab .list {
	width: 100%;
	text-align: center;
	display:flex;
	justify-content:space-between;
}
.newsWrap .tab .list .item {
	letter-spacing:normal;
	width:21.89%;
	text-align:center;
	font-size:12px;
	padding:0 0 20px;
	border-bottom:solid 1px #e6e6e6;
}
#topWrap .newsWrap .tab .list .item.active {
	border-bottom:solid 1px #4c9c41;
	color:#4c9c41;
}
#topWrap .newsWrap .tab .list .item a:link,
#topWrap .newsWrap .tab .list .item a:visited {
	color:#3f3f3f;
}
#topWrap .newsWrap .tab .list .item.active a:link,
#topWrap .newsWrap .tab .list .item.active a:visited,
#topWrap .newsWrap .tab .list .item a:hover {
	color:#4c9c41;
}

.newsWrap .tab .list .item a {
	display: block;
	box-sizing: border-box;
}
.newsWrap .tab .list .item.active a {
	opacity: inherit;
}
.newsWrap .tab .list .item a:hover {
	opacity: inherit;
	text-decoration: none;
}
.news {
	padding: 0px 0 100px;
}
#top-news .newsWrap-Content {
	width: 68.75%;
	max-width:880px;
	margin: 0 auto;
	background-color: #fff;
	padding: 50px 0;
}
#top-news .news-contents ul.posts li {
	border-bottom:none;
}
#top-news .news-contents ul.posts li {
	border-top:none;
	padding-top:0;
	padding-bottom:50px;
}
#top-news .news-contents ul.posts li {
	/*opacity: 0;*/
	font-size:12px;
}
#top-news .news-contents ul.posts li:nth-child(1) {
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s;
}
#top-news .news-contents ul.posts li:nth-child(2) {
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.0s;
}
#top-news .news-contents ul.posts li:nth-child(3) {
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s;
}
#top-news .news-contents ul.posts li:nth-child(4) {
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s;
}
#top-news .news-contents ul.posts li:nth-child(5) {
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.9s;
}
#top-news.animate .news-contents ul.posts li {
	opacity: 1.0;
}
#top-news .news-contents ul.posts li > span {
	background-image:none;
	top:0;
	font-family: 'Cormorant Infant', serif;
	font-size:16px;
}
#top-news .news-contents .posts a,
.specialLatest > div p.godetail a {
	text-decoration:none;
	background-image:url(../images/01_top_new/arrow_news.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
	display:inline-block;
	margin-top:14px;
}
#top-news .news-contents .posts a:hover {
	opacity:0.5;
}
#top-news .list.list-02 .item {
	display:flex;
	padding-bottom:50px;
	font-family: 'Cormorant Infant', serif;
}
#top-news .list.list-02 .date {
	width: 9em;
}
#top-news .goOther {
	text-align:center;
}
#corpInfo {
	background-image:url(../images/01_top_new/companyinfo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
	height:26.42vw;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:-76px;
	width:100%;
}
#corpInfo a {
	text-align:center;
	font-size:17px;
	width:320px;
	display:block;
	padding:1.4em 0;
	box-sizing:border-box;
	background-color:#fff;
}
#corpInfo a:hover {
	background-color:rgba(255,255,2585,0.5)
}
.sp-only,
.sp-scroll {
	display:none;
}
#brand {
	padding: 100px 0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#special{
	margin:0 auto;
	padding-bottom:100px;
	opacity:0;
	transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#special.animate,
#brand.animate {
	opacity:1;
}
#brand .owl-carousel {
	margin: 0 auto;
}
.specialLatest > div img,
.brandseries > div img {
	width:100%;
}
.specialLatest > div figure ,
.brandseries > div figure {
	margin-bottom:34px;
}
.specialLatest > div p,
.brandseries > div p {
	font-size:12px;
	line-height:26px;
	text-align:center;
}
#special .goOther,
#brand .goOther {
	text-align:center;
}
#special .goOther a,
#brand .goOther a {
	margin:30px auto 0;
}

#special a:link,
#special a:visited,
#brand a:link,
#brand a:visited {
	color:#3f3f3f;
}
#special a:hover,
#brand a:hover {
	color:#4C9C41;
}
.specialLatest .owl-item dt {
	font-weight: bold;
	margin-top: 1em;
}
.specialLatest > div p {
	text-align: left;
}
.specialLatest > div p.godetail {
	text-align: right;
}

.co-support {
	max-width:1200px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	background-color:#f4f9ef;
	line-height: 1.5;
	padding: 2.5em;
	box-sizing: border-box;
	margin: -2.5em auto 3em;
}
#topWrap .co-support a:link,
#topWrap .co-support a:visited {
	text-decoration: underline;
	color: #000;
	font-weight: 500;
}
#topWrap .co-support a:hover {
	text-decoration: none;
}
#exNews {
	text-align: center;
	margin: -40px auto 50px;
	color: #000;
}
#exNews p {
	line-height: 1.8;
}
#exNews p a:link,
#exNews p a:visited {
	color: #000;
}
@media screen and (max-width: 1250px) {
	.co-support {
		width:80%;
		font-size: 14px;
	}
}

@media screen and (min-width: 769px) {
#special .owl-carousel .owl-nav {
	display: none;
}
#exNews p a:hover {
	text-decoration: underline;
}
}

@media screen and (max-width: 768px) {
#exNews {
	width: 90%;
	margin: -30px auto 40px;
	text-align: left;
}
#topWrap {
		overflow: hidden;
}
#mainPanel div.swiper-slide.s03 .logo {
	background-image:url(../images/01_top_new/main_p3_logo_sp.png);
	background-size:100% auto;
	width:163px;
	padding-top:94px;
	/*	margin-top:7vw;*/
}
#mainPanel div.swiper-slide.s07 .logo {
	background-image:url(../images/01_top_new/main_p7_logo_sp.png);
	background-size:100% auto;
	width:158px;
	padding-top:94px;
	margin-top:20px;
}
#mainPanel div.swiper-slide.s07 .kyubey {
	font-size:30px;
}
.newsWrap-hd,
#top-news .newsWrap-Content {
	width:92%;
}

}

@media screen and (max-width: 428px) {
.sp-only {
	display:block;
}
#mainPanel {
	padding:0 4.3%;
	margin-bottom: 17vw;
	position:relative;
}
#mainPanel div.swiper-slide {
	background-image:url(../images/01_top_new/mainp1_sp.jpg);
	background-size:100%;
	width:100%;
	height:158vw;
	padding-left:6.1vw;
	box-sizing:border-box;
}

#mainPanel div.swiper-slide.s02 {
	background-image:url(../images/01_top_new/mainp2_sp.jpg);
}
#mainPanel div.swiper-slide.s03 {
	background-image:url(../images/01_top_new/mainp3_sp.jpg);
}
#mainPanel div.swiper-slide.s04 {
	background-image:url(../images/01_top_new/mainp4_sp.jpg);
}
#mainPanel div.swiper-slide.s05 {
	background-image:url(../images/01_top_new/mainp5_sp.jpg);
}
#mainPanel div.swiper-slide.s06 {
	background-image:url(../images/01_top_new/mainp6_sp.jpg);
}
#mainPanel div.swiper-slide.s07 {
	background-image:url(../images/01_top_new/mainp7_sp.jpg);
}
#mainPanel div.swiper-slide.s08 {
	background-image:url(../images/01_top_new/mainp8_sp.jpg);
	padding-left: 0;
	text-align: center;
	/*padding-top: 115vw;*/
}
#mainPanel div.swiper-slide.s09 {
	background-image:url(../images/01_top_new/mainp9_sp.jpg);
	padding-left: 0;
	text-align: center;
}
#mainPanel div.swiper-slide.s08 dl,
#mainPanel div.swiper-slide.s09 dl {
	width: 100%;
}
#mainPanel div.swiper-slide.s08 p,
#mainPanel div.swiper-slide.s09 p  {
	font-size: 16px;
}
#mainPanel div.swiper-slide.s09 p:first-child {
	padding: 3em 0 0;
	/*text-shadow: 0 0 15px rgba(16,107,96,1), 0 0 10px rgba(16,107,96,1), 0 0 8px rgba(16,107,96,1),
	1px 1px 5px rgba(16,107,96,1), -1px -1px 5px rgba(16,107,96,1),
	-1px 1px 5px rgba(16,107,96,1), 1px -1px 5px rgba(16,107,96,1);*/
}
#mainPanel div.swiper-slide.s08 p.gostory a,
#mainPanel div.swiper-slide.s09 p.gostory a  {
	font-size:10px;
}
#mainPanel div.swiper-slide.s03 dl {
	margin-top:-60%;
}
#mainPanel div.swiper-slide.s07 dl {
	margin-top:-40%;
}
/*
#mainPanel div.swiper-slide.s06 p.cross {
	font-size:9.3vw;
	margin-top:-42vw;
	line-height:120%;
}
#mainPanel div.swiper-slide.s06 .css-cross {
  margin:2.6vw auto 0;
}
#mainPanel div.swiper-slide.s06 p.copy {
	font-size:3.7vw;
	margin-top:35vw
}
#mainPanel div.swiper-slide.s06 p.gostory {
	font-size:2.66vw;
	margin-top:45vw
}
*/
#mainPanel div.swiper-slide.s06 p.finish {
	position:absolute;
	top:-81vw;
	right:-17vw;
	font-size:10px;
	width:auto;
	padding:8px 10px;
}
#mainPanel dt b {
	background-image: url(../images/01_top_new/mianp_01_sp.png);
	width: 29px;
    height: 0;
    padding-top: 14px;
	background-size:100% auto;
}
#mainPanel .s02 dt b {
	background-image: url(../images/01_top_new/mianp_02_sp.png);
	width: 32px;
	padding-top: 15px;
}
#mainPanel .s03 dt b {
	background-image: url(../images/01_top_new/mianp_03_sp.png);
	width: 33px;
	padding-top: 25px;
}
#mainPanel .s04 dt b {
	background-image: url(../images/01_top_new/mianp_04_sp.png);
	width: 35px;
	padding-top: 32px;
}
#mainPanel .s05 dt b {
	background-image: url(../images/01_top_new/mianp_05_sp.png);
	width: 33px;
	padding-top: 26px;
}
#mainPanel .s06 dt b {
	background-image: url(../images/01_top_new/mainp_special_01_sp.png);
	width: 62px;
	padding-top: 17px;
}

#mainPanel .s06 dt {
	position:absolute;
	top:13.3vw;
}
#mainPanel .s06 dd {
	position:absolute;
	top:44vw;
}
#mainPanel .s06 dd p {
	letter-spacing:normal;
}
#mainPanel .s07 dt b {
	background-image: url(../images/01_top_new/mainp_special02_sp.png);
	width: 62px;
	padding-top: 17px;
}
#mainPanel dt {
	font-size:9.3vw;
}
.css-cross {
  margin:2.6vw  2.4vw 0 11.5vw;
  padding: 0;
  width: 1px;
  height: 4.8vw;
  font-size:1rem;
}
.css-cross:before{
  left: -2.4vw;
  width: 4.8vw;
  margin-top: -2px;
}
#mainPanel div.swiper-slide p {
	font-size:3.7vw;
}
#mainPanel div.swiper-slide.s07 p {
	margin:1.5em 0;
}
#mainPanel div.swiper-slide p.gostory a, .goOther a, a.detail-button {
	font-size:2.66vw;
	line-height: 1;
}
#mainPanel .swiper-pagination {
	display:none;
}
.sp-scroll {
	display:block;
}
#topWrap .sp-scroll a,
#topWrap .sp-scroll a:link {
	position:absolute;
	background-image:url(../images/01_top_new/sp-scroll.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:24px;
	background-size:17px 9px;
	color:#fff;
	display:block;
	left:50%;
	bottom:6.6vw;
	z-index:10;
	margin-left:-1.8em;
	font-size:3.73vw;
	letter-spacing:0.1em;
}

.article h2 {
	font-size:20px;
	margin-bottom:60px;
}
.article h2 em {
	padding-bottom:32px;
}
.article h2 em:after, .bsnContent h3:after {
	width: 182px;
	padding-top:1px;
	margin-left:-91px;
}
#pickup {
	padding-bottom:60px;
	margin-bottom:40px;
}
#pickup .owl-dots {
	margin-top:60px;
}
#pickup p {
	text-align:left;
	font-size:12px;
	line-height:25px;
}
#pickup:before {
	width:22.9%;
	margin-left:-11.45%;
	margin-top:60px;
	bottom:60px;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
	width:39px;
	padding-top:39px;
	background-size:39px;
	background-repeat:no-repeat;
	top:25vw;
}
#pickup figure {
	margin-bottom:20px;
}
#project h2 {
	margin-bottom:75px;
}

#business h2 em,
#project h2 em {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


#business ul {
	display:block;
	width:70%;
	padding:0;
	margin-bottom:80px;
}
#business ul li {
	width:100%;
	border-bottom:none;
}
#business ul li:nth-child(1),
#business ul li:nth-child(2) {
	margin-bottom:30px;
}
#business ul li:nth-child(3) {
	margin-bottom:10px;
}

#business ul li a {
	display:flex;
	align-items: center;
}
#business ul li b {
	margin:0 7.7% 0 0;
}
#business ul li figure {
	position:relative;
	padding-left:95px;
	text-align:left;
	margin-right:-5em;
}
#business ul li figure img {
	width:81px;
	height:53px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-26px;
}
#business ul li p {
	display:none;
}
#business ul li figure span {
	display:block;
	color:#3f3f3f;
	text-align:left;
	font-size:12px;
	line-height:1.6;
}
 #business ul li b {
	background-image:url(../images/01_top_new/bns-01_sp.png);
	background-size:100% auto;
	width: 30px;
    padding-top: 15px;
    margin-bottom: 0;
}


#business ul li:nth-child(2) b {
	background-image:url(../images/01_top_new/bns-02_sp.png);
	width: 34px;
	padding-top:15px;
}
#business ul li:nth-child(3) b {
	background-image:url(../images/01_top_new/bns-03_sp.png);
	width: 34px;
	padding-top:26px;
}
#business ul li:nth-child(4) b {
	background-image:url(../images/01_top_new/bns-04_sp.png);
	width: 37px;
	padding-top:34px;
}
#business ul li:nth-child(5) b {
	background-image:url(../images/01_top_new/bns-05_sp.png);
	width: 35px;
	padding-top:27px;
}
#business ul li figure figcaption {
    margin:5px 0;
    font-size: 23px;
}
/*businessSetting*/

.bsnContent .colmn2 {
	display:block;
	width:auto;
	padding-right:25px;
}
.bsnContent h2 {
	text-align:left;
	margin-bottom:124vw !important;
	margin-left:5.3vw;
}
.bsnContent h2 em {
	margin-top:18px;
	line-height:1.1;
}
.bsnContent h2 b {
	background-image:url(../images/01_top_new/bsn_01_ttl_sp.png);
	background-size:100% auto;
	width:92px;
	padding-top:45px;
	margin-left:0;
}
.colmn2 figure,
#bsn01 .colmn2 figure {
	width:79%;
	position:absolute;
	left:50%;
	top:190px;
	margin-left:-39.5%;
}
.colmn2 figure img.img-bg {
	top:50px;
	right:-12vw;
}
.textColmn {
	width:100%;
	position:relative;
	z-index:5;
	padding-top:0;
}
#bsn01 .textColmn {
	width:100%;
	margin-right:0;
}
.textColmn p {
    font-size: 13px;
    line-height: 30px;
}
.bsnContent {
	width: 89%;
	padding:100px 0 100px 11%;
}
.bsnContent h3 {
	text-align:left;
	font-size:24px;
	line-height:40px;
	padding-bottom:30px;
	margin-bottom:30px;
}
.bsnContent h3:after {
	left:0;
	margin-left:0;
	width:23%;
}
/*
#bsn01.bsnContent h3 {
    margin: 30px;
}*/
.textColmn p {
	font-size:16px;
	line-height:35px;
}
#bsn01 .textColmn p {
	width:100%;
	margin: 0 auto;
}

.sideLink {
	left:3%;
	top:68.66vw;
}
#bsn01p-slide.owl-carousel {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:0;
}
#bsn01p-slide.owl-carousel li {
	width:50%;
	text-align:center;
	margin-bottom:60px;
}
#bsn01p-slide figure img {
	width:100px;
	height:auto;
}
#bsn01p-slide p {
	margin-top:25px;
}
#bsn01p-slide {
	padding-bottom:0;
	margin-bottom:60px;
	border-bottom:none;
}


.bsnProduct dt {
	font-size:24px;
	padding-bottom:28px;
}
.bsnProduct dt:after {
	width: 56px;
	padding-top:1px;
	margin-left:-28px;
}

.productSlide.bsnProduct dd {
	padding:0 5%;
}
#bsn01 .owl-dots {
	display:none;
}
.goOther a {
	width:74vw;
	padding:2em 0;
}

#top-news .goOther a {
	width: 100%;
	padding: 1em 0;
}


.goOther a b {
	font-size:13px;
}
#bsn02 .bgWrap {
	width:auto;
}

#bsn02 .bgWrap .textColmn {
    margin-left: 0;
    padding-top: 0;
    position: relative;
    z-index: 5;
    margin-top: -80px;
}
#bsn02 .bgWrap .textColmn p {
	padding-right:6%;
}
#bsn02 .bgWrap figure {
	width:88%;
	overflow:hidden;
}
#bsn02 .bgWrap figure img {
}
#bsn02.bsnContent h2 b {
    background-image: url(../images/01_top_new/bsn_02_ttl_sp.png);
    width: 102px;
    padding-top: 45px;
}
.layer1 {
	top:95px;
    left:10.5vw;
}
#bsn02 .bsnProduct ul {
	display:block;
	width:86%;
	padding-bottom:16px;
}
#bsn02 .bsnProduct ul li {
	width:100%;
	height:45.6vw;
	padding-top:inherit;
	background-image:url(../images/01_top_new/b02-p1_sp.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-bottom:10px;
}
#bsn02 .bsnProduct ul li:nth-child(2) {
    background-image: url(../images/01_top_new/b02-p2_sp.jpg);
}
#bsn02 .bsnProduct ul li:nth-child(3) {
    background-image: url(../images/01_top_new/b02-p3_sp.jpg);
}
#bsn02 .bsnProduct ul li:nth-child(4) {
    background-image: url(../images/01_top_new/b02-p4_sp.jpg);
}
#bsn02 .bsnProduct ul li a {
	display:block;
	background-color:transparent;
	position:relative;
}
#bsn02 .bsnProduct ul li dl {
	color:#3f3f3f;
	width:100%;
	position:absolute;
	left:0;
	bottom:6.66vw;
}
#bsn02 .bsnProduct ul li dt {
	font-size:16px;
	margin-bottom:0;
}
#bsn02 .bsnProduct ul li dd {
	display:none;
}
.goOshop {
	width:100%;
	box-sizing: border-box;
	text-align:center;
}
#bsn03.bsnContent h2 b {
    background-image: url(../images/01_top_new/bsn_03_ttl_sp.png);
    padding-top: 80px;
    width: 104px;
}
#bsn03.bsnContent h2 i {
	color:#fff;
}
#bsn03.bsnContent .colmn2 figure {
    padding-top: 56px;
    padding-bottom: 0;
    width: 90%;
}
.bus {
	position:absolute;
	top:155vw;
	left:50%;
	margin-left:-40vw;
	z-index:5;
}
.bus img {
	width:82.66vw;
	height:auto;
	max-width:inherit;
}
#bsn04.bsnContent h2 {
	margin-bottom:110vw !important;
}
#bsn04.bsnContent h2 b {
    background-image: url(../images/01_top_new/bsn_04_ttl_sp.png);
    padding-top: 102px;
    width: 111px;
}
#bsn04 .colmn2 figure {
    width: 83%;
    padding: 0;
	top:245px;
}
#bsn04 .colmn2 figure img.bsn04-img2 {
	width:84.8vw;
	bottom:-66px;
}
#bsn04 .colmn2 {
	padding-bottom:60px;
}
#bsn04 .textColmn {
	width:100%;
	margin-top:0;
}
#bsn04 .textColmn p {
	width:100%;
	margin: auto;
}

#bsn05.bsnContent {
	margin-bottom:0;
}
#bsn05.bsnContent h2 {
	width:105%;
	margin-left:0;
	margin-bottom:130.5vw !important;
}
#bsn05.bsnContent h2 b {
    background-image: url(../images/01_top_new/bsn_05_ttl_sp.png);
    padding-top: 81px;
    width: 105px;
}
#bsn05.bsnContent h2 em {
	margin-bottom:14px;
}
#bsn05 .colmn2 figure ,
#bsn05 .colmn2 + figure {
	width:83%;
}
#bsn05 .colmn2 figure {
	padding-top: 108px;
}
#bsn05 .colmn2 + figure {
	position: absolute;
    top: 165vw;
    left: 50%;
    margin-left: -39.5%;
}
#bsn05.bsnContent h3 {
	margin-bottom:40px;
}
#bsn05.bsnContent h3 + p {
	text-align:left;
	margin-bottom:45px;
}
#bsn05.bsnContent h3 + p img {
	width:205px;
	height:auto;
}
#bsn05 .colmn2 {
    padding-bottom: 60px;
}
#bsn05 .textColmn {
}
#project {
	padding:100px 0;
}
#project h2 {
	margin-bottom:60px;
}
#project.article h2 em {
	padding-bottom:32px;
}
#projectSlide .owl-item a>div>div {
	padding:0 9.74%;
}
#projectSlide .owl-item > div a {
	height:104.53vw;
}
#projectSlide .vol {
	margin-bottom:20px;
}
#projectSlide .vol b {
	font-size:24px;
	font-weight: normal;
}
#projectSlide .owl-item a div p.title {
	font-size:18px;
	margin-bottom:15px;
	line-height: 28px;
}
#projectSlide .owl-item a div p.title br {
	display:none;
}
#projectSlide .owl-item a div p {
	font-size:11px;
	line-height:20px;
}
#projectSlide .sub span {
	margin-top:12px;
}
#project .owl-carousel .owl-nav {
	display:none;
}
#project .goOther {
	padding-top:60px;
}
.news {
    padding: 0px 0 100px;
}
.newsWrap {
	padding-top:100px;
}
.newsWrap .tab {
	width:82.66%;
	margin:0 auto;
}
#top-news .centerview {
	width:82.66%;
	margin:0 auto;
	padding-bottom:1px;
}
#top-news .list.list-02 .item {
	display:block;
	text-align:center;
	padding-bottom:0;
}
#top-news .list.list-02 .date ,
#top-news .news-contents ul.posts li > span {
	width:100%;
	margin-bottom:30px;
	color:#166809;
	text-align:center;
	display:block;
}
#corpInfo {
    background-image: url(../images/01_top_new/companyinfo_sp.jpg);
    height: 54.66vw;
	margin-bottom:-70px;
}
#corpInfo a {
    font-size: 13px;
    width: 73.86%;
    padding: 1.3em 0;
	color:#6d6d6d;
}
.bsnContent {
    overflow-x: hidden;
}

.newsContent .tab {
 height: 64px;
 bottom:-64px;
}
 .newsContent .tab .label {
 display: none;
}
 .newsContent .tab .list .item {
 margin: 0 8px;
 font-size: 14px;
 height: 64px;
 width: 18%;
}
 .newsContent .tab .list .item.active {
 background-size: 20px;
}
 .newsContent .tab .list .item a {
 padding-top: 20px;
 height: 64px;
 font-weight: 100;
}
.newsWrap .tab .list .item a span {
	display:none;
	opacity: inherit;
}
 .news .item .desc {
 text-align: justify;
}
 .news .detail-button {
 margin-top: 24px;
}
#top-news .news-contents ul.posts {
	padding-bottom:15px;
}
#top-news .news-contents ul.posts li,
.news .item .desc {
	text-align:center;
	position:relative;
	padding-bottom:30px;
	margin-bottom:30px;
}
#top-news .news-contents .posts a {
	margin-top:30px;
}
#top-news .news-contents ul.posts li:after,
.news .item .desc:after {
	content: " ";
    display: block;
    width: 135px;
    height: 0;
    background-color: #e6e6e6;
    padding-top: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -67px;
}
.sideLink li {
	margin-bottom:12px;
}

.sideLink li a,
.sideLink li span {
	background-image:url(../images/01_top_new/leftnav-1_off_sp.png);
	background-size:100% auto;
	width:11px;
	padding-top:103px;
}

#bsn01 .sideLink li a,
#bsn03 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-2_sp_on.png);
	width:12px;
	padding-top:94px;
}
#bsn02 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-2_sp_off.png);
	width:12px;
	padding-top:120px;
}
#bsn02 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-1_sp_on.png);
	width:11px;
	padding-top:91px;
}
#bsn02 .sideLink li:nth-child(3) a,
#bsn04 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-3_sp_on.png);
	width:12px;
	padding-top:70px;
}
#bsn03 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-3_sp_off.png);
	width:11px;
	padding-top:93px;
}
#bsn03 .sideLink li:nth-child(3) a,
#bsn05 .sideLink li:nth-child(1) a {
	background-image:url(../images/01_top_new/leftnav-4_sp_on.png);
	width:12px;
	padding-top:153px;
}

#bsn04 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-4_sp_off.png);
	width:12px;
	padding-top:180px;
}
#bsn04 .sideLink li:nth-child(3) a{
	background-image:url(../images/01_top_new/leftnav-5_sp_on.png);
	width:12px;
	padding-top:114px;
}
#bsn05 .sideLink li span {
	background-image:url(../images/01_top_new/leftnav-5_sp_off.png);
	width:12px;
	padding-top:129px;
}

}
@media screen and (max-width: 375px) {
#bsn05 .colmn2 + figure {
	    top: 172vw;
}
}
@media screen and (max-width: 320px) {
#bsn05.bsnContent h2 {
	margin-left:0;
}
#bsn05.bsnContent h2 em {
    margin-right: -2em;
}
#bsn05 .colmn2 + figure {
	    top: 185vw;
}
#business ul {
	width:80%;
}
#mainPanel .s06 dd {
	top: 42.5vw;
}
}
#footer-gnavi {
	margin-top: 0;
}

#apology a {
	display: block;
	margin: 0 auto 100px;
	border: 1px #009279 solid;
	text-align: center;
	width: 700px;
	padding: 30px;
	line-height: 2;
	transition: opacity .6s;
	color: #3f3f3f;
}
#apology a:link {
	color: #3f3f3f;
}
#apology a:hover {
	opacity: .5;
	color: #3f3f3f;
}
@media screen and (max-width: 768px) {
	#apology a {
		margin: 0 auto 60px;
		width: 90%;
		padding: 20px;
		box-sizing: border-box;
		font-size: 12px;
	}
}