.main_section {width:100%; padding:0 9%; box-sizing:border-box; margin:0 auto; font-size:17px; line-height:1.6}

hr.main_hr {height:10vw; background-color:#fff}

 
.main_vi_wrap {width:100%; height:46vw; position:relative;  box-sizing:border-box;   overflow:hidden; margin-top:4vw}
 
 
.main_t_box {width:100%; max-width:600px; margin:0 auto; padding:0 3%;  box-sizing:border-box; }
    

.text_box h3 {font-size:2.5em;}
.text_box p {font-size:1em; line-height:1.6}
.text_box a {display:inline-block; margin-top:15px}

.main_t_box h3  {font-size:2.2em}
 .product_info > div > ul.product_icon_list {width:100%; margin-left:auto;  display:flex; flex-wrap:wrap; justify-content:space-between; }
.product_info > div > ul.product_icon_list li {width:48%; line-height:1.6}
.product_info > div > ul.product_icon_list li:nth-child(n+3) {margin-top:150px}
.product_info > div > ul.product_icon_list li p.icon {height:120px}
.product_info > div > ul.product_icon_list li h3 {font-weight:500; font-size:1.4em}
 
.flex {display:flex;  justify-content:space-between}
.section2 {align-items:flex-end}
.section2 .text_box {width:42%; box-sizing:border-box; padding-left:7%}
.section2 .img_box {width:58%; height:27vw;    }
 
 .section1 .img_border_act {height:35vw; }

section.pin-el {
  display: flex;  
  align-items: flex-start; 
  width:100%; padding:0 9%; box-sizing:border-box; padding-top:8vw; padding-bottom:25vw; margin-top:9vw;  
 
}
section.sc_pin-el2   {margin-top:-9vw;   padding-bottom:13vw; }
section.pin-el .text_box h3 {line-height:1.3;  margin-top:-6px }

.pin-wrapper {
    display: flex;
  width:40%; box-sizing:border-box; 
  align-self: stretch; 
 
 
}

.content{
   background: #fff;
  height:auto; 
  overflow: auto;  
  width: 55%; margin-left:auto; 
  
}
.content ul.pin_list {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between }
.content ul.pin_list li {width:48%; }
.content ul.pin_list li:nth-child(n+3) {margin-top:100px}
.content ul.pin_list li img  {width:100%; margin-bottom:10px; cursor:pointer}

.bottom_iframe_wrap {width:100%; height:40.5vw; box-sizing:border-box; position:relative; overflow:hidden;}
.bottom_iframe_wrap .text {position:absolute; bottom:100px; left:10%; width:80%;  z-index:999; display:flex; align-items:flex-end; justify-content:space-between; color:#fff}
.bottom_iframe_wrap .text  p {font-size:1.5em; font-family: 'Tenor Sans', sans-serif; line-height:1.4 }
.bottom_iframe_wrap .text  a {color:#fff;}

.insta {padding-top:6vw; padding-bottom:6vw}
.insta  ul {display:flex; justify-content:space-between}
.insta  ul  li {width:15%}
.insta  ul  li img {width:100%; cursor:pointer}

 

.natural_frame  {  width:100%; height:850px;  box-sizing:border-box; }
.natural_frame iframe {display:none}
.natural_frame_view { width:100%; height:auto}
.natural_frame_view iframe {display:inline-block;  }
     

 @media all and (min-width:900px) {
		.main_t_box h3 {white-space:nowrap;}
  
}



 @media all and (max-width:1400px) {
	.main_section { padding:0 3%;}
	section.pin-el {padding-left:3%; padding-right:3%}

}


 @media all and (max-width:900px) {
		.main_vi_wrap { margin-top:30px}

		.main_section {font-size:16px; line-height:1.5 }

		.text p {font-size:16px; line-height:1.5}


		hr.main_hr {height:100px;  }
		hr.main_hr2 {height:50px;  }
 
  
		.text_box h3 {font-size:1.5em; ; line-height:1.3}
		.text_box p { font-size:.9em }
		
		
 		.flex .text_box {width:100%; padding-left:0; margin-top:30px}
		.flex img {width:100%}

		.section1 .img_border_act {width:100%; height:300px }
		.section2 .img_box {width:100%; height:300px }

		.product_info > div {flex-wrap:wrap}
		.product_info > div > div {width:100%}
		.product_info > div > ul.product_icon_list {width:100%; margin-top:0}

		.product_info > div > ul.product_icon_list li {width:100%; display:flex; align-items:flex-start }
		.product_info > div > ul.product_icon_list li:nth-child(n+2) {margin-top:66px}
		.product_info > div > ul.product_icon_list li div {width:120px; margin-right:10px; text-align:center; flex-shrink:0;}
		.product_info > div > ul.product_icon_list li h3 {font-weight:500; font-size:1em}
		.product_info > div > ul.product_icon_list li p {font-size:.8em}
		.product_info > div > ul.product_icon_list li p.icon {height:80px}
		.product_info > div > ul.product_icon_list li p.icon img {height:60px}
 
  
 
		section.pin-el { flex-wrap:wrap;  padding:0 3%; margin-top:100px;  padding-top:0; padding-bottom:0; }
		section.sc_pin-el2 {margin-top:100px; padding-top:0; padding-bottom:100px}



		.pin-wrapper{ display:inline-block;  width:100%;  padding-top:0; }
		.content  {margin-top:50px;    width:100%; padding-top:0 }
 		.content ul.pin_list li {width:100%;}
		.content ul.pin_list li:nth-child(n+2) {margin-top:30px}

 

		 
 		.bottom_iframe_wrap .text {  bottom:10%; left:3%; width:94%;  }
		.bottom_iframe_wrap .text  p {  font-size:1.1em}
		.bottom_iframe_wrap .text a  {width:90px; flex-shrink:0;  font-size:14px}

        .insta {padding-top:0; padding-bottom:0}
        .insta ul {flex-wrap:wrap}
		.insta ul li {width:48%; line-height:0}
		.insta ul li:nth-child(n+3) {margin-top:4%}

        .natural_frame_view iframe { margin-top:20px}

 

}




@keyframes opacity {
        0% {opacity:.7}
        100% {opacity:1 }
}



#instagram {overflow: hidden;width: 100%; display:flex;  justify-content:space-between; align-items:center; margin-bottom:10px}
.instagram_item {float: left; width:19%; box-sizing:border-box}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: 100%; box-sizing:border-box; padding:5%; position: absolute;left: 0;top: 50%;font-size:.9rem; font-weight: 400;text-align: left; color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}