@charset "utf-8";
/* CSS Document */

/* ボディ */
.m_wrap{
	overflow: hidden;
}


/*--------------------- スライダーエリア ---------------------*/
#slider {
	margin: 0;
	/*background-color: #000; */
	overflow: hidden;
	z-index: 10;
	height: auto;
	position: relative;
	/*left: -5%;
	width: 110%;
	top: 0;
	animation: anime 40s 0s infinite;
	border-bottom-left-radius: 50% 6%;
	border-bottom-right-radius: 50% 6%;*/
}
	.top_slider .arrow_leftright {
		position: absolute;
		top:50%;
		margin-top: -18px; 
		z-index: 999;
		cursor: pointer;	
	}
	.top_slider .arrow_left {
		left: 20px!important;	
	}
	.top_slider .arrow_right {
		right: 20px!important; 
	}
	#slider li {
		/*height: 100vh!important;*/
		/*width: 100%!important;*/
		align-items: center;
		display: flex;
		position: relative;
	}

		/* スライドテキスト内容 */
		#slider .sld_naiyowrap {
			position: absolute;
			display: flex;
			align-items: center;
			width: 100%;
			height: 600px;
			z-index: 999;
		}

			/* スライド１ページ目 */
			#slider .sld_naiyoallwrap_01 {
				width: 100%;
				margin: 0 auto;
				text-align: center;
			}
				.sld_naiyoall_01 {
					display: flex;
					flex-direction: column;
					width: 250px;
					margin: 0 auto;
					padding: 0;
				}
					.sld_naiyoall_01 .sld_sdgslogo {
						display: block;
						width: 100%;
					}
						.sld_naiyoall_01 .sld_sdgslogo img {
							width: 100%;
							opacity: 1!important;
						}
					.sld_naiyoall_01 .sld_title {
						display: inline-block;
						width: 100%;
						font-size: 1.0em;
						line-height: 1.6;
						text-align-last: justify;
						margin-top: 0.5em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 700;
						color: #fff;
					}
					.sld_naiyoall_01 .sld_subtitle {
						display: inline-block;
						width: 100%;
						font-size: 0.7em;
						/*text-align-last: inherit;*/
						margin-top: 0.0em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						color: #fff;
						line-height: 1.2;
						text-align: left;
						letter-spacing: 0.4em;
					}

					/* ソリューション */
					.sld_naiyoall_01 .sld_solutionwrap {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
						margin-top: 1.0em;
						width: 100%;
					}
						.sld_naiyoall_01 .sld_solutionwrap .sld_solutionicon01, .sld_naiyoall_01 .sld_solutionwrap .sld_solutionicon02, .sld_naiyoall_01 .sld_solutionwrap .sld_solutionicon03 {
							position: relative;
							margin-bottom: 20px;
							width: 30%;
							height: inherit;
							overflow: hidden;
							text-align: center; 
						}
							.sld_solutionicon01 img, .sld_solutionicon02 img, .sld_solutionicon03 img {
								width: 100%;
								height: auto;
							}

					/* スライド内ボタン */
					.sldmore_btn{
						background-color: #012c55;
						border-radius: 50px;
						font-size: 0.8em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 700;
						position: relative;
						text-align: center;
						vertical-align: middle;
						margin: 1em auto 0;
						width: 100%;
					}
						.sldmore_btn a {
							text-decoration: none;
						}
					.sldmore_btn_arrow{
						margin-left: 10px;
					}
						.sldmore_common{
							position: relative;
							display: block;
							width: 100%;
							margin-left: 0;
							height: inherit;
							box-sizing: border-box;
							padding: 10px 10px;
							/*border: 1px solid #012c55;*/
							border-radius: 50px;
							color: #012c55;
							z-index: 1;
							transition: .2s; 
						}
						.sldmore_action{
							overflow: hidden;
						}
						.sldmore_action::before{
							content: "";
							z-index: -1;
							position: absolute;
							width: 100%;
							height: 100%;
							top: 0;
							left: 0;
							background-color: #fff;
							transition: .2s;
						}
						.sldmore_action:hover{
							color: #fff;
						}
						.sldmore_action:hover:before{
							left: 100%;
						}

			/* スライド２～４ページ目 */
			#slider .sld_naiyoallwrap_02 {
				position: relative;
				display: flex;
				align-items: center;
				height: 600px;
				width: 60%;
				margin: 0 auto;
				text-align: center;
			}
				.sld_naiyoallwrap_02 .sld_naiyoall_02 {
					display: flex;
					flex-direction: column;
					width: 100%;
				}
					.sld_naiyoall_02 .sld_title {
						display: inline-block;
						width: 100%;
						font-size: 3.0em;
						line-height: 1.2;
						text-align: center;
						margin-top: 0;
						font-family: 'Open Sans', sans-serif;
						font-weight: 700;
						color: #fff;
					}
					.sld_naiyoall_02 .sld_subtitle {
						display: inline-block;
						width: 100%;
						font-size: 1.0em;
						line-height: 1.4;
						text-align: center;
						margin-top: 0.1em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						color: #fff;
					}

			.sld_naiyoallwrap_02 .sld_underwrap {
				position: absolute;
				bottom:10px;
				display: flex;
				flex-direction: column;
				width: 100%;
				margin: 0 auto;
			}
				/* スライド内ボタン */
				.sld_underwrap .sldmore_btn{
					background-color: #012c55;
					border-radius: 50px;
					font-size: 0.8em;
					font-weight: bold;
					position: relative;
					text-align: center;
					vertical-align: middle;
					margin: 1em auto 0;
					width: 80%;
				}
				.sld_underwrap .sld_sdgswrap {
					display: flex;
					flex-wrap: nowrap;
					flex-direction: row;
					justify-content: center;
					width: 100%;
					height: 120px;
					margin-top: 1em;
				}
					.sld_sdgswrap .sld_sdgswrap_left {
						display: flex;
						align-items: center;
						justify-content: flex-end;
						width: 47%;
						padding-right: 3%;
						border-right: 1px solid #fff;
					}
						.sld_sdgswrap_left .sld_sdgslogo {
							height: 40px;
							width: auto;
						}
							.sld_sdgswrap_left .sld_sdgslogo img {
								height: 100%;
								opacity: 1!important;
							}
					.sld_sdgswrap .sld_sdgswrap_right {
						display: flex;
						width: 47%;
						padding-left: 3%;
						text-align: left;
						align-items: center;
						justify-content:flex-start;
					}
						.sld_sdgswrap_right ul {
							display: flex;
							flex-wrap: nowrap;
							flex-direction: row;
							justify-content: flex-start;
							height: 40px;
						}
							.sld_sdgswrap_right ul li {
								width: auto;
								height: 40px;
								margin-right: 0.4em;
							}
								.sld_sdgswrap_right ul li img {
									height: 100%;
									width: auto;
								}


		/* スライド背景画像 */
		.sld_imgwrap {
			width: 100%;
			height: 600px;
			display: flex;
		}
			.sld_imgwrap img {
				width: 100%;
				height: auto;
				object-fit: cover;
			}

		/* スライド左右矢印 */
		.top_slider .arrow_leftright {
			position: absolute;
			bottom:10px;
			margin-top: -18px; 
			z-index: 999999;
			cursor: pointer;
			width: 30px;
			height: auto;
			opacity: 0.5;
		}
			.top_slider .arrow_left {
				left: 20px!important;
			}
			.top_slider .arrow_right {
				right: 20px!important;
			}



/* レスポンシブ　タブレット */
@media (min-width: 768px) {
		/* スライドテキスト内容 */
		#slider .sld_naiyowrap {
			position: absolute;
			display: flex;
			align-items: center;
			width: 100%;
			height: 600px;
			z-index: 999;
		}
				.sld_naiyoall_01 {
					display: flex;
					flex-direction: column;
					width: 300px;
					margin: 0 0 0 80px;
					padding: 0
				}
					.sld_naiyoall_01 .sld_title {
						display: inline-block;
						width: 100%;
						font-size: 1.4em;
						line-height: 1.2;
						text-align-last: justify;
						margin-top: 0.5em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 700;
						color: #fff;
					}
					.sld_naiyoall_01 .sld_subtitle {
						display: inline-block;
						width: 100%;
						font-size: 0.8em;
						/*text-align-last: justify;*/
						margin-top: 0.0em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						color: #fff;
						line-height: 1.8;
					}
	
}



/* レスポンシブ　PC */
@media (min-width: 960px) {

		/* スライドテキスト内容 */
		#slider .sld_naiyowrap {
			position: absolute;
			display: flex;
			align-items: center;
			width: 100%;
			height: 700px;
			z-index: 999;
		}
			/* スライド１ページ目 */
			#slider .sld_naiyoallwrap_01 {
				width: 1100px;
				margin: 0 auto;
				text-align: left;
			}
				.sld_naiyoall_01 {
					display: flex;
					flex-direction: column;
					width: 400px;
					margin: 0 auto 0 0;
					padding: 0 80px;
				}
					.sld_naiyoall_01 .sld_title {
						display: inline-block;
						width: 100%;
						font-size: 2.2em;
						line-height: 1.2;
						text-align-last: justify;
						margin-top: 0.5em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 700;
						color: #fff;
					}
					.sld_naiyoall_01 .sld_subtitle {
						display: inline-block;
						width: 100%;
						font-size: 0.9em;
						/*text-align-last: justify;*/
						margin-top: 0.0em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						color: #fff;
						line-height: 1.8;
					}

			/* スライド２～４ページ目 */
			#slider .sld_naiyoallwrap_02 {
				position: relative;
				display: flex;
				align-items: center;
				height: 700px;
				width: 1100px;
				margin: 0 auto;
				text-align: center;
			}
				.sld_naiyoallwrap_02 .sld_naiyoall_02 {
					display: flex;
					flex-direction: column;
					width: 100%;
					margin: 0 auto 0 0;
				}
					.sld_naiyoall_02 .sld_title {
						display: inline-block;
						width: 100%;
						font-size: 5.0em;
						line-height: 1.2;
						text-align: center;
						margin-top: 0;
						font-family: 'Open Sans', sans-serif;
						font-weight: 700;
						color: #fff;
					}
					.sld_naiyoall_02 .sld_subtitle {
						display: inline-block;
						width: 100%;
						font-size: 1.4em;
						line-height: 1.4;
						text-align: center;
						margin-top: 0.1em;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						color: #fff;
					}

			.sld_naiyoallwrap_02 .sld_underwrap {
				position: absolute;
				bottom:10px;
				display: flex;
				flex-direction: column;
				width: 100%;
				margin: 0 auto;
			}
				/* スライド内ボタン */
				.sld_underwrap .sldmore_btn{
					background-color: #012c55;
					border-radius: 50px;
					font-size: 1em;
					font-weight: bold;
					position: relative;
					text-align: center;
					vertical-align: middle;
					margin: 1em auto 0;
					width: 30%;
				}
				.sld_underwrap .sld_sdgswrap {
					display: flex;
					flex-wrap: nowrap;
					flex-direction: row;
					justify-content: center;
					width: 100%;
					height: 120px;
					margin-top: 1em;
				}
					.sld_sdgswrap .sld_sdgswrap_left {
						display: flex;
						align-items: center;
						justify-content: flex-end;
						width: 47%;
						padding-right: 3%;
						border-right: 1px solid #fff;
					}
						.sld_sdgswrap_left .sld_sdgslogo {
							height: 60px;
							width: auto;
						}
							.sld_sdgswrap_left .sld_sdgslogo img {
								height: 100%;
								opacity: 1!important;
							}
					.sld_sdgswrap .sld_sdgswrap_right {
						display: flex;
						width: 47%;
						padding-left: 3%;
						text-align: left;
						align-items: center;
						justify-content:flex-start;
					}
						.sld_sdgswrap_right ul {
							display: flex;
							flex-wrap: nowrap;
							flex-direction: row;
							justify-content: flex-start;
							height: 60px;
						}
							.sld_sdgswrap_right ul li {
								width: auto;
								height: 60px;
								margin-right: 0.4em;
							}
								.sld_sdgswrap_right ul li img {
									height: 100%;
									width: auto;
								}
	
			/* スライド背景画像 */
			.sld_imgwrap {
				width: 100%;
				height: 700px;
				display: flex;
			}
				.sld_imgwrap img {
					width: 100%;
					height: auto;
				}
	
}




/*--------------------- ニュースエリア ---------------------*/
#news {
	background-color: #fff;
	padding: 40px 0 ;
	position: relative;
	z-index: 9999; 
}
	/* パララックス */
	.slideeditorial {
		display: block;
		width: 100%;
		height: 60px;
		max-height: 60px;
		margin: 0;
		z-index:99999;
		top: -60px;
		position:absolute;
		left:0px;
		float:left;
	}
	.slideeditorial .parallax1 > use {
		animation: move-forever1 12s linear infinite;
		&:nth-child(1) {
			animation-delay: -2s;
		}
	}
	.slideeditorial .parallax2 > use {
		animation: move-forever2 8s linear infinite;
		&:nth-child(1) {
			animation-delay: -6s;
		}
	}
	@keyframes move-forever1 {
		0% {
			transform: translate(85px, 0%);
		}
		100% {
			transform: translate(-90px, 0%);
		}
	}
	@keyframes move-forever2 {
		0% {
			transform: translate(-90px, 0%);
		}
		100% {
			transform: translate(85px, 0%);
		}
	}


	/* ニュース見出し */
	#news .newsmidashi_flexwrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2em;
		margin-bottom: 20px;
	}
		.newsmidashi_flexwrap .newsmidashi_flexleft {
			display: flex;
			flex-direction: column;
			justify-content:flex-start;
			flex: 1;
		}
			.newsmidashi_e {
				display: flex;
				align-items: center;
				font-size: 2em;
				line-height: 1.0;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.newsmidashi_j {
				display: flex;
				align-items: center;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				letter-spacing: 0;
				text-indent: 0;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 0;
			}
		.newsmidashi_flexwrap .newsmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 170px;
			position: relative;
		}
			.newslistlink_link {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
				.newslistlink_text {
					font-size: 0.8em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
					.newsmidashi_flexright:hover .newslistlink_text {
						color: #ca0915!important;
						text-decoration: none;
						transition: 0.5s;
					}
				.newslistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 40px;
				}
					.newslistlink_arrow svg {
						width: 30px;
						height: 30px;
					}
					.newslistlink_arrow svg circle {
						fill: #012c55;
					}
					.newslistlink_arrow svg polyline {
						stroke: #fff;
					}
					.newsmidashi_flexright:hover .newslistlink_arrow svg {
						transition: 0.5s;
					}
					.newsmidashi_flexright:hover .newslistlink_arrow svg circle {
						fill: #ca0915;
						transition: 0.5s;
					}
					.newsmidashi_flexright:hover .newslistlink_arrow svg polyline {
						stroke: #fff;
						transition: 0.5s;
					}

	/* ニュースメニュー */
	#news .newsmenu_flexwrap {
		width: 100%;
		background-color: #F7F8FA;
		border-radius: 10px;
		padding: 1.5em 2em;
		box-sizing: border-box;
		display: none;
	}
		#news .newsmenu_flexwrap ul {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
		}
			#news .newsmenu_flexwrap ul li {
				padding-right: 2em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
			}
			#news .newsmenu_flexwrap ul li a {
				text-decoration: none;
				transition: 0.5s;
			}
			#news .newsmenu_flexwrap ul li a:hover {
				color: #ca0915; 
				transition: 0.5s;
			}

	/* ニュース内容 */
	#news .news_flexwrap {
		/*display: flex;
		flex-direction: column;
		justify-content: space-between;*/
		margin-top: 2em;
		margin-bottom: 20px;
		display: none;
	}

		.newslist_ul {
			text-align: center;
			/*display: flex;
			justify-content: space-between;
			flex-direction: column;
			flex-wrap: wrap;*/
			width: 100%;
		}
			.newslist_ul .newslist_li {
				position: relative;
				color: #333 !important;
				width: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				/*border-bottom: 1px dotted #ccc;*/
				text-decoration: none;
				/*padding: 0 0 1em;*/
				/*margin-bottom: 1em;*/
				-webkit-box-sizing: border-box;
				 -moz-box-sizing: border-box;
					 -o-box-sizing: border-box;
					-ms-box-sizing: border-box;
							box-sizing: border-box;
				align-items: flex-start;
				padding: 1em 0;
				border-bottom: 1px solid #eee;
			}
			.newslist_ul .newslist_li a {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
					.news_date {
						text-align: left;
						font-size: 0.8em;
						font-family: 'Open Sans', sans-serif;
						margin-right: 1.0em;
					}
					.news_cate {
						text-align: left;
						font-size: 0.8em;
						display: inherit;
						border-radius: 5px;
						width: 100px;
						margin-right: 2.0em;
					}
					.singlewaku .news_cate a {
						text-decoration: none;
					}
						.news_cate ul {
							font-size: 0.8em;
							padding: 0;
							margin: 0 auto;
							width: 100px;
						}
							.news_cate ul li {
								text-align: center;
							}
							.news_cate ul li a {
								position: inherit!important;
								color: #fff;
								font-family: 'Noto Sans JP', sans-serif;
								font-weight: 500;
								padding: 0.5em 0.5em;
								text-decoration: none;
							}
					.news_text {
						text-align: left;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						font-size: 0.8em;
						line-height: 1.4;
						flex: initial;
					}
						.news_text a {
							text-decoration: none;
						}

	/* blog サイドバーウィジェット編集 */
	.news_flexright ul {
		border-top: 0;
		border-bottom: 0;
	}
		.news_flexright ul li:first-child {
			border-top: 0;
		}
			.widgettitle {
				text-align: left;
				font-size: 1.0em;
				font-weight: 600;
				background-color: #333;
				color: #fff;
				padding: 0.5em 1em;
			}

	/* ウィジェット「最近の投稿」編集 */
	.wg_newnews ul {
		margin: 1.4em 0 3em!important;
	}
		.wg_newnews h2 {
			border-radius: 0.5em;
		}
			.wg_newnews li {
				text-align: left;
				margin-bottom: 1.4em;
				line-height: 1.4;
			}
			.wg_newnews li a {
				text-decoration: none;
			}

	/* ウィジェット「カテゴリ」編集 */
	.wg_category ul {
		margin: 1.4em 0 3em!important;
		border-radius: 5px;
	}
		.wg_category h2 {
			border-radius: 0.5em;
		}
			.wg_category li {
				text-align: left;
				padding: 0.4em 1em;
				display: inline-block;
				background-color: #ededed;
				border-radius: 5px;
				margin-right: 0.5em;
				margin-bottom: 1em;
			}
			.wg_category li a {
				font-size: 0.8em;
				padding: 5px;
				margin-bottom: 8px;
				text-align: left;
				text-decoration: none;
			}

	/* ウィジェット「アーカイブ」編集 */
	.wg_archive ul {
		margin: 1.4em 0 3em!important;
		border-radius: 5px;
	}
		.wg_archive h2 {
			border-radius: 0.5em;
		}

	/* ウィジェット「ギャラリー」編集 */
	.wg_gallery ul {
		margin: 1.4em 0 3em!important;
		border-radius: 5px;
	}
		.wg_gallery h2 {
			border-radius: 0.5em;
		}

	.news_flexright ul li .textwidget a img {
		width: 100%
	}

	/* ニュースタブメニュー＆一覧 */
	.full_content {
		height: 600px;
		position:relative;
		margin:10px auto 0;
		clear:both;
	}
		.tabmenu{
			width:24.6%;
			background:#F7F8FA;
			float:left;
			list-style:none;
			/*padding:10px 0 10px;*/
			text-align:center;
			/*display:block;*/
			cursor: pointer;
			color:#333;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 500;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 0.8em;
		}
		.active, .hover {
			background:#ca0915;
			color: #fff;
			font-weight:bold;
			transition: 0.5s;
		}

		.tabmenu img:hover {
			opacity:0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha( opacity=70 )";
		}
		.mr01{
			margin-right:1px;
		}
		.tabcontent {
			width:100%;
			margin-top:60px;
			left:0;
			position:absolute; 
		}
		.tabcontent dl{
			max-width:750px;
			margin: 20px auto;
		}
		.tabcontent dl dt{
			padding:0 20px 5px;
			border-bottom: solid 1px #e2e2e2;
			margin-bottom:10px;
		}
		.tab_title{
			margin-top: 10px;
			padding: 5px 20px 5px;
			font-weight: bold;
			border-bottom: 1px #999 solid;
		}



/* レスポンシブ　タブレット */
@media (min-width: 768px) {
		.newsmidashi_flexwrap .newsmidashi_flexleft {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
			flex: 1;
		}
			.newsmidashi_e {
				display: flex;
				align-items: center;
				font-size: 3em;
				line-height: 60px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.newsmidashi_j {
				display: flex;
				align-items: center;
				font-size: 1em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				letter-spacing: 6px;
				text-indent: 6px;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 20px;
			}
		.newsmidashi_flexwrap .newsmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 200px;
			position: relative;
		}
				.newslistlink_text {
					font-size: 1em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
				.newslistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 70px;
				}
					.newslistlink_arrow svg {
						width: 50px;
						height: 50px;
					}
	
	/* ニュースタブメニュー＆一覧 */
	.full_content {
		height: 400px;
		position:relative;
		margin:10px auto 0;
		clear:both;
	}
}


/* レスポンシブ　PC */
@media (min-width: 960px) {

/* news */
#news {
	background-color: #fff;
	padding: 80px 0 ;
	position: relative;
	z-index: 9999;
}
	/* ニュース見出し */
		.newsmidashi_flexwrap .newsmidashi_flexleft {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
			flex: 1;
		}
			.newsmidashi_e {
				display: flex;
				align-items: center;
				font-size: 4em;
				line-height: 60px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.newsmidashi_j {
				display: flex;
				align-items: center;
				font-size: 1em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				letter-spacing: 6px;
				text-indent: 6px;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 20px;
			}
		.newsmidashi_flexwrap .newsmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 200px;
			position: relative;
		}
				.newslistlink_text {
					font-size: 1em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
				.newslistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 70px;
				}
					.newslistlink_arrow svg {
						width: 50px;
						height: 50px;
					}
	
	/* ニュース内容 */
	#news .news_flexwrap {
		display: flex;
		flex-direction: row;
		margin-top: 2em;
		margin-bottom: 0;
		display: none;
	}

		.newslist_img {
			display: flex;
			width: 100%;
			height: 220px;
		}
			/*.news_text {
				text-align: left;
				font-weight: 500;
				flex: 1;
			}*/

		.wg_category li {
			text-align: left;
			padding: 0.4em 1em;
			display: inline-block;
			background-color: #ededed;
			border-radius: 5px;
			margin-right: 1em;
			margin-bottom: 1em;
		}
		.wg_category li a {
			font-size: 1.0em;
			padding: 5px;
			margin-bottom: 8px;
			text-align: left;
			text-decoration: none;
		}

			.newslist_ul .newslist_li {
				position: relative;
				color: #333 !important;
				width: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				/*border-bottom: 1px dotted #ccc;*/
				text-decoration: none;
				/*padding: 0 0 1em;*/
				/*margin-bottom: 1em;*/
				-webkit-box-sizing: border-box;
				 -moz-box-sizing: border-box;
					 -o-box-sizing: border-box;
					-ms-box-sizing: border-box;
							box-sizing: border-box;
				align-items: center;
				padding: 1em;
				border-bottom: 1px solid #eee;
			}
					.news_date {
						text-align: left;
						font-size: 1.0em;
						font-family: 'Open Sans', sans-serif;
						margin-right: 1.0em;
					}
					.news_cate {
						text-align: left;
						font-size: 0.8em;
						display: inherit;
						border-radius: 5px;
						width: 150px;
						margin-right: 2.0em;
					}
					.singlewaku .news_cate a {
						text-decoration: none;
					}
						.news_cate ul {
							font-size: 1.0em;
							padding: 0;
							margin: 0 auto;
							width: 160px;
						}
							.news_cate ul li {
								text-align: center;
							}
							.news_cate ul li a {
								position: inherit!important;
								color: #fff;
								font-family: 'Noto Sans JP', sans-serif;
								font-weight: 500;
								padding: 0.5em 0.5em;
								text-decoration: none;
							}
					.news_text {
						text-align: left;
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: 400;
						font-size: 1.0em;
						line-height: 1.4;
						flex: 1;
					}
	
	
	
	
	/* ニュースタブメニュー＆一覧 */
	.full_content {
		height: 450px;
		position:relative;
		margin:10px auto 0;
		clear:both;
	}
		.tabmenu{
			width:24.8%;
			background:#F7F8FA;
			float:left;
			list-style:none;
			/*padding:10px 0 10px;*/
			text-align:center;
			/*display:block;*/
			cursor: pointer;
			color:#333;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 500;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1em;
		}
		.active, .hover {
			background:#ca0915;
			color: #fff;
			font-weight:bold;
			transition: 0.5s;
		}
		.tabcontent {
			width:100%;
			margin-top:70px;
			left:0;
			position:absolute; 
		}
		.tabcontent dl{
			max-width:750px;
			margin: 20px auto;
		}
		.tabcontent dl dt{
			padding:0 20px 5px;
			border-bottom: solid 1px #e2e2e2;
			margin-bottom:10px;
		}
		.tab_title{
			margin-top: 10px;
			padding: 5px 20px 5px;
			font-weight: bold;
			border-bottom: 1px #999 solid;
		}
	
}




/*--------------------- 製品情報エリア ---------------------*/
#product {
	/*background-color: #2d3139;*/
	padding: 0;
	margin-top: 0px;
	position: relative;
}

	/* 製品見出し */
	#product .prdmidashi_flexwrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-top: 4em;
		margin-bottom: 20px;
		padding-bottom: 0.8em;
		border-bottom: 1px solid #ccc;
	}
		.prdmidashi_flexwrap .prdmidashi_flexleft {
			display: flex;
			flex-direction: column;
			justify-content:flex-start;
			flex: 1;
		}
			.prdmidashi_e {
				display: flex;
				align-items: center;
				font-size: 2em;
				line-height: 1.0;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.prdmidashi_j {
				display: flex;
				align-items: center;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				letter-spacing: 0;
				text-indent: 0;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 0;
			}
		.prdmidashi_flexwrap .prdmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 50%;
			position: relative;
		}
			.prdlistlink_link {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
				.prdlistlink_text {
					font-size: 0.8em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
					.prdmidashi_flexright:hover .prdlistlink_text {
						color: #ca0915!important;
						text-decoration: none;
						transition: 0.5s;
					}
				.prdlistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 40px;
				}
					.prdlistlink_arrow svg {
						width: 30px;
						height: 30px;
					}
					.prdlistlink_arrow svg circle {
						fill: #012c55;
					}
					.prdlistlink_arrow svg polyline {
						stroke: #fff;
					}
					.prdmidashi_flexright:hover .prdlistlink_arrow svg {
						transition: 0.5s;
					}
					.prdmidashi_flexright:hover .prdlistlink_arrow svg circle {
						fill: #ca0915;
						transition: 0.5s;
					}
					.prdmidashi_flexright:hover .prdlistlink_arrow svg polyline {
						stroke: #fff;
						transition: 0.5s;
					}

	/* 製品内容 */
	.prdconcept_flexwrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		padding-top: 0;
	}
		.prdconcept_flexleft {
			flex-direction: row;
			flex: 1;
		}
			.prdconcept_txt_l {
				display: block;
				font-size: 1.2em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				line-height: 1.4;
				color: #333;
				text-align: left; 
				width: 100%;
			}
			.prdconcept_txt_s {
				display: block;
				margin-top: 1em;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				color: #333;
				text-align: left; 
				width: 100%;
			}

		.prdconcept_flexright {
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			margin-left: 0;
			width: 100%;
			position: relative;
			background-color: #ffffff;
		}
			.prdconcept_img {
				width: 100%;
				width: 100%;
				position: relative;
			}
				.prdconcept_img img {
					width: 100%;
					height: auto;
					border-radius: 10px;
				}

				.prdconcept_imgfractal {
					position: absolute;
					top: 15%;
					left: 50%;
					transform: translateX(-50%);
					display: block;
					z-index: 999;
				}
				.prdconcept_imgfractal::before {
					content: "";
					display: none;
					width: 400px;
					height: 300px;
					position: absolute;
					top: -121px;
					left: -225px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_red.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
				.prdconcept_imgfractal:hover::before {
					opacity: 1;
					transition: 1.5s;
				}
					.prdconcept_imgfractal a {
						text-decoration: none;
						z-index: 12;
						pointer-events: auto;
					}
					.prdconcept_imgfractal a:hover .prdconcept_imgfractal_j, .prdconcept_imgfractal a:hover .prdconcept_imgfractal_e {
						transition: 0.5s;
						color: #ca0915;
					}
						.prdconcept_imglink::before {
							opacity: 1;
							transition: 1.5s;
						}
							.prdconcept_imgfractal_j {
								display: block;
								font-size: 0.8em;
								line-height: 1.0;
								font-family: 'Noto Sans JP', sans-serif;
								font-weight: 500;
								color: #231815;
								text-align: center; 
								width: 100%;
							}
							.prdconcept_imgfractal_e {
								display: block;
								font-size: 1.8em;
								line-height: 1.0;
								font-family: 'Open Sans', sans-serif;
								font-weight: 600;
								color: #231815;
								text-align: center; 
								width: 100%;
							}
				.prdconcept_imghouse {
					position: absolute;
					left: 5%;
					bottom: 30%;
					z-index: 999;
				}
				.prdconcept_imghouse::before {
					content: "";
					display: none;
					width: 301px;
					height: 476px;
					position: absolute;
					top: -243px;
					left: -30px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_blue.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
				.prdconcept_imghouse:hover::before {
					opacity: 1;
					transition: 1.5s;
				}
					.prdconcept_imghouse a {
						text-decoration: none;
						z-index: 11;
						pointer-events: auto;
					}
					.prdconcept_imghouse a:hover .prdconcept_imghouse_j, .prdconcept_imghouse a:hover .prdconcept_imghouse_e {
						transition: 0.5s;
						color: #012c55;
					}
						.prdconcept_imghouse_j {
							display: block;
							font-size: 0.8em;
							line-height: 1.0;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 500;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
						.prdconcept_imghouse_e {
							display: block;
							font-size: 1.8em;
							line-height: 1.0;
							font-family: 'Open Sans', sans-serif;
							font-weight: 600;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
				.prdconcept_imgother {
					position: absolute;
					right: 5%;
					bottom: 30%;
					z-index: 999;
				}
				.prdconcept_imgother::before {
					content: "";
					display: none;
					width: 301px;
					height: 476px;
					position: absolute;
					top: -243px;
					left: -141px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_black.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
				.prdconcept_imgother:hover::before {
					opacity: 1;
					transition: 1.5s;
				}
					.prdconcept_imgother a {
						text-decoration: none;
						z-index: 10;
						pointer-events: auto;
					}
					.prdconcept_imgother a:hover .prdconcept_imgother_j, .prdconcept_imgother a:hover .prdconcept_imgother_e {
						transition: 0.5s;
						color: #000;
					}
						.prdconcept_imgother_j {
							display: block;
							font-size: 0.8em;
							line-height: 1.0;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 500;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
						.prdconcept_imgother_e {
							display: block;
							font-size: 1.8em;
							line-height: 1.0;
							font-family: 'Open Sans', sans-serif;
							font-weight: 600;
							color: #231815;
							text-align: center; 
							width: 100%;
						}




/* レスポンシブ　タブレット */
@media (min-width: 768px) {
		.prdmidashi_flexwrap .prdmidashi_flexleft {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
			flex: 1;
		}
			.prdmidashi_e {
				display: flex;
				align-items: center;
				font-size: 3em;
				line-height: 60px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.prdmidashi_j {
				display: flex;
				align-items: center;
				font-size: 1em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				letter-spacing: 6px;
				text-indent: 6px;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 20px;
			}
		.prdmidashi_flexwrap .prdmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 200px;
			position: relative;
		}
				.prdlistlink_text {
					font-size: 1em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
					.prdmidashi_flexright:hover .prdlistlink_text {
						color: #ca0915!important;
						text-decoration: none;
						transition: 0.5s;
					}
				.prdlistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 70px;
				}
					.prdlistlink_arrow svg {
						width: 50px;
						height: 50px;
					}
	
	.prdconcept_flexwrap {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-top: 0;
	}
		.prdconcept_flexleft {
			flex-direction: row;
			flex: 1;
		}
			.prdconcept_txt_l {
				display: block;
				font-size: 1.4em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				line-height: 1.4;
				color: #333;
				text-align: left; 
				width: 100%;
			}
			.prdconcept_txt_s {
				display: block;
				margin-top: 1em;
				font-size: 0.9em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				color: #333;
				text-align: left; 
				width: 100%;
			}

		.prdconcept_flexright {
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			margin-left: 20px;
			width: 400px;
			position: relative;
			background-color: #ffffff;
		}
			.prdconcept_img {
				width: 100%;
				width: 400px;
				position: relative;
			}
				.prdconcept_img img {
					width: 100%;
					height: auto;
					border-radius: 10px;
				}

				.prdconcept_imgfractal {
					position: absolute;
					top: 15%;
					left: 50%;
					transform: translateX(-50%);
					display: block;
					z-index: 999;
				}
				.prdconcept_imgfractal::before {
					content: "";
					display: inline-block;
					width: 400px;
					height: 300px;
					position: absolute;
					top: -121px;
					left: -225px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_red.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
							.prdconcept_imgfractal_j {
								display: block;
								font-size: 0.8em;
								line-height: 1.0;
								font-family: 'Noto Sans JP', sans-serif;
								font-weight: 500;
								color: #231815;
								text-align: center; 
								width: 100%;
							}
							.prdconcept_imgfractal_e {
								display: block;
								font-size: 2.0em;
								line-height: 1.0;
								font-family: 'Open Sans', sans-serif;
								font-weight: 600;
								color: #231815;
								text-align: center; 
								width: 100%;
							}
				.prdconcept_imghouse {
					position: absolute;
					left: 5%;
					bottom: 30%;
					z-index: 999;
				}
				.prdconcept_imghouse::before {
					content: "";
					display: inline-block;
					width: 301px;
					height: 476px;
					position: absolute;
					top: -243px;
					left: -30px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_blue.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
						.prdconcept_imghouse_j {
							display: block;
							font-size: 0.8em;
							line-height: 1.0;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 500;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
						.prdconcept_imghouse_e {
							display: block;
							font-size: 2.0em;
							line-height: 1.0;
							font-family: 'Open Sans', sans-serif;
							font-weight: 600;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
				.prdconcept_imgother {
					position: absolute;
					right: 5%;
					bottom: 30%;
					z-index: 999;
				}
				.prdconcept_imgother::before {
					content: "";
					display: inline-block;
					width: 301px;
					height: 476px;
					position: absolute;
					top: -243px;
					left: -141px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_black.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
						.prdconcept_imgother_j {
							display: block;
							font-size: 0.8em;
							line-height: 1.0;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 500;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
						.prdconcept_imgother_e {
							display: block;
							font-size: 2.0em;
							line-height: 1.0;
							font-family: 'Open Sans', sans-serif;
							font-weight: 600;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
	
	
}


/* レスポンシブ　PC */
@media (min-width: 960px) {

	/* 製品見出し */
	#product .prdmidashi_flexwrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-top: 4em;
		margin-bottom: 20px;
		padding-bottom: 0.8em;
		border-bottom: 1px solid #ccc;
	}
		.prdmidashi_flexwrap .prdmidashi_flexleft {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
			flex: 1;
		}
			.prdmidashi_e {
				display: flex;
				align-items: center;
				font-size: 4em;
				line-height: 60px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.prdmidashi_j {
				display: flex;
				align-items: center;
				font-size: 1em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				letter-spacing: 6px;
				text-indent: 6px;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 20px;
			}
		.prdmidashi_flexwrap .prdmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 200px;
			position: relative;
		}
				.prdlistlink_text {
					font-size: 1em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
					.prdmidashi_flexright:hover .prdlistlink_text {
						color: #ca0915!important;
						text-decoration: none;
						transition: 0.5s;
					}
				.prdlistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 70px;
				}
					.prdlistlink_arrow svg {
						width: 50px;
						height: 50px;
					}
	
	.prdconcept_flexwrap {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-top: 0;
	}
		.prdconcept_flexleft {
			flex-direction: row;
			flex: 1;
		}
			.prdconcept_txt_l {
				display: block;
				font-size: 1.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				line-height: 1.4;
				color: #333;
				text-align: left; 
				width: 100%;
			}
			.prdconcept_txt_s {
				display: block;
				margin-top: 1em;
				font-size: 1.0em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				color: #333;
				text-align: left; 
				width: 100%;
			}

		.prdconcept_flexright {
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			margin-left: 100px;
			width: 600px;
			position: relative;
			background-color: #ffffff;
		}
			.prdconcept_img {
				width: 100%;
				width: 600px;
				position: relative;
			}
				.prdconcept_img img {
					width: 100%;
					height: auto;
					border-radius: 10px;
				}

				.prdconcept_imgfractal {
					position: absolute;
					top: 15%;
					left: 50%;
					transform: translateX(-50%);
					display: block;
					z-index: 999;
				}
				.prdconcept_imgfractal::before {
					content: "";
					display: inline-block;
					width: 600px;
					height: 300px;
					position: absolute;
					top: -121px;
					left: -225px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_red.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
							.prdconcept_imgfractal_j {
								display: block;
								font-size: 0.8em;
								line-height: 1.0;
								font-family: 'Noto Sans JP', sans-serif;
								font-weight: 500;
								color: #231815;
								text-align: center; 
								width: 100%;
							}
							.prdconcept_imgfractal_e {
								display: block;
								font-size: 2.8em;
								line-height: 1.0;
								font-family: 'Open Sans', sans-serif;
								font-weight: 600;
								color: #231815;
								text-align: center; 
								width: 100%;
							}
				.prdconcept_imghouse {
					position: absolute;
					left: 5%;
					bottom: 30%;
					z-index: 999;
				}
				.prdconcept_imghouse::before {
					content: "";
					display: inline-block;
					width: 301px;
					height: 476px;
					position: absolute;
					top: -243px;
					left: -30px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_blue.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
						.prdconcept_imghouse_j {
							display: block;
							font-size: 0.8em;
							line-height: 1.0;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 500;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
						.prdconcept_imghouse_e {
							display: block;
							font-size: 2.8em;
							line-height: 1.0;
							font-family: 'Open Sans', sans-serif;
							font-weight: 600;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
				.prdconcept_imgother {
					position: absolute;
					right: 5%;
					bottom: 30%;
					z-index: 999;
				}
				.prdconcept_imgother::before {
					content: "";
					display: inline-block;
					width: 301px;
					height: 476px;
					position: absolute;
					top: -243px;
					left: -141px;
					z-index: -10;
					background: url(/ozwp/wp-content/uploads/2024/04/threecircle_black.png) 100% 100% / cover;
					background-repeat: no-repeat;
					background-size: contain;
					opacity: 0; /* 最初は見えないように */
					pointer-events: none;
				}
						.prdconcept_imgother_j {
							display: block;
							font-size: 0.8em;
							line-height: 1.0;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 500;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
						.prdconcept_imgother_e {
							display: block;
							font-size: 2.8em;
							line-height: 1.0;
							font-family: 'Open Sans', sans-serif;
							font-weight: 600;
							color: #231815;
							text-align: center; 
							width: 100%;
						}
	
}





/*--------------------- 会社情報エリア ---------------------*/
#about {
	background-color: #fff;
	padding: 40px 0 100px ;
	position: relative;
	z-index: 9999; 
}
	/* 会社情報見出し */
	#about .aboutmidashi_flexwrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2em;
		margin-bottom: 20px;
		padding-bottom: 0.8em;
		border-bottom: 1px solid #ccc;
	}
		.aboutmidashi_flexwrap .aboutmidashi_flexleft {
			display: flex;
			flex-direction: column;
			justify-content:flex-start;
			flex: 1;
		}
			.aboutmidashi_e {
				display: flex;
				align-items: center;
				font-size: 2em;
				line-height: 1.0;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.aboutmidashi_j {
				display: flex;
				align-items: center;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				letter-spacing: 0;
				text-indent: 0;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 0;
			}
		.aboutmidashi_flexwrap .aboutmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 170px;
			width: 300px;
			position: relative;
		}
			.aboutlistlink_link {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
				.aboutlistlink_text {
					font-size: 0.8em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
					line-height: 1.4;
				}
					.aboutmidashi_flexright:hover .aboutlistlink_text {
						color: #ca0915!important;
						text-decoration: none;
						transition: 0.5s;
					}
				.aboutlistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 40px;
				}
					.aboutlistlink_arrow svg {
						width: 30px;
						height: 30px;
					}
					.aboutlistlink_arrow svg circle {
						fill: #012c55;
					}
					.aboutlistlink_arrow svg polyline {
						stroke: #fff;
					}
					.aboutmidashi_flexright:hover .aboutlistlink_arrow svg {
						transition: 0.5s;
					}
					.aboutmidashi_flexright:hover .aboutlistlink_arrow svg circle {
						fill: #ca0915;
						transition: 0.5s;
					}
					.aboutmidashi_flexright:hover .aboutlistlink_arrow svg polyline {
						stroke: #fff;
						transition: 0.5s;
					}

	/* 会社情報内容 */
	#about .about_flexwrap {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	#about .aboutmargin01 {
		margin-top: 0;
	}
	#about .about_emidashi01 {
		position: relative;
		z-index: 999;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 3em;
		width: 100%;
		text-align: left;
		padding-left: 0;
		margin-top: 0;
		color: rgba(1,71,138,0.20);
	}
	#about .aboutmargin02 {
		margin-top: 2em;
	}
	#about .about_emidashi02 {
		position: relative;
		z-index: 999;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 3em;
		width: 100%;
		margin-top: 0;
		color: rgba(1,71,138,0.20);
		text-align: left;
		padding-left: 0;
	}
		.about_flexleft {
			display: flex;
			position: relative;
			width: 100%;
			flex-direction: column;
			text-align: left;
			justify-content: flex-end;
		}
		.about_flexright {
			display: flex;
			position: relative;
			width: 100%;
			flex-direction: column;
			text-align: left;
			justify-content: flex-end;
			margin-top: 1em;
		}
			.about_img {
				width: 100%;
			}
				.about_img img {
					width: 100%;
					height: auto;
					border-radius: 10px;
				}
			.about_txt_l {
				display: block;
				font-size: 1.4em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				line-height: 1.4;
				color: #333;
				text-align: left; 
				width: 100%;
			}
			.about_txt_s {
				display: block;
				margin-top: 1em;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				color: #333;
				text-align: left; 
				width: 100%;
			}



/* レスポンシブ　タブレット */
@media (min-width: 768px) {
		.aboutmidashi_flexwrap .aboutmidashi_flexleft {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
			flex: 1;
		}
			.aboutmidashi_e {
				display: flex;
				align-items: center;
				font-size: 3em;
				line-height: 60px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.aboutmidashi_j {
				display: flex;
				align-items: center;
				font-size: 1em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				letter-spacing: 6px;
				text-indent: 6px;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 20px;
			}
		.aboutmidashi_flexwrap .aboutmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 300px;
			position: relative;
		}
				.aboutlistlink_text {
					font-size: 1em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
				.aboutlistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 70px;
				}
					.aboutlistlink_arrow svg {
						width: 50px;
						height: 50px;
					}

	/* 会社情報内容 */
	#about .about_flexwrap {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	#about .aboutmargin01 {
		margin-top: 4em;
	}
	#about .about_emidashi01 {
		position: absolute;
		z-index: 999;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 4em;
		width: 100%;
		text-align: left;
		padding-left: 100px;
		margin-top: 0;
		color: rgba(1,71,138,0.20);
	}
	#about .aboutmargin02 {
		margin-top: 10em;
	}
	#about .about_emidashi02 {
		position: absolute;
		z-index: 999;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 4em;
		width: 100%;
		margin-top: -0.9em;
		color: rgba(1,71,138,0.20);
		text-align: right;
		padding-left: 0;
	}
		.about_flexleft {
			display: flex;
			position: relative;
			width: 45%;
			flex-direction: column;
			text-align: left;
			justify-content: flex-end;
		}
		.about_flexright {
			display: flex;
			position: relative;
			width: 45%;
			flex-direction: column;
			text-align: left;
			justify-content: flex-end;
			margin-top: 0;
		}
			.about_img {
				width: 100%;
			}
				.about_img img {
					width: 100%;
					height: auto;
					border-radius: 10px;
				}
			.about_txt_l {
				display: block;
				font-size: 1.4em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				line-height: 1.4;
				color: #333;
				text-align: left; 
				width: 100%;
			}
			.about_txt_s {
				display: block;
				margin-top: 1em;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				color: #333;
				text-align: left; 
				width: 100%;
			}
	
	
	
}


/* レスポンシブ　PC */
@media (min-width: 960px) {

	/* 会社情報見出し */
	#about .aboutmidashi_flexwrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2em;
		margin-bottom: 20px;
		padding-bottom: 0.8em;
		border-bottom: 1px solid #ccc;
	}
		.aboutmidashi_flexwrap .aboutmidashi_flexleft {
			display: flex;
			flex-direction: row;
			justify-content:flex-start;
			flex: 1;
		}
			.aboutmidashi_e {
				display: flex;
				align-items: center;
				font-size: 4em;
				line-height: 60px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				text-align: center;
				color: #333; 
			}
			.aboutmidashi_j {
				display: flex;
				align-items: center;
				font-size: 1em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				letter-spacing: 6px;
				text-indent: 6px;
				color: #333;
				text-align: left;
				width: 100%;
				padding-left: 20px;
			}
		.aboutmidashi_flexwrap .aboutmidashi_flexright {
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content:flex-end;
			width: 300px;
			position: relative;
		}
				.aboutlistlink_text {
					font-size: 1em;
					line-height: 60px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 500;
					text-align: center;
					color: #333; 
				}
				.aboutlistlink_arrow {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					width: 70px;
				}
					.aboutlistlink_arrow svg {
						width: 50px;
						height: 50px;
					}

	/* 会社情報内容 */
	#about .about_flexwrap {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	#about .aboutmargin01 {
		margin-top: 8em;
	}
	#about .about_emidashi01 {
		position: absolute;
		z-index: 999;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 7em;
		width: 100%;
		text-align: center;
		padding-left: 100px;
		margin-top: -1em;
		color: rgba(1,71,138,0.20);
	}
	#about .aboutmargin02 {
		margin-top: 10em;
	}
	#about .about_emidashi02 {
		position: absolute;
		z-index: 999;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 7em;
		width: 100%;
		margin-top: -0.9em;
		color: rgba(1,71,138,0.20);
		text-align: left;
		padding-left: 120px;
	}
		.about_flexleft {
			display: flex;
			position: relative;
			width: 45%;
			flex-direction: column;
			text-align: left;
			justify-content: flex-end;
		}
		.about_flexright {
			display: flex;
			position: relative;
			width: 45%;
			flex-direction: column;
			text-align: left;
			justify-content: flex-end;
			margin-top: 0;
		}
			.about_img {
				width: 100%;
			}
				.about_img img {
					width: 100%;
					height: auto;
					border-radius: 10px;
				}
			.about_txt_l {
				display: block;
				font-size: 1.4em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				line-height: 1.4;
				color: #333;
				text-align: left; 
				width: 100%;
			}
			.about_txt_s {
				display: block;
				margin-top: 1em;
				font-size: 0.8em;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				color: #333;
				text-align: left; 
				width: 100%;
			}
	
}






/* Larger than Desktop HD */
@media (min-width: 1200px) {
}
@media (min-width: 1300px) {
}
@media (min-width: 1450px) {
}
@media (min-width: 1600px) {
}