/* 全体 */
body{max-width: 1440px; margin:0px auto}
.box {display: flex;flex-wrap: wrap;} 
a{text-decoration: none; color: #000; word-wrap:break-word;}
a:hover{opacity:0.9} 

@media screen and (min-width:769px) { 
	
.sp{display:none} 
.contents{max-width: 1440px; margin:0px auto; padding:8% 5%; } 
.contents2{max-width: 1440px; margin:0px auto; padding:8% 10%;} 
.contents3{max-width: 1440px; margin:0px auto; padding:0 5% } 
.contents4{max-width: 1440px; margin:0px auto; padding:0 10%;} 
.p15{padding:0 15px }
	
.text-c p{
text-align: center
}
}

@media screen and (max-width:768px) { 
	
.pc{display: none!important;} 
.contents{width:85%; margin:0px auto; padding:10% 5%;}
.contents2{width:85%; margin:0px auto; padding:10% 5%;}
.contents3{max-width: 85%; margin:0px auto; padding:0 5%}
.contents4{max-width: 85%; margin:0px auto; padding:0 5%;}
	
.text-c p{
text-align: left
}
}


/* font */

p{margin:0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color: #595959;} 
h1, h2, h3, h4, h5, h6 {margin: 0 0 20px;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color: #595959;} 
a{margin:0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;} 
table tr td{margin:0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color: #595959;} 

h1, h2, h3, h4, h5, h6 {margin: 0 0 20px;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color: #595959;} 
input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {font-weight: bold;} 

.txt_go{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; }
ul li{margin:0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color: #595959;}

@media screen and (min-width:780px) { 
p{
font-size:14px;
line-height:240%;
letter-spacing: 2px
}
ul li{
font-size:14px;
line-height:240%;
letter-spacing: 2px
}
h2{
font-size:24px;
line-height:200%;
letter-spacing: 1px;
font-weight:lighter
}
h3{
font-size:20px;
line-height:200%;
letter-spacing: 1px;
font-weight:lighter
}
table tr td{font-size:14px;
line-height:240%;
letter-spacing: 0.5px}
}



@media screen and (max-width:779px) { 
p{
font-size:15px ;
line-height:180% ; letter-spacing: 1px
}
ul li{
font-size:15px ;
line-height:180% ; letter-spacing: 1px
}
h2{
font-size:18px;
line-height:160%;
letter-spacing: 1px;
font-weight:normal
}
h3{
font-size:16px;
line-height:160%;
letter-spacing: 1px;
font-weight:normal
}
table tr td{font-size:15px;
line-height:180%; letter-spacing: 1px}
	
}


/* トップバー*/
#topbar {
max-width: 1440px;
margin:0 auto;
  position: fixed;
  top:0;
  left: 0;
right:0;
 z-index: 100; 
background:#fff}

.topbar-menu{display: flex;flex-wrap: wrap; height: 30px; float: right;
}
.topbar-item{list-style: none; }
.topbar-item a{padding:10px 20px}



/* ヘッダー */
#luxbar{
background:#fff
}
.luxbar-navigation {
max-width: 1280px;
margin:0 auto;
padding: 0px;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; 
}

.luxbar-menu-light, .luxbar-menu-light .dropdown ul {
    color: #212121;
	background: none
}
.luxbar-header {
    height: 75px;
}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    height: 75px; overflow: hidden;
}


.luxbar-item a {padding:15px 30px 5px; color: #595959;}

.luxbar-item a:hover {background:#fcfcfc}
.luxbar-item a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); white-space: nowrap}


@media screen and (min-width: 1420px) {
.luxbar-navigation {
  max-width: 1280px;
	margin:0 auto;
	padding: 0 70px
}
.luxbar-item a {padding:15px 30px 5px;}

}

@media screen and (max-width:1019px) {
.luxbar-item:nth-child(n+10) a{display: flex;flex-wrap: wrap;}
.luxbar-item {
  /*height: 75px;*/
  text-align: center;
  background:rgba(255,255,255,0.9); font-size:14px; letter-spacing: 1px;
}
.luxbar-item a {padding:10px 22px;}
.luxbar-item {
/*height: 75px;*/ text-align: center
}
.luxbar-menu .luxbar-brand {
/*    height: 45px; margin-top:-30px;*/
    height: 5px; margin-top:-30px; 
}
#topbar{display:  none}
.luxbar-fixed {
    box-shadow: 0 1px 3px rgba(0,0,0,0),0 1px 2px rgba(0,0,0,0); padding: 15px 0;
}

}


@media screen and (max-width:1219px) {
.luxbar-item a {padding:15px 18px 5px;}
}


@media screen and (min-width:1020px) {
 .luxbar-navigation {
  flex-flow:row;
  justify-content:flex-end
 }
 .luxbar-hamburger {
  display:none
 }
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
  overflow:visible
 }
 .luxbar-checkbox:checked ~ .luxbar-menu {
  height:75px
 }
 .luxbar-menu .luxbar-item {
  border-top:0
 }
.luxbar-item {
  height:75px; font-size:14px; letter-spacing: 1px
}
 .luxbar-menu-right .luxbar-header {
  margin-right:auto
 }
 .dropdown {
  height:75px
 }
 .dropdown:hover>ul {
  position:absolute;
  left:0;
  top:58px;
  padding:0
 }
 .dropdown>ul {
  display:none
 }
 .dropdown>ul .luxbar-item {
  padding:5px 10px
 }
 .dropdown>ul .luxbar-item a {
  white-space:nowrap
 }

.luxbar-menu .luxbar-brand {
    /* margin-top:-30px;*/
    height: 95px;
}
.luxbar-fixed {
    box-shadow: 0 1px 3px rgba(0,0,0,0),0 1px 2px rgba(0,0,0,0); top: 52px;
}
}



/* トップ */

.slick-slide{
  display: none;
}
.slick-initialized .slick-slide{
  display: block;
}


@media screen and (min-width:780px) { 
#mv{
max-width: 1440px; margin:122px auto 0; 
}
.slider ul.slick-dots {
  bottom: 41%;
  right: 0%;
  width: 4%;
}
.slider .slick-dots li {
  line-height: 25px;}

#top_concept{
display: flex;flex-wrap: wrap;
}

.concept_txt{
width: 30%; padding: 7.5%;
}
.concept_logo{
width:100%; margin-bottom:60px
}
.ttl{
width:100%; margin-bottom:50px
}
.concept_p{
width: 55%; padding:5% 0
}

#top_topics{
background: #fcf0f3
}
/*#top_topics .contents2 { position:relative;}
#top_topics .box {
  position: relative; display: flex;flex-wrap: nowrap; overflow-x: hidden; }	
button#left { position: absolute; left: 8%; top:48%; border: none; background-color: transparent; z-index: 1;}
button#right { position: absolute; right: 8%; top:48%; border: none; background-color: transparent; z-index: 1;}	
*/
.ttl_center{
width:100%;text-align: center; margin-bottom: 10px
}
.brand_p .ttl_center{
margin-bottom: -30px
}
.movie_txt{float:right; max-width:232px; margin-right: 3%; margin-top: -7%;}

.postlist_3{
  margin: 0 0.38%;
  }
.postlist_3:last-child{
  width:30%; margin-right:0;
  }
.cate{
display: flex;flex-wrap: wrap; margin-top:10px; margin-bottom:10px; 
}
.cate p:nth-child(1){
text-align: center; background: #fff; border: 1px solid #cc3366!important; font-size: 11px; margin-right:10px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 0 5px; width: 150px;color:#cc3366!important;
}
.cate p:nth-child(2){
width:35%; color:#cc3366; font-size: 11px; 
}
.txt p{
line-height: 180%
}
.postlist_2{
width:48%; margin-right: 3%; margin-bottom:5%
}
.postlist_2:nth-child(2){
width:48%; margin-right: 0
}
.postlist_2 span a{
color:#cc3366; text-decoration: underline
}

.post_ttl h3{
color:#cc3366; font-size:20px; margin-top:10px; margin-bottom:10px; 
}
.post_txt p{
line-height: 180%; font-size:12px; 
}

.brand_p{
background: linear-gradient(180deg, #fff 0%, #fff 40%, #fcf7f9 40%, #fcf7f9 100%); padding:2% 5% 8%;
}
.btn,.btn-add-contact{
width: 100%; margin-top: 30px
}
.contents2 .slick-next {
  right: 0px;
  border: solid 2px #FFF;
  border-radius: 90px;
  background: #FFF;
  width: 38px;
  height: 38px;
  opacity: 0.7; }
.contents2 .slick-next:before {
  content: '>';
  color: #cc3467;
  font-size: small;
  line-height: 5px; }

.contents2 .slick-prev {
  right: 0px;
  border: solid 2px #FFF;
  border-radius: 90px;
  background: #FFF;
  width: 38px;
  height: 38px;
  opacity: 0.7; 
  left: 0px;
  z-index: 99;}

.contents2 .slick-prev:before {
  content: '<';
  color: #cc3467;
  font-size: small;
  line-height: 5px; }

.contents2 .slick-dots {
  position: relative; }
.contents2 .slick-dots li {
  margin: 0 10px;}
.contents2 .slick-dots li button:before {
  opacity: 1; color: #cc3467; content: "○"; font: menu;}
.contents2 .slick-dots li.slick-active button:before {
  opacity: 1; color: #cc3467; content: "●"; font: menu; border: none; }

button.slick-next.slick-arrow:hover {
  background-color: #fff; }
button.slick-next.slick-arrow:hover {
  background-color: #fff; }

#top_oem{
display: flex;flex-wrap: wrap;
}
.oem_left{
width: 28%; background:url(../image/bg.png); background-size:cover; background-position:left;  background-repeat:no-repeat; padding:12% 0;
padding-left: 8%; padding-right: 2%;
}
.oem_right{
  width:60%; display: flex;flex-wrap: wrap;
}
.oem_item:nth-child(odd){
width:45%; padding:4% 2% 2%; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc
}
.oem_item:nth-child(even){
width:45%; padding:4% 2% 2%; border-bottom:1px solid #cccccc;
}


#top_tsuyomi{

}
.p-txt_46:nth-child(1){
width: 40%; padding: 0 5%;
}
.p-txt_46:nth-child(2){
width: 40%; padding: 10% 5%;
}
.p-txt_64:nth-child(1){
width: 40%; padding: 10% 5%;
}
.p-txt_64:nth-child(2){
width: 40%; padding: 0 5%;
}

#top_blog{
background: #fcf0f3
}
.postlist_4{
width:22.5%; margin-right: 3%; margin-bottom: 5%
}
.postlist_4:nth-child(4n){
width:22.5%; margin-right:0
}
.day p{
color: #595959; font-size: 11px; margin-right:10px; height:25px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; width: 100%
}
.blog_cate{
display: flex; flex-wrap: wrap; max-width:550px; margin: 0 auto 50px
}
.bc{
width: 33%; text-decoration: none; text-align: center; color: #595959; background: #fff; 
}
.bc:hover{
background: #cc3366; color: #fff; 
}
.blog_cate .active{
background: #cc3366; color: #fff; 
}
.bc div{
padding:15px 0; border-right:3px solid #fcf0f3; 
}
.btn_center{text-align: center; margin-top: 40px;position:relative;z-index:100;}



#top_news .contents2{
max-width: 1440px;
margin: 0px auto;
padding: 8% 14%;
}

.newslist:nth-child(1){
width: 30%
	}
.newslist:nth-child(2){
width: 70%
	}
.news_item{
display: block;
padding: 30px 0;
text-decoration: none; color:#000
}
.news_box{
align-items: baseline; display: flex;
}
.news_day{
margin-right: 20px; font-size: 11px; margin-right:10px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; width: 20%
}
.news_cate{
margin-right: 20px; text-align: center; background: #fff; border: 1px solid #000; font-size: 11px;  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; width: 55%; min-width:100px
}
.news_cate p{
font-size: 13px;
letter-spacing: 1px;
}
.news{
 border: 1px solid #cc3366 !important; color: #cc3366 !important
}
.js{
 border: 1px solid #000 !important; color: #000 !important
}
.news_ttl{
align-items: baseline; display: flex; width:100%
}

.tabs {
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto; font-size: 14px;}

.tab_item {
  width: calc(60%/3);
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
label.tab_item.tab-luzfragrance {
  width: auto;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  padding: 40px 0 0;
  clear: both;
  overflow: hidden;
	  border-top: 1px solid #ededed;
}

#all:checked ~ #all_content,
#luz:checked ~ #luz_content,
#luzfragrance:checked ~ #luzfragrance_content {
  display: block;
}

.tabs input:checked + .tab_item {
  border-bottom: 1px solid #cc3366;
color: #cc3366;
}


#top_company{

}
.p-txt_55:nth-child(1){
width: 45%
}
.p-txt_55:nth-child(2){
width: 35%; padding:5% 10%
}
	
	
.store_bnr{
position: relative; max-width: 990px; margin:0 auto
}
.store_bnr div:nth-child(1){
position:relative; -webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); 
}
.store_bnr div:nth-child(2){
position: absolute; bottom:25%; left: 13%; width: 22% 
}

																																																																								p.ttl-sub-txt{
margin:0 auto 40px;text-align:center;
}
																																																																								
																																																																								
																																																																								
																																																																							}	


	
@media screen and (max-width:779px) { 
#mv{
max-width: 1440px; margin:102px auto 0; 
}
#top_concept{
display: flex;flex-wrap: wrap;
}

.concept_txt{
width: 100%; padding:5%
}
.concept_logo{
width:100%; margin-bottom:60px
}
.ttl{
width:100%; margin-bottom:50px
}
.concept_p{
width: 100%; padding:5% 0
}

#top_topics{
background: #fcf0f3
}
.contents2 {position: relative;}
#top_topics .box{position: relative}
button#left { position: absolute; left: -3%; top: 50%; border: none; background-color: transparent; z-index: 1;}
button#right { position: absolute; right: -3%; top:50%; border: none; background-color: transparent; z-index: 1;}
.postlist_3 {
  width: 45%;
  margin-right: 0%;
  margin: 0 auto 5%;
}

.movie_txt{float:right; max-width:202px; margin-right: 3%; margin-top: -7%;}

.postlist_3:nth-child(n + 5) {
  display: none;}
.ttl_center{
width:100%; text-align: center; margin-bottom: 20px
}

.postlist_3:last-child{
width:45%; margin:0 auto 5%
}
.cate{
display: flex;flex-wrap: wrap; margin-top:10px; margin-bottom:10px; 
}
.cate p:nth-child(1){
text-align: center; background: #fff; border: 1px solid #cc3366!important; font-size: 11px; margin-right:0px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 0 5px; width: 150px; color:#cc3366!important;
}
.cate p:nth-child(2){
width:100%; color:#cc3366; font-size: 11px; margin-top: 10px;
}
.txt p{
line-height: 180%
}
.postlist_2{
width:100%; margin-right: 0; margin-bottom: 60px
}
.postlist_2:last-child{
width:100%; margin-right: 0
}
.postlist_2 span{
}
.postlist_2 span a{
color:#cc3366; text-decoration: underline
}

.post_ttl h3{
color:#cc3366; font-size:20px; margin-top:10px; margin-bottom:10px; 
}
.post_txt p{
line-height: 0%; font-size:12px; 
}


.brand_p{
background: linear-gradient(180deg, #fff 0%, #fff 40%, #fcf7f9 40%, #fcf7f9 100%); padding:3% 5% 8% ; 
}
.btn{
width: 100%; margin-top: 30px
}

.btn-add-contact{
width: 91%; margin: 30px auto 0;
}


#top_oem{
display: flex;flex-wrap: wrap;
}
.oem_left{
width:100%; background:url(../image/bg.png); background-size:100%; background-position:right;  background-repeat:no-repeat; padding:12% 5% 62%;
}
.oem_right{
width:100%; display: flex;flex-wrap: wrap;
}
.oem_item:nth-child(odd){
width:100%; padding:8% 5%; border-bottom:1px solid #cccccc; border-right:0px solid #cccccc
}
.oem_item:nth-child(even){
width:100%; padding:5%; border-bottom:1px solid #cccccc;
}

.p-txt_46:nth-child(1){
width: 100%
}
.p-txt_46:nth-child(2){
width: 100%; padding:10% 0
}
.p-txt_64:nth-child(1){
width: 100%; padding:10% 0; order: 2
}
.p-txt_64:nth-child(2){
width: 100%; order: 1
}

#top_blog{
background: #fcf0f3
}
.postlist_4{
width:45%; margin-right: 0; margin-bottom: 0; margin: 0 auto 5%;
}
.postlist_4:last-child{
width:45%; margin-right:0; margin: 0 auto 5%;
}
.day p{
color: #595959; font-size: 11px; margin-right:10px; height:25px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; width: 100%
}
.blog_cate{
display: flex; flex-wrap: wrap; max-width:550px; margin: 0 auto 50px
}
.bc{
width: 32%; text-decoration: none; text-align: center; color: #000; background: #fff; border-right: 3px solid #fcf0f3;
}
.bc:hover{
background: #cc3366; color: #fff; 
}
.blog_cate .active{
background: #cc3366; color: #fff; 
}
.bc div{
padding:15px 0; /*border-right:3px solid #fcf0f3;*/ 
}
.btn_center{text-align: center; margin-top: 50px;}


#top_news{
}
	
.newslist:nth-child(1){
width: 100%
	}
.newslist:nth-child(2){
width: 100%; margin-top:50px
	}
.news_item{
display: block;
padding: 20px 0;
text-decoration: none; color:#000; border-bottom: 1px solid #f2f2f2;
}
.news_box{
align-items: baseline; display: block;
}
.news_day{
margin-right: 20px; font-size: 11px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; margin-bottom:10px
}
.news_cate{
margin-right: 20px; width:150px; text-align: center; background: #fff; border: 1px solid #000; font-size: 11px;  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; margin-bottom:10px
}
.news_cate p{
 font-size: 13px;
}

.news{
 border: 1px solid #cc3366 !important; color: #cc3366 !important
}
.js{
 border: 1px solid #000 !important; color: #000 !important
}
.news_ttl{
align-items: baseline; display: flex; width: 100%
}

.tabs {
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;}

.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 1px solid #ededed;
  line-height: 50px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  padding: 40px 0 0;
  clear: both;
  overflow: hidden;
}

#all:checked ~ #all_content,
#luz:checked ~ #luz_content,
#luzfragrance:checked ~ #luzfragrance_content {
  display: block;
}

.tabs input:checked + .tab_item {
  border-bottom: 1px solid #cc3366;
color: #cc3366;
}


.p-txt_55:nth-child(1){
width: 100%
}
.p-txt_55:nth-child(2){
width: 100%; padding:5% 0
}
	
#top_store{
}
.store_bnr{
position: relative; max-width: 990px; margin:0 auto
}
.store_bnr div:nth-child(1){
position:relative; -webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); 
}
.store_bnr div:nth-child(2){
position: absolute; bottom:25%; left: 13%; width: 22% 
}


}
	
/* ルズの強み */
@media screen and (min-width:780px) {
	#features_01{padding: 10% 0 0}
	.features_01{position: relative; padding: 30% 0 0; z-index: 10}
	.features_01_p{position: absolute; width: 35%; left: 10%; top:0}
	.features_01_txt{position: absolute; width: 50%; left: 50%; top:16%}
	.features_01_txt img{max-width: 225px; margin-bottom: 30px}
	
	.features_about{position: relative; padding: 30% 0;}
	.features_about_p{position: absolute; width: 80%; right: 0%; top:0}
	.features_about_txt{position: absolute; width: 46%; left: 15%; top:20%; z-index: 11}
	.features_about_txt img{max-width: 225px; margin-bottom: 30px}
	.features_about_ic{position: absolute; width: 6%; left: 10%; top:17%; z-index:5}
	
	#features_02{padding:0 0 5%}
	.features_02{position: relative; padding: 30% 0 0; z-index: 10}
	.features_02_p{position: absolute; width: 45%; left: 0; top:0}
	.features_02_txt{position: absolute; width: 40%; left: 50%; top:16%}
	.features_02_txt img{max-width: 423px; margin-bottom: 30px}
	
	.features_about2{position: relative; padding: 30% 0;}
	.features_about2_p{position: absolute; width: 30%; right: 0%; top:10%}
	.features_about2_txt{position: absolute; width: 45%; left: 15%; top:20%; z-index: 11}
	.features_about2_txt img{max-width: 500px; margin-bottom: 30px}
	.features_about2_ic{position: absolute; width: 6%; left: 10%; top:17%; z-index:5}
	
	#features_03{padding:0 5% 5%}
	.features_03{position: relative; padding: 30% 0 0; z-index: 10}
	.features_03_p{position: absolute; width: 35%; left: 10%; top:0}
	.features_03_txt{position: absolute; width: 50%; left: 50%; top:16%}
	.features_03_txt img{max-width: 451px; margin-bottom: 30px}
	
	.features_about3{position: relative; padding: 30% 0 0}
	.features_about3_p{position: absolute; width: 40%; right: 0%; top:10%}
	.features_about3_txt{position: absolute; width: 40%; left: 10%; top: 35%; z-index: 11}
	.features_about3_txt img{max-width: 225px; margin-bottom: 30px}
	.features_about3_ic{position: absolute; width: 6%; left: 10%; top:17%; z-index:5}

	#features_04{padding:8%; background:url("../image/bg1.png"); background-size: cover}
	.buzzy{padding: 3%; background: #fff}
	.buzzy_ic{width: 15%; -webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); margin-right: 5%}
	.buzzy_txt{width: 80%}
	.buzzy_p{-webkit-filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2));filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2)); max-width: 550px; margin: 5% auto}
	
	.buzzybox01{display: flex;flex-wrap: wrap;}
	.buzzybox01 div{width: 31%; margin: 0 auto 5%}
	.buzzybox02{display: flex;flex-wrap: wrap; max-width: 730px; margin: 0 auto}
	.buzzybox02 div{width: 46%; margin: 0 auto 5%}
}

@media screen and (max-width:779px) {
	#features_01{padding: 8% 5% 0}
	.features_01{position: relative; padding: 10% 0 0; z-index: 10}
	.features_01_p{position: relative; width: 80%; left: 0; top:0; margin:0 auto}
	.features_01_txt{position: relative; width: 100%; left: 0; top:0; margin-top: 10%}
	.features_01_txt img{max-width: 225px; margin-bottom: 30px}
	
	.features_about{position: relative; padding: 15% 0 0}
	.features_about_p{position: relative; width: 80%; left: 0; top:0; margin:0 auto; order: 1}
	.features_about_txt{position: relative; width:100%; left: 0; top:0; ; order: 2; margin-bottom: 10%}
	.features_about_txt img{max-width: 225px; margin-bottom: 30px}
	.features_about_ic{position: relative; width: 25%; left: 0; top:17%; margin-bottom: 5%}
	
	#features_02{padding: 8% 5% 0}
	.features_02{position: relative; padding: 15% 0 0; z-index: 10}
	.features_02_p{position: relative; width: 80%; left: 0; top:0; margin:0 auto; }
	.features_02_txt{position: relative; width: 100%; left: 0; top:0; margin-top: 10%}
	.features_02_txt img{max-width: 100%; margin-bottom: 30px}
	
	.features_about2{position: relative; padding: 5% 0 0}
	.features_about2_p{position: relative; width: 80%; left: 0; top:0; margin:0 auto; order: 1}
	.features_about2_txt{position: relative; width:100%; left: 0; top:0; ; order: 2; margin-bottom: 10%}
	.features_about2_txt img{max-width: 100%; margin-bottom: 30px}
	.features_about2_ic{position: relative; width: 25%; left: 0; top:17%; margin-bottom: 5%}

	#features_03{padding: 8% 5% 0}
	.features_03{position: relative; padding: 30% 0 0; z-index: 10}
	.features_03_p{position: relative; width: 80%; left: 0; top:0; margin:0 auto; }
	.features_03_txt{position: relative; width: 100%; left: 0; top:0; margin-top: 10%}
	.features_03_txt img{max-width: 451px; margin-bottom: 30px}
	
	.features_about3{position: relative; padding: 5% 0 10%}
	.features_about3_p{position: relative; width:80%; left: 0; top:0; margin:0 auto; order: 1}
	.features_about3_txt{position: relative; width:100%; left: 0; top:0; ; order: 2; margin-bottom: 10%}
	.features_about3_txt img{max-width: 225px; margin-bottom: 30px}
	.features_about3_ic{position: relative; width: 25%; left: 0; top:17%; margin-bottom: 5%}

	#features_04{padding:5%; background:url("../image/bg1.png"); background-size: cover}
	.buzzy{padding: 5%; background: #fff}
	.buzzy_ic{width: 35%; -webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); margin: 0 auto 5%}
	.buzzy_txt{width: 100%}
	.buzzy_p{-webkit-filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2));filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2)); max-width: 500px; margin: 5% auto}
	
	.buzzybox01{display: flex;flex-wrap: wrap;}
	.buzzybox01 div{width: 100%; margin: 0 auto 5%; max-width: 400px;}
	.buzzybox02{display: flex;flex-wrap: wrap; max-width: 730px; margin: 0 auto}
	.buzzybox02 div{width: 100%; margin: 0 auto 5%; max-width: 400px;}
	
}

/* 事業スキーム */
@media screen and (min-width:780px) {
	#features_01{padding: 10% 0;}
	.features_01{position: relative; padding: 30% 0 0; z-index: 10}
	.features_01_p{position: absolute; width: 35%; left: 10%; top:0}
	.features_01_txt{position: absolute; width: 50%; left: 50%; top:16%}
	.features_01_txt img{max-width: 225px; margin-bottom: 30px}
	
	.features_about{position: relative; padding: 30% 0;}
	.features_about_p{position: absolute; width: 80%; right: 0%; top:0}
	.features_about_txt{position: absolute; width: 46%; left: 15%; top:20%; z-index: 11}
	.features_about_txt img{max-width: 225px; margin-bottom: 30px}
	.features_about_ic{position: absolute; width: 6%; left: 10%; top:17%; z-index:5}
}



/* 事業スキーム */

@media screen and (min-width:780px) {

.business_txt{
width: 40%; padding:5% ; margin: 8% auto 0
}
.business_txt2{ 
  width: 43%; padding:5% 1% 5% 10%; margin: 8% auto 0
  }
.business_ttl01{
max-width:444px; margin-bottom:50px; margin-left: -25px
}
.business_ttl02{
max-width:331px; margin-bottom:50px; margin-left: -25px
}
.business_ttl03{
max-width:295px; margin-bottom:50px; margin-left: -25px
}
.business_p{
width: 45%; padding:5% 0
}
}

@media screen and (max-width:779px) {
#business_point{

}

.business_txt{
width: 85%; padding:5%; margin: 8% auto; order: 2
}
.business_txt2{
  width: 85%; padding:5%; margin: 8% auto 0; order: 2
  }
.business_ttl01{
max-width:444px; margin-bottom:30px; margin-left: -20px; width: 85%
}
.business_ttl02{
max-width:331px; margin-bottom:30px; margin-left: -20px; width: 65%
}
.business_ttl03{
max-width:295px; margin-bottom:30px; margin-left: -20px; width: 50%
}
.business_p{
width: 90%; padding:10% 5% 0; order: 1
}
}


/* OEM 02強み */

@media screen and (min-width:780px) {
#sub_menu{
max-width: 1440px; margin:122px auto 0; background: #fcf0f3
}
#sub_menu ul{
padding:  1.8% 5%; display: flex;flex-wrap: wrap;
}
#sub_menu ul li{
 line-height: 180%; list-style: none; margin-right: 3%; font-size: 14px; letter-spacing: 2px;
}
#sub_menu ul li a{
text-decoration: none; color:#000; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#sub_menu ul li .active{
color:#cc3366
}
.pt_list{
margin:5% 0; display: flex;flex-wrap: wrap;
}
.pt{
width: 27%; border-right:1px solid #f2f2f2; text-align: center; padding:0 3%
}
.pt:last-child{
border-right:0px solid #fff;
}
.pt_ttl{
margin-bottom: 20px
}


#features_store{
padding: 0 5%
}
#features_contact{
padding: 0 5%
}

.features_bnr{
position: relative;  width:100%; margin:0 auto
}
.features_bnr div:nth-child(1){
position:relative; -webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); 
}
.features_bnr div:nth-child(2){
position: absolute; bottom:25%; left: 9%; width: 18% 
}

.contact_box{border: 1px solid #f2f2f2; padding: 10px; display: flex;flex-wrap: wrap;}	
.contact_box .p{width: 50%}	
.contact_box .txt{padding: 10% 0 0 6%; width: 39%; margin: 0 auto;}	
.contact_box .txt img{max-width:328px}	
	
	
#ftr_nav{
}
.nav_li{
text-align: center; width: 20%; padding: 0 3%; border-right: 1px solid #f2f2f2
}
.nav_li:nth-child(4){
text-align: center; width: 20%; padding: 0 3%; border-right: 0px solid #f2f2f2
}
.nav_li:first-child{
text-align: center; width: 10%; padding: 0; margin-top: 10px; border-right: 0px solid #f2f2f2
}
.nav_li:last-child{
text-align: center; width: 10%; padding: 0; margin-top: 10px; border-right: 0px solid #f2f2f2
}
.nav_li:nth-child(3) {
padding: 1.5% 3% 0;
}
	
}

@media screen and (max-width:779px) {
#sub_menu{
max-width: 1440px; margin:122px auto 0; background: #fcf0f3
}
#sub_menu ul{
padding:  2% 5%; display: flex;flex-wrap: wrap;
}
#sub_menu ul li{
 line-height: 180%; list-style: none; margin-right: 3%; font-size: 12px; letter-spacing: 2px;
}
#sub_menu ul li a{
text-decoration: none; color:#000; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#sub_menu ul li .active{
color:#cc3366
}
.pt_list{
margin:5% 0; display: flex;flex-wrap: wrap;
}
.pt{
width: 100%; border-right:0px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align: center; padding:8%
}
.pt:last-child{
border-right:0px solid #fff;
}
.pt_ttl{
margin-bottom: 20px
}


.features_bnr{
position: relative; max-width: 990px; margin:0 auto
}
.features_bnr div:nth-child(1){
position:relative; -webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.1)); 
}
.features_bnr div:nth-child(2){
position: absolute; bottom:25%; left: 9%; width: 18% 
}

#features_contact{
}
.contact_box{border: 1px solid #f2f2f2; padding: 10px; display: flex;flex-wrap: wrap;text-align:center}	
.contact_box .p{width: 100%}	
.contact_box .txt{padding: 5%; width: 80%; max-width:338px; margin:0 auto}
	
.nav_li:nth-child(2){
text-align: center; width: 94%; padding: 5% 0 5% 0; border-right: 0px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; order: 3
}
.nav_li:nth-child(3){
text-align: center; width: 100%; padding: 8% 0; border-right: 0px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; order: 1
}
.nav_li:nth-child(4){
text-align: center; width: 88%; padding: 5% 0 5% 7%; border-right: 0px solid #f2f2f2; order: 4
}
.nav_li:first-child{
text-align: center; width: 5%; padding: 0; margin-top: 30px; border-right: 0px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; order: 2
}
.nav_li:last-child{
text-align: center; width: 5%; padding: 0; margin-top: 30px; border-right: 0px solid #f2f2f2;  order: 5
}
.nav_li:nth-child(3) {
  padding: 1% 3%;
}

}


/* OEM 05香りの関連商品 */

@media screen and (min-width:780px) {
#product_item{
	
}
.product_item{
width: 23%; margin-right: 2%; margin-bottom: 2%
}
.product_item:nth-child(4n){
width: 23%; margin-right: 0; margin-bottom: 2%
}
}

@media screen and (max-width:779px) {
.product_item{
width: 47%; margin-right: 5%; margin-bottom: 4%
}
.product_item:nth-child(2n){
width: 47%; margin-right: 0; margin-bottom: 4%
}	
}

/* 自社ブランド香水 */
@media screen and (min-width:780px) {
  #brand_history{	
  margin-bottom: 5%
  }
  .bh_ttl:nth-child(1){width: 20%; margin-right: 5%; padding:0 5%; background:#fff; z-index: 2;}	
  .bh_ttl:nth-child(2){width: 70%}	
  .bh_slider{padding:5% 0; background:url(../image/bg2.png); background-size:100%; background-repeat: no-repeat; background-position: bottom; display: flex;flex-wrap: wrap; margin-top: -5% !important;}
  .bh_p{width: 25%; transform: rotateX(180deg)}

.bh_p:last-child {
    width: 24%; max-width: 24.1%;
}

.brand-list{
  padding:0% 10%;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}

.brand-list-inner{
  flex-basis:25%;
}

.brand-list-inner:last-child {
    width: 24%; max-width: 24.1%;
}

  }
  
  @media screen and (max-width:779px) {
  #brand_history{	
  margin-bottom: 5%
  }
  .bh_ttl:nth-child(1){width: 40%; margin-right: 5%; padding:0 5%; background:#fff; z-index: 2;}	
  .bh_ttl:nth-child(2){width: 50%}	
  .bh_slider{padding:5% 0; background:url(../image/bg2.png); background-size:100%; background-repeat: no-repeat; background-position: bottom; display: flex;flex-wrap: wrap; margin-top: -5% !important;}
  .bh_p{width: 25; transform: rotateX(180deg);}
.bh_p:last-child {
    width: 24%; max-width: 24.1%;
}

.brand-list{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}

.brand-list-inner{
  flex-basis:25%;
}

.brand-list-inner:last-child {
    width: 24%; max-width: 24.1%;
}

}
.interview-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  max-width: 1285px;
  transform: rotateX(180deg);
 margin:5% auto 0;
}
.interview-list div {
  /*width: 330px;*/
  flex: 0 0 25%;
  text-align: center;
}
.interview-list div:first-child {
  /*border-bottom: 3px solid #000;*/
}
.interview-list::-webkit-scrollbar {
  height: 2px;
}

.interview-list::-webkit-scrollbar-thumb {
  background: #cc3467;
  border-radius: 3px;
}

.interview-list::-webkit-scrollbar-track {
  background: #cccccc;
}





/* ブランドヒストリー */

@media screen and (min-width:780px) {
#history{
padding: 5% 0
}
#history2{
  padding: 0 10%
  }
.history_item{
display: flex;flex-wrap: wrap; 
}
.history_txt{
width: 47%; padding: 6.5%; position: relative
}
.product_name{
width:70%
}
.history_item:nth-child(2) .product_name{
width:62%
}
.history_item:nth-child(3) .product_name{
width:69%
}
.history_item:nth-child(4) .product_name{
width:63%
}
.history_item:nth-child(5) .product_name{
width:80%
}
.history_txt p{
margin-left: 23%; margin-top: 5%
}
.history_txt p a img{
margin-top: 8%
}
.history_p{
width:40%; margin-top: -6px 
}
.history_year{
position: fixed; bottom:5%; left:0;
z-index: 10;
}
.history_year ul{
padding-left:20px
}
.history_year ul .year_list{
font-size: 12px; list-style: none; margin-bottom: 10px
}
.history_year ul .year_list a{
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  color:#f2f2f2;letter-spacing: 2px;
}
.history_year ul .year_list .active{
  color: #cc3366;border-bottom: 1px solid #cc3366; padding-bottom: 3px; 
}
}


@media screen and (max-width:779px) {
#history{
padding: 5% 0
}
.history_item{
display: flex;flex-wrap: wrap; 
}
.history_txt{
width:100%;  padding: 5%; position: relative; margin-top: 8%
}
.product_name{
width:70%
}
.history_item:nth-child(2) .product_name{
width:62%
}
.history_item:nth-child(3) .product_name{
width:69%
}
.history_item:nth-child(4) .product_name{
width:63%
}
.history_item:nth-child(5) .product_name{
width:80%
}
.history_txt p{
margin-left: 23%; margin-top: 5%
}
.history_txt p a img{
margin-top: 8%
}
.history_p{
width:100%; margin-top: 8%
}
.history_year{
position: fixed; bottom:5%; left: -5%; z-index: 10;
}
.history_year ul .year_list{
font-size: 12px; list-style: none; margin-bottom: 10px
}
.history_year ul .year_list a{
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
color:#f2f2f2;letter-spacing: 2px
}
.history_year ul .year_list .active{
color: #cc3366;border-bottom: 1px solid #cc3366; padding-bottom: 3px; 
}
}


/* 沿革 */

@media screen and (min-width:780px) {
.table_box{
align-items: baseline; width: 100%
}
.table_data{
padding: 2% 0; border-bottom:1px solid #cc3366; text-align: center; width:15%
}
.table_txt{
align-items: baseline; padding: 2% 5%; border-bottom:1px solid #f2f2f2; width: 85%
}
#story{
}
.story_bnr{
position: relative; margin:0 auto
}
.story_bnr div:nth-child(1){
position:relative;
}
.story_bnr div:nth-child(2){
position: absolute; bottom:8%; left:0; right:0; margin:0 auto;  width: 22% 
}
}

@media screen and (max-width:779px) {
.table_box{
align-items: baseline; width: 100%
}
.table_data{
padding: 3% 0; border-bottom:1px solid #cc3366; text-align: center; width:20%
}
.table_txt{
align-items: baseline; padding: 3% 5%; border-bottom:1px solid #f2f2f2; width: 80%
}
#story{
}
.story_bnr{
position: relative; margin:0 auto
}
.story_bnr div:nth-child(1){
position:relative;
}
.story_bnr div:nth-child(2){
position: absolute; bottom:-15%; left:0; right:0; margin:0 auto;  width: 55% 
}
}


/* OEM */

@media screen and (min-width:780px) {

.original_txt{
width: 40%; padding:5% 5% 0; margin: 4% auto 0
}
.original_ttl01{
max-width:512px; margin-bottom:50px;
}
.original_p{
width: 45%; padding:5% 0
}
.original_p2{
width: 100%; text-align: right; margin-top:50px;
}
.original_p2 img{
width: 70%;
}
	#original_point{margin-top: -10%; padding-top: 10%; background: #fcf7f9; margin-bottom: 10%}
	.original_point{width: 46%; margin: 0 auto 5%}
}

@media screen and (max-width:779px) {
#original{
}

.original_txt{
width: 100%; padding:5% 5% 0; margin: 4% auto 0
}
.original_ttl01{
max-width:512px; margin-bottom:50px;
}
.original_p{
width: 92%; padding:5% 0
}
.original_p2{
width: 100%; text-align: center; margin-top:50px;
}
.original_p2 img{
width: 70%;
}
	#original_point{margin-top: -10%; padding-top: 20%; background: #fcf7f9; margin-bottom: 10%}
	.original_point{width: 100%; margin: 0 auto 5%}
.original_point div{padding:5%; background:#fff; margin-top:-10px}
.original_point div img{margin:10px 0}
.original_point div p{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; }
}




/* OEM 制作の流れ */

@media screen and (min-width:780px) {
  .flow_list{padding: 1% 5% 5%; background:url(../image/bg3.png); background-size:5% 90%; background-position:left top;  background-repeat:no-repeat; margin-top: 5%; }
  .flow_box{border-bottom: 1px solid #f2f2f2; margin-bottom: 3%; padding-bottom: 3%;display: flex;flex-wrap: wrap;}
  .flow_box:last-child {border-bottom: 0px solid #f2f2f2; }
    .flow_txt{width: 60%; margin: 0 auto;}
    .flow_txt p{line-height: 180%}
    .flow_p{width: 30%; margin: 0 auto;}
    .flow_txt h2 {color: #cc3366;}
    .flow_pink{background: #fcf7f9; padding: 30px; margin-top: 5%; margin-left: 3%}
.box_pink{display: flex;flex-wrap: wrap;}
.box_pink01{width: 60%; margin-right: 5%}
.box_pink02{width: 35%}
  }
  
  @media screen and (max-width:779px) {
  .flow_list{padding: 1% 0 5%; background:#fff; background-size:5% 100%; background-position:left top;  background-repeat:no-repeat; margin-top: 5%;  width: 100%;}
  .flow_box{border-bottom: 1px solid #f2f2f2; margin-bottom: 15%; padding-bottom: 3%;display: flex;flex-wrap: wrap;}
  .flow_box:last-child {border-bottom: 0px solid #f2f2f2; }
  .flow_txt{width:100%; margin: 0 auto 10%}
  .flow_txt p{line-height: 180%}
  .flow_p{width:100%; margin: 0 auto 10%}
  .flow_txt h2 {color: #cc3366;}
    .flow_pink{background: #fcf7f9; padding: 30px; margin-top: 5%; margin-left: 3%}
.box_pink{display: block;flex-wrap: wrap;}
.box_pink01{width: 100%; margin-right: 0; order:2}
.box_pink02{width: 100%; order:1}
.flow_txt h2 img {margin-bottom:-15px; margin-right:10px}
  }
/* 会社情報 */

@media screen and (min-width:780px) {
	
#sub_menu-f{
max-width: 1440px; margin:0 auto 3%; /*background: #fff;*/	background-color:#fcf0f3;
}
#sub_menu-f ul{
padding:  1.8% 5%; display: flex;flex-wrap: wrap; margin-top:-10px;
}
#sub_menu-f ul li{
 line-height: 180%; list-style: none; margin-right: 3%; font-size: 14px; letter-spacing: 2px;  color: #595959;
}
#sub_menu-f ul li a{
text-decoration: none; color:#595959; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#sub_menu-f ul li .active{
color:#cc3366
}


.message_txt{
width: 40%; padding: 0 7.5%; margin:5% auto
}
.message_ttl01{
max-width:454px; margin-bottom: 40px; margin:0 auto 40px; 
}
.message_ttl02{
  max-width:331px; color:#cc3366; margin-bottom: 40px
}
.message_ttl03{
  max-width:441px; color:#cc3366; margin-bottom: 40px
  }
.message_p{
width: 40%; padding:5% 0 0
}
.message_p2{
  width: 55%; padding:5% 0 0
  }
.message_txt2{
  width: 45%; padding:8% 5%; margin:5% auto
}
.message_txt3{
width: 30%; padding:0 7.5%; margin:5% auto
}


#Companyname{
    padding: 8% 0 0;}	
#Philosophy{
background:url("../image/bg4.png"); background-size:cover; background-position:center;  background-repeat:no-repeat; padding: 8% 0 3%; margin-top: -6px
}
#vision{
padding: 8% 0 0;
}
.cn_box{
border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; max-width: 855px; margin: 0 auto; padding: 3%
}
.cn_box div:nth-child(1){
width: 35%; text-align: right; border-right: 1px solid #f2f2f2; padding:8% 8% 2% 0}
.cn_box div:nth-child(2){
width: 40%; padding:2% 0 2% 8%}
}

@media screen and (max-width:779px) {
#sub_menu-f{
max-width: 1440px; margin:0 auto 10%; background: #fcf0f3;
}
#sub_menu-f ul{
padding:  2% 5%; display: flex;flex-wrap: wrap; margin-top:-10px;
}
#sub_menu-f ul li{
 line-height: 180%; list-style: none; margin-right: 3%; font-size: 12px; letter-spacing: 2px;  color: #595959;
}
#sub_menu-f ul li a{
text-decoration: none; color:#595959; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#sub_menu-f ul li .active{
color:#cc3366
}
	
.message_txt{
width: 85%; padding:5% 5% 10%; margin:5% auto; order: 1
}
.message_txt2{
  width: 85%; padding:5% 5% 10%; margin:5% auto;
}
.message_txt3{
  width: 85%; padding:5% 5% 10%; margin:5% auto;
}
.message_ttl01{
max-width:454px; color:#cc3366; margin-bottom: 40px
}
.message_ttl02{
max-width:331px; color:#cc3366; margin-bottom: 40px
}
.message_ttl03{
max-width:441px; color:#cc3366; margin-bottom: 40px
}
.message_p{
width: 100%; padding:5% 0 0; order: 2
}
	
#Philosophy{
background:url("../image/bg4.png"); background-size:cover; background-position:center;  background-repeat:no-repeat; padding: 8% 8% 3%; margin-top: -6px
}
#vision{
padding: 8% 0 0;
}
#Companyname{
padding: 8% 0 0;	
}
.cn_box{
border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; max-width: 855px; margin: 0 auto; padding: 3%
}
.cn_box div:nth-child(1){
width: 100%; text-align: center; border-right: 0px solid #f2f2f2; padding:8% 8% 2% 0}
.cn_box div:nth-child(2){
width: 100%; padding:2% 0 2% 8%}
#ftr_nav{
  margin-top:8%
}
}


/* 香りの布教活動 */
@media screen and (min-width:780px) {
.activity_txt1{padding-bottom:3%}
.activity_txt2{background: linear-gradient(90deg, #fcf7f9 0%, #fcf7f9 85%, #fff 85%, #fff 100%); padding-top:3% }
}
@media screen and (max-width:779px) {
.activity_txt1{padding-bottom:3%}
.activity_txt2{background: linear-gradient(90deg, #fcf7f9 0%, #fcf7f9 85%, #fcf7f9 85%, #fcf7f9 100%); padding-top:6% }
}

/* ルズの歩み */

@media screen and (min-width:780px) {
	#story_01{}
	.story_01{padding:0; display: flex;flex-wrap: wrap;}
	.story_01_p{width: 50%;}
	.story_01_txt{width: 35%; padding: 5%; margin: 0 auto}
	.story_01_txt img{max-width: 282px; margin-bottom: 30px}
	
	.story_02_p{padding:5% 15% 10%}
	.story_02_2005{width: 45%; margin: 0 10% 0 0}
	.story_02_2006{width: 45%; margin:  10% 0 0 0}
	.story_02_2008{width: 40%; margin: 0 10% 0 0}
	.story_02_2016{width: 50%; margin:  10% 0 0 0}
	.story_03_p{width: 90%; margin-bottom: 10%}
	
	.story_04{padding:0; display: flex;flex-wrap: wrap; margin-bottom: 10%}
	.story_04_p{width: 40%;}
	.story_04_txt{width: 45%; padding:0 5%; margin: 0 auto}
	.story_04_txt img{max-width: 282px; margin-bottom: 30px}
	
	.story_05{padding:3% 8%; display: flex;flex-wrap: wrap; margin-bottom: 10%}
	.story_05_p{width: 45%;}
	.story_05_txt{width: 45%; padding:0; margin: 0 10% 0 0}
	.story_05_txt img{max-width: 282px; margin-bottom: 30px}

	.story_06{padding:3% 8%; display: flex;flex-wrap: wrap; margin-bottom: 10%}
	.story_06_p{width: 45%;}
	.story_06_txt{width: 45%; padding:0; margin: 0 0 0 10%}
	.story_06_txt img{max-width: 282px; margin-bottom: 30px}

.story_description{text-align:right; margin-right:5%; margin-top:10px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; font-size: 70%;}

}

@media screen and (max-width:779px) {
	#story_01{}
	.story_01{padding:0; display: flex;flex-wrap: wrap; margin-bottom: 0px}
	.story_01_p{width: 100%; margin-top: 5%}
	.story_01_txt{width: 100%; padding: 5%; margin: 0 auto}
	.story_01_txt img{max-width: 282px; margin-bottom: 30px}
	
	.story_02_p{padding:5% 15% 10%}
	.story_02_2005{max-width: 382px; width: 100%; margin: 0 auto 10%}
	.story_02_2006{max-width: 382px; width: 100%; margin: 0 auto 0}
	.story_02_2008{max-width: 382px; width: 100%; margin: 0 auto 10%}
	.story_02_2016{max-width: 382px; width: 100%; margin: 0 auto 0}
	.story_03_p{width: 100%; margin-bottom: 10%}
	
	.story_04{padding:0; display: flex;flex-wrap: wrap; margin-bottom: 0px}
	.story_04_p{width: 100%; margin-top: 10%; margin-bottom: 0px}
	.story_04_txt{width: 100%; padding:0 5%; margin: 0 auto}
	.story_04_txt img{max-width: 282px; margin-bottom: 30px}
	
	.story_05{padding:5%; display: flex;flex-wrap: wrap; margin-bottom: 0px}
	.story_05_p{width: 100%; margin-top: 10%; margin-bottom: 10%; order: 1}
	.story_05_txt{width: 100%; padding:0 0; margin: 0 auto; order: 2}
	.story_05_txt img{max-width: 282px; margin-bottom: 30px}

	.story_06{padding:5%; display: flex;flex-wrap: wrap; margin-bottom: 0px}
	.story_06_p{width: 100%; margin-top: 10%; margin-bottom: 10%; order: 1}
	.story_06_txt{width: 100%; padding:0 0; margin: 0 auto; order: 2}
	.story_06_txt img{max-width: 282px; margin-bottom: 30px}

.story_description{text-align:right; margin-right:5%; margin-top:10px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; font-size: 70%;}
}


/* グローバル */

@media screen and (min-width:780px) {
#global{
padding: 10% 0
}
#global .ttl_center:nth-child(1){
max-width:349px; margin:0 auto 10px
}
.global_p{max-width:85%}
#global_point{
  background: linear-gradient(90deg, #fff 0%, #fff 12%, #fcf7f9 12%, #fcf7f9 100%); padding-top: 20%; margin-top: -30%
}
.g_point{
width: 40%; margin-right: 10%
}
.g_point img{
margin-bottom: 40px
}
.g_point:nth-child(1) img:nth-child(1){
max-width: 398px; margin-right: 10%
}
.g_point:nth-child(1) img:nth-child(2){
max-width: 332px; margin-right: 10%
}
.g_point:nth-child(1) img:nth-child(3){
max-width: 180px; margin-right: 15%
}
.g_point:nth-child(1) img:nth-child(4){
max-width: 166px; margin-right: 18%
}
.g_point:nth-child(1) img:nth-child(5){
max-width: 180px; margin-right: 10%
}
.g_point:nth-child(2) img:nth-child(1){
max-width: 210px; margin-right: 10%
}
.g_point:nth-child(2) img:nth-child(2){
max-width: 280px; margin-right: 10%
}
.g_point:nth-child(2) img:nth-child(3){
max-width: 330px; margin-right: 10%
}
.g_point:nth-child(2) img:nth-child(4){
max-width: 363px; margin-right: 10%
}

}

@media screen and (max-width:779px) {
#global{
padding: 10% 8%
}
#global .ttl_center:nth-child(1){
max-width:349px; margin:0 auto 10px
}
.global_p{max-width:100%}
#global_point{
  background: linear-gradient(90deg, #fff 0%, #fff 12%, #fcf7f9 12%, #fcf7f9 100%); padding-top: 20%; margin-top: -30%
}
.g_point{
width: 100%; 
}
.g_point img{
margin-bottom: 40px
}
.g_point:nth-child(1) img:nth-child(1){
max-width: 300px; margin-right: 0
}
.g_point:nth-child(1) img:nth-child(2){
max-width: 253px; margin-right: 0
}
.g_point:nth-child(1) img:nth-child(3){
max-width: 136px; margin-right: 20%
}
.g_point:nth-child(1) img:nth-child(4){
max-width:126px; margin-right: 20%
}
.g_point:nth-child(1) img:nth-child(5){
max-width: 135px; margin-right: 10%
}
.g_point:nth-child(2) img:nth-child(1){
max-width: 155px; margin-right: 0
}
.g_point:nth-child(2) img:nth-child(2){
max-width: 200px; margin-right: 0
}
.g_point:nth-child(2) img:nth-child(3){
max-width: 240px; margin-right: 0
}
.g_point:nth-child(2) img:nth-child(4){
max-width: 270px; margin-right: 0
}


}


/* アクセス */

@media screen and (min-width:780px) {
#access iframe{height: 550px}}
@media screen and (max-width:779px) {
#access iframe{height: 250px}}

/* ニュース */

@media screen and (min-width:780px) {
#News{
padding-top: 122px;}
.News_item{
display: block;
padding: 30px 0;
text-decoration: none; color:#000
}
.News_box{
align-items: baseline; display: flex;
}
.News_day{
margin-right: 30px; font-size: 11px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; width: 10%
}
.News_cate{
margin-right: 40px; text-align: center; background: #fff; border: 1px solid #000; font-size: 11px;  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; width: 40%
}
.news{
 border: 1px solid #cc3366 !important; color: #cc3366 !important
}
.js{
 border: 1px solid #000 !important; color: #000 !important
}
.News_ttl{
align-items: baseline; display: flex; width:100%
}

.Tabs {
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;}

.Tab_item {
  width: calc(80%/3);
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.Tab_item span{
  color: #000; margin-left: 20px; font-size: 12px
}

.Tab_item:hover {
  opacity: 0.75;
}

input[name="Tab_item"] {
  display: none;
}

.Tab_content {
  display: none;
  padding: 40px 0 0;
  clear: both;
  overflow: hidden;
	  border-top: 1px solid #ededed;
}

#all:checked ~ #all_content,
#luz:checked ~ #luz_content,
#luzfragrance:checked ~ #luzfragrance_content {
  display: block;
}

.Tabs input:checked + .Tab_item {
  border-bottom: 1px solid #cc3366;
color: #cc3366;
}
}

@media screen and (max-width:779px) {
#News{
padding-top: 122px;
}
.News_item{
display: block;
padding: 20px 0;
text-decoration: none; color:#000
}
.News_box{
align-items: baseline; display: block;
}
.News_day{
margin-right: 20px; font-size: 11px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; margin-bottom:10px
}
.News_cate{
margin-right: 20px; text-align: center; background: #fff; border: 1px solid #000; font-size: 11px;  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; margin-bottom:10px; padding:0 10px; width:65%
}
.news{
 border: 1px solid #cc3366 !important; color: #cc3366 !important
}
.js{
 border: 1px solid #000 !important; color: #000 !important
}
.News_ttl{
align-items: baseline; display: flex; width: 100%
}

.Tabs {
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;}

.Tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 1px solid #ededed;
  line-height: 50px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
	font-size: 12px;
	line-height: 160%
}
.Tab_item span{
  color: #000; margin-left: 0px
}
.Tab_item:hover {
  opacity: 0.75;
}

input[name="Tab_item"] {
  display: none;
}

.Tab_content {
  display: none;
  padding: 40px 0 0;
  clear: both;
  overflow: hidden;
}

#all:checked ~ #all_content,
#luz:checked ~ #luz_content,
#luzfragrance:checked ~ #luzfragrance_content {
  display: block;
}

.Tabs input:checked + .Tab_item {
  border-bottom: 1px solid #cc3366;
color: #cc3366;
}
}

/* ブログ */

@media screen and (min-width:780px) {
#blog{background: #fcf0f3; padding-top: 122px;margin-top:0;}

.pg{
display: flex;flex-wrap: wrap; max-width: 352px; margin: 5% auto 0
}
.pg_li{padding:5px 3px 0; width: 35px; background: #fff; height: 35px; border-radius: 90px; text-align: center; margin-right: 10px;}
.pg_li a{color:#595959; letter-spacing: 2px; font-size: 15px}

.pg_active{padding:5px 3px 0; width: 35px; background: #cc3467; border-radius: 90px; text-align: center}
.pg_active a{color:#fff;}
.pg_li:hover{padding:5px 3px 0; width: 35px; height: 35px; background: #cc3467; border-radius: 90px; text-align: center}

  
.pg_li:nth-child(1){margin-right: 30px; border:1px solid #fcf0f3; background: #fcf0f3; }
.pg_li:last-child{margin-right: 30px; border:1px solid #fcf0f3; background: #fcf0f3;}
.pg_li:nth-child(1) a{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
.pg_li:last-child a{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}

}

@media screen and (max-width:779px) {
#blog{background: #fcf0f3; margin-top: 0px}

.pg{
display: flex;flex-wrap: wrap; max-width: 352px; margin: 5% auto 0
}
.pg_li{padding:5px 3px 0; width: 35px; background: #fff; height: 35px; border-radius: 90px; text-align: center; margin-right: 10px;}
.pg_li a{color:#595959; letter-spacing: 2px; font-size: 15px}

.pg_active{padding:5px 3px 0; width: 35px; background: #cc3467; border-radius: 90px; text-align: center}
.pg_active a{color:#fff;}
.pg_li:hover{padding:5px 3px 0; width: 35px; height: 35px; background: #cc3467; border-radius: 90px; text-align: center}

  
.pg_li:nth-child(1){margin-right: 30px; border:1px solid #fcf0f3; background: #fcf0f3; }
.pg_li:last-child{margin-right: 30px; border:1px solid #fcf0f3; background: #fcf0f3;}
.pg_li:nth-child(1) a{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
.pg_li:last-child a{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}



}
/*--------------- ページャー ---------*/
.pnavi {
  display: flex; flex-wrap: wrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto;
}
a.pnavi {
  font: inherit; direction: inherit;
}
a.page-numbers {
  padding: 6px 3px 0; width: 35px; background: #fff; height: 35px; border-radius: 90px; text-align: center; margin-right: 10px;
  color: black; font-size: 15px; line-height: 27px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
span.page-numbers.current {
  padding: 8px 3px 0; margin-right: 10px; width: 35px; background: #cc3467; border-radius: 90px; text-align: center; color: #fff; font-size: 15px;
}
a.page-numbers:hover {
  background: #cc3467; border-radius: 90px; text-align: center;
}
span.page-numbers.dots {
  line-height: 40px; margin-right: 10px;
}
a.prev.page-numbers {
  border: none; background: transparent; letter-spacing: 2px; margin-right: 30px;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
a.next.page-numbers {
  border: none; background: transparent; letter-spacing: 2px;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
@media screen and (max-width:779px) {
  a.page-numbers { 
    width: 35px; height: 35px; line-height: 35px; margin-right: 5px;
  }
  span.page-numbers.current {
    width: 35px; height: 35px; padding: 0; line-height: 35px; margin-right: 5px;
  }
  a.page-numbers {
    padding: 0;
  }
  span.page-numbers.dots {
    line-height: 35px; margin-right: 5px;
  }
  a.prev.page-numbers {margin-right: 25px;}
  a.next.page-numbers {margin-left:5px}

}

/* FAQ */

.contents2>.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {
  left:98%; top:44px; 
}

.su-spoiler.su-spoiler-style-default.su-spoiler-icon-plus {
  margin: 0;
}
.contents2>.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
  content: '＋'; font-size: 27px; color: #cc3366;
}
.contents2>.su-spoiler-icon-plus .su-spoiler-icon:before {
  content: '－';  font-size: 27px; color: #cc3366;
}
.contents2>.su-spoiler-style-default>.su-spoiler-title {
  padding: 0px;
  outline: none;
}
.su-spoiler-content.su-u-clearfix.su-u-trim {
  padding: 0%;
}

@media screen and (min-width:780px) {
	
#faq{
padding-top: 122px
}
#faq .ttl{max-width: 204px; max-width: 369px}
.faq_q{border-bottom: 1px solid #f2f2f2; padding: 30px 0 10px;}
	.faq_q h3{margin-left: 45px}
.faq_a{border-bottom: 1px solid #f2f2f2; padding: 30px 0 30px 30px; background: #fcf7f9; position: relative;}
	.faq_a p{line-height: 160%; margin-left: 45px}
	.faq_q .ic_l{float: left; margin-top: -52px}
	.faq_a .ic_l{float: left; top: 35%; position: absolute;}
	.ic_r{float: right; margin-top: -50px}
  .faq_txt{margin-top: 5%}
}

@media screen and (max-width:779px) {
	
#faq{
padding-top: 122px
}
.faq_q{border-bottom: 1px solid #f2f2f2; padding: 30px 0 10px; position: relative;}
	.faq_q h3{margin-left: 45px; width: 80%}
.faq_a{border-bottom: 1px solid #f2f2f2; padding: 30px 0 30px 30px; background: #fcf7f9; position: relative;}
	.faq_a p{line-height: 160%; margin-left: 45px; width: 80%}
	.faq_q .ic_l{float: left; position: absolute; top: 33px;}
	.faq_a .ic_l{float: left; position: absolute; top: 30px;}
	.ic_r{float: right; margin-top: -50px}
  .faq_txt{margin-top: 5%}
}


/* 採用情報 */

@media screen and (min-width:780px) {
	
#recruit{
padding-top: 122px
}
.recruit_bg{background:url(../image/bg5.png); background-size:100%; background-position:top;  background-repeat:no-repeat}
.re_table_box{
max-width:750px; margin: 8% auto 0
}
.re_table_data{
padding: 5% 0; border-bottom:1px solid #f2f2f2; text-align: center; width:20%; vertical-align: top
}
.re_table_txt{
align-items: baseline; padding: 5% 2%; border-bottom:1px solid #f2f2f2; width: 80%
}
.re_table_txt a{
text-decoration:underline; color:#cc3366
}
}

@media screen and (max-width:779px) {
	
#recruit{
padding-top: 122px
}
.recruit_bg{background:url(../image/bg5.png); background-size:cover; background-position:top;  background-repeat:no-repeat; width: 90%}
.re_table_box{
max-width:750px; margin: 8% auto 0
}
.re_table_data{
padding: 5% 0 0; border-bottom:1px solid #f2f2f2; text-align: left; width:100%; vertical-align: top; display: block;
}
.re_table_txt{
align-items: baseline; padding: 5% 0 5% 0; border-bottom:1px solid #f2f2f2; width:100%; display: block;
}
.re_table_txt a{
text-decoration:underline; color:#cc3366
}
}

/* お問い合わせ */

.ttl_contact1{
max-width:341px
}
.ttl_contact2{
max-width:365px
}
.ttl_contact3{
max-width:491px
}
.ttl_contact4{
max-width:263px
}
.ttl_contact5{
max-width:281px
}
.contact_ttl{
max-width:341px
}
.ttl_contact{
max-width:501px
}
.eau-de_ttl{
max-width:541px
}



.Form {
  margin-top: 80px;
}

@media screen and (max-width: 480px) {
  .Form {
    margin-top: 40px;
  }
}
.Form-Item {
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .Form-Item {
    padding-left: 0;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
position: relative;
    line-height: 100%;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;

  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #fce3ea;
  margin-left: 20px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  background: #fcf7f9;
  font-size: 14px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
color: #595959;
}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																						
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    color:#595959;
  }
}
.Form-Item-Textarea {
  border: 1px solid #fce3ea;
  border-radius: 6px;
  margin-left: 20px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #fcf7f9;
  font-size: 18px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color:#595959;

}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Btn {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 200px;
  display: block;
  letter-spacing: 0.05em;
  background: #cc3366;
  color: #fff;
  font-size: 16px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
border: none;
}
.contact_btn {
display: flex;
 flex-wrap: wrap;
 max-width: 500px;
margin: 0 auto;
}


@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    font-size: 16px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    color:#fff;
border: none;
}
.contact_btn {
display: flex;
 flex-wrap: wrap;
 max-width: 500px;
margin: 0 auto;
}

}

@media screen and (min-width:780px) {
.Form-Item-Label-Required {
  margin-right: 8px;
margin-left: 20px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #cc3366;
  color: #fff;
  font-size: 13px;
float: right;
position: absolute;
    top: -10px;
    right: 0;
    padding: 10px;
}
}

@media screen and (max-width:779px) {
.Form-Item-Label-Required {
  margin-right: 8px;
  height: 15px;
margin-left: 20px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #cc3366;
  color: #fff;
  font-size: 13px;
position: relative;
    top: 0px;
    right: 0;
    padding: 5px;
    margin-bottom: 8px;
}
}

@media screen and (max-width:779px) {
.Form-Item {
    display: block;
}
.Form-Item-Input {
    margin-left: 0px;
    padding-left: 0px;
   padding-right: 0px;
}
.Form-Item-Textarea {
    margin-left: 0px;
    padding-left: 0px;
   padding-right: 0px;
}
}

span.wpcf7-list-item label {
    display: table;
    padding-top: 13px;
}
span.wpcf7-list-item label input {
    display: table-cell
}
span.wpcf7-list-item label span {
    display: table-cell
}

.wpcf7-form-control-wrap {
    margin: 0 auto;
}

.Form-Item a{text-decoration: underline; color: #cc3366;}

.wpcf7c-conf{background: #f5f5f5;border: 1px solid #999999;}																																																																																																																																																																																																																																																																																																																																																																																																																																																			
p.color-cc3366-contact{color:#cc3366;text-align:center;}	

select#short-width {
    min-width: 191px;
}


.Form-Item.isMsg {
    display: block;
}
p.Form-Item-Label.isMsg {
    max-width: 250px;
    margin-bottom: 20px;
}
textarea.wpcf7-form-control.wpcf7-textarea.Form-Item-Textarea {
    border-radius: 0px;
    margin: 0px;
    max-width: 730px;
}
.wpcf7-spinner {
    display: none;
}

.postal-code-caption {
margin-left:20px; font-size:12px; line-height:140%
}

																																																																																																																																																																																																																																																																																																																																																																																																																																																		
																																																																																																																																																																																																																																																																																																																																																																																																																																																						
																																																																																																																																																																																																																																																																																																																																																																																																																																																						
/* フッター */
.gnav a:hover{opacity: 1}

@media screen and (min-width:780px) {
.cotact_btn{
width: 32%; margin-right: 2%; list-style: none
}
.cotact_btn:nth-child(3){
width: 32%; margin-right: 0
}

.re_btn{
max-width: 500px; text-align: center; margin:50px auto 0; width: 100%;
}
	
.gnav {
    display: flex;
    height: 70px;
    margin: 0 auto;
}

/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
	width: 30%; margin-right: 2%
}
.gnav li  ul {
	width: 100%; 
}
.gnav li a {
    background:url("../image/btn.png");
	background-size: 100% 100%;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 70px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.gnav li ul li a{
    height: 60px;
}
.gnav li ul li{
    height: 0;
    overflow: hidden;
    transition: .5s;
	width: 100%;
}
	
.gnav li:nth-child(2) a {
    background:url("../image/btn2.png");
	background-size: 100% 100%;
}
.gnav li:nth-child(3) a {
    background:url("../image/btn3.png");
	background-size: 100% 100%;
}

.gnav li:nth-child(2) ul li:nth-child(1) a{
    background:url("../image/btn8.png") ;
	background-size: 100% 100%;
}
.gnav li:nth-child(2) ul li:nth-child(2) a{
    background:url("../image/btn5.png") ;
	background-size: 100% 100%;
}
.gnav li:nth-child(2) ul li:nth-child(3) a{
    background:url("../image/btn6.png") ;
	background-size: 100% 100%;
}
.gnav li:nth-child(2) ul li:nth-child(4) a{
    background:url("../image/btn6.png") ;
	background-size: 100% 100%;
}

.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
	width: 100%;
	margin-left: -40px;
}
.gnav li li a {
    border-top: 1px solid #eee;
}
.gnav li:hover > ul > li {
    height: 60px;
    overflow: visible;
	width: 100%;
	margin-left: -40px;
}

	
.ftr_logo{
text-align: center; margin-bottom: 20px
}
.sns_btn{
padding: 0 15px
}
.ftr_adress{
text-align: center; font-size: 12px; line-height: 180%; margin-top: 20px
}
.ftr_list{
border-top:1px solid #f2f2f2; padding-top: 30px; padding-bottom: 30px; margin-top: 30px;
}
.ftr_list .box{
max-width: 1080px; margin: 0 auto
}


.ftr_ul{
width:16%
}
.ftr_ul:nth-child(2){
width:20%
}
.ftr_ul:nth-child(4){
width:18%
}
.ftr_ul:last-child{
width:9%; /*margin-top:16px*/
}
.ftr_ul .ftr_li{
list-style-image : url("../image/ic_li.png"); font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.ftr_ul li{
list-style : none; font-size: 12px; line-height: 180%; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; margin-bottom:8px; 
}
.ftr_ul li a{
  text-decoration: none; color: #595959;
}
.ftr_ul ul{
margin-left: -30px
}

#copy{
background: #f2f2f2; padding: 15px 0
}

#copy p{
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; text-align: center; font-size: 12px; line-height: 180%;
}

}


@media screen and (max-width:779px) {
.cotact_btn{
width: 100%; margin-right: 0; margin-bottom: 20px; list-style: none
}
.cotact_btn:nth-child(3){
width: 100%; margin-right: 0
}
.re_btn{
max-width: 500px; text-align: center; margin:30px auto 0; width: 90%;
}

.gnav {
margin: 0 auto;
max-width: 400px; padding-left:0px
}


.gnav li {
    list-style: none;
    position: relative;
	width: 90%; margin:0 auto; border-bottom: 1px solid #ccc
}
.gnav li  ul {
	width: 100%; 
}
.gnav li a {
    background:url("../image/btn.png");
	background-size: 100% 100%;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 70px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.gnav li ul li a{
    height: 60px;
}
.gnav li ul li{
    height: 0;
    overflow: hidden;
    transition: .5s;
	width: 100%;
}
	
.gnav li:nth-child(2) a {
    background:url("../image/btn2.png");
	background-size: 100% 100%;
}
.gnav li:nth-child(3) a {
    background:url("../image/btn3.png");
	background-size: 100% 100%;
}
	
.gnav li:nth-child(2) ul li:nth-child(1) a{
    background:url("../image/btn8.png") ;
	background-size: 100% 100%;
}
.gnav li:nth-child(2) ul li:nth-child(2) a{
    background:url("../image/btn7.png") ;
	background-size: 100% 100%;
}
.gnav li:nth-child(2) ul li:nth-child(3) a{
    background:url("../image/btn5.png") ;
	background-size: 100% 100%;
}
.gnav li:nth-child(2) ul li:nth-child(4) a{
    background:url("../image/btn6.png") ;
	background-size: 100% 100%;
}


.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
	width: 100%;
	margin-left: -40px; border-bottom: 1px solid #fff
}
.gnav li li a {
    border-top: 1px solid #eee;
}
.gnav li:hover > ul > li {
    height: 60px;
    overflow: visible;
	width: 100%;
	margin-left: -40px;
}
	
	
.ftr_logo{
text-align: center; margin-bottom: 20px
}
.sns_btn{
padding: 0 15px
}
.ftr_adress{
text-align: center; font-size: 12px; line-height: 180%; margin-top: 20px
}
.ftr_list{
border-top:1px solid #f2f2f2; padding-top: 30px; padding-bottom: 30px; margin-top: 30px;
}
.ftr_list .box{
max-width: 1080px; margin: 0 auto
}


.ftr_ul{
width:100%; margin-bottom: -10px;
}
.ftr_ul:nth-child(2){
width:100%
}
.ftr_ul:nth-child(4){
width:100%
}
.ftr_ul:last-child{
width:100%; /*margin-top:50px*/
}
.ftr_ul .ftr_li{
list-style-image : url("../image/ic_li.png"); font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.ftr_ul li{
list-style : none; font-size: 12px; line-height: 180%; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; margin-bottom:8px; 
}
.ftr_ul li a{
  text-decoration: none; color: #595959;
}
.ftr_ul ul{
margin-left: -30px
}

#copy{
background: #f2f2f2; padding: 15px 0
}

#copy p{
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; text-align: center; font-size: 12px; line-height: 180%;
}
}







/* BLOG */
	
#c02 .title{
  position: relative; margin:0 auto
  }
#c02 .title h2{
padding-bottom: 30px;line-height: 160% !important; border-bottom: 1px solid #999999; margin-bottom: 60px
}
#c02 .title p{
line-height: 180% !important; margin:5% 0 0
}
#c02 .title p:nth-child(1){
color:#5d5d5d; margin:5% 0 0
}

	
#c03 .ranking{
position: relative; padding:5% 5% 0; max-width:850px; margin:0 auto; display: flex;flex-wrap: wrap;
}
#c03 .ranking .pa{
width: 45%; margin-right: 5%
}	
#c03 .ranking .oil{
width: 45%
}	
#c03 table tr td{
padding-right: 20px; letter-spacing: 3px
}	

#c03 .ranking h2{
border-left:5px solid #bc6867; padding-left: 20px; line-height: 160% !important; 
}
#c03 .ranking p{
line-height: 180% !important; margin:5% 0 0
}

	
	
.stuff{
  position: relative; padding:5% 0 0; margin:0 auto
  }
.stuff h2{
border-left:5px solid #bc6867; padding-left: 20px; line-height: 160% !important; 
}
.stuff h3{
color:#cc3366; border-bottom: 1px solid #cc3366; padding-bottom: 10px; margin-bottom: 30px
}
.stuff h4{
font-weight: normal; margin-bottom: 20px; margin-top: 20px;font-size:17px
}
.txt_bb{border-bottom: 1px solid #b3b3b3; padding-bottom: 20px; margin-bottom: 20px}
.txt_bg{background: #f5f5f5; padding:3% 4%; margin-top: 20px}
.new_product{color:#cc3366; }


.stuff table tr td{
vertical-align: top; 
}
.stuff table{
vertical-align: top; margin-bottom: 60px
}
.stuff a{
text-decoration: underline; color:#cc3366
}
.stuff p{
line-height: 180% !important; margin:0; 
}
.setimg{
width:100%; margin:5% auto
}
.setimg2{
width:100%; max-width: 650px; margin:5% auto
}
.online_str{width: 40%; margin-right: 3%}
.online_str h4{color:#cc3366}

	

#c05 .sample{
position: relative; padding:5% 5% 0; max-width:850px; margin:0 auto
}
#c05 .sample h2{
border-left:5px solid #bc6867; padding-left: 20px; line-height: 160% !important; 
}
#c05 .sample table tr td{
vertical-align: top; padding:5px 0
}
#c05 .sample a{
text-decoration: underline; color:#000
}
#c05 .setimg{
max-width:410px; margin:5% auto
}
.sub{border-left:5px solid #000; padding-left: 20px; line-height: 160% !important; }
.kakomi{margin-top:5%; border: 1px solid #cfcfcf; padding: 15px; display: flex;flex-wrap: wrap;}
.kakomi div:nth-child(1){
width: 10%; margin-right: 5%
}
.kakomi div:nth-child(2){
width: 80%; margin-top: 3%
}
	
	
#c06 .kaori{
position: relative; padding:5% 5% 0; max-width:850px; margin:0 auto
}
#c06 .kaori h2{
border-left:5px solid #bc6867; padding-left: 20px; line-height: 160% !important; 
}
#c06 .kaori table tr td{
vertical-align: top; padding:5px 0
}
#c06 .kaori a{
text-decoration: underline; color:#000
}
#c06 .kaori p{
line-height: 180% !important;  text-align: center
}
#c06 .btn{
display: flex;flex-wrap: wrap; max-width:430px; margin:20px auto
}
#c06 .btn div:nth-child(1){
width: 48%; margin:0 auto
}
#c06 .btn div:nth-child(2){
width: 48%; margin:0 auto
}
#c06 .setimg{
max-width:410px; margin:5% auto
}
	
	
#c07 .annai{
padding:5% 5% 0; max-width:850px; margin:0 auto; 
}
#c07 .annai h2{
border-left:5px solid #bc6867; padding-left: 20px; line-height: 160% !important; width: 100%
}
#c07 .annai table tr td{
vertical-align: top; padding:5px 0
}
#c07 .annai a{
text-decoration: underline; color:#000
}
#c07 .setimg{
max-width:610px; margin:5% auto
}
.bnr {display: flex;flex-wrap: wrap;}
.bnr div{width: 48%; margin:0 auto 5%}
.sns{
background: #f7f7f7; padding: 30px; text-align: center; width: 100%
}
	
	
#c08 .store{
position: relative; padding:5%; max-width:850px; margin:10% auto 5%; background: #f7f7f7
}
#c08 .store h2{
border-left:5px solid #000; padding-left: 20px; line-height: 160% !important; 
}
#c08 .store table tr td{
vertical-align: top; padding:5px 0
}
#c08 .store a{
text-decoration: underline; color:#000
}
#c08 .setimg{
max-width:610px; margin:5% auto
}
#ic .btn{
position: relative;
padding: 5% 0;
margin: 0 auto;
text-align: center;
width: 80%;
clear: both;
}
.blog_txt{padding: 5%}
img.attachment-full.default-featured-img {
  display: flex;
  margin: 0px auto;
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																															}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																															
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {width: 100%; height: auto;}
img.attachment-post-thumbnail.default-featured-img {width: 100%; height: auto;}
img.attachment-full.size-full.wp-post-image {width: 100%; height: auto;}
#ic_news .btn{
  position: relative; padding:5% 0; margin:0 auto; text-align: center; width: 80%; clear: both
}
  
#share{
width:100%; margin: 60px 0
}
.share_box{
  max-width: 140px; margin: 0 auto 5%; float: right; display: flex;flex-wrap: wrap;
}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	@media screen and (max-width:779px) {.blog_txt img{width:100%;height:auto;}}
/* お問い合わせ */
input#short-width { max-width: 180px; }
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																			span.wpcf7-list-item { /*font-size: large;*/ }
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																			/* privacy policy */
#privacy{padding: 15% 5% 0; max-width: 850px; margin:0px auto 100px;}
#privacy h2{font-size:100%; margin:5% 0 2%;}
#privacy ul{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#privacy ul li{font-size:14px;color:#595959;}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	
@media screen and (max-width:779px) {																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	
.ttl-sub-txt{
margin:0 auto 40px;text-align:left;
}
.slide-img{
    text-align: right;
    position: relative;
    margin: -25px auto;
    max-width: 1285px;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	}
.slide-img img{
    padding: 0 10px;
    width:50px																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																							
}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																					
}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	@media screen and (min-width:780px) {																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	
.ttl-sub-txt{
margin:0 auto 40px;text-align:center;
}
.slide-img{
    text-align: right;
    position: relative;
    margin: -60px auto;
    max-width: 1285px;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																	}
.slide-img img{
    padding: 0 20px;
    width:80px																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																							
}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																			}
												

.wpcf7.js{
  border: 0px solid #000!important
}

/*===============================================================
                    リニューアルに伴う打ち消し
=================================================================*/

.News_cate{
  width: 30%;
}

.News_cate p{
  margin-bottom:0;
}


/*===============================================================
                    リニューアルに伴う追加
=================================================================*/


/* ===========================
//         全体共通
// ===========================*/


/* ----------- display on-off --------------*/

.linebreak{display: none;}

@media screen and (min-width:993px) {
  .tb{display:none} 
  .tb_d{display:none} 
  .sp{display:none}
  .u_sp{display: block;}
  .pc_s{display: none;}

}

@media screen and (max-width:992px) {
  .tb{display:none} 
  .tb_d{display:none} 
  .sp{display:none}
  .u_sp{display: block;}
  .pc_s{display: block;}
}


@media screen and (max-width:768px) {
  .pc{display:none} 
  .tb{display:block} 
  .tb_d{display:block} 
  .sp{display:none}
  .u_sp{display: block;}
  .pc_s{display: none;}

}

@media screen and (max-width:430px) {
  .pc{display:none} 
  .tb{display:none}
  .tb_d{display:block} 
  .sp{display:block}
  .u_sp{display: none;}
  .pc_s{display: none;}

}


/* ----------- window幅 --------------*/


html {
  margin-top: 0px !important; 
   scroll-behavior: smooth;
}

@media screen and (max-width: 782px){
html {
    margin-top: 0px !important;
  }
}

body{
  position: relative;
  max-width: 100%;
  background-color: #FEFEFE;
}

body.active{
  height: 100%;
  overflow: hidden;
}

.container{
  box-sizing: content-box;
}


section{
  padding-top:160px;
  padding-bottom:160px;
}


.content-sss{
  max-width: 720px;
  margin:0 auto;
}


.content-ss{
  max-width: 1120px;
  margin:0 auto;
}

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

.content-m{
  max-width: 1280px;
  margin:0 auto;
}

.content-l{
  max-width: 1360px;
  margin:0 auto;
}

.content-ll{
  max-width: 1440px;
  margin:0 auto;
}

img{
  max-width: 100%;
}

@media screen and (max-width:1440px) { 
  .content-l,.content-ll{
    margin-left:80px;
    margin-right:80px
  }  
}

@media screen and (max-width:1360px) { 
  .content-l,.content-ll{
    margin-left:80px;
    margin-right:80px
  }  
}
@media screen and (max-width:1280px) { 
  .content-ss,.content-s,.content-m,.content-l,.content-ll{
    margin-left:80px;
    margin-right:80px
  }  
}
@media screen and (max-width:1200px) { 
  .content-s,.content-m,.content-l,.content-ll{
    margin-left:80px;
    margin-right:80px
  }  
}
@media screen and (max-width:1120px) { 
  .content-ss,.content-s,.content-m,.content-l,.content-ll{
    margin-left:80px;
    margin-right:80px
  }  
}

@media screen and (max-width:992px) { 
  .content-ss,.content-s,.content-m,.content-l,.content-ll{
    margin-left:40px;
    margin-right:40px
  }  
  .container{
    margin-left:40px;
    margin-right:40px;
  }

  section{
    padding-top:40px;
    padding-bottom:40px;
  }


}

@media screen and (max-width:768px) { 

  section{
    padding-top:120px;
    padding-bottom:120px;
  }

  .content-sss,.content-ss,.content-s,.content-m,.content-l,.content-ll{
    margin-left:40px;
    margin-right:40px
  } 
  
}

@media screen and (max-width:720px) { 
  .content-sss,.content-ss,.content-s,.content-m,.content-l,.content-ll{
    margin-left:40px;
    margin-right:40px
  }  
}

@media screen and (max-width:576px) { 
  .content-sss,.content-ss,.content-s,.content-m,.content-l,.content-ll{
    margin-left:24px;
    margin-right:24px
  }

  .container{
    margin-left:24px;
    margin-right:24px;
  }

  section{
    padding-top:40px;
    padding-bottom:40px;
  }

}


@media screen and (max-width:390px) { 

  section{
    padding-top: 80px;
    padding-bottom:80px;
  }
}


/* text style */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Shippori Mincho B1', serif;
  color: #595959;
  line-height: 1.5em;
} 

p,a,li{
  line-height: 2.4em;
}


p{
  font-family: 'Shippori Mincho B1', serif;
  color: #595959;
  margin-bottom:1.5em;
} 

a{
  text-decoration: none;
  color: #595959;
  margin:0;
  font-family: 'Shippori Mincho B1', serif;
}

a:hover{
  opacity:0.75;
  transition:opacity 0.3s ease-out;
} 

a img:hover{
  opacity:0.75;
  transition:opacity 0.3s ease-out;
} 


ul li{
  font-family: 'Shippori Mincho B1', serif;
  color:#595959;
}

table tr th,table tr td{
  margin:0;
  font-family: 'Shippori Mincho B1', serif;
  color: #595959;
} 

figcaption{
  font-family: 'Shippori Mincho B1', serif;
  color:#333333;
  font-size: 12px;
}

.jp-type1{
  font-family: 'Shippori Mincho B1', serif;
}
.jp-type2{
  font-family: 'Noto Sans JP', sans-serif;
}
.en-type1{
  font-family: 'Marcellus', serif;
}
.en-type2{
  font-family: 'Times New Roman', serif;
}

.d-txt{
  color:rgba(89, 89, 89,.06);
  font-family: 'Marcellus', serif;
  letter-spacing: 0em;
}



.s-title{
  font-size:30px;
  text-align: center;
  margin-bottom:24px;
  line-height: 1em;

}

.s-sub-title{
  color:#CC3366;
  font-size: 14px;
  text-align: center;
  font-family: 'Marcellus', serif;
  letter-spacing: 0.1em;
  line-height: 1em;
  margin-bottom:80px;
}

.outer-circle{
  width: 17.0833vw;
  height: 17.0833vw;
  font-size:1.354vw;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.4em;
  line-height: 2em;
  text-indent: 0.6em;
}

.outer-circle:after{
  content:'';
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  border:1px solid #CCCCCC;
  border-radius: 50%;
  display: block;
}

.outer-circle span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.center-txt{
  text-align: center;
}

@media screen and (max-width:991px) {

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.5rem;
  }

  p{
    line-height: 2rem;
  }

}

@media screen and (max-width:768px) {
  .outer-circle{
    width: 216.62px;
    height: 216.62px;
    font-size:19px;
  }

  p,a,li{
    line-height: 2em;
  }
}


@media screen and (max-width:390px) { 
  
  .sub-title-en{
    color:#CC3366;
    font-size: 14px;
  }
  .outer-circle{
    width: 170px;
    height: 170px; 
    font-size:18px; 
  }

  .s-sub-title{
    margin-bottom:40px;
  }
  

}


/* btn style */

a.regular-black,a.regular-pink,a.regular-black-grad,a.regular-no-shadow{
  color:#fff;
  border:1px solid #F7F5F2;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 28px;
  padding: 8px 16px;
  position: relative;
}

a.regular-black{
  background-color: #333333;
}


a.regular-pink{
  background-color: #BA0055;
}

a.regular-black-grad{
  background:linear-gradient(#333333, #121212);
}

a.regular-no-shadow{
  color:#fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
}

a.regular-pink.large,a.regular-black.large{
  border:2px solid #F7F5F2;

}



.mail:before{
  content: '';
  width: 17.49px;
  height: 11.38px;
  background-image: url(../image/btn-mail.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  display: inline-block;
}

.arrow-type1:before{
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../image/btn-arrow-type1.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  display: inline-block;
  /*border: 1px solid rgba(89, 89, 89,.6);*/
  border-radius: 50%;
  position: relative;
  top: 0.5rem;
}

.arrow-type5:before{
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../image/arrow-type5.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  display: inline-block;
  /*border: 1px solid rgba(89, 89, 89,.6);*/
  border-radius: 50%;
  position: relative;
  top: 0.9rem;
}



.arrow-type2:after{
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../image/btn-arrow-type2.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5rem;
  display: inline-block;
  border: 1px solid rgba(89, 89, 89,.6);
  border-radius: 50%;
  position: relative;
  top: 0.5rem;
}

/* 背景色 */
.bg-F7F5F2{
  background-color: #F7F5F2;
}

/* ===========================
//         ヘッダー
// ===========================*/

.header__wrap{
  display: flex;
  justify-content:space-between;
  position: fixed;
  width: 100vw;
  z-index: 1000;
  padding:28px 40px;
  box-sizing: border-box;
}
.header__wrap.oem-navi{
  padding: 48px 40px 24px;
}

.header__wrap.is-scroll{
  padding:8px 40px;
  background-color: rgba(254,254,254,.9)
}

.header__wrap.oem-navi.is-scroll{
  padding: 36px 40px 8px;
  background-color: rgba(247, 245, 242,0.9)
}

.header__wrap .header-logo .color-logo{
  display: none;
}

.header__wrap.is-scroll .header-logo .white-logo{
  display: none;
}

.header__wrap.is-scroll .header-logo .color-logo{
  display: block;
}


.header-logo a img{
  width: 140px;
  height: auto;
}

.header-navi ul{
  display: flex;
  list-style:none;
  text-align: center;
  -moz-column-gap:2rem;
       column-gap:2rem;
  margin:0;
  padding:0;
}

.header-navi.oem-navi ul{
  -moz-column-gap:0rem;
       column-gap:0rem;
  margin-right:0px;
}

.header-navi.oem-navi ul li.oem-navi{
  margin-right:32px;
}

.header-navi.oem-navi ul li.oem-navi:last-child{
  margin-right:0px;
}


.header-navi-txt.oem-navi.header-navi-btn.type1{
  margin-left:8px;
  margin-right:16px;
}
.header-navi-txt.oem-navi.header-navi-btn.type2{
  margin-right:40px;
}


.header-navi ul li{
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-navi ul li.header-navi-txt a{
  text-align: center;
  font-size: 15px;
}
.header-navi ul li.header-navi-txt a span{
  font-size: 10px;
  display: block;
  line-height: 1em;
}
/*
.header-navi ul li.header-navi-btn a{
  padding: 5px 24px 0px;
  border-radius: 10px;
  box-sizing: border-box;
}
*/
.header-navi ul li.header-navi-txt.oem-navi a{
  font-size: 0.78125vw;
  line-height: 1.1em;
  align-items: center;
  display: flex;
}


.hangdown1,.hangdown2{
  position: relative;
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  height: 80%;
  padding-left:16px;
  padding-right:16px;
  padding-bottom: 8px;
  color:#fff;
  
}

.hangdown1:before{
  content: '';
  width: 32px;
  height: 22px;
  background-image: url(../image/btn-book.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: -65%;
  left: 37%;
}

.hangdown2:before{
  content: '';
  width: 32px;
  height: 22px;
  background-image: url(../image/btn-mail.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: -65%;
  left: 37%;
}


.hangdown1:after,.hangdown2:after{
  position: absolute;
  width: 100%;
  height: 200%;
  bottom:50%;
  left:0;
  content:'';
  z-index: -1;
}

.hangdown1,.hangdown1:after{
  background-color: #595959;
}
.hangdown2,.hangdown2:after{
  background-color: #333333;
}



@media screen and (max-width:1400px) {
  .header-navi.oem-navi ul li.oem-navi {
    margin-right: 24px;
  }
}

@media screen and (max-width:1300px) {
  .header-navi.oem-navi ul li.oem-navi {
    margin-right: 16px;
  }
}

@media screen and (max-width:1250px) {
  .header-navi.oem-navi ul li.oem-navi {
    margin-right: 8px;
  }
}



@media screen and (max-width:1300px) {

  .header-navi ul li.header-navi-txt a,.header-navi ul li.header-navi-btn a{
    font-size: 1.153846153846154vw;
  }
}
@media screen and (max-width:1220px) {
  .header-navi ul li.header-navi-txt.oem-navi a{
    line-height: 1em;
  }

  .header-navi ul{
    column-gap: 1.5em;;
  }
}
@media screen and (max-width:1070px) {
  .header-navi ul{
    column-gap: 1.1em;;
  }

}

@media screen and (max-width:992px) {

  .header-navi .header-navi-txt,.header-navi .header-navi-btn{
    display: none;
  }

  .header-navi .header-navi-txt.header-navi-modal{
    display: block;
  }

}

@media screen and (max-width:768px) {

  .header__wrap{
    padding: 32px 40px;
  }

  .header-logo a img{
    width: 120px;
    height: auto;
  }

  

}


@media screen and (max-width:768px) {

  .header__wrap{
    padding: 24px 24px;
  }

  .header-logo a img{
    width: 100px;
    height: auto;
  }

  

}



/*ヘッダー モーダル 制御*/

.modal-trigger,.modal-trigger-off{
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
}

.modal-trigger-off{
  position:absolute;
  top: 28px;
  right:40px;
}

.modal-trigger-off.is-scroll{
  top: 36px;
  right:40px;
}


.modal-trigger span,.modal-trigger-off span{
  width: 30px;
  height: 1px;
  background-color:#595959;
}

.modal-trigger-off span:nth-child(1){
  transform: rotate(25deg) translate(-5px,0px);
}

.modal-trigger-off span:nth-child(2){
  transform: rotate(-25deg) translate(3px,-20px);
}

@media screen and (max-width:390px) {
  .modal-trigger-off{
    position:absolute;
    top: 24px;
    right:24px;
  }
  
}




/*ヘッダー モーダル 表示*/

.modal-navi{
  display: flex;
  position: fixed;
  top:0;
  left:0;
  width: 100vw;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s linear;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 2000;

}

.modal-navi.active{
  pointer-events: auto;
  opacity: 1;
  transition: opacity .3s linear;
}


.modal-left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  /*max-width: 960px;*/
  padding: 10% 0 10% 10%;
  background-color: #fff;
  box-sizing: border-box;
}

.modal-item{
  position: relative;
}

.modal-item .d-txt{
  font-size:100px;
  line-height: 1em;
}

.modal-item a{
  display: block;
}

.modal-left ul.modal-item__oem{
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0 0;
  padding: 0;
}


.modal-left ul.modal-item__oem li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  line-height: 2em;
  margin-right:2em;
}
.modal-left ul.modal-item__oem li:before{
  border-top: 1px solid #CCCCCC;
  content: "";
  width: 16px;
  margin-right: 8px;
}

.modal-item-txt{
  position: absolute;
  left: 0;
  bottom: 0%;
  font-size: 24px;
}

.modal-item.oem-item .modal-item-txt{
  position: absolute;
  left: 0;
  top: 40%;
  font-size: 24px;
}



.modal-right{
  background-color:#F5F5F5 ;
  padding-top: 7%;
  padding-bottom: 7%;
  padding-left: 10%;
  padding-right: 10%;
  width: 50%;
  box-sizing: border-box;
  position: relative;
}

.modal-navi-list{
  display: flex;
  justify-self: start;
}

.modal-navi-list ul{
  padding-left: 0;
  width: 50%;
  margin-bottom:40px;
}

.modal-navi-list ul li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  line-height: 3em;  
}

.modal-navi-list ul li:before{
  border-top: 1px solid #CCCCCC;
  content: "";
  width: 16px; 
  margin-right:8px;
}

.modal-right .navi-btn{
  display: flex;
  -moz-column-gap:3rem;
       column-gap:3rem;
  row-gap:1rem;
  flex-wrap: wrap;

}

.modal-right .navi-btn a{
  padding: 16px 32px;
}


.company-name{
  font-size:18px;
  margin-top:62px;
  margin-bottom:24px;
  letter-spacing: 0.1em;
}

.navi-info .tel{
  font-size:26px;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.navi-info .address{
  font-size: 12px;
  line-height: 1rem;
  margin-bottom: 24px;
  letter-spacing: 0.1em;
}

.sns-icon__modal{
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.sns-icon__modal a{
  background-color: #fff;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
}

.sns-icon__modal a img{
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (min-width:1920px) {
  .modal-left{
    /*width: 960px;*/
  }

}


@media screen and (max-width:1420px) {
  .modal-item .d-txt{
    font-size:7.042253521126761vw;
  }
  
}

@media screen and (max-width:768px) {

  .modal-navi{
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 100vh;
  }
  .modal-left{
    width: 100%;
    padding-bottom:10%;
  }  
  .modal-item .d-txt{
    font-size:48px;
    line-height: 7.8rem;
  }

  .modal-item-txt,.modal-item.oem-item .modal-item-txt{
    font-size:18px;
  }

  .modal-item.oem-item .modal-item-txt{
    top:64px;
  }

  .modal-left ul.modal-item__oem{
    margin-top:0;
  }

  .modal-left ul.modal-item__oem .modal-item-txt a{
    line-height: 1em;
  }

  .modal-right{
    width: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .modal-navi-list ul{
    width: 50%;
  }

  .modal-navi-list ul li{
    margin-bottom: 1rem;
  }


  .modal-right .navi-toSimulation-btn{
    width: 54%;
    margin-left:auto;
    margin-right:auto;
  }

  .modal-right .navi-btn{
    width: 50%;
    margin-left:auto;
    margin-right:auto;
  }

  .modal-right .navi-btn a{
    background-color: #BA0055;
    width: 100%;
    text-align: center;
  }

  .modal-item-txt{
    bottom:20%;

  }

  .navi-info{
    text-align: center;
  }
  .sns-icon__modal {
    justify-content: center;
  }  

}
@media screen and (max-width:600px) {
  .modal-right .navi-toSimulation-btn{
    width: 100%;
  }

  .modal-right .navi-btn{
    width: 90%;
  }

}


@media screen and (max-width:390px) {

  .modal-right .navi-toSimulation-btn{
    width: 100%;
  }

  .modal-right .navi-btn{
    width: 90%;
  }

  .modal-item .d-txt{
    font-size:41px;
    line-height: 5.8rem;
  }


  .modal-navi-list ul li{
    font-size:12px;
    line-height: 2em;
  }

  .modal-item.oem-item .modal-item-txt{
    top:40px;
  }

  
}

/* ===========================
//        フッター
// ===========================*/


footer{
  background-color: #FAFAFA;
  padding:40px 0;
}

.footer__wrap{
  display: flex;
/*  column-gap: 14.2%;*/
}

.footer__left{
  width: 50%;
  display: flex;
  -moz-column-gap: 6.6%;
       column-gap: 6.6%;
}


.footer__left__logo{
  width:13.5%;
}
.footer__left__logo img{
  width:64.71px;
}


.footer__left__txt{
  width:79.5%;
}

.address{
  font-size:12px;
  line-height: 1rem;;
  margin-bottom:0px;
  letter-spacing: 0.1em;
}

.tell{
  font-size:26px;
  margin-bottom:0;
  letter-spacing: 0.1em;
}

.business-hours{
  font-size:12px;
  margin-bottom: 24px;
  line-height: 1rem;;
}

.sns-icon{
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}


.footer__right{  
  width: 50%;
  display: flex;
  flex-flow: column;
  justify-content:space-between;
  text-align: right;
}

.footer-navi ul{
  display: flex;
  justify-content: right;
  -moz-column-gap:1rem;
       column-gap:1rem;
  flex-wrap: wrap;
}

.footer-navi ul li{
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-navi ul li:before{
  border-top: 1px solid #CCCCCC;
  content: "";
  width: 16px; 
  margin-right:8px;
}

.footer-copyright{
  color:#595959;
  font-size:14px;
  letter-spacing: 0.1em;
}

@media screen and (max-width:992px) {

  .footer__wrap{
    flex-wrap: wrap;
    justify-content: center;
  }  
  .footer__left{
    width: 100%;
    flex-wrap: wrap;
  }

  .footer__left__logo{
    width:100%;
    text-align: center;
  }

  .footer__left__logo img{
    width:65px;
  }

  .footer__left__txt{
    width:100%;
  }
  
  .address,.tell,.business-hours{
    text-align: center;
    display: block;
  }

  .sns-icon{
    justify-content: center;
  }

  .footer__right{
    width: 100%;
    max-width: 520px;
    justify-content:start;
  }

  .footer-navi ul{
    justify-content: left;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .footer-navi ul li{
    width: 50%;
    justify-content: left;
    margin-bottom:1rem;
  }

  .footer-copyright{
    width: 100%;
    text-align: center;
  }

}

@media screen and (max-width:390px) {

  .footer-navi ul{
    width: 250px;
    margin-left:auto;
    margin-right:auto;    
  }

  .footer-navi ul li{
    width: 100%;
  }

}



/* ===========================
//         cta
// ===========================*/


.cta-area{
  background-image: url(../image/cta-contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5.2rem;;
  box-sizing: border-box;
  border-radius: 16px;
  border:1px solid rgba(112, 112, 112,0.48);
}

.cta-area h2{
  text-align: center;
  font-size:34px;
  margin-bottom: 3rem;
  letter-spacing: 0.4em;
}

.cta-inner{
  display: flex;
  -moz-column-gap:10%;
       column-gap:10%;
  justify-content: center;
}

.cta-inner a{
  line-height: 1em;
  max-width: 340px;
  letter-spacing: 0.1em;
  padding:16px 34px; 
}


@media screen and (max-width:1280px) {
  .cta-area{
    max-width: 688px;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-inner{
    flex-wrap: wrap;
    text-align: center;
    row-gap:1.5rem;
  }

  .cta-inner a{
    width: 80%;
  }


}

@media screen and (max-width:768px) {
  .cta-area{
    padding:3em;
    margin-left: 40px;
    margin-right: 40px;

  }
}

@media screen and (max-width:510px) {
  .cta-area{
    padding: 2em;
  }
}


@media screen and (max-width:430px) {
  .cta-area{
    padding: 3em 24px;
    text-align: center;
    max-width: 100%;
    margin-left:24px;
    margin-right:24px;
    margin-bottom:80px;
  }

  .cta-inner a {
    width: 100%;
    font-size: 15px;
  }
}


/* ===========================
//   シミュレーションボタン
// ===========================*/

.toOEMbtn,.modal__toOEMbtn{
  position: fixed;
  bottom:40px;
  right:40px;
  width: 188px;
  z-index:1000;
  transition:opacity 0.3s;
}

.toOEMbtn.stop{

position: absolute;
bottom: calc(var(--iconPosition) + 40px);
}


.toOEMbtn img{
  width: 100%;
}




@media screen and (max-width:768px) {
  .toOEMbtn{
    width: 140px;
  }
}

@media screen and (max-width:430px) {

  .toOEMbtn{
    width: 100px;
    right:16px;
    bottom:16px;
  }


  .toOEMbtn.stop{

    position: absolute;
    bottom: calc(var(--iconPosition) + 16px);
    }



}

/* ===========================
//    swiper デフォルト書き換え
// ===========================*/

.swiper-button-prev::after,
.swiper-button-next::after {
  bottom: 0!important;
  content: ""!important;
  height: 0!important;
  margin: auto!important;
  position: absolute!important;
  top: 0!important;
}

span.swiper-pagination-bullet{
  background: #595959!important;
  opacity: 0.2;
}

span.swiper-pagination-bullet-active{
  opacity: 1;
}

/* ===========================
//         Topページ
// ===========================*/

/*メインヴィジュアル*/

.section.mv{
  position: relative;
  background-color: #F2F2F2;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 800px;
  padding:0;
  margin:0;
}

.main-visual-animation{
  display: flex;
  justify-content: center;
}

.main-visual-animation video{
  height: calc(var(--vh, 1vh) * 100);
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin:0 auto;
}

.main-visual-txt{
  position: absolute;
  bottom:80px;
  left:80px;
}

.main-visual-txt .sub-txt{
  font-size: 20px;
  letter-spacing:0.5em;
  margin-bottom: 0;
  line-height: 1em;
}

.main-visual-txt .main-txt{
  font-size: 42px;
  letter-spacing:0.08em;
  margin:1rem 0;
  line-height: 1em;
}

.main-visual-txt .en-txt{
  font-size: 13px;
  letter-spacing:0.2em;
  line-height: 1em;
  margin-bottom:0;
}

@media screen and (max-width:992px) {

.main-visual-txt{
  position: absolute;
  bottom:40px;
  left:40px;
}
}

@media screen and (max-width:980px) {
  .main-visual-txt .main-txt{
    font-size: 4.233870967741935vw;
  }
}



@media screen and (max-width:768px) {

  .main-visual-txt .sub-txt{
    font-size: 15px;
  }

  .main-visual-txt .main-txt{
    font-size: 32px;
  }

  .main-visual-txt .en-txt{
    font-size: 10px;
  }
}

@media screen and (max-width:620px) {


  .main-visual-txt .main-txt{
    font-size: 4.166666666666666vw;
  }

}

@media screen and (max-width:390px) {


  .main-visual-animation video{
    max-width: 180%;
    -o-object-fit: contain;
       object-fit: contain;
    margin:0 auto;
    overflow: hidden;
  }
  

  .main-visual-txt{
    position: absolute;
    bottom:24px;
    left:24px;
  }
    

  .main-visual-txt .sub-txt{
    font-size: 11px;
  }

  .main-visual-txt .main-txt{
    font-size: 21px;
  }

  .main-visual-txt .en-txt{
    font-size: 7px;
  }
}


/*アバウト セクション*/

.section.about{
  overflow-x: hidden;
  overflow-y: hidden;
}

.about-d-txt-type1,.about-d-txt-type2{
  white-space: nowrap;
  -webkit-user-select : none;
     -moz-user-select : none;
      -ms-user-select : none;
          user-select : none;
  width: 200vw;
  font-size: 160px;
  line-height: 1em;
}

.about-d-txt-type2{
  margin-bottom:0;
}

@media screen and (min-width:1920px){
  .about-d-txt-type1,.about-d-txt-type2{
    font-size:8.333vw;
  }
}

.about-d-txt-type1{
  transform: translate(-5.3em,0px);
  margin-bottom: 0.7em;
}
.about-d-txt-type2{
  transform: translate(-1.9em,0px);
  margin-top: 0.7em;

}

.about-warp{
  display: flex;
  justify-content: center;
  -moz-column-gap: 1.5%;
       column-gap: 1.5%;
}

.about__main-txt{
  width: 60%;
  max-width: 665px;
  text-align: center;
}

.about__main-txt .main-txt{
  font-size:32px;
  margin-bottom:1rem;
  line-height: 2em;
}

.about__main-txt .main-txt span{
  font-size:50px;
}

.about__main-txt .sub-txt{
  font-size: 15px;
}

.bottol-img-type1,.bottol-img-type2{
  flex:1;
  background-image: url(../image/perfumery-line.png);
  background-size: 1380px;
  background-repeat:no-repeat;

}

.bottol-img-type1{
  background-position:right;
}
.bottol-img-type2{
  background-position:left;  
}

@media screen and (min-width:993px) and (max-width:1920px){
  .bottol-img-type1,.bottol-img-type2{
    background-size: 230%;
  }
}

@media screen and (max-width:1040px){

  .about__main-txt .linebreak{
    display: block;
  }

}

@media screen and (max-width:992px) {
  .about-warp{
    flex-wrap: wrap;
    position: relative;
  }
  .about__main-txt{
    width: 100%;
    max-width: 100%;
  }
  
  .bottol-img-type1{
    display: none;
  }
  .bottol-img-type2{
    width: 120vw;
    height: 160px;
    position: absolute;
    bottom: -90%;
    background-size: contain;
    background-position: top;
  }  
  .about-d-txt-type2 {
    margin-bottom: 100px;
  }
  .about__main-txt .sub-txt{
    margin-left:40px;
    margin-right:40px;
  }
}



@media screen and (max-width:768px) {

  .about__main-txt .main-txt{
    font-size:4.166666666666666vw;
  }
  .about-d-txt-type1,.about-d-txt-type2{
      font-size: 120px;
  }    
  .bottol-img-type2{
    bottom: -70%;
  }  

}

@media screen and (max-width:576px) {
  .about__main-txt .main-txt{
    margin-left:24px;
    margin-right:24px;

  }

}


@media screen and (max-width:390px) {

  .about__main-txt .main-txt{
    font-size:22px;
  }
  
  .about__main-txt .main-txt span{
    font-size:34px;
  }
  .about__main-txt .sub-txt{
    font-size:14px;
    margin-left:24px;
    margin-right:24px;
    text-align: left;
  }
  .about-d-txt-type1,.about-d-txt-type2{
    font-size: 80px;
  }    
  .bottol-img-type2{
    bottom: -75%;
  }  


}


/*コンセプト セクション*/

.section.consept{
  background-image: url(../image/wave-top.png);
  background-repeat:no-repeat;
  background-position: bottom;
  background-size: 130%;
  overflow: hidden;
  padding-bottom:0;
  padding-top: 180px;
}

.consept-warp{
  display: flex;
}

.consept-txt{
  width: 50%;
  margin-top: 0%;
}

.consept-txt .main-txt{
  font-size:102px;
  line-height: 1em;
  margin-bottom:0;
}
.consept-txt .sub-txt1{
  font-size:26px;
}
.consept-txt .sub-txt2{
  font-size:16px;
}
.consept-txt .sub-txt3{
  font-size:15px;
}

.consept-txt .s-sub-title{
  text-align: left;
}
@media screen and (max-width:1280px) {

  .consept-txt .main-txt{
    font-size: 7.968749999999999vw;
  }
  .consept-warp{
    margin-left:40px;
    margin-right:40px;
  }
}
@media screen and (max-width:992px) {

  .section.consept{
    padding-top: 25%;
  }
  .consept-txt .main-txt{
    font-size:62px;
  }
  .consept-txt .sub-txt1{
    font-size:22px;
  }
  .consept-txt .sub-txt2{
    font-size:15px;
  }
  .consept-txt .sub-txt3{
    font-size:14px;
  }
}

@media screen and (max-width:768px) {
  .consept-txt{
    padding-left:40px;
  }

  .section.consept{
    background-size: 100%;
  }


}

@media screen and (max-width:696px) {
  .consept-txt .main-txt{
    font-size:8.908045977011495vw
  }
}


@media screen and (max-width:390px) {  

  .section.consept{
    padding-top:0;
    background-size: 270%;
    background-position: 80% 100%;
  }
  .consept-warp{
    flex-wrap: wrap;
    margin-left:24px;
    margin-right:24px;
  }
  
  .consept-txt{
    width: 100%;
    padding-left: 0px;
  }

  .consept-txt p.s-sub-title{
    text-align: center;
  }

  .consept-img{
    width: 100%;
    padding: 15% 0 30%;
  }
}



.consept-img{
  width: 50%;
  position: relative;
}

.bottol-img{
	position: relative;
  width: 495px;
  height: 500px;
}

@media screen and (max-width:768px) {

  .bottol-img{
    position: relative;
    width: 410px;
    height: 500px;
    padding-left: 1em;
  }
  
}


.bottol-img:before{
  content: "";
  position: absolute;
  width: 479px;
  height: 479px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 56px rgba(0, 0, 0, 0.16);
  top: -10%;
  right: -20%;
}



.bottol-img img{
	position: absolute;
	width: 100%;
	opacity: 0;
	-webkit-animation: change-img-anim 21s infinite;
	        animation: change-img-anim 21s infinite;
}

.bottol-img img:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
  -webkit-animation: change-img-anim-first 21s infinite;
          animation: change-img-anim-first 21s infinite;
}
.bottol-img img:nth-of-type(2) {
	-webkit-animation-delay: 7s;
	        animation-delay: 7s;
}
.bottol-img img:nth-of-type(3) {
	-webkit-animation-delay: 14s;
	        animation-delay: 14s;
}

@-webkit-keyframes change-img-anim-first {
	0%{ opacity: 1;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}

@keyframes change-img-anim-first {
	0%{ opacity: 1;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@-webkit-keyframes change-img-anim {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}

.cap-img{
  position: absolute;
  top: -180px;
  left: 180px;
  width: 134.59px;
}

.cap-img img{
  width: 100%;
}


@media screen and (max-width:992px) {}



@media screen and (max-width:768px) {
  .cap-img {
    left: 170px;
    top: -173px;
    width: 119.59px;
  }
  .bottol-img:before {
    width: 250px;
    height: 250px;
    top: -10%;
    right: 40%;
  }

}

@media screen and (max-width:390px) {

  .consept-img{
    width: 100%;
  }

  .bottol-img{
    position: relative;
    width: 245px;
    height: 250px;
    padding-top: 98px;
  }

  .cap-img {
    position: absolute;
    top: 30px;
    left: 101px;
    width: 84.59px
  }

  .bottol-img:before {
    top: 23%;
    right: -15%;
  }
  
}

/*事業内容 セクション*/

.section.business{
  background-image: url(../image/wave-bottom.png);
  background-repeat:no-repeat;
  background-position: 100% 0%;
  background-size: 100%;

}

@media screen and (max-width:1280px) {
  .section.business{
    background-position: 50% -10%;
    background-size: 130%;

  }
  
}

@media screen and (max-width:768px) {
  .section.business{
    background-position: 50% 0%;
    background-size: 100%;
    padding-top:0;
  }
}
@media screen and (max-width:390px) {
  .section.business{
    background-size: 150%;
  }

}

.business__item__wrap{
  display:flex;
  -moz-column-gap:6%;
       column-gap:6%;
  justify-content: center;
  margin-top: 98px;
}

.business__item{
  width:40%;
}

.business__item__img{
  width: 100%;
}

.business__item__img img{
  width: 100%;
}

.business__item__title h3{
  font-size:26px;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.5rem;
}

.business__item__title p.sub-title{
  font-size:12px;
  color:#CC3366;
  text-align: center;
  margin-bottom: 1rem;
}

.business__item__btn{
  text-align: center;
  margin-top: 1rem;
  max-width: 320px;
  margin-left:auto;
  margin-right:auto;
}


@media screen and (max-width:992px) {

  .business__item.shorttxt{
    position: relative;
  }
  .business__item.shorttxt .business__item__btn{
    position: absolute;
    bottom:0;
    width: 100%;
  }
  
}


.business__item__btn a{
  margin:0 auto;
  width: 80%;
  display: block;
  padding: 0.5rem 0 1rem 0;
  letter-spacing: 0.1em;
}


@media screen and (max-width:768px) {

  .business__item{
    margin-top:15%;
  } 

  .business__item__wrap{
    flex-wrap: wrap;
    margin-top: 18px;
  }

  .business__item{
    width:70%;
  }

  .business__item.shorttxt .business__item__btn{
    position: static;
  }

}

@media screen and (max-width:660px) {
  .business__item__btn a{
    width: 100%;
    box-sizing: border-box;
  }  


}

@media screen and (max-width:390px) {
  .business__item{
    width:100%;
  }


}


/* -------------ニュース セクション------------- */



.section.news-re{
  display: flex;
  align-items: center;
  border-bottom:none!important;
  border-top:1px solid #EFEFEF!important;
}

.news-title{
  width: 30%;
  text-align: center;
}

.news-title h2{
  font-size:44px;
  margin-bottom:0;
  color:#333333;
  letter-spacing: 0.4em;
}

.news-title p.sub-title{
  font-size:13px;
}

.news-title a{
  font-size:14px;
}


.news-list{
  width: 70%;
}

.news-list__item{
  display: flex;
}

.news-list__item .news-date{
  width:15%;
  font-size:12px;
}

.news-list__item .news-category{
  width:20%;
}

.news-list__item .news-category span{
  font-size:12px;
  border:1px solid #CCCCCC;
  border-radius: 5px;
  padding: 0.3rem 0.3rem;
}


.news-list__item .news-txt{
  width:65%;
  font-size:15px;

}



@media screen and (max-width:1280px) {

  .section.news-re{
    flex-wrap: wrap;
    width: 100%;
    margin:0 auto;
  }

  .news-title{
    width: 100%;
    text-align: center;
    margin-bottom:5%;
  }

  .news-list{
    width: 70%;
    margin:0 auto;
  }

  .news-list__item{
    flex-wrap: wrap;
    margin-bottom:1rem;
  }

  .news-list__item .news-category{
    width: 85%;
    margin-bottom:0.5rem;
  }

  .news-list__item .news-txt{
    width: 100%;
  }

}

@media screen and (max-width:900px) {

  .news-list__item .news-date{
    width: 20%;
  }

  .news-list__item .news-category{
    width: 80%;
  }

}

@media screen and (max-width:565px) {

  .news-list__item .news-date{
    width: 25%;
  }

  .news-list__item .news-category{
    width: 75%;
  }

}

@media screen and (max-width:440px) {

  .news-list__item .news-date{
    width: 30%;
  }

  .news-list__item .news-category{
    width: 70%;
  }

}

@media screen and (max-width:390px) {

  .news-list{
    width: 100%;
    padding-left:24px;
    padding-right:24px;
  }
  

  .news-list__item .news-date{
    width: 35%;
  }

  .news-list__item .news-category{
    width: 65%;
  }

}




/* ===========================
//         OEMページ
// ===========================*/


.section.oem-mv{
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height:800px;
  max-height:1080px;
  padding:0;
  margin:0;
  overflow-y: hidden;
}

.main-visual-oem{
  position: relative;
  overflow: hidden;
}

.main-visual-oem-txt{
  padding:10% 0 10% 5%;
  position: relative;
  z-index: 100;
  max-height: 100vh;
  box-sizing: border-box;
  min-height: calc(var(--vh, 1vh) * 100);
}

.main-visual-oem-txt__inner{
  position: absolute;
  bottom:160px;

}


.main-visual-oem-txt h2{
  font-size:40px;
  font-size:2.083vw;
  font-weight: 600;
}

.main-visual-oem-txt .d-txt{
  font-size:132px;
/*  font-size:6.875vw;*/
  line-height: 1.2em;
  margin-bottom: 0;
  letter-spacing: 0.1em;
}

.main-visual-oem-img{
  position: absolute;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 40%;;
  background-image: url(../image/FV-Bg.png);
  background-repeat: repeat-y;
  -webkit-animation: bgroop 50s linear infinite;
          animation: bgroop 50s linear infinite;
  z-index: 1;
  min-height: calc(var(--vh, 1vh) * 100);
}

.main-visual-oem-img:before{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 25%;
  content: '';
  background: linear-gradient(rgba(247, 245, 242,1)50%,rgba(247, 245, 242,0));
}


.main-visual-oem-img:after{
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 10%;
  content: '';
  background: linear-gradient(rgba(247, 245, 242,0),rgba(247, 245, 242,1));
}


@-webkit-keyframes bgroop {
  from {
      background-position: 0 0;
  }
  to {
      background-position: 0 -1956px;
  }

}


@keyframes bgroop {
  from {
      background-position: 0 0;
  }
  to {
      background-position: 0 -1956px;
  }

}

p.scroll-txt{
  transform:rotate(90deg);
  transform-origin:left top;
  margin-left: 2.7rem;
  border-bottom: 1px solid #000;
  font-size:14px;
  font-size:0.729vw;
  width: 220px;
}


@media screen and (max-width:768px) {

  .main-visual-oem{
    margin-left:0;
    margin-right:0;
  }

  .main-visual-oem-img{
    left:0%;
    min-height:calc(var(--vh, 1vh) * 80);
  }


  .main-visual-oem-txt{
    padding:30% 0 0% 0%;
  }

  .main-visual-oem-txt .d-txt{
    font-size:103px;
  }

  .main-visual-oem-txt h2{
    padding-left:40px;
    font-size:40px;
    margin-top: -5%;
  }

  .main-visual-oem-txt p.sub-text{
    padding-left:40px;

  }

  p.scroll-txt{
    margin-left: 64px;
    padding-bottom: 8px;
  }

  .main-visual-oem-img:before{
    height: 30%;
  }

  .main-visual-oem-txt__inner{
    position: absolute;
    bottom:40px;
  
  }
  

}

@media screen and (max-width:430px) {

  .main-visual-oem-txt{
    padding: 90% 0 0% 0%;
  }

  .main-visual-oem-txt .d-txt{
    font-size:53px;
    font-size: 12vw;
  }

  .main-visual-oem-txt h2{
    padding-left: 24px;
    font-size: 26px;
    font-size: 6.66666666666666vw;
    margin-top: -5%;
  }

  .main-visual-oem-img{
    background-size: 160%;
    min-height: calc(var(--vh, 1vh) * 60);
  }

  .main-visual-oem-txt p.sub-text{
    padding-left:24px;
    padding-right:24px
  }

  p.scroll-txt{
    padding-bottom: 8px;
    font-size: 10px;
    margin-left: 54px;
  }


  .main-visual-oem-txt__inner{
    position: absolute;
    bottom:15px;
  
  }


}


/* -------------promise セクション------------- */

.promise-warp{
  display: flex;
  align-items: center;
  -moz-column-gap:5%;
       column-gap:5%;
}

.promise-txt{
  position: relative;
  width: 45%;
}
.promise-txt .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}

.promise-txt__sub{
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: -3%;
  font-size: 22px;
  padding-right: 2em;
}

.promise-img{
  width: 50%;
}

.promise-img video{
  width: 100%;
  border-radius: 20px 0 0 20px;
}

@media screen and (max-width:1600px) {
  .promise-txt .d-txt{
    font-size:10.125vw;
  }
}

@media screen and (max-width:1280px) {
  .promise-txt__sub{
    margin-left:40px;
  }
}


@media screen and (max-width:768px) {
  .promise-warp{
    flex-wrap: wrap;
  }

  .promise-txt{
    width: 100%;
    position: relative;
  }

  .promise-txt .d-txt{
    font-size:142px;
    font-size:18.489583333333336vw;
  }

  .promise-txt__sub{
    margin-top: 0%;
    font-size: 18px;
    padding-left: 80px;

    position: absolute;
    bottom: -350%;
  }
  

  .promise-img{
    width: 100%;
    padding-left:80px;

  }

}

@media screen and (max-width:500px) {
  .promise-txt__sub{
    bottom: -400%;
  }

}

@media screen and (max-width:450px) {
  .promise-txt__sub{
    bottom: -420%;
  }

}

@media screen and (max-width:430px) {
  .sectiom.promise{
    overflow: hidden;
  }

  .promise-txt .d-txt{
    font-size:70px;
  }

  .promise-img{
    width: 100%;
    padding-left:24px;

  }

  .promise-txt__sub {
    margin-top: 0%;
    font-size: 16px;
    padding-left: 24px;
    position: absolute;
    bottom: -500%;
  }

}


/* -------------feature　セクション------------- */

.feature__title{
  position: relative;
}

.feature__title .d-txt{
  font-size:162px;
/*  font-size:8.4375vw;*/
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}


.feature__title .outer-circle{
  top: 60%;
  left: 10%;
}

.feature-warp{
  display: flex;
  -moz-column-gap:5%;
       column-gap:5%;
  align-items: center;
}

.feature-warp__left{
  width: 32%;

}

.feature-warp__left img{
  width: 90%;
}



.feature-warp__right{
  width: 42%;
  margin-top: 3%;
}

.feature-warp__right__inner{
  display: flex;
  padding-right:10%;
  margin-bottom:10%;
}

.feature-number{
  width: 20%;
}

.feature-number p{
  font-weight: 300;
  color:#595959;
  text-align: left;
  font-size:77px;
  font-size:4.01vw;
  line-height: 1em;
  margin-top: -0.3em;
  font-family: 'Marcellus', serif;
}

.feature-txt{
  padding-left:24px;
}

.feature-txt h3{
  font-size:26px;
  color:#CC3366;
  line-height: 1.5em;
}

.feature-bottom-img{
  width: 100%;
  background-image: url(../image/oem-feature-message-bg.png);
  background-size: cover;
  padding-top: 4%;
  padding-bottom: 15%;
  background-position: center;
  background-repeat: no-repeat;
}

.feature-bottom-img p{
  text-align: center;
  font-size:32px;
}

@media screen and (max-width:768px) {
 
  .feature__title .d-txt{
    font-size:142px;
    font-size:18.489583333333336vw;
    margin-top:160px;
    margin-bottom:1%;
  }
  
  
  .feature__title .outer-circle{
    top: 50%;
    left: 55%;
  }
  
  .feature-warp{
    flex-wrap: wrap;
  }
  
  .feature-warp__left{
    width: 100%;
    margin-bottom: 5%;

  }
  
  .feature-warp__left img{
    width: 60%;
  }
  
  .feature-warp__right{
    width: 100%;
  }
  
  .feature-warp__right__inner{
    padding-right: 0%;
    margin-bottom: 5%;
    margin-left:40px;
    margin-right:40px;
  }
  
  .feature-number{
    padding-top: 8px;
  }
  
  .feature-number p{
    font-size:57px;
  }

  .feature-bottom-img p{
    font-size:4.166666666666666vw;

  }
}

@media screen and (max-width:430px) {
  .feature__title .d-txt{
    font-size:70px;
    margin-top:160px;

  }

  .feature__title .outer-circle{
    left: 45%;
  }

  .feature-warp__left img {
    width: 50%;
  }

  .feature-warp__right__inner {
    flex-wrap: wrap;
    margin-left: 24px;
    margin-right: 24px;
  }

  .feature-number{
    width: 100%;  }

  .feature-number p{
    font-size:40px;
    text-align: center;
    margin-bottom:0;
  }

  .feature-txt{
    width: 100%;
    padding-left:0;
  }

  .feature-txt h3{
    font-size:18px;
    margin-top:1em;
    margin-bottom:1em;
  }

  .feature-bottom-img p {
    text-align: center;
    font-size: 17px;
}
}

/* -------------flow セクション------------- */


.flow__title{
  margin-bottom: 18%;
  position: relative;
}

.flow__title .d-txt{
  font-size:162px;
  font-size:8.4375vw;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}

.flow__title h2.outer-circle{
  top: 50%;
  left: 17%;
}

.flow-wrap{
  display: flex;
  -moz-column-gap: 6.5%;
       column-gap: 6.5%;
  flex-wrap: wrap;
  justify-content: center;
}

.flow-wrap__inner{
  width:27%;
  position: relative;
  margin-bottom: 8rem;
}

.flow-wrap__inner:nth-child(4):before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 50px;
  background-image: url(../image/arrow-type2.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top:40%;
  left:-11%;
}


.flow-wrap__inner:not(:nth-child(3n)):after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 50px;
  background-image: url(../image/arrow-type2.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top:40%;
  right:-11%;
}

.flow-wrap__inner__img{
  position: relative;
  text-align: center;
  min-height:140px;
  
}

.flow-wrap__inner__img p{
  position: absolute;
  color:#fff;
  font-size:162px;
  font-size:8.4375vw;
  line-height: 1em;
  margin-bottom:0;
  top: -25%;
  left: 0;
}


.flow-wrap__inner__img img{
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.flow-wrap__inner:nth-child(1) .flow-wrap__inner__img img{
  max-height: 146.81px;
  max-height: 7.646vw;
}
.flow-wrap__inner:nth-child(2) .flow-wrap__inner__img img{
  max-height: 141.5px;
  max-height: 7.369vw;

}
.flow-wrap__inner:nth-child(3) .flow-wrap__inner__img img{
  max-height: 126px;
  max-height: 6.562vw;

}
.flow-wrap__inner:nth-child(4) .flow-wrap__inner__img img{
  max-height: 140px;
  max-height: 7.291vw;
}
.flow-wrap__inner:nth-child(5) .flow-wrap__inner__img img{
  max-height: 119px;
  max-height: 6.197vw;
}
.flow-wrap__inner:nth-child(6) .flow-wrap__inner__img img{
  max-height: 120px;
  max-height: 6.25vw;
}

.flow-wrap__inner__txt p{
  margin-bottom:0;
}

.flow-wrap__inner__btn{
  text-align: right;
}

.flow-wrap__inner__btn button{
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size:14px;
  font-family: 'Marcellus', serif;
  color:#333333;
  cursor: pointer;

}



@media screen and (max-width:768px) {
  .flow__title .d-txt{
    font-size:142px;
    font-size:18.489583333333336vw;
  }  

  .flow__title h2.outer-circle{
    top: 8%;
    left: 55%;
  }

  .flow-wrap{
    -moz-column-gap: 8%;
         column-gap: 8%;
    flex-wrap: wrap;
    padding-left:40px;
    padding-right:40px;
  }
  
  .flow-wrap__inner{
    width:46%;
  }

  .flow-wrap__inner__img img{
    padding-left: 10%;
  }
  .flow-wrap__inner:nth-child(1) .flow-wrap__inner__img img{
    max-height: 146.81px;
  }
  .flow-wrap__inner:nth-child(2) .flow-wrap__inner__img img{
    max-height: 141.5px;
  
  }
  .flow-wrap__inner:nth-child(3) .flow-wrap__inner__img img{
    max-height: 126px;  
  }
  .flow-wrap__inner:nth-child(4) .flow-wrap__inner__img img{
    max-height: 140px;
  }
  .flow-wrap__inner:nth-child(5) .flow-wrap__inner__img img{
    max-height: 119px;
  }
  .flow-wrap__inner:nth-child(6) .flow-wrap__inner__img img{
    max-height: 120px;
  }
  
  .flow-wrap__inner__img p{
    font-size: 162px;
  }

  .flow-wrap__inner:nth-child(4):before{
    content: none;
  }

  .flow-wrap__inner:not(:nth-child(3n)):after{
    content: none;
  }

  .flow-wrap__inner:not(:nth-child(2n)):after{
    content: '';
    display: inline-block;
    width: 10px;
    height: 50px;
    background-image: url(../image/arrow-type2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top:40%;
    right:-9%;
  }
  
  .flow-wrap__inner:nth-child(2n+3):before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 50px;
    background-image: url(../image/arrow-type2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top:40%;
    left:-9%;
  }


  
}

@media screen and (max-width:660px) {

  .flow-wrap {
    -moz-column-gap: 8%;
         column-gap: 8%;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-right: 0px;
} 

  .flow-wrap__inner{
    width:100%;
    margin-bottom: 8rem;
  }

  .flow-wrap__inner:not(:nth-child(2n)):after{
    content: none;
  }
  .flow-wrap__inner:nth-child(2n+3):before{
    content: none;
  }

  .flow-wrap__inner:not(:last-child):after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 60px;
    background-image: url(../image/arrow-type2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 110%;
    left: 45%;
    transform: rotate(90deg);
  }

  .flow-wrap__inner:last-child{
    margin-bottom: 2rem;
  }
  
}

@media screen and (max-width:485px) {
  .flow__title h2.outer-circle{
    top: -62%;
    left: 45%;
  }

}

@media screen and (max-width:430px) {
  .flow__title .d-txt{
    font-size:70px;
  }
  .flow__title h2.outer-circle{
    top: 0%;
    left: 45%;
  }
}




/*flow-other*/

.flow-other{
  display:flex;
  justify-content: center;
  border-top:1px solid #CCCCCC;
  -moz-column-gap:8%;
       column-gap:8%;
  padding-top: 4%;
}

.flow-other__inner{
  width: 21.5%;
}

.flow-other__inner h3{
  font-weight: 700;
  margin-top:1em;
  margin-bottom:0.5em;
  font-size:16px;
}

@media screen and (max-width:768px) {
  .flow-other{
    flex-wrap: wrap;
  }

  .flow-other__inner{
    width: 100%;
  }
}

/* モーダル */


.modal-open {
  cursor: pointer;
  background: orange;
  border: orange;
  color: #fff;
  padding: 10px 12px;
}

.swiperModalButton {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-around;
}


.flow-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.9);
}
  
  /* モーダルがactiveの時 */
.flow-modal.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2000;
  display: flex;

}
  
 /* モーダル背景のオーバーレイ部分 */
.flow-modal__overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
  background-color: rgba(51, 51, 51,0.8);
  top: 0;
  left: 0;
}
 
/* 閉じるボタン */
.flow-modal__close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 20px;
  cursor: pointer;
  z-index: 5000;
}
.flow-modal__close-btn:hover {
  opacity: 0.8;
}


/* モーダルのコンテンツ */
.flow-modal__content {
    position: relative;
}
  
.flow-modal_inner {
  background: #F7F5F2;
  border-radius: 8px;
  overflow-y: auto;
  position: relative;
}
  

.modalInSlider{
  max-height: 100vh;
  overflow-y: scroll;
  background: #F7F5F2;

}

.flow-modal-swiper{
  height: calc(100vh * 0.85);
}

.flow-modal-swiper.swiper-slide{
  opacity: 0;
}

.flow-modal-swiper.swiper-slide-active{
  opacity: 1;
}

.flow-modal__title{
  padding-top:5%;
  max-width: 620px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.flow-modal__title p.number{
  font-size: 40px;
  width: 60px;
  height: 50px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:36px;
  line-height: 1em;
  border-radius: 50%;
  position: relative;
  border:1px solid #F7F5F2;
  padding-top: 10px;
}

.flow-modal__title h3{
  font-size: 22px;
  margin-bottom: 36px;
  line-height: 0em;
}


.flow-modal__wrap{
  max-width: 820px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  display: flex;
  -moz-column-gap: 4%;
       column-gap: 4%;
  flex-wrap: wrap;
  overflow: auto;
  height: 58%;

}

.flow-modal__txt{
  width: 63%;
}

.flow-modal__img{
  width: 33%;
}




.flow-modal__pager{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}

.flow-modal__pager div{
  font-size:20px;
  color:rgba(89, 89, 89,0.3);
  width: 5%;
  text-align: center;
}

.flow-modal__pager div.active{
  font-size:40px;
  color:rgba(89, 89, 89,1);

}

.flow-modal-button-prev {
  padding-left: 45px;
  position: relative;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 3000;
  left: 3%;
}

.flow-modal-button-prev:before{
  content:'';
  width: 35px;
  height: 35px;
  background-image: url(../image/arrow-prev.png); 
  background-size: contain;  
  position: absolute;
  left: 0;
  top: 0;
}


.flow-modal-button-next {
  padding-right: 45px;
  position: relative;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 3000;
  right: 3%;
}

.flow-modal-button-next:after{
  content: '';
  width: 35px;
  height: 35px;
  background-image: url(../image/arrow-next.png);
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}


@media screen and (max-width:1360px) {
  .flow-modal__content{
    width: 90%;
    
  }

}

@media screen and (max-width:980px) {

  .flow-modal__wrap{
    margin-left: auto;
    margin-right: auto;
    width: 90%
  }

}

@media screen and (max-width:700px) {
  .flow-modal__wrap{
    row-gap:24px;
  }

  .flow-modal__txt{
    width: 100%;
    order:2;
  }
  
  .flow-modal__img{
    width: 100%;
    order:1;
  }

  .wrap-2row  div:nth-child(1){
    order:2;
  }


  .wrap-2row  div:nth-child(2){
    order:1;
  }

  .wrap-2row  div:nth-child(3){
    order:4;
  }

  .wrap-2row  div:nth-child(4){
    order:3;
  }

  .flow-modal-button-next,.flow-modal-button-prev{
    display: none;
  }
}

/*-----------oem blog list-------*/

.swiper--wrapper {
  width: 100%;
  height: 300px;
}

.swiper-slide {
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
}


.oem-content p{
  text-align: center;
}

.oem-content-area{
  position: relative;
  padding-left: 20%;
/*  padding-right: 10%;*/
}


.oem-content-list img{
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio:1/1;
  height: auto;
}

.oem-content-list .blog__title{
  font-size: 18px;
  text-align: left;
  padding:0 16px;
}

.blog-info__wrap{
  display: flex;
  align-items: center;
  padding:0 16px;
}

.oem-content-list .blog-date{
  font-size: 12px;
  text-align: left;
}

.oem-content-list .blog-category{
  font-size: 12px;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  border-radius: 5px;
  padding: 0.5em 0.5em;
  line-height: 1em;
  margin: 0em 0.5em;
}

.blog-moreBtn{
  font-size:12px;
  margin-left:auto;
}

.oem-content-list-prev{
  position: absolute!important;
  top:35%!important;
  left:10%!important;
  z-index: 10;
}

.oem-content-list-next{
  position: absolute!important;
  top:50%!important;
  left:10%!important;
  z-index: 10;
}

.oem-content-list-prev::after,
.oem-content-list-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}


.oem-content-list-prev::after{
  background-image: url(../image/arrow-prev.png);
}

.oem-content-list-next::after{
  background-image: url(../image/arrow-next.png);
}


@media screen and (max-width:768px) {
  .oem-content-area{
    padding-left: 30%;
  }
}

@media screen and (max-width:390px) {
  .oem-content-area{
    padding-left: 36px;
    padding-right: 36px;

  }

  .oem-content-list-prev{
    position: absolute!important;
    top:35%!important;
    left:2%!important;
    z-index: 10;
  }
  
  .oem-content-list-next{
    position: absolute!important;
    top:35%!important;
    left:85%!important;
    z-index: 10;
  }
  

}


/* -------------シミュレーション セクション------------- */


.simulation__title{
  position: relative;
}

.simulation__title .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:0;
  text-align: center;
}

.simulation__innner{
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0,0,0,.16);
  padding:48px 40px;
  border-radius: 20px;
  margin-top: -1rem;
}

.simulation__innner-wrap{
  display: flex;
}

.simulation__innner__txt{
  width: 60%;
  text-align: center;
  position: relative;
}

.simulation__innner__txt p{
  font-size: 20px;
}

.simulation__innner__txt__img{
  width: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.simulation__innner__txt__img:after{
  border-top: 1px solid #CCCCCC;
  content: "";
  width: 15em;
  position: absolute;
  top: 50%;
  left:99%;
  z-index: 0;
}

.simulation__innner__txt__img img{
  width: 100%;
}

.simulation__innner__img{
  position: relative;
  width: 40%;
}

.simulation__innner__img img{
  position: absolute;
  bottom: 0%;
  z-index: 1;
}


.simulation__btn{
  text-align: center;
  margin-top: 4%;
  margin-bottom: 1%;
}

.simulation__btn a{
  padding: 2% 5%;
  border-radius: 50px;
  border:#fff;
}

@media screen and (max-width:1136px) {

  .simulation__title .d-txt{
    font-size:13.5vw;
  }
}
@media screen and (max-width:768px) {

  .simulation__title .d-txt{
    font-size:107px;
    font-size:13.932291666666666vw;
  }
  .simulation__innner.content-s{
    margin-top: 160px;
    margin-left:80px;
    margin-right:80px;
  }

  .simulation__innner-wrap{
    flex-wrap: wrap;
    flex-direction:column-reverse
  }

  .simulation__innner__txt{
    width: 100%;
    position: relative;
  }

  .simulation__innner__txt p{
    position: absolute;
    top: -560px;
  }
  .simulation__innner__txt__img{
    width: 60%;
    margin-top:-10%;
    z-index: 10;
  }

  .simulation__innner__txt__img:after{
    content:none;
  }
  .simulation__innner__img{
    width: 100%;
    text-align: center;
  }

  .simulation__innner__img img{
    position: relative;
  }
  .simulation__btn a {
    padding: 3% 5%;
    font-size: 18px;
    font-size: 2.4vw;

  }

}

@media screen and (max-width:430px) {
  .simulation__title .d-txt{
    font-size:56px;
    line-height: 1.5em;
    margin-top: -0.7em;
  }

  .simulation__title h2{
    top: 38%;
    font-size: 24px;
    line-height: 1em;
  }

  .simulation__innner__txt p{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    font-size:16px;
    top: -510px;
    padding-left:24px;
    padding-right:24px;
    box-sizing: border-box;
  }

  .simulation__innner.content-s {
    margin-top: 160px;
    margin-left: 24px;
    margin-right: 24px;
  }
  .simulation__innner__txt__img {
    width: 100%;
    margin-top: -15%;
    z-index: 10;
  }
  .simulation__btn a {
    padding: 3% 5%;
    font-size: 15px;
    font-size: 3.2vw;


}
}


/* -------------lineup セクション------------- */

.lineup-wrap{
  display: flex;
}

.lineup__title{
  width: 40%;
  position: relative;
}

.lineup__title .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}


.lineup__title .outer-circle{
  position: absolute;
  left: 40%;
  top: 20%;
}

.lineup__readtxt{
  width: 60%;
  padding-top: 15%;
}

.lineup__inner{
  margin-top:2%;
}



.lineup__inner__title{
  position: relative;
  margin-bottom:-10px;
}

.lineup__inner__title .d-txt{
  font-size:82px;
  line-height: 1em;
  margin-bottom:0;
}

.lineup__inner__title h3{
  position: absolute;
  top:40%;
  left:3%;
}

.lineup-cosme-area{
  background: #fff;
  position: relative;
  padding-left: 20%;
  padding-top:2%;
  padding-bottom:2%;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.lineup-cosme img{
  width: 100%;
}


.lineup-cosme-prev{
  position: absolute!important;
  top:40%!important;
  left:10%!important;
  z-index: 10;

}

.lineup-cosme-next{
  position: absolute!important;
  top:60%!important;
  left:10%!important;
  z-index: 10;
}

.lineup-cosme-prev::after,
.lineup-cosme-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}


.lineup-cosme-prev::after{
  background-image: url(../image/arrow-prev.png);

}

.lineup-cosme-next::after{
  background-image: url(../image/arrow-next.png);
}


.lineup-goods-area{
  background: #fff;
  position: relative;
  padding-left: 20%;
  padding-top:2%;
  padding-bottom:2%;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.lineup-goods img{
  width: 100%;
}


.lineup-goods-prev{
  position: absolute!important;
  top:40%!important;
  left:10%!important;
  z-index: 10;
}

.lineup-goods-next{
  position: absolute!important;
  top:60%!important;
  left:10%!important;
  z-index: 10;
}

.lineup-goods-prev.swiper-button-lock,.lineup-goods-next.swiper-button-lock{
  display: block;
}


.lineup-goods-prev::after,
.lineup-goods-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}


.lineup-goods-prev::after{
  background-image: url(../image/arrow-prev.png);

}

.lineup-goods-next::after{
  background-image: url(../image/arrow-next.png);
}


@media screen and (max-width:768px) {

  .lineup__title .d-txt{
    font-size:142px;
    font-size:18.489583333333336vw;
  }
  .lineup__title .outer-circle{
    top: 8%;
    left: 70%;  
  }
  .lineup-wrap{
    flex-wrap: wrap;
  }
  .lineup__title{
    width: 100%;
  }
  .lineup__readtxt{
    width: 100%;
    padding-top: 12%;
    margin-left:80px;
    margin-right:80px;
  }

  .lineup__inner__title .d-txt{
    font-size:82px;
    font-size:10.677083333333332vw;
  }

  .lineup-cosme-area,.lineup-goods-area{
    padding-left: 12%;
  }

  .lineup-goods-prev,.lineup-cosme-prev{
    left:8%!important;
  }
  
  .lineup-goods-next,.lineup-cosme-next{
    left:8%!important;
  }
  
}

@media screen and (max-width:740px) {
  .lineup__title .outer-circle{
    top: 8%;
    left: 55%;  
  }
}


@media screen and (max-width:550px) {
  .lineup__title .outer-circle{
    top: -60%;
    left: 50%;
    }
}

@media screen and (max-width:485px) {
  .lineup__title .outer-circle{
    top: -60%;
    left: 40%;
    }
}


@media screen and (max-width:430px) {
  .lineup__title .d-txt{
    font-size:70px;
  }

  .lineup__title .outer-circle{
    top: 0%;
    left: 45%;  
  }

  .lineup__inner__title .d-txt{
    font-size: 50px;
    margin-bottom:0.1em;
  }

  .lineup__readtxt {
    padding-top: 28%;
    margin-left: 24px;
    margin-right: 24px;
  }

  .lineup-goods-prev::after,
  .lineup-goods-next::after,
  .lineup-cosme-prev::after,
  .lineup-cosme-next::after{
    width: 28px!important;
    height: 28px!important;
}


  .lineup-goods-prev,.lineup-cosme-prev{
    left:5%!important;
    top: 40%!important;
  }
  
  .lineup-goods-next,.lineup-cosme-next{
    left:5%!important;
    top: 65%!important;
  }


}


/* -------------FAQ セクション------------- */


.section.faq .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}

.faq-wrap{
  display: flex;
}

.faq__txt{
  width: 40%;
  position: relative;
  padding-top: 25%;
}

.faq__txt .outer-circle{
  position: absolute;
  top: -100px;
  left: -10%;
}

.faq-category{
  color:#9D9D9D;
  font-size:16px;
}

.faq__txt ul{
  padding-left: 1rem;
}

.faq__txt ul li{
  list-style:none;
  color:  #595959;
  line-height: 2rem;
  margin-bottom:1rem;
  position: relative;
}

.faq__txt ul li.is-active{
  color:#333;
  border-bottom:1px solid #CCCCCC;
  font-weight: 700;
}

.faq__txt ul li:before{
  content: "";
  margin-right:1rem;
  position: absolute;
  width: 1em;
  height: 1em;
  background-image: url(../image/arrow-type3.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -1.5rem;
  top: 0.6rem;

}

.faq__division__select{
  cursor:pointer;
}


.faq__area{
  width: 60%;
  position: relative;
}

.faq__divisionArea{
  position: absolute;
  background-color: #fff;
  border-radius:10px;
  opacity: 0;
  transition: opacity .3s linear;
  padding:8% 4%;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  display: none;
}

.faq__divisionArea h3{
  position: absolute;
  top: -16px;
  width: 95%;
  text-align: center;
  overflow:visible;
}

.faq__divisionArea.is-show{
  opacity: 1;
  transition: margin-bottom 2s;
  position: relative;
  display: block;
  animation: fadeIn 1s ease-in 0s forwards;
}

@keyframes appear {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

.faq__inner{
  border-bottom:1px solid #EFEFEF;
  margin-bottom:2rem;
  padding-bottom:2rem;
}


.faq__divisionArea.is-show .faq__inner:last-child{
  border-bottom:0px solid #EFEFEF;
  margin-bottom:0;
  padding-bottom:0;
}

.faq__divisionArea h3{
    font-size: 22px;
}



@media screen and (max-width:768px) {
  .section.faq .d-txt{
    font-size:142px;
    font-size:18.489583333333336vw;
  }  

  .faq__txt .outer-circle{
    top: -30%;
    left: 70%;
  }

  .faq-wrap{
    flex-wrap: wrap;
  }

  .faq__txt{
    width: 100%;
    padding-top: 15%;
    padding-left:40px;
    margin-bottom: 6%;
  }
  .faq__area {
    width: 100%;
    position: relative;
  }

  
}

@media screen and (max-width:740px) {

  .faq__txt .outer-circle{
    top: -30%;
    left: 60%;
  }
}

@media screen and (max-width:550px) {

  .faq__txt .outer-circle{
    top: -40%;
    left: 40%;
  }
}

@media screen and (max-width:485px) {

  .faq__txt .outer-circle{
    top: -30%;
    left: 50%;
  }
}


@media screen and (max-width:430px) {
  .section.faq .d-txt{
    font-size:70px;
  }

  .faq__txt .outer-circle{
    top: -30%;
    left: 45%;
  }

  .faq__txt {
    padding-left: 24px;
  }

  .faq__divisionArea {
    padding: 14% 4% 8%;
  }
}


/* -------------BLOG セクション------------- */


.oemContent-wrap{
  display: flex;
}

.oemContent__title{
  width: 40%;
  position: relative;
}

.oemContent__title .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}


.oemContent__title .outer-circle{
  position: absolute;
  left: 40%;
  top: 20%;
}

.oemContent__readtxt{
  width: 60%;
  padding-top: 15%;
}


@media screen and (max-width:768px) {

  .oemContent__title .d-txt{
    font-size:142px;
    font-size:18.489583333333336vw;
  }
  .oemContent__title .outer-circle{
    top: 8%;
    left: 70%;  
  }
  .oemContent-wrap{
    flex-wrap: wrap;
  }
  .oemContent__title{
    width: 100%;
  }
  .oemContent__readtxt{
    width: 100%;
    padding-top: 12%;
    margin-left:80px;
    margin-right:80px;
  }

}

@media screen and (max-width:740px) {
  .oemContent__title .outer-circle{
    top: 8%;
    left: 55%;  
  }
}


@media screen and (max-width:550px) {
  .oemContent__title .outer-circle{
    top: -60%;
    left: 50%;
    }
}

@media screen and (max-width:485px) {
  .oemContent__title .outer-circle{
    top: -60%;
    left: 40%;
    }
}


@media screen and (max-width:430px) {
  .oemContent__title .d-txt{
    font-size:70px;
  }

  .oemContent__title .outer-circle{
    top: 0%;
    left: 45%;  
  }

  .oemContent__inner__title .d-txt{
    font-size: 50px;
    margin-bottom:0.1em;
  }

  .oemContent__readtxt {
    padding-top: 28%;
    margin-left: 24px;
    margin-right: 24px;
  }

}

/* -------------サブページ共通------------- */


.subpage-title{
  padding-top:300px;
}


.subpage-title .d-txt{
  font-size:100px;
  line-height: 1em;
  margin-top: -0.5em;
  margin-bottom:0;
}

.subpage-title h1{
  font-size:24px;
  margin-top:-0.5em;
}



@media screen and (max-width:768px) {

  .subpage-title h1{
    font-size:24px;
    margin-top:-1em;
  }
  .subpage-title{
    padding-top:200px;
  }
}
@media screen and (max-width:620px) {
  .subpage-title .d-txt{
    font-size: 16.129032258064516vw;
  }

}
@media screen and (max-width:390px) {
/*
  .subpage-title{
    padding-top:45%;
  }
*/
  .subpage-title .d-txt{
    font-size: 50px;
  }
  .subpage-title h1{
    font-size:24px;
    margin-top:-0.5em;
  }


}



/* -------------about ページ------------- */



/* message */

.message__inner__wrap{
  display: flex;
  -moz-column-gap:5%;
       column-gap:5%;
}

.message__inner__img{
  width: 35%;
}

.message__inner__img img{
  width: 100%;
  max-width: 400px;
}

.message__inner__txt{
  width: 60%;
}

.message__inner__txt h3{
  color:#CC3366;
  line-height: 2.0em;
}


@media screen and (max-width:768px) {
  .message__inner__wrap{
    display: block;
    position: relative;
  }

  .message__inner__img{
    position: absolute;
    top: 0;
    right: -40px;
    width: 40%;
    z-index: -1;
  }

  .message__inner__txt{
    width: 80%;
  }
  
  

}
@media screen and (max-width:580px) {
  .message__inner__img{
    position: absolute;
    top: 0;
    right: -24px;
    width: 40%;
    z-index: -1;
  }

}

@media screen and (max-width:390px) {

  .message__inner__img {
    position: absolute;
    top: 0;
    right: -24px;
    width: 36%;
    z-index: -1;
  }
}

/* feature */

.section.feature{
  overflow-x: hidden;
}

.feature__inner__wrap{
  display: flex;
}

.feature__inner__txt{
  width: 50%;
}

.feature__inner__img{
  width: 50%;
  background-color:#F5F5F5;
  border-radius: 280px 0 0 280px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  padding-left:5%;
}

.feature__inner__img img{
  width: 60%;
  min-width: 392px;
}

.feature__inner__img:after{
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 50vw;
  height: 100%;
  background-color: #F5F5F5;
  z-index: 1;
  overflow-x: hidden;

}

@media screen and (max-width:992px) {

  .feature__inner__wrap{
    flex-wrap: wrap;
    margin-right: 0;
  }

  .feature__inner__txt{
    width: 100%;
  }
  
  .feature__inner__img{
    width: 80%;
    margin-left:auto;
    overflow-x: hidden;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: -8%;
    position: relative;
    z-index: -1;
  }

}

@media screen and (max-width:768px) {
  .feature__inner__txt{
    margin-right: 40px;
    margin-left: 0px;
  }

}

@media screen and (max-width:390px) {
  .feature__inner__txt{
    margin-right: 24px;
  }

  .feature__inner__img {
    width: 100%;
    margin-top: 2%;
  }

  .feature__inner__img img {
    width: 95%;
    min-width: 0;
  }

}


/* story */

.story__wrap{
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.story__wrap:after{
  border-top: 1px solid #CCCCCC;
  content: "";
  width: 110vw;
  position: absolute;
  top: 48%;
  z-index: 0;
  left: -10%;
}

.story__inner{
  width: 28%;
  text-align: center;
  position: relative;
}


.story__inner .d-txt{
  font-size:100px;
  margin-bottom:0;
  letter-spacing: 0.1em;
  line-height: 0.4em;
}

.more-btn button.story-modalOpen{
  font-family: 'Marcellus', serif;
  border:none;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  color: #333333;

}

.story__wrap .story__inner:nth-child(2n){
  padding-top: 10%;
}

.story__wrap .story__inner:nth-child(2n)::after{
  display: block;
  border-right: 1px solid #CCCCCC;
  content: "";
  height: 30%;
  position: absolute;
  left:50%;
  top: 0%;
  z-index: 0;
}

.story__wrap .story__inner:nth-child(2n)::before{
  display: block;
  content: "●";
  height: 3%;
  position: absolute;
  left:49%;
  top: -3%;
  z-index: 1;
  font-size: 10px;
  color: #333333;
}

.story__wrap .story__inner:nth-child(2n+1){
  padding-bottom: 7%;
}

.story__wrap .story__inner:nth-child(2n+1):after{
  display: block;
  border-right: 1px solid #CCCCCC;
  content: "";
  height: 30%;
  position: absolute;
  left:50%;
  bottom: 0%;
  z-index: 0;
}
.story__wrap .story__inner:nth-child(2n+1):before{
  display: block;
  content: "●";
  height: 3%;
  position: absolute;
  left: 49%;
  bottom: 0%;
  z-index: 1;
  font-size: 10px;
  color: #333333;
}

.story__wrap .story__inner:nth-child(1){
  order: 1;
}
.story__wrap .story__inner:nth-child(2){
  order: 4;
  margin-left:13%;
}
.story__wrap .story__inner:nth-child(3){
  order: 2;
}
.story__wrap .story__inner:nth-child(4){
  order: 5;
}
.story__wrap .story__inner:nth-child(5){
  order: 3;
}
.story__wrap .story__inner:nth-child(6){
  order: 6;
}

@media screen and (min-width:1576px) {
  .story__wrap:after{
    top: 45%;
  }
}
@media screen and (max-width:1133px) {
  .story__wrap:after{
    top: 46.3%;
  }
  .story__inner .d-txt {
    font-size: 90px;
    margin-bottom: 0;
}


}
@media screen and (max-width:864px) {
  .story__inner .d-txt {
    font-size: 70px;
    margin-bottom: 0;
}
}

@media screen and (max-width:802px) {
  .story__wrap:after{
    top: 50%;
  }

}


@media screen and (max-width:768px) {

  .story__inner .d-txt{
    line-height: 1em;
    font-size:80px;
  }

  .story__inner{
    width: 50%;
  }  

  .story__inner h3{
    margin-bottom:0;
  }  


  .story__wrap .story__inner:nth-child(1){
    order: 1;
  }
  .story__wrap .story__inner:nth-child(2){
    order: 2;
    margin-left:0%;
  }
  .story__wrap .story__inner:nth-child(3){
    order: 3;
  }
  .story__wrap .story__inner:nth-child(4){
    order: 4;
  }
  .story__wrap .story__inner:nth-child(5){
    order: 5;
  }
  .story__wrap .story__inner:nth-child(6){
    order: 6;
  }

  .story__wrap {
    margin-top: 15%;
  }
  .story__wrap:after{
    border-left: 1px solid #CCCCCC;
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    z-index: 0;
  }



  .story__wrap .story__inner:nth-child(2n){
    padding-top:0%;
    margin-top:10%;

  }

  .story__wrap .story__inner:nth-child(2n)::after{
    height: 1px;
    left: 0%;
    top: 50%;
    width: 15%;
    border-right: none;
    border-top: 1px solid #CCCCCC;
  }

  .story__wrap .story__inner:nth-child(2n)::before{
    height: 1px;
    left: -1%;
    top: 46%;
  }

  .story__wrap .story__inner:nth-child(2n+1){
    padding-bottom:0%;
    margin-bottom:10%;
    margin-top: -10%;
  }
  .story__wrap .story__inner:nth-child(2n+1):after{
    height: 1px;
    left: 85%;
    bottom: 50%;
    width: 15%;
    border-right: none;
    border-top: 1px solid #CCCCCC;
  }
  .story__wrap .story__inner:nth-child(2n+1):before{
    height: 1px;
    left: 99%;
    top: 46%;
  }

}

@media screen and (max-width:525px) {

  .story__inner .d-txt{
    line-height: 1em;
    font-size:70px;
  }

}
@media screen and (max-width:390px) {

  .section.story{
    margin-left:24px;
    margin-right:48px;
  }

  .story__wrap {
    margin-top: 15%;
  }
  .story__wrap:after{
    left: 100%;
  }

  .story__inner .d-txt{
    line-height: 1em;
    font-size:50px;
  }


  .story__inner{
    width: 60%;
  }  


  .story__wrap .story__inner:nth-child(2n){
    padding-top:0%;
    margin-top:0%;
    margin-bottom:20%;
    width: 70%;
  }

  .story__wrap .story__inner:nth-child(2n)::after{
    left: 100%;
    top:48%;
    width: 43%;
  }

  .story__wrap .story__inner:nth-child(2n)::before{
    left: 141.1%;
    top:43%;
    
  }

  .story__wrap .story__inner:nth-child(2n+1){
    padding-bottom:0%;
    margin-bottom:20%;
    margin-top: 0%;
    width: 70%;
  }
  .story__wrap .story__inner:nth-child(2n+1):after{
    left: 100%;
    top:48%;
    width: 43%;

  }
  .story__wrap .story__inner:nth-child(2n+1):before{
    left: 141.1%;
    top:43%;
  }




}

/* モーダル */
.story-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.9);
}
  
  /* モーダルがactiveの時 */
.story-modal.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2000;
  
}
  
 /* モーダル背景のオーバーレイ部分 */
.story-modal__overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
  background-color: rgba(51, 51, 51,0.8);
  top: 0;
  left: 0;
}
 
/* 閉じるボタン */
.story-modal__close-btn {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 5000;
}
.story-modal__close-btn:hover {
  opacity: 0.8;
}


/* モーダルのコンテンツ */
.story-modal__content {
    position: relative;
/*    
    margin-top:5%;
    margin-bottom:5%;
    width: 90%;

    height: 100vh;
*/
}
  
.story-modal_inner {
  background: #FEFEFE;
  border-radius: 8px;
  overflow-y: auto;
  position: relative;
}
  

.modalInSlider{
  max-height: 100vh;
  overflow-y: scroll;
  background: #FEFEFE;

}

.story-modal-swiper{
  height: calc(100vh * 0.85);
}

.story-modal-swiper.swiper-slide{
  opacity: 0;
}

.story-modal-swiper.swiper-slide-active{
  opacity: 1;
}

.story-modal__slide-title{
  padding-top:10%;
  max-width: 620px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:80px;
}
.story-modal__slide-title .d-txt{
  font-size: 100px;
  margin-bottom:0;
  line-height: 1em;
}

.story-modal__slide-title h2 {
  font-size:22px; 
  margin-bottom: 0;
  margin-top: 0rem;
  /*margin-bottom:20%;*/
}

.story-modal__slide-title p{
  font-size: 13px;
  margin-bottom: 1em;
  line-height: 0em;
}

.story-modal__slide-content{
  max-width: 620px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
}

.story-modal__slide-content figure{
  text-align: center;
  margin-bottom: 10%;
}
.story-modal__slide-content p.page-num{
  margin-bottom:24px;
  width:100%;
  font-size:12px;
  color: #9D9D9D;
  line-height: 1em;
/*  margin-bottom: 0.5rem;*/
  text-align: center;

}


.story-modal__pagination_wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 80px;
  flex-wrap: wrap;
  row-gap:24px;
}

p.page-num{
}

.story-modal-button-prev{
  padding-left:45px;
  position: relative;
  cursor:pointer;
  width: 42%;

}

.story-modal-button-prev:before{
  content:'';
  width: 35px;
  height: 35px;
  background-image: url(../image/arrow-prev.png); 
  background-size: contain;  
  position: absolute;
  left: 0;
  top: 0;
}


.story-modal-button-prev p{
  font-size:14px;
  text-align: left;
  line-height: 1em;
}

.story-modal-button-next{
  padding-right:45px;
  position: relative;
  cursor:pointer;
  width: 42%;
}

.story-modal-button-next:after{
  content: '';
  width: 35px;
  height: 35px;
  background-image: url(../image/arrow-next.png);
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}

.story-modal-button-next p{
  font-size:14px;
  text-align: right;
  line-height: 1em;
}

.story-modal__pagination_wrap .light-color{
  font-size:12px;
  color: #9D9D9D;
  line-height: 1em;
  margin-bottom: 0.5rem;
}

@media screen and (max-width:1360px) {
  .story-modal__content{
    width: 90%;
  }

}

@media screen and (max-width:1360px) {
  .story-modal__content{
    width: 90%;
  }

}
@media screen and (max-width:768px) {

  .story-modal__wrap{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .story-modal__slide-title,.story-modal__slide-content{
    width: 90%;
    margin-left:auto;
    margin-right:auto;
  }

  .story-modal-button-prev {
    width: 30%;
  }
  .story-modal-button-next {
    width: 30%;
  }
}

@media screen and (max-width:390px) {

  .story-modal__wrap {
    flex-direction:column-reverse;
    row-gap: 32px;
    -moz-column-gap: 0;
         column-gap: 0;
    box-sizing: border-box;

  }

  .story-modal__txt{
    width: 100%;
  }

  .story-modal__txt p.subt-itle{
    font-size:22px;
  }

  .story-modal__img{
    width: 100%;
  }


  .story-modal-button-prev {
    width: 43%;
    box-sizing: border-box;

  }

  .story-modal-button-next {
    width: 43%;
    box-sizing: border-box;


  }

  .story-modal-button-next p,.story-modal-button-prev p{
    font-size:10px;
  }

}


/* activity */

.activity__tittle p{
  text-align: center;
}

.activity__inner__wrap{
  display: flex;
  -moz-column-gap:13%;
       column-gap:13%;
  align-items: flex-end;
  margin-top:10%;
}
.activity__inner__wrap.activity-first{
  margin-top:0%;
}

.activity__txt{
  width: 30%;
}


.activity__txt h4{
  font-size:22px;
}

.activity__img{
  width: 57%;
  position: relative;
}

.activity__inner__title{
  text-align: center;
  margin-top:10%;
  margin-bottom:10%;
}

.activity__inner__title p{
  font-size:14px;
  color:#9D9D9D; 
  margin-bottom:0;
}

.activity__inner__title h3{
  font-size:20px;
  font-weight: 600;
}

.activity__slide1-prev,.activity__slide2-prev,.activity__slide3-prev{
  position: absolute!important;
  top: 45%!important;
  left: -10%!important;
  z-index: 500;
}
  
.activity__slide1-next,.activity__slide2-next,.activity__slide3-next{
  position: absolute!important;
  top:45%!important;
  right:-3%!important;
  z-index: 500;
}

.activity__slide1-prev.swiper-button-disabled,.activity__slide2-prev.swiper-button-disabled,.activity__slide3-prev.swiper-button-disabled,
.activity__slide1-next.swiper-button-disabled,.activity__slide2-next.swiper-button-disabled,.activity__slide3-next.swiper-button-disabled{
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.activity__slide1-prev::after,.activity__slide2-prev::after,.activity__slide3-prev::after,
.activity__slide1-next::after,.activity__slide2-next::after,.activity__slide3-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}
  
  
.activity__slide1-prev::after,.activity__slide2-prev::after,.activity__slide3-prev::after{
  background-image: url(../image/arrow-prev.png);
}
  
.activity__slide1-next::after,.activity__slide2-next::after,.activity__slide3-next::after{
  background-image: url(../image/arrow-next.png);
}

.activity__slide1-pagination,.activity__slide2-pagination,.activity__slide3-pagination{
  text-align: center;
}
@media screen and (max-width:900px) {
  p.activity__readtxt{
    margin-bottom:40px;
  }

}


@media screen and (max-width:992px) {

  .activity__inner__wrap{
    flex-wrap: wrap;
  }
  .activity__txt{
    width: 100%;
  }
  .activity__img{
    width: 100%;
    padding:0 10%;
    box-sizing: border-box;
  }

  .activity__slide1-prev,.activity__slide2-prev,.activity__slide3-prev{
    left: 7%!important;
  }
    
  .activity__slide1-next,.activity__slide2-next,.activity__slide3-next{
    right:14%!important;
  }
  
  p.activity__readtxt{
    margin-bottom:80px;
  }


}

@media screen and (max-width:390px) {
  p.activity__readtxt{
    margin-left:24px;
    margin-right:24px;
    text-align: left;
  }

  .activity__slide1-prev,.activity__slide2-prev,.activity__slide3-prev{
    left: 3%!important;
  }

  .activity__slide1-next,.activity__slide2-next,.activity__slide3-next{
    right:18%!important;
  }



}

/* -------------Brand ページ------------- */

/* brand-mv */

.section.brand-mv{
  position: relative;
  background-color: #e0e0e0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  /*min-height:800px;*/
  width: 100%;
  padding:0;
  margin:0;
  overflow: hidden;
  border: 5px solid #D8C7AC;
  box-sizing: border-box;
}

.brand-mv iframe{
  position: absolute;
/*  height: 100%;
  width: 150%;*/
  top: 0%!important;
  left: 50%!important;
  transform: translateX(-50%);
}

/*
.brand-mv iframe{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
}
*/
.brand-mv video{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.brand-mv__txt{
  position: absolute;
  left:64px;
  bottom:64px;
}

.brand-mv__txt p{
  font-size:60px;
  color:#fff;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}

.brand-mv__txt p span{
  font-size:14px;
  color:#fff;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.4em;
  font-family: 'Shippori Mincho B1', serif;
  position: relative;
  bottom: 16px;
}

.brand-mv__scroll{
  position: absolute;
  width: 64px;
  bottom: 64px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  -webkit- transform:translateX(-50%);
}

.brand-mv__scroll p{
  color:#fff;
  font-size:13px;
  margin-bottom:8px;
}

.brand-mv__scroll img{
  width: 9.33px;
  height: 38.72px;
  position: relative;
  left:-6%;
}


@media screen and (max-width:992px) {
  .brand-mv iframe{
    width: 250%;
  }
}

@media screen and (max-width:768px) {
  .brand-mv iframe{
    width: 500%;
  }

  .brand-mv__txt{
    position: absolute;
    left:40px;
    bottom:32px;
  }


  .brand-mv__txt p{
    font-size:40px;
  }

  .brand-mv__scroll {
    bottom:40px;
  }

}


@media screen and (max-width:390px) {
  .brand-mv__scroll p{
    font-size:10px;
  }

  .brand-mv__txt{
    position: absolute;
    left:24px;
    bottom:88px;
  }

  .brand-mv__txt p{
    font-size:30px;
  }

  .brand-mv__txt p span {
    bottom: 8px;
  }

  .brand-mv__scroll {
    bottom:24px;
  }

}

/* -------------ブランドリスト セクション------------- */

.brand-list-re{
  position: relative;
}

.brand-list__inner{
  border:5px solid #fff;
  position: relative;
  padding:48px;
}

.brand-list__inner h2{
  text-align: center;
  position: absolute;
  padding:0 1em;
  top: 0%;
  left: 50%;
  margin-bottom:0;
  background-color: #F7F5F2;
  transform: translateY(-50%) translateX(-50%);
}

.brand-list__wrap{
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap:10%;
       column-gap:10%;
  align-items: center;
  justify-content: center;
  row-gap:48px;
}

.brand-list__wrap .brand-list-logo{
  width: 25%;
  text-align: center;
}

.brand-list__wrap .brand-list-logo img{
  width: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}


@media screen and (max-width:768px) {

  .brand-list__wrap{
    row-gap:80px;
  }
  .brand-list__wrap .brand-list-logo{
    width: 45%;
  }
  
}

@media screen and (max-width:390px) {
  .brand-list__wrap{
    row-gap: 40px;
  }

  .brand-list__inner{
    padding: 48px 24px;
    margin-top: 32px;
  }
  .brand-list__wrap .brand-list-logo img{
    width: 100%;
  }

}

/* product */

.section.product{
  position: relative;
  overflow-x: hidden;
}

.product__title{
  position: relative;
}

.product__title .d-txt{
  font-size:162px;
  text-align: center;
  line-height: 1em;
}


.product__title p.product__title__sub1{
  position: absolute;
  top:26%;
  width: 100%;
  text-align: center;
}

.product__title p.product__title__sub2{
  position: absolute;
  top:40%;
  width: 100%;
  text-align: center;
  color:#CC3366;
  font-size: 55px;
}
.product__title p.product__title__sub3{
  position: absolute;
  top:44%;
  width: 100%;
  text-align: center;
  color:#CC3366;
  font-size:22px;

}

.product__read{
  width: 30%;
  margin:0 auto;
}

.intro-img1{
  width: 20%;
  position: absolute;
  top:0;
  left:0;
}

.intro-img2{
  position: absolute;
  bottom:0;
  right:0%;
  width: 25%;
  z-index: 0;
}

@media screen and (max-width:1280px) {

.intro-img1 {
  top: 310px;
}
}


@media screen and (max-width:768px) {

  .section.product {
    padding-bottom: 600px;
  }

  .product__title .d-txt {
    font-size: 142px;
  }
  .product__read{
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .intro-img1 {
    width: 40%;
    position: absolute;
    top: 610px;
    left: 0;
  }

  .intro-img2 {
    position: absolute;
    top: 560px;
    right: 0%;
    width: 55%;
    z-index: 0;
  }

}

@media screen and (max-width:500px) {
  .section.product {
    padding-bottom: 330px;
  }

}



@media screen and (max-width:390px) {

  .section.product{
    padding-bottom: 280px;
  }
  .product__title .d-txt {
    font-size: 77px;
  }
  .product__title p.product__title__sub2 {
    font-size:37px;
  }

  .product__title p.product__title__sub3{
    font-size:18px;
  }
  .product__read{
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  .intro-img1 {
    top: 480px;
  }
  .intro-img2 {
    top: 420px;
  }


}



/* product-item */

.section.product-item{
  overflow-x: hidden;
  padding-bottom:0;
  padding-top:0;
}

.product-item__title .d-txt{
  font-size: 162px;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.product-item__inner{
  position: relative;
  padding-top:160px;
  padding-bottom:160px;
  border-top: 1px solid #CCCCCC;
}

.product-item__inner.brand01{
  border-top: 0px solid #CCCCCC;
}

.product-item__inner.brand03{
  padding-bottom:40px;
  padding-top:288px;
}

.product-item__inner.brand03 .product-item__wrap{
  margin-bottom:0;
}


p.brand-no{
  position: absolute;
  top:160px;
  left:-136px;
  transform:rotate(90deg);
  transform-origin:left top;
  border-bottom: 1px solid #707070;
}

.product-item__wrap{
  display: flex;
  -moz-column-gap:10%;
       column-gap:10%;
  margin-bottom:80px;
}

.product-item__inner__txt{
  width: 40%;
  text-align: center;
}

.product-item__inner__txt p{
  margin-bottom:40px;
}


.product-item__inner__txt p.sub-title{
  font-size:20px;
  letter-spacing: 0.1em;
  margin-top:40px;
  margin-bottom:32px;
  line-height: 1em;
}


.product-item__inner__txt img{
  width:60%;
}


.product-item__inner__img{
  width: 50%;
  background-color:#fff;
  border-radius: 50px 0 0 50px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  padding-left:136px;
}

.product-item__inner__img:after{
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 50vw;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}


.product-item__inner__img img{
  position: absolute;
  bottom: 80px;
  width: 360px;
}

.product-item__inner__img img.type2{
  position: absolute;
  bottom: 80px;
  max-width: 470px;
  width: 100%;
}


.product-item__inner-btn{
  margin-bottom:24px;
}

.product-item__inner-btn a{
  font-size:16px;
  font-family: 'Marcellus', serif;
  padding: 16px 64px;
}

a.link-txt{
  text-decoration:underline;
}

.product-item__movie{
  text-align: center;
}

.product-item__movie p{
  letter-spacing: 0.4em;
}

.product-blog__title .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:24px;
}

@media screen and (max-width:1050px) {

.product-item__title .d-txt {
  font-size: 15.428571428571427vw;
}
}
@media screen and (max-width:768px) {

  .product-item__title .d-txt{
    font-size:122px;
    white-space:nowrap;
    margin-top: 80px;
  }

  .product-item__wrap{
    flex-direction:column-reverse;
    background-color: #fff;
    border-radius: 50px 0 0 50px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 0px;
    padding-right: 40px;
    padding-bottom:80px;
    margin-left:40px;
  }
  .product-item__wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 50vw;
    height: 100%;
    background-color: #fff;
    z-index: 1;
  }

  .product-item__inner__txt {
    width: 100%;
  }
  .product-item__inner__img{
    width: 100%;
    padding-left:0;

  }
  .product-item__inner__img:after {
    content: none;
  }

  .product-item__inner__img img {
    position: relative;
    margin: 0 auto;
  }

  p.brand-no{
    left:32px;
    top:120px;
  }

  .product-item__inner__txt p{
    padding-left: 64px;
    padding-right: 64px;
  }
  
  .product-item__inner__txt p.sub-title{
    padding-left: 40px;
    padding-right: 40px;
  }

  

}

@media screen and (max-width:390px) {

  
  .product-item__title .d-txt{
    font-size: 60px;
  }

  .product-item__inner {
    padding-top: 160px;
    padding-bottom: 40px;
  }


  .product-item__wrap{
    padding-bottom: 40px;
  }

  .product-item__inner.brand01{
    padding-top: 138px;
    padding-bottom: 124px;
  }

  .product-item__inner.brand03{
    padding-top: 198px;
  }

  .product-item__inner__img img{
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  .product-item__inner-btn{
    margin: 0px calc(50% - 50vw) 24px;
  }

  .product-item__inner-btn a{
    /*font-size:3.5vw;*/
    padding: 16px 48px;
  }

  p.brand-no{
    top: 64px;
    left:24px;
  }

  .product-item__inner.brand03 p.brand-no{
    top: 116px;
  }


  .product-item__inner__txt p{
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 calc(50% - 50vw);
    font-size: 14px;
    margin-bottom:40px;
  }

  .product-item__inner__txt p.sub-title{
    padding-left: 72px;
    padding-right: 72px;
    font-size:18px;
  }
}





/* -------------ブログコンテンツ------------- */

.blog-content-area{
  position: relative;
  padding-left: 20%;
/*  padding-right: 10%;*/
}


.blog-content-area img{
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio:1/1;
  height: 100%;
  display: block;
  margin-bottom: 8px;
}

.blog-content-area .blog__title{
  font-size: 18px;
  text-align: left;
  padding:0 16px;
}

.blog-info__wrap{
  display: flex;
  align-items: center;
  padding:0 16px;
}

.blog-content-area .blog-date{
  font-size: 12px;
  text-align: left;
}

.blog-content-area .blog-category{
  font-size: 12px;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  border-radius: 5px;
  padding: 0.5em 0.5em;
  line-height: 1em;
  margin: 0em 0.5em;
}

.blog-content-area .blog-moreBtn{
  font-size:12px;
  margin-left:auto;
  text-align: right;
  line-height: 1em;
}


.blog-content-list-prev{
  position: absolute!important;
  top:35%!important;
  left:10%!important;
  z-index: 10;
}

.blog-content-list-next{
  position: absolute!important;
  top:50%!important;
  left:10%!important;
  z-index: 10;
}

.blog-content-list-prev::after,
.blog-content-list-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}


.blog-content-list-prev::after{
  background-image: url(../image/arrow-prev.png);
}

.blog-content-list-next::after{
  background-image: url(../image/arrow-next.png);
}

.tocontents-list{
 text-align: center;
 padding-left:24px; 
 padding-right:24px; 
 margin-top: 40px
}

@media screen and (max-width:768px) {
  .tocontents-list{
    margin-top: 24px
  }

  .blog-content-area .blog-moreBtn{
    line-height: 2.4em;
  }
  
}
@media screen and (max-width:390px) {

  .blog-content-area {
    margin-left: 48px;
    margin-right: 48px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .blog-content-list-prev{
    top:35%!important;
    left:-10%!important;
  }
  
  .blog-content-list-next{
    top:35%!important;
    left:92%!important;
  }

  .blog-content-area .blog__title{
    font-size:14px;
  }


}


.store-link__area{
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  padding-top:8px;
  padding-bottom:8px;
  width: 100%;
}

.store-link__readtxt{
  font-size:22px;
  letter-spacing: 0.1em;
  margin-bottom:40px;
}


.store-link__area__inner{
  text-align: center;
  border-top:1px solid #D8C7AC;
  border-bottom:1px solid #D8C7AC;
  padding:40px;

}

.store-link__area__inner a.store-link__logo{
  width: 430px;
  margin-bottom:32px;
  display: block;
  margin-left:auto;
  margin-right:auto;
}

.store-link__area__inner-btn a{
  padding: 16px 48px;
}


@media screen and (max-width:768px) {
  .store-link__readtxt{
    padding-left:40px;
    padding-right:40px;
  }
}

@media screen and (max-width:390px) {
  .store-link__readtxt{
    padding-left:0px;
    padding-right:0px;
    font-size: 18px;
    margin-bottom:24px;
  }

}


.brand-history__title{
  position: relative;
}

.brand-history__title .d-txt{
  font-size:162px;
  line-height: 0.8em;
  text-align: center;
/*  font-weight: 700;*/
}

.brand-history__title p{
  position: absolute;
  left:50%;
  top:50%;
  font-size:32px;
  transform: translateY(-50%) translateX(-50%);
}

.history-content-area{  
  position: relative;
  padding-left: 20%;
  background: linear-gradient(rgba(0,0,0,0) 30%, #fff 30%);
}

.history-content-list-prev{
  position: absolute!important;
  top:50%!important;
  left:10%!important;
  z-index: 10;
}

.history-content-list-next{
  position: absolute!important;
  top:70%!important;
  left:10%!important;
  z-index: 10;
}

.history-content-list-prev::after,
.history-content-list-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}


.history-content-list-prev::after{
  background-image: url(../image/arrow-prev.png);
}

.history-content-list-next::after{
  background-image: url(../image/arrow-next.png);
}

.history__inner p{
  font-size:30px;
  color:#595959;
  font-family: 'Marcellus', serif;
  margin-left:-1.5em;
  margin-bottom:0;
}

.history__inner img{
  height: 330px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.history__inner h3{
  font-size:18px;
  color:#595959;
  font-family: 'Marcellus', serif;
  margin-left:-3em;

}



@media screen and (max-width:1340px) {
  .history__inner img{
    height: 300px;
  }
}
@media screen and (max-width:1086px) {
  .history__inner img{
    height: 230px;
  }
}

@media screen and (max-width:768px) {

  .history-content-area{  
    position: relative;
    padding-left: 10%;
  }
  
  .history-content-list-prev{
    position: absolute!important;
    top:35%!important;
    left:9%!important;
    z-index: 10;
  }
  
  .history-content-list-next{
    position: absolute!important;
    top:60%!important;
    left:9%!important;
    z-index: 10;
  }


}
@media screen and (max-width:600px) {
  .history-content-area{
    padding-left: 15%;
  }
.brand-history__title .d-txt{
  font-size:27vw;
}
.brand-history__title p{
  font-size:4.166666666666666vw;
}

.product-blog__title .d-txt{
  font-size:27vw;
}

}

@media screen and (max-width:530px) {
  .store-link__area__inner a.store-link__logo{
    width: 100%;
  }
}

@media screen and (max-width:390px) {
  .brand-history__title .d-txt{
    font-size:77px;
  }

  .product-blog__title .d-txt{
    font-size: 60px;;
  }

  .store-link__area__inner a.store-link__logo{
    width: 100%;
  }
  .store-link__area__inner a.store-link__logo img{
    max-width: 70%;
  }
  .store-link__readtxt{
    margin-left:24px;
    margin-right:24px;
  }

  .history-content-area{
    padding-left:20%;
  }
  .brand-history__title p{
    font-size: 20px;
    white-space: nowrap;
  }
  .history__inner p{
    font-size:20px;
  }
  .history__inner img{
    height: 160px;
  }
  .history__inner h3{
    font-size:12px;
  }

  .history-content-list-prev{
    position: absolute!important;
    top:35%!important;
    left:4%!important;
    z-index: 10;
  }
  
  .history-content-list-next{
    position: absolute!important;
    top:63%!important;
    left:4%!important;
    z-index: 10;
  }

}


/* モーダル */
.history-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.9);
}
  
  /* モーダルがactiveの時 */
.history-modal.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2000;
}
  
 /* モーダル背景のオーバーレイ部分 */
.history-modal__overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
  background-color: rgba(51, 51, 51,0.8);
  top: 0;
  left: 0;
}
 
/* 閉じるボタン */
.history-modal__close-btn {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 5000;
}

.history-modal__close-btn:hover {
  opacity: 0.8;
}

.history-modal__close-btn span{
  width: 30px;
  height: 1px;
  background-color:#595959;
}

.history-modal__close-btn span:nth-child(1){
  transform: rotate(25deg) translate(-5px,0px);
}

.history-modal__close-btn span:nth-child(2){
  transform: rotate(-25deg) translate(3px,-20px);
}



/* モーダルのコンテンツ */
.history-modal__content {
    position: relative;
/*    
    margin-top:5%;
    margin-bottom:5%;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
*/
}
  
.history-modal_inner {
  background: #FEFEFE;
  border-radius: 8px;
  overflow-y: auto;
  position: relative;
}
  

.modalInSlider{
  max-height: 100vh;
  overflow-y: scroll;
  background: #FEFEFE;

}

.history-modal-swiper{
  height: calc(100vh * 0.85);
}

.history-modal-swiper.swiper-slide{
  opacity: 0;
}

.history-modal-swiper.swiper-slide-active{
  opacity: 1;
}

.history-modal__slide-title{
  padding-top:10%;
  max-width: 620px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 80px;
}
.history-modal__slide-title .d-txt{
  font-size: 100px;
  margin-bottom:0;
  line-height: 1em;
}

.history-modal__slide-title h2 {
  font-size: 22px;
  margin-bottom: 1em;
  margin-top: -1rem;
  /* margin-bottom: 20%; */
  line-height: 1em;
}

.history-modal__slide-title p{
  font-size: 13px;
  margin-bottom: 1em;
  line-height: 0em;
}

.history-modal__slide-content{
  max-width: 620px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
}

.history-modal__slide-content figure{
  text-align: center;
  margin-bottom: 10%;
}

.history-modal__pagination_wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 80px;
  flex-wrap: wrap;
  row-gap:24px;
}

.history-modal__page-num{
  width:100%;
  font-size:12px;
  color: #9D9D9D;
  line-height: 1em;
  margin-bottom: 0.5rem;
}

.history-modal-button-prev{
  padding-left:45px;
  position: relative;
  cursor:pointer;
  width: 20%;

}

.history-modal-button-prev:before{
  content:'';
  width: 35px;
  height: 35px;
  background-image: url(../image/arrow-prev.png); 
  background-size: contain;  
  position: absolute;
  left: 0;
  top: 0;
}


.history-modal-button-prev p{
  font-size:14px;
  text-align: left;
  line-height: 1em;
}

.history-modal-button-next{
  padding-right:45px;
  position: relative;
  cursor:pointer;
  width: 20%;

}

.history-modal-button-next:after{
  content: '';
  width: 35px;
  height: 35px;
  background-image: url(../image/arrow-next.png);
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}

.history-modal-button-next p{
  font-size:14px;
  text-align: right;
  line-height: 1em;
}

.history-modal__pagination_wrap .light-color{
  font-size:12px;
  color: #9D9D9D;
  line-height: 1em;
  margin-bottom: 0.5rem;
}

.history-modal__wrap{
  width: 100%;
  max-width: 810px;
  margin:0 auto 80px;

  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3%;
       column-gap: 3%;
}

.history-modal__txt{
  width: 55%;
}

.history-modal__txt p.subt-itle{
  font-size:32px;
  color:#CC3366;
  margin-bottom:1em;
}

.history-modal__img{
  width: 42%;
}
@media screen and (max-width:1360px) {
  .history-modal__content{
    width: 90%;
  }

}
@media screen and (max-width:768px) {

  .history-modal__wrap{
    margin-left: auto;
    margin-right: auto;
    width: 90%
  }

  .history-modal-button-prev {
    width: 30%;
  }
  .history-modal-button-next {
    width: 30%;
  }
}

@media screen and (max-width:390px) {

  .history-modal__wrap {
    flex-direction:column-reverse;
    row-gap: 32px;
    -moz-column-gap: 0;
         column-gap: 0;
    box-sizing: border-box;

  }

  .history-modal__txt{
    width: 100%;
  }

  .history-modal__txt p.subt-itle{
    font-size:22px;
  }

  .history-modal__img{
    width: 100%;
  }


  .history-modal-button-prev {
    width: 43%;
    box-sizing: border-box;
    margin-left:24px;

  }

  .history-modal-button-next {
    width: 43%;
    box-sizing: border-box;
    margin-right:24px;


  }

  .history-modal-button-next p,.history-modal-button-prev p{
    font-size:10px;
  }


  .partition{
    position: relative;
  }

  .partition:after{
    content: '';
    border-left:1px solid #CCCCCC;
    position: absolute;
    top:40px;
    left:50%;
    height: 30%;


  }

}




/* ===========================
//     シミュレーション ページ
// ===========================*/

/* -------------タイトルセクション------------- */


#simulator{
  padding-top:0;
}
.section.simulation.title{
  position: relative;
}

.simulation__title h2{
  position: absolute;
  top:47%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size:32px;
}

.simulation__title__note{
  position: absolute;
  bottom:7%;
  width: 100%;
  text-align: center;
  font-size:20px;
}

.simulation__title__note p{
  font-size:20px;
}
.simulation__title__note p.note{
  font-size:15px;
}

.simulator__warp h3{
  font-size:22px;
}
.simulator__warp h3 span.step{
  font-size:16px;
}
.simulator__warp h3 span.step-no{
  font-size:33px;
}

@media screen and (max-width:992px) {

  .section.simulation.title{
    padding-top:120px;
  }
  .simulation__title .simulation__title .d-txt{
    font-size: 107px;
    line-height: 1.2em;
  }

  .simulation__title__note {
    position: relative;
    margin-top: -32px;
  }
  .simulation__title__note p{
    margin-bottom: 8px;
  }

  .simulation__title__note p.note{
    margin-bottom:40px;
  }



  .tosimulation-btn{
    width: 100%;
    background-color: #D8C7AC;
    text-align: center;
    box-sizing: border-box;
    padding: 24px;
  }
  
  .tosimulation-btn a{
    padding: 16px 40px;
    position: relative;
    background-color: #fff;
    border-radius: 50px;
    font-size: 12px;
    max-width: 204px;
    box-sizing: content-box;
  }
  
  .tosimulation-btn a:after{
    /*
    content:'';
    background-image: url(../image/arrow-type2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 60%;
    left: 48%;
    transform: rotate(90deg);
    z-index: 9999;
    width: 5px;
    height: 20px;
*/
  }

}

@media screen and (max-width:430px) {

  .section.simulation.title{
    padding-top:150px;
  }


  .section.simulation  .simulation__title h2{
    font-size: 24px;
  }
  
  .simulation__title__note p{
    font-size:15px;
  }
  .simulation__title__note p.note{
    font-size:12px;
  }
}


/* -------------シミュレーター セクション------------- */


.simulator__warp{
  display: flex;
  justify-content: center;
  -moz-column-gap: 5%;
       column-gap: 5%;
}

.simulator__left{
  width: 30%;
}

.simulator__center{
  width: 400px;
}

.simulator__right{
  width: 30%;
}

.simulator__img-wrap{
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap:2%;
       column-gap:2%;
  row-gap:0.3em;
}


.bottol__thamnail,.cap__thamnail,.pump__thamnail{
  width: 23%;
  height: auto;
  box-shadow: 1px 1px 1px  rgba(0,0,0,0.16);
  position: relative;
}

.bottol__thamnail img,.cap__thamnail img,.pump__thamnail img{
  width: 100%;
  height: auto;
}


.is-bottolSelect:before,.is-capSelect:before,.is-pumpSelect:before{
  width: 95%;
  height: 95%;
  border:3px solid #CC3366;
  z-index: 10;
  top:0;
  left:0;
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
}

.is-bottolSelect:after,.is-capSelect:after,.is-pumpSelect:after{
  background-image: url(../image/activecheck.png);
  position: absolute;
  width: 24px;
  height: 24px;
  top: -12px;
  right: -12px;
  content: '';
  background-size: contain;
  z-index: 2;
}

.is-selectNG{
  pointer-events: none;
  overflow: hidden;
}

.is-selectNG:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(89,89,89,.6);
  content: "";
  z-index: 1;
}

.is-selectNG:after {
  display: block;
  position: absolute;
  border-width: 0;
  top: 50%;
  left: 50%;
  height: 2px;
  width: 150%;
  background-color: rgba(255,255,255,.5);
  content: "";
  z-index: 2;
  transform:rotate(-45deg) translate(-50%,-50%);
  transform-origin: left top;
}


/*シミュレーター左要素*/

.simulator__left h4{
  margin-bottom:0.5rem;
  margin-top: 1.5rem;
}

.simulator__left h3,.simulator__right h3{
  border-bottom:1px solid #333333;
}

.simulator__right .cap__thumbnail__list h3,.simulator__right .option__color h3{
  margin-top:3rem;
}


/*シミュレーター中央要素*/

.canvas-area{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.simulator-main{
  height: 450px;
  position: relative;
}

.simulator-select{
  padding: 0 10% 10%10%;
}

.simulator__view{
  position: relative;
  padding: 180px 0% 40px 0%;
  display: none;
}

.simulator__view.is-selectView{
  display: block;
}

/*360画像*/


.simulator_360_view{
  opacity: 0;
  position: relative;
  height: 100%;
  pointer-events: none;
}

.simulator_360_view.is-selectView{
  opacity: 1;
  pointer-events: auto;
}


.cloudimage-360{
  position: absolute!important;
  opacity: 0;
  top:0;
  left:0;
  z-index: -1;
}


.cloudimage-360.is-select360{
  opacity: 1;
  z-index: 10;
}


.cloudimage-360-inner-box{
  padding-top: 17%;
}

/*手画像*/

#hand__view{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

#hand__view.is-selectView{
  display: block;
}

.hand__canvas__item{
  display: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.hand__canvas__item.is-handShow{
  display: block;
}

/*画像重ね ボトル部分*/

.bottol__canvas__item {
  max-height: 250px;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: none;
}

.bottol__canvas__item.is-bottolShow{
  display: block;
}

.bottol__canvas__item.is-bottolShow img{
  -o-object-fit: contain;
     object-fit: contain;
}

/*画像重ね キャップ部分*/

.cap__canvas__item {
  display: none;
  position: absolute;
  z-index: 20;
  left:0;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}

.cap__canvas__item.is-capShow{
  display: block;
}
.cap__canvas__item.is-capShow img{
  -o-object-fit: contain;
     object-fit: contain;
}

/*キャップとボトルの組み合わせサイズ調整
　（ボトルに応じたキャップの高さ、幅調整）
*/


.cap__canvas__item[data-selectBottle="B001"]{
  bottom: 255px;
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C006"]{
  width: 140px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C007"]{
  width: 160px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C008"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C010"]{
  width: 130px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C012"]{
  width: 135px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C013"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B001"][data-capid="C016"]{
  width: 140px;
}


/*
.cap__canvas__item.selectBottle__B001[data-capid="C006"][data-color="0"]{
  width: 110px;
}
*/



.cap__canvas__item[data-selectBottle="B002"]{
  bottom: 266px;
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B002"][data-capid="C006"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B002"][data-capid="C007"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B002"][data-capid="C008"]{
  width: 74px;
}

.cap__canvas__item[data-selectBottle="B002"][data-capid="C010"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B002"][data-capid="C012"]{
  width: 87px;
}
.cap__canvas__item[data-selectBottle="B002"][data-capid="C013"]{
  width: 68px;
}
.cap__canvas__item[data-selectBottle="B002"][data-capid="C016"]{
  width: 90px;
}



.cap__canvas__item[data-selectBottle="B003"]{
  bottom: 257px;
  width: 65px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C006"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C007"]{
  width: 125px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C008"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C010"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C012"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C013"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B003"][data-capid="C016"]{
  width: 100px;
}




.cap__canvas__item[data-selectBottle="B004"]{
  bottom: 257px;
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C006"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C007"]{
  width: 140px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C008"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C010"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C012"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C013"]{
  width: 88px;
}
.cap__canvas__item[data-selectBottle="B004"][data-capid="C016"]{
  width: 100px;
}



.cap__canvas__item[data-selectBottle="B005"]{
  bottom: 261px;
  width: 50px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C006"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C007"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C008"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C010"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C012"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C013"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C014"]{
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B005"][data-capid="C016"]{
  width: 90px;
}



.cap__canvas__item[data-selectBottle="B006"]{
  bottom: 255px;
  width: 55px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C006"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C007"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C008"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C010"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C012"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C013"]{
  width: 75px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C014"]{
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B006"][data-capid="C016"]{
  width: 90px;
}





.cap__canvas__item[data-selectBottle="B007"]{
  bottom: 266px;
  width: 50px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C006"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C007"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C008"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C010"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C012"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C013"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C014"]{
  width: 55px;
}
.cap__canvas__item[data-selectBottle="B007"][data-capid="C016"]{
  width: 80px;
}



.cap__canvas__item[data-selectBottle="B008"]{
  bottom: 255px;
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C006"]{
  width: 120px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C007"]{
  width: 145px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C008"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C010"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C012"]{
  width: 120px;
  bottom: 247px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C013"]{
  width: 90px;
  bottom: 247px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C014"]{
  width: 75px;
}
.cap__canvas__item[data-selectBottle="B008"][data-capid="C016"]{
  width: 120px;
}



.cap__canvas__item[data-selectBottle="B009"]{
  bottom: 259px;
  width: 55px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C006"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C007"]{
  width: 120px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C008"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C010"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C012"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C013"]{
  width: 75px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C014"]{
  width: 65px;
}
.cap__canvas__item[data-selectBottle="B009"][data-capid="C016"]{
  width: 100px;
}



.cap__canvas__item[data-selectBottle="B010"]{
  bottom: 262px;
  width: 50px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C006"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C007"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C008"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C010"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C012"]{
  width: 88px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C013"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C014"]{
  width: 56px;
}
.cap__canvas__item[data-selectBottle="B010"][data-capid="C016"]{
  width: 90px;
}



.cap__canvas__item[data-selectBottle="B011"]{
  bottom: 259px;
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C006"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C007"]{
  width: 125px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C008"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C010"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C012"]{
  width: 115px;
  bottom: 254px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C013"]{
  width: 83px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C014"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B011"][data-capid="C016"]{
  width: 105px;
}






.cap__canvas__item[data-selectBottle="B012"]{
  bottom: 249px;
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C006"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C007"]{
  width: 130px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C008"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C010"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C012"]{
  width: 120px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C013"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C014"]{
  width: 75px;
}
.cap__canvas__item[data-selectBottle="B012"][data-capid="C016"]{
  width: 105px;
}




.cap__canvas__item[data-selectBottle="B013"]{
  bottom: 265px;
  width: 50px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C006"]{
  width: 73px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C007"]{
  width: 93px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C008"]{
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C010"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C012"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C013"]{
  width: 55px;
}
.cap__canvas__item[data-selectBottle="B013"][data-capid="C016"]{
  width: 73px;
}




.cap__canvas__item[data-selectBottle="B014"]{
  bottom: 255px;
  width: 65px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C006"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C007"]{
  width: 135px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C008"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C010"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C012"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C013"]{
  width: 83px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C014"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B014"][data-capid="C016"]{
  width: 110px;
}





.cap__canvas__item[data-selectBottle="B015"]{
  bottom: 259px;
  width: 55px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C006"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C007"]{
  width: 110px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C008"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C010"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C012"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C013"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B015"][data-capid="C016"]{
  width: 90px;
}





.cap__canvas__item[data-selectBottle="B016"]{
  bottom: 260px;
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C006"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C007"]{
  width: 145px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C008"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C010"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C012"]{
  width: 120px;
  bottom: 250px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C013"]{
  width: 85px;
  bottom: 255px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C014"]{
  width: 75px;
}
.cap__canvas__item[data-selectBottle="B016"][data-capid="C016"]{
  width: 120px;
}





.cap__canvas__item[data-selectBottle="B017"]{
  bottom: 261px;
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C006"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C007"]{
  width: 120px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C008"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C010"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C012"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C013"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B017"][data-capid="C016"]{
  width: 95px;
}




.cap__canvas__item[data-selectBottle="B018"]{
  bottom: 264px;
  width: 50px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C006"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C007"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C008"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C010"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C012"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C013"]{
  width: 65px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C014"]{
  width: 55px;
}
.cap__canvas__item[data-selectBottle="B018"][data-capid="C016"]{
  width: 90px;
}





.cap__canvas__item[data-selectBottle="B019"]{
  bottom: 270px;
  width: 40px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C006"]{
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C007"]{
  width: 95px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C008"]{
  width: 65px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C010"]{
  width: 65px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C012"]{
  width: 80px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C013"]{
  width: 60px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C014"]{
  width: 50px;
}
.cap__canvas__item[data-selectBottle="B019"][data-capid="C016"]{
  width: 70px;
}



.cap__canvas__item[data-selectBottle="B020"]{
  bottom: 259px;
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C006"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C007"]{
  width: 140px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C008"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C010"]{
  width: 100px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C012"]{
  width: 115px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C013"]{
  width: 90px;
}
.cap__canvas__item[data-selectBottle="B020"][data-capid="C016"]{
  width: 115px;
}



.cap__canvas__item[data-selectBottle="B021"]{
  bottom: 254px;
  width: 72px;
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C006"]{
  width: 120px;
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C007"]{
  width: 180px;
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C008"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C010"]{
  width: 125px;
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C012"]{
  width: 155px;
  bottom: 249px
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C013"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B021"][data-capid="C016"]{
  width: 135px;
}





.cap__canvas__item[data-selectBottle="B022"]{
  bottom: 259px;
  width: 70px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C006"]{
  width: 120px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C007"]{
  width: 170px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C008"]{
  width: 105px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C010"]{
  width: 120px;
  bottom: 255px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C012"]{
  width: 120px;
  bottom: 257px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C013"]{
  width: 85px;
}
.cap__canvas__item[data-selectBottle="B022"][data-capid="C016"]{
  width: 125px;
}




.icon360{
  position: absolute;
  top:50px;
  width: 50px;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
}

.icon360 img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.play-button-area{
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 50;
  display: flex;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.play-button-area .play-button,.play-button-area .pause-button{
  width: 12px;
  opacity: 0.5;
  pointer-events: none;
}

.play-button-area .play-button img,.play-button-area .pause-button img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}


.play-button.is-play,.pause-button.is-play{
  opacity: 1;
  pointer-events:auto ;
}








/*画像重ね 色*/

.simulatorMainBottol__color{
  display: block;
  position: absolute;
  top: 180px;;
  left: 0;
  height: 250px;
  width: 100%;
  z-index: 10;
  -webkit-mask-image:  var(--selectSvg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: var(--selectSvg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--selectColor);
  mix-blend-mode: multiply;
  opacity: .9;
}

.option__color .selectColor-area label{
  margin-left:1em;
}

.option__color ul.note{
  padding-left:1em;
}


.option__color ul.note li{
  line-height: 1em;
  margin-bottom:0.1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:13px;
}


/*トグル設定*/

.simulator-select__title{
  display:flex;
  align-items: center;
  justify-content: center;
}

.simulator-select__title p{
  margin-bottom:0;
}


.simulator-select__title::before,
.simulator-select__title::after{
  content: "";
  flex-grow:1;
  border-top: 1px solid #CCCCCC;
}

.simulator-select__title:before {
  margin-right: 1rem;
}
.simulator-select__title:after {
  margin-left: 1rem;
}


.simulator-select__warp{
  display: flex;
  justify-content: center;
  -moz-column-gap:2%;
       column-gap:2%;
}

.simulator-select__toggle{
  width: 30%;
  text-align: center;
}

.simulator-select__toggle p{
  font-size: 12px;
  margin-bottom:8px;
}


.selectView__label {
  width: 50px;
  position: relative;
  display: inline-block;
  padding-top: 3px;
}
.selectView__content {
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 7px;
  height: 14px;
  background-color: rgba(34,31,31,.26);
  transition: all .1s .4s;
  overflow: hidden;
}
.selectView__content:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 7px;
  transition: all .5s;
}
.selectView__input {
  display: none;
}
.selectView__circle {
  display: block;
  top: -5px;
  left: 0px;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background-color: #F1F1F1;
  transition: all .5s;
  box-shadow: 0 2px 2px #ccc;
}
.selectView__input:checked ~ .selectView__circle {
  left: 24px;
  background-color: #B4A080;
  border:2px solid #fff;
}
.selectView__input:checked ~ .selectView__content {
  border-color: transparent;
  transition: all 0s;
}
.selectView__input:checked ~ .selectView__content:after {
  background-color: #D8C7AC;
  width: 100%;
}


/*テキスト表示箇所*/

.simulator-select__content{
  padding:10%;
}

.simulator-select__content span{
  background:#fff;
  border:1px solid #D8C7AC;
  border-radius: 40px;
  padding: 0rem 0.5rem;
  margin-right:1rem;
  width: 4rem;
  display: inline-block;
  text-align: center;
  line-height: 1.5rem;
/*  margin-bottom: 1.5rem;*/
}

.simulator-select__content span.select-bottol-title,.simulator-select__content span.select-cap-title,.simulator-select__content span.select-pump-title{
  font-size:18px;
  font-weight: 700;
  background: none;
  border:none;
  margin-right:0rem;
  padding:0;
  display: inline;
  text-align: left;
}
.simulator-select__content span.select-bottol-size,.simulator-select__content span.select-cap-size{
  font-size:14px;
  font-weight: 700;
  background: none;
  border:none;
  margin-right:0rem;
  padding:0;
  display: block;
  text-align: left;
  width: auto;
  margin-left: 6.3rem;
}

@media screen and (max-width:992px) {

  .simulator__warp{
    flex-wrap: wrap;
  }

  .simulator__left{
    width: 100%;
  }

  .simulator__center{
    width: 400px;
  }

  .simulator__right{
    width: 100%;
  }

}


.bottol__thumbnail__list h3,.pump__thumbnail__list h3,.cap__thumbnail__list h3{
  font-size:18px;
}

.small-font{
  font-size:80%;
}

span.setp{
  font-size:16px;
}

#selectColorReset__btn{
  margin:0 auto;
  background:#fff;
  padding-left:48px;
  padding-top:16px;
  padding-right:32px;
  padding-bottom:16px;
  border:none;
  border-radius: 50px;
  display: block;
  text-align: center;
  position: relative;
}

.selectColorReset{
  position: relative;
}
.selectColorReset:before{
  content: "×";
  color: #333;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 31%;
  z-index: 10;
  top: 11px;
}

/* -------------シミュレーション モーダル------------- */

.modal-size{
  display: none;
}

.no-modal-size{
  display: block;
}

@media screen and (max-width:992px) {
  .modal-size{
    display: block;
  }
  .no-modal-size{
    display: none;
  }
    

  #simulationModal{
    display: none;    
  }

  #simulationModal.is-simulationModalView{
    display:block;
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background-color: #333;
    z-index: 500;
    padding:50px;
    box-sizing: border-box;
  }

  .bottol__thumbnail__list,.pump__thumbnail__list,.cap__thumbnail__list,.option__color{
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    outline: 7px solid #D8C7AC;
    outline-offset: -7px;
    padding: 36px 24px;
    box-sizing: border-box;
    min-height: 480px;
  }

  .bottol__thumbnail__list h3,.pump__thumbnail__list h3,.cap__thumbnail__list h3,.option__color h3{
    text-align: center;
    border-bottom: none;
  }

  .bottol__thumbnail__list p,.pump__thumbnail__list p,.cap__thumbnail__list p,.option__color p{
    text-align: center;
  }

  .bottol_category-select{
    display: flex;
    justify-content: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }

  .categorylSelect{
    background-color: #fff;
    border:1px solid #ccc;
    border-radius: 50px;
    padding:4px 16px;
  }

  .selectColor-area{
    text-align: center;
  }


  /*buttolサムネイル画像 カテゴリータイトル非表示*/
  #bottolImg30,#bottolImg50,#bottolImgOther{
    display: none;
  }

  #bottolImg30.simulator__img-wrap.is-bottolthumbnailShow,#bottolImg50.simulator__img-wrap.is-bottolthumbnailShow, #bottolImgOther.simulator__img-wrap.is-bottolthumbnailShow,#capImg.simulator__img-wrap,#pumpImg.simulator__img-wrap{
    display: grid;
    justify-content: center;
    overflow-x: scroll;
    padding-top: 32px;
    padding-bottom: 32px;
    grid-template-rows: repeat( 2 , 75px);
    /* grid-template-columns: repeat( 11 , 75px);*/
  }

  @media screen and (max-width:430px) {
    #bottolImg50.simulator__img-wrap.is-bottolthumbnailShow, #capImg.simulator__img-wrap{
      justify-content: left;
    }
  
  }



  #bottolImg30.simulator__img-wrap.is-bottolthumbnailShow{
    grid-template-columns: repeat( 4 , 75px);
  }  

  #bottolImg50.simulator__img-wrap.is-bottolthumbnailShow{
    grid-template-columns: repeat( 5 , 75px);

  }

  #bottolImgOther.simulator__img-wrap.is-bottolthumbnailShow{
    grid-template-columns: repeat( 2 , 75px);
  }

  #capImg.simulator__img-wrap{
    grid-template-columns: repeat( 6 , 75px);
  }

  #pumpImg.simulator__img-wrap{
    grid-template-columns: repeat( 4 , 75px);
  }


  .modal-decision{
    border:1px solid #F7F5F2;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 28px;
    position: relative;
    background-color: #333333;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 16px;
    text-align: center;  }

  .modal-decision-btn{
    color:#fff;
    background-color: #333333;
    border:none;
  }
  
  .modal-decision:before{
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../image/btn-arrow-type1.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 0.2rem;
  }

  /*サムネイル画像 サイズ調整*/
  .bottol__thamnail,.cap__thamnail,.pump__thamnail{
    width: 75px;
  }

  .simulator__center h2{
    font-size:26px;
    text-align: center;
    color:#968261;

  }

  .simulator-select__title p:first-child{
    margin-bottom:0;
  }

  .simulator-select__content{
    padding-top:32px;
    padding-left:0;
    padding-right:0;
  }
  
  .simulator-select__content p{
    line-height: 1.2em;
    margin-bottom: 16px;
  }

  .simulator-select__content span {
    margin-bottom:0;
  }

  .simulator-select__modal{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #fff;
    padding:24px;
    box-sizing: border-box;
  }

  .simulator-select__wrap{
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 3%;
         column-gap: 3%;
    justify-content: center;
    row-gap: 16px;
    width: 520px;
    margin:0 auto;

  }

  .simulator-select__modal .modalSelect{
    width: 30%;
    text-align: center;
  }

  .simulator-select__modal .modalSelect__img{
    text-align: center;
    height: 125px;
    margin:0 auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .simulator-select__modal .modalSelect{
    position: relative;
  }
  .simulator-select__modal .modalSelect:after{
    content: '';
    background-image: url(../image/arrow-type2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 40%;
    right: -8%;
    z-index: 10;
    width: 10px;
    height: 35px;
   }

   .simulator-select__modal .modalSelect:nth-child(3):after{
    content: none;
   }

   .modalSelect_color_set ,.modalSelect_color_reset{
    display: none;
    background-color: #fff;
    padding:8px 16px;
    border-radius:20px;
    border:1px solid #EFEFEF;
    font-size:12px;
   }
   .modalSelect_color_set.is-modalSelect_color_set{
    display: block;
   }

   .modalSelect_color_reset{
    display: none;
   }
   .modalSelect_color_reset.is-modalSelect_color_set{
    display: block;
   }


} 

@media screen and (max-width:600px) {

  .simulator-select__wrap {
    width: 100%;
  }


}


@media screen and (max-width:430px) {
  .simulator-select__modal .modalSelect:after{
    right: -10%;
  }

}

/* -------------オプション セクション------------- */


.simulation.option{
  overflow: hidden;
}

.simulation__option__title{
  position: relative;
}

.simulation__option__title .d-txt{
  font-size:162px;
  margin-bottom:0;
  line-height: 1em;
}

.simulation__option__title h2{
  top: 60%;
  left: 17%;
}

.option__inner__wrap{
  display: flex;
  align-items: flex-end;
  margin-top:6%;
}

.option__inner__wrap .option__inner__txt{
  width: 34.5%;
  padding-right:3em;
  margin-bottom:10%;
}
.option__inner__wrap .option__inner__img{
  width: 65.5%;
  position: relative;
}

.option__inner__txt h3{
  font-size:22px;
  font-weight: 700;
}

.option__inner__img p.img-title{
  margin-bottom:0;
  background-color: #F7F5F2;
}

.option__inner__img p.img-note{
  margin-bottom:1em;
  background-color: #F7F5F2;
}


.option__slide1-prev,.option__slide2-prev,.option__slide3-prev{
  position: absolute!important;
  top: 45%!important;
  left: -10%!important;
  z-index: 500;
}


.option__slide1-next,.option__slide2-next,.option__slide3-next{
  position: absolute!important;
  top:45%!important;
  right:-3%!important;
  z-index: 500;
}

.option__slide1-prev.swiper-button-disabled,.option__slide2-prev.swiper-button-disabled,.option__slide3-prev.swiper-button-disabled,
.option__slide1-next.swiper-button-disabled,.option__slide2-next.swiper-button-disabled,.option__slide3-next.swiper-button-disabled{
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.option__slide1-prev::after,.option__slide2-prev::after,.option__slide3-prev::after,
.option__slide1-next::after,.option__slide2-next::after,.option__slide3-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}
  
  
.option__slide1-prev::after,.option__slide2-prev::after,.option__slide3-prev::after{
  background-image: url(../image/arrow-prev.png);
}
  
.option__slide1-next::after,.option__slide2-next::after,.option__slide3-next::after{
  background-image: url(../image/arrow-next.png);
}

.option__slide1-pagination,.option__slide2-pagination,.option__slide3-pagination{
  text-align: center;
}

@media screen and (max-width:1500px) {
  .simulation__option__title .d-txt{
    font-size:10.8vw;
  }
}



@media screen and (max-width:768px) {

  .simulation__option__title{
    padding-bottom: 200px;;
  }

  .simulation__option__title .d-txt{
    font-size:17.96875vw;
  }

  .simulation__option__title h2{
    top: 48%;
    left: 60%;
  }
  
  .option__inner__wrap{
    flex-wrap: wrap;
  }

  .option__inner__wrap .option__inner__txt{
    width: 100%;
    margin-top:48px;
    padding-right: 0em;
    margin-bottom:0;
  }
  .option__inner__wrap .option__inner__img {
    width: 100%;
  }

  .option__slide1-prev,.option__slide2-prev,.option__slide3-prev{
    position: absolute!important;
    top:35%!important;
    left:-3%!important;
    z-index: 100;
  }


  .option__slide1-next,.option__slide2-next,.option__slide3-next{
    position: absolute!important;
    top:35%!important;
    right:4%!important;
    z-index: 100;
  }

}

@media screen and (max-width:580px) {

  .simulation__option__title h2{
    top: 48%;
    left: 55%;
  }

  .option__slide1-next,.option__slide2-next,.option__slide3-next{
    right:6%!important;
  }
  
}



@media screen and (max-width:430px) {

  .simulation__option__title{
    padding-bottom: 50px;
  }

  .simulation__option__title .d-txt{
    font-size:17.94871794871795vw;
  }

  .simulation__option__title h2{
    top: 55%;
    left: 50%;
  }
  
  .option__inner__wrap{
    flex-wrap: wrap;
  }

  .option__inner__wrap .option__inner__txt{
    width: 100%;
    margin-top:48px;
  }
  .option__inner__wrap .option__inner__img {
    width: 100%;
  }

  .option__slide1-prev,.option__slide2-prev,.option__slide3-prev{
    position: absolute!important;
    top:35%!important;
    left:-4%!important;
    z-index: 100;
  }


  .option__slide1-next,.option__slide2-next,.option__slide3-next{
    position: absolute!important;
    top:35%!important;
    right:10%!important;
    z-index: 100;
  }

}



/* -------------アザーボトル セクション------------- */

.simulation.other{
  overflow: hidden;
}

.simulation__other__title{
  position: relative;
}

.simulation__other__title .d-txt{
  font-size:162px;
  margin-bottom:0;
  line-height: 1em;
}

.simulation__other__title h2{
  top: 60%;
  left: 17%;
}

.other__readtxt{
  position: relative;
  width: 50%;
  left:50%;
  margin-top:132px;
  margin-bottom:196px;
  max-width: 580px;
}


.other-bottol-area{
  background: #fff;
  position: relative;
  padding-left: 20%;
  padding-top:2%;
  padding-bottom:2%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.other-bottol-area .swiper-wrapper{
  height: auto;
}
.other-bottol-area .swiper-slide{
  height: auto;
}
.other-bottol img{
  width: 100%;
  height: auto;
}


.other-bottol-prev{
  position: absolute!important;
  top:50%!important;
  left:10%!important;
}

.other-bottol-next{
  position: absolute!important;
  top:70%!important;
  left:10%!important;
}

.other-bottol-prev::after,
.other-bottol-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px!important;
  height: 50px!important;
  background-repeat: no-repeat;
  background-size: contain;
}


.other-bottol-prev::after{
  background-image: url(../image/arrow-prev.png);

}

.other-bottol-next::after{
  background-image: url(../image/arrow-next.png);
}

.other-bottol p.img-title{
  font-size:18px;
  font-weight: 700;
  margin-bottom:0;
}

.other-bottol p.img-note{
  font-size:14px;
  margin-bottom:0;
}


@media screen and (max-width:768px) {

  .simulation__other__title{
    padding-bottom: 200px;
  }

  .simulation__other__title .d-txt{
    font-size:17.96875vw;
  }

  .simulation__other__title h2 {
    top: 38%;
    left: 58%;
  }

  .other__readtxt{
    width: 80%;
    margin:0 auto;
  }

  .other-bottol p.img-title{
    margin-bottom:0;
  }

  .other-bottol-prev{
    position: absolute!important;
    top:40%!important;
    left:5%!important;
  }
  
  .other-bottol-next{
    position: absolute!important;
    top:65%!important;
    left:5%!important;
  }


}

@media screen and (max-width:580px) {
  .simulation__other__title h2 {
    left: 55%;
  }

}

@media screen and (max-width:430px) {

  .simulation__other__title{
    padding-bottom: 80px;
  }

  .simulation__other__title .d-txt{
    font-size:17.94871794871795vw;
  }

  .simulation__other__title h2 {
    top: 28%;
    left: 48%;
  }

  .other__readtxt{
    width: 80%;
    left:0;
    margin:0 auto;
  }

  .other-bottol p.img-title{
    margin-bottom:0;
    font-size:12px;
  }

  .other-bottol p.img-note{
    font-size:10px;
  }

  .other-bottol-prev{
    position: absolute!important;
    top:40%!important;
    left:4%!important;
  }
  
  .other-bottol-next{
    position: absolute!important;
    top:65%!important;
    left:4%!important;
  }
  
}


/* -------------company ページ------------- */


.section.company-profile th{
  text-align: left;
  padding-right:1em;
  width: 20%;
  vertical-align: middle;
  padding-top:1em;
  padding-bottom:1em;
  border-bottom:1px solid #EFEFEF;

}

.section.company-profile td{
  padding-top:1em;
  padding-bottom:1em;
  text-align: left;
  width: 80%;
  border-bottom:1px solid #EFEFEF;
}

.section.company-profile td ul{
  padding-left:1em;
}

.section.company-profile tr:last-child th,.section.company-profile tr:last-child td{
  border-bottom:none;
}


.section.company-profile td li::marker{
  color:#CCCCCC;
}

p.place-name{
  position: relative;
  margin-bottom: 16px;
  padding-left: 32px;
  margin-top: 40px;
  line-height: 1em;
}

p.place-name.first-content{
  margin-top:0em;
}

p.place-name:before{
  position: absolute;
  width: 24px;
  height: 1px;
  border-top:1px solid #9D9D9D;
  top:50%;
  left:0;
  content:'';
}

@media screen and (max-width:768px) {
  .section.company-profile table{
    width: 100%;
  }

}

@media screen and (max-width:390px) {
  .section.company-profile th,.section.company-profile td{
    width: 100%;
    display: block;
    font-size:14px;
  }
  .section.company-profile th{
    border-bottom:none;
    padding-bottom:0;
    font-size:14px;
  }

  .section.company-profile td{
    padding-left:1em;
  }
  
  p.place-name{
    margin-top:0;
    font-size:14px;

  }

}
.section.company-history{
  background-color:#F5F5F5;
}


.section.company-history th{
  text-align: left;
  padding-right: 1em;
  width: 15%;
  vertical-align: top;
  margin-bottom: 1em;
  padding-top: 0.4em;
  font-weight: 300;
}

.section.company-history td{
  text-align: left;
  padding-right:1em;
  width: 85%;
  vertical-align: top;
  margin-bottom:1em;
}

.section.company-history td ul{
  margin-top:0;
  margin-bottom:0;
  padding-left:1em;
}

.section.company-history td ul li::marker{
  color:#CCCCCC;
}

.historyBtn{
  margin-top:10%;
  text-align: center;
}

@media screen and (max-width:768px) {

  .section.company-history th {
    padding-top: 1.5em;
    width: 18%;
  }

  .section.company-history td {
    padding-top: 1.5em;
    width: 82%;
  }

}

@media screen and (max-width:390px) {

  .section.company-history th {
    font-size:14px;
    width: 20%;
    padding-top: 1.2em;
  }
  

  .section.company-history td {
    font-size:12px;
    width: 80%;
  }

  .section.company-history td ul li{
    font-size:12px;
  }
}

/*ホールディングス セクション*/

.holdings__wrap{
  display: flex;
  -moz-column-gap: 14%;
       column-gap: 14%;
  align-items: center;
}

.holdings__txt,.holdings__img{
  width: 43%;
}

@media screen and (max-width:768px) {
  .holdings__wrap{
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .holdings__txt,.holdings__img{
    width: 100%;
  }
  .holdings__img{
    text-align: center;
  }
}


/*アクセス セクション*/

.section.acsess{
  background-color:#F5F5F5;
}

.acsessBtn{
  margin-top:10%;
  text-align: center;
}

.acsessBtn a{
  font-size:14px;
  font-family: 'Marcellus', serif;
}

@media screen and (max-width:768px) {
  .acsess__tittle .s-sub-title{
    margin-bottom:10%;
  }

  .section.acsess iframe{
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;

  }
}



/* -------------oem contact ページ------------- */

/*見出しエリア*/
.section.oem-contact{
  padding-top:200px;
  padding-bottom:0;

}

.oem-contact__title .d-txt{
  font-size:162px;
  line-height: 1em;
  margin-bottom:0;
  text-align: center;
}

@media screen and (max-width:860px) {

  .oem-contact__title .d-txt{
    font-size:18.83720930232558vw;
  }
}

@media screen and (max-width:750px) {

  .oem-contact__title .d-txt{
  }

}


.oem-contact__title h2{
  text-align: center;
  font-size:32px;
  margin-top: -36px;
}

.oem-contact__readtxt{
  max-width: 660px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 5%;  
}

.oem-contact__wrap{
  display: flex;
  align-items: center;
  max-width: 660px;
  margin-left:auto;
  margin-right:auto;
}

.oem-contact__left,.oem-contact__right{
  width: 50%;
}

.oem-contact__left p{
  text-align: center;
  margin-bottom: 0;
}

.oem-contact__right p{
  line-height: 1em;
  margin-bottom:0;
}

.oem-contact__right a.tel-num{
  font-family: 'Times New Roman', serif;
  font-size:36px;
  line-height: 1em;
  margin-bottom:0;
  letter-spacing: 0.1em;
}

@media screen and (max-width:768px) {
  .oem-contact__title .d-txt{
    font-size:138px;
    font-size:18vw;
  }
  
}

@media screen and (max-width:740px) {
    .oem-contact__readtxt,.oem-contact__wrap{
      margin-left:40px;
      margin-right:40px;
    }  
}

@media screen and (max-width:500px) {

  .oem-contact__left{
    width: 100%;
    text-align: center;
  }
  .oem-contact__right{
    width: 100%;
    text-align: center;
  }


}

@media screen and (max-width:390px) {
  .oem-contact__title .d-txt{
    font-size:57px;
  }

  .oem-contact__title h2{
    font-size:24px;
  }

  .oem-contact__readtxt{
    margin-left: 24px;
    margin-right:24px;

  }
  .oem-contact__wrap{
    margin-left: 24px;
    margin-right:24px;
    flex-wrap: wrap;
  }

  .oem-contact__right p.note {
    line-height: 1em;
    margin-top: 8px;
  }

  p.required,p.optional{
    margin-bottom:0;
  }
  .input-name p{
    margin-bottom:0;
  }
}


/*フォームエリア*/

.form-area{
  background:#fff;
  border-radius: 10px;
  max-width: 800px;
  margin-left:auto;
  margin-right:auto;
  padding:62px 40px;
  /*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);*/
  border: 1px solid #DDD;
}

@media screen and (max-width:960px) {
  .form-area{
    margin-left:40px;
    margin-right:40px;
  }
}




.form-area__inner__wrap,.input-area__wrap{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.form-area__inner__wrap{
  margin-bottom:32px;
}

.form-area p{
  line-height: 1em;
  margin-top:0;
  margin-bottom: 0;
  font-family: 'Noto Sans JP', sans-serif;
}

.required-item{
  width:56px;
}

.input-name{
  width:30%;
  text-align: left;
}

.input-name{
  margin-top:0;
  margin-bottom: 0;
  font-size:14px;
  font-weight: 700;
  line-height: 1.4em;
}

.input-name span{
  font-size:12px;
  font-weight: 100;
  display: inline-block;
}



.input-name p{
  margin-top:0;
  margin-bottom: 0;
  font-size:14px;
  font-weight: 700;
  line-height: 1.4em;
}

.input-name p span{
  font-size:12px;
  font-weight: 100;
  display: inline-block;
}


.input-area__inner-note ul li{
  list-style:none;
  display:flex;
}

.input-area__inner-note ul li:before{
  content:'※';
}


.input-area{
  width:60%
}

.input-area p{
  font-size:16px;
}



.required{
  color: #fff;
  padding: 4px 8px;
  background-color: #CC3366;
  border:1px solid #CC3366;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  display: inline-block;
  line-height: 1em;
}

.optional{
  color: #707070;
  padding: 4px 8px;
  border:1px solid #CCCCCC;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  display: inline-block;
  line-height: 1em;
}

.Form-Item-Input {
  border: 1px solid #D8C7AC;
  margin-left: 0px;
  padding-left: 1em;
  padding-right: 1em;
  height: 54px;
  flex: 1;
  width: 100%;
  background: #fff;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #595959;
  outline:none;
  box-sizing: border-box;
  border-radius: 3px;
}

.Form-Item-Input.w40 {
  width: 40%;
}

.Form-Item-Input.w60 {
  width: 60%;
}

.Form-Item-Input:focus-visible{
  border: 4px solid #D8C7AC;
  box-sizing: border-box;

}

.input-area__inner{
  width: 30%;
  display: inline-block;
}
.input-area__inner-note{
  width: 70%;
  display: inline-block;
}
.input-area__inner-note ul{
  margin-bottom:0;
  margin-top: -2.9em;
  padding-left:1em;
}


.input-area__inner-note ul li p{
  margin-bottom:0;
  font-size:14px;
}

.wpcf7-list-item.first {
  margin: 0;
}

.wpcf7-list-item-label {
  cursor: pointer;
  display: flex;
}

/* デフォルトのボタン */
input[type="radio"] {
  opacity: 0; 
  position: absolute;
}

/* チェック前のボタン */
.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #D8C7AC;
  border-radius: 100%; 
  content: "";
  height: 1.2em;
  margin-bottom: auto;
  margin-right: .5em;
  margin-top: -0.1em;
  width: 1.2em;
}

/* チェック後のボタン */
input[type="radio"]:checked + .wpcf7-list-item-label::before {
  background-color: #D8C7AC; /* チェック後の中心の色 */
  box-shadow: inset 0 0 0 3px #fff; /* 中心の色のスタイル */
}

.wpcf7-form-control {
  appearance: none;
  -webkit-appearance: none; /*Google Chrome/Safari対応*/
  -moz-appearance: none; /*Firefox対応*/
  -o-appearance: none; /*Opera対応*/
}
.input-area.select-content{
  position: relative;
}
.input-area.select-content:after {
  content: '▼';
  position: absolute;
  top: 25%;
  right: 43%;
}

.wpcf7-not-valid-tip{
  color:#CC3366;
  font-weight: 700;
  font-size: 14px;
  padding-left: 1.2em;
  position: relative;
  padding-top:0.5em;
}

.wpcf7-not-valid-tip:before{
  content:'▲';
  position: absolute;
  left:0;
  top:0.5em;
}

.wpcf7-not-valid{
  background:#FDE8EF;
  border:1px solid #D8C7AC;
}

.wpcf7c-conf{
  border:0px solid #999999!important
}

.full-txt{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.full-txt .required-item{
  width: 56px;
}


.full-txt .input-name{
  width: 90%;
}

.full-txt .input-name p{
  margin-bottom:0;
  padding-top: 0em;
}

.full-txt .input-area {
  width: 100%;
}
.Form-Item-textarea{
  height: 15em;
}

.privacy-check{
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.privacy-check a{
  color: #CC3366;
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration:underline;
}

span.wpcf7-list-item label:before{
  content:none;
}
span.wpcf7-list-item label:after{
  content:none;
}
span.wpcf7-list-item label span{
  display: none;
}

span.wpcf7-list-item label {
  display: table;
  padding-top: 0px;
}

.contact_btn{
  display: flex;
  justify-content: center;
  margin-top: -56px;
}

.contact_btn-conf{
  display: flex;
  justify-content: center; 
  margin-top:24px;
}

.Form-Btn-sub{
  color:#fff;
  border:2px solid #F7F5F2;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 28px;
  padding: 14px 16px;
  position: relative;
  background-color: #CC3366;
  width: 320px;
  cursor: pointer;
  font-size: 16px;
}

.Form-Btn-pre{

  color:#333333;
  margin:0 auto 24px;
  background-color: rgba(0,0,0,0);
  border:0px solid;
  padding-left: 30%;
}

.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before{
  content:none;
}

@media screen and (max-width:768px) {

  .form-area{
    margin-left:40px;
    margin-right:40px;
  }

  .form-area__inner__wrap .input-name {
    width: 70%;
    text-align: left;
  }

  .form-area__inner__wrap .input-area{
    width: 100%;
    margin-top: 16px;
  }
}

@media screen and (max-width:668px) {
  .form-area__inner__wrap .required-item ,.full-txt .required-item{
    width: 20%;
    text-align: left;
  }

  .form-area__inner__wrap .input-name ,.full-txt .input-name{
    width: 80%;
    text-align: left;
    padding-top:0em;
  }

  .wpcf7-radio .wpcf7-list-item.first {
    margin: 0 0 0 1em;
  }
  .wpcf7-radio .wpcf7-list-item {
    margin-top:1em;
    display:block;
  }

  .input-area__inner{
    width: 100%;
  }

  .input-area__inner-note{
    width: 100%;
  }
  

}



@media screen and (max-width:390px) {
  .form-area{
    margin-left:24px;
    margin-right:24px;
  }

  .form-area__inner__wrap{
    margin-bottom:40px;
  }

  .form-area__inner__wrap .input-area{
    margin-top:0;
  }

  .input-name p{
    font-size: 14px;
  }


  .full-txt .input-name{
    width: 100%;
  }

  .Form-Item-Input.w60{
    width: 100%;
  }

  .Form-Item-Input.w40{
    width: 100%;
  }


  .input-area__inner-note ul{
    margin-bottom:0;
    margin-top: -1em;
    padding-left:1em;
  }

  .input-area__inner-note ul li{
    margin-top: 8px;
  }

  .input-area.select-content:after {
    content: '▼';
    position: absolute;
    top: 45%;
    right: 5%;
  }
  .wpcf7-radio .wpcf7-list-item.first{
    margin-top:16px;
  }  
}


/* -------------oem contact ページ（テスト環境用）------------- */

.required,.optional {
  margin-top: 0em;
}

.form-area__inner__wrap {
  margin-bottom: 56px;
}

.input-area__inner-note ul{
  margin-top: -2.1em;
}

.input-area__inner-note ul li{
  line-height: 1em;
}

.input-area__inner-note {
  margin-top: 3em;
}

.input-name{
  font-family: 'Noto Sans JP', sans-serif;
}

.full-txt .input-name {
  width: 90%;
  padding-top: 0em;
  margin-bottom: 16px;
}


.contact_btn {
  display: flex;
  justify-content: center;
  margin-top:0;
}

span.wpcf7-list-item label span {
  display: inline-block;
}
/*
.wpcf7-list-item-label::before {
  content:none;
}
*/
.oem-contact-topreturn{
  margin-top:80px;
  margin-bottom:120px;
  text-align: center;
}

.oem-contact-topreturn a{
  padding: 16px 32px
}