<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------main_v----------*/

#page_visual{
background:url("../images/service_main.jpg") no-repeat center center;
background-size:cover;
}

/*----------------------------------------------------------------------------------------------------------------------#imagemap----------*/

#imagemap{
width:100%;
text-align: center;
margin: 0 auto;
padding:60px 0 0px 0;
z-index:100;
}

#seiho {
padding-top: 300px;
margin-top: -300px;
}

#sonpo {
padding-top: 250px;
margin-top: -250px;
}

#jyuutakuloan {
padding-top: 250px;
margin-top: -250px;
}

#souzoku {
padding-top: 250px;
margin-top: -250px;
}

#houjin_soudan {
padding-top: 250px;
margin-top: -250px;
}

#seminar {
padding-top: 250px;
margin-top: -250px;
}

.zukei {
  width: 100%;
}


@media screen and (max-width:740px){
	
#imagemap img{
width: 100%;
max-width:450px;
height: auto;
}
	
}

/*----------------------------------------------------------------------------------------------------------------------#cont----------*/

#cont_products{
width:100%;
background-color:#FAFAF8;
padding:60px 0 50px 0;
}

#list_products{
width:1000px;
margin:0 auto;
}

.read{ margin-bottom:60px; }

.box_products{
width:100%;
margin-bottom:150px;
position:relative;
min-height:400px;
}

.ph_products{
position:absolute;
top:0;
/*width:65%;*/
}

.ph_products img{
width:100%;
height:auto;
}

.ph_left{ left:0; }
.ph_right{ right:0; }

.txt_products{
position:absolute;
top:40px;
background:rgba(255,255,255,0.9);
width:45%;
padding:35px 50px 40px 50px;
}

.txt_left{ left:0; }
.txt_right{ right:0; }

.txt_products span{
font-size:10px;
letter-spacing:2px;
}

.txt_products h3{
font-weight:bold;
color:#007EC7;
font-size:18px;
margin-top:6px;
}

.txt_products h3::after{
background-color:#ADDAF4;
content:"";
display:block;
height:2px;
margin:14px 0 0 0;
width:18px;
}

.txt_products p{ 
line-height:1.8;
margin-top:18px;
}

.last_box{margin-bottom:0;}



@media screen and (max-width:1024px){
	
#cont_products{ padding:40px 0 10px 0; }

#list_products{ width:80%; }

.read{ 
margin-bottom:40px;
line-height:1.8;
}

.box_products{ margin-bottom:50px; }

.ph_products{
position:relative;
top:0;
}

.txt_products{
position:relative;
top:0;
background:rgba(255,255,255,1);
width:100%;
padding:15px 10% 20px 10%; 
}

.txt_products h3{
font-size:14px;
margin-top:6px;
line-height:1.8;
margin-top:0;
}

.txt_products h3::after{
margin:12px 0 0 0;
width:10px;
}

.txt_products p{ 
margin-top:12px;
line-height:1.7;
font-size:14px;
}

}</pre></body></html>