img { max-width:100% !important; height:auto; }
main {
	margin:0 auto;
	padding-bottom:3.0em;
	width: calc( var(--vw) * 100 );
}
section {
	display:block;
	margin:7.0em auto;
	text-align:center;
}
img { display:block !important; }

h1.page_ttl {
	font-size:150%;
	text-align:center;
}
h1.index_ttl {
	width:100%;
	margin:0 auto;
	font-size:250% !important;
	font-weight:bold;
	line-height:1.3em;
}
	h1.index_ttl > span {
		display:block;
		font-size:35%;
		line-height:1.5em;
		color:#2a98c3;
	}

@media only screen and (max-width: 849px) {
h1.page_ttl {
	text-align:left !important;
}
/* h1.index_ttl {
	text-align:left !important;
} */
#amba h1.index_ttl {
	width:100%;
	margin:0 auto;
	padding:0;
}
#techno h1.index_ttl,
#movie h1.index_ttl {
	width:90%;
	margin:0 auto;
	padding:0;
}
#technology h1.index_ttl {
	width:90%;
	margin:0 auto;
}
	h1.index_ttl > span {
		font-size:40%;
	}
}

@media only screen and (max-width: 498px) {
h1.page_ttl {
	font-size:120% !important;
	text-align:center;
}
h1.index_ttl {
	width:100%;
	margin:0 auto;
	font-size:220% !important;
	font-weight:bold;
	line-height:1.3em;
}
	h1.index_ttl > span {
		display:block;
		font-size:40%;
		line-height:1.5em;
		color:#2a98c3;
	}
}


.view {
	display:inline-block;
	width:auto;
	position:relative;
}
.view a {
	display:block;
	box-sizing:border-box;
	padding:0.4em 1.5em;
	border:2px solid #2a98c3;
	border-radius:8px;
	text-align:center;
}
.view.view_yt,
.view_insta {
	display:inline-block;
	width:auto;
	position:relative;
}
.view.view_yt a,
.view_insta a {
	display:block;
	box-sizing:border-box;
	padding:0.4em 1.5em;
	border:2px solid #2a98c3;
	border-radius:8px;
	margin:0 auto;
}
.view.view_yt a:after,
.view_insta a:after {
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(../images/i_stie.svg) no-repeat;
	background-size:contain;
	vertical-align:top;
	margin-left:0.7em;
}

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


/* ------------------------------
	index
------------------------------- */

/* index slider ------------------------------ */

section#slider_t {
/*	width:100vw !important; */
	width: calc( var(--vw) * 100 );
	max-width:100% !important;
	overflow-x:hidden !important;
	margin:0 auto;
}

/* index #cocochi ------------------------------ */

#cocochi {
	width:90%;
	max-width:1300px;
}
#cocochi #coco_wrap {
	position:relative;
}
#cocochi #coco_wrap #coco_txt {
	width:64%;
	display:block;
	margin:0 0 0 auto;
	padding:3.0em 3.0em 3.0em 27%;
	box-sizing:border-box;
	border-radius:10px;
	box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.35);
}
@media only screen and (min-width: 1201px) {
#cocochi #coco_wrap #coco_txt {
	padding:5.0em 5.0em 5.0em 27%;
}
}

#cocochi #coco_wrap #coco_txt > p {
	margin:1.0em auto;
}
#cocochi #coco_wrap #coco_txt > a.view {
	margin-top:1.5em;
}
#cocochi .yt_wrap {
	display:block;
	width:59% !important;
	position:absolute !important;
	top:50% !important;
	left:0;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
#cocochi .yt_video iframe {
	border-radius:12px !important;
}

@media only screen and (max-width: 849px) {
#cocochi #coco_wrap {
	display:flex;
	flex-wrap:wrap;
}
#cocochi #coco_wrap #coco_txt {
	width:100%;
	display:block;
	margin:2.0em auto 0 auto;
	padding:0;
	box-sizing:border-box;
	border-radius:0;
	box-shadow: none;
	order:2;
}
#cocochi #coco_wrap #coco_txt h1 {
/*	text-align:left; */
	text-align:center;
	width:100%;
}
#cocochi .yt_wrap {
	display:block;
	width:100% !important;
	position:static !important;
	order:1;
	top:50% !important;
	left:0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 498px) {
#cocochi h1.index_ttl {
	font-size:200% !important;
}
}


/* index #collection ------------------------------ */

#t_colle {
	width:100%;
	margin:10.0em auto 5.0em auto !important;
}
#t_colle .colle_wrap {
	width:100%;
	align-items:stretch;
	margin:0 auto;
}
#t_colle #colle_txt {
	width:35%;
	box-sizing:border-box !important;
	background:#eaeaea;
	border-radius:0 12px 12px 0 !important;
	padding:0 3.0em 0 3.0em !important;
	overflow: hidden;
}
@media only screen and (max-width: 999px) {
#t_colle #colle_txt {
	width:40%;
/*	font-size:16px; */
}
#t_colle #colle_txt p {
	font-size:2.7vw !important;
}
#t_colle #colle_list {
	width:60%;
}
}

@media only screen and (max-width: 498px) {
#t_colle #colle_txt p {
	font-size:3.7vw !important;
}
}

#t_colle #colle_txt p {
	margin:1.0em auto 2.0em auto;
}
#t_colle #colle_list {
	width:65%;
	gap:25px 25px;
	padding:4.0em 2.5%;
	background:#fff;
}
#t_colle #colle_list > div {
	width:calc((100% - 50px) /3);
	border:2px solid #dedede;
	border-radius:12px;
	overflow:hidden;
}


@media only screen and (max-width: 849px) {
#t_colle .colle_wrap {
	width:100%;
	flex-wrap:wrap !important;
}
	#t_colle .colle_wrap #colle_txt,
	#t_colle .colle_wrap #colle_list {
		width:100%;
	}
	#t_colle .colle_wrap #colle_txt {
		border-radius:0 !important;
		text-align:center;
		padding:8.0em 2.0em !important;
		margin:0 auto;
	}
	#t_colle #colle_txt h1 {
		width:100%;
	}
	#t_colle .colle_wrap #colle_txt .txt_wrap {
		margin:0 auto;
		width:100%;
	}
	#t_colle #colle_txt a.view {
		margin:0 auto 0 0;
	}
	#t_colle #colle_list {
		width:90% !important;;
		gap:25px 25px;
		padding:0 !important;;
		background:#fff;
		margin:2.0em auto !important;;
	}
}



/* index #medical ------------------------------ */

#medical {
	width:90%;
	max-width:1200px;
}
#medical #medi_wrap {
	width:100%;
	align-items:stretch;
	margin:0 auto;
}
#medical #medi_txt {
	width:48%;
	order:2;
}
#medical #medi_txt p {
	margin:1.0em auto 2.0em auto;
}
#medical .medi_img {
	width:38%;
	order:1;
	position:relative;
}
#medical .medi_img .img_wrap {
	display:block;
	width:70%;
	height:100%;
	padding-bottom:145%;
	background:#6ebad9;
	border-radius:12px;
	margin:0 0 0 auto;
}
#medical .medi_img #medi_a {
	width:83%;
	position:absolute;
	top:10%;
	left:10%;
}
#medical .medi_img #medi_b {
	width:58%;
	position:absolute;
	top:70%;
	right:-20%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}


@media only screen and (max-width: 849px) {
#medical #medi_wrap {
	width:100%;
	flex-wrap:wrap;
}
#medical #medi_txt {
	width:100%;
	order:1;
	text-align:center;
}
#medical #medi_txt h1 {
	width:100%;
}
#medical #medi_txt a.view {
	margin:0 auto;
}
#medical .medi_img {
	width:100%;
	order:2;
	position:relative;
	margin-bottom:10.0em;
}
#medical .medi_img .img_wrap {
	display:block;
	width:70%;
	height:100%;
	padding-bottom:70%;
	background:#6ebad9;
	border-radius:12px;
	margin:8.0em auto 0em auto;
}
#medical .medi_img #medi_a {
	width:80%;
	position:absolute;
	top:8%;
	left:-5%;
}
#medical .medi_img #medi_b {
	width:58%;
	position:absolute;
	top:97%;
	right:-5%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
}



/* index #techno ------------------------------ */

#techno {
}
#techno > p {
	margin-top:1.0em;
}
#techno > a.view {
	margin:2.0em auto;
}
#techno .thum {
	width:90%;
	max-width:1000px;
	margin:0 auto 2.0em auto;
	align-items:stretch !important;
	gap:20px;
}
#techno .thum > div {
	width:calc((100% - 40px) / 3);
}
#techno .thum > div .txt {
	background:#d4e8f0;
	padding:1.5em 1.5em;
	border-radius:12px;
}
#techno .thum h2.ttl_num {
	font-size:180%;
	color:#6ebad9;
	font-weight:bold;
	margin-bottom:0.5em;
}
#techno .thum h1 {
	font-size:140%;
}
	#techno .thum h1 > span {
		display:block;
		font-size:60%;
		line-height:1.5em;
		color:#2a98c3;
	}

@media only screen and (max-width: 849px) {
#techno {
	text-align:left;
}
#techno h1.index_ttl {
	text-align:left;
}
#techno > p {
	width:90%;
	text-align:left;
	margin:1.0em auto 0 auto;
}
#techno .thum {
	flex-wrap:wrap !important;
	gap:20px 0px;
}
#techno .thum > div,
#techno .thum .slick-slide {
/*	display:flex;
	align-items:center;
	gap:20px; */
	width:100%;
}
#techno .view a {
	margin:0 auto 0 2.0em;
}
}


/* index #ambassador ------------------------------ */

#amba {
	width:100% !important;
	margin:10.0em auto 5.0em auto !important;
}
#amba .amba_wrap {
	width:100%;
	max-width:100vw;
	align-items:stretch;
	margin:0 auto;
	padding:0;
	background:#eaeaea;
}
#amba #amba_txt {
	width:50%;
	box-sizing:border-box;
	background:#eaeaea;
	border-radius:0 12px 12px 0 !important;
	padding:0 3.0em !important;
	overflow: hidden;
}
#amba #amba_txt p {
	margin:1.0em auto 2.0em auto;
}
#amba .jha {
	width:90%;
	background:#fff;
	padding:2.0em;
	border-radius:12px;
	margin:2.0em auto 2.0em auto;
}
#amba .jha > div:nth-of-type(1) { width:20%; }
#amba .jha > div:nth-of-type(2) { width:73%; }
#amba .jha > div:nth-of-type(2) > p > span {
	display:block;
}
#amba .jha > div:nth-of-type(2) > p > span.a_move {
	display:inline-block;
	color:#2a98c3;
	margin-top:1.5em;
	border-bottom:1px solid #2a98c3;
	position:relative;
}
#amba .jha > div:nth-of-type(2) > p > span.a_move:after {
	content:"";
	display:block;
	width:1.5em;
	height:1.5em;
	background:url(../images/i_arrow_b-r.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:-1.7em;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}

#amba .amba_wrap > .slider {
	width:50% !important;
	padding:4.0em 2.5%;
	background:#fff;
}
#amba .slider span.img_back {
	display:block;
	padding:2.0em 0;
	margin:0;
	position:relative;
	left:7%;
}
#amba .slider span.img_back > img {
	display:block;
	max-width:70% !important;
}
#amba .slider span.img_back:before {
	content:"";
	display:block;
	width:70%;
	height:0;
	padding-bottom:115%;
	background:#aed8e8;
	position:absolute;
	top:-15%;
	left:7%;
	z-index:-1;
}
#amba .slider a {
	display:block;
	width:90%;
	box-sizing:border-box;
	padding:1.0em 2.5em;
	border:1px solid #c4c4c4;
	border-radius:12px;
	background:#fff;
	margin-top:2.0em;
	position:relative;
}
#amba .slider a:after {
	content:"";
	display:block;
	width:2.0em;
	height:2.0em;
	background:url(../images/i_arrow_b-r.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:8%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
#amba .slider a > span {
	display:block;
	text-align:left;
	line-height:1.5em;
}
#amba .slider a > span:nth-of-type(1) {
	color:#ababab;
	font-size:80%;
}
#amba .slider a > span:nth-of-type(2) {
	font-size:120%;
}
#amba .slider a > span:nth-of-type(3) {
	color:#2a98c3;
	font-size:80%;
}

@media only screen and (max-width: 849px) {
#amba a.view {
	margin:0em auto;
}
#amba {
	width:100% !important;
	margin:8.0em auto 5.0em auto !important;
	background:#eaeaea;
/*	padding:5.0em 0 0 0; */
	padding:2.0em 0 2.0em 0;
}
#amba .amba_wrap {
	flex-wrap:wrap;
}
#amba .amba_wrap #amba_txt,
#amba .amba_wrap .txt_wrap {
	width:100%;
	text-align:left;
}
#amba #amba_txt {
	padding:0 2.0em !important;
}
#amba .amba_wrap > .slider {
	width:100% !important;
	padding:3.0em 3%;
	background:none;
}
#amba .amba_wrap > .slider:before {
	content:"";
	display:block;
/*	width:100vw !important; */
	width: calc( var(--vw) * 100 );
	height:14.1em;
	background:#fff;
	position:absolute;
	bottom:-2.5em;
	left:50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	z-index:0;
}
#amba .jha {
	flex-wrap:wrap;
	position:relative;
	z-index:5;
	text-align:left;
	border-radius:0px;
	padding:2.0em 0;
}
#amba .jha > div {
	width:90% !important;
	margin:0 auto;
}

#amba .jha > div p {
	width:100%;
	margin:1.5em auto 0 auto;
}
#amba .jha > div img {
	width:35% !important;
	margin:0 auto;
}
}


/* index #movie ------------------------------ */

#movie_list,
#movie_list_short {
	width:90%;
	max-width:1200px;
	gap:30px;
	margin:2.0em auto;
	align-items:flex-start;
}
#movie_list > div {
/*	width:calc((100% - 60px) / 2); */
	width:calc((100% - 60px) / 1.5);
}
#movie_list_short > div {
	width:calc((100% - 60px) / 4) !important;
}
#movie_list > div p,
#movie_list_short > div p {
	margin-top:0.7em;
	font-size:90% !important;
	letter-spacing:0;
}
#movie_list > div .yt_wrap,
#movie_list_short > div .yt_wrap {
	border-radius:12px;
	overflow:hidden;
}

@media only screen and (max-width: 849px) {
#movie {
	text-align:center;
}
#movie_list {
	flex-wrap:wrap;
	gap:0;
}
#movie_list > div {
	width:100%;
	margin-bottom:3.0em;
}
#movie_list_short {
	flex-wrap:wrap !important;
	margin:0 auto 2.0em auto !important;
}
#movie_list_short > div {
	width:calc((100% - 30px) / 2) !important;
	margin-bottom:3.0em;
}
#movie_list > div p {
	font-size:100% !important;
}
#movie .view.view_yt a {
	margin:0 auto 0 auto !important;
}
}



/* ------------------------------
	slider
------------------------------- */

.slider {
	display:block;
	position:relative;
}
#techno .slider {
	margin-top:3.0em;
	margin-bottom:2.0em;
}
.slick-dots {
	position:absolute;
	bottom:2.0em;
	display:flex;
	justify-content:center;
	gap:20px;
}
.slick-dots > li {
	padding:0;
	margin:0;
}
.slick-dots > li:before {
	content:"";
/*	display:none; */
	display:block;
	width:20px;
	height:20px;
	background:#eaeaea;
	border-radius:50% 50%;
}
.slick-dots > li > button {
	display:block;
	width:20px;
	height:20px;
	background:#eaeaea;
	border-radius:50% 50%;
}

.slick-dots > li:hover:before,
.slick-dots > li.slick-active:hover:before {
	background:#fff !important;
}
.slick-dots > li.slick-active:before {
	background:#666 !important;
}
.slick-dots > li button {
	display:none !important;
}
.slick-track {
	display:flex;
	align-items:stretch !important;
}
#techno .thum .slick-track {
	transform: unset !important;
}
.slick-list {
	max-width:100vw !important;
}
#techno .thum .slick-list {
	width:100% !important;
}
#amba .slider .slick-list {
	width:80% !important;
	margin:0 auto;
}
.slick-slide {
	display:block;
	margin:0 !important;
	padding:0 !important;
}
#techno .slider .slick-slide {
	width:calc(100vw / 2.1) !important;
	margin:0 1vw !important;
}
#techno .thum .slick-slide {
	width:calc((100% - 40px) / 3);
	margin:0 10px !important;
}
#amba .slider .slick-slide {
	width:100% !important;
}
#slider_t .slick-slide img {
	max-width:100vw !important;
}
#techno .slider .slick-slide img,
#amba .slider .slick-slide img {
	max-width:100% !important;
}
.slick-num { display:none; }

#amba .slick-arrow {
	display:block;
	width:50px !important;
	height:calc(50px * 0.8723) !important;
	position:absolute;
	top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	z-index:5;
}
#amba .slick-prev {
	left:5%;
}
#amba .slick-next {
	right:12%;
}
#amba .slick-arrow:before {
	diplay:none;
	content:"";
	display:block;
	width:50px !important;
	height:calc(50px * 0.8723) !important;
}
#amba .slick-prev:before {
	background:url(../images/i_arrow_a-l.svg) no-repeat;
	background-size:contain;
}
#amba .slick-next:before {
	background:url(../images/i_arrow_a-r.svg) no-repeat;
	background-size:contain;
}


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

#slider_t .slick-arrow {
	display:block;
	width:30px !important;
	height:30px !important;
	position:absolute;
	top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	z-index:5;
}
#slider_t .slick-prev {
	left:5%;
}
#slider_t .slick-next {
	right:5%;
}
#slider_t .slick-arrow:before {
	diplay:none;
	content:"";
	display:block;
	width:30px !important;
	height:30px !important;
}
#slider_t .slick-prev:before {
	background:url(../images/slide_left.png) no-repeat;
	background-size:contain;
}
#slider_t .slick-next:before {
	background:url(../images/slide_right.png) no-repeat;
	background-size:contain;
}
#techno .thum .slick-track {
	flex-wrap:wrap !important;
	gap:0px;
}
#techno .thum .slick-slide {
	width:90% !important;
	margin:0 auto 2.0em auto !important;
}

.slick-num { display:block; }
.slick-num {
	font-size: 2.5vw;
	text-align: center;
	box-sizing:border-box;
	border-radius:10%;
	padding:0.2em 1.5em;
	color: #fff;
	background-color: #000;
	position:absolute;
	bottom:1.0em;
	left:50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
}
}



/* ------------------------------
	insta
------------------------------- */

#insta img {
	max-width:100%;
}
#insta .view_insta {
	margin:2.0em auto 0 auto;
}
#insta .insta_wrap {
	width:90%;
	max-width:1100px;
	margin:0 auto;
}
#insta .insta_wrap,
#insta .insta_thum {
	display:block;
}
#insta .instafeed {
	width:100%;
	margin:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#insta .instafeed div {
	display:block !important;
	width:calc(98% / 4);
	height:100% !important;
/*	height:auto !important; */
	margin-bottom:1%;
/*	padding-top:calc(11.35% * 1.552) !important; */
	position: relative;
}
.instafeed div:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.instafeed div img {
	position: absolute;
	width: 100%;
	height: 100%;
/*	height:calc(100% * 1.552) !important; */
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: bottom;';
}

@media only screen and (max-width: 849px) {
#insta {
	width:90% !important;
	margin:0 auto !important;
}
#insta .view_insta {
	margin:0 auto 3.0em auto !important;
}
#insta .insta_wrap {
	width:100%;
	margin:0 auto 3.0em auto;
}
#insta  {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#insta  .insta_thum {
	width:100%;
	display:block;
}
#insta .instafeed {
	flex-wrap:wrap;
}
#insta .instafeed div {
	width:calc(99% / 2);
/*	height:auto !important;
	display:block !important;
	margin-bottom:1%;
	padding-top:calc(11.35% * 1.552) !important;
	position: relative; */
}
}

/* ------------------------------
	youtube
------------------------------- */

.yt_wrap{
	max-width:100%;
	margin:0 auto 0 auto;
	background:none;
}
.yt_video{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.yt_video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.yt_wrap.short {
	max-width:100%;
	height:calc(100% * 1.7778) !important;
	margin:0 auto 0 auto;
	background:none;
}
.yt_wrap.short .yt_short {
	position:relative;
	width:100%;
	height:calc(100% * 1.7778) !important;
	aspect-ratio:9 /16 !important;
}
.yt_wrap.short .yt_short iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

@media screen and (max-width: 600px ) {
.yt_wrap{
	width:100%;
	background:none;
}
.ios .yt_wrap,
.ipod .yt_wrap,
.iphonep .yt_wrap,
.safari .yt_wrap {
	width:100%;
	background:none;
}
}