@charset "UTF-8";
/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	color: #000;
}
@media screen and (max-width:767px){
body {
}
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; 
/*width: 100%; */
height: auto; vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/*----cmnstyle-----*/


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #053667;
	text-decoration: underline;
}
a:visited {color:#053667;}
a:hover,
a:active,
a:focus { text-decoration: none;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  72%;}/* base 14px -> 10px */
.fzS   { font-size:  86%;}/* base 14px -> 12px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 14px -> 16px */
.fzLL  { font-size: 129%;}/* base 14px -> 18px */
.fzLLL { font-size: 143%;}/* base 14px -> 20px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px;}
.w800	{ width: 800px;}
.w640	{ width: 640px;}
.w480	{ width: 480px;}
.w320	{ width: 320px;}
.w160	{ width: 160px;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 20px;}
.flImgR { display: inline; float: right; margin-left: 20px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { }

/* !JavaScript -------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */ }

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !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;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !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;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !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;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !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;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !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;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !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;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !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;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !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;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}


/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width:100%;
	

}
@media screen and (max-width:767px){
#wrapper {
	width:100%;
	position: relative;
}
}
/* !header
---------------------------------------------------------- */
#header {
	width:100%;
	height:189px;
    background-color: #fff;
	z-index: 998;
	background: url(../img_common/nav_bg.gif) left bottom repeat-x;
}

#header h1 {
	width: 1080px;
	padding-left: 0;
	margin: 0 auto;
	text-align: left;
	font-size: 86%;
	color: #444;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
}

	#headerIn {
		margin: 0 auto;
		width: 1080px;
		text-align: left;

        height: 154px;
		position: relative;
	}
	
#headerIn:after {
	content: ""; 
	display: block; 
	clear: both;
}
	
		#headerLogo {
			width:268px;
			float:left;	

		}

#headerLogo img{
    margin-top: 0;
}

#headerLogo .logoW{
	display: none;
}
		
#headerIn .hdBtm{

    height: 80px;
    position: absolute;
    top: 36px;
    width: 1080px;

}
		
#headerTel{
position: absolute;
right: 0;
top: 36px;


}

#headerTel li{
	float: left;
    margin-left: 1em;
}



#headerTel #tlNm{
/*	font-size:180%;*/
	font-size:200%;
    display: inline-block;
	text-decoration: none;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	line-height: 1.4;


/*    vertical-align: middle;*/


}

#headerTel #tlNm i{
	font-size:130%;
    color: #053667;
    font-weight: normal;
    margin-right: 0.2em;
    vertical-align: middle;
transition: 0.5s;
	
}

#headerTel #tlNm a{
	text-decoration: none;
	color: #000;
}

#headerTel #ukt{
	display: block;
	font-size: 50%;
	font-weight: normal;
	letter-spacing: -0.04em;
	margin-left: 1em;
}

#headerTel li#ml{	
	margin-top: 0.5em;
}


#headerTel li#ml a{
	font-size:130%;
    background-color: #053667;
    color: #fff;
	display:inline-block;
    line-height: 2.4;
    padding: 0 1.4em 0 0.9em;
    text-decoration: none;
	border-radius:6px ;
-moz-border-radius:6px ;
-webkit-border-radius:6px ;
	transition: 0.5s;
}

#headerTel #ml i{
	font-size:100%;
    font-weight: normal;
    margin-right: 1em;
}

#headerTel #ml a:hover{
	-webkit-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}

#headerTel li#rec{
	float:right;
	text-align:center;
	clear: both;
	width: 30%;

	display: block;
	margin-top: -11px;
}


#headerTel li#rec a{
	display: block;
	text-decoration: none;
	transition: 0.5s;
	line-height: 2.2;
border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border:#053667 solid 1px;
}

#headerTel li#rec a:hover{
-webkit-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);

}


#header.fixed {
  position: fixed;
  top:0;
	height: 65px;
	background-image: none;
 
}

#header.fixed #headerIn {
		width:100%;
	height: 65px;
		min-width: 1530px;
	}
#header.fixed #headerIn .hdBtm {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

#header.fixed #headerLogo {
	width: 200px;
	margin-top: 10px;
	margin-left: 10px;
}

#header.fixed #headerLogo .logoD{
	display: none;
}
	
#header.fixed #headerLogo .logoW{
	display:block;
}

#header.fixed #gNavi {
float: inherit;
	text-align: center;
		margin: 0 auto;
	width: 100%;
	background-color: rgba(5,54,103,0.80)

}

#header.fixed #gNavi ul#menu{
	display: block;
	margin: 0 20px;

}

#header.fixed #headerTel {
    position: absolute;
    right: 10px;
    top: 10px;
}

#header.fixed #headerTel #tlNm {
    /* font-size: 180%; */
    font-size: 150%;
	color: #fff;
}

#header.fixed #headerTel #tlNm a{
	color: #fff;
}

#header.fixed #headerTel #tlNm i{
	color: #fff;
}

#header.fixed #headerTel li#ml a {
    padding: 0 1.4em 0 0.9em;
	border: #fff solid 1px;
	line-height: 1.8;
font-size: 108%;
}


#header.fixed #headerTel li#rec {
	margin-top: -12px;
}

#header.fixed #headerTel li#rec a {
	color: #fff;
	font-size: 84%;
	border: none;
	line-height: 2;
}

@media screen and (max-width:767px){
#header {
	position:inherit;
	height: 70px;
	background-image: none;
	background-color: rgba(255,255,255,0.7);

}

#header h1 {
	width: 100%;
	font-size: 72%;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
	letter-spacing: -0.02em;
	padding-left: 0.5em;
	top: 2px;
}

#headerIn {
		width: 100%;
		background-size:54%;
		background-position: 10px 0;
	height: 70px;
	border-bottom: #ccc solid 1px;
	}
	


	
#headerLogo {
	width:134px;
	margin-left:5px;
}


#headerTel,
#header.fixed #headerTel{

margin-top:0;
position:absolute;
top:20px;
right:3.8em;

}

#headerTel img{

	margin-right:0;
	width:90%;

}

#headerTel li{
	margin-left: 0;
	margin-top: 0 !important;
}

#headerIn .hdBtm {
    width: 100%;
	top: 0;
	position: inherit;
		height: 70px;
}
	
#headerLogo img {
    margin-top: 20px;
}
	

#headerTel #tlNm {
	font-size: 150%;
	    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

	width: 32px;
	background: url(../img_common/sp_header_tl.png) center center no-repeat;
	background-size: 32px;
	margin-right: 0.3em;

}
	
	#headerTel #tlNm a{
		display: block;
	
	}
	
	#headerTel #tlNm i{

	}

#headerTel li#ml a{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 32px;

	background: #053667 url(../img_common/sp_header_ml.png) center center no-repeat;
	background-size: 23px;
	line-height: 2.4;

}
	
	#headerTel #ml a i{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;		

	}
	
#header.fixed {
  top:0;
	height: 70px;
 
}
#header.fixed #headerLogo .logoD {
    display: block;
}
	
#header.fixed #headerLogo .logoW {
    display: none;
}
	
#header.fixed #headerLogo {
    width: 134px;
    margin-top: 0;
    margin-left: 5px;
}
	
#header.fixed #headerIn {
    min-width: 100%; 
	height: 70px;
	border-bottom: #ccc solid 1px;
}

#header.fixed #headerTel li#ml a {	
	border: none;
	line-height: 2.4;
	font-size: 130%;
	}
}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
    height:65px;
	z-index:999;
	float:right;
	background-color: #053667;
	margin-top: 14px;
}


@media screen and (max-width:767px){
#gNavi {
	display:none;
}
}

/* !contents
---------------------------------------------------------- */
.inner{
	width:1080px;
	margin:0 auto;
padding: 40px 0;
}

.inner:after {
	content: ""; 
	display: block; 
	clear: both;
}

.pgTtl{
	position: relative;
	z-index: 20;

}

.secCt{
	margin: 0 auto 80px;
	width: 100%;
}

.secCt:after {
	content: ""; 
	display: block; 
	clear: both;
}

.stTl{
	color: #053667;
	font-size: 220%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	background-image: url(../hinshitsu/img/stTlbline.jpg);
	background-repeat: no-repeat;
	background-position: 0% bottom;
	margin-bottom: 30px;
		position: relative;
	z-index: 10;
}

.stTl span{

}
#contents{
	width: 1080px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	background: url(../img_common/side_bg.gif) top left repeat-y;
}


@media screen and (max-width:767px){
	
.inner{
/*	width:94%;
	margin: 0 3%;*/
	
	width:100%;
	margin: 0;
}
	
.pgTtl{

}

.secCt{
	margin-bottom: 40px;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

.stTl{
	font-size: 120%;
	background-position: 30% bottom;
	margin-bottom: 15px;

}

.stTl span{

}

#contents{
	width: 100%;
	margin: 20px auto 0;
	position: relative;
	z-index: 10;
	background-image: none;

}


}


/* !pageTop
---------------------------------------------------------- */
.pageTop {
}
	.pageTop a {
	}
@media screen and (max-width:767px){
.pageTop {
}
}
/* !footer
---------------------------------------------------------- */
#footer {
	width:100%;
	text-align: left;
	background-color: #FAFAFA;


}
	#footerIn {
		margin: 1px auto 0;
	width: 1080px;
	padding-top:60px;
	padding-bottom:60px;
	}
	
	#ftLogo{
		margin-bottom:0.5em;
	}
		#footerLinks {
			float:right;
			line-height:1.4;
		}
#footerLinks ul{
	float: left;
	margin-left: 2.9em;

}

			#footerLinks li {
				display:block;
				margin-bottom: 0.5em;
				font-size: 108%;

			}
			
			#footerLinks li a{
				color:#053667;
				text-decoration:none;				
			}
#footerLinks li a i{
	margin-right: 0.3em;
	font-size: 80%;

}
			
			#footerLinks li a:hover{
				color:#D1A1A8;
			}

#footerLinks li.lstS{
	font-size: 90%;
	margin-left: 1em;
	}


#footerAddress{
	color: #053667;
}

#footerAddress .ftLogo{
	width: 134px;
	margin-bottom: 0.2em;

}

#footerAddress .cpNm{
	display: block;
	font-size: 160%;
	font-weight: bold;
}
		#copyright {

			text-align:center;
			color:#111;
			font-size:86%;
			line-height:3;
			
		}
@media screen and (max-width:767px){
#footer {
	width:100%;

}
	
	#footerIn {
	width: 100%;
		padding: 0;
	}

	#footerLinks{
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
		    border-top: #053667 solid 1px;
		
	}
	#footerLinks:after {
	content: ""; 
	display: block; 
	clear: both;
}
	#footerLinks ul {
    margin-left: 0;
		float: none;
}
	#footerLinks li {
    display: block;
    margin-bottom: 0;
    font-size: 100%;
		width: 100%;
		float: left;
}
	
	#footerLinks li a{
		padding: 0 0.5em;
		display: block;
		background-color: #fff;
		border-bottom: #053667 solid 1px;
		line-height: 2.4;
		width: 100%;
		font-size: 90%;
	}
	
#footerLinks li a i{

}

#footerLinks li.lstS {
    font-size: 100%;
    margin-left: 0;
}
	
#footerLinks li a:hover {
    color: #fff;
	background-color:#666;

}


		#footerLinks .f1 li:last-child{
	width: 49.99%;
		display: inline-block;


	}
	
		#footerLinks .f1 li:first-child{
		width: 100%;
	}
	
	#footerLinks .f2 li{
		width: 49.99%;
		display: inline-block;

	}
	
	#footerLinks .f2 li:nth-child(2n+1){
		border-right: #053667 solid 1px;
	}
	
#footerLinks .f3 li{
		width: 49.99%;
		display: inline-block;

	}
	
	#footerLinks .f3 li:nth-child(2n){
		border-right: #053667 solid 1px;
	}
	
#footerLinks .f4 li{
		width: 49.99%;
		display: inline-block;

	}
	
	#footerLinks .f4 li:nth-child(2n+1){
		border-right: #053667 solid 1px;
	}
	
	
#footerLinks .f5 li{
		width: 49.99%;
		display: inline-block;

	}
	
	#footerLinks .f5 li:nth-child(2n){
		border-right: #053667 solid 1px;
	}
	
	

#footerAddress {
	margin: 0 10px 20px;
	text-align: center;

}
	
#footerAddress .cpNm {
    font-size: 120%;

}
	
#footerAddress a {
	color: #053667;
}
	
#footerAddress .ftLogo{
	width: 134px;

}

#copyright {
    line-height:1.5;
	padding: 10px;
}
	
}


/*ページ上部へ*/
#pgtop a {
	background-image:url(../img_common/pg_top.png);
	text-indent: -999em;
	height: 80px;
	width: 80px;
	position:fixed;
	bottom:20px;
	right:20px;
	color:#FFF;
	z-index:20;
}
#pgtop a:hover{
	-moz-opacity:0.60;
	opacity: 0.60;
	/* IE */
	filter: alpha(opacity=60);
}

@media screen and (max-width:767px){
#pgtop a {
	height: 40px;
	width: 40px;
	background-size: 40px;
bottom: 10px;
    right: 10px;
}
	
}

/*パンくず*/

.pan{
	width: 1080px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 30px;
}

.pan ul{
	color: #053667;
}

.pan a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../img_common/icon_pan.png);
	padding-left: 20px;
	background-position: left center;
}
/*
.pan li {
    
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0;
    padding: 0;
}
.pan li a:hover{
	text-decoration: underline;
}
*/

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

	.pan {
		background-color:#F6F6F6;
		display: none;
	}	
	
/*.pan ul{
	width: 100%;
	margin-bottom: 10px;
	}

	.pan li,
	.pan li a{
		color: #053667;
	}
*/
}

/*------------------------------------------------
表示・非表示・改行
------------------------------------------------*/
.spOn { display: none !important;}

@media screen and (max-width:640px){
	.spOn { display: block !important;}/*スマホ版のみ表示*/
	.pcOn { display: none !important;}/*PC版のみ表示*/


}


/*------------------------------------------------
2カラム用
------------------------------------------------*/


#main{
    width: 70.38%;
	/* background-color: beige; */

    float: right;

}

#side{
	width: 24.45%;
	background-color: #F7FAFC;
    float: left;
}
#side .top {
	font-size: 140%;
	background-color: #053667;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}
#side a {
	background-image: url(../img_common/icon_sidearr.png);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DEE1E2;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 120%;
	text-decoration: none;
}

#side a:hover {
	background-color: #D5E2EE;
}

.pgTtl {
	height: 300px;
	background-color: #F7FAFC;
}


.pgTtlIn{
	width: 1080px;
	margin: 0 auto;

}

.pgTtlIn .ttl{
	background-color: rgba( 255, 255, 255, 0.70 );
	width: 264px;
	height: 264px;
	display: inline-block;
	color: #053667;
	font-size: 240%;
	text-align: center;
	margin-top: 17px;
	margin-bottom: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	line-height: 1.4;
	padding-top: 10%;

}

.pgTtlIn .ttl span{
	color: #8199B2;
	font-size: 35%;
	text-align: center;
	display: block;
	
}


.pgTtlIn .anc {
    background-color: rgba( 255, 255, 255, 0.70 );
    display: inline-block;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    width: 560px;
    height:auto;
    float: right;
    margin-top: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.pgTtlIn .anc li {
    border-bottom: 1px dotted #053667;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    list-style-type: none;
    float: left;
    width: auto;
    margin-right: 15px;
    background-image: url(../hinshitsu/img/linkicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.pgTtlIn .anc li a {
	color: #000000;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	}

.pgTtlIn .anc li.liLe {
	width: 33%;
}
.pgTtlIn .anc li.liRi {
	width: 60%;
}

.pgTtlIn .anc li.liBi {
	width: 70%;
}

.pgTtlIn .anc li a {
	color: #000000;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
}

.cph {
	font-size:143%;
	margin-bottom:1em;
	color:#053667;
}
.SubBox {
	display: block;

}

.SubBox:after {
	content: ""; 
	display: block; 
	clear: both;
}


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


#main{
	width: 100%;

}

#side{
	width: 94%;
	margin: 0 3%;
	background-color: #F7FAFC;
		font-size: 100%;
	padding-bottom: 1.5em;
	margin-bottom: 30px;
border-radius:0px 0px 6px 6px ;
-moz-border-radius:0px 0px 6px 6px ;
-webkit-border-radius:0px 0px 6px 6px ;
	
	box-shadow:2px 2px 2px 0px #dae1e3;
-moz-box-shadow:2px 2px 2px 0px #dae1e3;
-webkit-box-shadow:2px 2px 2px 0px #dae1e3;
}
	
#side .top{
	font-size: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
}
	
	#side ul{
		font-size: 90%;
		margin: 10px;
	}
	
	#side ul li{
		float: left;

	}
	

	#side ul li a{
		font-size: 100%;
		padding: 5px 0 5px 15px;
		background-position: 0 center;
	}

.pgTtl {
	height:auto;

	}

.pgTtlIn{
	width: 100%;
	margin: 0 auto;

	}

.pgTtlIn .ttl{
	width: 160px;
	height: 80px;
	font-size: 115%;
	text-align: center;
	margin-top: 15px;
	padding-top: 5%;
	line-height: 1.4;
	margin-left: 10px;
	background-color:rgba(255,255,255,0.7);
		width: 180px;
	padding-top: 8%;
	
	}

.pgTtlIn .ttl span{
	color: #8199B2;
	font-size: 75%;
	text-align: center;
	display: block;
	}


.pgTtlIn .anc {
	display: block;
	width: auto;
	height: auto;
	float: none;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	background-color: #F7FAFC;
	margin-bottom: 30px;
	}
	
.pgTtlIn .anc:after {
	content: ""; 
	display: block; 
	clear: both;
}

.pgTtlIn .anc li {
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
	width: auto;
	background-image: url(../hinshitsu/img/linkicon.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	}
.pgTtlIn .anc li.liLe {
	width: auto;
}
.pgTtlIn .anc li.liRi {
	width: auto;
}
	
.pgTtlIn .anc li.liBi {
	width: auto;
}
	
.pgTtlIn .anc li a {
	font-size: 90%;

	}	
	
.cph {
	font-size:108%;
	
}
.SubBox {
	display: block;

}
	
#side ul li:nth-child(2n+1) {
 width: 50%;
	margin-right: 5%;
}
	
#side ul li:nth-child(2n) {
	width: 45%;
 	margin-right: 0;
}
	
}


/************ページ下お問合せ**********************/

.conT{
	margin-bottom: 40px;
	background-color: #F7FAFC;
	padding: 40px 0;
	border: #eee solid 1px;

}

.conT p{
	font-size: 120%;
	margin-bottom: 2em;
	text-align: center;
}
.listCon {
	clear: both;
	margin: 1em auto;
	text-align: center;
}

.listCon li{
	display: inline-block;
	font-size: 143%;
	width: 32%;
	border-right: #333 solid 1px;
	text-align: center;

}

.listCon li:last-child{
	border: none;
}

.listCon li i{
	color: #053667;
	margin-right: 1em;
	font-weight:normal;
	font-size: 180%;
}

.listCon li span{
	background-color: #053667;
	color: #fff;
	border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
	margin-right: 1em;
	font-size: 60%;
	line-height: 2.8;
	padding: 0 0.4em;
	vertical-align:7px;
	font-weight:normal;
	display: inline-block;
}

.listCon li.mlBtn a {
	display: block;
	background-color: #053667;
	font-size: 72%;
	width: 100%;
	border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	line-height: 2.8;
	padding: 0 1em;
	    transition: 0.5s;
}

.listCon li.mlBtn a:hover {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.listCon li.mlBtn i{
	color: #fff;
	margin-right: 0.4em;
	font-size: 110%;
}

.listCon li.mlBtn div{
	width: 80%;
	margin: 0 auto;
}

.listCon li.tlTb span {
    background-color:inherit;
    color: #000;
    font-size: 100%;
    line-height: 1.8;
    padding: 0 ;
    vertical-align:baseline;
    font-weight: normal;
    display: inline-block;
}

.listCon li.tlTb span i{
	margin-right: 0;
	vertical-align: -3px;
}



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

	.conT{
	margin-bottom: 20px;
	padding: 20px 0;

}
	
	.conT p{
		text-align: left;
		padding: 0 20px;
}

.listCon {
    margin: 1em auto;
}
	
.listCon li {
    width: 100%;
	font-size: 140%;
border-right:none;
	margin-bottom: 1em;
}
	.listCon li:last-child{
		margin-bottom: 0;
			}

.listCon li i {
    margin-right: 0.2em;
	vertical-align: middle;
}

	.listCon li.tlTb span{
		margin-right: 0;
	}
		.listCon li.tlTb span i{
		margin-right: 0.1em;
	}
	
}

/************左サイドバー**********************/

#safety #side li:first-child a,
#hinshitsu #side li:nth-child(2) a,
#brand #side li:nth-child(3) a,
#oem #side li:nth-child(4) a,
#case #side li:nth-child(5) a,
#mansaku #side li:first-child a,
#business #side li:nth-child(2) a,
#factory #side li:nth-child(3) a{
	background-color: #D5E2EE;
}