/*1 CSS for PC and SP */

#bodier{
background-image:url(bg165_02.gif);
background-repeat:repeat-x;
padding-top: 0px;
}


#container{
background-color:white;
width:1000px;
height:100%;
margin: auto;
padding-bottom:0px;
overflow:hidden;
}

  
.pic_frame {
display: inline-block;
text-align: left;
width:1000px;
height:100%; 
padding-left: 120px;
}


.pic_frame-1{
display: inline-block;
text-align: left;
font-size: 25px;
line-height:1.6em;
background-color: aqua;
width:95%;
height:100%; 
padding: 1px;
}
    
 
.pic_frame-2{
display: inline-block;
text-align: left;
font-size: 25px;
line-height:1.6em;
background-color: dodgerblue;
width:95%;
height:100%; 
padding: 5px;
}
    
     
.pic_frame-3{
display: inline-block;
text-align: left;
font-size: 25px;
line-height:1.6em;
background-color: aquamarine;
width:95%;
height:100%; 
padding: 10px;
}
   

        
.pic_frame-4{
display: inline-block;
text-align: center;
font-size: 26px;
line-height:1.6em;
background-color: black;
color: whitesmoke;
font-family: sans-serif;
width:100%;
height:auto; 
margin:auto;
padding: 30px;
}
   
    
#promise-pc{
background-position:center;
width:100%;
height:auto;
}



#service-gaiyo-long{
background-position:center;
width:100%;
height:auto;
}
  






#comp{
width:650px;
margin-left:135px;
font-size:11pt;
}

.black a:link,.black a:visited,.black a:active {color:black; margin-right:200pt; font-weight:bold;}.black a:hover{color:red;}

#name-cover{
width:650px;
height:60px;
background:url(name-cover.gif) no-repeat;
background-position:left;
color:dimgray;
font-size:20pt;
text-align:left;
text-decoration:none;
padding-top:25pt;
padding-left:30px;
}


span.red{
color:red;
}

span.bold{
font-size:15pt;
font-weight:bold;
}


h2{
text-align:left;
color:#dc143c;
line-height:0%;
font-size:12pt;
}


hr{
height:5px;
width:600px;
color:#dc143c;
margin-right:500px;
}

a1:active{color:red;}

.red a:link,.red a:visited,.red a:active {color:#ff0000;}



#to-top{
background:url(to-top.png);
width: 80px;
height: 80px;
margin-left: auto;
margin-top:50pt;
margin-bottom:3pt;
}



/*2 CSS for PC only */
@media screen and (min-width: 481px) { 

#service-gaiyo{
display:none;
}

}



/*2 CSS for SP only */
@media screen and (max-width: 480px) { 

    
img {  
max-width: 100%;
height: auto;
}

    
#bodier{
background-image:none;
background-repeat:none;
padding-top: none;
}
    
#container{
width: auto;
background-color:white;
height:100%;
}
 
   
#promise{
display: inline-block;
background:url(newwappen-gaia-keibi-tuite-12.jpg);
background-repeat: no-repeat;
background-position: center;
width:100%;
height:563px;
padding-top: 0px;
}

#promise-pc{display: none;
}
   
.pic_frame {
display: inline-block;
text-align: left;
font-size: 15px;
line-height:1.6em;
width:95%;
height:100%; 
padding: 10px;
}

 
.pic_frame-1{
display: inline-block;
text-align: left;
font-size: 22px;
font-family: sans-serif;
line-height:1.6em;
background-color: aqua;
width:80%;
height:100%; 
padding: 5px;
margin-left: 5px;
}
    
 
.pic_frame-2{
display: inline-block;
text-align:left;
font-size: 20px;
font-family: sans-serif;
line-height:1.6em;
background-color: dodgerblue;
width:90%;
height:100%; 
padding: 5px;
margin-left: 5px;
}
    
     
.pic_frame-3{
display: inline-block;
text-align: left;
font-size: 20px;
font-family: sans-serif;
line-height:1.6em;
background-color: aquamarine;
width:99%;
height:100%; 
padding: 5px;
margin-left: 5px;
}
   

.pic_frame-4{
display: inline-block;
text-align: center;
font-size: 25px;
line-height:1.6em;
background-color: black;
color: whitesmoke;
font-family: sans-serif;
width:auto;
height:100%; 
padding: 30px;
} 

    
#service-gaiyo{
background-position:center;
width:100%;
height:auto;
}
    
#service-gaiyo-long{
display: none;
}
    
    
    
#comp{
max-width: 100%;
margin-left:0px;
font-size:11pt;
}

.black a:link,.black a:visited,.black a:active {color:black; margin-right:200pt; font-weight:bold;}.black a:hover{color:red;}

#name-cover{display: none;
}


span.red{
color:red;
}

span.bold{
font-size:15pt;
font-weight:bold;
}


h2{
text-align:left;
color:#dc143c;
line-height:0%;
font-size:12pt;
}


hr{
height:5px;
width:600px;
color:#dc143c;
margin-right:500px;
}

a1:active{color:red;}

.red a:link,.red a:visited,.red a:active {color:#ff0000;}



#to-top{
background:url(to-top.png);
width: 80px;
height: 80px;
margin-left: auto;
margin-top:50pt;
margin-bottom:3pt;
}



}