@charset "utf-8";

/* ===========================================================================================================================
	about.css
	ver 1.0.0
=========================================================================================================================== */

/* about mce
---------------------------------- */
.topicpass {
	padding-top:0px;
	padding-bottom:50px;
}

.subpage_nav_header {
	font-size: 1rem;
	font-weight:bold;
	color:#FFF;
	text-align:center !important;
}

.subpage_nav_header .english {
	font-size:1.5rem;
}

.subpage_nav td,
.subpage_nav th {
	background-color: #014c94;
	border:1px solid #FFF;
	text-align:left;
	width:1%;
}

.subpage_nav .active div.active {
	color:#98eaff;
	font-size:1.2rem;
	/* padding:15px 10px; */
}

.subpage_nav a,
.subpage_nav div.active {
	color:#FFF;
	font-size:1.2rem;
	display:block;
	padding:15px 10px;
	text-decoration:none;
}

.subpage_nav a:hover {
	color:#98eaff;
}

.subpage_nav a i {
	font-size:2rem;
	/* vertical-align:middle; */
	vertical-align: -4px;
}

.subpage_nav .active i {
    font-size: 2rem;
    /* vertical-align: middle; */
		vertical-align: -4px;
	}

.headline_page {
	margin-top: 60px;
	margin-bottom: 90px;
	color:#00509f;
}

.headline_page i {
	font-size: 4rem;
	vertical-align:sub;
	padding-right:6px;
}

.headline_line {
	font-size: 2.0rem;
	font-weight: bold;
	color: #00509f;
	border-bottom: 1px solid #00509f;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.topicpass {
		padding-bottom:10px;
	}
	
	.subpage_menu .container {
		padding:0px;
	}
	
	.subpage_nav th {
		display:none;
	}
	
	.subpage_nav a,
	.subpage_nav div.active {
		padding: 10px 5px;
    text-indent: -2rem;
    margin-left: 2rem;
	}
}

@media screen and (max-width: 479px) {
	.subpage_nav,
	.subpage_nav tbody,
	.subpage_nav tr {
		display:block;
		width:100%;
	}
	
	.subpage_nav td {
		display:block;
		width:50%;
		float:left;
	}
	
	.subpage_nav .active {
		/* padding:11px 5px; */
	}
}

/* ミウラ強み */
.mce .area_content .gutters {
	border-bottom:1px solid #dcdcdc;
	margin-bottom:50px;
}

.mce .area_content .gutters .col_7,
.mce .area_content .gutters .col_5 {
	padding-bottom:49px;
}

.mce .col_7 .item_headline {
	font-weight:bold;
	color:#333;
	line-height:1.4;
	margin-bottom:35px;
}

.mce .col7 .item_txt {
	font-size:1.6rem;
}

.iso {
	vertical-align:bottom;
	display:inline;
}

@media screen and (max-width: 767px) {
	
	.mce .col_7 .item_headline {
		border-bottom:1px solid #006599;
	}
	
	.corporate .space {
		display:block;
	}
	
	.corporate .greeting p {
		text-align:left;
	}
	
}

@media screen and (max-width: 479px) {
	.title_en {
		font-size:2.5rem;
		}
	
	.headline_page {
		margin-top:50px;
		margin-bottom:50px;
	}
	
	.iso {
		font-size:1.4rem;
	}
}

/* 会社概要 */
.corporate .area_content {
	margin-top:65px;
	margin-bottom:70px;
}

.corporate .area_content table {
	display:table;
}

.corporate .area_content td,
.corporate .area_content th {
	border: 1px solid #e6e6e6;
	font-size:1.6rem;
	padding: 25px 30px;
	text-align:left;
	vertical-align:text-top;
}

.corporate .area_content th {
	background-color:#f6f6f6;
	min-width:190px;
}

.corporate .btn_map {
	text-decoration:none;
	background-color: #00b3ad;
	color:#FFF;
	display:inline-block;
	padding:1px 10px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	line-height:1.2;
	border: 2px solid #FFF;
	
	-moz-transition:0.2s linear;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  -ms-transition:  0.2s linear;
  transition: 0.2s linear;
}

.corporate .btn_map:hover {
	background-color:#FFF;
	border: 2px solid #00b3ad;
	color:#00b3ad;
}

.corporate .btn_map i {
	vertical-align:sub;
	font-size:2rem;
}

.corporate .alliance a {
	color: #333;
	margin-bottom: 10px;
  line-height: 1.4;
  display: inline-block;
}

.corporate .alliance a:hover {
	text-decoration:none;
}

.greeting.area_content .item_headline {
	text-align:center;
	font-weight: bold;
	font-size: 2.4rem;
	letter-spacing:0.9rem;
	border-bottom:none;
	padding:15px;
	background-color:#00509f;
	color:#FFF;
	margin-bottom:0px;
}

.greeting .headline_md {
	max-width:1020px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.greeting .area_content {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	margin-top:0px;
	padding-top:50px;
}

.greeting .container {
	background-color:#e5e7e7;
	background-image: url(../about/img/corporate_greeting.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto;
}

.greeting .col_6 {
	padding-left:20px;
	padding-top:40px;
}

.greeting h5 {
	font-weight:bold;
	margin-bottom: 40px;
	padding-left:20px;
	font-size:2.2rem;
}

.greeting p {
	margin-bottom:25px;
	padding-left:20px;
}

.greeting .signature {
	float:right;
}

.greeting .sp {
	display:none;
}

@media screen and (max-width: 979px) {
	.greeting .container {
		background-color:#e5e7e7;
		background-image: url(../about/img/corporate_greeting_man.png);
		background-repeat:no-repeat;
		background-position:94% bottom;
		background-size:contain;
	}
	
	.greeting .col_6,
	.greeting .col_8 {
		width:60%;
	}
}

@media screen and (max-width: 767px) {
	.greeting .container {
		background-image: none;
	}
	
	.greeting .col_6,
	.greeting .col_8 {
		width:100%;
		text-align:center;
		padding-left:0px;
	}
	
	.greeting .signature {
		float:none;
	}
	
	.corporate .area_content td,
	.corporate .area_content th {
		font-size:1.4rem;
	}
	
	.corporate .area_content th {
		min-width:130px;
	}
	
	.greeting .sp {
		display:block;
		text-align:center;
	}
}

@media screen and (max-width: 479px) {
	.corporate .area_content td,
	.corporate .area_content th {
		padding: 10px;
		font-size:1.3rem;
	}
	
	.corporate .area_content th {
		min-width:90px;
	}
	
	.corporate .area_content {
		margin-top:40px;
		margin-bottom:40px;
		padding-top:0px;
	}
	
	.corporate .btn_map {
		margin-left:0px;
		display:block;
		padding:1px 5px;
	}
	
	.corporate .greeting .area_content {
		margin-top:0px;
	}
	
	.greeting.area_content .item_headline {
		width:100%;
		font-size:2rem;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.greeting .col_6 {
		padding-top:30px;
	}
	
	.greeting h5 {
		font-weight:bold;
		margin-bottom: 30px;
		padding-left:0px;
		font-size:1.8rem;
	}
	
	.greeting p {
		margin-bottom:30px;
		padding-left:0px;
		font-size:1.3rem
	}
	
	.greeting .signature {
		float:none;
		text-align:center;
	}
	
}

/* 沿革 */

.history .line {
}

.chronology {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.chronology table {
	margin-left:10px;
	margin-right:10px;
}

.chronology table a {
	color:#333;
}

.chronology table a span {
	text-decoration:underline;
}

.chronology table a:hover span {
	text-decoration:none;
	color:#999;
}

.chronology table a:hover {
	text-decoration:none;
}

.chronology table th,
.chronology table td {
	vertical-align:top;
}

.chronology table th {
	font-weight:bold;
	padding-right: 27px;
	border-left: 2px solid #0468b2;
	min-width:110px;
}

.chronology table th::before {
	content:"●";
	color:#0468b2;
	padding-right:10px;
	margin-left: -15.5px;
}

.chronology table .start {
	border:none;
	position:relative;
}

.chronology table .start span {
	border-left: 2px solid #0468b2;
	position: absolute;
	left: -1px;
	top: 18%;
	height: 100px;
	z-index: -1;
}

.chronology table td {
	padding-bottom:20px
}

.chronology table .end {
	border-left: 2px #0468b2 dashed;
}

.area_content_img {
	text-align:center;
	position:relative;
	margin-bottom:120px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.area_content_img p {
	font-size:2.7rem;
	font-weight:bold;
	color:#FFF;
	position:absolute;
	top:20px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	
	-webkit-text-shadow:4px 1.732050807568877px 5px rgba(0,0,0,0.8);
	-moz-text-shadow:4px 1.732050807568877px 5px rgba(0,0,0,0.8);
	-ms-text-shadow:4px 1.732050807568877px 5px rgba(0,0,0,0.8);
	-o-text-shadow:4px 1.732050807568877px 5px rgba(0,0,0,0.8);
	text-shadow:4px 1.732050807568877px 5px rgba(0,0,0,0.8);
}
	

@media screen and (max-width: 767px) {
	.chronology table {
		font-size:1.4rem;
	}
	
	.chronology table th::before {
		margin-left:-14.5px
	}
	
	.chronology table th {
		min-width:100px;
	}
}

@media screen and (max-width: 479px) {
	.chronology table .start span {
		top:10%;
		height:135px;
	}
	
	.area_content_img p {
		font-size:1.8rem;
		position:static;
		color:#FFF;
		background-color:#014c94;
		padding:10px;
		
		-webkit-text-shadow:none;
		-moz-text-shadow:none;
		-ms-text-shadow:none;
		-o-text-shadow:none;
		text-shadow:none;
	}
}

/* 特許&資材調達&環境への取り組み */
.headline_md {
}

.table_def th,
.table_def td {
	vertical-align:top;
	text-align:left;
	border:1px solid #E6E6E6;
	line-height:1.5;
	padding:10px 20px;
}

.list_patent li {
	line-height:1.2;
	margin-bottom:18px;
	text-indent:-1.2em;
	padding-left:1.2em;
}

.list_patent li::before {
	content:"●";
	color:#0468b2;
	padding-right:0.2em;
}

.list_materials {
	list-style:decimal inside;
}

.list_materials li {
	margin-bottom:5px;
}

.list_flow li {
	display:block;
}

.list_flow li {
	display:block;
	border:2px solid #006599;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	margin-bottom:30px;
	position:relative;
}

.list_flow li:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	border-top:10px solid #006599;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	right:40%;
	top:-20px;
}

.list_flow li:first-child:before {
	content:"";
	display:none;
}

.list_flow_item dt,
.list_flow_item dd {
	line-height:1.2;
	text-align:center;
}

.list_flow_item dt {
	font-weight:bold;
	font-family: "Lato", sans-serif;
	font-size:2.0rem;
	color:#006599;
	padding:6px 20px 5px;]
	letter-spacing: 0.1rem;
}

.list_flow_item dt em {
	font-style:normal;
	font-size:3.0rem;
}

.list_flow_item dd {
	padding:14px 20px;
	font-weight:bold;
	color:#FFF;
	border-left:1px solid #006599;
	background-color:#006599;
	text-align:center;
}

@media screen and (max-width: 767px) {
	.list_flow li:before {
		right:45%;
	}
	
	.list_flow_item dd {
		border:none;
	}
	
	.table_def, .table_def tbody {
		display:table;
	}
	
	.table_def tr {
		display:table-row;
	}
	
	.table_def th,
	.table_def td {
		display: table-cell;
		font-size:1.4rem;
		padding:10px;
	}
	
	.table_def th {
		min-width:130px;
	}
	
	.table_def .num {
		display:none;
	}
}

.box_q_answer {
	position:relative;
}

.box_q_a_btn {
	position:absolute;
	z-index:10;
	background:#e60012;
	color:#fff;
	padding:11px 20px;
	line-height:1;
	font-weight:bold;
	cursor:pointer;
}

.box_q_a_btn.clicked {
	display:none;
}

.box_q_a_area {
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.visible {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

.box_access_map {
	line-height:1.75;
	padding-bottom:46px;
}

.box_access_map p {
	font-size:1.5rem;
}

.headline_access_map {
	background:#0468b2;
	padding:13px 40px 11px;
	color:#fff;
	font-weight:bold;
	line-height:1;
	margin-bottom:20px;
	display:inline-block;
}

.lead_access_map {
	display:block;
	font-weight:bold;
}

.lead_access_map_color {
	color:#0468B2;
}

.box_access_img {
	padding-top:80px;
	padding-bottom:20px;
}

.txt_marker {
	text-indent:-1em;
	padding-left:1em;
}

@media screen and (max-width: 767px) {
	
	.box_access_map .box_access_img {
		text-align:center !important;
	}
	
}

.table_none_break tr 

.table_none_break tr td:nth-child(2n) {
	width:64.58333333333333%;
}

.corporate .area_content .table_none_break th {
	padding:3px 9px 2px;
	text-align:center;
}

.corporate .area_content .table_none_break tr td:nth-child(2n-1) {
	width:35.41666666666666%;
	padding:10px 4% 6px 16%;
}

.corporate .area_content .table_none_break tr td:nth-child(2n) {
	width:64.58333333333333%;
	padding:10px 4% 6px 16%;
}

@media screen and (max-width: 767px) {
	
	.table_none_break {
		width:100%;
	}
	
}

#sitemap .headline_md a,
.list_sitemap a {
	color:#00509f;
	text-decoration:none;
}

#sitemap .headline_md a:hover,
.list_sitemap a:hover {
	color:#4090df;
	text-decoration:underline;
}

.list_sitemap > li {
	width:49%;
	display:inline-block;
	padding-bottom:20px;
	vertical-align:top;
}

.list_sitemap li:before {
	content:"\e90b";
	color:#00509f;
	font-size:1.3em;
	vertical-align: middle;
	font-weight:bold;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sub {
	padding-left:1em;
	padding-bottom:5px;
	font-size:0.9em;
}


/* 部署の紹介 */
.department .area_content .gutters {
	border-bottom:1px solid #dcdcdc;
	margin-bottom:50px;
}

.department .area_content .gutters .col_7,
.department .area_content .gutters .col_5 {
	padding-bottom:49px;
}

.department .col_7 .item_headline {
	font-weight:bold;
	color:#333;
	line-height:1.4;
	margin-bottom:35px;
}

.department .col7 .item_txt {
	font-size:1.6rem;
}

.iso {
	vertical-align:bottom;
	display:inline;
}

@media screen and (max-width: 767px) {
	
	.department .col_7 .item_headline {
		border-bottom:1px solid #006599;
        margin-bottom: 2rem;
	}
	
	.corporate .space {
		display:block;
	}
	
	.corporate .greeting p {
		text-align:left;
	}
	
  .department .area_content .flex_type1 {
    display: flex;
    flex-direction: column;
  }
  
  .department .area_content .flex_type1 .col_7 {
    padding-bottom: 2rem;
  }
  
  .department .area_content .flex_type1 .order1 {
    order: 1;
  }
  .department .area_content .flex_type1 .order2 {
    order: 2;
  }
  .department .area_content .flex_type1 .order3 {
    order: 3;
  }
  .department .area_content .flex_type1 .order4 {
    order: 4;
  }
  .department .area_content .flex_type1 .order5 {
    order: 5;
  }
  .department .area_content .flex_type1 .order6 {
    order: 6;
  }
  .department .area_content .flex_type1 .order7 {
    order: 7;
  }
  .department .area_content .flex_type1 .order8 {
    order: 8;
  }
  .department .area_content .flex_type1 .order9 {
    order: 9;
  }
  .department .area_content .flex_type1 .order10 {
    order: 10;
  }
  .department .area_content .flex_type1 .order11 {
    order: 11;
  }
  .department .area_content .flex_type1 .order12 {
    order: 12;
  }
  .department .area_content .flex_type1 .order13 {
    order: 13;
  }
  .department .area_content .flex_type1 .order14 {
    order: 14;
  }
}

/* SDGs */
.sdgs .image_logo_pc,
.sdgs .image_logo_sp {
	margin-bottom: 4rem;
	text-align: center;
}
.sdgs .image_logo_sp {
	display: none;
}
.sdgs .text_sdgs {
	margin-bottom: 6rem;
	text-align: center;
}
.sdgs .flex_sdgs {
	display: flex;
	flex-flow: row wrap;
}
.sdgs .flex_sdgs .col_6 {
	display: flex;
}
.sdgs .flex_sdgs_detail {
	display: flex;
	flex-flow: row nowrap;
  border: 1px solid #d8d8d8;
  padding: 1.25rem;
  margin-bottom: 2rem;
	font-size: 0.875em;
	width: 100%;
}
.sdgs .flex_sdgs_detail .box_image {
	width: 100px;
	margin-right: 20px;
}
.sdgs .flex_sdgs .box_text {
	width: calc(100% - 120px);
}
.sdgs .flex_sdgs .list_sdgs .litem {
	padding-left: 1em;
	position: relative;
}
.sdgs .flex_sdgs .list_sdgs .litem:not(:last-child) {
	margin-bottom: 0.5rem;
}
.sdgs .flex_sdgs .list_sdgs .litem::before {
	content: "";
	position: absolute;
	background: #0468b2;
	display: block;
	top: 0.6em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

@media screen and (max-width: 599px) {
	.sdgs .image_logo_pc {
		display: none;
	}
	.sdgs .image_logo_sp {
		display: block;
	}
	.sdgs .text_sdgs {
		text-align: justify;
	}
	.sdgs .text_sdgs .sp_none {
		display: none;
	}
}