@charset "UTF-8";
/* CSS Document */

body {
	background: #fff;
	min-height: 100vh;
    position: relative;	
	padding-bottom: 52rem;/*footerの高さ*/
    box-sizing: border-box;/*全て含めてmin-height:100vhに*/	
	color: #333;
	font-family: 'Montserrat', sans-serif;	
}
article {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;		
	text-align: center;
	line-height: 1.9;
}
article p {
	margin-bottom: 1rem;
}	
a {
	color: #333;
	text-decoration: none;
}
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
}
.mainVisual {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 10.4rem auto 0rem;
}
.mainVisual img {
	width: 100%;
	height: auto;
}
.mainVisual_h {
	display: none;
	}
.mainVisual ul {
	margin: 0;
	padding: 0;
}
.mainVisual ul li {
	position: relative;	
}

/* ▲▲▲ここまではナビゲーションに関係ない設定▲▲▲ */
.container {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
.container:after {
	content: "";
	clear: both;
}

/*//////////header//////////*/
#header {
	position: fixed;	
	width: 100%;
	margin: 0 auto;	
	max-width: 100%;
	z-index: 4000;
	line-height: 1;
	top: 0;
}
#container:after {
    content: "";
    display: block;
    width: auto;
    margin: 0 auto;
	height: 0.3rem;
	background-color: #E40E11;
	z-index: 4000;		
}
#header a,
#header {
	color: #000;
	text-decoration: none;
}
#header {
	position: absolute;
}
.container {
	position: relative;
}
#header .logo {
	/*text-align: center;*/
	padding: 1rem 0;
	z-index: 4000;
}
.container_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.icon_container{
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;	
	display: flex;
	justify-content: flex-end;
	height: 4rem;
	line-height: 4rem;	
}
.icon_header {
	background-color: #E40E11;
	width: 100%;
	top: 0;
	z-index: 99;	
} 
.icon_header_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.icon_header_left {
	padding: 0 0.5rem;
	margin-right: 1rem;
}
.icon_header_right{
	padding: 0 0.5rem;
	margin-right: 1rem;	
}
.nav-belanja {
	display: inline;
	position: relative;
}
.nav-belanja:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -1.8rem;
	display: inline-block;
	width: 2rem;
	height: 0.2rem;
	-moz-transform: rotate(90deg);
 	-webkit-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
  	transform: rotate(90deg);/*位置調整*/
  	background-color: #fff; /*下線の色*/
}
.top-search {
	color: #fff;
}
.h_sns {
	color: #E40E11;
	background-color: #fff;
	text-align: center;
	border-radius: 50%;
	margin: 0.5rem;
	font-size: 0.8em;
	width: 2rem;
	height: 2rem;
	line-height: 2.2rem;
}	
#h_top {
	max-width: 1200px;
	width: 95%;	
	margin: 0 auto;
	display: flex;
}
.logo {
	width: 20%;
}
.logo img {
	width: 85%;
	padding: 5% 0 0 15%;	
}
.h_nav {
	width: 80%;
}
.menu {
	height: 6.2rem;
	width: 100%;
	margin: 2.3rem auto 0;
	z-index: 4000;   
}
.menu:after {
	content: "";
	clear: both;
	display: block;
}
.menu ul {
	width: 100%;
    margin: 0 auto;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}
.menu ul:before,
.menu ul:after {
    content: "";
    display: table;
}
.menu ul:after {
    clear: both;
}
.menu ul li {
    padding: 0;
    margin: 0 auto;
}
#nav {
	display: inline-flex;
}
.nav-belanja  {
	border-radius: 1.2rem;
	padding: 0.7rem;
	color: #fff;
}
@media screen and (max-width: 736px) {
#h_top {
	display: block;
}
.logo {
	width: initial;
}
.logo img {
	width: 100%;
	padding: 0;	
}
.h_nav {
	width: initial;
}	
#container:after {
    display: none;	
}	
.icon_container{	
	display: none;
}	
.nav-belanja {
	background-color: transparent;
	padding: 0;
	color:#000;
}
}
.nav-sns {
	display: none;
}
.menu ul li a {
    text-decoration: none;
    padding: 1.5rem 1rem 2.5rem; 
    display: block;
	font-size: 1.6rem;
}
/*//////////// Btn Hover////////////*/
.menu ul li:after {
	position: relative;
	content: "";
	display: block;
	width: 100%;
	height: 0.8rem;
	top: 0rem;
	transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
}
.menu ul li:hover:after {  
	background-color: #E40E11;
	top: 0;
}

@media screen and (max-width: 834px) {
.mainVisual {
	max-width: 100%;
	height: auto;
	margin: 8.1rem auto 0;
}
}
@media screen and (max-width: 736px) {
body {
	padding-bottom: 58rem;/*footerの高さ*/
}	
.mainVisual {
	max-width: 100%;
	height: auto;
	margin: 6.2rem auto 0;
}
.mainVisual img {
	width: 100%;
	height: auto;
}	
.mainVisual_w {
	display: none;
}
.mainVisual_h{
	display: contents;
}	
#header,
.container {
	width: 100%;
	padding: 0;
	position: fixed;
}	
#header.fixed .logo img  {
		width: 14rem;
}	
#header.fixed .logo  {
	padding: 1rem 0;
}	
#header .logo {
	position: relative;
	z-index: 4000;
	padding: 1rem 0;	
}
#header:after {
    display: none;
}
/*///////////////Fixed reset//////////////*/
#header.fixed {
		padding-top: 0;
		background: transparent;	
	}
#h_top { 
	width: 100%;
	height: 8.6rem;
	z-index: 999;
	position: relative;
	display: flex;
	margin: 0 auto;
	border-bottom: solid 0.3rem #E40E11;
}
#h_top .logo {
		margin: 0 auto;
		padding-top: 2rem;
	}
#header.fixed .logo,
	#header .logo img{
	position: relative;
	z-index: 1000;
}	
#h_top .logo img{
	width: 14rem;
}	
.menu ul {
	position: relative;
	right: 0;
	bottom: 0;
	display: flex;
}
.menu li {
	position: relative;
}
.menu li a {
	position: relative;
	display: block;
}
.menu li:last-child {
	margin-right: 0;
}
.menu ul li {
	float: none;
	position: static;
}
.menu ul li:after {
	display: none;
}	
#header .menu ul li a,
#header.fixed .menu ul li a {
	width: 100%;
	height: auto;
	display: none;
}
#nav-toggle {
	display: block;
}
.nav-sns {
	display: flex;
	justify-content: space-between;
	background:rgba(37,37,37,0.2);
}
/*//////////////#global-nav スライドアニメーション/////////////*/
.open .menu {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(55.6rem);
	-webkit-transform: translateY(55.6rem);
	transform: translateY(55.6rem);}
}
@media screen and (max-width: 980px) {
article {
	padding: 0;
}
.menu {
	width: 100%;
	margin: 0.9rem auto 0;
}	
#header .menu ul li a {
	padding: 2rem 0.5rem 2rem;	
	font-size: 1.5rem;
}	
#header.fixed .menu ul li a {
	padding: 2rem 0.5rem;	
}
}
/*! ######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
@media only screen and ( max-width : 736px ) {
#header .mask {
	background: rgba(23,34,42,.4);
    top: 8.6rem;
    left: 0;
    z-index: 1;
    position: fixed;
    width: 100%;
    height: calc(100vh - 8.6rem);
    opacity: 1;
    display: none;
	}
.fixed {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 1;
  }	
#header a,
#header {
	color: #000;
	text-decoration: none;
}	
}
/*////////////hide the link until viewport size is reached////////////*/
a.meanmenu-reveal {
	display: none;
}
.mean-container .mean-bar {
	width: 100%;
	position: fixed;
	background: none;
	min-height: 8.6rem;
	z-index: 98;
	top: 0;
	left: 0;
}
.meanmenu-reveal-btn {
  position: absolute;
  display: block;
  z-index: 99999;
  box-sizing: border-box;
  width: 6rem;
  height: 8.6rem;
  right: 0;
  top: 0;	
}
.meanmenu-reveal {
  width: 2.6rem;
  height: 2rem;
  margin: 1.8rem 1.7rem 2.7rem 1.7rem;
  display: block !important;
  position: relative;
}
.meanmenu-reveal span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.2rem;
  margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
  top: 1.2rem;
  background: #000;
}
.meanmenu-reveal span:nth-of-type(2) {
  top: 2.0rem;
  background: #000;
}
.meanmenu-reveal span:nth-of-type(3) {
  top: 2.8rem;
  background: #000;
}
.meanmenu-reveal span:nth-of-type(1) {
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
.meanmenu-reveal span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.meanmenu-reveal span:nth-of-type(3) {
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards;
}
.meanclose span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards;
  top: -2px;
}
.meanclose span:nth-of-type(2) {
  opacity: 0;
}
.meanclose span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards;
}

@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(0.8rem) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(0.8rem) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(0.8rem) rotate(45deg);
  }
  50% {
    transform: translateY(0.8rem) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-0.8rem) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-0.8rem) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-0.8rem) rotate(-45deg);
  }
  50% {
    transform: translateY(-0.8rem) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(2.2rem) rotate(0);
  }
  100% {
    -webkit-transform: translateY(2.2rem) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(2.2rem) rotate(0);
  }
  100% {
    transform: translateY(2.2rem) rotate(45deg);
  }
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-0.8rem) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-0.8rem) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-0.8rem) rotate(0);
  }
  100% {
    transform: translateY(-0.8rem) rotate(-45deg);
  }
}

 .mean-container .mean-nav {
	width:100%;
	margin-top:8.6rem;
	max-height: calc(100vh - 8.6rem);
	overflow-y: scroll; 
	 position: fixed;
}
.mean-container .mean-nav ul {
	padding: 0;
	margin:0;
	width: 100%;
    -webkit-overflow-scrolling: touch;
	position: relative;
	z-index: 99;
	background: #fff;
	overflow-y: scroll;
}
.mean-container .mean-nav > ul{
	display: flex;
	flex-direction: column;
}
.mean-container .mean-nav ul li{
	position:relative;
  	width:100%;
	box-sizing: border-box;
}
.mean-container .mean-nav ul li a {
	border-top: 0.1rem solid #dfdfdf;
	border-top: 0.1rem solid rgba(223,223,223,1.00);
}
.mean-container .mean-nav ul > .nav-sns a{
	display:block;
	max-width:100%;
	padding:2rem 0.5rem;
	margin:0;
	text-align: center;
	text-decoration:none;
    color:#000;
    box-sizing: border-box;
}
.mean-container .mean-nav ul > .nav-sns  {
	background:rgba(37,37,37,0.2);
}
.nav_sns {
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
	width: 3rem;
	height: 3rem;
	text-align: center;
	border-radius: 50%;
	line-height: 3rem;
}
.nav_sns2 {
	color: #000;
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
}
.mean-container .mean-nav ul > .nav-sns > a.nav-icon {
	display: inline-block;
	/*border-left: solid #000 thin;*/
	position: relative;
}
.mean-container .mean-nav ul > .nav-sns > a.nav-icon:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -1.5rem;
	display: inline-block;
	width: 3.5rem;
	height: 0.2rem;
	-moz-transform: rotate(90deg);
 	-webkit-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
  	transform: rotate(90deg);/*位置調整*/
  	background-color: #000; /*下線の色*/
}
.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span.pre{
	display:block;
	width:100%;
	padding: 2rem 3rem;
	margin:0;
	text-align:left;
	text-decoration:none;
    color:#000;
    box-sizing: border-box;
}
.mean-container .mean-nav ul li.mean-last a{
	border-bottom:none;
	margin-bottom:0;
}
.mean-container .mean-nav ul li a:hover{
	background:#252525;
	background:rgba(37,37,37,0.2);
}
.mean-container .mean-nav ul li a.mean-expand {
	width:100%;
	text-align:right;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
    padding: 1.2rem 2.3rem;
    font-size: 2.4rem;
}
.mean-.mean-nav ul li a.mean-expand:hover {
	text-align: right;
	height: 5rem;
}
.mean-container .mean-push {
	float:left;
  	width:100%;
  	padding:0;
 	 margin:0;
  	clear:both;
}
.mean-nav .wrapper{
	width:100%;
 	 padding:0;
 	 margin:0;
}
.mean-container .mean-bar, .mean-container .mean-bar *{
 	 -webkit-box-sizing:content-box;
 	 -moz-box-sizing:content-box;
 	 box-sizing:content-box;
}
.mean-remove{
 	 display:none !important;
}
.infoWrapper {
	margin-top: -3rem;	
	width: 100%;	
	height: auto;
	padding: 1% 3% 3%;	
	background-color: #f9f9f9;
}
.info-container {
	padding: 0 5rem;
}
.menu_ttl01{
	font-size: 4rem;
	text-align: center;
	color: #000;
	margin-bottom: 1rem;
	font-weight: 800;
	line-height: 4.5rem;
}
.info_flex1 {
	display: flex;
	width:100%;
}
.info_flex1-1 {
	display: inline-block;
	margin: 2% auto 0;
	-webkit-justify-content: space-around;
	justify-content: space-around;	
	width: 45%;	
	font-size: 2rem;
	background-color: #fff;
	padding: 3rem 3rem 4rem;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .1)	
}
.info-flex img {
	width: 100%;
	height: auto;
}
.info_box {
	text-align: left;
}
.info_box > .info_ttl {
	line-height: 2.2rem;
	height: 6rem;
	font-weight: 600;	
}	
.info_box p {
	line-height: 1rem;
}
.info_date {
	margin-bottom: 4rem;
}
.info_box > a .info_button{
	background-color: #fff;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 1.7rem 3rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	width: 90%;
}
.info-archive {
	padding: 2rem 0;
	font-size: 2rem;
}
.contentsWrapper01 {
	width: 100%;
}
.CW01_container {
	padding: 10rem 5rem;
}
.CW01_flex {
	display: flex;
}
.CW01_flex_left {
	width: 40%;
	text-align: left;
	margin: auto 3% auto 5%;
}
.CW01_flex_left p {
	font-size: 2rem;
	line-height: 2.5rem;
	margin-bottom: 4rem;
}
.CW01_flex_right {
	width: 60%;
	margin: auto 5% auto 3%;	
}
.menu_ttl02 {
	font-size: 4rem;
	text-align: left;
	color: #000;
	margin-bottom: 4rem;
	font-weight: 800;
	line-height: 5rem;
}
.CW01_flex_left > a .CW01_button {
	background-color: #fff;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 1rem 4rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	width: 92%;
}
.shop_flex01 {
	display: flex;
	flex-wrap: wrap;
}
.shop_flex01 li {
	width: 33%;
}
.shop_flex01 li img{
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .1);
	max-width: 80%;
	margin: 1.5rem;
}
.contentsWrapper02 {
	width: 100%;	
	height: auto;
}
.CW02_quote {
	font-size: 7rem;
	font-weight: 800;
	line-height: 0rem;
}
.quote-left {
	text-align: left;
	position: absolute;
	top: 0%;	
	left: 5%;
}
.quote-right {
	text-align: right;
	position: absolute;
	bottom: 3%;
	right: 5%;
}
.CW02_container p, .CW02_container h3 {
	color: #fff;
}
.CW02_container2_w p {
	font-size: 2rem;
	line-height: 2.5rem;		
}
.CW02_container2_w >.CW02_p {
	font-size: 1.7rem;
}
.CW02_container {
	margin: 0 auto;
}
.menu_ttl03{
	font-size: 4rem;
	text-align: center;
	font-weight: 800;
	line-height: 3rem;
}
.CW02_slider1_w {
	position: relative;
}
.CW02_slider1_h {
	display: none;
}
.CW02_container2_w {
	position: absolute;
	top: 50%;
	left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
	width: 65%;
}
.belajar_flex1-1 {
  display:-webkit-flex;
  display: flex;
  -webkit-justify-content: space-betwween;
  justify-content: space-between;	
	width: 100%;
}
.belajar_flex1-2 {
	width:48%;
    text-align:center;
    color:#fff;
	margin: 0rem;
}
.belajar_flex1-2 img{
	border: thin solid #d9d9d9;
	width:100%;
}
.belajar_flex1-3 {
	width: 100%;
    text-align:center;
	margin: 1rem 0rem 0rem;
}
.belajar_flex1-3 img{
	max-width: 100%;
	border: thin solid #d9d9d9;
}
.belajar_ttl {
	font-weight: 600;
	text-align: left;
	line-height: 2.2rem;
	width: 100%;	
	font-size: 2rem;
}
@media screen and (max-width: 1112px) {
.info_box > a .info_button{
	padding: 1.8rem 2rem;
	font-size: 1.5rem;
	width: 100%;
}	
.CW01_flex_left > a .CW01_button {
	font-size: 1.5rem;
}	
}
@media screen and (max-width: 736px) {
.nav-belanja:before {
	display: none;
}	
.infoWrapper {
	padding: 10% 0 5%;
}	
.menu_ttl01{
	font-size: 2.5rem;
	line-height: 3rem;
	width: 90%;
	margin: 1rem auto 3rem;
}
.info_flex1 {
	display: block;
	width:100%;
	margin: 0 auto;
}
.info_flex1-1 {
	vertical-align: text-top;
	width: 100%;
	font-size: 1.8rem;
	display: block;
	margin-bottom: 3rem;
	padding: 1rem 1rem 2rem;	
}	
.info_flex1-1 img {
	width: 100%;
	height: auto;
}		
.info_box {
	display: block;
	margin: 0;
	width: 100%;	
}
.info_box > .info_ttl {
	line-height: 2.5rem;
	height: 7rem;	
}	
.info_date {
	margin-bottom: 2rem;
}
.info_box > a .info_button{
	padding: 0.9rem 2rem;
	font-size: 1.2rem;
	width: 90%;
}	
.info-archive {
	padding-top: 0rem;
	padding-bottom: 2rem;
	font-size: 1.8rem;
}
.contentsWrapper01 {
	padding: 0rem 4.5rem;
}	
.CW01_container {
	padding: 5rem 0rem;
}
.CW01_flex {
	display: block;
	width: 100%;
	margin: 0rem auto;	
}	
.menu_ttl02{
	font-size: 2.5rem;
	margin: 1rem 0 0rem;
	line-height: 2.5rem;
	width: 100%;
}		
.CW01_flex_left {
	width: 100%;
	text-align: left;
	margin: auto;	
}
.CW01_flex_left p {
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-bottom: 2rem;
	width: 90%;
}
.CW01_flex_left > a .CW01_button {
	padding: 0.2rem 2rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.2rem;
	width: 60%;
}	
.CW01_flex_right {
	width: 100%;
	margin: auto;
}
.shop_flex01 {
	display: flex;
	flex-wrap: wrap;
	max-width:100%;
	margin: 3rem auto 0;	
}	
.shop_flex01 li{
	width: 33%;
	padding: 0.2rem;
}	
.shop_flex01 li img{
	max-width: 95%;
	margin: 0.5rem 1.5rem 0.5rem 0rem;
}	
.contentsWrapper02 {
	margin: 0 auto;	
}		
.CW02_container2_w p {
	font-size: 1.8rem;
	line-height: 2.5rem;		
}	
.CW02_quote {
	font-size: 7rem;
	line-height: 0rem;
	font-weight: 800;
}	
.quote-left {
	position: absolute;
	top: 5%;	
	left: 5%;
}
.quote-right {
	text-align: right;
	position: absolute;
	bottom: 7%;
	right: 5%;
}
.menu_ttl03 {
	font-size: 2.5rem;
	text-align: center;
	font-weight: 800;
	line-height: 3.5rem;
}
.CW02_container2_h p {
	font-size: 1.8rem;
	line-height: 2.5rem;
	width: 100%;
}	
.CW02_container2_h >.CW02_p {
	font-size: 1.3rem;
}	
.CW02_slider1_w {
	display: none;
}		
.CW02_slider1_h {
	display: block;	
	position: relative;	
	max-width: 100%;
}	
.CW02_slider1_h img {
	width: 100%;
	height: auto;
	}	
.CW02_container2_h {
	position: absolute;
	top: 50%;left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
	width: 65%;
}
.belajar_flex1 {
	margin-top: 2rem;
}	
.belajar_ttl {
	line-height: 2.5rem;
	width: 100%;	
	font-size: 1.8rem;
}
}
/*////////////////footer////////////////*/
footer {
    background-color: #000;
 	position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
	width: 100%;
	z-index: 99;
	height: 52rem;
	font-size: 2rem;
}
.footer_container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;	
	color: #fff;
	display: block;
	padding: 2% 2% 0.5%;
}
.footer_block1 {
	display: flex;
	width: 90%;
	margin: 0 auto;
	border-bottom: thin #fff solid;	
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:0
}
.footer_box01, .footer_box02, .footer_box03 {
	padding: 0 1rem;
	width: 33%;
}
.footer_box01 a,.footer_box02 a, .footer_box04 a, .footer_box05 a, .footer_box06 a {
	color: #fff;
}
.footer_block2 {
	display: flex;
	width: 60%;
	margin: 0 auto;
}
.footer_box04, .footer_box05, .footer_box06  {
	width: 33%;
	text-align: center;
	text-decoration: underline;
}
.f_sns {
	color: #000;
	background-color: #fff;
	width: 3rem;
	height: 3rem;
	text-align: center;
	border-radius: 50%;
	line-height: 3.2rem;
	margin: 0.5rem;
	font-size: 1.5rem;
}
.footer_des  {
	font-weight: 600;
	padding: 0rem 0rem 0rem;
}
.footer_des a {
	text-decoration: none;
		color: #fff;
}
.copyright {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0.8em;
	text-align: center;	
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 736px) {
footer {
	height: 58rem;
	font-size: 1.5rem;
}	
.footer_block1 {
	display: block;
	width: 85%;
	border-bottom: none;
	margin-bottom: 3rem;
}
.footer_block1 p {
		text-align: left;
	}	
.footer_box01, .footer_box02, .footer_box03 {
	width: 100%;
	text-align: left;
	display: block;	
}
footer p {
	text-align: center;
}
.f_sns {
	width: 3rem;
	height: 3rem;
	text-align: center;
	border-radius: 50%;
	margin: 0.5rem;
	font-size: 0.9em;
}	
.footer_sns{
	text-align: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
.footer_block2 {
	border-top: thin #fff solid;	
	width: 85%;
	margin: 0 auto;
}	
.footer_box04 {
	width: 23%;
	font-size: 1.1rem;
}	
.footer_box05{
	width: 44%;
	font-size: 1.1rem;
}	
.footer_box06  {
	width: 33%;
	font-size: 1.1rem;
}
.copyright {
	font-size: 1.1rem;	
	width: 85%;
	}
}
/*///////////////modal window/////////////*/

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
}
.nav-modal {
	z-index: -1; 
}
.nav > .nav-modal {
}
.nav > .nav-modal > .modal {
	display: none;
    height: 100vh;
	position: fixed;
    top: 13.4rem;
	left: 0;
    width: 100%;
}
.nav > .nav-modal > .modal > .modal__content {
	background-color: #E40E11;
	left: 50%;
    padding: 2rem;
    position: relative;
    top: 0rem;
    transform: translate(-50%,-50%);
    width: 100%;
	text-align: center;
}
.sb-search {
	width: 100%;
	margin: 0 0.5rem;
}
.sb-search input {
	max-width: 1000px;
	width: 62%;
	height: 5rem;
	margin: 0rem auto;
	font-size: 1.8rem;
	display: inline-block;
    box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;	
	padding: 0 1rem;
}
.sb-search button[type="submit"] {
	background: #E40E11;
	border: none;
	color: #fff;
	font-size: 2.8rem;
	vertical-align: middle;
	line-height: 5rem;;
}
.modal__bg{
    background: rgba(0,0,0,0.5);
    height: 100vh;
    position: absolute;
    width: 100%;
    opacity: 1;	
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 4rem;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%);
    width: 70%;
	text-align: center;
}
.modal__content a{
	text-decoration: none;
	color: #333;
	margin: 1rem;
	vertical-align: top;
}
.modal__content p a {
	float: left;
	margin: 1rem;
	text-align: center;
}
.modal__content ul {
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: left;
	font-size: 1.6rem;
}
.modal__content ul li {
	margin: 2rem 2rem 2rem 0rem;
}
.modal__content #modal_close {
	display: block;
}
.modal__content_kk{
    background: #fff;
    left: 50%;
    padding: 4rem;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%);
    width: 70%;
	text-align: center;
	color: #000;
}
@media screen and (max-width: 736px) {
.nav-modal {
	z-index: 4000; 
}
.nav > .nav-modal > .modal {
    top: 8.6rem;
}		
.nav > .nav-modal > .modal > .modal__content {
    top: 4.7rem;
}
}	
@media screen and (max-width: 660px) {
.modal__content {
	text-align: left;
}
.modal__content #modal_close {
	text-align: center;
}
.modal__content ul li {
	font-size: 1rem;
	margin: 1rem 1rem 1rem 0rem;
	width: 100%;
	}	
.modal__content ul li img {
	width: 1.6rem;
}
.modal__content_kk {
	text-align: center;
	font-size: 1.5rem;
}	
}
/*////////////// Slick Arrows & Dots ////////////////*/

.slider-1 > .slick-prev, .slider-1 >.slick-next {
    width: 60px;
    height: 60px;
	top: 50%;
}
.slick-prev {
    left: 0;
	z-index: 1;
} 
.slick-next {
    right: 0;
}
.slick-prev:before, .slick-next:before {
    font-size: 30px;
}
.slick-prev:before{
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color: #dfdfdf;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
.slick-next:before{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color: #dfdfdf;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
 
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
 
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
 
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-dots
{
    position: absolute;
    bottom: 20px;
}
.slick-dots li button:before
{
    font-size: 10px;
    color: #CBCBCB;
}
.slick-dots li.slick-active button:before
{
    color: #dfdfdf;
}
/*//////////////top button/////////////*/

#pagetop{
  width: 5rem;
  height: 5rem;
  position: fixed;
  right: 2.5rem;
  bottom: 6.5rem;
  background: rgba(23,34,42,.4);
  opacity: 0.6;
  border-radius: 50%;
  z-index: 5000;
}
#pagetop a{
  position: relative;
  display: block;
  width: 5rem;
  height: 5rem;
  text-decoration: none;
  text-align: center;
  color: #fff;
　font-weight: 800;
  padding: 1rem 0;
}

/*///////////////breadcrumb//////////////*/

.topicPath { 
	margin: 13.1rem auto 0 auto ;
	padding: 0; 
	font-size: 1.6rem;
	position: relative;
	font-family: 'Montserrat', sans-serif;	
	text-align:left;
	max-width: 1200px;
	width: 100%;
}
@media screen and (max-width: 736px) {
.topicPath {
	margin: 8rem 1.8rem 0 0;		
	font-size: 1.3rem;
	width: 80%;
}
.MainWrapper > .Container01 > .topicPath{
	width: 100%;	
	text-align: left;
	margin-top: 8rem;
}	
.product_mainWrapper > .product_container01 > .topicPath {
	width: 100%;	
	text-align: left;
	margin-top: 8rem;
}	
}

/*////////////////Belanja////////////////*/

.Belanja-wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 3% 7%;
}
.belanja_flex {
	display: block;
}
.belanja-shop {
	width: 80%;
	border: medium #d1d1d1 solid;
	padding: 2rem auto;
	margin: 3rem auto;
	border-radius: 1rem;
	font-weight: 600;
	font-size: 2.5rem;
}
.belanja-shop a {
	display: block;
}
.belanja-shop img {
	padding-right: 2rem;
}
@media screen and (max-width: 736px) {
.belanja-shop {
	width: 100%;
	border: thin #d1d1d1 solid;
	padding: 2rem auto;
	margin: 2rem auto;
	border-radius: 1rem;
	font-weight: 600;
	font-size: 1.3rem;
}
.belanja-shop img {
	height: 60px;
	padding-right: 1rem;
}	
}
@media screen and (max-width: 320px) {
.belanja-shop {
	font-size: 1rem;
	}
.belanja-shop img {
	height: 45px;
	padding-right: 1rem;
}		
}

/*////////////////ZEBRA Group Human Rights Policy////////////////*/


.HumanRightsPolicy-wrapper {
	width: 100%;	
	height: auto;
	padding: 1% 1% 1%;
}
.HumanRightsPolicy_flex {
	display: block;
}

/*ZEBRA Group Sustainable Procurement Policy*/

.SustainableProcurementPolicy-wrapper {
	width: 100%;	
	height: auto;
	padding: 1% 1% 1%;
}
.SustainableProcurementPolicy_flex {
	display: block;
}


/*////////////////Sitemap////////////////*/
.Sitemap-wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 3% 7%;
}
.sitemap_flexWrapper {
	display: flex;
	margin: 5rem auto;
	width: 100%;
	color: #000;
}
.sitemap_flex0 {
	width: 34%;
	text-align: left;
	line-height: 2.5rem;
	padding: 0 2rem;	
}
.sitemap_flex1 {
	width: 40%;
	text-align: left;
	line-height: 2.5rem;
	padding: 0 2rem;
}
.sitemap_flex2 {
	width: 26%;
	text-align: left;
	line-height: 2.5rem;
	padding: 1.4rem 2rem 0;	
}
.sitemap_flex0 h3, .sitemap_flex1 h3, .sitemap_flex2 h3  {
	font-size: 2.3rem;
	line-height: 2.5rem;	
	color: #000;	
}
.sitemap_flex p {
	line-height: 2.5rem;
}
.sitemap_flex1 p {
	color: #000;
}
.sitemap_span {
display: block;
content: "";
margin: 5.6rem 0;	
}
.sitemap_b {
	font-weight: 600;
	color: #000;		
}
@media screen and (max-width: 736px) {
.sitemap_flexWrapper {
	display: block;
}	
.sitemap_flex0 {
	width: 100%;
	text-align: left;
	line-height: 2.5rem;
	padding: 0 2rem;
}
.sitemap_flex1 {
	width: 100%;
	text-align: left;
	line-height: 2.5rem;
	padding: 0 2rem;
}
.sitemap_flex2 {
	width: 100%;
	text-align: left;
	line-height: 2.5rem;
	padding: 0rem 2rem 0;	
}	
.sitemap_span {
display: block;
content: "";
margin: 5.6rem 0;	
}	
.sitemap_flex0 h3, .sitemap_flex1 h3, .sitemap_flex2 h3  {
	font-size: 2rem;
	line-height: 2.5rem;	
	color: #000;	
}
.sitemap_flexWrapper > p {
	line-height: 2.5rem;
	font-size: 1.8rem;
}	
}
/*////////////////Arsip Informasi////////////////*/
.informasi-wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 0% 7%;	
}	
.informasi-wrapper h3 {
	font-size: 3.8rem;
	line-height: 4rem;
	font-weight: 800;
	margin-top: 5rem;
	margin-bottom: 6rem;
	color: #000;
	text-align: center;
}	
.informasi-wrapper p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: left;	
}
.panel-arrow {
	color: #E40E11;
}
/*information page　==tab== */

label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;	
  user-select: none;
  display: block;
  width: 100%;
  color: #000;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #000;
}
#panels {
  background-color: #fff;
}
#panels .panelContainer {
  margin: 0 auto;
  width: 100%;
}
#panels section header label .panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: scroll;
}
#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
  padding: 24px;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
  padding: 24px;
}
#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
  padding: 24px;
}
#panel-4-ctrl:checked ~ #panels #panel-4 main {
  max-height: initial;
  opacity: 1;
  padding: 24px;
}
#panel-5-ctrl:checked ~ #panels #panel-5 main {
  max-height: initial;
  opacity: 1;
  padding: 24px;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -moz-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -ms-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -o-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);	
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: white;
  color: #000;
  padding-top: 24px;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 6px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -moz-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -ms-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -o-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);	
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  color: #000;
  padding-top: 24px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -moz-transform: translate3d(0, 1px, 0);
       transform: translate3d(0, 1px, 0);
  -ms-transform: translate3d(0, 1px, 0);
      transform: translate3d(0, 1px, 0);
  -o-transform: translate3d(0, 1px, 0);
     transform: translate3d(0, 1px, 0);	
  box-shadow: none;
  border-right: none;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
  border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: white;
  color: #000;
  padding-top: 24px;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 6px;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -moz-transform: translate3d(0, 1px, 0);
       transform: translate3d(0, 1px, 0);
  -ms-transform: translate3d(0, 1px, 0);
      transform: translate3d(0, 1px, 0);
  -o-transform: translate3d(0, 1px, 0);
     transform: translate3d(0, 1px, 0);	
  box-shadow: none;
  border-right: none;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last {
  border-right: 1px solid transparent;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
  background-color: white;
  color: #000;
  padding-top: 24px;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after {
  height: 6px;
}

#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  -moz-transform: translate3d(0, 1px, 0);
       transform: translate3d(0, 1px, 0);
  -ms-transform: translate3d(0, 1px, 0);
      transform: translate3d(0, 1px, 0);
  -o-transform: translate3d(0, 1px, 0);
     transform: translate3d(0, 1px, 0);	
  box-shadow: none;
  border-right: none;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last {
  border-right: 1px solid transparent;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
  background-color: white;
  color: #000;
  padding-top: 24px;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after {
  height: 6px;
}

ul#tabs-list {
  display: flex;
  justify-content: center;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 50px 0 0 0;
  padding: 0;
}
ul#tabs-list li {
  display: flex;
  text-align: center;
  font-size: 16px;
  width: 30%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;	
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
  position: relative;
  padding: 24px 0;
  font-size: 16px;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #ec0928;
  height: 0;
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -ms-transition-property: height;
  -o-transition-property: height;	
  transition-property: height;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -moz-transition-duration: 200ms;
          transition-duration: 200ms;
  -ms-transition-duration: 200ms;
          transition-duration: 200ms;
  -o-transition-duration: 200ms;
          transition-duration: 200ms;	
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 24px;
}
ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}
main p {
font-size: 16px;
  font-family: 'Montserrat', sans-serif;	
	color: #000;
}
.panel-radios {
  display: none;
}
@media screen and (max-width: 736px) {
.informasi-wrapper h3 {
	font-size: 2.5rem;
	line-height: 3rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}	
.informasi-wrapper p {	
	font-size: 1.5rem;
	line-height: 1.8rem;		
}	
}

/*/////////////normal page setting///////////*/
.MainWrapper {
	width: 100%;
}
.Container01 {
	width: 88%;
	margin: 0 6% 0 6%;
}
@media screen and (max-width: 736px) {
.Container01 {
	width: 88%;
	margin: 0 auto;
}	
}
/*/////////////////produk////////////////*/
.E-0_menu {
	display: none;
}
.E-0_wrapper {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
}
.E-0_side {
	width: 33%;
	height: auto;
	background-color: #cdcdcd;
	padding-top: 9.8rem;	
}
.E-0_side ul {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 2rem;
}
.E-0_side ul li {
	text-align: left;
}
.E-0_block {
	display: block;
}
.E-0_category-cari {
	width: 85%;
	border-bottom: thin #A4A4A4 solid;
	text-align: center;
	font-weight: 600;
	margin: 0 auto;
	padding: 1.5rem 1.5rem 1.5rem 3.5rem;	
}
.E-0_category {
	font-weight: 300;
	width: 85%;
	margin: 0 auto;
	padding: 1.5rem 1.5rem 1.5rem 3.5rem;
	line-height: 2rem;
}
.E-0_category:hover{
	background-color: #E40E11;
	color: #fff;
}
.E-0_mainWrapper {
	width: 100%;
}
.E-0_container {
	width: 88%;
	margin: 0 6% 0 6%;
}
.E-0_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin: 0 auto 5rem;
}
.E-0_box div {
	display: block;
	margin-bottom: 1rem;
}
.E-0_main_ttl {
	width: 100%;
	margin: 2rem auto;
	text-align: left;
}
.E-0_box p, .E-1_box p {
	font-weight: 600;
	text-align: center;
}
.product_mainWrapper {
	width: 100%;
}
.product_container01 {
	width: 88%;
	margin: 0 6% 0 6%;
}
.E-1_box-sub img{
	border: thin solid #d9d9d9;
}
.E-1_box-sub-blank img{
	border: thin solid transparent;
	
}
.E-1_box-sub p {
	line-height: 2rem;
}
.E-1_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 5rem auto;
}
.E-0_copy {
	font-size: 1rem;
	line-height: 1.5rem;
	display: block;
}
.product_wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.product_logo {
	padding-top: 7%;
	padding-bottom: 0%;
	width: 45%;
	margin: 0 auto;
}
.product_logo_w {
	padding-top: 7%;
	padding-bottom: 4%;
	width: 80%;
	margin: 0 auto;
}
.product_logo_text {
	padding-top: 7%;
	padding-bottom: 0%;
	width: 45%;
	margin: 0 auto;
	font-size: 6rem;
	font-weight: 600;
	color: #000;
}
.product_slf1 {
	padding-top: 2%;
	padding-bottom: 0%;
	width: 65%;
	margin: 0 auto;
	font-size: 4.5rem;
	font-weight: 600;
	color: #E2308B;
}
.product_marble {
	padding-top: 2%;
	padding-bottom: 0%;
	width: 45%;
	margin: 0 auto;
	font-size: 4.5rem;
	font-weight: 600;
	color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #4bbbf5, #fc7dd3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product_cat {
	font-weight: 600;
	font-size: 3.5rem;
	color: #000;
	padding-top: 2rem;
}
.product_feature {
	padding-left: 1.5rem;	
	position: relative;
}
.product_feature:before {
  	content: '・';
	font-size: medium;
	left: -0.5rem;
	vertical-align: middle;	
	position: absolute;
}	
.product_pic  {
	margin-bottom: 5rem;
}
.product_pic img {
	max-width: 80%;
	height: auto;
	margin-top: 3.5rem;
}
.product_pic-set  {
	margin-bottom: 5rem;
}
.product_pic-set img {
	width: 18%;
	height: auto;
}
.product_pic-set2 {
	margin-bottom: 5rem;
}
.product_pic-set2 img {
	max-width: 80%;
	height: auto;
}
.product_des {
	text-align: left;
	width: 80%;
	margin: 8rem auto;
	line-height: 2.8rem;
	font-size: 2rem;
	display: flex;
}
.product_des p{
	margin: 0.3rem auto;
}
.product_name {
	font-size: 6rem;
	font-weight: 600;
	line-height: 6rem;
	color: #000;
}
.product_des_100 > h4 {
	margin: 3rem auto 1rem ;
	font-size: 3rem;
}
.product_spec {
	font-weight: 600;
	color: #000;
}
.product_tkdn {
	width: 60%;
	margin: 5rem 0;
}
.product_des p > .fa-solid {
	font-size: 3px;
	padding-right: 1rem;
	vertical-align:middle;
}
.product_des_100 {
	width: 100%;
}
.product_des_left {
	width: 80%;
}
.product_des_right {
	width: 20%;
	margin: auto;
	text-align: center;
}
.product_des_blen {
	display: flex;
	margin: 3rem 1rem;
}
.product_des_blen_left {
	text-align: center;
}
.product_des_blen_right {
	font-size: 17px;
	margin-left: 2%;
	width: 90%;
}
.product_des_blen_right p {
	vertical-align: middle;
	margin-top: 0%;
	line-height: 2.5rem;
	font-size: 2rem;
}
.product_pictogram {
	display: flex;
}
.product_pictogram_right {
	margin: 0 auto;
}
.limited{
  width: 35rem;	
  background-color: #000;
  background-image: none;
  border: 1px solid #000;
  border-radius: 0.1rem;
  box-shadow: #fff 3px 3px 0 0,#000 6px 6px 0 1px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 3rem;
  font-weight: 600;
  line-height: 20px;
  margin: 0 5px 10px 0;
  padding: 1.8rem 4rem;
  text-align: center;
  text-transform: none;
  -webkit-user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.E-5-4_chart {
	text-align: left;	
	font-size: 1.8rem;
	margin-bottom: 0.5rem;
}
.E-5-4_table_wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
#E-5-4_table {
	width: 80%;
	margin: 2rem auto;
	border-top: 0.1rem solid #999999;
	border-left: 0.1rem solid #999999;
	position: relative;
	table-layout: fixed;
}
#E-5-4_table tr th {
	border-top: 0.1rem solid #999999;	
	border-bottom: 0.1rem solid #999999;
	border-right: 0.1rem solid #999999;
	padding: 0.5rem 0.1rem;
	white-space: nowrap;
	z-index: 2;
	background-color: #fff;
	line-height:3rem;
	font-size: 1.5rem;
	font-weight: 300;
}
#E-5-4_table tr th span {
	font-size: 4rem;
}
#E-5-4_table tr td {
	font-size: 1.5rem;
	text-align: center;
	border-bottom: 0.1rem solid #999999;
	border-right: 0.1rem solid #999999;
	padding: 0.5rem;
	white-space: nowrap;
	background-color: #fff;	
	width: 2rem;
}
.series_des {
	margin-top: 8%;
}
.product_copy {
	font-size: 1.5rem;
	font-family: 'Lato', sans-serif;	
	text-align: right;
	margin: 0rem auto 3rem;
	max-width: 80%;
}
.product_container02 {
	width: 90%;
	margin: 0 auto;
}
.product_subWrapper {
	background-color: #d9d9d9;
	width: 100%;
	padding: 10rem 0;
}
.product_sub-t {
	font-size: 3rem;
}
.shop_flex02 {
	display: flex;
	width:95%;
	padding-top: 2rem;
	padding-bottom: 3rem;
	margin: 0 auto;
}
.shop_flex02 li {
	padding: 0 1.5rem;
}

.shop_flex02 li img{
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .1);
	max-width: 100%;
	margin: 0rem;
}
@media screen and (max-width: 834px) {
.E-0_side {
	width: 42%;
}	
}	
@media screen and (max-width: 736px) {

.E-0_wrapper {
	display: block;
}		
.product_des_blen_right {
	margin-left: 5%;
	width: 70%;
}
.product_des_blen_right p {
	vertical-align: middle;
	margin-top: 0%;
	width: 100%;
	line-height: 1.8rem;
	font-size: 1.5rem;	
}	
.product_des_blen_left {
	width: 25%;
}	
.product_pictogram {
	display: block;
}	
.product_pictogram_right {
	margin: 2rem auto;
	text-align: center;
}
.limited{
	width: 60%;
	font-size: 2rem;
	padding: 1rem 2rem;
}
.series_des {
	margin-top: 15%;
}
.series_des img {
	height: auto;
	max-width: 40%;
}	
.E-0_side {
	display: none;
}
.E-0_menu {
	display: block;
}	
.E-0_menu-button {
  display : block;
  position: fixed;
  z-index : 3000;
  top: 9.4rem;
  right: 0.8rem;
  width : 85px;
  height: 85px;
  cursor: pointer;
  text-align: center;
  font-size: 1.2rem;	
  color: #fff;
  background: #E40E11;
  border: none;  
  outline: none; 
  transition: all .2s ease-in;	
  font-family: 'Montserrat', sans-serif;	
  font-weight: 600;	
}
.E-0_menu-button span {
  display : block;
  width: 70%;
  height: 3px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.E-0_menu-button span:nth-child(1) {
  margin: 1rem 15% 0;
}
.E-0_menu-button span:nth-child(2) {
  margin: 1rem 15% 0rem;
}
/* ナビ開いてる時のボタン */
.E-0_menu-button.active span:nth-child(1) {
  background :#fff;
  -webkit-transform: translateY(1rem) rotate(-45deg);
  -moz-transform   : translateY(1rem) rotate(-45deg);
  transform        : translateY(1rem) rotate(-45deg);
  width: 50%;
  margin: 1rem 25% 0;
}
.E-0_menu-button.active span:nth-child(2) {
  background :#fff;

  -webkit-transform: translateY(-1.2rem) rotate(45deg);
  -moz-transform   : translateY(-1.2rem) rotate(45deg);
  transform        : translateY(-1.2rem) rotate(45deg);
  width: 50%;
  margin: 2rem 25% 0;
}
nav.E-0_sub-menu {
  position: fixed;
  z-index : 2000;
  top : 8.6rem;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.7);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  overflow-y: scroll;
  height: calc(100% - 8.6rem);
	visibility: hidden;	
}
nav.E-0_sub-menu ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
	position: absolute;
	overflow-y: scroll;
}
nav.E-0_sub-menu ul li:last-child {
  padding-bottom: 0;
}
nav.E-0_sub-menu ul li {
  color: #fff;
  padding: 1rem 0;
  text-decoration :none;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.5rem;	
  transition: .4s all;	
}
.E-0_sub-menu-position {
	 position: relative;
	 top: 10%;
	 transform: translate(0%,-50%);			
	 margin: auto;
}	
/* このクラスを、jQueryで付与・削除する */
nav.E-0_sub-menu.active {
  opacity: 100;
	visibility: visible;
}

.E-0_container {
	width: 88%;
	margin: 0 auto;
}
.E-0_box img {
	max-width: 88%;
	width: auto;
}
.E-1_box-sub {
	width: 46%;
	margin: 0.5rem;
}
.product_container01 {
	width: 88%;
	margin: 0 auto;
}	
.product_name {
	font-size: 4rem;
	font-weight: 600;
	line-height: 4rem;
}
.product_des_100 > h4 {
	margin: 3rem auto 1rem ;
	font-size: 2rem;
}	
.product_logo {
	width: 70%;
	margin: 0 auto;
	font-size: 2rem;
}	
.product_logo_text {
	font-size: 4rem;
	width: 80%;	
	line-height: 6rem;
}	
.product_slf1, .product_marble  {
	font-size: 3rem;
	width: 90%;	
}		
.product_cat {
	font-weight: 600;
	font-size: 2.5rem;
	padding-top: 1rem;	
}
.product_pic-set, .product_pic-set2 {
	margin-bottom: 2rem;		
}	
.product_pic-set img {
	max-width: 30%;
	height: auto;
}		
.product_des {
	margin: 0 auto 5rem;
	line-height: 1.8rem;
	font-size: 1.5rem;
}	
.product_copy {
	font-size: 1rem;
}	
.product_tkdn {
	width: 80%;
	margin: 3rem 0;
}	
.shop_flex02 {
	display: flex;
	flex-wrap: wrap;
	width:100%;
	padding-bottom: 3rem;
	margin: 0 auto;
	justify-content: center;	
}	
.shop_flex02 li{
	width: 33%;
	padding: 1rem;
}
.product_subWrapper {
	padding: 3rem 0;
}	
.product_container02 {
	width: 80%;
	margin: 0 auto;
}
.product_sub-t {
	font-size: 1.9rem;
	line-height: 3rem;
}
.E-5-4_chart {
	text-align: center;	
	font-size: 1.5rem;
}	
#E-5-4_table {
	width: 100%;
}	
#E-5-4_table tr th {
		padding: 0rem;
	}	
#E-5-4_table tr th, #E-5-4_table tr td {
	font-size: 1rem;
}
#E-5-4_table tr th span {
	font-size: 2.6rem;
}	
}
@media screen and (max-width: 320px) {
nav.E-0_sub-menu ul li {
	font-size: 1.5rem;
	line-height: 2.1rem;	
}
.E-0_menu-button {
  width : 60px;
  height: 60px;
  font-size: 1rem;	
}
.E-0_menu-button span:nth-child(1) {
  margin: 0.5rem 15% 0;
}
.E-0_menu-button span:nth-child(2) {
  margin: 0.5rem 15% 0;
}
/* ナビ開いてる時のボタン */
.E-0_menu-button.active span:nth-child(1) {
  background :#fff;
  -webkit-transform: translateY(1.4rem) rotate(-45deg);
  -moz-transform   : translateY(1.4rem) rotate(-45deg);
  transform        : translateY(1.4rem) rotate(-45deg);
  width: 50%;
  margin:0rem 25% 0;
	
}
.E-0_menu-button.active span:nth-child(2) {
  background :#fff;
  -webkit-transform: translateY(-0.9rem) rotate(45deg);
  -moz-transform   : translateY(-0.9rem) rotate(45deg);
  transform        : translateY(-0.9rem) rotate(45deg);
  width: 50%;
  margin: 2rem 25% 0;
}	
.product_name {
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 3rem;
}	
.product_des_100 > h4 {
	margin: 3rem auto 1rem ;
	font-size: 1.8rem;
}
.product_logo_text, .product_slf1, .product_marble {
	font-size: 2.7rem;
	line-height: 4.7rem;
}
.product_cat {
	font-size: 2rem;
}	
.limited{
	width: 55%;
	font-size: 1.5rem;
	padding: 0.5rem 0.9rem;
}	
}

/*//////////////privacy policy////////////*/
.M-1_ttl {
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 900;
	line-height: 2.5rem;
}
.M-1_article {
  font-family: 'Montserrat', sans-serif;	
	font-size: 1.6rem;
	padding: 3rem 5rem 6rem;
	background-color:whitesmoke;
	font-weight: 400;	
	margin: 5% 0;
	text-align: left;
	max-width: 100%;
}
.M-1_article p{
  font-family: 'Montserrat', sans-serif;	
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-weight: 400;
	margin-top: 2%;
}
.M-1_ol {
	list-style-type: decimal;
	margin: 3rem 5rem;	
}
.M-1_date {
	font-weight: 600;
}
.M-1_ul li{
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.2rem;
}
p.anchor{
   display: block;
   margin-top:-190px;
   padding-top:190px;
}
.FT_clear {
	clear: both;
}
 /* === ラジオボタンは非表示 ================== */
#langChange input[type="radio"]{
  display    : none;
}
 /* === 各ラジオボタンのラベルをボタンに変更 == */
#langChange label {
	border: 0.1rem solid #ccc;
	border-radius: 1.0rem;
    padding: 0.8rem 1rem;
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-left: 0%;
	float: right;
	font-weight: 400;
    font-family: 'Montserrat', sans-serif;	
	width: 12rem;
	text-align: center;
	margin-right: 1%;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
#lang_btn {
	text-align: right;
}
 /* === 選択されていない言語は非表示にする ==== */
#langId:not(:checked) ~ * *:lang(id) {
  display    : none;
}
#langEn:not(:checked) ~ * *:lang(en) {
  display    : none;
} 
 /* === 選択されている言語のラベル色を変更 ==== */
#langId:checked ~ label[for="langId"] {
  background : #fff;
	color: #222;
	border     : 0.1rem solid #666;
}
#langEn:checked ~ label[for="langEn"] {
  background :#fff;
	color: #222;
	border     : 0.1rem solid #666;
}
@media screen and (max-width:746px){
p.anchor{
   display: block;
   margin-top:-90px;
   padding-top:90px;
}
}
@media screen and (max-width:574px){
.M-1_article {
	padding: 3rem 3rem 4rem;	
	font-size: 1.6rem;
}
.M-1_article p{
	font-size: 1.6rem;
}
.M-1_ul li{
	font-size: 1.6rem;
	line-height: 2rem;
}
.M-1_ol {
	margin: 3rem 0rem 5rem 2rem;	
}	
.M-1_ol li {
	font-size: 1.4rem;
	line-height: 2.2rem;	
}	
#langChange label {
  border: 0.1rem solid #ccc;
	border-radius: 1rem;
  padding: 1.5rem 0.8rem;
	font-size: 0.8rem;
	margin-left: 1%;
	width: 10.5rem;
	text-align: center;
	height: 2.5rem;
	line-height: 1rem;
}	
}

/*/////// Gambar ilustrasi buatan Kamo Sensei ////////*/

.J-1_top-wrapper {
	max-width: 100%;
	height: auto;
	position: relative;
	margin-top: 5%;
}
.J-1_top-wrapper img{
	width: 100%;
	height: auto;
}
.J-1_stars {
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 5%;
	left: 5rem;
}
.J-1_stars img{
	width: 100%;
	height: auto;
}
.J-1_ttl01 {
	font-family: 'Ribeye', cursive;
	color: #e8340d;
	font-size:3.4rem;
	margin-top: 2%;
}
.J-1_animals {
	max-width: 100%;
	height: auto;
	position: relative;
	margin-top: 5%;
}
.J-1_animals img {
	width: 80%;
	height: auto;
}
.J-1_pen01 {
	max-width: 15%;
	height: auto;
	position: absolute;
	right:0%;
	top: 25%;
}
.J-1_pen01 img {
	width: 100%;
	height: auto;
}
.J-1_profile-wrapper {
	max-width: 100%;
}
.J-1_profile {
	display: flex;
	text-align: initial;
}
.J-1_devider01 {
	width: 100%;
	padding: 1rem 2rem;
	background: repeating-linear-gradient(90deg, rgba(213, 243, 236, 1), rgba(213, 243, 236, 1) 5px, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 1.1rem);	
}
.J-1_profile_left {
	width: 100%;
	margin: auto 1% auto 5%; 
}
.J-1_profile_right {
	width: 100%;
	margin: 5% 5% 5% 1%;	
}
.J-1_kamo-sensei img {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.J-1_ttl02 {
	font-family: 'Ribeye', cursive;
	color: #4eb47d;
	font-size: 2.5rem;
	font-weight: 400;
	margin-left: 5%;
}
.J-1_line01  {
	margin-top: -13%;
}
.J-1_line01 img, .J-1_line02 img, .J-1_line03 img, .J-1_line04 img, .J-1_line05 img {
	width: 100%;
	height: auto;
}
.J-1_line03 {
	margin-top: -2%;
}
.J-1_line04 {
	margin-top: 3%;	
}
.J-1_line05 {
	margin-top: 15%;
}
.J-1_p01 {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.8rem;
	font-weight: 400;
	width: 90%;
	text-align: justify;
	margin: 2% 5%;
}
.J-1_p02 {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.1rem;
	font-weight: 400;
	width: 90%;
	text-align: justify;
	margin: 2%;
}
.J-1_profile_btn {
	width: 100%;
	margin: 0 auto;
}
.J-1_btn01 {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.5rem;
	font-weight: 400;	
	float: left;
	padding: 0.5rem 1rem;
	margin: 2%;
	border: dotted #fedb93;
	border-radius: 1rem;
	display: inline-block;
	width: 44%;
	text-align: center;
}
.J-1_font {
	padding-right: 0.5rem;
}
.J-1_lessons-wrapper {
  background-color: #fff;
background-image:
    radial-gradient(#f4f4f4 10%, transparent 10%);	
  background-size: 2rem 2rem;
  background-position: 0 0, 10 10;
}
.J-1_lessons {
	width: 90%;
	display: inline-block;
	margin: 5% 0%;
}
.J-1_btn {
	margin: 0% 2%;
}
.J-1_btn img {
	transition: .3s;	
}
.J-1_btn img:hover {
	transform: scale(1.03);
}
.J-1_lesson-wrapper {
	margin: 3% 10%;
}
.J-1_lesson1-5-wrapper {
  background-image: linear-gradient(180deg, transparent 96%, #f4f4f4 10%),linear-gradient(90deg,  transparent 96%, #f4f4f4 10%);
  background-color: #fff;
  background-size: 2rem 2rem;
}
.J-1_lesson {
	text-align: left;
}
.J-1_lesson img {	
	max-width: 95%;
	height: auto;
}
.J-1_CM {
	display: flex;
}
.J-1_CM_left, .J-1_CM_right {
	width: 100%;
	margin: 3% 0;
}
.J-1_ttl03 {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 2rem;
	font-weight: 400;
	text-align: left;
}
.J-1_ttl04 {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 2rem;
	font-weight: 400;
	text-align: left;
	margin-top: 5%;
}
.J-1_p03{
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: left;
	margin: 0% 2% 5%;
}
.J-1_p04{
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: left;
	margin: 0% 2% 0%;
}
.J-1_p05 {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.4rem;
	text-align: left;
	margin: 0% 2% 2%;	
}
.J-1_p06{
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: center;
	margin: 0% 2% 0%;
}
.J-1_adv01 {
	width: 80%;
  	height: auto;
  	border-radius: 3rem;
	padding: 3%;
	background-color: rgba(255, 248, 153, 0.88);
	text-align: center;
	font-family: 'Klee One', cursive;
	line-height: 2.1rem;
	font-size: 1.8rem;
	margin: 6% auto 10%;
	position: relative;
}
.J-1_cat01 {
	position: absolute;
}
.J-1_circles {
	display: flex;
	justify-content: center; 
}
.J-1_circle {
	width: 25%;
}
.J-1_circle p {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.5rem;
	line-height: 2rem;	
}
.J-1_des01-line {
	display: flex;
	margin: 3% 0;
}
svg line,
svg polyline {
  fill: none;
}
.line1 {
  stroke: lightgray;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 1, 20;
  stroke-dashoffset: 3;
}
.J-1_pen-list {
	display: inline-flex;
	height: 2.1rem;
	width: 40rem;
	margin-left: 5%;
}
.J-1_pen-list p {
	line-height: 1.7rem;
	padding:0% 5%;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.5rem;	
}
.J-1_des01_right {
	width: 100%;
	height: auto;
}
.J-1_des01_right p {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.5rem;	
}
.J-1_des01_left {
	max-width: 100%;
	height: auto;
}
.J-1_des01_left img{
	width: 80%;
	height: auto;	
}
.J-1_circles2 {
	display: flex;
}
.J-1_circle2 {
	width: 25%;
}	
.J-1_circle2 img {
	max-width: 80%;
}	
.J-1_circle2 p {
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
}
.J-1_cat02 {
	position: relative;
	margin: 5% 0;
}
.J-1_cat02 img {
	max-width: 45%;
}
.J-1_cat04 {
	margin: 5% 0;
}
.J-1_cat04 img {
	max-width: 100%;
}
.J-1_hats {
	display: flex;
	justify-content: center; 
}
.J-1_hats {
	width: 100%;	
}	
.J-1_hat img {
	width: 80%;
}
.J-1_pen02, .J-1_pen04 {
	text-align: right;
}	
.J-1_pen03 {
	text-align: left;
}	
.J-1_lesson2-wrapper {
	margin: 0 3%;
}
.J-1_face01 {
	margin: 3% 0;
}
.J-1_face01 img {
	max-width: 80%;
}
.J-1_poin {
	display: flex;
	margin: 3% 0%;
}
.J-1_poin-left {
	width: 100%;
	padding: 2%;
  	height: auto;
  	border-radius: 3rem;
  	border: 0.5rem dotted #a7aaab;
}
.J-1_poin-right {
	width: 100%;
}

.J-1_binatang {
	display: flex;
}
.J-1_binatang-left01, .J-1_binatang-right02,.J-1_binatang-left05, .J-1_binatang-right06, .J-1_binatang-left06{
	width: 100%;
}
.J-1_monyet {
	margin: 15% 0% 10%;
	width: 60%;
}
.J-1_burung01 {
	margin: 15% 0% 0%;
	width: 30%;
}
.J-1_binatang-right01 {
	width: 100%;
	height: 50%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    background: #eed7d2;
    box-shadow: 0rem 0rem 0rem 1rem #eed7d2;
    border: dashed 0.2rem #b34b32;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;	
}
.J-1_binatang-right03 {
	width: 100%;
	height: 50%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    background: #c7dafb;
    box-shadow: 0rem 0rem 0rem 1rem #c7dafb;
    border: dashed 0.2rem #5b95f4;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;	
}
.J-1_binatang-right04 {
	width: 100%;
	height: 70%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    background: #f8ecc5;
    box-shadow: 0rem 0rem 0rem 1rem #f8ecc5;
    border: dashed 0.2rem #f8ca3c;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
}
.J-1_binatang-right05 {
	width: 100%;
	height: 50%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    background: #d8f9ce;
    box-shadow: 0rem 0rem 0rem 1rem #d8f9ce;
    border: dashed 0.2rem #63c245;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;	
}
.J-1_binatang-left02 {
	width: 100%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    border: dashed 0.2rem #b34b32;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
	background-color: #fedfd8;
    box-shadow: 0rem 0rem 0rem 1rem #fedfd8;
	height: 50%;	
}
.J-1_binatang-left03 {
	width: 100%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    border: dashed 0.2rem #febaf4;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
	background-color: #ffebfb;
    box-shadow: 0rem 0rem 0rem 1rem #ffebfb;
	height: 50%;
}
.J-1_binatang-left04 {
	width: 100%;
	padding: 1rem 1.2rem;
    margin: 3rem 0;
    border: dashed 0.2rem #3cb8f8;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
	background-color: #caecfd;
    box-shadow: 0rem 0rem 0rem 1rem #caecfd;
	height: 50%;
}
.J-1_binatang-right01 ul, .J-1_binatang-left02 ul, .J-1_binatang-left03 ul, .J-1_binatang-right03 ul, .J-1_binatang-left04 ul, .J-1_binatang-right04 ul, .J-1_binatang-right05 ul{
	list-style: disc;
	padding: 8% 8% 5%;
	text-align: left;
}
.J-1_tag01 {
	background-color: #fffadd;
	padding: 1%;
	width: 50%;
	display: inline-block;
	text-align: center;
	font-family: 'Ribeye', cursive;
	color: #452121;
	font-size: 2.2rem;
	position: absolute;
	top: -12%;
	left: 25%;
	transform:rotate(3deg)	
}
.J-1_tag02 {
	background-color: #fffadd;
	padding: 1%;
	width: 50%;
	display: inline-block;
	text-align: center;
	font-family: 'Ribeye', cursive;
	color: #452121;
	font-size: 2.2rem;
	position: absolute;
	top: -8%;
	left: 25%;
	transform:rotate(3deg)	
}
.J-1_binatang_h01 {
	display: none;
}
.J-1_dasar01 {
	display: flex;
	margin: 3% 0%;
}
.J-1_dasar01-left {
	width: 100%;
	margin-top: 7%;
}
.J-1_dasar01-right {
	width: 100%;
}
.J-1_dasar02 img {
	max-width: 150%;
	margin: 5% 25%;
	padding: 2%;
  	height: auto;
  	border-radius: 3rem;
  	border: 0.5rem dotted #a7aaab;
}
.J-1_dasar03 {
	display: flex;
	margin: 3% 0%;
	justify-content: space-between;
	align-items: flex-end;
}
.J-1_dasar03 p{
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: center;
	line-height: 2rem;
	height: 4.5rem;
	margin-top: 5%;
}
.J-1_dasar03_01, .J-1_dasar03_02, .J-1_dasar03_03 {
	width: 30%
}
.J-1_dasar04 {
	display: flex;
	margin: 3% 0%;
}
.J-1_dasar04 p{
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: center;
	line-height: 2rem;
	margin-top: 3%;
}
.J-1_dasar04_01, .J-1_dasar04_02 {
	width: 100%;
}
.J-1_dasar05 {
	display: flex;
}
.J-1_dasar05_01, .J-1_dasar05_02 {
	width: 100%;
	margin: 3% 0% 0%;
}
.J-1_sut {
	width: 90%;
}
.J-1_mksh01 {
	width: 70%;
}
.J-1_contoh01, .J-1_contoh02, .J-1_contoh10 {
	margin: 3% 0% 0%;
}
.J-1_contoh01 img {
	width: 60%;
}
.J-1_contoh02 img, .J-1_contoh10 img {
	width: 40%;
}
.J-1_dasar06 {
	display: flex;
}
.J-1_dasar06_01, .J-1_dasar06_02 {
	width: 100%;
	margin: 3% 0% 0%;
}
.J-1_mksh02 {
	width: 70%;
}	
.J-1_semangat02 {
	width: 90%;
}
.J-1_contoh03  {
	width: 50%;
	margin: 0 25%;
}
.J-1_contoh04  {
	width: 100%;
	margin: 3% 0%;
}
.J-1_contoh05 img {
	max-width: 100%;
	margin: 5% 0%;
}
.J-1_tangan-i01, .J-1_tangan-i02, .J-1_tangan-i03 {
	max-width: 100%;
	margin: 5% 0%;	
}
.J-1_contoh07 img, .J-1_contoh08 img, .J-1_contoh09 img  {
	max-width: 100%;
	margin: 3% 0%;
}
.J-1_stb02 {
	width: 80%;
}
.J-1_card01 {
	margin: 5% 0 3%;
-moz-box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);	
	max-width: 90%;
}
.J-1_card02 {
	margin: 5% 0 3%;
-moz-box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
box-shadow: 0rem 0rem 2rem -1rem rgba(0, 0, 0, 0.8);
	max-width: 100%;
}
.J-1_tubuh {
	display: flex;
}
.J-1_tubuh-left, .J-1_tubuh-right {
	width: 100%
}
.J-1_tubuh-p1 {
	width: 80%;
	padding: 1.8rem;
    margin: 1.8rem 1.8rem;
    border: solid 0.35rem #f19ec2;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
	background-color: #fff;
	text-align: justify;
}
.J-1_tubuh-p2 {
	width: 80%;
	padding: 1.8rem;
    margin: 1.8rem 1.8rem;
    border: solid 0.35rem #9fd9f6;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.7rem;
	background-color: #fff;
	text-align: justify;	
}
.J-1_adv02 {
	width: 75%;
  	height: auto;
  	border-radius: 15rem / 10rem;
	padding: 5% 5%;
	background-color: rgba(255, 248, 153, 0.88);
	text-align: center;
	font-family: 'Klee One', cursive;
	line-height: 2.1rem;	
	font-size: 1.8rem;
	margin: 0% auto;
	position: relative;
}
.J-1_orang01 {
	top: 80%;
	right: 25%;
	position: absolute;	
}
.J-1_point {
	position: relative;
	margin-bottom: 5%;	
}
.J-1_adv {
	position: relative;
	margin-bottom: 35%;
}
.J-1_tubuh01 {
	display: flex;
}
.J-1_tubuh01_01 {
	width: 30%;
	margin: 3% 1.5% 20%;
	position: relative;		
}
.J-1_tubuh01_p {
  	border-radius: 10rem 10rem;
	padding: 10% 10%;
	background-color: rgba(255, 248, 153, 0.88);
	text-align: center;
	font-family: 'Klee One', cursive;
	font-size: 1.8rem;
	line-height: 2rem;	
}
.J-1_tubuh01-i01 {
	position: absolute;
	top: 80%;
	left: 15%;
	margin: 0 7%;
	max-width: 100%;
}
.J-1_tubuh01-i02 {
	position: absolute;
	top: 80%;
	left: 5%;
	margin: 0 10%;
	max-width: 100%;	
}
.J-1_tubuh01-i03 {
	position: absolute;
	top: 80%;
	left: 7%;
	max-width: 100%;	
}
.J-1_adv03 {
	width: 50%;
  	height: auto;
  	border-radius: 10rem / 10rem;
	padding: 5% 5%;
	background-color: rgba(255, 248, 153, 0.88);
	text-align: center;
	font-family: 'Klee One', cursive;	
	line-height: 2.1rem;	
	font-size: 1.8rem;
	margin: 5% 10% 0% 40%;
	position: relative;
}
.J-1_cat05 {
	top: 20%;
	left: 17%;
	max-width: 30%;
	position: absolute;	
}
.J-1_contoh06 img  {
	max-width: 95%;
	margin: 3% 0% 0%;
	padding: 3%;
  	height: auto;
  	border-radius: 3rem;
  	border: 0.5rem dotted #a7aaab;	
}
.J-1_end-wrapper {
	margin: 5% auto;
}
.J-1_end {
	margin-top: 3% 0%;
}
.J-1_end img {
	max-width: 100%;
}
.J-1_end-btn {
	margin: 3rem auto;
}
.J-1_btn-sarasa {
color: #f0831e;
  font-size: 1.6rem;
  font-weight: bold;
  background: transparent;
  padding: 1.8rem 3rem;
  border: 0.3rem solid #f0831e;
  border-radius: 0.6rem;
  position: relative;
  z-index: 1;
  transition: .3s;
	display: inline-block;
	width: 30rem;
	margin: 0% 2%;
}
.J-1_btn-sarasa::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #f0831e;
  transform-origin: 50% 0%;
  transform: scaleY(0);
  transition: transform ease .3s;
}
.J-1_btn-sarasa:hover {
  color: #fff;
}
.J-1_btn-sarasa:hover::before {
  transform-origin: 50% 100%;
  transform: scaleY(1);
}
.J-1_btn-penciltic {
color: #4eb47d;
  font-size: 1.6rem;
  font-weight: bold;
  background: transparent;
  padding: 1.8rem 3rem;
  border: 0.3rem solid #4eb47d;
  border-radius: 0.6rem;
  position: relative;
  z-index: 1;
  transition: .3s;
	display: inline-block;
	width: 30rem;
	margin: 0% 2%;
}
.J-1_btn-penciltic::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #4eb47d;
  transform-origin: 50% 0%;
  transform: scaleY(0);
  transition: transform ease .3s;
}
.J-1_btn-penciltic:hover {
  color: #fff;
}
.J-1_btn-penciltic:hover::before {
  transform-origin: 50% 100%;
  transform: scaleY(1);
}
@media (max-width: 1000px) {	
.J-1_ttl01 {
	font-size:clamp(2.5rem, 2vw, 3.2rem);
}
.J-1_ttl02 {
	font-size:clamp(2.5rem, 2vw, 3.2rem);
	width: 83%;	
}
.J-1_line01  {
	margin-top: -10%;
}	
.J-1_p01 {
	font-size: 1.5rem;
}	
.J-1_p02 {
	font-size: 0.9rem;
}	
.J-1_btn01 {
	display: block;
	width: 100%;
	text-align: center;
	margin: 2% 0%;
}	
.J-1_btn img{
	width: 15%;
}	
.J-1_CM {
	display: block;
}	
.J-1_ttl03, .J-1_ttl04 {
	font-size: 1.7rem;
	text-align: left;
}	
.J-1_p03, .J-1_p04 {
	font-size: 1.5rem;
	text-align: left;
}		
.J-1_CM img {
	width: 50%;
}	
.J-1_adv01, .J-1_adv02, .J-1_adv03 {
	font-size: 1.5rem;
}	
.J-1_adv03 {
	padding: 10% 5%;
}	
.J-1_adv02 {
	padding: 8% 5%;		
}		
.J-1_cat01 {
	width: 20%;
}	
.J-1_circle {
	width: 20%;	
}	
.J-1_circle	img {
	width: 80%;
}	
.J-1_circle p, .J-1_circle2 p {
	font-size: 1.3rem;
	line-height: 2rem;	
}	
.J-1_pen-list img {
	width: 10%;
	height: 50%;
}	
.J-1_pen-list p, .J-1_des01_right p {
	font-size: 1.3rem;
}		
.J-1_pen02 img, .J-1_pen03 img {
	width: 10%;
}	
.J-1_pen04 img {
	width: 5%
	}	
.J-1_circle2 {
	width: 20%;
}	
.J-1_p05, .J-1_p06 {
	font-size: 1.5rem;
}			
.J-1_cat03 {
	width: 25%;
}	
.J-1_dasar02 img {
	width: 50%;
}	
.J-1_poin-left img {
	width: 20%;
}	
.J-1_tag01, .J-1_tag02 {
	font-size: 1.8rem;
}	
.J-1_binatang-right01 ul, .J-1_binatang-left02 ul, .J-1_binatang-left03 ul, .J-1_binatang-right03 ul, .J-1_binatang-left04 ul, .J-1_binatang-right04 ul, .J-1_binatang-right05 ul{
	font-size: 1.5rem;
}	
.J-1_dasar03_01 img {
	width: 40%;		
}	
.J-1_dasar03_02 img, .J-1_dasar03_03 img {
	width: 70%;		
}	
.J-1_dasar03 p, .J-1_dasar04 p{
	font-size: 1.5rem;
	line-height: 2rem;
}	
.J-1_dasar04_01 img, .J-1_dasar04_02 img {
	width: 70%;
}
.J-1_contoh02 img {
	width: 55%;
}	
.J-1_contoh05 img, .J-1_contoh08 img {
	width: 70%;
}	
.J-1_contoh07 img  {
	width: 50%;
}	
.J-1_contoh09 img  {
	width: 80%;
}		
.J-1_tubuh {
	display: block;		
}
.J-1_tubuh-left, .J-1_tubuh-right {
	width: 100%;
}
.J-1_tubuh-p1 {
	width: 90%;
	padding: 2%;
    margin:  2% 5%;
    border: solid 0.35rem #f19ec2;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.5rem;
	background-color: #fff;
}
.J-1_tubuh-p2 {
	width: 90%;
	padding: 2%;
    margin:  2% 5%;
    border: solid 0.35rem #9fd9f6;
    border-radius: 0.8rem;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #452121;
	font-size: 1.5rem;
	background-color: #fff;
}	
.J-1_tubuh-i {
	width: 50%;
	margin: 2% 25%;
}	
.J-1_orang01 {
	width: 60%;
	right: 15%;
}	
.J-1_adv {
	margin-bottom: 50%;
}
.J-1_tubuh01_01 {
	width: 100%;
	margin: 3% 2.5% 20%;
}	
.J-1_tubuh01-i01 {
	width: 48%;	
	left: 20%;
	top: 90%;
}	
.J-1_tubuh01-i02 {
	width: 70%;	
	top: 90%;
}
.J-1_tubuh01-i03 {
	width: 75%;	
	top: 90%;
	left: 12%;
}	
.J-1_tubuh01_p {
  	border-radius: 10rem;
	padding: 15% 10%;
	background-color: rgba(255, 248, 153, 0.88);
	text-align: center;
	font-family: 'Klee One', cursive;
	font-size: 1.5rem;
}	
.J-1_tangan-i01 {
	width: 80%;
}	
.J-1_tangan-i02, .J-1_tangan-i03 {
	max-width: 70%;
}	
.J-1_cat04 img {
	width: 35%;
}	
}
@media (max-width: 670px) {
.J-1_ttl01 {
	font-size:clamp(2.1rem, 2vw, 2.5rem);
}	
.J-1_ttl02 {
	font-size:clamp(2.1rem, 2vw, 2.5rem);
	display: inline-block;
	position: relative;
	top: 3rem;
}	
.J-1_pen01 img {
		display: none;
}
.J-1_profile {
	display: block;
}
	
.J-1_profile_left, .J-1_profile_right  {
	width: 100%;
	margin: 5% 0% 5% 0%; 
}		
.J-1_kamo-sensei img {
	display: block;
	margin: 10% auto 5%;
	width: 60%;
	height: auto;	
}	
.J-1_profile_btn {
	width: 80%;
	margin: 0 auto;
}	
.J-1_lesson img {
	width: 100%; 
	height: auto;
}	
.J-1_btn01 {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 1.3rem;
}	
.J-1_p01, .J-1_p03, .J-1_p04, .J-1_p06, .J-1_adv01, .J-1_adv02, .J-1_tubuh01_p, .J-1_adv03  {
	font-size: 1.3rem;
}
.J-1_p01, .J-1_p02 {
	width: 80%;
	margin: 0 auto;
}	
.J-1_p02  {
	font-size: 0.9rem;
}		
.J-1_btn {
	margin: 3% 0%;
	display: block;
}	
.J-1_btn img{
	width: 35%;
}	
.J-1_CM {
	display: block;
}	
.J-1_ttl03, .J-1_ttl04 {
	font-size: 1.5rem;
}		
.J-1_p05 {
	font-size: 1rem;
}	
.J-1_adv01 {
		padding: 6%;
}		
.J-1_circle p, .J-1_circle2 p {
	font-size: 1rem;
	line-height: 1.3rem;
}	
.J-1_des01-line {
	display: block;
}	
.J-1_des01_left img{
	display: none;
}
.J-1_des01_right p {
	font-size: 1.1rem;
	text-align: right;	
}
.J-1_pen-list p {
	line-height: 1.1rem;
	padding:0% 2%;
	font-size: 1.1rem;
}
.J-1_pen-list {
	height: auto;
	width: auto;
	display: flex;
}			
.J-1_cat02 img {
	max-width: 70%;
}	
.J-1_cat04 img {
	width: 40%;
}		
.J-1_p05 {
	font-size: 0.9rem;
}	
.J-1_poin {
	display: block;
}
.J-1_poin-left {
	padding: 5%;
}
.J-1_poin-right {
	padding: 3%;
	margin: 0% auto;
	width: 80%;
}	
.J-1_poin-right img {
	width: 30%;
}		
.J-1_face01 img {
	max-width: 100%;
}
.J-1_contoh01 img {
	width: 100%;
}	
.J-1_contoh10 img, .J-1_contoh02 img, .J-1_contoh03 img {
	width: 70%;
}	
.J-1_tag01, .J-1_tag02 {
	font-size: 1.4rem;
}	
.J-1_binatang-right01 ul, .J-1_binatang-left02 ul, .J-1_binatang-left03 ul, .J-1_binatang-right03 ul, .J-1_binatang-left04 ul, .J-1_binatang-right04 ul, .J-1_binatang-right05 ul{
	font-size: 1.3rem;
}		
.J-1_pen03 {
	text-align: right;
	width: 100%;
	}		
.J-1_pen02 img, .J-1_pen03 img, .J-1_pen04 img {
	width: 10%;
}		
.J-1_binatang {
	display: block;
}
.J-1_monyet, .J-1_tupai_h, .J-1_babi_h, .J-1_kuda_h {
	margin: 5% 0;
	width: 50%;
}
.J-1_binatang_h01 {
	display: block;
	width: 100%;	
}
.J-1_binatang_h {
	display: initial;
	margin: 5% 0;
	width: 100%;	
}

.J-1_binatang-right01, .J-1_binatang-left02, .J-1_binatang-left03, .J-1_binatang-right03, .J-1_binatang-left04, .J-1_binatang-right04, .J-1_binatang-right05 {
	width: 90%;
	margin: 10% 5%;
}	
.J-1_binatang-right02 {
	display: none;
}	
.J-1_dasar01 {
	display: block;
}	
.J-1_dasar02 img {
	width: 70%;	
	padding: 5%;
	margin: 5% 0%;	
}	
.J-1_dasar03, .J-1_dasar04, .J-1_dasar05 {
	display: block;
}	
.J-1_dasar03_01, .J-1_dasar03_02, .J-1_dasar03_03, .J-1_dasar04_01, .J-1_dasar04_02, .J-1_dasar05_01, .J-1_dasar05_02, .J-1_dasar06_01, .J-1_dasar06_02 {
	width: 100%;
	margin: 10% 0%;
}	
.J-1_dasar03_01 img {
	width: 20%;		
}	
.J-1_dasar03_02 img, .J-1_dasar03_03 img, .J-1_dasar04 img {
	width: 40%;		
}	
.J-1_sut {
		width: 80%;
}	
.J-1_mksh01 {
		width: 60%;
}		
.J-1_dasar03 p, .J-1_dasar04 p{
	font-size: 1.3rem;
	line-height: 2.2rem;
}
.J-1_contoh03, .J-1_contoh04 {
	width: 100%;
	margin: 0 0%;
}	
.J-1_contoh05 img, .J-1_contoh08 img, .J-1_contoh09 img   {
	width: 100%;
}		
.J-1_contoh07 img  {
	width: 70%;
}		
.J-1_semangat01 img {
	width: 80%;
}	
.J-1_dasar06 {
	display: block;
	margin: 3% 0%;
}	
.J-1_mksh02 {
	width: 60%;
}	
.J-1_semangat02 {
	width: 90%;
}	
.J-1_stb02 {
	width: 100%;
}	
.J-1_tubuh-i {
	width: 80%;
	margin: 2% 10%;
}
.J-1_orang01 {
	width: 60%;
}	
.J-1_adv02 {
	padding: 25% 5%;
}
.J-1_tubuh01 {
	display: block;
	height: 100%;
}
.J-1_tubuh01_01 {
	width: 60%;
	margin: 3% 20% 38%;	
}
.J-1_tubuh01_p {
	padding: 25% 15%;
}	
.J-1_tubuh-p1, .J-1_tubuh-p2  {
	font-size: 1.3rem;
}
.J-1_contoh06 img  {
	max-width: 100%;
  	border-radius: 2rem;
  	border: 0.2rem dotted #a7aaab;	
	padding: 5%;	
}		
.J-1_btn-sarasa, .J-1_btn-penciltic  {
	margin: 3% 2%;
	width: 80%;
}	
}

/*/////////////Factory Tour/////////////*/
.G-1_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 0% 7%;	
}	
.G-1_wrapper h3 {
	font-size: 3.8rem;
	line-height: 4rem;
	font-weight: 800;
	margin-top: 0;
	margin-bottom: 1rem;
	color: #000;
}	
.G-1_wrapper p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;	
}	
.G-1_top img {
	width: 100%;
	height: auto;
}
.G-1_flexWrapper01, .G-1_flexWrapper04 {
	display: flex;
	align-items: center;
	margin: 5rem 0;
}
.G-1_flexWrapper02 {
	display: flex;
	align-items: flex-end;
	margin: 5rem 0 0;
}
.G-1_flexWrapper03 {
	display: flex;
	align-items: flex-start;
	margin: 0;
}
.G-1_flex_l {
	width: 50%;
	text-align: left;
	vertical-align: middle;	
}
.G-1_flex_l img {
	width: 90%;
	margin-bottom: 3rem;
}
.G-1_flex_l p{
	padding-right: 3rem;
}
.G-1_flex_r {
	width: 50%;
	vertical-align: middle;
	text-align: left;
}
.G-1_flex_r p {
	margin-top: 0;
	vertical-align: text-top;
}
.G-1_list {
	padding-left: 1.5rem;	
	position: relative;	
}
.G-1_list:before{
  	content: '・';
	font-size: medium;
	left: -0.5rem;
	vertical-align: middle;	
	position: absolute;
}
.G-1_formulir {
	background-image: url("../../kontak/factorytour/images/G-1_bottom_bg.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	padding: 1% 3% 1% 3%;	
}
.G-1_formulir-inner {
	width: 70%;
	background-color: #fff;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .1);		
	margin: 5% auto 5%;
	text-align: left;
	padding: 5rem 5rem 8rem;
}
.G-1_formulir-inner h3 {
	margin-bottom: 5rem;
}
.G-1_formulir-inner label {
	font-weight: 600;
	display: block;
}
.G-1_formulir-inner input{
	display: inline-block;
  	width:100%;
	outline: none;
	color: 000;
	background-color: transparent;
	height: 4rem;
}
.G-1_formulir-inner input[type="text"]{
	margin: 0rem auto 3rem;
	padding: 1rem;
 	background-color: #fff;
  	border-radius: 2px;
  	border: thin solid rgba(204,204,204,0.50);	
	font-size: 1.5rem;
  	font-family: 'Montserrat', sans-serif;
}
.G-1_date {
	margin: 0rem auto 3rem;
	padding: 1rem;
 	background-color: #fff;
  	border-radius: 2px;
  	border: thin solid rgba(204,204,204,0.50);	
	font-size: 1.5rem;
  	font-family: 'Montserrat', sans-serif;
}
.G-1_formulir-inner input::placeholder{
	color: #666;
}
.G-1_formulir-inner .G-1_submit {
	width: 35%;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 0.8rem 5rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	float: right;
	margin-bottom: 5rem;
	background-color: #fff;
}
.G-1_formulir-inner h3 {
	text-align: center;
}
@media screen and (max-width:834px){
.G-1_formulir-inner {
	width: 90%;
}
}
@media screen and (max-width:746px){
.G-1_wrapper {
	width: 90%;	
	margin: 3rem auto;
	padding-top: 0;
}	
.G-1_flexWrapper01 {
	display: block;
	align-items: center;
	margin: 3rem 0 0;
}
.G-1_flexWrapper02 {
	display: block;
	align-items: flex-end;
	margin: 0rem 0 0;
}
.G-1_flexWrapper03 {
	display: block;
	align-items: flex-start;
	margin: 0;
}
.G-1_flexWrapper04 {
	display: block;
	align-items: center;
	margin: 0rem 0;
}	
.G-1_flex_l, .G-1_flex_r {
	width: 100%;
	padding-bottom: 3rem;
}
.G-1_wrapper h3 {
	font-size: 2.5rem;
	line-height: 2.8rem;
}
.G-1_wrapper p {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;	
}
.G-1_list {
	padding-right: 1rem;	
	position: relative;	
}	
.G-1_flex_l img {
	width: 100%;
	margin-bottom: 0rem;
}
.G-1_formulir-inner h3 {
	margin-bottom: 3rem;
}	
.G-1_formulir-inner {
	width: 95%;
	margin: 10% auto 10%;
	text-align: left;
	padding: 2rem 2rem 5rem;
}	
.G-1_formulir-inner .G-1_submit {
	width: 60%;
	padding: 0.8rem 1.5rem;
	font-size: 1.2rem;
	border: solid #000 0.2rem;
	font-weight: 600;	
}
}
/*///////////////////Kontak//////////////////*/
.F-0_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 3% 7%;
}
.F-0_wrapper p{
	font-size: 2rem;
	line-height: 2.5rem;
}
.F-0_topWrapper {
	padding-bottom: 5%;
}
.F-0_topWrapper > p {
	width: 60%;	
	margin: 3rem auto;
}	
.F-0_middleWrapper {
	display: flex;
	background-image: url("../../kontak/images/F-0_bg.png");
	background-position: center;
	background-size: cover;
	width: 100%;
	color: #000;
}
.F-0_kontakKami {
	width: 70%;
	background-color: #fff;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .1);		
	margin: 3%;
	text-align: left;
	padding: 2rem 5rem 0;
}
.F-0_kontakKami h2 {
	font-size: 3rem;
	line-height: 2rem;
}
.F-0_kontakKami p {
	font-weight: 600;
	font-size: 1.8rem;
}
.F-0_form-flex {
	display: flex;
}
.F-0_form {
 	width: 100%;
 	height: 100%;
}
.F-0_form input {
	width: 100%;
	margin: 0 auto;
	padding: 1.4rem;
 	background-color: #fff;
	outline: none;	
  	border-radius: 2px;
  	border: thin solid rgba(204,204,204,0.50);	
	font-size: 1.5rem;
  	font-family: 'Montserrat', sans-serif;		
}
.F-0_form > .F-0_submit {
	width: 35%;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 0.8rem 5rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	float: right;
	margin-bottom: 5rem;
}
.F-0_form-l {
	width: 95%;
	margin: 0 2.5% 0 0;
}
.F-0_form-r {
	width: 95%;
	margin: 0 0 0 2.5%;	
}
.F-0_form-m {
	display: block;
	width: 100%;
}
.F-0_form-m textarea {
	width: 100%;
	padding: 1.4rem;
	height: 20rem;
	outline: none;	
  	border-radius: 2px;
 	border: thin solid rgba(204,204,204,0.50);	
	font-size: 1.5rem;	
  	font-family: 'Montserrat', sans-serif;		
}
.F-0_form > input {
	text-align: center;
	width: 10%;
	display: inline-block;
	margin: 10% 0 0 0%;	
}
.F-0_dropdown_container select {
	appearance: none;
  	-moz-appearance: none;
  	-webkit-appearance: none;
  	color: #000;
  	font-size: 1.5rem;
 	 padding: 0 10px;
  	height: 5rem;
  	width: 100%;
	position: relative;
	text-align: center;
  	background-color: #fff;
  	border-radius: 2px;
  	border: thin solid rgba(204,204,204,0.50);
  	transition: all .5s ease;	
  	display: inline-block;
	outline: none;
}
.F-0_dropdown_container {
	position: relative;
}
.F-0_dropdown_container:after {
	content:'\f053';	/* fontawesomeのアイコン表示 */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
 	text-rendering: auto;
	color:var(--sub-color);
	width:0;
	z-index:0;
	position:absolute;
	top:60%;
	right:3rem;
    line-height: 2.3rem;	
    transform: rotate(-90deg);
	pointer-events:none	
}

.F-0_kontakLain {
	width: 40%;
	margin: 3% 5% 3% 1%;	
}
.F-0_kontakLain h3, .F-0_contents h3 {
	font-size: 2.7rem;
	text-align: left;
	line-height: 3.5rem;
}
.F-0_kontakLain > p {
	text-align: left;
	border-bottom: thin solid #000;
	padding-bottom: 1rem;
	font-size: 1.5rem;	
}
.F-0_kontakLain p > i {
	line-height: 5.2rem;
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	width: 5rem;
	height: 5rem;
	vertical-align: middle;
	font-size: 2.5rem;
	margin: 0.5rem 1rem 0.5rem 0.5rem;
	text-align: center;
}
.F-0_bottomWrapper {
	width: 100%;
}
.F-0_contents {
	display: flex;
}
.F-0_contents-l, .F-0_contents-r {
	width: 50%;
	text-align: left;
	padding: 2rem 5rem;
}
.F-0_contents-l > a .info_button, .F-0_contents-r > a .info_button{
	background-color: #fff;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 0.8rem 2rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	width: 65%;
}
@media screen and (max-width: 1112px) {
.F-0_topWrapper > p {
	width: 70%;	
	margin: 3rem auto;
}	
.F-0_kontakKami {
	margin: 3%;
	padding: 2rem 2rem 0;
}	
.F-0_form-flex {
	display: block;
}
.F-0_form-r {
	margin: 0;	
}	
.F-0_kontakLain > p {
	text-align: left;
	border-bottom: thin solid #000;
	padding-bottom: 1rem;
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.F-0_kontakLain p > i {
	line-height: 3rem;
	width: 2.8rem;
	height: 2.8rem;
	font-size: 1.3rem;
	margin: 0.5rem;	
}
.F-0_form > .F-0_submit {
	width: 60%;
	padding: 0.8rem 3rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	float: right;
	margin-bottom: 5rem;
}
.F-0_contents-l, .F-0_contents-r {
	width: 50%;
	text-align: left;
	padding: 2rem 3rem;
}	
.F-0_contents-l > a .info_button, .F-0_contents-r > a .info_button{
	background-color: #fff;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 0.8rem 1rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.5rem;
	width: 90%;
}
}
@media screen and (max-width: 768px) {
.F-0_kontakLain > p {
	text-align: left;
	border-bottom: thin solid #000;
	padding-bottom: 1rem;
	font-size: 1.2rem;
	line-height: 1.8rem;
}	
}
@media screen and (max-width: 736px) {
.F-0_wrapper p{
	font-size: 1.8rem;
	line-height: 2.5rem;
}	
.F-0_topWrapper > p {
	width: 90%;	
	margin: 0 auto;
}
.F-0_middleWrapper {
	padding-bottom: 2rem;
	display: block;	
}		
.F-0_kontakKami {
	width: 100%;
	background-color: #fff;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .1);		
	margin: 3rem auto;
	text-align: left;
	padding: 1.5rem 2rem 13rem;
	height: auto;
}		
.F-0_form-flex {
	display: block;
}
.F-0_form-l {
	width: 100%;
}
.F-0_form-r {
	width: 100%;
	margin: 0;		
}
.F-0_kontakKami h2 {
	font-size: 2.5rem;
	line-height: 3rem;
}
.F-0_kontakKami p {
	font-weight: 600;
	font-size: 1.8rem;
}	
.F-0_form > .F-0_submit {
	width: 50%;
	padding: 0.8rem 3rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.5rem;
	float: left;
	margin-bottom: 5rem;
}
.F-0_kontakLain {
	width: 90%;
	margin: 3% auto;
}
.F-0_kontakLain h3, .F-0_contents h3 {
	width: 100%;
	font-size: 2.5rem;
	text-align: left;
	line-height: 3rem;	
}
.F-0_kontakLain > p {
	text-align: left;
	border-bottom: thin solid #000;
	padding-bottom: 1rem;
	font-size: 1.4rem;
	line-height: 1.8rem;	
}
.F-0_kontakLain p > i {
	line-height: 4.2rem;
	width: 4rem;
	height: 4rem;
	font-size: 2rem;
	margin: 0.5rem 1rem 0.5rem 0;
}	
.F-0_contents {
	display: block;
}	
.F-0_contents-l, .F-0_contents-r {
	width: 100%;
	padding: 0.5rem 2rem;
	margin: 0 auto;
}
.F-0_contents h3 {
	font-size: 2.5rem;
	line-height: 3rem;
}	
.F-0_contents-l > a .info_button, .F-0_contents-r > a .info_button{
	padding: 0.3rem 1rem;
	font-size: 1.2rem;
	width: 80%;
}		
}
/*////////////////profil///////////////////*/	
.F-1_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 0% 7%;	
}	
.F-1_mainWrappper h3 {
	font-size: 3.8rem;
	line-height: 4rem;
	font-weight: 800;
	margin-top: 5rem;
	margin-bottom: 1rem;
	color: #000;
	text-align: left;
}	
.F-1_mainWrappper p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: left;
}	
.F-1_top img {
	width: 100%;
	height: auto;
}	
.F-1_subWrappper {
	margin-top: 5rem;
	width: 100%;
	margin: 0 auto;	
}
.F-1_video {
  	position: relative;
 	padding-bottom: 56.25%;
  	height: 0; 
  	overflow: hidden; 
  	max-width: 100%;
	margin: 5% 0;
}
.F-1_video iframe, .F-1_video object, .F-1_video embed{
 	position: absolute; 
  	top: 0; 
 	left: 0; 
  	width: 100%; 
  	height: 100%;
}
@media screen and (max-width:746px){
.F-1_wrapper {
	width: 90%;	
	margin: 3rem auto;
	padding-top: 0;
}	
.F-1_mainWrappper {
		margin-bottom: 5rem;
}	
.F-1_mainWrappper h3 {
	font-size: 2.5rem;
	line-height: 2.8rem;
	margin-top: 3rem;	
}
.F-1_mainWrappper p {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;	
}	
}
/*////////////////Kontak Distributor dan Cabang///////////////////*/	
.F-2_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 0% 7%;	
}
a.anchor{
   display: block;
   margin-top:-180px;
   padding-top:180px;
}
.F-2_table {
	width: 100%;
	border: solid 1px #000;
	text-align: left;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
}
.F-2_table caption {
	font-size: 3.8rem;
	line-height: 4rem;
	font-weight: 800;
	text-align: left;
	color: #000;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.F-2_table th {
	width: 35%;
	border: solid 1px #000;
	padding: 2rem;
	vertical-align: text-top;	
}
.F-2_table td {
	padding: 2rem; 
	vertical-align: text-top;
	border: solid 1px #000;	
}
.F-2_area {
	width: 30%;
	border: solid 1px #000;	
	vertical-align: text-top;
}
@media screen and (max-width:746px){
a.anchor{
   display: block;
   margin-top:-80px;
   padding-top:80px;
}	
.F-2_table {
	width: 100%;
	border: solid 1px #000;
	font-size: 1rem;
	line-height: 1.5rem;
}
.F-2_table caption {
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 800;
	margin-top: 2rem;
	margin-bottom: 1rem;
}	
.F-2_table th {
	padding: 1rem 0.5rem;
}
.F-2_table td {
	padding: 1rem 0.5rem; 
}	
}
/*////////////////Terima kasih///////////////////*/
.F-3_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 0%;	
}	
.F-3_mainWrappper h3 {
	font-size: 3.8rem;
	line-height: 4rem;
	font-weight: 800;
	margin-top: 5rem;
	margin-bottom: 1rem;
	color: #000;
	text-align: center;
}	
.F-3_mainWrappper p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: center;
}
.F-3_top {
	margin: 5rem auto;
}
.F-3_top img {
	width: 100%;
	height: auto;	
}
@media screen and (max-width:746px){
.F-3_wrapper {
	width: 90%;	
	margin: 3rem auto 0rem;
	padding: 0;
}	
.F-3_mainWrappper {
	margin-bottom: 3rem;
}	
.F-3_mainWrappper h3 {
	font-size: 2.5rem;
	line-height: 2.8rem;
	margin-top: 3rem;	
}
.F-3_mainWrappper p {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;	
}	
.F-3_top {
	margin-top: 3rem;
}	
}

/*////////////////Aktivitas Belajar///////////////////*/	
.N-0_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 3% 2%;
}		
.N-0_topWrappper > p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: center;
	width: 60%;	
	margin: 3rem auto;	
}
.N-0_topVisual {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin:0rem auto;
}
.N-0_topVisual img {
	width: 100%;
	height: auto;
}
.N-0_flexWrappper {
    display: flex;
    justify-content: space-between;
	padding-bottom: 3%;
}
.N-0_flex01 {
	width: 31%;
	height: auto;
}
.N-0_flex01 img {
	border: thin solid #d9d9d9;
}
.N-0_flex01 h4 {
	text-align: center;
	width: 80%;
	font-weight: 800;	
	margin: 8% 10%;
	color: #000;
}
.N-0_bannerWrapper {
	padding: 0 0 3rem;
}
.N-0_banner01 {
	padding: 3rem 0;
}
.N-0_banner01 h4 {
	margin: 3% 0 0;
	color: #000;
	font-weight: 800;	
}
.N-0_banner01 p {
	text-align: left;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;	
}
@media screen and (max-width:746px){
.N-0_wrapper {
	padding: 3% 3% 0%;
}	
.N-0_topWrappper > p {
	font-size: 1.5rem;
	line-height: 2rem;
	width: 80%;	
}
.N-0_flexWrappper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-bottom: 3%;
}
.N-0_flex01 {
	width: 48%;
	height: auto;
	margin-bottom: 2rem;
}	
.N-0_flex01 h4 {
	width: 100%;
	font-weight: 800;	
	margin: 8% auto;	
}
.N-0_banner01 {
	padding: 2rem 0;
}	
.N-0_banner01 p {
	font-size: 1.5rem;
	line-height: 2rem;
}	
}
/*////////////////Tips & Trik///////////////////*/
.N-1_wrapper {
	width: 100%;	
	height: auto;
	padding: 1% 0% 10%;	
}	
.N-1_topWrappper {
	padding-bottom: 3rem;
}
.N-1_flexWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;	
	width:100%;
}
.N-1_flex01 {
	display: inline-block;
	margin: 2rem 0;
	-webkit-justify-content: space-around;
	justify-content: space-around;	
	width: 31%;	
	font-size: 2rem;
	background-color: #fff;
	padding: 2rem 2rem 2rem;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .1)	
}
.N-1_box {
	text-align: left;
}
.N-1_box > .N-1_ttl {
	line-height: 2.2rem;
	font-weight: 600;
	height: 9rem;
}	
.N-1_box p {
	line-height: 0rem;
}
.N-1_date {
	margin-bottom: 3rem;
}
.N-1_box > a .N-1_button{
	background-color: #fff;
	color: #000;
	border-radius: 5rem;
	text-align: center;
	display: inline-block;
	padding: 2rem 3rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.8rem;
	width: 90;
}
@media screen and (max-width: 1112px) {
.N-1_box > a .N-1_button{
	padding: 1.5rem 2rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1.5rem;
	width: 90;
}	
}
@media screen and (max-width:746px){
.N-1_flexWrapper {
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.N-1_topWrappper {
	padding-bottom: 0rem;
}	
.N-1_flex01 {
	display: inline-block;
	margin: 1rem 0;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	width: 48%;	
	font-size: 1.5rem;
	background-color: #fff;
	padding: 1rem;
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .1)	
}
.N-1_box > .N-1_ttl {
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-weight: 600;
	height: 9.5rem;
}		
.N-1_date {
	font-size: 1.2rem;	
	margin-bottom: 2rem;
}	
.N-1_box > a .N-1_button{
	padding: 1rem 1rem;
	border: solid #000 0.2rem;
	font-weight: 600;
	font-size: 1rem;
	width: 90;
}	
}
/*////////////////Buat warna baru dari KOKORO///////////////////*/
.N-1-1_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 3% 0%;	
}	
.N-1-1_topWrappper {
	padding-bottom: 2rem;
}
.N-1-1_topWrappper > p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: center;
	width: 60%;	
	margin: 3rem auto;	
}
.N-1-1_topVisual {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin:0rem auto;
}
.N-1-1_topVisual img {
	width: 100%;
	height: auto;
}
.N-1-1_articleWrapper {
	padding-bottom: 10rem;
}
.N-1-1_articleWrapper > p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: left;
	margin: 3rem auto 1rem;	
}
.N-1-1_flexWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	width:100%;
}	
.N-1-1_flex01 {
	margin: 1rem 0;
	width: 48%;
}
.N-1-1_flex01 img 	{
	padding-top: 2rem;
}
.N-1-1_flex01 h3 {
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: 800;
	color: #000;
	text-align: left;	
}
.N-1-1_flex01 p {
	text-align: left;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;	
}
@media screen and (max-width: 1112px) {
.N-1-1_flexWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	width:100%;
	align-items: center;
}	
.N-1-1_flex01 {
	margin: 1rem 0;
	width: 48%;
	vertical-align: middle;
}	
}
@media screen and (max-width:746px){
.N-1-1_topWrappper {
	padding-bottom: 0rem;
}	
.N-1-1_articleWrapper {
	padding-bottom: 5rem;
}	
.N-1-1_flexWrapper {
	display: block;	
}
.N-1-1_flex01 {
	margin: 1rem 0;
	width: 100%;
	vertical-align: inherit;
}
.N-1-1_flex01 h3 {
	font-size: 2rem;
	line-height: 2.5rem;
}	
.N-1-1_topWrappper > p,.N-1-1_articleWrapper > p, .N-1-1_flex01 p  {
	font-size: 1.5rem;
	line-height: 2rem;	
}	
}
/*/////////////////Rahasia teknik cat air dari alat tulis ZEBRA//////////////////*/
.N-1-1_articleWrapper > h3 {
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: 800;
	color: #000;
	text-align: left;
}
.N-1-2_img01 {
	margin: 3rem auto;
}
.N-1-2_flexWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	width:100%;
	align-items: flex-start;
}	
@media screen and (max-width:746px){
.N-1-1_articleWrapper > h3 {
	font-size: 2rem;
	line-height: 2.5rem;
}	
.N-1-2_flexWrapper > .N-1-1_flex01 img {
	margin: 0rem;
	padding: 0;
	width: 100%;
}	
}
/*/////////////////Tips memilih kombinasi warna dalam membuat karya//////////////////*/

.N-1-3_ttl{
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: left;
	font-weight: 800;
}
@media screen and (max-width:746px){
.N-1-3_ttl  {
	font-size: 1.5rem;
	line-height: 2rem;	
}	
}

/*////////////////Zebra Bucket List 2024 Challenge///////////////////*/

.K-37_bg {
	background-image: url("../../event-promo/promotion/images/K-37_bg.jpg");
  	width: 100%;
    height: 0;
    padding-top: 246.6%; /* (tinggi gambar / lebar gambar) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}

/*////////////////Zebra Workshop Ilustrasi Santuy and Explore - Maret 2024///////////////////*/

.K-38_button img {
	width: 50%;
	height: auto;
}

/*////////////////Zebra Workshop Ilustrasi Santuy and Explore - Maret 2024 - 2 (31 Maret 2024)///////////////////*/

.K-39_button img {
	width: 50%;
	height: auto;
}


/*////////////////Zebra Doodle Challenge with Kokoro Plus 2024///////////////////*/

.K-40_button img {
	width: 50%;
	height: auto;
}


/*////////////////Zebra Open Your Imagination - Lomba Ilustrasi 2022///////////////////*/
.K-36_bg {
	background-image: url("../../event-promo/promotion/images/K-36_bg-v3.png");
  	width: 100%;
    height: 0;
    padding-top: 246.6%; /* (tinggi gambar / lebar gambar) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}

.K-36_downloadbutton {
	border: none;
	position: relative;
	margin-top: -117%;
	margin-left: 0%;
}

/*////////////////Zebra Open Your Imagination - Lomba Ilustrasi 2022///////////////////*/
.K-35_bg {
	background-image: url("../../event-promo/promotion/images/K-35_bg.jpg");
  	width: 100%;
    height: 0;
    padding-top: 292.4%; /* (画像の高さ / 画像の横幅) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}
/*////////////////Zebra Journal Resep Challenge 2022/////////////////////*/
.K-34_bg {
	background-image: url("../../event-promo/promotion/images/K-34_bg.jpg");
  	width: 100%;
    height: 0;
    padding-top: 328.5%; /* (画像の高さ / 画像の横幅) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}
/*//////////////////Pixel Art Competition Zebra x Divoom////////////////////*/
.K-33_bg {
	background-image: url("../../event-promo/promotion/images/K-33_bg.jpg");
  	width: 100%;
    height: 0;
    padding-top: 414.3%; /* (画像の高さ / 画像の横幅) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}
/*//////////////////Zebra TikTok Challenge #Semangat Zebra////////////////////*/
.K-32_bg {
	background-image: url("../../event-promo/promotion/images/K-32_bg.jpg");
  	width: 100%;
    height: 0;
    padding-top: 299.2%; /* (画像の高さ / 画像の横幅) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}
/*////////////////Metode Belajar Dengan Ballpen Biru///////////////////*/
.H-1_wrapper {
	width: 100%;	
	height: auto;
	padding: 3% 3% 0%;	
}	
.H-1_topWrappper {
	padding-bottom: 2rem;
}
.H-1_topWrappper > p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: center;
	width: 60%;	
	margin: 3rem auto;	
}
.H-1_topVisual {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin:0rem auto;
}
.H-1_topVisual img {
	width: 100%;
	height: auto;
}
.H-1_articleWrapper {
	padding-bottom: 10rem;
}
.H-1_articleWrapper > p {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	text-align: left;
	margin: 2rem auto 1rem;	
}
.H-1_articleWrapper > h3 {
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: 800;
	color: #000;
	text-align: left;	
}
.H-1_flexWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	width:100%;
}	
.H-1_flex01 {
	margin: 1rem 0;
	width: 48%;
}
.H-1_flex01 img {
	padding-top: 2rem;
}
.H-1_flex01 h3 {
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: 800;
	color: #000;
	text-align: left;	
}
.H-1_flex01 p {
	text-align: left;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;	
}
.H-1_img02 {
	padding-top: 3rem;
}
.info-produk_container {
	width: 90%;
	margin: 0 auto;
}
.info-produk_Wrapper {
	background-color: #364B99;
	width: 100%;
	padding: 5rem 0;
}
.info-produk_sub-t {
	font-size: 3rem;
	line-height: 3.5rem;	
	color: #fff;
}
.produk_flex {
	display: flex;
	width:75%;
	padding-top: 2rem;
	padding-bottom: 3rem;
	margin: 0 auto;
}
.produk_flex li {
	padding: 0 1.5rem;
}

.produk_flex li img{
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .1);
	max-width: 100%;
	margin: 0rem;
}
.produk_flex p {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
}
@media screen and (max-width:746px){
.H-1_topWrappper {
	padding-bottom: 0rem;
}	
.H-1_articleWrapper {
	padding-bottom: 5rem;
}	
.H-1_flexWrapper {
	display: block;	
}
.H-1_flex01 {
	margin: 1rem 0;
	width: 100%;
	vertical-align: inherit;
}
.H-1_img02 {
	padding-top: 2rem;
}	
.H-1_articleWrapper > h3, .H-1_flex01 h3 {
	font-size: 2rem;
	line-height: 2.5rem;
}	
.H-1_topWrappper > p,.H-1_articleWrapper > p, .H-1_flex01 p, .produk_flex p  {
	font-size: 1.5rem;
	line-height: 2rem;	
}
.produk_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width:98%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin: 0 auto;
}	
.produk_flex li{
	width: 50%;
	padding: 1rem;
}
.info-produk_Wrapper {
	padding: 3rem 0;
}	
.info-produk_container {
	width: 80%;
	margin: 0 auto;
}
.info-produk_sub-t {
	font-size: 2rem;
	line-height: 2.5rem;
}
}
/*//////////////////Biomaster////////////////*/
.H-11_bg {
	background-image: url("../../artikel/images/H-11_bg_l.png"),
	url("../../artikel/images/H-11_bg_r.png");
	background-position:left, right;	
	background-size: 6% auto;	
	background-repeat: repeat-y;
	position: relative;
	z-index: 10;
	font-family: 'Roboto';
	text-align: center;	
	font-size: 2rem;
	color: #2d3d6a;	
	line-height: 2.5rem;	
}
.H-11_top img {
	width: 100%;
	height: auto;
}
.H-11_bio {
	margin-top: 5%;
}
.H-11_bio img {
	width: 40%;
	height: auto;
	margin: 0 auto;
}
.H-11_ttl01 img {
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.H-11_des01, .H-11_des02, .H-11_des03 {
	width: 70%;
	margin: 5% auto;	
}
.H-11_des04 {
	width: 60%;
	margin: 5% auto;	
}
.H-11_img01 img {
	width: 75%;
	margin: 0 auto;
	height: auto;
}
.H-11_img01-des {
	display: flex;
	width: 100%;
	margin: 0 auto 5%;
}
.H-11_img01-des1 {
	width: 19%;
	margin: 2% 6% 0% 14%;
}
.H-11_img02 {
	margin-top: -18%;
	position: relative;
}
.H-11_img02 img {
	width: 85%;
	height: auto;
	margin-right: 15%;
}
.H-11_button {
	position: absolute;
	top: 68%;
	left: 12%;
}
.H-11_button img {
	width: 35%;
	height: auto;
}
.H-11_img01-des2 {
	width: 19%;
	margin: 2% 6% 0% 1%;
}
.H-11_img01-des3 {
	width: 19%;
	margin: 2% 6% 0% 1%;
}
@media screen and (max-width:746px){
.H-11_ttl01 img {
	width: 75%;
	height: auto;
	margin: 0 auto;
}	
.H-11_des01, .H-11_des02, .H-11_des03, .H-11_des04 {
	font-size: 14px;
	line-height: 16px;
}
.H-11_img01-des	{
	width: 85%;
	margin: 0 auto;	
    justify-content: space-around;	
}
.H-11_img01-des1, .H-11_img01-des2, .H-11_img01-des3 {
	width: 22%;
	margin: 2%;
	font-size: 12px;
	line-height: 14px;
}
.H-11_button img {
	width: 50%;
	height: auto;
}	
.H-11_img02 {
	margin-bottom: 5%;
}	
}

/*////////////////Penghargaan Mitra Bakti Husada-GP2SP Zebra Asaba Industries 2021//////////////////*/
.H-12_bg {
	background-image: url("../../artikel/images/H-12_bg.jpg");
  	width: 100%;
    height: 0;
    padding-top: 125%; /* (画像の高さ / 画像の横幅) × 100 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 3rem 0;
}
/*////////////////Belajar Bahasa Jepang///////////////////*/
.A-0_mainWrapper {
	width: 100%;
	margin: 0 auto 5rem;
}
.A-0_mainWrapper h2 {
	font-size: 1.8rem;
	color: #333;
	font-weight: 700;
	text-align: left;
	height: 4rem;
	line-height: 2rem;
	margin: 3rem 0;
	padding: 1rem 2rem;
	border-left: 0.5rem solid #E40E11;
	background: #f4f4f4;
}
.A-0_subWrapper {
	display: flex;
    flex-wrap : wrap;
    justify-content:center;
	width: 100%;	
}
.A-0_button {
	padding: 2rem 1rem;
}
@media screen and (max-width: 834px) {
.A-0_subWrapper {
	padding: 0rem 5rem;
}
}
@media screen and (max-width:600px){
.A-0_subWrapper {
	padding: inherit;
	}
.A-0_button {
	padding: 1rem;
}	
}
/*////////////////Hiragana/Katakana//////////////////*/
.A-1_mainWrapper {
	width: 100%;
	margin: 0 auto 5rem;
}
.A-1_mainWrapper h2 {
	font-size: 1.8rem;
	color: #333;
	font-weight: 700;
	text-align: left;
	height: 4rem;
	line-height: 2rem;
	margin: 3rem 0;
	padding: 1rem 2rem;
	border-left: 0.5rem solid #E40E11;
	background: #f4f4f4;
}
.A-1_mainWrapper_bg {
	margin: 0 auto;	
	background-color: #fff;
	border: solid #cdcdcd 0.5rem;
	display: flex;	
}
.A-1_01Wrapper {
	width: 50%;
	margin:0rem auto;
	padding: 0 1rem;
	background-color: #fff;
}
.A-1_01Wrapper-l,.A-1_01Wrapper-r {
	width: 100%;
}
.A-1_flexlist {
	display: flex;
	margin: 0.5rem auto;
}
.A-1_flex-li, .A-1_flex-li3 {
	flex: auto;
	writing-mode:horizontal-tb;
	text-orientation: upright;	
	background-color: #fff;
	color: #7d7d7d;
	font-size: 1.5rem;
	border: thin solid #3fa9f5;;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	border-radius: 0.5rem;	
	line-height: 2rem;
	padding: 1.5rem 0rem 0.2rem;
	width: 6.7rem;	
	margin: 0 0.2rem;
}
.A-1_flex-li a, .A-1_flex-li3 a {
	color: #7d7d7d;
}
.A-1_flex-li:hover {
	border:medium solid #3fa9f5;
	border-radius: 0.5rem;
	line-height: 1.8rem;	
}
.A-1_ttl01 {
	background-color: #3fa9f5;
	width: 100%;
	border-radius: 0.5rem;
	color: #fff;
	height:6rem;
	line-height: 2rem;
	font-size:2rem;
	display: flex;
    justify-content: center;
    align-items: center; 
	padding: 0.5rem;
}
.A-1_flex-li2{
	writing-mode:horizontal-tb;
	text-orientation: upright;		
	flex: auto;
	background-color: #fff;
	color: #7d7d7d;
	font-size: 1.5rem;
	border: thin solid #3fa9f5;;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	border-radius: 0.5rem;	
	line-height: 2rem;
	padding: 1.2rem 0rem 0.2rem;
	width: 9.7rem;
	margin: 0 0.1rem;	
}
.A-1_flex-li-b {
background-color: #fff;
	width: 6.7rem;
	height: 6.9rem;
	flex: auto;	
}
.A-1_02Wrapper {
	width: 99%;
	margin:0.5rem auto;
	padding: 0 2rem;
	background-color: #fff;	
}
.A-1_02-2Wrapper {
	width: 100%;
	background-color: #fff;
	display: flex;
}
.A-1_03Wrapper {
	width: 50%;
	padding:0rem 1rem;
	justify-content: space-between;
}
@media screen and (max-width: 736px) {
.A-1_mainWrapper_bg {
	display: block;
	padding: 0.2rem 0.5rem;			
}	
.A-1_01Wrapper, .A-1_03Wrapper,.A-1_02Wrapper {
	width: 100%;
	padding: 0.1rem 0rem;		
}
.A-1_01Wrapper-l,.A-1_01Wrapper-r {
	width: 100%;
}	
.A-1_flexlist-li,.A-1_flexlist-li:hover {
	flex: auto;
}
.A-1_flex-li {
	line-height: 2rem;
	padding: 2rem 0rem 0.8rem;
	width: 4rem;	
	margin: 0 0.1rem;
}	
.A-1_flex-li:hover {
	border:0.2rem solid #3fa9f5;
	border-radius: 0.5rem;
	line-height: 1.9rem;	
}	
.A-1_flex-li-b {
	background-color: #fff;
	width: 4rem;
	height: 6.9rem;
	flex: auto;	
}	
.A-1_ttl01 {
	font-size:1.7rem;
	line-height: 1.7rem;
}	
.A-1_02-2Wrapper {
	display: block;
	padding: 0.2rem 0rem;	
	justify-content: none;
}	
.A-1_03Wrapper {
	width: 100%;
	padding:0rem;
	justify-content: space-between;
}	
.A-1_flex-li2{
	width: 20rem;
}	
}

.A-1-1_mainWrapper {
	width: 100%;
	margin: 3rem auto;	
	background-color: #fff;
	display: block;	
	padding: 0rem;
}
.A-1-1_flex {
	display: flex;
	width: 100%;
}
.A-1-1_flex00 {
	width: 55%;
}
.A-1-1_box01 {
	display: block;
	width: 100%;
}
.A-1-1_flex01  {
	width: 95%;
	display: flex-box;
	margin: 0 auto;
}
.A-1-1_huruf {
	max-width: 100%;
	height: auto;
	margin:0 auto;
	border: medium solid #3fa9f5;	
}
.A-1-1_sound01 {
	color: #7d7d7d;
	font-size:3.5rem;
	font-weight: 400;	
	width: 100%;
	margin: auto;	
	line-height: 5rem;
}
.A-1-1_flex02 {
	display: flex;
	width: 95%;
	border: medium solid #3fa9f5;
	border-radius: 0rem;	
	background-color: #fff;
	margin: 0 auto;
	height: 70%
}
.A-1-1_flex03 {
	display: flex-between;
	margin: 3% auto;
	max-width: 100%;
	height: 30%;
}
.A-1-1_flex03 img {
	border: thin solid #3fa9f5;
	max-width: 40%;
}
.A-1-1_upper {
	display: flex;
	width: 100%;
	margin: 0 auto;	
}
.A-1-1_box01-1-l {
	width: 50%;
	text-align: center;
	margin: auto;
}
.A-1-1_box01-1-l img{
	width: 90%;
}
.A-1-1_box01-1-l span img{
	width: 70%;
	padding: 2rem;
}
.A-1-1_box01-1-r {
	width: 50%;
	margin: auto 0;
	color: #7d7d7d;
	font-size:2.2rem;
	line-height: 3rem;
	font-weight: 500;
	padding:1rem 1rem 1rem 0;
}
.A-1-1_flex_hp {
		display: contents;
	}
.A-1-1_button-s_hp {
	display: none;
}
.A-1-1_button-e_hp {
	display: none;
}
.A-1-1_button_hp {
	display: none;
}
.A-1-1_button_hp:hover {
	display: none;
}
.A-1-1_triangle-r_hp {
	display: none;
}
.A-1-1_button-s, .A-1-1_button-s2 {
	background-color:#99ccff;
	border-radius: 0.5rem;
	width: 5rem;
	height: auto;
	margin: 0;
	position: relative;
}
.A-1-1_button-e {
	background-color:#99ccff;
	border-radius: 0.5rem;
	width: 5rem;
	height: auto;
	position: relative;
	margin: 0;
}
.A-1-1_button {
	background-color:#99ccff;
	border-radius: 0.5rem;
	width: 5rem;
	height: auto;
	position: relative;
	margin: 0;
}
.A-1-1_button-s2:hover, .A-1-1_button:hover {
	background-color:#3fa9f5;
}
.A-1-1_triangle-l {
	position: absolute;
	top: 45%;
	right: 1.3rem;
	border-top: 2rem solid transparent;
  	border-bottom: 2rem solid transparent;
  	border-right: 2rem solid #fff;
}
.A-1-1_triangle-r {
	position: absolute;
	top: 45%;
	left: 1.3rem;
	border-top: 2rem solid transparent;
  	border-bottom: 2rem solid transparent;
  	border-left: 2rem solid #fff;
}
.A-1-1_italic {
font-style: italic;
}
.A-1-1_lower {
	display: flex;
}
.A-1-1_lower {
	background-color: #fff;
	border: medium solid #3fa9f5;;
	border-radius: 0.5rem;	
	margin-top: 2rem;
}
.A-1-1_h2 {
	background-color: #3fa9f5;
	padding: 0.5rem 2rem;
	border-radius: 0.5rem;	
	color: #fff;
	margin: 2rem;
	text-align: left;
}
.A-1-1_flex04 {
	display: block;
	width: 100%;
}
.A-1-1_flex05 {
	display: flex;
	align-items: center;
	line-height: 2.2rem;
	font-size: 2.2rem;
	padding: 2rem;
	color: #7d7d7d;	
}
.A-1-1_flex05 li {
	width: 25%;
}
@media screen and (max-width: 960px) {
.A-1-1_flex {
	display: block;
	}
.A-1-1_flex00 {
	width: 100%;	
}
.A-1-1_flex01  {
	width: 95%;
	display: flex;
	margin: 0 auto 2rem;
}
.A-1-1_huruf {
	max-width: 50%;
	height: auto;
	margin:0 auto;
}	
.A-1-1_flex03 {
	display: flex-between;
	margin:1rem auto;
	max-width: 95%;
}	
}
@media screen and (max-width: 736px) {
.A-1-1_flex03 {
	display: flex-between;
	margin:1rem auto;
	max-width: 100%;
}
.A-1-1_flex03 img {
	margin: 0.3rem 0.1rem;
	width: 30%;
}	
.A-1-1_flex01  {
	display: block;
}	
.A-1-1_flex02 {
	display: block;
}	
.A-1-1_huruf {
	max-width: 100%;
	height: auto;
	margin:0 auto;
}	
.A-1-1_box01-1-l {
	width: 100%;
	margin: 2rem auto;
}
.A-1-1_box01-1-l span img{
	width: 50%;
	padding: 2rem;
}	
.A-1-1_box01-1-r {
	width: 100%;
	margin: auto 0;
	font-size:1.8rem;
	line-height: 2rem;
	padding-bottom: 2rem;	
}
.A-1-1_sound01 {
	font-size:3.2rem;
}	
.A-1-1_h2 {
	font-size: 1.7rem;
	text-align: center;
}	
.A-1-1_flex05 {
	display: block;
	align-items: center;
	line-height: 3rem;
	font-size: 1.8rem;
	color: #7d7d7d;	
}
.A-1-1_flex05 li {
	width: 100%;
}	
.A-1-1_flex02, .A-1-1_flex03 {
	width: 100%;
}	
.A-1-1_flex_hp {
		display: flex;
	}	
.A-1-1_button-s_hp, .A-1-1_button-s2_hp {
	display: inherit;
	background-color:#99ccff;
	border-radius: 0.5rem;
	width: 7rem;
	height: auto;
	margin: 0 1rem 2rem 0;
	position: relative;
}
.A-1-1_button-e_hp {
	display: inherit;	
	background-color:#99ccff;
	border-radius: 0.5rem;
	width: 7rem;
	height: auto;
	position: relative;
	margin: 0 0 2rem 1rem;	
}	
.A-1-1_button_hp {
	display: inherit;	
	background-color:#99ccff;
	border-radius: 0.5rem;
	width: 7rem;
	height: auto;
	position: relative;
	margin: 0 0 2rem 1rem;	
}
.A-1-1_button_hp:hover, .A-1-1_button-s2_hp:hover {
	display: inherit;
	background-color:#3fa9f5;
}
.A-1-1_triangle-l_hp {
	display: inherit;	
	position: absolute;
	top: 45%;
	right: 1.8rem;
	border-top: 2rem solid transparent;
  	border-bottom: 2rem solid transparent;
  	border-right: 2rem solid #fff;
}	
.A-1-1_triangle-r_hp {
	display: inherit;	
	position: absolute;
	top: 45%;
	left: 1.8rem;
	border-top: 2rem solid transparent;
  	border-bottom: 2rem solid transparent;
  	border-left: 2rem solid #fff;
}	
.A-1-1_button-s, .A-1-1_button-s2, .A-1-1_button-e {
	display: none;
}
.A-1-1_button{
	display: none;
}
.A-1-1_button:hover {
	display: none;
}
.A-1-1_triangle-r {
	display: none;
}	
}
/*//////////////////Angka///////////////////*/
.A-3_Wrapper {
	width: 100%;
	margin:0rem auto;
	padding: 1rem 2rem;
	background-color: #fff;
}

.A-3_flex-li span {
	font-size: 4.5rem;
}	
.A-3_flex-li {
	flex: auto;
	/*writing-mode:horizontal-tb;
	text-orientation: upright;	*/
	background-color: #fff;
	color: #7d7d7d;
	font-size: 2rem;
	border: thin solid #3fa9f5;;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	border-radius: 0.5rem;	
	line-height: 2.2rem;
	padding: 2.5rem 0rem 2.2rem;
	width: 6.7rem;
	height: 20rem;
	margin: 0 0.2rem;
}
.A-3_flex-li > i {
	margin: 1rem;
}
.A-3_flex-li-b {
background-color: #fff;
	width: 7.1rem;
	height: 15rem;
	flex: auto;	
}
.A-3_flexlist {
	display: flex;
	margin: 0.5rem auto;
}
.A-3_span1 {
	font-size: 2.5rem;	
}
@media screen and (max-width: 960px) {
.A-3_flex-li {
	height: 18rem;
}
.A-3_flex-li span {
	font-size: 3.5rem;
}	
.A-3_flex-li {
	flex: auto;
	/*writing-mode:horizontal-tb;
	text-orientation: upright;	*/
	background-color: #fff;
	color: #7d7d7d;
	font-size: 1.8rem;
	border: thin solid #3fa9f5;;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	border-radius: 0.5rem;	
	line-height: 2rem;
	padding: 2.5rem 0rem 2.2rem;
	width: 6.7rem;
	height: 20rem;
	margin: 0 0.2rem;
}
.A-3_flex-li > i {
	margin: 0.8rem;
}	
}
@media screen and (max-width: 736px) { 
.A-3_ttl01 {
	font-size: 1.7rem;
	height:3rem;
	line-height: 3rem;	
}
.A-3_Wrapper {
	padding-top: 0.2rem;
}	
.A-3_flexlist {
	display: flex;
	flex-wrap: wrap;
	margin: 0.5rem auto;
}	
.A-3_flex-li {
	flex: auto;
	writing-mode:horizontal-tb;
	text-orientation: upright;	
	background-color: #fff;
	color: #7d7d7d;
	font-size: 1rem;
	border: thin solid #3fa9f5;;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	border-radius: 0.5rem;	
	line-height: 1.8rem;
	padding: 0.5rem 0.2rem 2.2rem;
	width: 18%;
	height: 15rem;
	margin: 0.2rem;
}	
.A-3_flex-li span {
	font-size: 2.5rem;
}	
.A-3_span1 {
	font-size: 1.8rem;	
}	
.A-3_flex-li-b {
	display: none;
}	
}
@media screen and (max-width: 500px) { 
.A-3_Wrapper {
	width: 100%;
	margin:0rem auto;
	padding: 0.5rem 0;
	background-color: #fff;
}
.A-3_flex-li {
	flex: auto;
	writing-mode:horizontal-tb;
	text-orientation: upright;	
	background-color: #fff;
	color: #7d7d7d;
	font-size: 1.5rem;
	border: thin solid #3fa9f5;;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	border-radius: 0.5rem;	
	line-height: 1.8rem;
	padding: 1rem 0.2rem 2.2rem;
	width: 18%;
	height: 17rem;
	margin: 0.2rem;
}	
.A-3_flex-li span {
	font-size: 2.5rem;
}
}
/*//////////////////Kosa kata //////////////////////*/
.A-4_mainWrapper {
	width: 95%;
	margin: 0 auto;	
}
.A-4_mainWrapper h2 {
	font-size: 1.8rem;
	color: #333;
	font-weight: 700;
    font-family: 'Lato', sans-serif;
	text-align: left;
	height: 4rem;
	line-height: 2rem;
	margin: 3rem 0;
	padding: 1rem 2rem;
	border-left: 0.5rem solid #F57779;
	background: #f4f4f4;
}
.A-4_mainWrapper_bg {
	background-color: #fff;	
}
.A-4_Wrapper {
	width: 100%;
	margin:auto;
}
.A-4_flexlist {
	display: flex;
	flex-wrap: wrap;
}
.A-4_flexlist div {
	width: 45%;
	margin: 1.5rem auto;	
}
.A-4_flexlist div p {
	font-size: 3rem;
	font-weight: 600;
	line-height: 0rem;
}
.A-4_1_mainWrapper {
	width: 100%;
	margin: 0 auto 5rem;
	z-index: 100;
	position: relative;
}
.A-4_1_mainWrapper h2 {
	font-size: 1.8rem;
	color: #333;
	font-weight: 700;
	text-align: left;
	height: 4rem;
	line-height: 2rem;
	margin: 3rem 0;
	padding: 1rem 2rem;
	border-left: 0.5rem solid #E40E11;
	background: #f4f4f4;
}
.A-4_1_mainWrapper_bg {
	background-color: #fff;	
	position: relative;	
	height: 740px;
	max-width: 100%;
}
.A-4_1_Wrapper {
	width: 100%;
	margin:auto;
}
.A-4_1_Wrapper #A-4_01_pic01 {
	position: absolute;
	top: 210px;
	left: 200px;
}
.A-4_1_Wrapper #A-4_01_pic02  {
	position: absolute;
	top: 160px;
	left: 460px;
}
.A-4_1_Wrapper #A-4_01_pic03 {
	position: absolute;
	top: 320px;
	left: 570px;
}
.A-4_1_Wrapper #A-4_01_pic04 {
	position: absolute;
	top: 170px;
	left: 690px;
}
.A-4_1_Wrapper #A-4_01_pic05 {
	position: absolute;
	top: 270px;
	left: 820px;
}
.A-4_1_Wrapper #A-4_01_pic06 {
	position: absolute;
	top: 470px;
	left: 320px;
}
.A-4_1_Wrapper #A-4_01_pic07 {
	position: absolute;
	top: 530px;
	left: 800px;
}
.fa-star {
	font-size: 2.5rem;
	color: yellow;
}
.fa-star:hover {
	color: orange;
}
#con1, #con2, #con3, #con4, #con5, #con6, #con7, #con8, #con9, #con10 {
	position: fixed;
	z-index: 10;
}
.A-4_1_Wrapper #A-4_02_pic01 {
	position: absolute;
	top: 490px;
	left: 760px;
}
.A-4_1_Wrapper #A-4_02_pic02  {
	position: absolute;
	top: 480px;
	left: 230px;
}
.A-4_1_Wrapper #A-4_02_pic03 {
	position: absolute;
	top: 370px;
	left: 360px;
}
.A-4_1_Wrapper #A-4_02_pic04 {
	position: absolute;
	top: 80px;
	left: 410px;
}
.A-4_1_Wrapper #A-4_02_pic05 {
	position: absolute;
	top: 70px;
	left: 800px;
}
.A-4_1_Wrapper #A-4_02_pic06 {
	position: absolute;
	top: 85px;
	left: 530px;
}
.A-4_1_Wrapper #A-4_02_pic07 {
	position: absolute;
	top: 55px;
	left: 620px;
}
.A-4_1_Wrapper #A-4_02_pic08 {
	position: absolute;
	top: 145px;
	left: 790px;
}
.A-4_1_Wrapper #A-4_02_pic09 {
	position: absolute;
	top: 145px;
	left: 540px;
}
.A-4_3_flex {
	display: inline-flex;
flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}
.A-4_3_flex > li {
	max-width: 20%;	
}
.A-4_3_flex > li img:hover {
	border: solid rgba(255,238,0,1.00) thick; 
}
.A-4_1_Wrapper #A-4_04_pic01 {
	position: absolute;
	top: 160px;
	left: 40px;
}
.A-4_1_Wrapper #A-4_04_pic02  {
	position: absolute;
	top: 100px;
	left: 430px;
}
.A-4_1_Wrapper #A-4_04_pic03 {
	position: absolute;
	top: 50px;
	left: 680px;
}
.A-4_1_Wrapper #A-4_04_pic04 {
	position: absolute;
	top: 80px;
	left: 810px;
}
.A-4_1_Wrapper #A-4_04_pic05 {
	position: absolute;
	top: 70px;
	left: 980px;
}
.A-4_1_Wrapper #A-4_04_pic06 {
	position: absolute;
	top: 485px;
	left: 65px;
}
.A-4_1_Wrapper #A-4_04_pic07 {
	position: absolute;
	top: 490px;
	left: 160px;
}
.A-4_1_Wrapper #A-4_04_pic08 {
	position: absolute;
	top: 350px;
	left: 620px;
}
.A-4_1_Wrapper #A-4_04_pic09 {
	position: absolute;
	top: 355px;
	left: 740px;
}
.A-4_1_Wrapper #A-4_04_pic10 {
	position: absolute;
	top: 475px;
	left: 920px;
}
.D-1_flexlist {
	display: flex;
	flex-wrap: wrap;
}
.D-1_flexlist div {
	width: 45%;
	margin: 1.5rem auto 3rem;
}
.D-1_flexlist div p {
	font-size: 2rem;
	font-weight: 600;
	line-height: 3.5rem;
}
@media screen and (max-width: 1200px) {
.A-4_1_mainWrapper_bg {
		height: calc(740 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_01_pic01{
	top: calc(160 / 1200 * 100vw);
	left: calc(180 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_01_pic02{	
	top: calc(100 / 1200 * 100vw);
	left: calc(460 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_01_pic03{	
	top: calc(300 / 1200 * 100vw);
	left: calc(570 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_01_pic04{	
	top: calc(150 / 1200 * 100vw);
	left: calc(690 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_01_pic05{	
	top: calc(250 / 1200 * 100vw);
	left: calc(820 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_01_pic06{	
	top: calc(450 / 1200 * 100vw);
	left: calc(300 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_01_pic07{	
	top: calc(510 / 1200 * 100vw);
	left: calc(800 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_02_pic01{
	top: calc(480 / 1200 * 100vw);
	left: calc(750 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_02_pic02{	
	top: calc(470 / 1200 * 100vw);
	left: calc(230 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_02_pic03{	
	top: calc(360 / 1200 * 100vw);
	left: calc(360 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_02_pic04{	
	top: calc(80 / 1200 * 100vw);
	left: calc(410 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_02_pic05{	
	top: calc(45 / 1200 * 100vw);
	left: calc(800 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_02_pic06{	
	top: calc(60/ 1200 * 100vw);
	left: calc(530 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_02_pic07{	
	top: calc(55 / 1200 * 100vw);
	left: calc(620 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_02_pic08{	
	top: calc(145 / 1200 * 100vw);
	left: calc(790 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_02_pic09{	
	top: calc(145 / 1200 * 100vw);
	left: calc(540 / 1200 * 100vw);
}		
.A-4_1_Wrapper #A-4_04_pic01{
	top: calc(160 / 1200 * 100vw);
	left: calc(40 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_04_pic02{	
	top: calc(100 / 1200 * 100vw);
	left: calc(430 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_04_pic03{	
	top: calc(50 / 1200 * 100vw);
	left: calc(680 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_04_pic04{	
	top: calc(80 / 1200 * 100vw);
	left: calc(810 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_04_pic05{	
	top: calc(70 / 1200 * 100vw);
	left: calc(980 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_04_pic06{	
	top: calc(485/ 1200 * 100vw);
	left: calc(65 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_04_pic07{	
	top: calc(490 / 1200 * 100vw);
	left: calc(160 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_04_pic08{	
	top: calc(350 / 1200 * 100vw);
	left: calc(620 / 1200 * 100vw);
}	
.A-4_1_Wrapper #A-4_04_pic09{	
	top: calc(355 / 1200 * 100vw);
	left: calc(740 / 1200 * 100vw);
}
.A-4_1_Wrapper #A-4_04_pic10{	
	top: calc(475 / 1200 * 100vw);
	left: calc(920 / 1200 * 100vw);
}	
}
@media screen and (max-width: 736px) { 
.A-4_flexlist {
	display: block;
	flex-wrap: wrap;
}
.A-4_flexlist div {
	width: 88%;
	margin: 3rem auto;	
}	
.A-4_flexlist div p {
	font-size: 2rem;
	font-weight: 600;
	line-height: 0rem;
}	
.fa-star {
	font-size: 1.2rem;	
}
.A-4_3_flex > li {
	max-width: 30%;
	margin: 0.5rem auto;
}
.D-1_flexlist div {
	margin: 0 auto 1rem;	
}	
.D-1_flexlist div p {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2rem;
}
}