@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------
	corporate
-----------------------------------------------------------*/
/*h1{
	background-image:url(../img/h-bg.jpg);
}
*/
/*section.interior h2{
text-align:left;
width:19em}
section.interior h2::after {
    content: '';
    position: static;
    display: block;
    background: none;
    height: 0;
    width: 0;
}
section.interior p.interiorTxt{
margin:0 auto;
    width: 575px;}*/
#large-stock .image{
	width:100%;	
}
#large-stock .image img{
	width:100%;
	height:auto;
}



table{
	width:100%;
}

.service-box{
	width:100%;
	overflow:hidden;
}
.service-box li{
	float:left;
	width: 288px;
	background-color:#eee;
	margin-right:18px;
	margin-bottom:10px;
	padding:10px;
}

.heading-p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #1e2875;
    margin-bottom: 30px;
	line-height: 40px;
}


@media only screen and (max-width: 768px) {
.service-box li{
	width:45%;
	margin:1%;
	padding:1.5%;
	font-size:14px;
}

section p.heading-p {
    font-size: 18px !important;
    line-height: 24px;
}

section p.heading-p br{
display:block}
}
.service-box li:nth-child(3n){
	margin-right:0;
}
@media only screen and (max-width: 768px) {
.service-box li:nth-child(3n){
	margin-right:1%;
}
}


.inner p img{
width:100%}

.c-local p {
	line-height:30px !important;
}

.two-columns li h4 {
    height: 50px;
    line-height: 60px;
	margin-left:auto;
    /*margin-left: 80px;*/
    font-size: 24px;
    font-weight: bold;
    /*margin-bottom: 1em;*/
}


.two-columns li h4.twoline
 {
    height: 50px;
    line-height: 30px;
	margin-left:auto;
	/*margin-left: 80px;*/
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1em;
}

.two-columns li p{
	line-height:1.6;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
}

.two-columns li img{
	width:100%;
	height:auto;
}

@media only screen and (max-width: 768px) {
.two-columns li h4.twoline
 {
    height: 60px;
    line-height: 30px;
    /*margin-left: 80px;*/
	margin-left:auto;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 1em;
}

}

@media (max-width: 768px) and (min-width: 375px) {
.two-columns li h4.twolinesp
 {
    height: 60px;
    line-height: 3;
    /*margin-left: 80px;*/
	margin-left:auto;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 1em;
}
}

@media (max-width: 374px) and (min-width: 320px) {
.two-columns li h4.twolinesp
 {
    height: 60px;
    line-height: 30px;
    /*margin-left: 80px;*/
	margin-left:auto;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 1em;
}
}


.three-columns li {
    width: 300px;
    float: left;
    margin-left: 20px;
    display: table-cell;
    margin-bottom: 50px;
    position: static;
    word-wrap: break-word;
	background-color:#fff;
	border: solid 1px #ccc;
	border-radius: 5px;
	
}

.three-columns li .rt{
position:relative}

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

.three-columns li{
	margin-bottom:20px;
	width:100%;
	margin-left:0;
	float:left;
	text-align: center;
}
.three-columns li img {
    width: 100%;
    height: auto;

}
}

.three-columns li h4 a {
    padding: 10px 5px 10px 0;
	color: #333;
    text-align: center;
    text-decoration: none;
    display: block;
	/*width:250px;*/
    background-image: url(../../img/common/3ar-b.png);
    background-repeat: no-repeat;
    background-position: top 50% right 33%;
    background-size: 18px 18px;
 }

.three-columns li h4.line a {
    padding: 10px 5px 10px 0;
	color: #333;
    text-align: center;
    text-decoration: none;
    display: block;
	/*width:250px;*/
    background-image: url(../../img/common/3ar-b.png);
    background-repeat: no-repeat;
    background-position: top 50% right 24%;
    background-size: 18px 18px;
 }
 
 
@media only screen and (max-width: 768px) {
.three-columns li h4 a {
    background-position: top 50% right 22%;
    background-size: 18px 18px;
 }

.three-columns li h4.line a {
    background-position: top 50% right 18%;
    background-size: 18px 18px;
 } 
}

@media (max-width: 768px) and (min-width: 480px) {
.three-columns li h4 a {
    background-position: top 50% right 35%;
    background-size: 18px 18px;
 }

.three-columns li h4.line a {
    background-position: top 50% right 35%;
    background-size: 18px 18px;
 } 
}
 
@media (max-width: 768px) and (min-width: 320px) {
.three-columns li h4 a {
    background-position: top 50% right 27%;
    background-size: 18px 18px;
 }

.three-columns li h4.line a {
    background-position: top 50% right 29%;
    background-size: 18px 18px;
 } 
}


section .three-columns li p {
    text-align: left;
    text-align: justify;
    line-height: 1.3;
    margin: 0.5em 0;

}

.content-visual{
	width:100%;
	padding:60px 0;
	background-image:url(img/content-visual.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}
@media only screen and (max-width: 768px) {
.content-visual{
	padding:30px 0;
	
}	
}
.half-tone{
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	font-size:32px;
	font-weight:bold;
	width:20.0em;
	text-align:center;
	margin:0 auto;
	padding:45px;
}
@media only screen and (max-width: 768px) {
.half-tone{
	font-size:18px;
	width:80%;
	margin:0 5%;
	padding:10px 5%;
}
section p.heading-p br{
display:block}
}
.content-logo{
	margin:40px auto 0;
	width:180px;
}
.content-logo2{
	margin:0 auto 40px;
	width:180px;
}
@media only screen and (max-width: 768px) {
.content-logo{
	width:35%;
	margin:20px 33% 0;
}
.content-logo2{
	width:35%;
	max-width:180px;
	margin:0 auto 20px;
}
.content-logo img{
	width:100%;
	height:auto;
}
}

.corporate {
	text-align:center;
}

.corporate img {
	margin-bottom:30px;
}

@media only screen and (max-width: 768px) {
.corporate img {
	width:88% !important;
	margin-bottom:50px;
}
}

@media only screen and (max-width: 430px) {
.inner img.tagline{
	width:75%;
}
}

/*-----------------------------------------------------------
	タブ切り替え
-----------------------------------------------------------*/

div#area-box{
    margin: 0 auto;
    display: table;   
}


div#area-box ul {
margin:auto;
}

div#area-box li {
    float:left;
    width: 250px;
	margin:5px 20px 5px 0;
	padding:10px;
	border-radius: 5px;
	border: 1px solid #E5002D;

}

div#area-box li a {
    width:auto;
	border-radius: 5px;	
    background:#FFF;
	box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
    text-align: center;
    display: block;
    position: relative;
      }
	  
div#area-box li a::before{
	content: "> ";
	color:#f00;
}	  


div#area-box li a:link,
div#area-box li a:visited{
	text-decoration: none;
	background-color: #fff; 
	color: #3a4140;
}

div#area-box li a:hover{	 
    background: #e9f5f4;
	color: #999; }


@media (max-width: 768px) and (min-width: 481px) {
div#area-box{
    margin: 0 auto;
    display: table;   
}

div#area-box li {
font-size:15px;
width:100%;
    
}
}



@media only screen and (max-width: 480px) {
div#area-box ul {
margin-left:0;

}

div#area-box li {
    width:100%;
	border-radius: 5px;
	font-size:14px;
	box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
div#area-box li:nth-child(even) {
margin-left:0;
}
div#area-box li:nth-child(odd) {
margin-left:0;
}

}