@charset "utf-8";

/* brand list */
/**************************/
/* brand list nav */
.brand_nav .wrap_flex {
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
  opacity: 0;
	animation: fadeup_once 4s .5s forwards;
}
#main #bread {
	animation: fadeup_once 4s forwards;
}

@media screen and (min-width:641px) {
	.brand_nav {margin-bottom: 120px;}
	.brand_nav .wrap_flex {padding: 0 10px;}
	.brand_nav .icon_brand {margin: 0 1.5vw;}
}
@media screen and (min-width:980px) {
	.brand_nav {margin-bottom: 160px;}
}
@media screen and (min-width:1280px) {
	.brand_nav .icon_brand {margin: 0 30px;}
}
@media screen and (max-width:640px) {
	.brand_nav .wrap_flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

/* brand list */
.brand_name {font-weight: 400;}
.brand_name .cmt_js,
.brand_name .name_js {
	font-style: normal;
	font-weight: 200;
}
.brand_name .name_js {
	display: inline-block;
}
#brand_header .brand_name .cmt_js {
  display: block;
  text-align: center;
  margin-top: .2em;
}
.box_brand {position: relative;}
.box_brand::before,
.box_brand::after {
	content: '';
	display: block;
	position: absolute;
}
.box_brand::before {background-color: #f1f1f1;z-index: 1;}
.box_brand::after  {background-color: #fff;z-index: 2;}
.box_brand.list_l::before{
	left: 0;
	top: 1em;
	bottom: 0;
}
.box_brand.list_r::before{
	right: 0;
	top: 1em;
	bottom: 0;
}
.box_brand::after {
	top: 0;
	left: 0;
	right: 0;
}
.box_brand .box_txt,
.box_brand .img_brand {
	position: relative;
	z-index: 10;
}
.box_brand .img_brand .img02 {
	position: absolute;
	z-index: 11;
}

.made_in img,
.made_in span {vertical-align: middle;}

@media screen and (min-width:641px) {
	.box_brand .wrap_flex {
		justify-content: space-between;
		padding-bottom: 2em;
	}
	.box_brand.list_r .img_brand,
	.box_brand.list_l .box_txt {order: 1}
	.box_brand.list_r .box_txt,
	.box_brand.list_l .img_brand {order: 2}
	.box_brand .box_txt {
		width: 46%;
		max-width: 530px;
	}
	.box_brand .img_brand {
		width: 50%;
		max-width: 690px;
	}
	.box_brand.list_l .box_txt {padding-left: 2vw;}

	.box_brand.list_l::before{right: 25%;}
	.box_brand.list_r::before{left: 25%;}
	.box_brand::after {height: 5.6em;}
	.box_brand .brand_name {
		font-size: 5.8vw;
		line-height: 0.8;
		margin: 0.2em 0 0.5em;
	}
	.box_brand#erpo .brand_name,
	.box_brand#domus .brand_name,
	.box_brand#koinor .brand_name {margin-bottom: 0.9em;}
  .box_brand .brand_name .cmt_js,
	.box_brand .brand_name .name_js {font-size: 3vw;}
	
	.box_brand .made_in {font-size: 2vw;}
	.box_brand .txt {
		font-size: 1.6vw;
		margin-top: 1.2em;
	}
	.box_brand .link {margin-top: 2em;}

	.box_brand.list_l .img02 {
		top: 57%;
		right: 5%;
	}
	.box_brand.list_r .img02 {
		top: 57%;
		left: 5%;
	}

	.box_brand#erpo .img02 {
		width: 60%;
		max-width: 404px;
		top: 75%;
	}
	.box_brand#koinor .img02 {
		width: 60%;
		max-width: 400px;
		top: 70%;
	}
	.box_brand#domus .img02 {
		width: 20%;
		max-width: 112px;
		top: 62%;
	}
	.box_brand#saccomodi .img02 {
		width: 60%;
		max-width: 388px;
		top: 73%;
	}
	.box_brand#conform .img02 {
		width: 64%;
		max-width: 426px;
		top: 78%;
	}
	.box_brand#moveinterior .img02 {
		width: 68%;
		max-width: 454px;
		top: 98%;
	}
	.box_brand#kebe .img02 {
		width: 8vw;
		max-width: 100px;
		top: 74%;
	}
	.box_brand .img_brand.pc .img01 {transition: all 0.4s;display: block;}
	.box_brand .img_brand.pc a:hover .img01 {opacity: 0.7;}
}
@media screen and (min-width:768px) {
	.box_brand#erpo .img02 {top: 80%;}
	.box_brand#koinor .img02 {top: 74%;}
	.box_brand#domus .img02 {top: 64%;}
	.box_brand#saccomodi .img02 {top: 76%;}
	.box_brand#conform .img02 {top: 82%;}
	.box_brand#moveinterior .img02 {top: 99%;}
}
@media screen and (min-width:980px) {
	.box_brand .wrap_flex {padding-bottom: 80px;}
	.box_brand .box_txt {width: 42%;}
	.box_brand .img_brand {width: 55%;}
	.box_brand::after {height: 8em;}

	.box_brand .brand_name {font-size: 5rem;}
  .box_brand .brand_name .cmt_js,
	.box_brand .brand_name .name_js {font-size: 3rem;}
	.box_brand .made_in {font-size: 2rem;}
	.box_brand .txt {font-size: 1.6rem;}
	.box_brand .link {margin-top: 4em;}
	.box_brand .brand_name,
	.box_brand#erpo .brand_name,
	.box_brand#domus .brand_name,
	.box_brand#koinor .brand_name {margin-bottom: 1.2em;}
	.box_brand.list_l .img02 {
		top: 62%;
		right: 8%;
	}
	.box_brand.list_r .img02 {
		top: 62%;
		left: 8%;
	}
	.box_brand#erpo .img02 {top: 85%;}
	.box_brand#koinor .img02 {top: 78%;}
	.box_brand#domus .img02 {top: 68%;}	
	.box_brand#saccomodi .img02 {top: 78%;}
	.box_brand#conform .img02 {top: 83%;}
}
@media screen and (min-width:1280px) {
	.box_brand.list_l .box_txt {padding-left: 0;}
	.box_brand.list_l .img02 {right: 40px;}
	.box_brand.list_r .img02 {left: 40px;}
	.box_brand#erpo .img02 {top: 332px;}
	.box_brand#koinor .img02 {top: 335px;}
	.box_brand#domus .img02 {top: 300px;}
	.box_brand#saccomodi .img02 {top: 354px;}
	.box_brand#conform .img02 {top: 344px;}
	.box_brand#moveinterior .img02 {top: 360px;}
}
@media screen and (max-width:640px) {
	.box_brand {
		padding-bottom: 80px;
		margin-bottom: 140px;
	}
	.box_brand.list_l::before{right: 25%;}
	.box_brand.list_r::before{left: 25%;}
	.box_brand::after {height: 2.4em;}
	
	.box_brand .brand_name {
		font-size: 7vw;
		margin: 0 25px 30px;
	}
  .box_brand .cmt_js,
	.box_brand .name_js {
		font-size: 5vw;
		display: block;
	}
	.box_brand .made_in {
		font-size: 3.4vw;
		margin: 0 25px 35px;
	}
	.box_brand.list_r .brand_name,
	.box_brand.list_r .made_in {
		text-align: right;
	}
	.box_brand .txt {
		font-size: 3.2vw;
		margin: 0 25px 1.4em;
	}
	.box_brand .txt.mb0 {margin-bottom: 0;}
	.box_brand .link {
		text-align: right;
		margin: 0 25px;
	}
	.box_brand.list_l .img_brand {margin: 0 0 80px 25px;}
	.box_brand.list_r .img_brand {margin: 0 25px 80px 0;}
	.box_brand#erpo .img02 {
		width: 54vw;
		bottom: -56px;
		right: 25px;
	}
	.box_brand#koinor .img02 {
		width: 60vw;
		bottom: -60px;
		left: 35px;
	}
	.box_brand#domus .img02 {
		width: 20vw;
		bottom: -70px;
		right: 25px;
	}
	.box_brand#saccomodi .img02 {
		width: 60vw;
		bottom: -66px;
		left: 25px;
	}
	.box_brand#conform .img02 {
		width: 54vw;
		bottom: -40px;
		right: 25px;
	}
	.box_brand#moveinterior .img02 {
		width: 60vw;
		bottom: -40px;
		left: 25px;
	}
	.box_brand#kebe .img02 {
		width: 18vw;
		bottom: -90px;
		right: 25px;
	}
}
@media screen and (max-width:480px) {
	.box_brand {
		padding-bottom: 50px;
		margin-bottom: 80px;
	}
	.box_brand .brand_name {
		font-size: 8vw;
		margin: 0 15px 25px;
	}
  .box_brand .cmt_js,
	.box_brand .name_js {font-size: 5.8vw;}
	.box_brand .made_in {
		font-size: 4.6vw;
		margin: 0 15px 20px;
	}
	.box_brand .txt {
		font-size: 3.6vw;
		line-height: 1.8;
	}
	.box_brand .made_in img {width: 30px;}
	.box_brand.list_l .img_brand {margin: 0 0 50px 15px;}
	.box_brand.list_r .img_brand {margin: 0 15px 50px 0;}
	.box_brand#erpo .img02 {
		bottom: -40px;
	}
	.box_brand#koinor .img02 {
		bottom: -30px;
		left: 25px;
	}
	.box_brand#domus .img02 {
		bottom: -40px;
	}
	.box_brand#saccomodi .img02 {
		bottom: -36px;
	}
	.box_brand#conform .img02 {
		bottom: -20px;
	}
	.box_brand#moveinterior .img02 {
		bottom: -20px;
	}
	.box_brand#kebe .img02 {
		bottom: -60px;
	}
}


/* brand */
/*********************/
/*header*/
#brand_header .top_img {
	display: block;
	width: 100%;
	height: auto;
}
#brand_header .wrap_name {text-align: center;}
#brand_header .wrap_mv {
	position: relative;
	width: 100%;
}
#brand_header .top_fig .logo {position: absolute;}
#brand_header .top_fig .logo_img {width: 100%;}
#brand_header .top_fig .logo .jp {
	font-size: min(2.475vw, 1.9rem);
	display: block;
	margin-bottom: .5em;
}

@media screen and (min-width:641px) {
	/*#main {padding-top: 75px;}*/
	#main {padding-top: 128px;}
	#brand_header .top_img.sp,
	.sp {display: none;}
	#brand_header .wrap_mv {
    /*margin-bottom: 105px;*/
    margin-bottom: 70px;
  }
	#brand_header .wrap_name {margin-bottom: 58px;}
	#brand_header .wrap_name * {display: inline-block;}
	#brand_header .brand_name {
		font-size: 5.8vw;
		margin-right: 30px;
	}
  #brand_header .brand_name .cmt_js,
	#brand_header .brand_name .name_js {font-size: 3vw;}
	#brand_header .made_in {
		font-size: 2vw;
		vertical-align: 0.2em;
	}
/*
	#brand_header .top_fig {
		background-position: 50% 0;
		-webkit-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
		height: 100vh;
	}
	#brand_header .top_img {opacity: 0;}

	#brand_header .made_in .flag {margin-right: 10px;}
	#brand_header .top_fig.conform {background-image: url(../images/brand/mv_conform.jpg);}
	#brand_header .top_fig.domus {background-image: url(../images/brand/mv_domus.jpg);}
	#brand_header .top_fig.erpo {background-image: url(../images/brand/mv_erpo.jpg);}
	#brand_header .top_fig.koinor {background-image: url(../images/brand/mv_koinor.jpg);}
	#brand_header .top_fig.moveinterior {background-image: url(../images/brand/mv_moveinterior_v2.jpg);}
	#brand_header .top_fig.saccomodi {background-image: url(../images/brand/mv_saccomodi.jpg);}
	#brand_header .top_fig.kebe {background-image: url(../images/brand/mv_kebe.jpg);}
	#brand_header .top_fig.jakomo {background-image: url(../images/brand/mv_jakomo.jpg);}
*/
/* mv brand logo */	
	#brand_header .conform .logo {
		width: 20vw;
		top: 9.6%;
		left: 60%;
	}
	#brand_header .domus .logo {
		width: 6.8vw;
		top: 14%;
		left: 46%;
	}
	#brand_header .erpo .logo {
		width: 16.6vw;
		top: 10.7%;
		left: 64.1%;
	}
	#brand_header .koinor .logo {
		width: 19.2vw;
		top: 10.7%;
		left: 16.2%;
	}
	#brand_header .moveinterior .logo {
		/*width: 27vw;*/
		top: 4.6%;
		left: 5.2%;
	}
	#brand_header .moveinterior .logo img {
		width: min(29.16666666666667vw, 560px);
	}
	#brand_header .top_fig .logo .jp {
		font-size: clamp(1.3rem, 1.654vw, 2.6rem);
	}
	#brand_header .saccomodi .logo {
		width: 16.2vw;
		top: 13.4%;
		left: 19.2%;
	}
	#brand_header .kebe .logo {
		width: 6.5vw;
		top: 4.6vw;
		left: 46vw;
	}
	#brand_header .mv_video {
		width: 100%;
		/*height: 100%;*/
		height: auto;
		aspect-ratio: 1920 / 1080;
		background-color: #000;
	}
}
@media screen and (min-width:980px) {
	#brand_header .wrap_mv {
    /*margin-bottom: 100px;*/
    margin-bottom: 60px;
  }
	#brand_header .wrap_name {margin-bottom: 50px;}
	#brand_header .brand_name {font-size: 5rem;}
  #brand_header .brand_name .cmt_js,
	#brand_header .brand_name .name_js {font-size: 3rem;}
	#brand_header .made_in {font-size: 2rem;}
}
@media screen and (min-width:1280px) {
	/*#brand_header .wrap_mv {margin-bottom: 98px;}*/
	#brand_header .wrap_name {margin-bottom: 48px;}
}

@media screen and (max-width:640px) {
	#brand_header .top_img.pc,
	.pc {display: none;}
	#brand_header .wrap_mv {
		/*margin-bottom: 80px;*/
    margin-bottom: min(6vw, 45px);
		/*padding: 0 5.4%;*/
		padding: 58px 5.4% 0;
		background-color: #f1f1f1;
	}
	#brand_header .wrap_mv.p0 {padding: 0;}
	#brand_header .wrap_name {margin-bottom: 60px;}
	#brand_header .brand_name {
		font-size: 7vw;
		margin-bottom: 30px;
	}
  #brand_header .cmt_js,
	#brand_header .name_js {
		font-size: 5vw;
		display: block;
	}
	#brand_header .made_in {font-size: 3.4vw;}
	#brand_header .made_in .flag {margin-right: 10px;}

/* mv brand logo */	
	#brand_header .conform .logo {
		width: 33vw;
		top: 12%;
		left: 58%;
	}
	#brand_header .domus .logo {
		width: 20.3vw;
		top: 8%;
		left: 40%;
	}
	#brand_header .erpo .logo {
		width: 36.2vw;
		top: 13.6%;
		left: 56%;
	}
	#brand_header .koinor .logo {
		width: 46vw;
		top: 6%;
		left: 10%;
	}
	#brand_header .moveinterior .logo {
		/*width: 52vw;*/
		top: 14.7%;
		left: 25%;
	}
	#brand_header .moveinterior .logo img {
		width: min(56.94444444444444vw, 410px);
	}
	#brand_header .saccomodi .logo {
		/*width: 30.6vw;*/
		/*top: 9%;*/
		/*left: 34.2%;*/
		width: 40vw;
		top: 16vw;
		left: calc(50% - 20vw);
	}
	#brand_header .kebe .logo {
		width: 22.5vw;
		/*top: 8vw;*/
		top: 15vw;
		left: 38.75vw;
	}

	/*slider*/
	#brand_header .mv_slide {
		position: relative;
		z-index: 0;
	}
	#brand_header .slick-dots {
		position: absolute;
		width: 100%;
		display: flex;
		padding-bottom: min(4vw, 30px);
		justify-content: center;
		left: 0;
		bottom: 0;
	}
	#brand_header .slick-dots button {
		font-size: 0;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		display: block;
		width: min(10.666vw, 80px);
		height: min(1.3333vw, 10px);
		margin: 0 min(1.3333vw, 10px);
		background-color: #fff;
		border: none;
	}
	#brand_header .slick-dots .slick-active button {
		background-color: #aca535;
	}
}
@media screen and (max-width:480px) {
	/*#brand_header .top_fig {margin-bottom: 80px;}*/

	#brand_header .wrap_name {margin-bottom: 40px;}
	#brand_header .brand_name {
		font-size: 8vw;
		margin-bottom: 20px;
	}
  #brand_header .cmt_js,
	#brand_header .name_js {font-size: 5.8vw;}
	#brand_header .made_in {font-size: 4.6vw;}

/* mv brand logo */
	#brand_header .conform .logo {
		width: 36vw;
		left: 55%;
		top: 22vw;
	}
	#brand_header .erpo .logo {
		top: 24vw;
	}
	#brand_header .kebe .logo {
		top: 18vw;
	}
	#brand_header .saccomodi .logo {
		top: 20vw;
	}

	#brand_header .domus .logo {
		width: 20vw;
		top: 8%;
		left: 40.5%;
	}
}

/* story */
#story * {color: #000;}
#story .h2_catch {
	text-align: center;
	font-weight: 400;
	line-height: 1.8;
}
#story .h2_catch + .sml {
	margin-top: -30px;
	margin-bottom: 50px;
}

#story .txt_catch,
#story .txt_dd,
#story .kome,
#story .txt {
	font-weight: 200;
	line-height: 1.7;
}
#story .txt,
#story .txt_dd + .kome {margin-bottom: 2em;}

#story .box_info {
	background-color: #fff;
	border: 1px solid #333;
}
#story .h3_spec {font-weight: 600;}
#story .h2_story,
#story .h3_story {font-weight: 200;}
#story .h2_catch .h2_sub,
#story .h2_story .h2_sub,
#story .h3_story .h3_sub {font-style: normal;}
#story .h4_story {
	font-weight: 200;
	padding-bottom: 0.8em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #333;
}
#story .h5_story {
	font-weight: 200;
	margin-bottom: 1em;
}
#story .h5_story::before {
	content: '';
	display: inline-block;
	background-color: #333;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.4em;
}
#story .h2_profile,
#story .h3_profile {
	font-weight: 600;
	line-height: 1.7;
}
#story .h2_profile {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #333;
}

#story .list_dt {
	font-weight: 600;
	text-indent: -1em;
	padding-left: 1em;
}
#story .list_dt::before {
	content: '';
	display: inline-block;
	background-color: #333;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.2em;
}
#story .order_dt {
	color: #fff;
	display: inline-block;
	background-color: #333;
	padding: 0.2em 1em 0.4em;
}
#story .order_dd {
	display: inline-block;
	padding: 0.2em 0.5em;
}

#story .story-03,
#story .story-02 {background-color: #f1f1f1;}
#story .story-02 .img_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#story .img_wrap >img,
#story .story-02 .img_flex > figure,
#story .story-02 .img_flex > img {
	width: 48%;
	max-width: 310px;
}

#story .video iframe {
	width: 100%;
	display: block;
	margin: auto;
}
#story .video .item_video {
	width: 100%;
	max-width: 1000px;
	height: auto;
	display: block;
	margin: auto;
}
#story .video .name_video {
	font-weight: 400;
	margin: 0 auto 0.5em;
	width: 100%;
	max-width: 1000px;
}

#story .wrap_profile .wrap_wh {
	max-width: 1000px;
	margin: auto;
	background-color: #fff;
}
#story img {display: block;margin: auto;}
#story .txt .txt_link01 {padding-bottom: 2px;}

/* erpo */
#story .story-02#wrap_erpo {
	background-image: url(../../images/erpo/logo_Baden-wh.svg);
	background-repeat: no-repeat;
}
#story .story-01#wrap_erpo {
	background-image: url(../../images/erpo/logo_Baden-gr.svg);
	background-repeat: no-repeat;
}
#story .wrap_erpo_info {
	text-align: center;
	/*background-color: rgba(255,255,255,0.8);*/
	margin: auto;
}
#story .story-02 .wrap_erpo_info figcaption {
	font-weight: 600;
	line-height: 1.8;
}
#story .story-01#wrap_erpo .wrap_erpo_info figcaption {
	text-align: left;
	line-height: 1.8;
}
#story .story-01#wrap_erpo .wrap_erpo_info figcaption .txt_sml {display: block;}

#story .wrap_history {
	background-color: #fff;
	max-width: 1280px;
	margin: auto;
}
#story .history_dt {
	color: #000;
	background-color: #d7d7d7;
	padding: 0.3em 1em 0.35em;
}
#story .history_dd,
#story .story-02 .section .history_dd.wrap_flex {
	padding: 1.8em 0 2.6em;
	margin-bottom: 0;
}
#story .history_dd .txt {margin: 0;}

#story .history_dt .his_sml {font-style: normal;}
#story .story-02 .history_dd .img_flex {padding-top: 2em;}
#story .story-02 .history_dd .img_flex > img {
	max-width: 380px;
	margin: 0 2em;
}
#story .story-02 .history_dd .img_flex.img_cnt {justify-content: center;}
#story .story-02 .wrap_fig_history {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 610px;
	margin: 60px auto 0;
}
#story .wrap_history .wrap_fig_history .img {
	width: 100%;
	max-width: 502px;
	height: auto;
	margin-bottom: 15px;
}

@media screen and (min-width:641px) {
	#main #story .story-03,
	#main #story .story-02 {margin-bottom: 0;}
	#story .h2_catch {
		font-size: 3.4vw;
		margin-bottom: 50px;
	}
	#story .section .wrap_flex {justify-content: space-between;}
	.story-01 .sec_l {
		width: 49.5%;
		max-width: 630px;
	}
	.story-01 .sec_r {
		width: 48%;
		max-width: 590px;
	}
	#story .txt_dd,
	#story .txt .txt_link01,
	#story .h3_profile,
	#story .list_dt,
	#story .txt {font-size: 1.8vw;}
	#story .txt_catch {
		font-size: 2vw;
		text-align: center;
	}

	#story .story-01 .txt,
	#story .story-02 .txt.mb {margin-bottom: 30px;}
	#story .story-01 .txt.mb0 {margin-bottom: 0;}
	#story .story-03 .txt_catch {margin-bottom: 60px;}

	#story .box_info {padding: 2rem;}
	#story .h3_spec {
		font-size: 2vw;
		margin-bottom: 20px;
	}
	#story .order_dl,
	#story .kome {font-size: 1.4vw;}
	
	#story .list_dl {margin-bottom: 20px;}
	#story .list_dl.mb0 {margin-bottom: 0px;}
	#story .list_dd {margin-bottom: 8px;}
	
	#story .story-02 {padding: 100px 10px;}
	#story .story-02 .section .wrap_flex {margin-bottom: 50px;}
	#story .story-02 .section .wrap_flex.btm {margin-bottom: 0;}

	#story .story-03 {padding: 100px 30px 0;}
	
	#story .h2_story,
	#story .h3_story {
		font-size: 3vw;
		text-align: center;
		margin-bottom: 40px;
	}
	#story .h2_catch .sml,
	#story .h2_catch + .sml,
	#story .h2_catch .h2_sub,
	#story .h2_story .h2_sub,
	#story .h3_story .h3_sub {font-size: 1.6vw;}
  #story .h5_story,
	#story .h4_story {font-size: 2vw;}

	#story .video .name_video {font-size: 1.6vw;}
	#story .video .item_video {
		width: 100%;
		margin-top: 40px;
	}
	#story .h2_profile {
		font-size: 2.4vw;
		order: 1;
	}
	#story .wrap_profile .wrap_txt {
		width: calc(100% - 250px);
		padding: 20px 35px;
		order: 2;
	}
	#story .wrap_profile .img_r {order: 2;}
	#story .wrap_profile .txt_l {order: 1;}
  #story .img_wrap figcaption,
	#story .img_flex figcaption {font-size: 1.3vw;}
  #story .img_wrap figcaption {text-align: center;}

	/* erpo */
	#story .story-01#wrap_erpo {
		-webkit-background-size: 60% auto;
				background-size: 60% auto;
		background-position: 98% 3%;
		padding: 100px 0;
		margin: auto;
	}
	#story .story-01 .wrap_erpo_info {
		width: 90%;
		max-width: 1000px;
		margin: auto;
	}
	#story .story-02 .wrap_erpo_info {
		padding: 30px 40px;
		width: 90%;
		max-width: 1000px;
		margin-bottom: 60px;
	}
	#story .story-02 .wrap_erpo_info figcaption {
		font-size: 2.4vw;
		margin-bottom: 1.5em;
	}
	#story .story-01#wrap_erpo .wrap_erpo_info figcaption {
		font-size: 1.6vw;
		width: 56%;
	}
	#story .story-01#wrap_erpo .wrap_erpo_info figcaption .txt_sml {font-size: 1.2vw;}
	#story .story-01#wrap_erpo .fig_erpo {width: 38%;}
	#story .wrap_history {
		width: 90%;
		padding: 60px 8%;
	}
	#story .history_dt {font-size: 3vw;}
	#story .history_dt .his_sml {font-size: 2vw;}
	#story .history_dd.wrap_flex .txt {
		width: 56%;
		max-width: 560px;
	}
	#story .history_dd .wrap_fig {
		width: 38%;
		max-width: 380px;
	}
	#story .story-02 .box_info.info_w100 {
		width: 100%;
		max-width: 1000px;
		margin: auto;
	}
}
@media screen and (min-width:768px) {
	#story .story-02#wrap_erpo {background-position: 160% 3%;}
	#story .h2_profile {font-size: 2.2vw;}
}
@media screen and (min-width:641px) and (max-width:979px) {
	#story .story-02 .img_flex {justify-content: center;}
  #story .img_wrap img,
	#story .story-02 .img_flex > figure,
	#story .story-02 .img_flex img {
		width: 80%;
		margin-bottom: 20px;
	}
	#story .story-02 .section .wrap_txt {width: 44%;}
	#story .story-02 .box_info,
	#story .story-02 .wrap_img {width: 46%;}
	#story .story-02#wrap_erpo {background-position: 150% 5%;}
	#story .story-02 .box_info.info_w100 {width: 100%;}
}
@media screen and (min-width:980px) {
	#story .box_info {padding: 2.4rem;}
	#story .list_dl {margin-bottom: 40px;}

	#story .txt_dd,
	#story .txt .txt_link01,
	#story .h3_profile,
	#story .list_dt,
	#story .txt {font-size: 1.6rem;}
	#story .h2_catch {font-size: 3.4rem;}
	#story .txt_catch,
	#story .h2_profile,
	#story .h3_spec {font-size: 2rem;}
	#story .txt .txt_sml,
	#story .txt.txt_sml,
	#story .order_dl,
	#story .kome {font-size: 1.2rem;}

	#story .story-02 {padding: 130px 10px;}
	#story .story-02 .section .wrap_txt {width: 44%;}
	#story .story-02 .box_info,
	#story .story-02 .wrap_img {width: 51.5%;}
	#story .story-01#wrap_erpo {
		padding: 120px 0;
		background-position: 98%  65px;
	}

	#story .h2_story,
	#story .h3_story {
		font-size: 3rem;
		margin-bottom: 60px;
	}
	#story .h2_story .h2_sub,
	#story .h3_story .h3_sub {font-size: 1.6rem;}
  #story .h5_story,
	#story .h4_story {font-size: 2rem;}
  #story .img_wrap figcaption,
	#story .img_flex figcaption {font-size: 1.3rem;}

	#story .video .name_video {font-size: 1.6rem;}
	#story .video .item_video {
		width: 80%;
		margin-top: 60px;
	}
	/*erpo*/
	#story .story-02 .wrap_erpo_info figcaption {font-size: 2rem;}
	#story .story-01#wrap_erpo .wrap_erpo_info figcaption {font-size: 1.6rem;}
	#story .story-01#wrap_erpo .wrap_erpo_info figcaption .txt_sml {font-size: 1.2rem;}
	#story .history_dt {font-size: 3rem;}
	#story .history_dt .his_sml {font-size: 2rem;}
	#story .story-02 .box_info.info_w100 {width: 100%;}

}
@media screen and (min-width:1280px) {
	#story .story-03 {padding: 100px 0 0;}
	#story .story-03 > * {
		max-width: 1000px;
		margin-right: auto;
		margin-left: auto;
	}
	#story .box_info {padding: 2.8rem;}
	#story .h2_catch {font-size: 3.4rem;}
	#story .h2_catch .sml,
	#story .h2_catch + .sml {font-size: 1.6rem;}
	#story .story-02 {padding: 100px 0 120px;}
	#story .story-02#wrap_erpo {
		-webkit-background-size: 780px auto;
		background-size: 780px auto;
		background-position: 90% 2.8%;
	}
	#story .video iframe {width: 1000px;}

	#story .story-02 .wrap_erpo_info {
		padding: 60px 70px;
		margin-bottom: 80px;
	}
	.story-02 .wrap_erpo_info figcaption .pad {display: none;}
	#story .wrap_history {padding: 60px 140px;}
	#story .history_dd.wrap_flex .txt {width: 560px;}
	#story .history_dd .wrap_fig {width: 380px;}
	#story .txt .txt_sml,
	#story .txt.txt_sml {font-size: 1.4rem;}
}

@media screen and (max-width:640px) {
	#story .story-01 {padding: 0 25px 120px;}
	#story .story-02 {padding: 100px 25px 120px;}
	#story .story-03 {padding: 100px 25px 0;}
	#story .story_fig {margin-bottom: 40px;}
	#story .story-01 .sec_l {margin-bottom: 30px;}
	#story .box_info {padding: 50px 30px;}
	#story .list_dd {margin-bottom: 15px;}
	#story .wrap_img {margin: 50px 0 80px;}
	#story .wrap_img.btm-0 {margin: 50px 0 0px;}
	#story .story-02 .txt.mb,
	#story .story-02 .img_long.mb {margin-bottom: 50px;}

	#story .h2_catch {
		font-size: 6vw;
		margin-bottom: 70px;
	}
	#story .h2_catch .sml,
	#story .h2_catch + .sml{
		font-size: 3.2vw;
	}
	#story .h2_catch + .sml {
		margin-top: -2.6em;
		margin-bottom: 3em;
	}

	#story .h3_spec {
		font-size: 3.8vw;
		margin-bottom: 30px;
	}
	#story .story-01 .txt {margin-bottom: 1.2em;}
	#story .story-01 .txt.mb0 {margin-bottom: 0;}
	#story .txt_catch {margin-bottom: 2em;}

	#story .txt_catch,
	#story .txt_dd,
	#story .txt .txt_link01,
	#story .txt .txt_link01,
	#story .h3_profile,
	#story .list_dt,
	#story .txt {font-size: 3.4vw;}
	#story .txt .txt_sml,
	#story .txt.txt_sml {font-size: 2.6vw;}

	#story .order_dl,
	#story .kome {font-size: 2.6vw;}

	#story .h2_story,
	#story .h3_story {
		font-size: 5vw;
		margin-bottom: 60px;
	}
  #story .h5_story,
	#story .h4_story {
		font-size: 3.8vw;
		font-weight: 600;
	}
	#story .video .item_video {
		width: 100%;
		margin-top: 60px;
	}
	#story .video .name_video {font-size: 2.6vw;}
	#story .video iframe {
		width: 100%;
		height: 320px ;
	}
  #story .img_wrap figcaption,
	#story .img_flex figcaption {font-size: 2vw;}

	/* erpo */
	#story .story-02#wrap_erpo {
		-webkit-background-size: 200% auto;
				background-size: 200% auto;
		background-position: 6vh 10vw;
	}
	#story .story-01#wrap_erpo {
		padding: 140px 5vw;
		-webkit-background-size: 80%;
		background-size: 200%;
		background-position: -10% 10px;
	}
	#story .story-01#wrap_erpo .h2_catch {margin-bottom: 50px;}

	#story .story-01 .wrap_erpo_info .fig_erpo {
		width: 70vw;
		margin-bottom: 50px;
	}
	#story .story-02 .wrap_erpo_info {
		padding: 80px 30px;
		margin-bottom: 60px;
	}
	#story .story-02 .wrap_erpo_info figcaption {
		font-size: 3.8vw;
		margin-bottom: 50px;
	}
	#story .story-01 .wrap_erpo_info figcaption {font-size: 3.6vw;}
	#story .story-01 .wrap_erpo_info figcaption .txt_sml {font-size: 2.4vw;}

	#story .wrap_profile .h2_profile {
		font-size: 4vw;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
	#story .wrap_profile .h3_profile {
		margin-bottom: 0.2em;
	}
	#story .wrap_profile img {margin: auto;}
	#story .wrap_profile .wrap_wh {padding: 1.8em 2.5em;}
	#story .wrap_history {
		width: 100%;
		padding: 40px 5%;
	}
	#story .history_dt {font-size: 4.2vw;}
	#story .history_dt .his_sml {font-size: 3.2vw;}
	#story .history_dd .wrap_fig {margin-top: 2em;}
	#story .story-02 .img_flex.img_cnt > img {
		width: 100%;
		margin-top: 1.5em;
	}
}
@media screen and (max-width:480px) {
	#story .h2_catch {margin-bottom: 35px;}
	#story .story-01 {padding: 0 15px 95px;}
	#story .story-02 {padding: 85px 25px 95px;}

	#story .story_fig {margin-bottom: 30px;}
	#story .story-01 .sec_l {margin-bottom: 20px;}
	#story .box_info {
		padding: 25px 12px;
		margin-bottom: 55px;
	}
	#story .box_info.mb0 {margin-bottom: 0;}

	#story .list_dd {margin-bottom: 15px;}
	#story .video .item_video {
		height: 200px;
		margin-top: 40px;
	}
	#story .img_profile {margin-bottom: 20px;}

	#story .h3_spec {
		font-size: 4.2vw;
		margin-bottom: 15px;
	}

	#story .txt_dd,
	#story .txt .txt_link01,
	#story .h3_profile,
	#story .list_dt,
	#story .txt {font-size: 3.8vw;}
	#story .txt .txt_sml,
	#story .txt.txt_sml {font-size: 3.2vw;}

  #story .img_wrap figcaption,
	#story .img_flex figcaption,
	#story .order_dl,
	#story .kome {font-size: 3.2vw;}

  #story .h5_story,
	#story .h2_profile,
	#story .h4_story {font-size: 4.2vw;}
  #story .img_wrap img,
	#story .story-02 .img_flex > figure,
	#story .story-02 .img_flex img {
		width: 85%;
		max-width: none;
		display: block;
		margin-top: 30px;
	}
  #story .img_wrap figcaption,
	#story .story-02 .img_flex > figure figcaption {text-align: center;}
  #story .img_wrap,
	#story .story-02 .img_flex {display: block;}
	#story .video .item_video {
		width: 100%;
		margin-top: 40px;
	}
	#story .video .name_video {font-size: 3.8vw;}
	#story .video iframe {
		width: 100%;
		height: 180px ;
	}

	/* erpo */
	#story .story-02 .wrap_erpo_info figcaption {font-size: 4.2vw;}
	#story .history_dt {font-size: 4.4vw;}
	#story .history_dt .his_sml {font-size: 3.2vw;}
}

 /* gallery */
#gallery .slide_ul {
	width: 100%;
	padding: 0 5%;
	position: relative;
}
/*#gallery .slide_ul_less {overflow: hidden;}*/
#gallery .slide_ul {display: none;}
#gallery .slide_ul.slick-initialized {display: block;}

#gallery .slide_ul .slide_li {
	text-align: center;
	transform: scale(0.8);
	opacity: 0.3;
	transition: 0.5s;
}
#gallery .slide_ul .slick-center .slide_li {
  transform: scale(1);
  opacity: 1;
	z-index: 1;
}
#gallery .slide_ul li img {
	display: inline-block;
}
/* arrow */
#gallery .slick-arrow {
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-top: 2px solid #d7d7d7;
	border-right: 2px solid #d7d7d7;
	border-left: none;
	border-bottom: none;
	position: absolute;
	z-index: 10;
	top: 44.5%;
}
#gallery .slick-arrow.next {
	transform: rotate(45deg);
	right: 40px;
}
#gallery .slick-arrow.prev {
	transform: rotate(-135deg);
	left: 40px;
}
/* dot */
#gallery .slick-dots {
	margin-top: 30px;
	text-align: center;
}
#gallery .slick-dots li {
	display: inline-block;
	margin-left: 10px;
}
#gallery .slick-dots button {
	text-indent: -99999px;
	width: 30px;
	height: 5px;
	border: none;
	background-color: #d7d7d7;
	cursor: pointer;
}
#gallery .slick-dots button:focus {
	border-radius: 0;
	border: none;
}
#gallery .slick-dots .slick-active button {background-color: #000;}


@media screen and (min-width:641px) {
	#main .wrap_section#gallery {padding: 80px 0 20px;}
	#gallery .slide_ul {height: 210px;}
/*	#gallery .slick-slide {
		min-width: 300px;
		height: 210px;
		margin: 0 10px;
	}
*/
	#gallery .slide_ul_less {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	#gallery .slide_ul_less .slide_li {
		margin: 0 10px;
	}
}
@media screen and (min-width:980px) {
	#main .wrap_section#gallery {padding: 100px 0 25px;}
	#gallery .slide_ul {
		height: 280px;
	}
/*	#gallery .slick-slide {
		width: 16%;

	}*/
}
@media screen and (min-width:1280px) {
	#main .wrap_section#gallery {padding: 120px 0 35px;}
}
@media screen and (max-width:640px) {
	#gallery .slide_ul {padding:0 10%;}
	#main .wrap_section#gallery {padding: 110px 0 100px;}
/*	#gallery .slide_ul_less,
	#gallery .slide_ul {height: 175px;}
	#gallery .slick-slide {
		min-width: 250px;
		height: 175px;
		margin: 0 10px;
	}*/
	#gallery .slick-arrow {top: 40%;}
	#gallery .slick-arrow.next {right: 30px;}
	#gallery .slick-arrow.prev {left: 30px;}
	
	#gallery .slide_ul_less {
		width: 100%;
		padding: 0 10%;
		position: relative;
	}
	#gallery .slide_ul_less {display: none;}
	#gallery .slide_ul_less.slick-initialized {display: block;}

	#gallery .slide_ul_less .slide_li {
		text-align: center;
		transform: scale(0.8);
		opacity: 0.3;
		transition: 0.5s;
	}
	#gallery .slide_ul_less .slick-center .slide_li {
		transform: scale(1);
	  opacity: 1;
		z-index: 1;
	}
	#gallery .slide_ul_less li img {display: inline-block;}

}
@media screen and (max-width:480px) {
	#main .wrap_section#gallery {padding: 70px 0 65px;}
	#gallery .slick-arrow {
		width: 20px;
		height: 20px;
		top: 36%;
	}
	#gallery .slick-arrow.next {right: 15px;}
	#gallery .slick-arrow.prev {left: 15px;}
/*	#gallery .slide_ul_less,
	#gallery .slide_ul {height: 140px;}
	#gallery .slick-slide {
		min-width: 200px;
		height: 140px;
		margin: 0 5px;
	}*/
}


/* product */
#product {
	text-align: center;
	background-color: #f1f1f1;
	position: relative;
}
#product::after {
	content: '';
	display: block;
	width: 100%;
	background-color: #d7d7d7;
	position: absolute;
	z-index: 1;
	left: 0;
}
#product .section {
	position: relative;
	z-index: 10;
}
#product .h2_product {font-weight: 400;}

@media screen and (min-width:641px) {
	#product .section {padding: 70px 0;}
	#product::after {
		height: 20px;
		bottom: 120px;
	}
	#product .h2_product {
		font-size: 3.4vw;
		margin-bottom: 50px;
	}
	#product .txt {
		font-size: 1.6vw;
		margin-bottom: 50px;
	}
	#product .btn_c.mbs {margin-bottom: 20px;}
	#product .btn_c {margin-bottom: 70px;}
}
@media screen and (min-width:980px) {
	#product .section {padding: 90px 0;}
	#product::after {
		height: 30px;
		bottom: 140px;
	}
	#product .h2_product {font-size: 3.4rem;}
	#product .txt {font-size: 1.6rem;}
}
@media screen and (min-width:1280px) {
	#product .section {padding: 110px 0;}
	#product::after {bottom: 160px;}
	#product .h2_product {margin-bottom: 60px;}
	#product .txt {margin-bottom: 60px;}
	#product .btn_c {margin-bottom: 90px;}
	#product.kebe .btn_c {margin-bottom: 80px;}
}
@media screen and (max-width:640px) {
	.wrap_btmlink,
	#product {padding: 103px 25px 100px;}
	#product::after {
		bottom: 150px;
		height: 35px;
	}
	#product .h2_product {
		font-size: 6vw;
		margin-bottom: 60px;
	}
	#product .txt {
		font-size: 3.4vw;
		text-align: left;
		margin-bottom: 60px;
	}
	#product .btn_c.mbs {margin-bottom: 30px;}
	#product .btn_c {margin-bottom: 80px;}
}
@media screen and (max-width:480px) {
	.wrap_btmlink,
	#product {padding: 65px 15px }
	#product::after {
		bottom: 110px;
		height: 25px;
	}
	#product .h2_product {margin-bottom: 45px;}
	#product .txt {
		font-size: 3.8vw;
		margin-bottom: 45px;
	}
	#product .btn_c.mbs {margin-bottom: 20px;}
	#product .btn_c {margin-bottom: 60px;}
}