@charset "UTF-8";

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

*   Since:2025-09
*   Editor:ricostyle

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


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

/*PC用のcssを記述*/

/* TOP
------------------------------------------------------------ */
#Mainvisual{background:url(../img/main.png) no-repeat top center;height:460px; display: flex;justify-content: center;align-items: center;}
#Mainvisual .wrap{width:1160px;margin:0 auto;text-align:left;}
#Mainvisual p,#Mainvisual h2
{font-family:"Shippori Mincho", serif;font-weight:500;font-size:1.7em;line-height:2.6em;color:#3B250A;text-shadow: 2px 2px 10px #FFF,-2px 2px 10px #FFF,2px -2px 10px #FFF,-2px -2px 10px #FFF;}

#Topics{padding:120px 0 0;background:#FFF;}
#Topics .wrap{width:100%;max-width:960px;text-align:left;}
#Topics h3{font-weight:500;font-size:1.8em;letter-spacing:8px;color:#3B250A;margin-bottom:40px;}
#Topics h3 span{display:inline-block;padding-left:20px;font-weight:300;font-size:0.55em;letter-spacing:2px;}
#Topics dl{display:flex;flex-wrap: wrap;width:100%;border-top:1px solid #CFC6BE;padding-top:20px;}
#Topics dt,#Topics dd{border-bottom:1px solid #CFC6BE;padding-bottom: 20px;margin-bottom: 20px;line-height:2em;}
#Topics dt{color:#978371;width:20%;}
#Topics dd{color:#54340E;width:80%;}

#Member{display:none;height:0;}

#About{padding:120px 0 30px;background:#FFF;}
#About img.aboutimage{position:absolute;left:0;top:200px;width:48%;max-width:640px;height:auto;}
#About .wrap{width:100%;max-width:1160px;margin:0 auto;}
#About .wrap h3{margin-left:52%;color:#3A250A;font-size:1.5em;font-weight:500;margin-bottom:40px;text-align:left;}
#About .wrap table{margin-left:52%;width:46%;font-family:'Noto Sans JP', serif;line-height:1.8em;text-align:left;border-top:1px solid #CFC6BE; }
#About .wrap th{color:#978371;border-bottom:1px solid #CFC6BE;padding:20px 20px 20px 10px;min-width:80px;}
#About .wrap td{color:#3A250A;border-bottom:1px solid #CFC6BE;padding:20px 0;}
#About .wrap table a img{vertical-align:middle;padding-left:10px;}



#Vision{position:relative;background:#FFF;padding:120px 0 30px;}
#Vision img{position:absolute;right:0;top:0;bottom:0;margin: auto 0;width:50%;height:auto;}
#Vision .wrap{width:100%;max-width:960px;margin:0 auto;}
#Vision .wrap h3{margin-right:50%;color:#61A369;font-size:2.8em;line-height:1em;margin-bottom:80px;}
#Vision .wrap p{margin-right:50%;font-size:1.15em;line-height:2.2em;padding-bottom:40px;}
#Vision .wrap p.more{display:inline-block;}
#Vision .wrap p.more a{display:block;font-size:0.9em;padding:15px 60px 20px 15px;background:url(../img/icon_arrowgreen.png) no-repeat right center;color:#61A369;}
#Vision .wrap p.more a:hover{padding-left:30px;transition:0.3s;opacity:0.8;}



#Service h2,#Case h2,#About h2,#Access h2{color:#9F8C7B;font-weight:300;font-size:2.3em;line-height:1.3em;letter-spacing:2px;margin-bottom:80px;}
#Service h2 span,#Case h2 span,#About h2 span,#Access h2 span{display:block;color:#3C250A;font-size:0.48em;letter-spacing:1px;}

#Service{padding:120px 0 0;background:#F4F9F4;}
#Service .wrap{width:100%;max-width:960px;}
#Service .wrap ul{display:flex;flex-wrap: wrap;justify-content:space-around;width:100%;}
#Service .wrap ul li{display:inline-block;width:46%;outline:1px solid #FFF;outline-offset: -5px;}
#Service .wrap ul li.corp{background:#578E5A;}
#Service .wrap ul li.indivi{background:#93BB66;}
#Service .wrap ul li a{display:block;color:#FFF;font-size:1.4em;padding:35px 0;}
#Service .wrap ul li a span{display:block;font-size:0.75em;padding:20px 0 0 0;}
#Service .wrap ul li a span img{vertical-align:bottom;padding-left:10px;}
#Service .wrap ul li:hover{transition:0.3s;opacity:0.8;}

#Case{padding:120px 0 100px;background:#F4F9F4;}
#Case .wrap{width:100%;max-width:960px;}
#Case .wrap ul{display:flex;flex-wrap: wrap;justify-content:space-around;width:100%;}
#Case .wrap ul li{display:inline-block;width:30.5%;border:1px solid #CECAC4;text-align:left;margin-bottom:20px;}
#Case .wrap ul li a{display:block;color:#463319;font-size:1.35em;padding:38px 0 38px 20px;}
#Case .wrap ul li:hover{transition:0.5s;}
#Case .wrap ul li a:hover{color:#FFF;}

li.case01{background:#FFF url(../img/icon_01.png) no-repeat 90% center;}
li:hover.case01{background:#3C250A url(../img/icon_01.png) no-repeat 90% center;}
li.case02{background:#FFF url(../img/icon_02.png) no-repeat 90% center;}
li:hover.case02{background:#3C250A url(../img/icon_02.png) no-repeat 90% center;}
li.case03{background:#FFF url(../img/icon_03.png) no-repeat 90% center;}
li:hover.case03{background:#3C250A url(../img/icon_03.png) no-repeat 90% center;}
li.case04{background:#FFF url(../img/icon_04.png) no-repeat 90% center;}
li:hover.case04{background:#3C250A url(../img/icon_04.png) no-repeat 90% center;}
li.case05{background:#FFF url(../img/icon_05.png) no-repeat 90% center;}
li:hover.case05{background:#3C250A url(../img/icon_05.png) no-repeat 90% center;}
li.case06{background:#FFF url(../img/icon_06.png) no-repeat 90% center;}
li:hover.case06{background:#3C250A url(../img/icon_06.png) no-repeat 90% center;}
li.case07{background:#FFF url(../img/icon_07.png) no-repeat 90% center;}
li:hover.case07{background:#3C250A url(../img/icon_07.png) no-repeat 90% center;}
li.case08{background:#FFF url(../img/icon_08.png) no-repeat 90% center;}
li:hover.case08{background:#3C250A url(../img/icon_08.png) no-repeat 90% center;}
li.case09{background:#FFF url(../img/icon_09.png) no-repeat 90% center;}
li:hover.case09{background:#3C250A url(../img/icon_09.png) no-repeat 90% center;}



#Access{padding:120px 0 40px;}
#Access iframe{width:100%;margin-bottom:60px;}
#Access .wrap{width:100%;max-width:960px;display: flex;align-items:center;line-height:1.8em;color:#6A5943;}
#Access div.tt{padding:30px 60px 30px 30px;}
#Access div.rote{padding:30px 0 30px 60px;font-family:'Noto Sans JP', serif;font-size:0.95em;text-align:left;border-left:1px solid #CCC;}	
#Access div.rote li{list-style-type: disc;list-style-position: outside;}
#Access div.tt h3{font-size:1.5em;font-weight:500;padding-bottom:10px;}	







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

/*TOP
------------------------------------------------------------ */
#Mainvisual{background-size:auto 100%;}
#Mainvisual p,#Mainvisual h2{padding-left:20px;}


#Topics .wrap{width:96%;}


#Access div.tt{padding:30px;min-width:25%;}
#Access div.rote{padding:30px 30px 30px 50px;}


}






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


/*TOP
------------------------------------------------------------ */
#Mainvisual{height:320px;}
#Mainvisual p,#Mainvisual h2{line-height:2.4em;}


#Topics .wrap{max-width:768px;}
#Topics dt{width:26%;}
#Topics dd{width:74%;}


#About img.aboutimage{position:static;left:0;top:0;width:100%;max-width:500px;height:auto;}
#About .wrap{width:96%;max-width:768px;}
#About .wrap h3{margin-left:0;text-align:center;}
#About .wrap table{margin-left:0;width:100%;margin-bottom:60px;}

#Vision{padding:120px 0 0;}
#Vision img{position:relative;top:0;width:100%;}
#Vision .wrap{width:96%;max-width:768px;padding:0;}
#Vision .wrap h3{margin-right:0;}
#Vision .wrap p{margin-right:0;}


#Case .wrap ul li a{font-size:1.1em;padding:35px 0 35px 15px;}
#Case .wrap ul li{background-size:auto 46%;}


#Access .wrap{width:96%;max-width:768px;}
#Access div.tt{padding:15px;min-width:35%;font-size:0.9em;}
#Access div.rote{padding:15px 15px 15px 40px;font-size:0.85em;line-height:1.5em;}	


}





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


/*TOP
------------------------------------------------------------ */
#Mainvisual p{font-size:4.6vw;line-height:2.3em;}
#Mainvisual h2{font-size:5.2vw;line-height:2.3em;}

#Topics{padding:60px 0 30px;}
#Topics dl{display:block;}
#Topics dt{width:100%;border-bottom:none;padding-bottom: 0;margin-bottom: 0;}
#Topics dd{width:100%;line-height:1.8em;}

#Member{display:block;height:auto;background:#F4F9F4;padding:60px 0;margin-bottom:0;}
#Member div{display:inline-block;width:80%;max-width:340px;background-image: linear-gradient(180deg, #44774A, #2F5233);}
#Member a{display:block;background:url(../img/icon_key.png) no-repeat 20px center;color:#F6F4E9;padding:20px;}
#Member div:hover{opacity:0.8;transition:0.3s;}


#Vision {padding:120px 0 0;}
#Vision .wrap h3{margin-bottom:60px;}
#Vision .wrap p{font-size:1em;}

#Service h2,#Case h2,#About h2,#Access h2{margin-bottom:60px;}

#Service .wrap{width:96%;}
#Service .wrap ul{display:block;width:100%;}
#Service .wrap ul li{display:block;width:96%;margin:0 auto 20px;}
#Service .wrap ul li:last-child{margin:0 auto;}

#Case{padding:120px 0 60px;}
#Case .wrap{width:96%;max-width:559px;}
#Case .wrap ul{display:block;width:100%;}
#Case .wrap ul li{display:block;width:100%;margin-bottom:20px;background-size:auto auto;}
#Case .wrap ul li a{display:block;font-size:1.35em;padding:35px 0 35px 20px;}


#Access .wrap{display:block;}
#Access div.tt{padding:0 10px 40px;font-size:1.1em;}
#Access div.rote{border-left:none;border-top:1px solid #CCC;padding:40px 20px 0;}	




}