@charset "utf-8";

/* ------------------------------------------------------------ common */

h3.h3 { font-size: 88px; color: #e3e3e3; line-height: 110%; letter-spacing: 10px; font-family: 'Noto-Sans-JP-Bold';}


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

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

/* ------------------------------------------------------------  */

#consulting_master { background: url(../images/information/line_01.gif) center bottom no-repeat; padding: 0 0 100px;}
#consulting_master .inner { width: 980px;}
#consulting_master h3.h3 { background: url(../images/information/pic_01.jpg) left 140px no-repeat; padding: 0 0 370px 40px;}
#consulting_master h4 { line-height: 3; font-family: 'Noto-Sans-JP-Bold'; text-align: center; padding: 0 0 30px;}
#consulting_master h4 span { font-size: 25px; font-family: 'Noto-Sans-JP-Bold'; background: url(../images/common/line_01.gif) left bottom repeat-x; letter-spacing: 5px; }
#consulting_master p.text { line-height: 1.7; text-align: center; padding: 0 0 70px;}
#consulting_master p.consulting { text-align: center; background: url(../images/information/bg.gif) center bottom no-repeat; padding: 0 0 130px;}
#consulting_master p.consulting span { width: 305px; height: 100px; line-height: 100px; color: #fff; font-size: 20px; background: #134b98; margin: 0 auto; display: inline-block; *display: inline; *zoom: 1; letter-spacing: 3px;}
#consulting_master ul { display: flex; align-items: stretch; padding: 0 0 40px;}
#consulting_master ul li { width: calc(100% / 5); padding: 0 20px 20px; background: #f4f7fc; margin: 0 0 0 8px; }
#consulting_master ul li:first-child { margin: 0;}
#consulting_master ul li h5 { font-family: 'Noto-Sans-JP-Bold'; text-align: center; font-size: 20px; color: #134b98; line-height: 130%; padding: 50px 0 25px;}
#consulting_master ul li.double h5 { padding: 40px 0 15px; }
#consulting_master ul li p { line-height: 1.7; letter-spacing: 2px;}

#about { padding: 65px 0 95px; text-align: center;}
#about p.text { font-size: 20px; font-family: 'Noto-Sans-JP-Bold'; letter-spacing: 5px; padding: 45px 0; line-height: 1.7;}
#about ul { display: flex; align-items: stretch; gap: 30px; flex-wrap: wrap; justify-content: center; margin: 0 0 0 -30px; width: 1000px; margin: 0 auto;}
#about ul li { width: calc(100% / 2 - 15px); padding: 60px 70px 50px; background: #f8f8f8; }
#about ul li img { padding: 0 0 25px;}
#about ul li p { line-height: 26px; letter-spacing: 2px;}
#about ul li.bottom { margin: 0 265px;}


#guidance .inner { width: 1000px; margin: 0 auto;}
#guidance .center { text-align: center;}
#guidance .guidance_box { padding: 100px 0 90px; } 
#guidance .guidance_box h4 { font-size: 40px; color: #134b98; letter-spacing: 10px; font-family: 'Noto-Sans-JP-Bold';}
#guidance .guidance_box h4 span { font-family: 'Noto-Sans-JP-Bold'; border-bottom: 4px solid #e5e5e5; display: inline-block; *display: inline; *zoom: 1; padding: 0 0 25px;}
#guidance .guidance_box h4 small { padding: 0 0 20px; font-size: 28px; font-family: 'Noto-Sans-JP-Bold';  color: #bfc6da; display: block; line-height: 130%;}
#guidance .guidance_box h5.h5 { font-family: 'Noto-Sans-JP-Bold'; font-size: 20px; color: #134b98; background: url(../images/information/dot.gif) left 56px no-repeat; padding: 50px 0 0 30px; letter-spacing: 5px; margin: 0 0 20px;}
#guidance #use h5.border { border-top: 1px solid #e5e5e5;}
#guidance .guidance_box img.guidance_img { padding: 0 0 55px; margin: 0 auto;}
#guidance .guidance_box p.text { line-height: 1.7; letter-spacing: 3px; padding: 0 0 50px;}
#guidance .guidance_color { background: #f4f7fc;}
#guidance #use { margin: -40px 0 0; padding: 100px 0 20px;}
#guidance #use img.img { width: 100%; height: auto;}
#guidance #use #case_study h4 { color: #bfc6da; letter-spacing: 5px; padding: 45px 0 20px;}
#guidance #use #case_study ul li { margin: 0 0 50px;}
#guidance #use #case_study ul li img { float: left;}
#guidance #use #case_study ul li div { float: right; width: 420px; padding: 60px 0 0;}
#guidance #use #case_study ul li div h5 span { font-size: 20px; border-bottom: 2px solid #134b98; color: #134b98; letter-spacing: 3px; display: inline-block; *display: inline; *zoom: 1; padding: 0 0 16px; margin: 0 0 20px;font-family: 'Noto-Sans-JP-Bold'; }
#guidance #use #case_study ul li div h5 small { font-size: 14px; font-family: 'Noto-Sans-JP-Bold';  padding: 0 15px 0 0;}
#guidance #use #case_study ul li div p { line-height: 1.7; letter-spacing: 2px;}
#guidance #buy ul { padding: 55px 0 40px; display: flex; align-items: stretch; gap: 30px; }
#guidance #buy ul li { width: calc(100% / 3 - 30px); text-align: center; background: #f8f8f8; padding: 40px 55px; }
#guidance #buy ul li:first-child { margin: 0;}
#guidance #buy ul li h5 { line-height: 1.7; font-size: 20px; color: #134b98; font-family: 'Noto-Sans-JP-Bold'; padding: 15px 0 0;}
#guidance #buy p { text-align: center;}

#rent ul { gap: 30px; display: flex; align-items: stretch; flex-wrap: wrap; padding: 70px 0 50px; }
#rent ul li { width: calc(100% / 2 - 15px); padding: 65px 140px; background: #fff; text-align: center; }
#rent ul li h5 { font-size: 20px; color: #134b98; padding: 25px 0 0; font-family: 'Noto-Sans-JP-Bold';}
#rent ul li#management { width: 100%; padding: 40px 0;}
#rent ul li#management #img_box { float: left; width: 300px;}
#rent ul li#management #text_box { float: left; width: 430px; text-align: left; padding: 25px 0 0;}
#rent ul li#management #text_box p{ line-height: 1.7; }
#rent .center { text-align: center; line-height: 1.7; }




.topbtn { padding: 65px 0;}



/* ------------------------------------------------------------ mobile  ------------------------------------------------------------ */

@media only screen and (max-width:767px){

/* ------------------------------------------------------------ common */

	h3.h3 { font-size: 36px; line-height: 110%; letter-spacing: 5px; }


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

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

/* ------------------------------------------------------------  */

	#consulting_master { background: url(../images/information/line_01.gif) center bottom no-repeat; padding: 0 0 75px; }
	#consulting_master .inner { width: 94%; }
	#consulting_master h3.h3 { background: url(../images/information/pic_01.jpg) left bottom no-repeat; background-size: 100%; padding: 0 0 35%; }
	#consulting_master h4 { line-height: 2; text-align: left; padding: 6% 3%; }
	#consulting_master h4 span { font-size: 18px; background: url(../images/common/line_01.gif) left bottom repeat-x; letter-spacing: 5px; }
	#consulting_master p.text { text-align: left; padding: 0 3% 15%; }
	#consulting_master p.consulting { background: none; padding: 0; }
	#consulting_master p.consulting span { width: 100%; height: inherit; padding: 20px 0; line-height: 100%; font-size: 20px; letter-spacing: 3px; }
	
	#consulting_master ul { flex-direction: column; padding: 0; }
	#consulting_master ul li { float: none; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: inherit; padding: 6%; margin: 0 auto 3%; }
	#consulting_master ul li:first-child { margin: 3% auto 3%; }
	#consulting_master ul li h5 { text-align: center; font-size: 20px; line-height: 170%; padding: 0; }
	#consulting_master ul li.double h5 { padding: 0; }
	#consulting_master ul li p { letter-spacing: 2px; }
	
	#about { width: 100%; margin: 0 auto; padding: 35px 0 95px; text-align: center; }
	#about p.text { font-size: 18px; letter-spacing: 2px; padding: 9% 3%; line-height: 150%; }
	#about ul {gap: 15px;  margin: 0; width: 100%; margin: 0 auto; }
	#about ul li { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: inherit; padding: 6%; }
	#about ul li img { padding: 0 0 6%; }
	#about ul li p { line-height: 150%; letter-spacing: 2px; }
	#about ul li.bottom { margin: 0; }
	
	
	#guidance .inner { width: 94%; margin: 0 auto; }
	#guidance .inner h3.h3 { margin: 0 auto -18px; }
	#guidance .center { text-align: center; }
	#guidance .guidance_box { padding: 0; } 
	#guidance .guidance_box h4 { margin: 0 auto 9%; font-size: 24px; letter-spacing: 5px; }
	#guidance .guidance_box h4 span { padding: 0; }
	#guidance .guidance_box h4 small { font-size: 20px; line-height: 100%; }
	#guidance .guidance_box h5.h5 { font-size: 18px; background: url(../images/information/dot.gif) left 6px no-repeat; padding: 0 0 0 20px; letter-spacing: 3px; margin: 0 0 3%; }
	#guidance #use h5.border { border-top: none; margin: 30% auto 0; }
	#guidance .guidance_box img.guidance_img { width: 100%; height: auto; padding: 0; margin: 0 auto; }
	#guidance .guidance_box p.text { letter-spacing: 3px; padding: 0 0 9%; line-height: 150%; }
	#guidance .guidance_color { }
	#guidance #use { box-sizing: border-box; -webkit-box-sizing: border-box; width: 94%; margin: 0 auto; padding: 15% 3%; }
	#guidance #use img.img { width: 100%; height: auto; }
	#guidance #use #case_study h4 { letter-spacing: 5px; margin: 0 auto; padding: 30% 0 6%; line-height: 100%; }
	#guidance #use #case_study ul li { margin: 0 0 40px; }
	#guidance #use #case_study ul li img { float: none; width: 100%; height: auto; }
	#guidance #use #case_study ul li div { float: none; width: 100%; padding: 6% 0 0; }
	#guidance #use #case_study ul li div h5 span { font-size: 20px; letter-spacing: 3px; line-height: 100%; padding: 0 0 2px; margin: 0 0 6%; }
	#guidance #use #case_study ul li div h5 small { font-size: 14px; padding: 0 15px 0 0; }
	#guidance #use #case_study ul li div p { letter-spacing: 2px; line-height: 150%; }
	
	#guidance #buy { padding: 30% 3%; }
	#guidance #buy ul { flex-direction: column; gap: 15px; padding: 0 0 6%; }
	#guidance #buy ul li { display: table; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; padding: 6%; }
	#guidance #buy ul li:first-child { margin: 0 auto; }
	#guidance #buy ul li h5 { font-size: 18px; display: table-cell; vertical-align: middle; padding: 0; line-height: 150%; }
	#guidance #buy p { text-align: left; line-height: 150%; }
	
	#rent { width: 94%; margin: 0 auto; }
	#rent h4 { width: 94%; margin: 0 auto; padding: 6% 0 0; }
	#rent ul { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 3%; width: 100%; margin: 0 auto; }
	#rent ul li { width: 100%; padding: 0 0 3%; }
	#rent ul li h5 { font-size: 18px; padding: 0; line-height: 100%; }
	#rent ul li#management { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; padding: 6%; }
	#rent ul li#management #img_box { width: 100%; }
	#rent ul li#management #img_box img { padding: 0 0 6%; }
	#rent ul li#management #text_box {  width: 100%; padding: 3% 0 0; }
	#rent .center { text-align: left; padding: 0 3% 6%; line-height: 150%; }

}