@charset "shift-jis";

/*---------------------------------------------------
	‹¤’Ê
----------------------------------------------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

body#honten{background-color: #f3f4f6;  font-size: 14px;}
#honten a,#honten a:visited{color: #43464c;text-decoration:none;}
#honten a:hover,#honten a:active {
  color: #fe1100;
  text-decoration: none;
}
.shizokuMessage:nth-child(3){	border-bottom: solid 1px #dbe2f1;}
.shizokuMessage p{line-height: 170%;text-align: justify;}
.shizokuMessagebox_t{background: linear-gradient(#f4f6f9,#d1daea);}	
.shizokuLink {background-color:#dfe3ed;}
.shizokuLink-inquiry .submitBtn {
    padding: 20px 10px;
    background: -moz-linear-gradient(top, #00a0e9 80%, #0394d6 100%);
    background: -webkit-linear-gradient(top, #00a0e9 80%,#0394d6 100%);
    background: linear-gradient(to bottom, #00a0e9 80%,#0394d6 100%);
    border: solid #0394d6 1px;
    color: #fff!important;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
#footnavi  li a{
  font-size: 12px;
  text-decoration: underline;
}
#honten .gokakunin a,#honten .gokakunin a:visited{	
color: #fe1100;	
text-decoration: none;
}
.dpInBl{display: inline-block;}
/* PC------------------------------------------------------------------------------- */
@media print, screen and (min-width:980px){	
.pcDisNon{display: none;}	

#honten #head {border-bottom: solid 3px #fe1100; height: 60px; background-color: #FFF;}
#honten #head img{float: left;  margin: 10px 0 0 20px;}
#honten #contents {width: 933px; margin: 0 auto; padding: 6px 23px 0px 24px;background-color: #fff;}

.shizokuTitle p{padding-bottom: 5px;padding-top: 20px;font-size: 2.2rem;text-align: center;}
.shizokuMessage{
	width: 933px;
	padding: 0px 10px 10px 10px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.shizokuMessagebox{
	width:420px;
	height: 211px;
	box-sizing: border-box;	
    border: solid 2px #dbe2f1;
    margin: 15px;	
}

.shizokuMessagebox_txt{	
	width: 380px;
	margin: 15px auto 0;
}
.shizokuMessagebox_t p{color:#003399;font-size: 2rem;text-align: center;padding: 7px 0;}	
.shizokuInfo_t p.shizokuInfo_t1{font-size: 2.8rem;color:#a31956;}
.shizokuInfo_t p.shizokuInfo_t2{font-size: 2.2rem;padding:10px 0 30px;}
.shizokuInfobox_txt img{margin: 0 auto;}
.shizokuInfobox_txt{width: 817px;margin: 0 auto;}
.shizokuInfobox_t p {
  background-color: #a31956;
  color: #fff;
  font-size: 2rem;
  text-align: left;
  width: 880px;
  margin: 0 auto;
  padding: 13px 0 10px 13px;
  box-sizing: border-box;
  letter-spacing: 0.1rem;
}
p.shizoku_01{
	width:700px ;
	position: relative;
	bottom: 40px;
    left: 110px;
    margin-top: -24px;
}
p.shizoku_02{
	width:700px ;
	position: relative;
    bottom: 23px;
    left: 110px;
    margin-top: -45px;
}
p.shizoku_03{
	width:700px ;
	position: relative;
    bottom: 20px;
    left: 110px;
    margin-top: -63px;	
}
p.shizoku_04{
	width:700px ;
	position: relative;
    bottom: 20px;
    left: 110px;
    margin-top: -45px;
}
p.shizoku_05{
	width:700px ;
	position: relative;
    bottom: 20px;
    left: 110px;
    margin-top: -45px;
}	
.shizokuLink .name{font-size: 2.4rem;display: block;margin: 10px 0 12px;text-align: left;color: #43464c;}
.shizokuLink .tel{font-size: 2.4rem;display: block;margin: 0 0 12px;font-weight:bold;}
#honten .shizokuLink .tel a,#honten .shizokuLink .tel a:visited{color: #43464c;text-decoration:none;cursor: default;}
#honten .shizokuLink .tel a:hover,#honten .shizokuLink .tel a:active{color: #43464c!important;text-decoration:none;cursor: default;}
.shizokuLink .fax{font-size: 2.4rem;display: block;margin-bottom:12px;font-weight:bold;color: #43464c;}
.shizokuLink-name p{font-size: 1.6rem;display: block;margin-bottom:4px;}
.shizokuLink {
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items:center;
}
.shizokuLink-name{
	width: 33%;
	box-sizing: border-box;
}
	.shizokuLink-tel{
		width: 33%;
		padding-left: 20px;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		box-sizing: border-box;
	}
	.shizokuLink-tel p{margin-bottom: 8px;}
	.shizokuLink-inquiry{
		width: 34%;
		height:124px;
		padding-left: 20px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	.shizokuLink-inquiry p{}
	.shizokuLink-inquiry .btn{width: 270px;}
	.shizokuLink-inquiry .btn .submitBtn{font-size: 1.6rem;}
	.shizokuLink-inquiry .btn .submitBtn:hover {background:#0394d6;color:#fff !important;}
#honten .corp{margin: 10px 50px 25px 50px;font-size: 12px;text-align: center;}
#honten .ovr a img {	opacity: 1;	filter: Alpha(opacity=100);}
#honten .ovr a:hover img {	opacity: 0.75;	filter: Alpha(opacity=75); }
#footnavi {padding: 50px 15px 5px 0;}	
#footnavi .left li {float: left;}	
#footer {width: 980px;margin: 0 auto;padding: 10px 0 40px 0px;}	
#footer .cologo {float: left;}	
#footer .copyright {float: right;color: #666;font-size: 10px;}	

#shizokuMain {
width: 100%;
}

.shizokuSection{
width: 100%;
padding: 10px 0px 10px 0px;
}

.shizokuTitle{
width: 100%;
padding: 15px 0px 0px 0px;
}






.shizokuInfo,.shizokuInfo2{
width: 100%;
padding: 10px 0px 30px 0px;
}

.shizokuInfo_t{
    padding: 20px 0 35px;
}

.shizoku_btn{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
	
	
	
	
}	


/* SP-------------------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width: 979px) {	
.spDisNon{display: none;}
img {width: 100%}	
#honten #contents {width: auto; padding: 0 10px;}
#shizokuMain{padding:10px; background-color: #fff; width: auto;}	
#honten #head {border-bottom: solid 3px #fe1100; height: 45px; background-color: #FFF;text-align: center;}
#honten #head img{width: auto;margin-top: 6px;}

.shizokuTitle{width: 100%;padding:0;}	
.shizokuTitle p{padding:10px 0 10px;}	

.shizokuMessagebox{
	box-sizing: border-box;	
    border: solid 2px #dbe2f1;
    margin: 0 0 15px;	
}

.shizokuMessagebox_txt{	margin: 10px;}
.shizokuMessagebox_t p{color:#003399;font-size: 1.6rem;text-align: center;padding: 5px 0;}		
.shizokuInfo_t p img{max-width: 745px;}
.shizokuInfo_t p.shizokuInfo_t1{font-size:100%;color:#a31956; line-height: 2.6rem;padding-top: 20px;}
.shizokuInfo_t p.shizokuInfo_t2{font-size: 80%;padding:0 0 20px;}		
.shizokuInfobox_t p {
  background-color: #a31956;
  color: #fff;
  font-size:1.5rem;
  text-align: left;
  width:auto;
  margin: 0 auto;
  padding: 10px 0 7px 10px;
  box-sizing: border-box;
  letter-spacing: 0.1rem;
}	
.shizokuInfobox_t {padding-top: 10px;}
.shizokuInfobox_txt{margin-top: 10px;}
.shizoku_01,.shizoku_02,.shizoku_03,.shizoku_04,.shizoku_05{padding: 5px 0;}
.shizokuLink {;padding: 24px 16px;}	
.shizokuLink .name{font-size: 2.2rem;display: block;margin-bottom:8px;}
.shizokuLink .tel{font-size: 2rem;font-weight:bold;display: block;margin-bottom:16px;}	
.shizokuLink .fax{font-size: 2rem;font-weight:bold;display: block;margin-bottom:16px;color: #43464c;}
.shizokuLink .eigyou{font-size: 1.2rem;display: block;}	
.shizokuLink-name{
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 16px;
	margin-bottom:16px;
}
	.shizokuLink-tel{
		text-align: center;
	}
	.shizokuLink-tel p{margin-bottom: 8px;}
	.shizokuLink-inquiry{
		text-align: center;
	}
	.shizokuLink-inquiry p{
		text-align: center;
		margin-bottom:8px;
	}
	.shizokuLink-inquiry .btn{width: 270px;margin: 0 auto;}
	.shizokuLink-inquiry .btn .submitBtn{font-size: 1.6rem;}
	.shizokuLink-inquiry .btn .submitBtn:hover {background:#0394d6;color:#fff !important;}
	
p.corp{padding: 10px 0 30px 0;font-size: 12px;}

#footer {text-align: center;margin: 10px;}
#footer .cologo img{width: 250px;}	
#footer .copyright {color: #666;font-size: 10px;line-height: 1.2rem;}	
	

}
	
@media screen and (min-width:0px) and (max-width: 500px) {	
.shizokuInfobox_txt img{width: 15%;}
}
@media screen and (min-width:501px) and (max-width: 979px) {	
.shizokuInfobox_txt img{width: 8%;}
}