@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Oswald');

/* 
  #会社情報共通スタイル
 */


@media only screen and (min-width: 0px) and (max-width: 768px) {
	.glb-pageAnchor { text-align: center; } }

.com-mainTop { 
	height: 400px;
	margin-bottom: 20px;
	position: relative; }

.com-categoryTop {
    margin-bottom: 20px;
    position: relative; }
	@media print, screen and (min-width: 769px) and (max-width: 9999px) {
		.com-categoryTop {
			height: 447px; }
		.com-categoryTop_auto {
			height: auto; } }

.com-mainTop__figure {
	max-width: 960px; }
	@media print, screen and (min-width: 769px) and (max-width: 9999px) {
		.com-categoryTop__figure {
			margin: 0 0 0 auto;
			/*width: 860px;*/ }
		.com-categoryTop__figure img,
		.com-mainTop__figure img {
			width: 100%; } }

	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-categoryTop__figure img,
		.com-mainTop__figure img {
			width: 100%; } 
		.com-categoryTop__figure img {
			/*padding-top: 45px;*/ } }
			
			

    @media print, screen and (min-width: 769px) and (max-width: 9999px) {
	    .com-mainTop-textContainer {
	    
	    	color: #fff;
			text-shadow: 1px 1px 7px #666;
	    
		    padding: 40px 30px 40px 30px; font-size:1.8rem; /*font-weight:bold;*/
		    position: absolute;
		    width: 360px; width: 470px;
		    -webkit-transform: translateY(-50%);
		    transform: translateY(-50%);
		    top: 50%;
		    /*background: #fff;*/ } }

    @media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-mainTop-textContainer {
			margin: 20px 0; } }

.com-mainTop__title {
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	    .com-mainTop__title {
			font-size: 1.8rem; 
			/*position: absolute;
			top: 0;*/
			margin-left: 15px;
			margin-bottom: 10px; } }


	@media only screen and (min-width: 0px) and (max-width: 768px) {
	    .com-contentSection {
			margin-left: 15px;
			margin-right: 15px; }
			
			.com-contentSection__index {
				margin-left: 0px;
				margin-right: 0px; }
			
			 }


	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-mainTop__text {
		    margin: 0 15px;
		    font-size:1.5rem; } }


/* anchor setting :: in case of 2-lines */
.glb-pageAnchor.com-anchorLines-1of2:first-of-type { 
	border-bottom:none; }


.com-contentBlock {
    margin-bottom: 80px; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-contentBlock {
    		margin-bottom: 40px; } }

.ico-pdf {
	position:relative;
	padding-left: 35px;
	text-indent: 35px;
	margin-left: -35px; }

.ico-pdf:before {
	position:absolute;
	top:-8px;
	left:0;
	width:30px;
	height:30px;
	display:block;
	content:"";
	background:url(/img/company/history/cmn_icon_pdf.png) no-repeat center center;
	background-size: 30px auto; }

.com-plainList__title {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 0.5em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-plainList dt {
	    font-size: 1.5rem; } }
	
.com-plainList__text {
	font-size: 1.6rem;
	margin-bottom:1.5em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-plainList dd {
	    font-size: 1.3rem; } }
	    
.com-plainList dd:last-of-type {
	margin-bottom:0; }



/*---------------------------------------
  会社情報インデックス
*/

.com-index_titleWrap {
	width:100%;
	margin:0 auto;
	display:flex; flex-wrap: wrap; }
	
	.com-index_titleWrap h1 { 
			width:100%; 
			order:2;
			margin-top:30px; }
	.com-index_titleWrap figure { 
			width:100%; }
	.com-index_titleWrap figure img { 
			width:100%; 
			order:1; }
		
		@media only screen and (min-width: 0px) and (max-width: 768px) {
			.com-index_titleWrap h1 { 
				order:1; 
				text-align:left; 
				margin-left:15px;
				margin-top:0px; } 
			.com-index_titleWrap figure { 
				order:2; } }
				
.com-letter_indent {
	text-indent:1em;
	font-size:1.6rem; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-letter_indent { font-size:1.3rem; } }


.com-indexMain__title {
	font-size: 2.5rem;
	font-weight: bold;
	text-align:center;
	line-height: 1.5;
	margin-bottom: 20px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	    .com-indexMain__title {
			font-size: 1.8rem;
			top: 0;
			margin-left:0px;
			margin-bottom: 10px; } }
			
			

.com-indexBlock .glb-col--1of3 img,
.com-indexBlock .glb-col--1of2 img {
  width: 100%;
  border:1px solid #ccc; }

	@media only screen and (min-width: 0px) and (max-width: 768px) {
    .com-indexBlock .glb-col--1of3 {
		width: 48%;
		float: left; }
    .com-indexBlock .glb-col--1of3:nth-child(2n) {
      float: right; } }

.com-indexBlock ul li a {
    display: block;
    color: #1a1a1a; }

.com-indexBlock ul li a:hover { 
	color: #3db4d0; 
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.com-index__title {
	font-size: 1.8rem;
	margin-top: 0.5em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-index__title {
			font-size:1.5rem; } }


.pg-newsHeadline.u-mb5 {
    margin-bottom: 5em !important; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.pg-newsHeadline.u-mb5 {
    margin-bottom: 0em !important; } }


.com-letterBlock {
    display:table; display:flex;
    width:100%; }
.com-letterBlock_left {
    width:68.75%; 
    order:1;
    /*display:table-cell;*/
    vertical-align:top; }
.com-letterBlock_left h3 {
    /*line-height:1.6;*/ }
.com-letterBlock_right {
    width:34.375%; 
    order:2;
    /*display:table-cell;*/
    padding-top:10px;
    text-align:right;
    vertical-align:top; }
.com-letterBlock_right img {
    max-width:330px;
    display:block;
    margin-bottom:5px; }

.com-letterBlock_right img.com-categoryTop__figure_pc { display:block; }
.com-letterBlock_right img.com-categoryTop__figure_sp { display:none; }

.com-letterBlock_right .u-lead {
	text-align:left; }


.com-letterTitle h2.glb-heading4 { margin-bottom:20px; }
.com-letterTitle h3.glb-heading3 { margin-bottom:80px; line-height:1.75; }
.com-letterTitle .com-letterBlock_left h3.glb-heading3 { margin-bottom:20px; }

	@media only screen and (min-width: 0px) and (max-width: 768px) {
    .com-letterBlock { flex-wrap:wrap; }
    .com-letterBlock_left, .com-letterBlock_right { width:100%; }
    .com-letterBlock_right { padding-top:0; }
    /*.com-letterBlock_right { padding-top:30%; background:url(../img/greeting_main.jpg) no-repeat top center / 100% auto; }
    .com-letterBlock_right .com-categoryTop__figure { display:none; }*/
    .com-letterBlock_right img.com-categoryTop__figure_pc { display:none; }
    .com-letterBlock_right img.com-categoryTop__figure_sp { display:block; max-width:100%; }
    .com-letterBlock_right .u-lead {	text-align:right; }
    .com-letterTitle h2.glb-heading4 { margin-bottom:10px; padding-bottom:0px; line-height: 1.75; }
    
    
    
    
    
    .com-letterTitle h3.glb-heading3 { margin-bottom:40px; }
    .com-letterTitle .com-letterBlock_left h3.glb-heading3 { margin-bottom:20px; }
    
		    .com-letterBlock_left { order:2; }
		    .com-letterBlock_right { order:1; }
        
        }
	

/*---------------------------------------
  #関連リンク
*/

.com-moreInfo {
    margin-bottom: 120px; }

.com-moreInfo--bordered {
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	padding: 30px 0 10px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-moreInfo--bordered {
	    margin: 0 0 60px; } }


/*---------------------------------------
  #会社概要
*/

.com-outlineTable {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; }

	
.com-outlineTable__title {
    float: left;
    width: 20%;
    padding:1rem 0.5rem 0;
    font-weight: bold;
    border-top: 1px dotted #ccc;
    font-size: 1.6rem; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-outlineTable__title {
    		width:8em; 
    		font-size: 1.3rem;  } }
    
.com-outlineTable__text {
    margin-left: 20%;
    padding:1rem 2rem 1rem;
    border-top: 1px dotted #ccc;
    border-bottom: 0;
    background: #fff;
    font-size: 1.5rem; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-outlineTable__text { 
    		margin-left:8em;
    		font-size: 1.3rem;  } }

.com-outlineTable__title:first-of-type, 
.com-outlineTable__text:first-of-type {
    border-top: 0; }

.com-outlineTable__text:after {
    content : '';
    display : table;
    clear : both;
    height: 0; }

.com-outline_executive span {
	width:8em;
	display:inline-block; }


/*---------------------------------------
  #沿革
*/

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
	.com-history_record--Bg { 
		min-height:4670px;
		position:relative;
		background:url(/img/company/history/history_bg_line.png) repeat-y top center;
		margin-top:100px;
		margin-bottom:100px;
		padding-bottom:100px; } 

	.com-history_record--Bg:after {
		position:absolute;
		bottom:0;
		left:50%; 
		margin-left:-5px;
		content:"";
		background:url(/img/company/history/history_bg_dot.png) repeat-y top center;
		width:10px;
		height:105px; }

	.com-history_record {
		width:50%;
		position:relative; }

	.com-history--right {
		position:absolute; 
		right:0; }
	
	.com-history_record.com-history--left:after,
	.com-history_record.com-history--right:after,
	.com-history_record.com-history_dot--large:after {
		content:"";
		position:absolute; 
		z-index:3;
		display:block; }

	.com-history_record.com-history--left:after {
		top:-8px;
		right:-8px;
		width:15px;
		height:15px;
		border-radius:10px;
		border:2px solid #ccc;
		background:#fff; }
		
	.com-history_record.com-history--right:after {
		top:-8px;
		left:-8px;
		width:15px;
		height:15px;
		border-radius:10px;
		background:#fff; 
		border:2px solid #ccc; }
		
		.com-history_record.com-history_dot--large:after {
			top:-15px;
			right:-15px;
			width:30px;
			height:30px;
			border-radius:20px; border:none;
			background:#015ba9; } }
			
			

@media print, screen and (min-width: 769px) and (max-width: 9999px) {

	.com-history--1912 { top:0; }
	.com-history--1912 > figure { top:0; }

	.com-history--1945 { top:100px; right:0; }
	.com-history--1945 > figure { margin:100px 0px 0 0; text-align:right; }

	.com-history--1957 { top:100px; }
	.com-history--1957 > figure { top:110px; }

	.com-history--1962 { top:550px; right:0; }
	.com-history--1962 > figure { margin:125px 0px 0 0; text-align:right; }

	.com-history--1971 { top:270px; }
	.com-history--1971 > figure { top:130px; }

	.com-history--1973 { top:1040px; }

	.com-history--1974 { top:500px; }

	.com-history--1976 { top:1380px; }

	.com-history--1977 { top:670px; }
	.com-history--1977 > figure { top:130px; }

	.com-history--1982 { top:1550px; right:0; }
	.com-history--1982 > figure { margin:170px 0px 0 0; text-align:right; }

	.com-history--1986 { top:900px; }
	.com-history--1986 > figure { top:130px; margin-left:160px; }

	.com-history--1988 { top:2200px; right:0; }

	.com-history--1991 { top:1100px; }

	.com-history--1993 { top:2550px; right:0; }
	.com-history--1993 > figure { margin:130px 0px 0 0; text-align:right; }

	.com-history--1996 { top:1360px; }

	.com-history--1999 { top:2950px; right:0; }

	.com-history--2000 { top:1700px; }

	.com-history--2002 { top:3150px; right:0; }

	.com-history--2005 { top:1950px; }

	.com-history--2007 { top:3400px; right:0; }

	.com-history--2012 { top:2150px; }
	.com-history--2012 > figure { top:120px; width:415px;}
	.com-history--2012 > figure p { line-height:1.3; color:#666; }

	.com-history--2013 { top:3750px; right:0; }

	.com-history--2014 { top:2400px; }

	.com-history--2019 { top:4100px; right:0; }

	.com-history--2022 { top:2670px; }

}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-history_record > figure img { 
		width:100%;
		margin-bottom: 20px; } }


.com-history_record:after {
	content : '';
    display : table;
    clear : both;
    height: 0; }

.com-history_record figure {
	position:relative; }

.com-history_record .com-history_caption {
	margin:1em 0; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-history_record .com-history_caption {
			margin:0 0 1em 0; }}


@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-history_record {
		border-bottom:1px dotted #ccc;  } }


@media print, screen and (min-width: 769px) and (max-width: 9999px) {
	.com-history-textBox { 
		width: 305px;
		position:absolute; 
		top:0px;
		right:0; 
		z-index:2;
		margin:10px 20px; } }
		
		@media only screen and (min-width: 0px) and (max-width: 768px) {
			.com-history-textBox { 
				margin:10px 0px 20px; 
				padding-left: 0px; } }

.com-history--right .com-history-textBox { 
	margin:10px 0px; 
	padding-left: 50px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-history--right .com-history-textBox { 
			margin:10px 0px 20px; 
			padding-left: 0px; } }
	
	
	.com-history--right .com-history-textBox--large { 
		width:150px; 
		padding-left: 0px; }

.com-history-textBox--large { 
	width:465px; }


@media print, screen and (min-width: 769px) and (max-width: 9999px) {

	.com-history--left .com-history-textBox:after {
		content:"";
		display:block;
		position:absolute; 
		top:-10px;
		right:-20px;
		width:180px;
		height:1px;
		background:#ccc; }
		
	.com-history--right .com-history-textBox:after {
		content:"";
		display:block;
		position:absolute; 
		top:-10px;
		left:-170px;
		width:180px;
		height:1px;
		background:#ccc; }
		
		.com-history-textBox.com-history-textBox--large:after {
		    width: 350px; }
		    
		.com-history--right .com-history-textBox--large:after {
			width: 300px; 
			left: -330px; }
			
		.com-history_dot--large .com-history-textBox:after { background:#015ba9; } }

.com-history-year { 
	margin-top:-45px; 
	margin-bottom:10px;
	font-weight:bold;
	font-size:5.5rem; 
	line-height:1.2; 
	font-family: 'Oswald', sans-serif; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-history-year { 
			margin-top:0;
			font-size:4.5rem;  } }
	
	.com-history-year span {
		color:#666; 
		font-size:1.2rem;
		padding-left:5px;
		margin:5px 0 0; 
		display:block; }
		
	.com-history-detail {
		padding-left:5px;
		line-height:1.5; position:relative; padding-left:1em; font-size: 1.6rem; }
		@media only screen and (min-width: 0px) and (max-width: 768px) {
			.com-history-detail { font-size: 1.3rem; } }
		
		.com-history-detail:before {
			content:"●";
			font-size:10px;
			width:1em;
			height:1em;
			position:absolute;
			top:6px;
			left:0;
			display:block; }
			@media only screen and (min-width: 0px) and (max-width: 768px) {
				.com-history-detail:before { top:3px; } }
	
.com-history-blue {
	color:#005bab; }

.com-100th_banner {
	background:url(/img/company/history/history_100th.jpg) no-repeat 90px 20px;
	border:1px solid #ccc;
	padding:3% 100px 3% 250px; }
	
	.com-100th_banner:after {
	    content : '';
	    display : table;
	    clear : both;
	    height: 0; }
	    
	    @media only screen and (min-width: 0px) and (max-width: 768px) {
	    	.com-100th_banner {
				background:url(/img/company/history/history_100th.jpg) no-repeat center 20px;
				padding:100px 3% 5%; }
				
				.com-100th_banner_text {
					font-size:1.2rem;
					line-height:1.8rem;
					margin-bottom:10px; } }




/*---------------------------------------
  #事業所一覧
*/

.com-areaTableContainer {
	width: 100%;
	margin-bottom: 120px;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-areaTableContainer {
			margin-bottom: 60px; } }

.com-areaTable {
	width:960px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-areaTable {
			width:800px; }}

.com-areaTableContainer:last-of-type { 
	margin-bottom:0; }

.com-areaTable__caption {
	font-weight:bold;
	font-size: 2rem;
	margin: 2em 0 1em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-areaTable__caption {
    		text-align:left;
    		margin: 0 0 1em;
    		font-size:1.5rem; } }
    		
.com-areaTable__title, 
.com-areaTable__text {
	border-bottom:1px solid #ccc; font-size:1.6rem;
	padding:1rem 0.5rem;
	text-align:left; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-areaTable__title, 
		.com-areaTable__text {
			font-size:1.3rem; } }

	
.com-areaTable__title {
	font-weight:bold; }

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
	.com-areaTable__text a {
		color:#1a1a1a;
		font-weight:normal;
		cursor:default; } }


/*---------------------------------------
  #災害対応
*/


.glb-heading4_mb_half {
    margin-bottom: 20px;
    padding-bottom:10px;
    font-size:2.2rem; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
		.glb-heading4_mb_half {
	    	font-size: 1.5rem; } }

.com-informBox {
	background:#efefef;
	padding:1.5em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-informBox {
	    	padding: 1.25rem; } }

.com-informBox__title {
	font-size: 1.8rem;
	font-weight:bold;
	margin-bottom:0.5em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-informBox__title {
	    font-size: 1.5rem; } }

.com-informBox__text {
	font-size: 1.6rem; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	.com-informBox__text {
	    font-size: 1.3rem; } }


.com-topicsList__date {
    float: left;
    width: 6em;
    padding:0.5rem 0.5rem 0;
    font-weight: bold;
    border-top: 1px dotted #ccc;
    font-size: 1.5rem; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-topicsList__date {
    		width:100%;
    		display:block;
    		padding:1rem 0 0;
    		font-size: 1.2rem;  } }
    
.com-topicsList__text {
    margin-left: 6em;
    padding:0.5rem 2rem 0.5rem;
    border-top: 1px dotted #ccc;
    border-bottom: 0;
    background: #fff;
    font-size: 1.5rem; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-topicsList__text { 
    		margin-left:0;
    		padding:1rem 0 1rem;
    		font-size: 1.3rem;  } }

.com-topicsList__date:first-of-type, 
.com-topicsList__text:first-of-type {
    border-top: 0; }

.com-topicsList__text:after {
    content : '';
    display : table;
    clear : both;
    height: 0; }



.com-faqListBlock {
	/*border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;*/ }

.com-faqListBlock__date {
    float: left;
    width: 1%;
    padding:1rem 0.5rem 0;
    font-weight: bold;
    border-top: 1px dotted #eee; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-faqListBlock__date {
    		display:block; 
    		float:none; 
    		font-size: 1.2rem; border-top: none; } }


.com-pageLink { margin-left: 10%;
    padding:1rem 2rem 1rem;
    background: #fff; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-pageLink { 
    		display:block; padding:1rem 0.5rem 1rem; margin-left:0%;
    		float:none;
    		font-size: 1.2rem; } }


.com-pdfLink--withIcon {
    margin-left: 15%;
    padding:1rem 2rem 1rem;
    /*border-top: 1px dotted #eee;
    border-bottom: 0;*/
    background: #fff; }
    @media only screen and (min-width: 0px) and (max-width: 768px) {
    	.com-pdfLink--withIcon { 
    		display:block; 
    		float:none;
    		font-size: 1.2rem;
    		margin-left:2rem; } }

.com-pdfLink--withIcon--noDate {
    margin-left: 2.5%; }




.com-faqListBlock li {
	border-bottom: 1px dotted #eee;
}

.com-faqListBlock li:last-child span,
.com-faqListBlock li:last-child p {
    border-top: 0; }

.com-faqListBlock li:after {
    content : '';
    display : table;
    clear : both;
    height: 0; }


.com-contentBlock > .com-contentBlock { 
	padding:0 1.5em; }
	
.com-contentBlock > h3 { border:none; padding:0px; text-align:left;
	font-size:2rem;
	margin-bottom: 0px;
	padding-bottom: 10px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
	
		.com-contentBlock > .com-contentBlock { 
			padding:0 0.5em; }
	
		.com-contentBlock > h3 {
			font-size:1.5rem;
			margin-bottom: 0px;
			padding-bottom: 5px; }
			
			.com-contentBlock > h4 {
				font-size:1.3rem; }  }



/*---------------------------------------
  #資材調達
*/

.com-itemTableContainer {
	border:1px solid #e4e4e4;
	padding:10px; }
	
.com-itemTable {
	width:100%; }

.com-itemTable__title, 
.com-itemTable__text {
	border-bottom:1px solid #f4f4f4;
	padding:1rem 1rem;
	text-align:left; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-itemTable__title, 
		.com-itemTable__text {
		    font-size: 1.3rem; 
		    display:block; 
		    width:100%; 
		    border:none; padding:0.5rem 0.5rem 0.8rem; } }

.com-itemTable tr:last-child th, 
.com-itemTable tr:last-child td {
	border-bottom:none; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-itemTable tr:first-child th, 
		.com-itemTable tr:first-child td {
			border-top:none; } }
	
	
.com-itemTable__title {
	font-weight:bold; 
	border-right:1px solid #f4f4f4;
	width:10em; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-itemTable__title {
	    	border-top:1px solid #f4f4f4; 
	    	padding:0.8rem 0.5rem 0; 
	    	border-right:none;
	    	width:100%; } }

.com-materialFlow__list { 
	position: relative; 
	width:30%; 
	counter-increment: number;
	font-size:1.5rem;
	line-height:1.3em;
	margin:10px 20px 10px 10px;
	position:relative;
	border:1px solid #e4e4e4;
	padding:1em; 
	background:rgba(230,242,249,0.5); }
	
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-materialFlow__list { 
			margin:10px 0; width:100%;  } }


	.com-materialFlow__list:after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 32px;
	    height: 45px;
	    right: -40px;
	    top: 39%;
	    background: url(/assets/img/common/icon_arrow_a_black.png) left top no-repeat; }
	    
		@media only screen and (min-width: 0px) and (max-width: 768px) {
			.com-materialFlow__list:after { display:none; 
				}
		}
	
	
	.com-materialFlow__list:last-child:after { display:none; }


	.com-materialFlow__list::before {
	    color: #fff;
	    content: "0" counter(number) "";
	    font-size: 2.2rem;
	    background: #4bccdf;
	    border-radius: 40px;
	    width: 40px;
	    height: 40px;
	    display: inline-block;
	    text-align: center;
	    line-height: 1.8;
	    font-family: 'Oswald', sans-serif;
	}


/*
.com-materialFlow__list:before { color:#666;
	content: counter(number) ".";
	font-size:1.8rem; }*/
	
	
.com-materialHeading3 {
	font-size: 1.8rem; display:inline-block; font-weight:bold;
	margin:0 0 5px 5px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-materialHeading3 {
			font-size: 1.6rem; } }

.com-materialText {
	/*border-top:1px dotted #dcdcdc;*/
	padding-top:10px; }
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-materialText {
			font-size: 1.3rem; } }

.com-centerBtn {
    text-align: center;
    margin: 0 auto;
    float: none;
}

/* ----------------------------------
  #特徴紹介リンク
*/
.com-featureLink {
  /*margin-bottom: 45px;*/
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .com-featureLink {
    border-bottom: 2px solid #e6e6e6;
  }
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-featureLink {
    /*margin-bottom: 120px;*/
  }
  .com-featureLink:after {
    content: "";
    clear: both;
    display: block;
  }
}

.com-boxLinkIcon::after {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    border-top: 11px solid transparent;
    border-right: 11px solid #3db4d0;
    border-bottom: 11px solid #3db4d0;
    border-left: 11px solid transparent;
}


.com-featureLink__item {
  position: relative;
  border-top: 2px solid #e6e6e6;
}

.com-featureLink__item a {
  color: #1a1a1a;
  font-weight: normal;
  display: block;
  padding: 30px 10px;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-featureLink__item {
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    float: left;
    width: 33.33%;
  }
  .com-featureLink__item a {
    padding: 36px 10px; padding:0px;
  }
  .com-featureLink__item a:hover {
    color: #4bccdf;
  }
  .com-featureLink__item a:hover .com-featureLink__figure {
    opacity: 0.8;
  }
  .com-featureLink__item:first-child {
    border-left: 2px solid #e6e6e6;
  }

}

.com-featureLink__item_noBottomLine {
    border-bottom: none;  }
    
.com-featureLink__titleWrap {
	padding: 10px 10px 36px; }
	
	@media only screen and (min-width: 0px) and (max-width: 768px) {
		.com-featureLink__titleWrap {
			padding: 0; } }
	

.com-featureLink__title {
  text-align: left;
  font-weight: bold;
  line-height: 1;
  font-size: 1.5rem;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-featureLink__title {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .com-featureLink__text {
    font-size: 1.3rem;
  }
  .com-featureLink__title { line-height:1.75; }
}

.com-featureLink__figure img {
  width: 100%;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-featureLink__figure {
    margin-bottom: 20px;
  }
  .com-featureLink__figure_border {
  	border-bottom:2px solid #e6e6e6;
 	}
}

.com-featureLink--5type .com-featureLink__item:first-child,
.com-featureLink--5type .com-featureLink__item:nth-child(2) {
  width: 50%;
  border-bottom: none;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .com-featureLink--5type .com-featureLink__item:first-child,
  .com-featureLink--5type .com-featureLink__item:nth-child(2) {
    width: 100%;
    border-bottom: none;
  }
}

.com-featureLink--5type .com-featureLink__item:nth-child(3) {
  border-left: 2px solid #e6e6e6;
}


/* ----------------------------------
  #関連コンテンツ
*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .com-relatedLink {
    margin: 0 15px 45px;
  }
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-relatedLink {
    margin-bottom: 120px;
  }
  .com-relatedLink:after {
    content: "";
    clear: both;
    display: block;
  }
}

.com-relatedLink__item {
  border: 2px solid #e6e6e6;
  background: #f6f6f6;
  margin-bottom: 10px;
}

.com-relatedLink__item a:link {
  text-decoration: none;
}

.com-relatedLink__item a:hover {
  text-decoration: none;
}

.com-relatedLink__item a:visited {
  text-decoration: none;
}

.com-relatedLink__item a {
  display: block;
  padding: 15px 10px;
  color: #1a1a1a;
  font-weight: normal;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-relatedLink__item {
    float: left;
  }
  .com-relatedLink__item a {
    padding: 40px 25px;
  }
  .com-relatedLink__item:hover {
    background: #fff;
    border: 2px solid #3db4d0;
  }
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-relatedLink__item--col1of1 {
    width: 100%;
  }
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-relatedLink__item--col1of3 {
    width: calc(33.3% - 7px);
    margin-right: 10px;
  }
}

.com-relatedLink__item--col1of3:last-child {
	margin-right: 0;
}

.com-relatedLink__item--col--last {
	margin-right: 0;
}

.com-relatedLink__item__title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #3db4d0;
  line-height: 1.3;
  padding-top: 55px;
  margin-bottom: 13px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 54px 54px;
  background-position: center top;
}

.com-relatedLink__item__title.item-title01 {
  background-image: url(/img/company/history/cmn_icon_related_a.png);
}

.com-relatedLink__item__title.item-title02 {
  background-image: url(/img/company/history/cmn_icon_related_b.png);
}

.com-relatedLink__item__title.item-title03 {
  background-image: url(/img/company/history/cmn_icon_related_c.png);
}

.com-relatedLink__item__title.item-title04 {
  background-image: url(/img/company/history/cmn_icon_related_d.png);
}

.com-relatedLink__item__title.item-title05{
  background-image: url(/img/company/history/cmn_icon_related_e.png);
}
.com-relatedLink__item__title.item-title06 {
  background-image: url(/img/company/history/cmn_icon_related_f.png);
}
.com-relatedLink__item__title.item-title07 {
  background-image: url(/img/company/history/cmn_icon_related_g.png);
}
.com-relatedLink__item__title.item-title08 {
  background-image: url(/img/company/history/cmn_icon_related_h.png);
}
.com-relatedLink__item__title.item-title09 {
  background-image: url(/img/company/history/cmn_icon_related_i.png);
}

.com-relatedLink__item__title.item-title10 {
  background-image: url(/company/ir/img/cmn_icon_related_a.png);
}
.com-relatedLink__item__title.item-title11 {
  background-image: url(/company/ir/img/cmn_icon_related_b.png);
}
.com-relatedLink__item__title.item-title12 {
  background-image: url(/company/ir/img/cmn_icon_related_c.png);
}
.com-relatedLink__item__title.item-title13 {
  background-image: url(/company/ir/img/cmn_icon_related_d.png);
}

.com-relatedLink__item__title.item-title14 {
  background-image: url(/img/company/history/cmn_icon_related_j.png);
}


@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .com-relatedLink__item__title {
    font-size: 1.8rem;
    padding-top: 80px;
    background-size: 70px 70px;
    margin-bottom: 15px;
  }
}

.com-relatedLink__item__text {
  text-align: center;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .com-relatedLink__item__text {
    font-size: 1.3rem;
  }
}