@charset 'utf-8';
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
/* when the library loads, each [data-delighter] 
      gets the .delighter class */

   
delighter.splash {
  transition: all 2s ease-out;
}
.delighter.splash.ended {
  background: #fff;
}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter li { opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }

.delighter pre {
  display: block; transition: all 2s ease-out; opacity: 0;
  padding: 20px 0;
  width: 1px; overflow: hidden;
}
.delighter.started pre {
  max-width: 99999px; width: 100%; opacity: 1;
}
.delighter .box { transition: all 1s ease-out; }
.delighter .box:nth-child(1) { transform: translate(-100%, 0); }
.delighter .box:nth-child(2) { transform: translate(170%, -70%); }
.delighter .box:nth-child(3) { transform: translate(20%, 0%); }

.delighter.started .box:nth-child(1) { transform: translate(0, 0); }
.delighter.started .box:nth-child(2) { transform: translate(70%, -70%); }
.delighter.started .box:nth-child(3) { transform: translate(20%, -120%); }



/*megaメニュー*/

.navi_menu { display: none; }
.show { display: block; }

.navi_menu.show { position: fixed; width: 100%; height: calc(100vh - 57px) ; background-color: #ddd; z-index: 500; overflow: scroll; bottom: 0; display: flex; justify-content: center; align-items: center; }

.navi_menu_inner { width: 100%; max-width: 1020px; /*margin: 0 auto 0 auto;*/ padding: 100px 20px; }

.navi_menu_inner ul li { margin-bottom: 5px; }
.navi_menu_inner ul li a { display: block; background-color: #333; color: #fff; padding: 10px; width: 100%; font-size: 1.2rem; text-align: center;}

.close { text-align: center; position: fixed; top:80px; right: 30px; cursor: pointer; font-weight: 600; font-size: 1.5rem; }
.close i { font-size: 3rem; }


@media screen and (max-width: 769px) {
	.navi_menu { display: none; }
	.show { display: block; }
	
	.navi_menu.show { position: fixed; width: 100%; height: calc(100vh - 40px) ; background-color: #ddd; z-index: 500; overflow: scroll; bottom: 0; display: flex; justify-content: center; align-items: center; }
	
	.navi_menu_inner { width: 100%; max-width: 500px; margin: 0 auto 0 auto; padding: 20px 20px; }
	.navi_menu_inner h2 { font-size: 1.6rem; font-weight: 800; text-align: center; }
	.navi_menu_inner h2 span { font-size: 1.2rem; font-weight: 800; margin-left: 10px; }
	.navi_menu_inner h3 { font-size: 1.2rem!important; font-weight: 500; margin-top: 10px; }
	.navi_menu_inner div.industries_link { margin-bottom: 20px; }
	.navi_menu_inner div.industries_link section { width: 30%; margin-top: 15px; }
	.navi_menu_inner div.industries_link figure { height: 50px!important; margin-bottom: 5px; }
	.navi_menu_inner div.industries_link { padding-bottom: 0px!important; }
	.navi_menu_inner div.type_link figure { height: 60px!important; }
	.navi_menu_inner div.type_link { padding-bottom: 0px!important; margin-top: 15px; }
	.navi_menu_inner div.type_link section { width: 50%;}
	.navi_menu_inner .type_link section figure div.type_text h3 { 
		width: 100%;
		text-align: center;
		align-self: center;
		color: #fff;
		margin: 0;
	}
	.close { text-align: center; position: fixed; top:80px; right: 30px; cursor: pointer; font-weight: 600; font-size: 1.5rem; }
	.close i { font-size: 3rem; }
	.navi_menu_inner p a { background-color: #51B996; display: block; text-align: center; font-size: 1.2rem; font-weight: 500; padding: 8px; max-width: 300px; color: #fff; margin: 0 auto; margin-bottom: 50px; }
}



/* ローディング */


.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}


#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loading p {
 color: #fff;
 font-size: 1.5rem;
}

.loaded {
  opacity: 0;
  visibility: hidden;
}



html {
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	text-align: justify;
	text-justify : inter-ideograph ; /* for IE */
	height: 100%;
	 box-sizing : border-box;
}

body {
	font-family: 'Noto Sans CJK JP', 'Noto Sans Japanese',Meiryo, sans-serif;
	/*background-image: url(../images/base.gif);
	background-attachment: fixed;
	background-size: cover;*/ 
	background-color: #ddd;
}
body.sub {
	font-family: 'Noto Sans CJK JP', 'Noto Sans Japanese',Meiryo, sans-serif;
	/*background-image: url(../images/base.gif);
	background-attachment: fixed;
	background-size: cover;*/ 
	background-color: #fff;
}

@media screen and (max-width: 769px) {
	body {
		min-width: 320px
	}
	
	.sp-hidden {
		display: none!important;
	}
}


@media screen and (min-width: 770px) {
	.pc-hidden {
	display: none;
	}
}

::-moz-selection {
	text-shadow: none;
	background-color: #b3d4fc;
}
::selection {
	text-shadow: none;
	background-color: #b3d4fc;
}

/*hr {
	height: 1px;
	margin: 0;
	padding: 0;
	border: 1px;
	display: block;
}*/

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.ofh { overflow: hidden!important; }



/* ==========================================================================
 styles
 ========================================================================== */

.center { text-align: center !important; }
.rt { text-align: right !important; }
.lt { text-align: left !important; }
.fll { float: left !important; }
.flr { float: right !important; }
.nfll { float: left !important; }
.nflr { float: right !important; }
.fll_foot { float: left !important; }
.flr_foot { float: right !important; text-align: right; }
.flr_foot a { font-size: 1.5rem; color: #0b3f87; }
.fll_sns { float: left !important; }
.flr_sns { float: right !important; }
.fll10 { float: left !important; margin-right: 10px !important; }
.flr10 { float: right !important; margin-left: 10px !important; }
.fll20 { float: left !important; margin-right: 20px !important; }
.flr20 { float: right !important; margin-left: 20px !important; }
.ml0 { margin-left: 0 !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml110 { margin-left: 110px !important; }
.mr0 { margin-right: 0 !important; }
.mr10 { margin-right: 10px !important; }
.mr11 { margin-right: 11px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr21 { margin-right: 21px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mlr0 { margin-left: 0 !important; margin-right: 0 !important; }
.mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
.mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
.mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
.mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
.mlr50 { margin-left: 50px !important; margin-right: 50px !important; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mtb0 { margin-top: 0; margin-bottom: 0 !important; }
.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.mw100 { max-width: 100%; }
.pc_mb0 { margin-bottom: 0!important; }
.pc_mb40 { margin-bottom: 40px!important; }
.mini{ font-size: 11px!important; margin-top: 10px; }
.clr { clear: right; }
.cll { clear: left; }
.clb { clear: both; }
.ofh { overflow: hidden; }
.red { color: #cc0000; }
.pcflr { float: right; }
.pcfll { float: left; }
.pcflr20 { float: right; margin-left: 20px; }
.pcfll20 { float: left; margin-right: 20px; }
.pc50 { width: 50%; padding-right: 20px; }
a.imgover:hover img { opacity:0.5; }
@media screen and (max-width: 769px) {
.pcflr { float: none; text-align: center; }
.pcfll { float: none; }
.pcflr20 { float: none; text-align: center; }
.pcfll20 { float: none; }
.pc50 { width: 100%; padding-right: 0px; }
.pc_mb0 { margin-bottom: 40px!important; }
.pc_mb40 { margin-bottom: 0px!important; }
}

#page-top {
	position: fixed;
	bottom: 10px;
	right: 0px;
	font-size: 1.1rem;
}

#page-top i {
	font-size: 2rem;
}
#page-top a {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:  #DF3639;
	text-decoration: none;
	color: #fff;
	padding: 15px 6px;
	text-align: center;
	display: block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 5px; 
}
/*#page-top a:hover {
	text-decoration: none;
	background: #444;
}*/

.inner {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px;
}
@media screen and (min-width: 770px) {
	.inner {
	max-width: 1080px;
	padding: 0 20px;
	}
}
@media screen and (max-width: 769px) {
	.inner {
	max-width: 540px;
	padding: 0 20px;
	}
}

.sub_inner {
	max-width: 1050px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px;
}
@media screen and (min-width: 770px) {
	.sub_inner {
	max-width: 1050px;
	padding: 0 20px;
	}
}
@media screen and (max-width: 769px) {
	.sub_inner {
	max-width: 540px;
	padding: 0 20px;
	}
}

header {
	z-index: 9999;
	position: fixed;
	min-width: 320px;
	width: 100%;
	padding:0px 0px 0px 25px ;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid  #ddd;
	height: 60px;
}
header p.company_logo {
	font-size: 1.5rem;
	font-weight: 700;
}
header p.company_logo img {
	width: 100px;
}
header p.solution_logo {
	text-align: left;
}
header p.solution_logo img {
	width: 200px;
}
header p.navi_icon {
	width: 33.3%;
	text-align: right;
	font-size: 2.5rem;
}
div.navi_link ul {
	display: flex;
}
div.navi_link ul li {
	margin-right: 25px;
}
div.navi_link ul li a {
	background-color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	padding-bottom: 5px;
}
div.navi_link ul li a:hover {
	border-bottom: 3px solid #ddd;
}
div.navi_link ul li.active a {
	border-bottom: 3px solid #DB0017;
}

@media screen and (max-width: 980px) {
	div.navi_link ul li {
	margin-right: 8px;
	}
	div.navi_link ul li a {
		background-color: #fff;
		font-size: 1.2rem;
		font-weight: 400;
		padding-bottom: 5px;
	}

}


@media screen and (max-width: 769px) {
	header {
	min-width: 320px;
	width: 100%;
	padding: 7px 15px;
	background-color: #fff;
	justify-content: space-between;
	height: 40px;
	}
	header p.company_logo { 
		font-size: 1.2rem; }
	header p.company_logo img {
		width: 70px;
	}
	
	header p.solution_logo {
	text-align: center;
	}
	header p.solution_logo img {
		width: 120px;
	}
	
	div.navi_link { 
	justify-content: flex-end;
	display: flex;
	}
	div.navi_link ul li {
		text-align: right;
		width: 100%;
		padding: 0;
		font-size: 2.2rem;
		width: 2.5rem;
		display: block;
		
	}
	div.navi_link ul li.active, div.navi_link ul li:hover {
		display: block; 
		padding: 0;
		font-size: 2.2rem;
		width: 2.5rem;
		background-color: #fff;;
	}
	div.navi_link ul li.active i.fa-bars { display: none; }
	div.navi_link ul li i.fa-times { display: none; }
	div.navi_link ul li.active i.fa-times { display: block; }
}
@media screen and (min-width: 770px) {
	

}


div.conv_menu {
	z-index: 9999;
	position: fixed;
	bottom:0;
	min-width: 320px;
	width: 100%;
	padding:10px 25px 10px 25px ;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid  #ddd;
}
div.conv_menu p.company_logo {
	width: 140px;
}
div.conv_menu p.company_logo img {
	width: 120px;
}
div.conv_menu ul {
	display: flex;
	align-items: center;
}
div.conv_menu ul li {
	margin-left: 10px;
}

div.conv_menu ul li.conv_tel1 {
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 600;
}

div.conv_menu ul li.conv_tel2 {
	font-size: 2.5rem;
	font-weight: 800;
}

div.conv_menu ul li.conv_1 a {
	background-color: #51B996;
	display: block;
	text-align: center;
	color: #fff;
	padding: 15px 15px;
	font-size: 1.5rem;
	font-weight: 500;
}
div.conv_menu ul li.conv_2 a {
	display: block;
	text-align: center;
	color: #fff;
	padding: 15px 0;
	font-size: 1.5rem;
	font-weight: 500;
	border: 1px solid #fff;
}
div.conv_menu ul li.conv_3 a {
	background-color: #d90000;
	display: block;
	text-align: center;
	color: #fff;
	padding: 15px 45px;
	font-size: 1.5rem;
	font-weight: 500;
}

@media screen and (max-width: 1100px) {
	div.conv_menu ul li.conv_tel1 {
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 600;
	}
	
	div.conv_menu ul li.conv_tel2 {
		font-size: 2rem;
		font-weight: 800;
	}
	
	div.conv_menu ul li.conv_1 a {
		background-color: #51B996;
		display: block;
		text-align: center;
		color: #fff;
		padding: 15px 10px;
		font-size: 1.2rem;
		font-weight: 500;
	}
	div.conv_menu ul li.conv_2 a {
		display: block;
		text-align: center;
		color: #fff;
		padding: 15px 0;
		font-size: 1.2rem;
		font-weight: 500;
		border: 1px solid #fff;
	}
	div.conv_menu ul li.conv_3 a {
		display: block;
		text-align: center;
		color: #fff;
		padding: 15px 10px;
		font-size: 1.2rem;
		font-weight: 500;
		border: 1px solid #fff;
	}
}

@media screen and (max-width: 769px) {
	div.conv_menu {
	z-index: 9999;
	position: fixed;
	bottom:0;
	min-width: 320px;
	width: 100%;
	padding:10px 15px 10px 15px ;
	background-color: #fff;
	display: block;
	align-items: center;
	border-top: 1px solid  #ddd;
	}
	div.conv_menu ul {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
	}
	div.conv_menu ul li {
		margin-left: 2%;
	}
	div.conv_menu ul li.conv_1 {
		width: 34%;
	}
	div.conv_menu ul li.conv_2 {
		margin-left: 0%;
		width: 28%;
	}
	div.conv_menu ul li.conv_1 a {
		width: 100%;
		background-color: #51B996;
		display: block;
		text-align: center;
		color: #fff;
		padding: 15px 10px;
		font-size: 1.1rem;
		font-weight: 500;
	}
	div.conv_menu ul li.conv_2 a {
		width: 100%;
		display: block;
		text-align: center;
		color: #51B996;
		padding: 15px 0;
		font-size: 1.1rem;
		font-weight: 500;
		border: 1px solid #51B996;
	}
}

/*div.pankuzu {
	padding: 65px 25px 10px 25px;
	font-size: 1.2rem;
	color: #aaa;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
@media screen and (max-width: 769px) {
	div.pankuzu {
	padding: 45px 15px 5px 15px;
	font-size: 1.1rem;
	color: #aaa;
	border-bottom: 1px solid #ddd;
	}
}*/

/*div.toppage_wrap:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-20;
  width:100%;
  height:100vh;
  background:url(../images/main.jpg) center top no-repeat;
  background-size: auto;
}*/

div.obje { height: 60px; }
@media screen and (max-width: 769px) {
	div.obje { height: 40px; }
}
div.toppage_wrap{
  overflow: hidden;
  display:block;
  background:url(../images/main.jpg) center center no-repeat;
  background-size:cover;
}

@media screen and (max-width: 769px) {
	div.toppage_wrap{
	overflow: hidden;
	background:url(../images/main.jpg) center center no-repeat;
	background-size:cover;
	}
}

div.toppage_main { overflow: hidden; margin-bottom: 150px; }
div.toppage_main h1 { font-size: 3rem; line-height: 1.6; font-weight: 700; margin: 70px 0 0 0; color: #fff; }
div.toppage_main p { font-size: 2rem; line-height: 1.6; font-weight: 600; margin: 40px auto 0 auto; color: #fff; }
div.toppage_main p.sub_text { font-size: 1.5rem; line-height: 1.6; font-weight: 400; margin: 30px auto 0 auto; color: #fff; }
div.toppage_main p a { background-color: #51B996; display: block; font-size: 1.5rem; font-weight: 500; padding: 15px; width: 300px; color: #fff; margin: 0 auto; }
div.toppage_main p.arrow { font-size: 5rem; text-align: center; color: #000; margin-top: 20px; }
div.toppage_main h2 {
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	margin-top: 155px;
}
div.toppage_main h3 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 10px;
	color: #fff;
	margin-bottom: 40px;
}

@media screen and (max-width: 769px) {
	div.toppage_main { overflow: hidden; margin-bottom: 50px; }
	div.toppage_main h1 { font-size: 2rem; font-weight: 700; margin: 30px 0 0 0; color: #fff; }
	div.toppage_main p { font-size: 1.6rem; line-height: 1.6; font-weight: 600; margin: 10px auto 0 auto; color: #fff; }
	div.toppage_main p.sub_text { font-size: 1.1rem; line-height: 1.6; font-weight: 400; margin: 10px auto 0 auto; color: #fff; }
	
	div.toppage_main h2 {
		font-size: 2rem;
		font-weight: 700;
		margin-top: 60px;
	}
	div.toppage_main h3 {
		font-size: 1.5rem;
		font-weight: 700;
		margin-top: 5px;
		margin-bottom: 20px;
	}
}


div.service_wrap{
  overflow: hidden;
  display:block;
  background:url(../images/service_main.jpg) center center no-repeat;
  background-size:cover;
}



@media screen and (max-width: 769px) {
	div.service_wrap{
	overflow: hidden;
	background:url(../images/service_main.jpg) center center no-repeat;
	background-size:cover;
	}
}

div.contact_wrap{
  overflow: hidden;
  display:block;
  background:url(../images/contact_main.jpg) center center no-repeat;
  background-size:cover;
}



@media screen and (max-width: 769px) {
	div.contact_wrap{
	overflow: hidden;
	background:url(../images/contact_main.jpg) center center no-repeat;
	background-size:cover;
	}
}

div.about_wrap{
  overflow: hidden;
  display:block;
  background:url(../images/about_main.jpg) center center no-repeat;
  background-size:cover;
}



@media screen and (max-width: 769px) {
	div.about_wrap{
	overflow: hidden;
	background:url(../images/about_main.jpg) center center no-repeat;
	background-size:cover;
	}
}

div.qe_wrap{
  overflow: hidden;
  display:block;
  background:url(../images/qe_main.jpg) center center no-repeat;
  background-size:cover;
}



@media screen and (max-width: 769px) {
	div.qe_wrap{
	overflow: hidden;
	background:url(../images/qe_main.jpg) center center no-repeat;
	background-size:cover;
	}
}


.services { margin-top: -60px; margin-bottom: 60px;}
.services_inner {
	z-index: 100;
	position: inherit;
	max-width: 1040px;
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 30px;
	background-color: #fff;
}
.services_inner h2 {
	font-size: 4rem;
	font-weight: 700;
}
.services_inner h3 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 10px;
}
.services_inner p {
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: 300;
	margin-top: 10px;
}


.about_inner {
	z-index: 100;
	position: inherit;
	max-width: 1040px;
	width: 100%;
	margin: 0 auto 50px auto;
	background-color: #fff;
	display: flex;
}
.about_inner section.text {
	width: 60%;
	padding: 30px;
}
.about_inner section.photo {
	width: 40%;
	background: url(../images/image06.jpg);
	background-size: cover;
}
.about_inner h2 {
	font-size: 4rem;
	font-weight: 700;
}
.about_inner h3 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 30px;
}
.about_inner p {
	font-size: 1.5rem;
	line-height: 1.6;
	margin-top: 10px;
}



p.industries_top_text { color: #123e2f; }

p.services_link a { background-color: #333; padding: 20px 50px; width: 100%; max-width: 420px; font-size: 1.6rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }
p.about_link a { background-color: #333; padding: 20px 50px; width: 100%; max-width: 420px; font-size: 1.6rem; font-weight: 700; display: block; color: #fff; text-align: center; margin-top: 30px; }
p.qe_link a { border: 1px solid #fff; padding: 20px 50px; width: 100%; max-width: 420px; font-size: 1.6rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 80px; }
p.news_link a { background-color: #333; padding: 20px 50px; width: 100%; max-width: 420px; font-size: 1.6rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }

p.services_link a:hover { background-color: #DF3639; }
p.about_link a:hover { background-color: #DF3639;  }
p.qe_link a:hover { background-color: #DF3639;  }
p.news_link a:hover { background-color: #DF3639; }


@media screen and (max-width: 769px) {
	.services { margin-top: 0px; margin-bottom: 0px;}
	.services_inner {
	max-width: 500px;
	margin: 0 auto;
	}
	.services_inner h2 {
		font-size: 2rem;
		font-weight: 700;
	}
	.services_inner h3 {
		font-size: 1.5rem;
		font-weight: 700;
		margin-top: 5px;
	}
	.services_inner p {
		font-size: 1.1rem;
		line-height: 1.6;
		margin-top: 5px;
	}
	.about_inner {
	z-index: 100;
	position: inherit;
	max-width: 500px;
	margin: 0 auto;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid  #ddd;
	}
	.about_inner section.text {
		width: 100%;
		padding: 30px;
	}
	.about_inner section.photo {
		width: 100%;
		background: url(../images/image06.jpg);
		background-size: cover;
		height: 200px;
	}
	.about_inner h2 {
		font-size: 2rem;
		font-weight: 700;
	}
	.about_inner h3 {
		font-size: 1.5rem;
		font-weight: 700;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.about_inner p {
		font-size: 1.1rem;
		line-height: 1.6;
		margin-top: 10px;
	}
	
	p.services_link a { background-color: #333; padding: 10px 20px; width: 100%; max-width: 500px; font-size: 1.2rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }
	p.about_link a { background-color: #333; padding: 10px 20px; width: 100%; max-width: 500px; font-size: 1.2rem; font-weight: 700; display: block; color: #fff; text-align: center; margin-top: 30px; }
	p.qe_link a { border: 1px solid #fff; padding: 10px 20px; width: 100%; max-width: 500px; font-size: 1.2rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }

	p.news_link a { background-color: #333; padding: 10px 20px; width: 100%; max-width: 500px; font-size: 1.2rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }

}



.industries_link { 
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
.industries_link section { 
	width: 32%;
	margin-top: 30px;
	margin-right: 2%;
}
.industries_link section:nth-child(3n) { 
	width: 32%;
	margin-top: 30px;
	margin-right: 0;
}
.industries_link section h3 { 
	font-size: 2rem;
}
.industries_link section p { 
}
.industries_link section figure { 
	width: 100%;
	height: 190px;
	position: relative;
    overflow: hidden;
}
/*.industries_link section.industries01 figure { 
    border-top: 10px solid #009CE5;
}
.industries_link section.industries02 figure { 
    border-top: 10px solid #A45FA2;
}
.industries_link section.industries03 figure { 
    border-top: 10px solid #5F9D32;
}
.industries_link section.industries04 figure { 
    border-top: 10px solid #D78C29;
}
.industries_link section.industries05 figure { 
    border-top: 10px solid #B7C1C6;
}
.industries_link section.industries06 figure { 
    border-top: 10px solid #C8BA1D;
}*/
.industries_link section.industries01 figure:after { 
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/image01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.industries_link section.industries02 figure:after { 
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/image02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.industries_link section.industries03 figure:after { 
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/image03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.industries_link section.industries04 figure:after { 
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/image04.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.industries_link section.industries05 figure:after { 
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/image05.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.industries_link section:hover figure:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



@media screen and (max-width: 769px) {
	.industries_link { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:0;
	}
	.industries_link section { 
		width: 49%;
		margin-top: 20px;
	}
	.industries_link section:nth-child(3n) { 
		width: 49%;
		margin-top: 20px;
	}
	.industries_link section:nth-child(2n) { 
		width: 49%;
		margin-top: 20px;
		margin-right: 0;
	}
	.industries_link section h3 { 
	font-size: 1.5rem;
	}
	.industries_link section figure { 
		width: 100%;
		height: 70px;
		position: relative;
	    overflow: hidden;
	}
	/*.industries_link section.industries01 figure { 
    border-top: 5px solid #009CE5;
	}
	.industries_link section.industries02 figure { 
	    border-top: 5px solid #A45FA2;
	}
	.industries_link section.industries03 figure { 
	    border-top: 5px solid #5F9D32;
	}
	.industries_link section.industries04 figure { 
	    border-top: 5px solid #D78C29;
	}
	.industries_link section.industries05 figure { 
	    border-top: 5px solid #B7C1C6;
	}
	.industries_link section.industries06 figure { 
	    border-top: 5px solid #C8BA1D;
	}*/
}

div.qe {
	background-image: url(../images/qe_top.jpg);
	background-size: cover;
	background-position: center center;
}
.qe_inner {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 60px 25px;
}
.qe_inner h2 {
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
}
.qe_inner h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 30px;
}
.qe_inner p {
	font-size: 1.5rem;
	line-height: 1.6;
	color: #fff;
	margin-top: 10px;
}


@media screen and (max-width: 769px) {
	.qe_inner {
		max-width: 540px;
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 30px 25px;
	}
	.qe_inner section { 
	width: 100%;
	}
	.qe_inner h2 {
		font-size: 2rem;
		font-weight: 700;
		color: #fff;
	}
	.qe_inner h3 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	.qe_inner p {
		font-size: 1.1rem;
		line-height: 1.6;
		color: #fff;
		margin-top: 5px;
	}
	.qe_inner section figure h3 { 
		margin-top: 0px;
	}
	
}




div.news {
	background-color: #fff;
}
.news_inner {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 60px 25px;
}
.news_inner h2 {
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 30px;
}
.news_inner h2 span {
	font-size: 2rem;
	font-weight: 700;
}
.news_inner h3 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 30px;
}
.news_inner p {
	font-size: 1.5rem;
	line-height: 1.6;
	margin-top: 10px;
}

dl.news-lst div { padding-bottom: 10px; border-bottom: 1px solid  #ddd; margin-bottom: 10px; display: flex; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.6; }
dl.news-lst div dt { width: 15%; }
dl.news-lst div dd { width: 85%; }
dl.news-lst div dd a { text-decoration: underline; }
dl.news-lst div dd a:hover { color: #DF3639; }


table.type_01 { border-collapse: collapse; color: #000; margin-top: 20px; margin-bottom: 20px; width: 100%; font-size: 1.5rem; line-height: 1.6; }
table.type_01 th { width: 30%; padding: 10px; text-align: left; vertical-align: top; background-color: #eee; border: 1px solid #ddd; text-align: center; vertical-align: middle; }
table.type_01 th.midashi1 { width: 15%; background-color: #333; color: #fff; }
table.type_01 th.midashi2 { width: 15%; background-color: #fff; }
table.type_01 td { padding: 10px;background-color: #fff;border: 1px solid #ddd;}
table.type_01 td ul { padding: 0px 0px 0px 1.5em; margin: 0; }
table.type_01 td ol { padding: 0px 0px 0px 1.5em; margin: 0; }
table.type_01 td p { margin: 0; }

@media screen and (max-width: 769px) {
	.news_inner {
		max-width: 540px;
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 30px 25px;
	}
	.news_inner section { 
	width: 100%;
	}
	.news_inner h2 {
		font-size: 2rem;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.news_inner h2 span {
		font-size: 1.5rem;
		font-weight: 700;
	}
	.news_inner h3 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	.news_inner p {
		font-size: 1.1rem;
		line-height: 1.6;
		margin-top: 5px;
	}
	.news_inner section figure h3 { 
		margin-top: 0px;
	}
	dl.news-lst div { padding-bottom: 10px; border-bottom: 1px solid  #ddd; margin-bottom: 10px; display: flex; flex-wrap: wrap; font-size: 1.1rem; line-height: 1.6; }
	dl.news-lst div dt { width: 100%; }
	dl.news-lst div dd { width: 100%; }
	dl.news-lst div dd a { text-decoration: underline; }
	dl.news-lst div dd a:hover { color: #DF3639; }
	
	table.type_01 th.pcsp,
	table.type_01 td.pcsp {
		padding: 5px 10px;
		text-align: left;
		display: block;
		border-top: none;
		border-bottom: none;
		width: auto;
		font-size: 1.1rem;
	}
	table.type_01 th.pcsp {
		border-bottom: 1px solid  #ddd;
	}
	table.type_01 {
		border-bottom: 1px solid  #ddd;
	}
}



div.support {
	background-image: url(../images/support_main.jpg);
	background-size: cover;
	background-position: center center;
}
.support_inner {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 60px 25px 60px 25px;
	overflow: hidden;
}
.support_inner_contents {
	width: 50%;
	min-width: 440px;
}
.support_inner h2 {
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 30px;
}
.support_inner h2 span {
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
}
.support_inner h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
	margin-top: 10px;
}
.support_inner p {
	font-size: 1.5rem;
	line-height: 1.6;
	color: #fff;
	margin-bottom: 30px;
}

section.support_tel { color:#fff; align-items: center; position: relative; z-index: 58; }
section.support_tel h4 { margin: 0 10px 0 0; font-size: 1.5rem; line-height: 1.6; }
section.support_tel p { margin: 0; font-size:4.2rem; font-weight: 800;}

p.fax { font-size: 1.5rem; margin-top: 5px; margin-bottom: 0; }

p.contact { float: right; margin-top: 10px; position: relative; z-index: 59; }
p.contact a { display: block; padding: 20px 40px; background-color: #DF3639; font-size: 1.6rem; font-weight: 700;width: 420px; text-align: center;  }
p.contact_tel { display: none; }
p.contact a:hover { background-color: #fff; color: #DF3639; }

footer { background-color: #fff; padding: 25px; text-align: center; font-size: 1.5rem; }


@media screen and (max-width: 769px) {
	.support_inner {
		max-width: 540px;
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 30px 25px 30px 25px;
	}
	
	.support_inner h2 {
		font-size: 2rem;
		font-weight: 700;
		color: #fff;
		margin-bottom: 10px;
	}
	.support_inner h2 span {
		font-size: 1.5rem;
		font-weight: 700;
		color: #fff;
	}
	.support_inner h3 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	margin-top: 5px;
	}
	.support_inner p {
		font-size: 1.1rem;
		line-height: 1.6;
		color: #fff;
		margin-top: 5px;
	}
	.support_link section figure h3 { 
		margin-top: 0px;
	}
	.support_inner_contents {
	width: 100%;
	min-width: 260px;
	}
	section.support_tel { display: flex; color:#fff; align-items: center; margin-top: 20px; display: none; }
	
	p.contact { float: none; margin-top: 10px; margin-bottom: 10px; }
	p.contact a { display: block; padding: 10px 40px; background-color: #DF3639; font-size: 1.2rem; font-weight: 700;width:100%; text-align: center;  }
	p.contact_tel { display: block; margin-bottom: 0px; }
	p.contact_tel a { display: block; padding: 10px 40px; background-color: #fff; color: #DF3639; font-size: 1.2rem; font-weight: 700;width:100%; text-align: center; border: 1px solid #DF3639; }
	p.fax { font-size: 1.1rem; margin-top: 5px; margin-bottom: 0; }

	
	footer { background-color: #fff; padding: 25px; text-align: center; font-size: 1.1rem; }

	
}

.sub_white {}
.sub_gray { background-color: #eee; }
.contents_inner {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 60px 25px 60px 25px;
	overflow: hidden;
}
.contents_inner h2 {
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 30px;
}
.contents_inner h2 span {
	font-size: 2rem;
	font-weight: 700;
}
.contents_inner h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.contents_inner p {
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 30px;
}

.contents_inner p.news_date {
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 10px;
}
.contents_inner h2.news_title {
	font-size: 2.7rem;
	line-height: 1.6;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid  #ddd;
	margin-bottom: 30px;
}
.contents_inner p.news_text {
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 30px;
}
.contents_inner figure.news_photo { text-align: center; margin-bottom: 30px; }

p.contents_link a { background-color: #333; padding: 20px 50px; width: 100%; max-width: 420px; font-size: 1.6rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }
p.contents_link a:hover { background-color: #DF3639; }
	




section.kakomi { background-color: #fff; border: 1px solid  #eee; padding: 25px; margin-bottom: 30px; }
section.kakomi ul li { font-size: 1.5rem; line-height: 1.6; padding-left:1em; text-indent:-1em; }
section.kakomi p.policy { margin-bottom: 0; text-align: center; font-size: 1.6rem; line-height: 2; }

ul.photo_gallery { margin-top: 20px; display: flex; flex-wrap: wrap;}
ul.photo_gallery li { width: 32%; margin-right: 2%; margin-top: 20px; }
ul.photo_gallery li:nth-child(3n) { width: 32%; margin-right: 0%; margin-top: 20px; }

@media screen and (max-width: 769px) {
	
	.contents_inner {
	max-width: 540px;
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 30px 25px 30px 25px;
	}
	.contents_inner h2 {
		font-size: 2rem;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.contents_inner h2 span {
		font-size: 1.2rem;
		font-weight: 700;
	}
	.contents_inner h3 {
		font-size: 1.5rem;
		font-weight: 700;
		margin-top: 10px;
	}
	.contents_inner p {
		font-size: 1.1rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	
		
	.contents_inner p.news_date {
		font-size: 1.1rem;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.contents_inner h2.news_title {
		font-size: 1.5rem;
		line-height: 1.6;
		font-weight: 700;
		padding-bottom: 10px;
		border-bottom: 1px solid  #ddd;
		margin-bottom: 10px;
	}
	.contents_inner p.news_text {
		font-size: 1.1rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.contents_inner figure.news_photo { text-align: center; margin-bottom: 20px; }
	
	p.contents_link a { background-color: #333; padding: 10px 20px; width: 100%; max-width: 500px; font-size: 1.2rem; font-weight: 700; display: block; color: #fff; margin: 0 auto; text-align: center; margin-top: 30px; }

	
	section.kakomi { background-color: #fff; border: 1px solid  #ddd; padding: 10px; }
	section.kakomi ul li { font-size: 1.1rem; line-height: 1.6; padding-left:1em; text-indent:-1em; }
	section.kakomi p.policy { margin-bottom: 0; text-align: center; font-size: 1.1rem; line-height: 2; }
	
	ul.photo_gallery { margin-top: 10px; display: flex; flex-wrap: wrap;}
	ul.photo_gallery li { width: 49%; margin-right: 2%; margin-top: 10px; }
	ul.photo_gallery li:nth-child(3n) { width: 49%; margin-right: 2%; margin-top: 10px; }
	ul.photo_gallery li:nth-child(2n) { width: 49%; margin-right: 0%; margin-top: 10px; }

}


/* CM
   ======================================== */
/*.cmLst,
.cmLst_lnk {
  display: flex;
}

.cmLst {
  font-weight: 700;
  line-height: 1.3;
  flex-wrap: wrap;
}

.cmLst_lnk {
  height: 100%;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
}

.cmLst_cmName {
  max-width: 182px;
}

.cmLst_playBtn {
  margin-top: auto;
}

@media screen and (max-width: 670px) {
  .cmLst {
    margin-top: 30px;
    padding: 0 20px;
    font-size: 1.1rem;
  }
  .cmLst_itm {
    width: calc((100% - 10px) / 2);
  }
  .cmLst_itm:nth-child(odd) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(even) {
    margin-left: 10px;
  }
  .cmLst_itm:nth-child(n+3) {
    margin-top: 10px;
  }
  .cmLst_lnk {
    padding: 20px 15px;
    border-radius: 5px;
  }
  .cmLst_cmName {
    margin: 10px 0;
  }
}
@media screen and (max-width: 374px) {
  .cmLst_itm {
    width: calc((100% - 8px) / 2);
  }
  .cmLst_itm:nth-child(odd) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(even) {
    margin-left: 8px;
  }
  .cmLst_itm:nth-child(n+3) {
    margin-top: 8px;
  }
  .cmLst_lnk {
    padding: 15px 10px;
  }
  .cmLst_cmName {
    margin: 8px 0;
  }
}

@media screen and (min-width: 671px) {
  .cmLst {
    font-size: 1.3rem;
  }
  .cmLst_itm {
    width: calc((100% - 30px) / 4);
  }
  .cmLst_itm:nth-child(n+2) {
    margin-left: 10px;
  }
  .cmLst_itm:nth-child(4n+1) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(n+5) {
    margin-top: 10px;
  }
  .cmLst_lnk {
    padding: 25px 15px;
    border-radius: 10px;
  }
  .cmLst_cmName {
    margin: 10px 0;
  }
}

@media screen and (min-width: 671px) and (max-width: 860px) {
  .cmLst_itm {
    width: calc((100% - 20px) / 3);
  }
  .cmLst_itm:nth-child(n+2) {
    margin-left: 10px;
  }
  .cmLst_itm:nth-child(3n+1) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(4) {
    margin-top: 10px;
  }
}
*/

ul.cmLst { margin-bottom: 2rem; overflow: hidden; text-align: center!important; }

.cmMovie,
.cmOvl {
  position: fixed;
}


.cmMovie {
  width: 100%;
  max-width: 820px;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: 15000;
  transform: translate(-50%, -50%);
  transition: opacity 280ms cubic-bezier(0.19, 1, 0.22, 1), visibility 280ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmMovie.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 280ms 320ms cubic-bezier(0.19, 1, 0.22, 1), visibility 280ms 320ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmMovie_ytbWrp {
  padding-top: 56.25%;
  position: relative;
}

.cmMovie_ytb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cmMovie_cmName {
  text-align: center;
  color: #fff!important;
}

.cmMovie_closeBtn {
  margin: 0 auto 0;
  border-radius: 3px;
  color: #fff!important;
  background-color: #008dd3;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cmMovie_closeBtn:hover {
  background-color: #ff6633;
}

@media screen and (max-width: 769px) {
  .cmMovie {
    padding: 0 5px;
  }
  .cmMovie_ytbWrp {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
  }
  .cmMovie_cmName {
    margin-top: 15px;
  }
  .cmMovie_closeBtn {
    width: 100px;
    height: 26px;
    margin-top: 25px;
  }
}

@media screen and (min-width: 770px) {
  .cmMovie {
    padding: 0 40px;
  }
  .cmMovie_ytbWrp {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  }
  .cmMovie_cmName {
    margin-top: 20px;
  }
  .cmMovie_closeBtn {
    width: 120px;
    height: 30px;
    margin-top: 30px;
  }
}

.cmOvl {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 10000;
  transform: scale(0.6);
  transition: opacity 200ms 290ms cubic-bezier(0.19, 1, 0.22, 1), visibility 200ms 290ms cubic-bezier(0.19, 1, 0.22, 1), transform 250ms 290ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmOvl.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), visibility 300ms cubic-bezier(0.19, 1, 0.22, 1), transform 180ms cubic-bezier(0.19, 1, 0.22, 1);
}

.flex01 {
	float: left;
	margin: 0 15px 15px 0;
	width: 30%;
}

.nav_s{
	padding-bottom: 20px;
}