@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

#head .main{
background-image: url("../images/adviser-images/main.jpg");
}
/* ------------------------------------------------------------

------------------------------------------------------------ */
#merit .box{
overflow: hidden;
margin-bottom: 50px;
}
#merit .box .float-l{
width: 28%;
}
#merit .box .float-r{
width: 67%;
}

#fee{
overflow: hidden;
margin-bottom: 50px;
}
#fee .float-l{
width: 20%;
box-sizing: border-box;
}
#fee .float-l h3{
font-size: 2.4rem;
}
#fee .float-r{
width: 80%;
box-sizing: border-box;
border-left: 1px solid #ccc;
padding-left: 5%;
}
section #fee p .tel{
margin-bottom: 0;
}
#fee .tel{
color: #00467b;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.1;
}
#fee .tel strong{
font-size: 3rem;
font-weight: bold;
}

/* ==========================================================================
pc
========================================================================== */
@media screen and (min-width: 1200px) {
}

/* ==========================================================================
tablet
========================================================================== */
@media screen and (max-width: 1199px) {





}

/* ==========================================================================
sp
========================================================================== */
@media screen and (max-width: 699px) {
#merit .box{
overflow: hidden;
margin-bottom: 30px;
}
#merit .box .float-l{
width: 100%;
margin-bottom: 10px;
}
#merit .box .float-r{
width: 100%;
}

#fee{
margin-bottom: 30px;
}
#fee .float-l{
width: 100%;
box-sizing: border-box;
}
#fee .float-l h3{
font-size: 1.5rem;
}
#fee .float-r{
width: 100%;
border-top: 1px solid #ccc;
border-left: none;
padding-left: 0;
padding-top: 10px;
}
#fee .tel{
color: #65948a;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.1;
}
#fee .tel strong{
font-size: 2rem;
font-weight: bold;
}

}