@charset "utf-8";
	/* video */
	.video-wrapper {
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	
	.video {
		position: relative;
		width: 100%;
		overflow: hidden;
		padding-bottom: 56.25%;
	}

	.videomp_wrapper {
		position: relative;
		margin-left: 10%;
		margin-right: 10%;
		align-items: center;
	}
	.home-video{
		width: 100%;
  		height: auto;
		/*max-width: 960px;*/
	}

	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		align-items: center;
		border: none;
	}
	/* イメージ*/
	.image {
		text-align: center;
		margin: 0 auto;
		/*padding: 0 3%;*/
	}
	.image img{
		position: relative;
		z-index: 1;
		width: 80%;
		max-width: 960px;
		list-style-type: none; 
    	height: auto;
	}
	/* ヘッダー */
	header {
		height: 70px;
		width: 100%;
		/*background-color: #e06a8d;*/
		display: flex;
	}
	header .header_div1 {
		width: 50% ;
		margin: 0 auto;
		padding: 0;
		/*background-color: #ecf000;*/
		text-align: center;
		/*text-align: center;*/
	}
	header .header_div2 {
		width: 50% ;
		margin: 0 auto;
		padding: 0;
		align-items: center;
		/*background-color: #1cf000;*/
	}
  	/* ロゴ画像 */
	.header_div1 #logo img {
		width: 300px;
		top:-17px;
	}
	/*電話番号ボックスの設定*/
	.header_div2 #tel {
		margin: 0 auto;
		top: 20px;
		font-size: 11px;
		letter-spacing: 0.2em;
		background: #ffffff;
		border-radius: 6px;
		width: 250px;
		padding: 8px;
	}
	/*電話番号の文字設定*/
	.header_div2 #tel span {
		text-align: left;
		display: block;
		font-size: 14px;
		font-weight: bold;
		color: rgb(0, 124, 240);
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.header_div2 #tel p{
		text-align: left;
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: rgb(0, 124, 240);
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.footer_menu{
		background-color: rgb(0, 124, 240);
		width: 100%;
	}
	.footer_menu footer{
		width: 100%;
	}
	.copy_inc{
		color: #ffffff;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	#footer_menubar {
		background: rgb(255, 255, 255);
		display: flex;
		flex-wrap: wrap;
	}
	#footer_menubar ul {
		display: flex;
		margin: 0 auto;
		/*padding: 0 3%;
		width: 80%;
		max-width: 960px;*/
		width: 100%;
		list-style-type: none;
		background: rgba(0, 124, 240);
	}
	#footer_menubar ul li {
		position: relative;
		width: 30%;
	}
	#footer_menubar ul li a {
		display: block;
		padding: 10px 10px;
		color: #fff;
		background: rgba(0, 124, 240);
		text-align: center;
		text-decoration: none;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	#footer_menubar ul li a:hover {
		color: #c9c9c9;
		/*background-color: rgb(0, 69, 134);*/
	}
	/* メニューバー */
	#menubar {
		background: rgb(255, 255, 255);
		display: flex;
		flex-wrap: wrap;
		background: rgb(0, 124, 240);
	}
	#menubar ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		/*padding: 0 3%;
		width: 80%;
		max-width: 960px;*/
		width: 80%;
		list-style-type: none;
		background: rgb(0, 124, 240);
	}
	#menubar ul li {
		position: relative;
		width: 20%;
	}
	#menubar ul li a {
		display: block;
		padding: 17px 10px;
		color: #fff;
		background: #007cf0;
		text-align: center;
		text-decoration: none;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	#menubar ul li a:hover {
		color: #c9c9c9;
		/*background-color: rgb(0, 69, 134);*/
	}
	.box_parent {
		width: 100%;
		height: auto;
	}
	.box_child {
		/*max-width:960px;
		width: 78.8%;*/
		width: 100%;
		height: 236px;
		position: absolute;
		display: block;
		z-index: 10;
		top: 247px;
		left: 50.0%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		background: rgba(12, 143, 250, 0.95);
		display: flex;
		margin: 0 auto;
		list-style-type: none;
	}
	.box_child p {
		display: block;
		padding-left: 40px ;
		font-size:20px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_menu_parent-s
	{
		display: inline;
		width: 100%;
		margin-top: 4%;
		margin-left: 2%;
	}
	.box_child-s {
		width: 100%;
		height: 200px;
		position: absolute;
		display: block;
		z-index: 10;
		top: 165.5px;
		left: 50.0%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		background: rgba(12, 143, 250, 1);
		display: flex;
		margin: 0 auto;
		list-style-type: none;
	}
	.box_child-s p {
		display: block;
		padding-left: 20px ;
		font-size:12px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_img {
		max-width: 300px;
		min-width: 150px;
		width: 30%;
		margin: 0 auto;
		display: inline-block ;
		background-color: rgba(12, 143, 250, 0.0);
	}
	.box_img-s {
		max-width: 100px;
		min-width: 100px;
		width: 20%;
		margin: 0 auto;
		display: inline-block ;
		background-color: rgba(12, 143, 250, 0.0);
	}
	.box_img-s p{
		font-size: 15px;
	}
	.box_menu_parent
	{
		display: inline;
		width: 100%;
		margin-top: 4%;
		margin-left: 6%;
	}
	.box_menu_child {
		width: 40%;
		margin: 0 auto;
		display: inline-block ;
		text-align: left;
		background-color: rgba(12, 143, 250, 0.0);
	}
	.box_menu_child a {
		display: block;
		padding: 5px 15px;
		color: #fff;
		text-decoration: none;
		border-bottom: 4px solid rgba(12, 143, 250, 0.0 );	/* 下線 */
		font-size: 17px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_menu_child-s {
		width: 85%;
		margin: 0 auto;
		display: inline-block ;
		text-align: left;
		background-color: rgba(12, 143, 250, 0.0);
	}
	.box_menu_child-s a {
		display: block;
		padding: 5px 20px;
		color: #fff;
		text-decoration: none;
		border-bottom: 4px solid rgba(12, 143, 250, 0.0 );	/* 下線 */
		font-size: 10px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_menu_child a:hover {
		color: #c9c9c9;
	}
	.box_procut_child {
		max-width: 300px;
		min-width: 150px;
		width: 30%;
		margin: 0 auto;
		display: inline-block ;
	}
	.box_procut_child a {
		display: inline-block;
		padding: 10px 20px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		/*border-bottom: 4px solid rgba(12, 143, 250, 80.0 );	/* 下線 */
		font-size: 10px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_procut_child a:hover {
		color: #c9c9c9;
	}
	.box_procut_child p {
		color: #fff;
		padding-left: 10px;
		border-bottom: 4px solid #e06a8d;	/* 下線 */
		font-size: 13px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_procut_child p:hover {
		color: #c9c9c9;
	}

	.box_procut_child-s {
		max-width: 748px;
		width: 100%;
		margin: 0 auto;
		display: inline-block ;
		position: relative;
	}
	.box_procut_child-s a {
		display: block;
		padding: 5px 10px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		/*border-bottom: 4px solid rgba(12, 143, 250, 80.0 );	/* 下線 */
		font-size: 6px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_procut_child-s a:hover {
		color: #c9c9c9;
	}
	.box_procut_child-s p {
		color: #fff;
		padding-left: 2px;
		margin-top: -15px;
		border-bottom: 4px solid #e06a8d;	/* 下線 */
		font-size: 8px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.box_procut_child-s p:hover {
		color: #c9c9c9;
	}
	.header_img{
		max-width: 200px;
		max-height: 150px;
		width: 100%;
		display: block;
		top:-10px;
	}
	.menu_img{
		max-width: 200px;
		max-height: 55px;
		width: 100%;
		display: block;
		top:-10px;
	}
	.menu_img-s{
		position:relative;
		padding-bottom: 16px;
		padding-right: 5px;
		padding-left: 5px;
		float: left;
		width: 30px;
	}
	span .menu_img_mss-s{
		font-size: 8px;
		color: #fff;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}

	/* サブメニューを非表示 */
	.corporate{ 
		display: none;
	}
	.product{
		display: none;
	}
	.support{
		display: none;
	}
	
	/* ラベル */
	.menulabel {
		margin: 0 auto;
		padding: 0;
	}
	.menulabel label {
		display: block;
		padding: 17px 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		background: rgb(0, 124, 240);
		cursor: pointer;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.menulabel label:hover {
		color: #c9c9c9;
	}
	.menulabel input[type="checkbox"] {
		display: none;
	}
	/* スマホ用メニュー表示制御 */
	#menubar-s {display: none;}
	#corporate2{display: none;}
	#product2{display: none;}
	#support2{display: none;}
@media screen and (max-width: 768px) {
	#corporate{display: none;}
	#product{display: none;}
	#support{display: none;}

	.home-video{
		width: 100%;
		height: auto;
	}

	/* ヘッダー */
	header {
		height: 35px;
	}
	.header_div1 #logo img {
		width: 120px;
		top:-29px;
		left: 10px;
	}
	/*電話番号ボックスの設定*/
	.header_div2 #tel {
		margin: 0 auto;
		top: 20px;
		font-size: 6px;
		letter-spacing: 0.2em;
		background: #ffffff;
		border-radius: 3px;
		width: 150px;
		text-align: center;
		padding: 5px;
	}
	/*電話番号の文字設定*/
	.header_div2 #tel span {
		display: block;
		font-size: 6px;
		color: rgb(0, 124, 240);
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.header_div2 #tel p{
		display: block;
		font-size: 6px;
		color: rgb(0, 124, 240);
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	/* スマホ用メニュー表示制御 */
	#menubar {display: none;}
	#menubar-s {
		background: rgb(255, 255, 255);
		display: flex;
		flex-wrap: wrap;
	}
	#menubar-s ul {
		display: flex;
		margin: 0 auto;
		/*padding: 0 3%;*/
		width: 100%;
		/*max-width: 748px;*/
		background: rgba(0, 124, 240);
		list-style-type: none;
	}
	#menubar-s ul li {
		position: relative;
		width: 20%;
	}
	#menubar-s ul li a {
		display: block;
		padding: 8px 5px;
		font-size: 9px;
		margin-left: -28px;
		color: #fff;
		background: rgba(0, 124, 240);
		text-align: center;
		text-decoration: none;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	#menubar-s ul li a:hover {
		color: #c9c9c9;
		/*background-color: rgb(0, 69, 134);*/
	}
	.menulabel-s {
		margin: 0 auto;
		padding: 0;
	}
	.menulabel-s label {
		display: block;
		padding: 8px 5px;
		font-size: 9px;
		margin-left: -30px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		background: rgb(0, 124, 240);
		cursor: pointer;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.menulabel-s label:hover {
		color: #c9c9c9;
	}
	.menulabel-s input[type="checkbox"] {
		display: none;
	}
	#footer_menubar ul li {
		position: relative;
		width: 30%;
	}
	#footer_menubar ul li a {
		display: block;
		padding: 4px 4px;
		font-size:8px;
		color: #fff;
		background: rgba(0, 124, 240);
		text-align: center;
		text-decoration: none;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	.copy_inc{
		font-size: 8px;
		font-family: YuGothic,'Yu Gothic',sans-serif;
	}
	/*ページの上部へ「↑」ボタン
---------------------------------------------------------------------------*/
@keyframes scroll {
	0% {opacity: 0;}
	100% {opacity: 1;}
	}
	body .nav-fix-pos-pagetop a {display: none;}
	body.is-fixed-pagetop .nav-fix-pos-pagetop a {
		display: block;text-decoration: none;
		z-index: 100;
		text-align: center;
		width: 50px;	/*幅*/
		line-height: 50px;	/*高さ*/
		position: fixed;
		bottom: 100px;	/*下から１００pxの場所に配置*/
		right: 5%;		/*右から5%の場所に配置*/
		background: #000;	/*背景色（古いブラウザ用）*/
		background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事で0.6は透明度60%の事。*/
		color: #fff;	/*文字色*/
		border: 1px solid #fff;	/*枠線の幅、線種、色*/
		animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
		animation-duration: 1S;	/*アニメーションの実行時間*/
		animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
	}
	/*マウスオン時*/
	body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
		background: #999;	/*背景色*/
	}
}