body { font-family: "Rounded Mplus 1c","segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; }

h1{display: inline;}
h4{display: inline;}

.bg_gray{
    background:#f8f8f8;}
    
a{color: #666;}
a:hover{color: #ccc;}
    
a:hover img{opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;}

.fixline{text-decoration: line-through;}




.modalcenter{
　　padding:10% 0;
}
.modal-img_footer {
　　padding: 1px;
text-align:center;
}



.imgmar10{
    margin:10px;}

.fa_ma{
    margin-right:5px;}

.white{
    color:#FFF}
	
	.red{
		color:#F00;}

.bold{font-weight: bold;}
    
.m10{
    margin:10px 0 30px 0;}
    
.m10_02{
    margin:10px auto;}

.m20{
    margin:20px auto;}

.m30{
    margin:30px auto;}
    
    .mb30{
      margin-bottom:80px}
    
.p10{
  padding:10px;}

.p20{
  padding:20px;}
  
  .p30{
  padding:30px;}


.late01{
  /* 待ち */
  -webkit-animation-duration: 4s;
  animation-delay:4s;
  /* 繰返 */
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.late{
  /* 待ち */
  -webkit-animation-duration: 2s;
  animation-delay:2s;
}


.mainhead{
    height: 600px;
    background: url( ../img/abouthead.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.abouthead {
    height: 400px;
    background: url( ../img/abouthead.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.glasshead {
    height: 400px;
    background: url( ../img/glasshead.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.glassheadsmt {
    height: 400px;
    background: url( ../img/glasssmthead.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.designhead {
    height: 400px;
    background: url( ../img/615head.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.designheadsmt {
    height:400px;
    background: url( ../img/615smthead.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.rechead {
    height: 400px;
    background: url( ../img/rechead.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.toplatter{
    margin-top: 240px;
   text-align: center;
    width:100%;
    }
    
    .headbanner{
    text-align: right;
    width:100%;
    }
    

.mainlatter{
  font-family: 'Merriweather', serif;
font-size:36px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
color:#FFF;}


.sublatter{
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
color:#FFF;}

.shadow{text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}

.shadowpng{-webkit-filter:drop-shadow(2px 0 2px #333);}



.subpagelatter{
    margin-top: 100px;
   text-align: center;
    width:100%;
    }
    
    .subpagelatter02    {margin-top: 200px;
   text-align: center;
    width:100%;
    }
    

.subpagemainlatter{
  font-family: 'Merriweather', serif;
font-size:36px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
color:#FFF;}

.subpagesublatter{
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
color:#FFF;}




.page-scroll a{
  color:#FFF;
}

.page-scroll a:hover{
  color:#999;
}
     



.under {
  padding:20px;
border-bottom: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,1);
position: relative;
}

.under02 {
  padding:20px;
border-bottom: solid 1px #fff;
position: relative;
}

.infobox {
   height: 20em;  /*h*/
   overflow: auto; /*sc */
   border:1px solid #999;  /*bd */
}



.infobox dl {
	width: 100%;
	padding: 0 5px;
}
.infobox dl dt {
	font-weight: bold;
	font-size: 110%;
	margin: 20px 0 5px;
	padding: 0 5px;
	
}

.infobox dl dd {
	margin: 0;
	padding: 0 10px 5px;
	border-bottom: dashed 1px #472c1e;
}


.about_under dl dt {
	font-weight: bold;
	font-size: 110%;
	margin: 20px 0 5px;
	padding: 0 5px;
	
}

.about_under dl dd {
	margin: 0;
	padding: 0 10px 5px;
	border-bottom: solid  1px #CCCCCC;
}




.buisiness {
  height:auto;
    background-color:#333;
        -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-bottom: 40px;
}

.about_back {
  
background-image:url('../img/about_back.jpg');
background-repeat: no-repeat;
background-attachment: fixed;

}




    .btn{
      margin:15px 0 35px 0;
}




footer{text-shadow: -1px 1px 0 rgba(255,255,255,1)}


.top {
	background-color: #333;
	border: 2px solid #333;
  width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 50px;
}
.top:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}


@media (max-width:1000px){


    

}


@media (max-width:768px){
    
    
 .btn{
      margin:5px;
}

.center{
    text-align:center;}
    
    
    .mainhead_sp {
    height:600px;
        background: url( ../img/abouthead.jpg) center center no-repeat scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
}
    


}


@media (max-width:500px){
	
.toplatter{
    margin-top: 130px;
    }


.mainhead_sp {
    height:600px;
    background: url( ../img/abouthead.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
        

span{display:inline-block;}

}