/* ------------------------------
	ambas
------------------------------- */

/* 
body#ambas main {
	font-size:16px;
	line-height:1.7em;
}

@media only screen and (max-width: 849px) {
body#ambas main {
	font-size:2.8vw !important;
}
}

@media only screen and (max-width: 1006px) {
body#ambas #head_wrap #h_menu ul li {
	padding:0.3em 0.8em !important;
}
}

@media only screen and (max-width: 977px) {
body#ambas #head_wrap #h_menu ul li {
	font-size:12px !important;
	padding:0.3em 1.0em !important;
}
}

@media only screen and (max-width: 870px) {
body#ambas #head_wrap #h_menu ul li {
	font-size:12px !important;
	padding:0.3em 0.8em !important;
}
}
*/


#ambas main {
	margin:0 auto;
	padding-bottom:0em;
}

#ambas_main {
/*	width:100vw; */
	width: calc( var(--vw) * 100 );
	display:block;
	text-align:center;
	position:relative;
}
#ambas_main:after {
	content:"";
	display:block;
	width:100%;
	height:10.0em;
	background:#6ebad9;
	position:absolute;
	bottom:10%;
	left:50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	z-index:-1;
}

#ambas_main > .ttl_wrap > div:nth-of-type(1) {
	width:60%;
}
#ambas_main > .ttl_wrap > div:nth-of-type(2) {
	width:40%;
}
#ambas_main > .ttl_wrap > div > img {
	width:100%;
	margin:0 auto;
}

#ambas_main h1.index_ttl  {
	font-size:250%;
}
#ambas_main h1.index_ttl > span:nth-of-type(1) {
	color:#2a98c3;
	font-size:50%;
}
#ambas_main h1.index_ttl > span:nth-of-type(2) {
	display:block;
	margin:1.0em auto 0 auto;
}
#ambas_main h1.index_ttl > span:nth-of-type(2) > img {
	display:block;
	width:30% !important;
	margin:0 auto;
}


@media only screen and (max-width: 849px) {
#ambas_main h1.index_ttl  {
	text-align:center !important;
}
#ambas_main > .ttl_wrap {
	flex-wrap:wrap;
}
#ambas_main > .ttl_wrap > div:nth-of-type(1) {
	width:100%;
	order:2;
}
#ambas_main > .ttl_wrap > div:nth-of-type(2) {
	width:100%;
	order:1;
	margin-bottom:2.0em;
}
#ambas_main > .ttl_wrap > div > img {
	width:90%;
	margin:0 auto;
}
#ambas_main h1.index_ttl > span:nth-of-type(2) {
	display:block;
	margin:1.0em auto 0 auto;
}
#ambas_main h1.index_ttl > span:nth-of-type(2) > img {
	display:block;
	width:20% !important;
	margin:0 auto;
}
}




#comment .com_ttl > div:nth-of-type(1) {
	width:65%;
}
#comment .com_ttl > div:nth-of-type(2) {
	width:35%;
	position:relative;
}
#comment .com_ttl > div > h2 {
	width:120%;
	font-size:190%;
	line-height:1.2em;
	box-sizing:border-box;
	border-radius:15px;
	padding:1.2em 1.0em 1.2em 2.0em;
	background:#fff;
	position:absolute;
	left:-25%;
	top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
#comment .com_txt {
	width:90%;
	margin:2.0em auto;
	align-items:flex-start;
}
#comment .com_txt > p {
	width:48%;
}

@media only screen and (min-width: 1401px) {
#comment .com_ttl > div > h2 {
	left:-50%;
	top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
}

@media only screen and (min-width: 1501px) {
#comment .com_ttl > div > h2 {
	left:-65%;
	top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	padding:2.2em 2.0em;
}
}



@media only screen and (max-width: 849px) {
#comment .com_ttl {
	flex-wrap:wrap;
	padding-bottom:7.0em;
}
#comment .com_ttl > div:nth-of-type(1) {
	width:100%;
}
#comment .com_ttl > div:nth-of-type(2) {
	width:100%;
	position:relative;
}
#comment .com_ttl > div > h2 {
	width:90%;
	font-size:190%;
	line-height:1.2em;
	box-sizing:border-box;
	border-radius:15px;
	padding:1.2em 1.6em;
	background:#fff;
	position:absolute;
	left:50%;
	top:auto;
	bottom:-5.0em;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
}
#comment .com_txt {
	width:90%;
	margin:2.0em auto 2.0em auto;
	flex-wrap:wrap;
}
#comment .com_txt > p {
	width:100%;
	margin:1.0em auto;
}
}


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


@media only screen and (max-width: 849px) {
#ambas_slide .slick-next {
	right:5%;
}
#ambas_slide .slick-slide {
	width:100vw !important;
}
}




#ambas_yt {
	width:90%;
	max-width:1000px;
	margin:2.0em auto;
	border-radius:15px;
	overflow:hidden;
}




#profile {
	width:100%;
	margin:7.0em auto 0 auto;
}
#profile h2 {
	color:#2a98c3;
}
#profile .profile_wrap {
	align-items:stretch;
}
#profile .profile_wrap > div:nth-of-type(1) {
	width:50%;
	background:#eaeaea;
	display:block;
	text-align:center;
	position:relative;
}
#profile .profile_wrap > div:nth-of-type(2) {
	width:50%;
}
#profile .profile_wrap > div .pro_txt {
	width:70%;
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#profile .profile_wrap ol {
	margin:1.0em auto;
	counter-reset: num 0;
}
#profile .profile_wrap ol > li {
	margin:0.5em auto;
/*	text-indent:-0.9em;
	padding-left:1.0em; */
}
#profile .profile_wrap ol > li:before {
/*	content:"\30FB"; */
/*	display:inline-block;
	vertical-align:top;
	counter-increment: num 1;
	content: counter(num) ".";
	margin-right:0.7em; */
}


@media only screen and (max-width: 849px) {
#profile .profile_wrap {
	flex-wrap:wrap;
}
#profile .profile_wrap > div:nth-of-type(1) {
	width:100%;
	order:2;
}
#profile .profile_wrap > div:nth-of-type(2) {
	width:100%;
	order:1;
}
#profile .profile_wrap > div .pro_txt {
	width:90%;
	position:stafic;
	padding:3.0em 0 2.0em 0;
}
}

/* ------------------------------
	movie
------------------------------- */

#movie #VideoWrap {
	margin-top: 100px;
	margin-bottom: 5.0em !important;
	border:0 !important;
}
#movie .video_list_wrap {
	display:flex;
	flex-wrap:wrap;
/*	justify-content:flex-start; */
	justify-content:space-between;
}
#movie .video_list_wrap > div {
/*	width:46%; */
	width:48%;
	text-align:center;
/*	margin:3% 2%; */
	margin:3% 0%;
}
#movie .video_list_wrap > div h3 {
	font-size:130%;
	margin-bottom:0.4em;
	text-decoration:italic;
}

#movie .video_list_wrap.short {
	max-width:100%;
	margin:0 auto 0 auto;
	background:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#movie .video_list_wrap.short .video_wrap {
	width:calc(96% / 4);
	margin:3% 0%;
}
#movie .video_list_wrap.short > div h3 {
	font-size:100%;
	margin-bottom:0.4em;
	text-decoration:italic;
}
#movie .video_list_wrap.short .video_wrap .video {
	position:relative;
	width:100%;
/*	height:calc(100% * 1.7778) !important; */
	aspect-ratio:9 /16 !important;
}
#movie .video_list_wrap.short .video_wrap .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/*__________________________________*/

#movie #VideoWrap{
	width:90%;
	max-width:1000px;
	background:none;
	margin:50px auto 0 auto;
}
#movie .video{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin:0 auto;
}
#movie .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
@media only screen and (max-width: 849px) {
#movie .video_wrap{
	width:90%;
	margin:0 auto;
	background:none;
}
#movie .video_list_wrap > div {
	width:100%;
	margin:0 auto 5.0em auto;
}
#movie .video_list_wrap > div h3 {
	text-align:left;
}
#movie .video_list_wrap.short .video_wrap {
	width:calc(96% / 2);
	margin:3% 0%;
}
}


@media only screen and (max-width: 498px) {
#ambas_main h1.index_ttl  {
	font-size:200% !important;
}
#comment .com_ttl > div > h2 {
	font-size:160%;
}
#profile h2 {
	color:#2a98c3;
	font-size:120%;
}
#movie .video_list_wrap > div h3 {
	font-size:120% !important;
}
}