@charset "UTF-8";

/* *************************************************************

*   Since:2025-09
*   Editor:ricostyle

************************************************************* */


/* ==========================================================================
   Media Queries
   ========================================================================== */

/*PC用のcssを記述*/


/* PAGE COMMON
------------------------------------------------------------ */
#Vision #mainvisual,#Service #mainvisual,#Lawyer #mainvisual,#CaseStudy #mainvisual,#Policy #mainvisual{position:relative;height:280px;margin-bottom:90px;}

#mainvisual p{font-size:5em;position:absolute;bottom:0;right:0;opacity:0.3;font-weight:500;line-height:0.85em;}
#Vision #mainvisual p,#Service #mainvisual p,#CaseStudy #mainvisual p,#Policy #mainvisual p{color:#FFF;}
#Lawyer #mainvisual p{color:#7EA77F;}

#Vision .wrap,#Service .wrap,#Lawyer .wrap{width:96%;max-width:1160px;}
#CaseStudy .wrap,#Policy .wrap{width:96%;max-width:960px;}

#Vision .wrap h2,#Service .wrap h2,#Lawyer .wrap h2,#CaseStudy .wrap h2,#Policy .wrap h2{
color:#3C250A;font-family:"Shippori Mincho", serif;font-weight:300;font-size:2.3em;line-height:1.3em;letter-spacing:5px;margin-bottom:80px;position: relative;}
  
#Vision .wrap h2:before,#Service .wrap h2:before,#Lawyer .wrap h2:before,#CaseStudy .wrap h2:before,#Policy .wrap h2:before{
position: absolute;bottom: -20px;left: calc(50% - 20px);width: 40px;height: 1px;background: #56A365;
content: '';
}


/*VISION
------------------------------------------------------------ */
#Vision #contents{padding-bottom:80px;}
#Vision #mainvisual{background:url(../vision/img/tt.png) no-repeat center top;}

#Vision .wrap p.catch{text-align:center;padding-bottom:80px;color:#61A369;font-size:2.5em;font-weight:300;line-height:1.5em;}
#Vision .wrap img.photo{width:43%;min-width:500px;float:right;margin:0 0 30px 30px;}
#Vision .wrap p{text-align:left;padding-bottom:2em;line-height:2em;}



/*SERVICE
------------------------------------------------------------ */
#Service #mainvisual{background:url(../service/img/tt.png) no-repeat top center;}

#Service .wrap p.catch{text-align:center;padding-bottom:80px;color:#54340E;font-size:1.15em;font-weight:300;line-height:2.5em;}

#Service .bggreen{padding-bottom:80px;}

#Service .bggreen .wrap{text-align:left;padding:110px 0 40px;border-bottom:1px solid #E4E4E4;}
#Service .bggreen .wrap h3{color:#305434;font-weight:500;font-size:2.3em;line-height:1.3em;letter-spacing:2px;padding-bottom:60px;}
#Service .bggreen .wrap h4{font-family:'Noto Sans JP', serif;color:#3C250A;font-size:1.5em;font-weight:500;padding:0 100px 40px;line-height:1.5em;}
#Service .bggreen .wrap ul{padding:0 140px 40px;}
#Service .bggreen .wrap li{
	list-style-position: outside;
	list-style-image: url(../img/icon_dotbrown.png);
	padding-left:16px;padding-bottom:1em;line-height:1.8em;font-family:'Noto Sans JP', serif;color:#3C250A;
}

#Service .consul{padding:80px 0;background:url(../service/img/bg_consul.png) no-repeat center top;background-size:cover;}
#Service .consul .wrap{background:#FFF;color:#305434;max-width:960px;padding:80px 100px 50px;}
#Service .consul .wrap h3{font-weight:300;font-size:2.3em;letter-spacing:2px;margin-bottom:60px;text-align:left;}
#Service .consul .wrap h3 span{font-size:0.48em;letter-spacing:1px;padding-left:20px;}
#Service .consul p{line-height:2.5em;text-align:left;padding-bottom:2em;}


/*CASE
------------------------------------------------------------ */
#CaseStudy #contents{padding-bottom:40px;}
#CaseStudy #mainvisual{background:url(../case/img/tt.png) no-repeat center top;}

#CaseStudy .wrap h2{margin-bottom:30px;}

#CaseStudy .box01{background:url(../img/iconb_01.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box02{background:url(../img/iconb_02.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box03{background:url(../img/iconb_03.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box04{background:url(../img/iconb_04.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box05{background:url(../img/iconb_05.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box06{background:url(../img/iconb_06.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box07{background:url(../img/iconb_07.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box08{background:url(../img/iconb_08.png) no-repeat center 20px;padding-top:140px;}
#CaseStudy .box09{background:url(../img/iconb_09.png) no-repeat center 20px;padding-top:140px;}

#CaseStudy .box{padding:60px;background:#F4F9F4;margin-bottom:60px;text-align:left;}
#CaseStudy .box h3{color:#578C59;font-size:1.5em;line-height:1.8em;margin-bottom:30px;font-weight:500;}
#CaseStudy .box p{line-height:2em;font-family:'Noto Sans JP', serif;color:#3C250A;font-weight:300;padding-bottom:1em;}
#CaseStudy .box p:last-child{padding-bottom:0;}
#CaseStudy .box ul{}
#CaseStudy .box li{	list-style-position: outside;list-style-image: url(../img/icon_dotgreen.png);padding-left:16px;padding-bottom:1em;margin-left:1em;line-height:1.5em;font-family:'Noto Sans JP', serif;color:#3C250A;font-weight:300;}
#CaseStudy .box li:last-child{padding-bottom:0;}

#CaseStudy .wrap p.lead{color:#453118;font-size:1.2em;line-height:2.5em;padding-bottom:2em;}

#CaseStudy .wrap h4{color:#3C250A;font-size:1.5em;line-height:1.8em;margin-bottom:30px;font-weight:500;text-align:left;}
#CaseStudy .wrap p.note{line-height:2em;font-family:'Noto Sans JP', serif;color:#3C250A;font-weight:300;padding-bottom:80px;text-align:left;}



/*POLICY
------------------------------------------------------------ */
#Policy #contents{padding-bottom:40px;}
#Policy #mainvisual{background:url(../policy/img/tt.png) no-repeat center top;}

#Policy .box{text-align:left;padding:60px;margin-bottom:60px;background-color: #F5F3F1;}
#Policy h3{text-align:left;color:#3C250A;font-size:1.5em;line-height:1.8em;margin-bottom:30px;font-weight:500;}

#Policy .box p{line-height:2em;font-family:'Noto Sans JP', serif;color:#3C250A;font-weight:300;padding-bottom:1em;}

#Policy .box li{list-style-position: outside;list-style-image: url(../img/icon_dotbrown.png);padding-left:16px;padding-bottom:1em;margin-left:1em;line-height:1.5em;font-family:'Noto Sans JP', serif;color:#3C250A;font-weight:300;}
#Policy .box li:last-child{padding-bottom:0;}

#Policy ul.number{text-align:left;padding:0 40px;line-height:2em;font-family:'Noto Sans JP', serif;color:#3C250A;font-weight:300;padding-bottom:1em;}
#Policy ul.number li{margin-bottom:1.5em;}







/*LAWYER
------------------------------------------------------------ */
#Lawyer #mainvisual{background:url(../lawyer/img/tt.png) no-repeat top left;}

#Lawyer .container{background:#F4F9F4;}

#Lawyer .card{padding:50px 100px 60px;background:#FFF;border:1px solid #CCC;margin-bottom:40px;text-align:left;max-width:960px;}
#Lawyer .card .name{border-bottom:1px solid #CCC;margin-bottom:30px;padding-bottom:15px;}
#Lawyer .card .pos{line-height:1.5em;padding-bottom:10px;}
#Lawyer .card h3{display:inline-block;letter-spacing:1em;font-size:1.5em;font-weight:500;padding-right:30px;}
#Lawyer .card .alph{display:inline-block;color:#999;font-family:'Noto Sans JP', serif;font-weight:300;letter-spacing:4px;}

#Lawyer .card .hys{font-family:'Noto Sans JP', serif;}
#Lawyer .card .hys h4{display:inline-block;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #56A365;line-height:1.5em;letter-spacing:4px;}
#Lawyer .card .hys table{width:100%;line-height:1.5em;}
#Lawyer .card .hys table th{width:20%;padding-bottom:1em;}
#Lawyer .card .hys table td{padding-bottom:1em;}
#Lawyer .card .hys table tr:last-child th{padding-bottom:0;}
#Lawyer .card .hys table tr:last-child td{padding-bottom:0;}



@media only screen and ( max-width : 959px ) {
 /*タブレット用のcssを記述*/   


/*PAGE COMMON
------------------------------------------------------------ */
#Vision .wrap,#Service .wrap,#Lawyer .wrap,#Case .wrap{max-width:959px;}


/*SERVICE
------------------------------------------------------------ */
#Service .bggreen .wrap h3{font-size:2em;}
#Service .bggreen .wrap h4{padding:0 20px 40px;}
#Service .bggreen .wrap ul{padding:0 60px 40px;}
#Service .bggreen .wrap li{	line-height:1.6em;}
#Service .consul .wrap{width:90%;background:#FFF;color:#305434;max-width:959px;padding:60px 0;}
#Service .consul .wrap h3{margin:0 40px 40px;}
#Service .consul .wrap h3 span{}
#Service .consul p{line-height:2.5em;text-align:left;padding:0 40px 0;}


/*CASE
------------------------------------------------------------ */
#CaseStudy .box{padding:50px;}


/*LAWYER
------------------------------------------------------------ */
#Lawyer .card{padding:50px 50px 60px;}


}




@media only screen and (max-width:768px) {
 /*タブレット用のcssを記述*/

/* PAGE COMMON
------------------------------------------------------------ */
#mainvisual p{font-size:4.4em;}


/*VISION
------------------------------------------------------------ */
#Vision #contents{padding-bottom:60px;}
#Vision .wrap p.catch{font-size:2em;}
#Vision .wrap img.photo{width:100%;max-width:560px;float:none;margin:0 0 40px 0;}


/*SERVICE
------------------------------------------------------------ */
#Service .bggreen .wrap{width:96%;}
#Service .bggreen .wrap h4{padding:0 10px 40px;}
#Service .bggreen .wrap ul{padding:0 30px 40px;}
#Service .consul .wrap h3{font-size:2em;}
#Service .consul{padding:60px 0;}


/*CASE
------------------------------------------------------------ */
#CaseStudy .box04{padding-top:120px;}
#CaseStudy .box{padding:40px;}


/*LAWYER
------------------------------------------------------------ */
#Lawyer .card{padding:40px;}
#Lawyer .card .hys table th{width:30%;}



}



@media screen and ( max-width : 559px ) {
  /*スマホ用のcssを記述*/  
  

/* PAGE COMMON
------------------------------------------------------------ */
#Vision #mainvisual,#Service #mainvisual,#Lawyer #mainvisual,#CaseStudy #mainvisual,#Policy #mainvisual{position:relative;height:220px;margin-bottom:60px;}
#mainvisual p{font-size:3.4em;}
#CaseStudy .wrap h2{font-size:7vw;}


/*VISION
------------------------------------------------------------ */
#Vision #contents{padding-bottom:40px;}
#Vision #mainvisual{background:url(../vision/img/tt.png) no-repeat 44% top;background-size:auto 100%;}
#Vision .wrap p.catch{font-size:1.35em;font-weight:500;}


/*SERVICE
------------------------------------------------------------ */
#Service .consul .wrap{width:90%;background:#FFF;color:#305434;max-width:959px;padding:40px 0;}
#Service .consul .wrap h3{line-height:1.3em;margin:0 30px 30px;}
#Service .consul .wrap h3 span{display:block;padding:0;}
#Service .consul p{line-height:2.2em;text-align:left;padding:0 30px;}


/*CASE
------------------------------------------------------------ */
#CaseStudy #contents{padding-bottom:20px;}
#CaseStudy #mainvisual{background-size:auto 100%;}
#CaseStudy .box{padding:40px 20px;margin-bottom:40px;}


/*LAWYER
------------------------------------------------------------ */
#Lawyer #mainvisual{background:url(../lawyer/img/tt.png) no-repeat 2% top;background-size:auto 100%;}
#Lawyer .card{padding:40px 20px;max-width:559px;}
#Lawyer .card h3{display:block;padding-bottom:20px;}
#Lawyer .card .alph{display:block;color:#999;font-family:'Noto Sans JP', serif;font-weight:300;letter-spacing:4px;}
#Lawyer .card .hys table{width:100%;line-height:1.4em;font-size:0.9em;}


/*POLICY
------------------------------------------------------------ */
#Policy #mainvisual{background:url(../policy/img/tt.png) no-repeat 70% top;background-size:auto 100%;}
#Policy .box{padding:30px 20px;}
#Policy ul.number{padding:0 20px;line-height:1.8em;padding-bottom:0em;}


}