@charset "utf-8";
/* ------------------------------------------------------------ common */

/* ------------------------------------------------------------ fv */

#fv { background: url(../images/consultation/fv.jpg) no-repeat center center; background-size: cover; }


/* ------------------------------------------------------------ consultationwrapper */

#consultation { padding: 0 0 95px; }
#consultationwrapper p { padding: 55px 0 70px; font-size: 35px; text-align: center; }
#consultationwrapper div.left { float: left; background: url(../images/consultation/bg_00.png) no-repeat center center; padding: 45px 70px; }
#consultationwrapper div.right { float: right; background: url(../images/consultation/bg_00.png) no-repeat center center; padding: 40px 45px; }
#consultationwrapper h3 { font-size: 56px; font-family: 'AlternateGothicEF_NoTwo'; color: #fff; text-align: center; line-height: 100%; }
#consultationwrapper h3 small { display: block; padding: 0 0 3px; font-size: 19px; line-height: 100%; }
#consultationwrapper h3 span { display: block; padding: 12px 0 20px; font-size: 19px; line-height: 100%; }
#consultationwrapper ul { padding: 0 0 20px; }
#consultationwrapper ul li { background: url(../images/consultation/icn_01.png) no-repeat left 4px; margin: 0 auto 8px; padding: 0 0 0 36px; color: #fff; }
#consultationwrapper a { display: block; width: 278px; margin: 0 auto; padding: 10px 0; background: url(../images/consultation/icn_00.gif) no-repeat 256px center #fff; text-align: center; color: #c20303; }

/* ------------------------------------------------------------ myhome */

#myhome { background: url(../images/consultation/pic_00.jpg) no-repeat center center; background-size: cover; padding: 36px 0; }

/* ------------------------------------------------------------ loan */


#loan { background: url(../images/consultation/pic_01.jpg) no-repeat center center; background-size: cover; padding: 36px 0; }
#loan div.right { position: relative; }
#loan h3 { background: url(../images/consultation/circle.png) no-repeat 230px 0; height: 112px; padding: 0 50px 20px 0; }
#loan p.wb { font-size: 17px; font-family: 'Noto Sans Japanese medium'; color: #fff; text-align: center; border: 1px solid #fff; width: 240px; height: 50px; margin: 0 auto 30px; padding: 8px 50px 17px; }
#loan ul { padding: 0 0 10px;}


/* ------------------------------------------------------------ land */

#land { background: url(../images/consultation/pic_02.jpg) no-repeat center center; background-size: cover; margin: -2px auto 0; padding: 32px 0; }
#land h4 { width: 300px; padding: 20px 0 30px; font-size: 22px; text-align: center; color: #fff; }
#land p { width: 300px; padding: 0 0 50px; font-size: 17px; color: #fff; text-align: left; }

/* ------------------------------------------------------------ reform */

#reform { background: url(../images/consultation/pic_03.jpg) no-repeat center center; background-size: cover; padding: 36px 0; }

/* ------------------------------------------------------------ reservationbtn */

#reservationbtn { padding: 80px 0 0; }
#reservationbtn p { font-size: 35px; text-align: center; background: url(../images/reason/bar_00.png) no-repeat left center; width: 940px; margin: 0 auto; } 
#reservationbtn p span { display: block; background: url(../images/reason/bar_01.png) no-repeat 883px center; width: 940px; padding: 45px 0 40px; }
#reservationbtn a { background:  url(../images/reason/btn_00.png) no-repeat center center; font-size: 25px; text-align: center; color: #fff; display: block; width: 650px;  margin: 0 auto 100px; padding: 50px 0 40px; }



/* ------------------------------------------------------------ mobile ------------------------------------------------------------------------------*/
@media only screen and (max-width:640px){


/* ------------------------------------------------------------ fv */

#fv { background: url(../images/consultation/fv_sp.jpg) no-repeat center center; background-size: cover;}
#fv h2 span { font-size: 55px;}

/* ------------------------------------------------------------ consultationwrapper */

#consultation { padding: 0 0 30px; }

#consultationwrapper p { padding: 30px 0 0; font-size: 20px; }
#consultationwrapper div.left { float: none; background: #c20303; padding: 0 0 40px; }
#consultationwrapper div.right { float: none; background: #c20303; padding: 0 0 40px; }
#consultationwrapper h3 { font-size: 40px; padding: 20px 0 0; }
#consultationwrapper h3 small { font-size: 16px; }
#consultationwrapper h3 span { font-size: 14px; }
#consultationwrapper ul { padding: 0 8% 10px; }
#consultationwrapper ul li { background: url(../images/consultation/icn_01_sp.png) no-repeat left 4px; background-size: 19px; margin: 0 auto 12px; }
#consultationwrapper a { width: 220px; margin: auto; padding: 10px 0; background: url(../images/consultation/icn_00.gif) no-repeat 200px center #fff; }

/* ------------------------------------------------------------ myhome */

#myhome { background: none; padding: 20px 0 10px; }
#myhome img { width: 100%; height: auto; padding: 0; }

/* ------------------------------------------------------------ loan */


#loan { background: none; padding: 10px 0; }
#loan img { width: 100%; height: auto; padding: 0; }
#loan h3 { background: url(../images/consultation/circle_sp.png) no-repeat 185px 10px; background-size: 70px; width: 270px; margin: 0 auto; 
padding: 20px 0 0; }
/*#loan img.circle { width: 70px; height: auto; position: absolute; top: 160px; right: 30px; }*/
#loan p.wb { font-size: 14px; width: 250px; height: 50px; padding: 8px 0; }



/* ------------------------------------------------------------ land */

#land { background: none; padding: 10px 0; }
#land img { width: 100%; height: auto; padding: 0; }
#land h4 { width: 90%; margin: 0 auto; padding: 0 5% 20px; font-size: 18px; }
#land p { width: 90%; padding: 0 5% 30px; font-size: 14px; color: #fff; text-align: left; }

/* ------------------------------------------------------------ reform */

#reform { background: none; padding: 10px 0; }
#reform img { width: 100%; height: auto; padding: 0; }

/* ------------------------------------------------------------ reservationbtn */

#reservationbtn { padding: 0; }
#reservationbtn p { font-size: 16px; background: url(../images/reason/bar_00_sp.png) no-repeat left center; width: 300px; margin: 0 auto; padding: 0; } 
#reservationbtn p span { background: url(../images/reason/bar_01_sp.png) no-repeat right center; width: inherit; padding: 45px 0 40px; font-size: 16px; line-height: 130%; }
#reservationbtn a { background: url(../images/reason/btn_00.png) no-repeat center center; background-size: 94%; font-size: 16px; width: 100%; 
margin: -30px auto 50px; padding: 45px 0 40px; }


}