@charset "utf-8";
/* CSS Document */
/*********************************
　基本フォーマット
*********************************/

@page { 
size: A4;
margin: 12.7mm 9.7mm;
} /* A4 */

html{overflow:auto;}

body{
	margin: 0px;
	padding: 0px;
	font-size:16px;
	line-height:150%;
	font-family:YakuHanJP,Lato,'Noto Sans JP',Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","游ゴシック","Yu Gothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	color:#444;
	overflow:hidden;
	background-color:#F3F4F5;

	box-sizing:border-box;
	-webkit-print-color-adjust: exact;
	font-weight: lighter;
}

a{font-weight: normal;}


input,select,textarea{
	font-family:YakuHanJP,Lato,'Noto Sans JP',Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","游ゴシック","Yu Gothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;} 

img {
	border:0;
}
h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0;
	padding:0;
}
ul,li {
	
}

h1,h2,h3,h4,h5,h6{color:#222;}

h3{font-weight:normal;}

/*ページタイトル部分*/
.pagetitle-block{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
 	display:-moz-flex;
	display:flex;
	
	justify-content: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	-moz-justify-content: center;
	-moz-align-items: center;
	
	height:240px;
	box-sizing:border-box;
	text-align:center;
	background-color:#FFF;
	border-bottom:1px solid #ccc;
	
	margin-top:111px;
	}

.pagetitle-block h1,.pagetitle-block p{
	color:#00458d;
	}	

.pagetitle-block h1{
	margin-bottom: calc(20px - (((54px * 1.3) - 54px) / 2));
	/*margin-bottom:20px;*/
	}

.pagetitle-block p{
	line-height:1em;
	}

.txtw h1,.txtw p{
	color:#fff;
	}	


.border100{
   background-color:#ccc;
	width:100%;
	height:2px;
	display:block;
    
    margin:45px -500% 45px;
    padding:0px 500%;
    

}

/*背景画像付きタイトル＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.titlebg{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
 	display:-moz-flex;
	display:flex;
	justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-align-items: center;
    -moz-justify-content: center;
	height:300px;
	box-sizing:border-box;
	margin-top:111px;
	padding:0;
	text-align:center;
}

.titlebg.titlebg2nd{
	height:390px !important;
}

/*会社情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*会社情報*/
.combg{
	/* background:url(../../img/company/companybg.png) top center no-repeat; */
	background-size:cover;
}

/*マネジメント体制*/
.managebg{
	/* background:url(../../img/company/managebg.jpg) top center no-repeat; */
	background-size:cover;
}


/*会社概要*/
.profiebg{
	/* background:url(../../img/company/profiebg.jpg) top center no-repeat; */
	background-size:cover;
}


/*役員一覧*/
.offbg{
	/* background:url(../../img/company/offbg.jpg) top center no-repeat; */
	background-size:cover;
	
	}
	
/*会社組織図*/
.orgabg{
	/* background:url(../../img/company/orgabg.jpg) top center no-repeat; */
	background-size:cover;
}



/*変革*/
.historybg{
	/* background:url(../../img/company/historybg.jpg) top center no-repeat; */
	background-size:cover;
}


/*品質への取り組み*/
.qualitybg{
	/* background:url(../../img/company/qualitybg.jpg) top center no-repeat; */
	background-size:cover;
}


/*事業所一覧*/
.officebg{
	/* background:url(../../img/company/officebg.jpg) top center no-repeat; */
	background-size:cover;
	}


/*グローバル*/
.globalbg{
	/* background:url(../../img/company/globalbg.jpg) top center no-repeat; */
	background-size:cover;
	
	}


/*マンガでわかる*/
.comicbg{
	/* background:url(../../img/company/comicbg.jpg) top center no-repeat; */
    background-color:darkgray;
	background-size:cover;
}

/*ニュース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.newsbg{
	/* background:url(../../img/news/newsbg.jpg) top center no-repeat; */
	background-size:cover;
}

/*トピックス＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.topibg{
	/* background:url(../../img/topics/topibg.jpg) top center no-repeat; */
	background-size:cover;
}


/*研究開発＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*TOP  */
.rdbg{
    /* background:url(../../img/rd/rdbg.png) top center no-repeat; */
	background-size:cover;
    
}

/*研究開発  */
.activitiesbg{
    /* background:url(../../img/rd/actbg.png) top center no-repeat; */
	background-size:cover;
    
}

/*ミッション  */
.missionbg{
    /* background:url(../../img/rd/missionbg.png) top center no-repeat; */
	background-size:cover;
    
}

/*知的財産について  */
.chizaibg{
    /* background:url(../../img/rd/chizaibg.png) top center no-repeat; */
	background-size:cover;
    
}

/*製品情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*TOP*/
.prodbg{
	/* background:url(../../img/product/prodbg.png) top center no-repeat; */
	background-size: cover;
	}
	
/*自動車*/
.autobg{
	/* background:url(../../img/product/automotivebg.jpg) top center no-repeat; */
	background-size: cover;
}

/*エレクトロニクス*/
.elecbg{
	/* background:url(../../img/product/electronicsbg.jpg) top center no-repeat; */
	background-size: cover;
}

/*インフラ*/
.infrabg{
	/* background:url(../../img/product/infrabg.jpg) top center no-repeat; */
	background-size: cover;
}


/*住環境*/
.housingbg{
	/* background:url(../../img/product/housingbg.jpg) top center no-repeat; */
	background-size: cover;
}

/*健康介護*/
.healthbg{
	/* background:url(../../img/product/healthbg.jpg) top center no-repeat; */
	background-size: cover;
}

/*カタログ*/
.catalogbg{
	/* background:url(../../img/product/catalogbg.jpg) top center no-repeat; */
	background-size: cover;
}




/*会社情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*映像/広告ライブラリ*/
.adbg{
	/* background:url(../../img/company/advertising.jpg) top center no-repeat; */
	background-size:cover;
}

/*経営方針*/
.messagebg{
	/* background:url(../../img/company/message.jpg) top center no-repeat; */
	background-size:cover;
}

/* 住友理工早わかり */
.glancebg {
    /* background: url(../../img/at-a-glance/glancebg.png) top center no-repeat; */
    background-size: cover;
}


	
h1{font-size:54px;
   line-height:130%;
   
   }


h2{font-size:36px;
   line-height:130%;
   font-weight:bold ;
   
   
   
 
   
 
  margin-bottom: calc(32px - (((36px * 1.3) - 36px) / 2));
  
  /* margin:60px 0px 32px;*/
   
   
   }
   
   

h3{font-size:28px;
   line-height:130%;}
   
h4{font-size:18px;
   line-height:130%;
   font-weight:bold;}

h5{font-size:14px;
   line-height:130%;}
   
.h1-under{font-size:24px;
 line-height:130%;}
 
p{font-size:16px;
 line-height:150%;}
 
.mintext{font-size:14px;
 line-height:160%;}
 

.list{
  padding-left: 1em !important;
  text-indent: -1em !important;
  line-height:170%;
}
	

.list-style1 li{font-size:16px;
line-height:160%;
list-style:none !important ;
  padding-left: 1em;
  text-indent: -1em;

}

.list-style2{font-size:14px;
line-height:170%;
list-style:none;}
   
   
a{text-decoration:none;
color:#00458d;}



a.link-btn{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:130%;
	padding:18px 54px;
	margin:0 auto;}



a.link-btn2{
	display:inline-block;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #00458d;
	color:#00458d;
	text-align:center;
	font-size:16px;
	line-height:130%;
	padding:17px 53px;
	margin:0 auto;
	
	
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			
			}


	
a.link-btn2-2{
	display:inline-block;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #00458d;
	color:#00458d;
	text-align:center;
	
	line-height:130%;
	padding:3px 4px;
	margin:0 auto;
	font-size:12px;
	
	
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			
		
			
			}
			
a.link-btn2-2 img{
	height:12px;
	
	position:relative;
	margin-left:4px;
	top:1px;
	
	}


a.link-btn2-2:hover{
	background-color:#00458d;
	border:1px solid #00458d;
	color:#fff;}


a.link-btn-min{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:130%;
	padding:18px;}



a.link-btn-big{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:130%;
	padding:18px 0px;
	}
	


input.link-btn-big{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:130%;
	padding:17px 0px;
	-webkit-appearance: none;
	
	border: 1px solid #00458d;
	
	font-weight:normal;
	}


.w80p{width:100%;}



a.txt-link-big{
	color:#00458d;
	font-size:22px;
	line-height:120%;
	position:relative;
	}

a.txt-link-big:hover{
text-decoration:underline;
    }
	
a.txt-link-big:after {
    position: absolute;
    
    bottom:10px;
    right:-15px;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	


a.txt-link{
	color:#00458d;
	font-size:18px;
	line-height:120%;
	position:relative;
	}
	
a.txt-link:after {
    position: absolute;
    top: 50%;
    right:-12px;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-top: -2px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	


a.txt-link-min{
	color:#00458d;
	font-size:14px;
	line-height:120%;
	position:relative;
	}
	
a.txt-link-min:after {
    position: absolute;
    top: 50%;
    right:-10px;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.txt-link-line{
	text-decoration: underline;
}

a.link-btn {
	padding: 18px 58px 18px 50px;
}


a.link-icon span ,a.more-icon span ,a.back-icon span {
	position: relative;
}

a.link-icon span:after{
	position: absolute;
    top: 50%;
    right: -15px;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.link-btn2.link-icon span:after{
    content: "";
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
}

a.link-btn2.link-icon{
	padding: 17px 58px 17px 45px;
}

a.link-btn2.link-icon:hover span:after{
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

span.txt-link-big{
	color:#00458d;
	font-size:22px;
	line-height:120%;
	position:relative;
	}
	
span.txt-link-big:after {
    position: absolute;
    top: 50%;
    right:-15px;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

span.txt-link{
	color:#00458d;
	font-size:18px;
	line-height:120%;
	position:relative;
	}
	
span.txt-link:after {
    position: absolute;
    top: 50%;
    right:-12px;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	


span.txt-link-min{
	color:#00458d;
	font-size:14px;
	line-height:120%;
	position:relative;
	}
	
span.txt-link-min:after {
    position: absolute;
    top: 50%;
    right:-10px;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-box:hover img ,.link-box img:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



.link-box:hover a.txt-link-big ,
.link-box:hover .newspdf,
.link-box:hover a{
text-decoration:underline;
    }



#topimg .slider:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#topimg .slider .link-box:hover img,#topimg .slider .link-box img:hover{
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}


.red{color:#E70303;}
.mainblue{color:#00458d;}

.pc{display:block !important;}
.sp{display:none !important;}


.h2top-mt{
	 margin-top: calc(60px - (((36px * 1.3) - 36px) / 2));
	/*margin-top:60px;*/}
	
.mb{margin-bottom:32px;}
.mt{margin-top:48px;}
.par-mb{margin-bottom:80px;}
.par-mt{margin-top:80px;}

.catch{padding: 46px 15px 30px;}

.box1 p{font-weight:bold;}

.office .catch{padding: 46px 15px 0;}

.nolink{color:#ccc;}

#spheader .sp-txtBtnArea li span.nolink:after{
border-color:#ccc;
}

.spfootlink li.nolink span{padding:20px 5%;display:inline-block;}


/*PCのみ==================================*/
@media print, screen and (min-width:768px){


.link-box .bgalpha{
	padding-top: 49px;
}

.link-box .csr-box .bgalpha{
	padding-top: 46px;
}

.link-box:hover .bgalpha{
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0.5);
}





.footerWrapper a img:hover{
    opacity:0.5;
}

a.aul:hover{
text-decoration:underline;
    }


	a.link-btn:hover{ opacity: 0.3;}
	
	a.link-btn2:hover{
	background-color:#00458d;
	border:1px solid #00458d;
	color:#fff;}
	
	
	a.link-btn2-2:hover{
	background-color:#00458d;
	border:1px solid #00458d;
	color:#fff;}　
	
	a.link-btn-min:hover{ opacity: 0.3;}
	
　　a.link-btn-big:hover{  opacity: 0.3 !important;}
	
	a.txt-link:hover{
	text-decoration:underline;
	}
	a.txt-link-min:hover{
	text-decoration:underline;
	}
	

.min-menu{
	background-color:#fff;
	margin:0 -500%;
	padding:0 500%;
	}
	
	.min-menu-foot{
	background-color:#fff;
	border:1px solid #ccc;
	border-bottom:none;
	
	}


.min-menu-inner{
	background-color:#FFF;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:16px 0px 19px;
	}
	
.min-menu-inner li{
	display:inline-block;
	list-style:none;
	margin:0 5px;
	margin-top:6px;
	border-bottom:3px solid #fff;
	
	}
.min-menu-inner li a{
	color:#444;
	padding:0px 8px 5px;
	line-height:1em;
	
	font-weight:bold;}

.min-menu-inner li a:hover{
text-decoration:none;
    }
	


.min-menu-inner li:hover{color:#00458d;
border-bottom:3px solid #00458d;
}


	
.min-menu-inner li.on{
	border-bottom:3px solid #00458d;}


.min-menu-foot .ac-btn2{
	text-align:center;
	color: #00458d;
	font-weight: bold;
	font-size:110%;
	margin-top:20px;
}



/*アンカーリンク部分*/
.an-link{
	border:1px solid #ccc;
	border-radius:3px;
	margin-top:64px;
	display:inline-block;
	text-align:center;
	
	padding:8px 20px;
    box-sizing:border-box;
    
   
	}
.an-link li{

list-style:none;
display:inline-block !important;}


.pc-ta-c{text-align:center;}
.an-link li a{
	padding:12px 46px 12px 20px;
	font-weight:bold;
	
	position:relative;
	color:#111;
	
	box-sizing:border-box;
	
	display:inline-block !important;
	}
	


.an-link li a:after {
    position: absolute;
    top: 50%;
    right:20px;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.an-link li a:hover{
	text-decoration:underline;
	color:#00458d;
	}

/*検索結果*/	
.searchResult{
	margin-top:150px;
	margin-bottom:70px
}

/*製品情報　アンカーリンク部分*/
.prod2 .an-link{
	margin-bottom:48px;
    padding:8px 20px 8px;

}

.prod2 .an-link li a {
    padding: 12px 35px 12px 15px;
}

.prod2 .an-link li a:after{
	right:14px;
}

/*製品情報　aquagreen部分*/
.prod2 .catebox3 .catethumbox p.catethum-big{padding:0 15px;}



/*グローバルネットワーク*/
.global	.an-link{
	padding:8px 30px 8px;
	margin:0px  0px 0px !important;
	}
.global .an-link li a{
	padding:12px 34px 12px 20px !important;
	font-weight:bold;
	
	position:relative;
	color:#111;
	
	box-sizing:border-box;
	
	display:inline-block !important;
	}




.global .an-link li a:hover{
color: #00458d;
}

.global	.an-link li a:after {
    position: absolute;
    top: 50%;
    right:15px !important;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.w10_12column{
	width:calc(100% - 166px);
	min-width:675px;
	margin:0 auto;
}





	}

/*スマホ*/
@media screen and (max-width: 767px){

.h2top-mt{/*margin-top:30px;*/
 	margin-top: calc(30px - (((20px * 1.3) - 20px) / 2));

}
.mb{margin-bottom:20px;}
.mt{margin-top:30px;}
.par-mb{margin-bottom:60px;}
.par-mt{margin-top:60px;}
	
.pc{display:none !important;}
.sp{display:block !important;}

.catalog .pb20{
    padding-bottom:0px !important;
}


body {
	font-family:YakuHanJP,Lato,'Noto Sans JP',Verdana,Roboto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:14px;
	line-height:160%;
}

/*ページタイトル部分*/
.pagetitle-block{
	margin:51px 0px 0px;
	text-align:center;
	background-color:#FFF;
	border-bottom:1px solid #ccc;
	height:180px !important;
	}

.pagetitle-block h1{
	margin-bottom:5px;
	}
	
	
.pagetitle-block h1,.pagetitle-block p{
	color:#00458d;
	line-height:1em;
	}	

/*テキスト白*/
.txtw h1,.txtw p{
	color:#fff;
	line-height:1em;
	
	}	
.txtw p{
	margin-top:5px !important;
	}


/*ページタイトル部分*/

.titlebg{
	margin:51px 0px 0px;
	text-align:center;
	height:180px !important;
}

.titlebg.titlebg2nd{
	height:225px !important;
}

/*会社情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*会社情報*/
.combg{
	/* background:url(../../img/company/companybg_sp.png) top center no-repeat; */
	background-size:cover;
	}


/*会社概要*/
.profiebg{
	/* background:url(../../img/company/profiebg_sp.png) top center no-repeat; */
	background-size:cover;
}


/*役員一覧*/
.offbg{
	margin:51px 0px 0px;
	text-align:center;
	height:180px !important;
	/* background:url(../../img/company/offbg_sp.png) top center no-repeat; */
	background-size:cover;
	}


/*変革*/
.historybg{
	/* background:url(../../img/company/historybg_sp.png) top center no-repeat; */
	background-size:cover;
	}


/*品質への取り組み*/
.qualitybg{
	/* background:url(../../img/company/qualitybg_sp.png) top center no-repeat; */
	background-size:cover;
	}
	
	
/*事業所一覧*/
.officebg{
	/* background:url(../../img/company/officebg_sp.png) top center no-repeat; */
	background-size:cover;
	}

/*グローバル*/
.globalbg{
	margin:51px 0px 0px;
	text-align:center;
	height:180px !important;
	/* background:url(../../img/company/globalbg_sp.png) top center no-repeat; */
	background-size:cover;
	}


/*マンガ*/
.comicbg{
	/* background:url(../../img/company/comicbg_sp.png) top center no-repeat; */
    background-color:gray;
    
	background-size:cover;
	}


/*news*/
.newsbg{
	/* background:url(../../img/news/newsbg_sp.jpg) top center no-repeat; */
	background-size:cover;
	}
	
/*topics*/
.topisbg{
	/* background:url(../../img/topics/topibg_sp.jpg) top center no-repeat; */
	background-size:cover;
	}

	

.comicbg h1{
line-height:130%;}
	
/*製品情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*TOP*/
.prodbg{
	/* background:url(../../img/product/prodbg_sp.png) top center no-repeat; */
	background-size: cover;
	}
	
/*自動車*/
.autobg{
	/* background:url(../../img/product/automotivebg_sp.jpg) top center no-repeat; */
	background-size: cover;
}

/*エレクトロニクス*/
.elecbg{
	/* background:url(../../img/product/electronicsbg_sp.jpg) top center no-repeat; */
	background-size: cover;
}
/*製品情報　aquagreen部分*/
.prod2 .catebox3 .catethumbox p.catethum-big{margin-top:10px;padding:0;}
.prod2 .c-1.catebox3 .left.w50{width:100%;float:none;}


/*インフラ*/
.infrabg{
	/* background:url(../../img/product/infrabg_sp.jpg) top center no-repeat; */
	background-size: cover;
}

/*住環境*/
.housingbg{
	/* background:url(../../img/product/housingbg_sp.jpg) top center no-repeat; */
	background-size: cover;
}

/*健康介護*/
.healthbg{
	/* background:url(../../img/product/healthbg_sp.jpg) top center no-repeat; */
	background-size: cover;
}


/*カタログ*/
.catalogbg{
	/* background:url(../../img/product/catalogbg_sp.jpg) bottom center no-repeat; */
	background-size: cover;
}




/*研究開発  */
.rdbg{
    /* background:url(../../img/rd/rdbg_sp.png) top center no-repeat; */
	background-size:cover;
    
}

/*研究開発  */
.activitiesbg{
    /* background:url(../../img/rd/actbg_sp.png) top center no-repeat; */
	background-size:cover;
    
}

/*ミッション  */
.missionbg{
    /* background:url(../../img/rd/missionbg_sp.png) top center no-repeat; */
	background-size:cover;
    
}

/*知的財産について  */
.chizaibg{
    /* background:url(../../img/rd/chizaibg_sp.png) top center no-repeat; */
	background-size:cover;
    
}


/*会社情報＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*映像/広告ライブラリ*/
.adbg{
	/* background:url(../../img/company/advertising_sp.png) top center no-repeat; */
	background-size:cover;
}

/*映像/広告ライブラリ*/
.messagebg{
	/* background:url(../../img/company/message_sp.png) top center no-repeat; */
	background-size:cover;
}

/* 住友理工早わかり */
.glancebg{
	/* background:url(../../img/at-a-glance/glancebg_sp.png) top center no-repeat; */
	background-size:cover;
}

/*min menu*/

.min-menu .ac-btn2,.min-menu-foot .ac-btn2{
	background-color:#fff;
	border-bottom:1px solid #ccc;
	padding: 17px 18px;
	width:100%;
	line-height:1em;
	
	box-sizing:border-box;
	
	
color:#00458d;
font-weight:bold;

position:relative;
	
	}
.min-menu-foot{
	border:1px solid #ccc;
	border-bottom:none;
	
	}
	
.min-menu .ac-btn2:after,
.min-menu-foot .ac-btn2:after{
    position: absolute;
    top: 50%;
    right:5%;
    content: "";
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    border-top: 1.5px solid #00458d;
    border-right: 1.5px solid #00458d;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}




.min-menu .active:after,
.min-menu-foot .active:after{
    position: absolute;
    top: 50%;
    right:5%;
    content: "";
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-top:0px;
    border-top: 1.5px solid #888;
    border-right: 1.5px solid #888;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.mgblock .par-mt{margin-top:45px !important;}	
	
.opensp{
	display:none;
	}


.min-menu-inner{
	background-color:#FFF;
	
	}
	
.min-menu-inner li{
	
	list-style:none;
	
	}
.min-menu-inner li a{
	color:#00458d;
	padding:17px 31px;
	line-height:1em;
	border-bottom:1px solid #ccc;
	display:block;
	line-height:1em;
	
	font-size:15px;
	}
	

.min-menu-inner li.on a{
	color:#444;
	position:relative;
	
	pointer-events: none;
	}	

.min-menu-inner li.on a:before{
	content:"";
	width:2px;
	height:15px;
	position:absolute;
	top:17px;
	left:18px;
	background-color:#00458d;
	}



h1,h2,h3,h4,h5,h6{color:#222;}


h1{font-size:30px;
   line-height:130%;
   }

h2{font-size:20px;
   line-height:130%;
   font-weight:bold;
   
 /*  margin:0px 0px 20px;*/
   
   	margin-bottom: calc(20px - (((20px * 1.3) - 20px) / 2));
   
  
   }
 
 
 

h3{font-size:19px;
   line-height:130%;}
   
h4{font-size:16px;
   line-height:130%;
   font-weight:bold;}

h5{font-size:13px;
   line-height:130%;
    font-weight:bold;}
   
.h1-under{font-size:13px;
 line-height:130%;}
 
p{font-size:14px;
 line-height:160%;}
 
.mintext{font-size:13px;
 line-height:145%;}
 
.mintext-min{font-size:12px;
 line-height:140%;}
 
 
.list{
  padding-left: 1em !important;
  text-indent: -1em !important;
}
  
  

.list-style1 li{font-size:15px;
line-height:160%;
list-style:none !important ;
  padding-left: 1em;
  text-indent: -1em;

}

.list-style2{font-size:13px;
line-height:170%;
list-style:none;}
   

a.link-btn{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:110%;
	padding:10px 30px;
	margin:0 auto;
	
	
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			
			}


/*アンカーリンク部分*/
.an-link{
	border:1px solid #ccc;
	border-radius:3px;
	margin-top:45px;
    
	padding:0px 15px;
	
	}
	
.global .an-link{
	margin:0px !important;
	
	}
.an-link li{
padding:15px 0px;
list-style:none;
display:block !important;
    border-bottom:1px solid #ccc;
   }



.an-link li a{
	
	display:block;
	position:relative;
	color:#111;
    padding-right:25px;
    

	}


.an-link li a:after {
    position: absolute;
    top: 50%;
    right:10px;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1.5px solid #00458d;
    border-right: 1.5px solid #00458d;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}


.an-link li:last-child{border:none;}


a.link-btn{
	padding: 10px 38px 10px 22px;
}


.csr-box.link-box:hover img{
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.csr-box.link-box:hover a{
	 text-decoration: none;
}








.spw82{width:82%; padding:10px 0px !important;}
.spw90{width:90%; padding:10px 0px !important;}
.spw100{width:100%; padding:10px 0px !important;}



.spw43{width:43%; padding:10px 0px !important;}

.spw48{width:48%; padding:10px 0px !important;}
.spw0{padding:10px 0px !important;}
.spw124{width:124px;padding:10px 0px !important;}



a.link-btn2{
	display:inline-block;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #00458d;
	color:#00458d;
	text-align:center;
	font-size:16px;
	line-height:110%;
	padding:10px 30px;
	margin:0 auto;
	
	
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			
			}


a.link-btn2-2{
	display:inline-block;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #00458d;
	color:#00458d;
	text-align:center;
	line-height:110%;
	padding:9px 19px;
	margin:0 auto;
	font-size:14px;
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			
			}


a.link-btn2-2 img{
	height:12px;
	
	position:relative;
	margin-left:4px;
	top:1px;
	
	}


	
a.link-btn2-2min{
	padding:6px 9px !important;
	font-size:12px !important;
			
			}


a.link-btn-min{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:130%;
	padding:10px;}



a.link-btn-big{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:130%;
	padding:10px 0px;
	}
	
	
input.link-btn-big{
	display:inline-block;
	border-radius:3px;
	background-color:#00458d;
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:130%;
	padding:10px 0px;
	font-weight:normal;
	}
	
a.link-icon span:after {
    width: 8px;
    height: 8px;
    right:-20px;
    margin-top: -4px;
    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
}



a.link-btn2.link-icon{
	padding: 10px 25px 10px 10px;
	width:100%;
}
	
.w80p{width:100%;}






a.txt-link{
	color:#00458d;
	font-size:15px;
	line-height:120%;
	position:relative;
	font-weight:bold;
	}
	
a.txt-link:after {
    position: absolute;
    top:inherit !important;
    bottom: 7px !important;
    right:-10px;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-top: 0px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	


a.txt-link-min{
	color:#00458d;
	font-size:15px;
	line-height:120%;
	position:relative;
	font-weight:bold;
	}
	
a.txt-link-min:after {
     position: absolute;
    top: 50%;
    right:-10px;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    
a.txt-link-line{
	text-decoration: underline;
	}
	
	

   
   }
   
   
   

/*********************************
　レイアウト
*********************************/

#wrapper {
	width:980px;
	margin:0 auto;
	padding:0 22px;
}


.wrapper{
 max-width:980px;
	margin:0 auto;   
}


.contents{background-color:#FFF;padding:36px 36px;}

.contents2{background-color:#FFF;padding:16px 36px;}


.ovhd{overflow:hidden;}




	
	
.c-block{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
    width:100%;
	}


.c-2{
	width:482px;
	margin-right:16px;
	}
	
.c-2:nth-of-type(2n) {
	margin-right:0px;
	}
	

.contents .c-2{
	width:calc(482px - 36px);
	margin-right:16px;
	}
	
.contents .c-2:nth-of-type(2n) {
	margin-right:0px;
	}
		
	

.c-3{
	width:316px;
	margin-right:16px;
	}
	
.c-3:nth-child(3n){
	margin-right:0px;
	}
	

.contents .c-3{
	width:calc(316px - 24px);
	margin-right:16px;
	}
	
.contents .c-3:nth-child(3n){
	margin-right:0px;
	}
	
	
.c-4{
	width:233px;
	
	margin-right:16px;
	}
	

.c-4:nth-child(4n){
	margin-right:0px;
	}
	



.c-6{
	width:150px;
	margin-right:16px;
	}
	
.c-6:nth-child(6n){
	margin-right:0px;
	}
	
	

.c-12{
	width:67px;
	float:left;
	margin-right:16px;
	}
	
.c-12:nth-child(12n){
	
	margin-right:0px;
	}

.c-1,.c-2,.c-3,.c-4,.c-6,.c-12{margin-bottom:20px;}


.white{color:#fff;}
.pt{color:#00458d;}


.category{
	margin-bottom:32px;
}

.catebox p , .catebox2 p{
	padding:10px 22px 0;
}

.comic .catebox img{
line-height:0;
font-size:0;}


.comic .catebox p{
	padding:10px 17px 0;
}


.catebox , .catebox2 , .catebox3{
	border-top:4px solid #00458d;
	background:#fff;
	margin-bottom:32px;
}

.catebox img ,.catebox2 img{
	width:100%;
}

.catetxt{
	margin-top:15px;
	margin-bottom:18px;
	display:inline-block;
}

.catebox2 p.trim{
	padding:0;
}


.contactBox{
	background-color: #FFF;
	margin:0 10.25% 16px;
	padding:25px ;
	
}

.contactBox .w60p{
	width:60%;
	min-width:322px;
}



h3 + .c-block .catebox3 , h3 + .catebox3{
	position: relative;
	margin-top:28px;
	margin-bottom:44px;
}

.prod2 .category.par-mb{
	margin-bottom:80px;
}

.catebox3 h4{
	margin:15px 15px 10px;
}

.catebox3 h4.num{
	position: relative;
    padding-left: 30px;
}

.catebox3 h4.num span{
	font-weight:bold;
	color:#fff;
	background:#2b82b7;
	padding:0 7px 2px;
	border-radius: 15px;
	margin-right:6px;
	display: inline-block;
	position: absolute;
    left: 0;
}

.catebox3 p{
	padding:15px 15px 0; 
}

.catebox3 .catethumbox{
	position: relative;
	bottom:0;
	right:0;
	overflow: hidden;
}

.catebox3 .catethumbox p.catethum{
	width:30%;
	height:auto;
	max-width:calc(100% - 210px);
	/*max-height:200px;
	overflow: hidden;*/
	position: relative;
	box-sizing: border-box;
	float: right;
	padding:0;
}

.catebox3 .catethumbox p.catethum:after{
	content: "";
    clear: both;
    display: block;
}

.catebox3 .catethumbox p.catethum img{
	/*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    width: 100%;
    height: auto;
    margin-bottom: -5px;
}

.catebox3 .catethumbox p.catethum-big{
	width:50%;
	padding:0;
	box-sizing: border-box;
	float: right;
}

.catebox3 .catethumbox p.catethum-big img{
	width:100%;
	position:relative;
	/*margin-bottom: -5px;*/
	top:0;
	left:0;
}

.catebox3 .catethumbox div.catethum-big{
	width:50%;
	padding:0;
	box-sizing: border-box;
	float: right;
}

.catebox3 .catethumbox div.catethum-big img{
	width:100%;
	position:relative;
	/*margin-bottom: -5px;*/
	top:0;
	left:0;
}

.catebox3 p.catetxt{
	width:70%;
	min-width:210px;
	margin:0;
	padding:0 15px 15px;
	box-sizing: border-box;
}

.catebox3 p.catetxt-min{
		width:50%;
}

.catebox3 .matchHeight{
	margin-bottom:24px;
}

.catebox3 a.link-btn3{
	width:200px;
	padding:17px 23px 17px 0;
	margin-bottom:15px;
	margin-top:30px;
}

.mainImg{
	text-align:center;
	margin:32px auto 48px;
}
.mainImg img{
	width:100%;
}



.picupArea{
	padding-top:62px;
	padding-bottom:24px;
}


@media print, screen and (min-width:768px){

.picupArea img{
	width:100%;
	border:1px solid #d9d9d9;
}

}

@media screen and (max-width:767px){

.picupArea img{
	width:100%;
	border:2px solid #d9d9d9;
}

}

/*********************************
　レイアウト タブレット
*********************************/

@media screen and (min-width:768px) and ( max-width:1024px) {


#wrapper {
	width:calc(100% - 44px);
	margin:0 auto;
	padding:0 22px;
	
}

.wrapper {
	width:calc(100% - 44px);
	margin:0 auto;
	padding:0 22px;
	
}


.contents{background-color:#FFF;padding:36px 36px;}

.contents2{background-color:#FFF;padding:16px 36px;}


.ovhd{overflow:hidden;}

	
	
.c-block{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
    width:100%;
	}


.c-2{
	width:calc(50% - 16px);
	margin-right:16px;
	}
	
.c-2:nth-of-type(2n) {
	margin-right:0px;
	}
	
.catabox3 .c-2{
	width:calc(50% - 8px);
}
.contents .c-2 {
	width:calc(50% - 8px);
	margin-right:16px;
	}
	
.contents .c-2:nth-child(2n) {
	margin-right:0px;
	}
		
	

.c-3{
	width:calc(33.32% - 10.6px);
	margin-right:16px;
	}
	
.c-3:nth-child(3n){
	margin-right:0px;
	}
	

.contents .c-3{
	width:calc(33.32% - 10.6px);
	margin-right:16px;
	}
	
.contents .c-3:nth-child(3n){
	margin-right:0px;
	}
	
	
.c-4{
	width:calc(25% - 19px) ;
	
	margin-right:16px;
	}
	

.c-6{
	width:calc(16.65% - 13.32px);
	margin-right:16px;
	}

.c-6:nth-child(6n){
	margin-right:0px;
	}
	
	

.c-12{
	width:calc(8.32% - 14.65px);
	float:left;
	margin-right:16px;
	}
	
.c-12:nth-child(12n){
	
	margin-right:0px;
	}

.c-1,.c-2,.c-3,.c-4,.c-6,.c-12{margin-bottom:20px;}

.catebox , .catebox2{
	margin-bottom:32px;
	}
	
	
a.txt-link:after {
    position: absolute;
    top:inherit !important;
    bottom: 8.5px !important;
    right:-12px;
    content: "";
    margin-top: -2px;
}



}
/*タブレット終わり*/


/*スマホ*/
@media screen and (max-width: 767px){
#wrapper{
	width:90%;
	padding:0px 5%;
	}	

.wrapper{
	width:90%;
	padding:0px 5%;
	}	


/*検索結果*/	
.searchResult{
	margin-top:30px;
	margin-bottom:30px
}

.search#wrapper{
	width:100%;
	padding:0;
	padding-top:20px;
}

.contents{padding:20px 15px;
background-color:#fff;}

.contents2{padding:5px 15px; background-color:#fff;}


.c-block{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
    width:100%;
	}
	
.c-2{
	width:calc(50% - 7.5px);
	margin-right:15px;
	}
	
.c-2:nth-of-type(2n){width:calc(50% - 7.5px);
margin-right:0px;
}


.contents .c-2{
	width:calc(50% - 7.5px);
	margin-right:15px;
	}
	
.contents .c-2:nth-of-type(2n){width:calc(50% - 7.5px);
margin-right:0px;
}



.contents .c-3{
	width:calc(33% - 10px);
	margin-right:15px;
	}
	
.contents .c-3:nth-child(3n){width:calc(33% - 10px);
margin-right:0px;}


.c-3{
	width:calc(33% - 10px);
	margin-right:15px;
	}
	
.c-3:nth-child(3n){width:calc(33% - 10px);
margin-right:0px;}



.c-4{
	width:calc(33% - 10px);
	
	margin-right:15px !important;
	}
	

	
.c-4:nth-child(3n){
	width:calc(33% - 10px);

margin-right:0px !important;}


.c-6{
	width:calc(33% - 10px);

	margin-right:15px !important;
	}
	
.c-6:nth-child(3n){
	width:calc(33% - 10px);

margin-right:0px !important;}


.c-12{
	width:calc(33% - 10px);

	margin-right:15px !important;
	}
	
.c-12:nth-child(3n){
	width:calc(33% - 10px);
margin-right:0px !important;}


.c-1,.c-2,.c-3,.c-4,.c-6,.c-12{margin-bottom:20px;}


.category .c-2,.category .c-3,.category .c-4 {
    width: 100%;
    margin-right: 0px !important;
    margin-bottom: 20px;
	}


.catebox p{
	padding:12px 22px 0;
}




.catebox2 p.trim {
    overflow: hidden;
    width: 103px;/* トリミングしたい枠の幅 */
    height: 103px;/* トリミングしたい枠の高さ */
    position: relative;
    float:left;
    margin-right:15px;
}

.catebox2 p.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

.catebox2 .catetxt {
    width: calc(100% - 99px);
    margin-top:6px;
    margin-bottom:16px;
}


.contactBox{
	background-color: #FFF;
	margin:0 0 16px;
	padding:17px 15px ;
}

.contactBox .w60p{
	width:100%;
	min-width:80px;
}

.kanrenbox .c-3{
	width: calc(50% - 8px);
	margin-right:16px;
	}
	
.kanrenbox .c-3:nth-child(2n) {
	margin-right:0px;
	}

.category .catebox3 .catethumbox p.catethum{
	width:30%;
	height:30%;
	max-width:calc(100% - 210px);
}


.catebox3 p.catetxt{
	width: 70%;
}


.category .catebox3 .catethumbox p.catethum-big{
	width:100%;
	text-align:center;
}

.category .catebox3 .catethumbox p.catethum-big img{
	width:94%;
}


.category .catebox3 .catethumbox div.catethum-big{
	width:100%;
	text-align:center;
}

.category .catebox3 .catethumbox div.catethum-big img{
	width:94%;
}

 .catebox3 p.catetxt.catetxt-min{
 	width:100%;
 }

.category .catebox3 .matchHeight{
	margin-bottom:18px;
}

.category .catebox3{
	margin-top:20px;
	margin-bottom:-5px;
}

.catebox3 a.link-btn3{
	max-width:200px;
	width:100%;
	padding:17px 23px 17px 0;
}


.pc-ta-c + h2{
	margin-top:56px;
}



.category  h3 + .c-block .catebox3,.category  h3 + .catebox3 {
    margin-top: 20px;
    margin-bottom: -4px;
}

.mainImg{
	margin:20px auto 30px;
}

.prod2 h3.mt{
	margin-top:34px;
}

.prod2 h3{
	margin-top:34px;
}

.prod2 .category.par-mb{
	margin-bottom:60px;
}

.prod2 h2{margin-top:60px;}



.picupArea.footerWrapper .footerArea{
	padding-top:44px;
	padding-bottom:26px;
}

.picupArea .c-3{
	width:calc(50% - 7.5px);
	margin-right:15px !important;
	}
	
.picupArea .c-3:nth-child(2n){width:calc(50% - 7.5px);
margin-right:0px !important;
}

.error .ta-c .mintext{
	text-align:left;
	}



.border100{
   background-color:#ccc;
	width:100%;
	height:2px;
	display:block;
    
    margin:30px -500% 30px;
    padding:0px 500%;

}

a.link-btn2:hover{
	background-color:#00458d;
	border:1px solid #00458d;
	color:#fff;}


.border-d{
	height:2px !important;
	}

}	/*スマホ終わり*/	
	
.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
	
	
	
	



/********************************
	アドビＰＤＦ
********************************/
.GetADOB_EREADER {
	width:680px;
	padding:6px 10px;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
}
.GetADOB_EREADER img {
	float:left;
	margin-right:15px;
}
.GetADOB_EREADER p {
	font-size:10px;
	padding-top:5px;
	line-height:160%;
}




/*********************************
　　　汎用クラス
*********************************/

/** クリア **/
.clear{
	display:block;
	clear:both;
	color:#FFFFFF;
	font-size:0px;
	line-height:0px;
	height:0px;
}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  



/*********************************
　　　汎用マージン、スペース
*********************************/

/* ----------------------------------------------------
margin
---------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt150 { margin-top: 150px !important; }
.mtm20 { margin-top: -22px !important; }
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

.w10 { width: 10%}
.w20 { width: 20%}
.w30 { width: 30%}
.w40 { width: 40%}
.w50 { width: 50%}
.w60 { width: 60%}
.w70 { width: 70%}
.w80 { width: 80%}
.w90 { width: 90%}
.w100 { width: 100%}
.h100{ height:100%;}
.left{float:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}


.mr4p{margin-right:4% !important;}
.mr5p{margin-right:5% !important;}
.ml5p{margin-left:5% !important;}

.border-no{border:none !important;}

.b{font-weight:bold;}

.clear{
	clear:both;}
/****************************/

.border{
	border-top:1px solid #00458d;
	width:100%;
	height:1px;
	display:block;}
	
.border2{
	border-top:2px solid #00458d;
	width:100%;
	height:1px;
	display:block;}
	
.border-d{
	width:100%;
	height:1px;
	display:block;
	/* background:url(../img/border-d.png) left top repeat-x; */
	
	clear:both;
	
	}
	
@media print{
	html,body{
	/*zoom:75% !important;*/
	width:1024px !important;
	
	}

	#headerAreawrapper{
	position: relative !important;
	z-index:-1000;
	border-bottom:none;
	background-color:rgba(255,255,255,0.0);
	margin-bottom:110px;
	}
	
	#headerArea{
	background-color:rgba(255,255,255,0.0);
	}
	
	.titlebg{
	margin-top:0 !important;
	}
	.pagetitle-block , #topimg{
	margin-top:-110px !important;
	}
	
	.print_break{
	page-break-before: always;
	}
	
	
	/*div{page-break-inside: avoid;}
	
	div#wrapper{page-break-inside: auto;}*/
	
	img , .pro-box , .newsbox , .irbox , .ir-box , .csr-box , .rec-box , .com-box , .dev-box{page-break-inside: avoid;}
	
	
	}

/*************↓20180223武井追加***************/
.vcenter {
    display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
 	display:-moz-flex;
	display:flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.imageColumn1 {
    display: block;
    max-width: 960px;
    max-height: 960px;
    margin: auto;

	position: relative;
/*
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
*/
}

.imageColumn2 {
    display: block;
    max-width: 482px;
    max-height: 482px;
    margin: auto;
/*
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
*/
}

.imageColumn3 {
    display: block;
    max-width: 316px;
    max-height: 316px;
    margin: auto;
/*
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
*/
}

.cms_margin_50 { padding-bottom: 50px; }
.cms_margin_45 { padding-bottom: 45px; }
.cms_margin_40 { padding-bottom: 40px; }
.cms_margin_35 { padding-bottom: 35px; }
.cms_margin_30 { padding-bottom: 30px; }
.cms_margin_25 { padding-bottom: 35px; }
.cms_margin_20 { padding-bottom: 20px; }
.cms_margin_15 { padding-bottom: 15px; }
.cms_margin_10 { padding-bottom: 10px; }
.cms_margin_5 { padding-bottom: 5px; }
.cms_clear {
	clear: both;
}

span.pdficonsize{
    position:relative;
    color:#00458d !important;
    
}

span.pdficonsize:hover{text-decoration:underline;
    }

span.pdficonsize:before{
    content:" ";
    /* background: url(../img/pdficon.png) left top no-repeat; */
    background-size:14px;
   
    width:14px;
    height:14px;
    display:inline-block;
    
    margin-right:7px;
    position:relative;
    top:2px;
}
/*************↑20180223武井追加***************/