@charset "utf-8";
/*  common
----------------------------------------------------------------------------------------------------------- */
h2{font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    font-size: clamp(20px,8vw,130px);
    color: #fff;
    text-align: center;
    width: 95%;
    margin: 0 auto 0 auto;
    text-shadow: -1px 1px 10px #7e5344, -1px 1px 10px #7e5344;
}


.news-container h2{text-shadow: -1px 1px 10px #7e5344, -1px 1px 10px #7e5344;}
h2#top-about{text-shadow: -1px 1px 10px #3F5559, -1px 1px 10px #3F5559;}
.system-wrapper h2{text-shadow: -1px 1px 10px #5e674b, -1px 1px 10px #5e674b;margin-bottom: 5%;}
h2.products-main-title{margin: 0 auto 3% auto;}

/*  top
----------------------------------------------------------------------------------------------------------- */
.wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/main-v-pc.jpg) #fff1dc 3% 0 no-repeat;
-moz-background-size:120% auto;
background-size:120% auto;
position: relative;
}
.top-container{width: 100%; padding-top: 75px; position: static; height: 100%;}
.atelier25logo{width: 20%; max-width: 300px; padding-left: 1%; }
.main-v-logo{width: 40%; padding-top: 2%; max-width: 682px; position: absolute; left: 5%;}
.catch{width: 41%;
    max-width: 684px;
    padding-top: 0;
    position: absolute;
    right: 2%;
    margin-top: 0%;}

.top-movie{width: 25%; max-width: 400px; padding: 7px; background:#fceed8; position: absolute; margin-top: 40%; left: 11.5%; border-radius: 10px;}

.top-banner-box{width: 60%; max-width: 750px; position: absolute; margin-top: 58%; left: 3%;}
.top-banner-box li{width: 32%; margin: 0.5%;}

.buy-btn{width: 25%; max-width: 400px; position: absolute; margin-top: 57%; right: 7%;}
.buy-btn a{background:#ff6732; color: #fff; border-radius: 100px; display:block; font-family: 'Philosopher', sans-serif; text-align: center; font-size: clamp(16px,2.7vw,46px); padding: 6% 12%; font-weight: 500; letter-spacing: 0.1em; box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;}



@media screen and (max-width: 768px) {
.wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/main-v-sp.png) #fff1dc top center no-repeat;
-moz-background-size:120% auto;
background-size:120% auto;
position: relative;
}
.main-v-logo{width: 50%; top:0.5%; left:2%;}
.atelier25logo{width: 40%; max-width: 300px; margin-top:-70px; }
.top-movie{width: 43%; max-width: 400px; padding: 4px; margin-top: 64%; left: 5%; border-radius: 10px; overflow: hidden; }
.top-movie img{border-radius: 10px; overflow: hidden;}
.catch{width: 90%; max-width: 600px; padding-top: 118%; right:3%;}

.top-banner-box{width: 95%; max-width: 600px; display:block; left:0; right:0; margin-left: auto; margin-right: auto; top:0; margin-top:110%;}

.buy-btn{width: 40%; max-width: 300px; position: absolute; margin-top: 47%; right: 0; left: 7%;}
}



/*  news
----------------------------------------------------------------------------------------------------------- */

.news-container{width: 100%; margin-top: 75%;}
.slider1{width: 90%; max-width: 1500px; margin: 3% auto 0 auto; justify-content: space-between; padding-bottom:3%;}


.swiper-pagination-bullet{ width: 300px; height: 8px; display: inline-block; border-radius: 0; background: #000; opacity: 1;}
.swiper-pagination-bullet-active{ opacity: 1; background: #ff6732;}

.news-list .swiper-container-horizontal > .swiper-scrollbar {
	height: 8px; width: 95%; max-width: 500px; left:0; right:0; margin: 0 auto;
}
.news-list .swiper-scrollbar {
	background: #000;
	border-radius: 0;
}
.news-list .swiper-scrollbar-drag {
	background: #ff6732;
	border-radius: 0;
}

.swiper-slide{ height: auto; display: flex; justify-content: space-between;}
.news-list-cont{ width: 100%; background: #685348; color: #fff; padding:2% 2% 4% 2%; border-radius: 10px; overflow: hidden;  height: 94%; display: flex; flex-direction: column; }
.news-img{width: 100%; border-radius: 10px 10px 0 0; overflow: hidden;}
.news-img img{width: 100%;}
.news-list-cont img{}
.news-txt{width: 90%; padding: 6% 3% 3% 3%; line-height:1.31; font-size: clamp(16px,3vw,16px); margin: 0 auto; line-height:1.61; font-weight: 500;}
.date{width: 45%; background: #308791; color: #fff; border-radius: 30px; text-align: center; padding: 2px 0; font-size: clamp(12px,1.1vw,16px); margin: auto 2% 0 auto; font-weight: 400; font-family: 'Philosopher', sans-serif;}

.news-txt a{ color: #ffd1c1; text-decoration: none;}
.news-txt a:visited { color: #ffd1c1; }
.news-txt a:hover { color: #ffd1c1; text-decoration: underline;}
.news-txt a:active { color: #ffd1c1; }






@media screen and (max-width: 768px) {
.news-container{margin-top: 140%;}
.slider1{padding-bottom:10%;}
.news-txt{font-size: clamp(16px,3vw,20px); padding-bottom: 5%; }
.date{font-size: clamp(16px,3vw,20px); margin: auto 2% 0 auto; font-weight: 400; }
}


/*  about
----------------------------------------------------------------------------------------------------------- */


.about-wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/about-v-pc.jpg) #fff1dc top center no-repeat;
-moz-background-size:140% auto;
background-size:140% auto;
padding-top: 10%;
font-weight: 600;
color: #685348;
text-align: center;
line-height:1.81;
font-size: clamp(18px,1.5vw,47px); /*最小値, 基準値, 最大値 */
padding-top: 15%;
}


.about-container{
background:url(https://www.koeitecmoamerica.com/marie/img/top/about-bg.png) top center repeat-y;
-moz-background-size:100% auto;
background-size:100% auto;
width: 90%;
margin: 0 auto 3% auto;
padding-top: 5%;
padding-bottom: 4%;
}

.swiper-button-d-box{width: 70%; max-width: 756px; margin: 0 auto; position: relative; padding: 0 5%;}
.swiper-container2{overflow: hidden;}
.swiper-slide{width: 95%; margin: 0 auto;}




.about-text{width: 80%; padding: 3% 0; margin: 0 auto;}
.about-text .point{color: #ff4d1c; font-size: clamp(20px,2vw,61px); }

.more-btn{width: 50%; max-width: 300px; padding: 0 0 2% 0; margin:0 auto 0; }
.more-btn a{color: #fff1db; width: 100%; background: #308791; display:block;  border-radius: 50px; font-weight: 600; padding: 4% 0;  font-size: clamp(20px,2.5vw,25px); box-shadow:rgba(190, 164, 126, 0.309804) 0px 0px 6px 3px;font-family: 'Philosopher', sans-serif;}
.more-btn a:hover{ color: #fef0da; background:#ff6732;}
.more-btn span{display:inline-block; transform:rotate(90deg); margin-right: 10px; margin-left:-15px;}


@media screen and (max-width: 768px) {
.about-text{width: 90%;}

.about-wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/about-v-sp.jpg) #fff1dc top center no-repeat;
-moz-background-size:auto 100%;
background-size: auto 100%;
font-size: clamp(16px,3vw,20px);
	padding-top: 20%;
}
.about-wrapper .point{font-size: clamp(18px,3vw,24px);}

.about-container{
background:rgba(255,241,219,0.85);
width: 100%;
margin: 0 auto 3% auto;
padding-top: 5%;
}
.swiper-button-d-box{width: 90%; max-width: 700px;}

}





/*  arrow-img1
----------------------------------------------------------------------------------------------------------- */

.arrow-img1 .swiper-button-prev,
.arrow-img1 .swiper-button-next,
.arrow-img1 .swiper-button-prev3,
.arrow-img1 .swiper-button-next3 {
  height: 50px;
  width: 50px;
  display:inline-block;
}


.arrow-img1 .swiper-button-prev:after,
.arrow-img1 .swiper-button-next:after,
.arrow-img1 .swiper-button-prev3:after,
.arrow-img1 .swiper-button-next3:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
  display:block;
}
.arrow-img1 .swiper-button-next, .arrow-img1 .swiper-container-rtl .swiper-button-prev{background:none; right:0; left: auto; position: absolute; }
.arrow-img1 .swiper-button-prev, .arrow-img1 .swiper-container-rtl .swiper-button-nex{background:none; right:auto; left: 0; position: absolute; }

.arrow-img1 .swiper-button-next3, .arrow-img1 .swiper-container-rtl .swiper-button-prev3{background:none; right:0; left: auto; position: absolute; top:50%; right:5%; z-index:200; }
.arrow-img1 .swiper-button-prev3, .arrow-img1 .swiper-container-rtl .swiper-button-next3{background:none; right:auto; left: 0; position: absolute; top:50%; left:5%; z-index:200;}

.arrow-img1 .swiper-button-prev:after, .arrow-img1 .swiper-button-prev3:after { background-image: url(https://www.koeitecmoamerica.com/marie/img/top/arrow-back.png); }
.arrow-img1 .swiper-button-next:after, .arrow-img1 .swiper-button-next3:after { background-image: url(https://www.koeitecmoamerica.com/marie/img/top/arrow-next.png);}

.arrow-img1 img {
  height: auto;
  width: 100%;
}



@media screen and (max-width: 768px) {
.arrow-img1 .swiper-button-prev:after,
.arrow-img1 .swiper-button-next:after,
.arrow-img1 .swiper-button-prev3:after,
.arrow-img1 .swiper-button-next3:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
  display:block;
}

.arrow-img1 .swiper-button-next3, .arrow-img1 .swiper-container-rtl .swiper-button-prev3{background:none; right:0; left: auto; position: absolute; top:38%; right:2%; z-index:200; }
.arrow-img1 .swiper-button-prev3, .arrow-img1 .swiper-container-rtl .swiper-button-next3{background:none; right:auto; left: 0; position: absolute; top:38%; left:2%; z-index:200;}

}



/*  chara
----------------------------------------------------------------------------------------------------------- */




/*  indexchara
----------------------------------------------------------------------------------------------------------- */
.indexchara-list{ display: flex; flex-direction:column-reverse;}
.indexchara .swiper-wrapper{width: auto;}
.indexchara { overflow: hidden;}
.indexchara .swiper{ width: 95%; max-width: 1250px; margin: auto; }
.indexchara .thumb-wrapper { width: 95%; max-width: 1250px; margin: auto;}
.indexchara .thumb-wrapper-pc-box{width: 100%; max-width: 700px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.indexchara .swiper { overflow: visible;}
.indexchara .swiper-fade .swiper-slide-active { pointer-events: auto; }
.indexchara .swiper-controller { position: absolute; top: 0; left: 0; right:0; width: 100%; max-width: 1330px; padding-top: 45.5%;}
  
.indexchara .swiper-button-prev,
.indexchara .swiper-button-next { height: 50px; width: 50px; display:inline-block;}

.indexchara .swiper-button-prev:after,
.indexchara .swiper-button-next:after{ background-repeat: no-repeat; background-size: contain; content: ""; height: 50px; margin: auto; width: 50px; display:block;}
.indexchara .swiper-button-next, .indexchara .swiper-container-rtl .swiper-button-prev{background:none; right:-5px; left: auto; position: absolute; top:50%;  z-index:200; boder: solid 1px #ff0;}
.indexchara .swiper-button-prev, .indexchara .swiper-container-rtl .swiper-button-next{background:none; right:auto; left:-5px; position: absolute; top:50%;  z-index:200;}


.indexchara .swiper-button-prev:after{ background-image: url(https://www.koeitecmoamerica.com/marie/img/top/arrow-back.png); }
.indexchara .swiper-button-next:after{ background-image: url(https://www.koeitecmoamerica.com/marie/img/top/arrow-next.png);}

.indexchara img { height: auto; width: 100%;}

.indexchara .slide { width: 98.5%; display: block; overflow: hidden;  }
.indexchara .slide-media { display: block;}
.indexchara .thumb-wrapper {  }
.indexchara .thumb-media { margi: 10px 0; cursor: pointer; width: 19%; background:#fff1dc; margin: 0.2%; }
.indexchara .thumb-media-active { background:#308791; }
.indexchara .thumb-media-active{}

.charabg{}
.chara-img{width: 46%; padding-right:7%;}
.chara-pf{width: 42%; color: #fff; margin-right: 5%; font-size: clamp(12px,1.3vw,18px); font-weight: 400; text-align: left; text-shadow:  #685348 1px 1px 10px, #685348 -1px 1px 10px, #685348 1px -1px 10px, #685348 -1px -1px 10px; margin-top: auto; padding-bottom: 5%;}

.chara-pf-name{font-family: 'Philosopher', sans-serif;  font-size: clamp(35px,4vw,60px); line-height:1.5; margin-bottom:0.5%; font-weight: 700;}
.chara-pf-quote{font-family: 'Philosopher', sans-serif; font-style: italic; font-size: clamp(20px,1.6vw,40px); line-height:1.1; margin-bottom:0.5%; margin-top:1.5%; font-weight: 700; text-shadow:1px 1px 0 #562520, -1px -1px 0 #562520,  -1px 1px 0 #562520, 1px -1px 0 #562520,  0px 1px 0 #562520,  0-1px 0 #562520, -1px 0 0 #562520, 1px 0 0 #562520; 	text-indent: -0.5em; padding-left: 0.5em;}
.chara-pf-cv{font-weight: 700;}
.chara-pf-txt{padding-top: 5%; width: 100%;line-height:1.6;}
.characters-bg-all{
	width: calc(100% - 25px);
	max-width: 1230px;
	font-feature-settings: "palt" 1;
	margin:0 auto 0 auto;
	text-align: center;
	border-image: url(https://www.koeitecmoamerica.com/marie/img/chara/chara-cont-bg.gif) 25;
	border-style:solid; border-width:10px;
	background: #685348;
}


.charano1{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara1-main.png); background-size: cover;}
.charano2{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara2-main.png); background-size: cover;}
.charano3{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara3-main.png); background-size: cover;}
.charano4{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara4-main.png); background-size: cover;}
.charano5{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara5-main.png); background-size: cover;}

.charabg1{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara1-bg.png) top right no-repeat; background-size:auto 100%; }
.charabg2{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara2-bg.png) top right no-repeat; background-size:auto 100%; }
.charabg3{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara3-bg.png) top right no-repeat; background-size:auto 100%; }
.charabg4{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara4-bg.png) top right no-repeat; background-size:auto 100%; }
.charabg5{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara5-bg.png) top right no-repeat; background-size:auto 100%; }


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


.indexchara .swiper{ width: 100%; max-width: 1250px; margin: auto; }
.indexchara .thumb-wrapper { width: 100%; max-width: 1250px; margin: auto; }

.characters-bg-all{width: 100%; background:transparent; border-image:none; border-style:none;}
.indexchara-list{ display: flex; flex-direction: column;}
.indexchara{background: #684c3c;}


.charabg{width: 100%; display:block; }
.chara-pf{width: 90%; background:#684c3c; color: #fff; font-size: clamp(15px,3vw,20px); padding-bottom: 5%; padding-top: 5%; margin: 0 auto;}
.chara-img{width: 100%; padding: 0; margin: 0; height: auto;  display:block;}
.chara-pf-name{ font-size:9.3vw; line-height: 10vw; margin-bottom: 3vw; }
.chara-pf-cv{ font-size:4vw; }
.chara-pf-txt{padding-top: 0; width: 100%;}



.indexchara .swiper-controller{ padding-top: 160%;}


.charano1{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara1-main-sp.png)0 0 no-repeat; background-size: 100% auto;}
.charano2{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara2-main-sp.png)0 0 no-repeat; background-size: 100% auto;}
.charano3{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara3-main-sp.png)0 0 no-repeat; background-size: 100% auto;}
.charano4{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara4-main-sp.png)0 0 no-repeat; background-size: 100% auto;}
.charano5{background: url(https://www.koeitecmoamerica.com/marie/img/chara/chara5-main-sp.png)0 0 no-repeat; background-size: 100% auto;}


.charabg1{background: transparent; }
.charabg2{background: transparent; }
.charabg3{background: transparent; }
.charabg4{background: transparent; }
.charabg5{background: transparent; }

.indexchara .thumb-wrapper-pc-box{width: 95%; margin: 0 auto; justify-content: center; padding-bottom: 5%;}
.indexchara .thumb-media { margi: 10px 0; cursor: pointer; width: 32.5%; margin: 0.2%; }


}

























/*  system
----------------------------------------------------------------------------------------------------------- */
.system-wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/system-v-pc.jpg) #fff1dc top center no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;
padding-top: 10%;
padding-bottom: 5%;
font-weight: 800;
color: #685348;
text-align: center;
line-height:1.61;
font-size: clamp(18px,2vw,20px);
overflow: hidden;
}

.system-container{
	 width: 90%;
	 max-width: 800px;
	 margin: 0 auto;
}

.new-system-title{
	font-family: 'Philosopher', sans-serif;
	 width: 95%;
	 max-width: 700px;
	 margin: 5% auto 3% auto;
	background:url(https://www.koeitecmoamerica.com/marie/img/top/new-system-title-bg.png) top center repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;
	color: #fff;
	text-align: center;
	font-size: clamp(25px,3vw,46px);
	padding: 0.5%;

}



.system-container-item{position: relative;}

.system-container-item-movie{
  width: calc(100% - 10px);
  max-width: 653px;
  padding: 10px 10px;
  background:#fef0da;
  border-radius: 10px;

}


.system-container-item-movie-title{ width: 32%; position: absolute; top:0; right:0; padding: 2%; background:#fef0da;  border-radius: 10px; font-size: clamp(20px,2.5vw,46px); font-family: 'Philosopher', sans-serif;}

.system-container-item-movie .movie_emb_box{margin: 0;}

.system-container-item-txt{
  width: calc(100% - 10px);
  max-width: 500px;
  background:#fef0da;
  border-radius: 10px;
  padding: 3%;
  text-align: left;
  font-size: clamp(16px,2vw,20px); 
  font-weight: bold;

}

.system-no1 .system-container-item-movie-title{ right:10%;}

.system-no1{margin-bottom: 20%; margin-left:-13%;}
.system-no1 .system-container-item-movie{max-width: 800px; }
.system-no1 .system-container-item-txt{width: 35%; position: absolute; right:-13%; bottom:-15%;}

.system-no2 .system-container-item-movie-title{ right:10%;}
.system-no2{margin-bottom: 20%; margin-left:-13%;}
.system-no2 .system-container-item-movie{max-width: 800px; }
.system-no2 .system-container-item-txt{width: 35%; position: absolute; right:-13%; bottom:-15%;}

.system-no3 .system-container-item-movie-title{ right:10%;}
.system-no3{margin-bottom: 20%;  margin-left:-13%;}
.system-no3 .system-container-item-movie{max-width: 800px;}
.system-no3 .system-container-item-txt{width: 35%; position: absolute; right:-13%; bottom:-15%;}




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


.system-wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/system-v-sp.jpg) #fff1dc top center no-repeat;
-moz-background-size:auto 100%;
background-size: auto 100%;
padding-top: 20%;
padding-bottom: 5%;


}





.system-container-item-movie{
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
  overflow: hidden;
  padding: 3px;

}
.system-container-item-movie-title{width: 33%; border-radius: 0 0 0 20px;  top:-2px; right:-4px; font-size: clamp(20px,2vw,56px); }

.system-container-item{background:#fef0da; border-radius: 20px; padding: 10px;}
.system-container-item-txt{width: calc(95% - 10px);  padding: 2.5%; font-size: clamp(15px,1.8vw,20px); max-width: 600px;}

.system-no1 .system-container-item-movie-title{ right:0;}
.system-no1{margin-bottom: 5%; margin-left:0;}
.system-no1 .system-container-item-movie{transform:rotate(0deg);}
.system-no1 .system-container-item-txt{width: 95%; position: static;}

.system-no2 .system-container-item-movie-title{ right:0;}
.system-no2{margin-bottom: 5%; margin-left:0;}
.system-no2 .system-container-item-movie{transform:rotate(0deg);}
.system-no2 .system-container-item-txt{width: 95%; position: static;}

.system-no3 .system-container-item-movie-title{ right:0;}
.system-no3{margin-bottom: 10%; margin-left:0;}
.system-no3 .system-container-item-movie{transform:rotate(0deg);}
.system-no3 .system-container-item-txt{width: 95%; position: static;}




}






/*  new-system
----------------------------------------------------------------------------------------------------------- */



.system-container2{
	 width: 85%;
	 max-width: 1500px;
	 margin: 0 auto;
  background:#fef0da;
  border-radius: 10px;
  border: solid 3px #b29466;
font-size: clamp(18px,2vw,24px);
}


.hr-img{width: 90%; margin: 0 auto 3% auto;}


.new-system-link{width: 100%; max-width: 800px; margin: 0 auto; padding: 5% 0 1% 0;  font-size: clamp(18px,2.7vw,26.5px); font-weight: 600; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;  font-family: 'Philosopher', sans-serif;}
.new-system-link li{padding:0 3.5% 0 3%;}
.new-system-link li:nth-child(2){border-left: solid 2px #806d60; border-right: solid 2px #806d60; padding: 0 2.5% 0 3%;}


.new-system-link a{ color: #806d60; text-decoration: none;}
.new-system-link a:visited { color: #806d60; }
.new-system-link a:hover { color: #806d60; text-decoration: underline;}
.new-system-link a:active { color: #806d60; }



.new-system-container-list{width: 90%; margin: 0 auto 5% auto; text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}

.new-system-container-list1{flex-flow: row-reverse;}
.new-system-container-list1 .new-system-txt{-webkit-flex: 1; flex: 1; padding: 5% 2.5% 5% 0;}
.new-system-container-list1 .new-system-img{width: 50%; max-width: 600px;}


.new-system-container-list2{}
.new-system-container-list2 .new-system-txt{-webkit-flex: 1; flex: 1; padding: 3% 0 5% 2.5%;}
.new-system-container-list2 .new-system-img{width: 50%; max-width: 600px;}

.new-system-container-list3{flex-flow: row-reverse;}
.new-system-container-list3 .new-system-txt{-webkit-flex: 1; flex: 1; padding: 3% 2.5% 5% 0;}
.new-system-container-list3 .new-system-img{width: 50%; max-width: 600px;}



.new-system-txt-title{font-size: clamp(20px,2.5vw,30px); margin-left:-3%; margin-bottom: 2%; font-weight: 600;font-family: 'Philosopher', sans-serif;}
.new-system-txt-subtitle{background:#f8dec3; padding: 2.5% 2% 2% 2%; font-size: clamp(18px,2vw,20px); font-weight: 600; text-indent: -8%; padding-left: 10%;  }
.new-system-txt-main{ line-height:1.2; padding: 2% 0; line-height:1.61; font-size: clamp(14px,1.5vw,20px); font-weight: 600;}






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




.new-system-title{
	 width: 99%;
	 max-width: 100%;
	 margin: 5% auto 0 auto ;
	background:#ff6732;
	color: #fff;
	text-align: center;
	font-size: clamp(25px,3vw,30px); 
	padding: 2% 0.5%;
}

.system-container2{
	width: 100%;
	border: none;
	border-radius: 0;
}



.new-system-container-list1{flex-flow: row; display: block;}
.new-system-container-list1 .new-system-txt{display: block; width: 100%; padding: 0 0 5% 0;}
.new-system-container-list1 .new-system-img{width: 100%; max-width: 800px;}


.new-system-container-list2{display: block;}
.new-system-container-list2 .new-system-txt{display: block; width: 100%; padding: 3% 0 5% 0;}
.new-system-container-list2 .new-system-img{width: 100%; max-width: 800px;}

.new-system-container-list3{flex-flow: row; display: block;}
.new-system-container-list3 .new-system-txt{display: block; width: 100%; padding: 3% 0 5% 0;}
.new-system-container-list3 .new-system-img{width: 100%; max-width: 800px;}





.new-system-link {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: center; width: 95%; padding-top: 10%; }
.new-system-link li{width: 41.5%; margin:1% 0; }
.new-system-link li:nth-of-type(3){width: 90%;}

.new-system-txt-title{font-size: clamp(20px,7vw,30px);}
.new-system-txt-main{ line-height:1.2; padding: 2% 0; line-height:1.61; font-size: clamp(16px,1.6vw,20px);}

}


















/*  products
----------------------------------------------------------------------------------------------------------- */

.products-wrapper{
background:url(https://www.koeitecmoamerica.com/marie/img/top/products-v-pc.jpg) #fff1dc top center repeat-y;
-moz-background-size:100% auto;
background-size:100% auto;
padding-top: 10%;
padding-bottom: 5%;
font-weight: 800;
color: #685348;
text-align: center;
line-height:1.61;
font-size: clamp(18px,2vw,20px); 
}

.products-container{
	 width: 85%;
	 max-width: 1500px;
	 margin: 0 auto 5% auto;
  background:#fef0da;
  border-radius: 10px;
  border: solid 3px #b29466;
  font-size: clamp(18px,2vw,24px); 
}

.products-container2{
	 width: 85%;
	 max-width: 1500px;
	 padding: 5%;
	 margin: 0 auto 5% auto;
 font-size: clamp(18px,2vw,24px); 
  color: #fff1db;
  font-weight: 400;
}
.products-info-list{text-align: left;  width: 85%;  max-width: 1000px; margin: 1.5% auto 0 auto; letter-spacing: 0em;}
.products-info-list dt{width: 200px;}
.products-info-list dd{-webkit-flex: 1; flex: 1;}

.products-info-logo{width: 50%; max-width: 200px; margin: 0 auto 5% auto;}





@media screen and (max-width: 768px) {
.products-container2{ width: 90%;}
.products-info-list{display: block;}
.products-info-list dt{width: 100%; font-size: clamp(14px,2vw,16px); font-weight: 600;}
.products-info-list dd{width: 100%; font-size: clamp(14px,2vw,16px); margin-bottom: 5%;}






}