/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:1024px){

/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
font-size:14px;
line-height:25px;
color:#4d4d4d;
letter-spacing:.06em;
}
/*------------------------------------------------------------
	RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:block; }
.sponly{ display:none; }


/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/
header{
width:100%;
height:70px;
background:#fff;
display:flex;
justify-content:space-between;
position:relative;
}


.siteLogo{
width:160px;
height:35px;
margin:17px 0 0 20px;
position:relative;
}

.siteLogo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.headMenu{
width:890px;
display:flex;
justify-content:space-between;
}

.navi{
display:flex;
justify-content:space-between;
width:680px;
}
.navi li{
}
.navi li.sub{
padding-top:22.5px;
font-weight:500;
}
.navi li a{
display:inline-block;
color:#4d4d4d;
font-weight:500;
padding:22.5px 0;
}
.navi li:hover{
color:#00aa50;
}
.navi li a:hover{
color:#00aa50;
}

.subMenuWrap{
width:100%;
height:140px;
background:rgba(255,255,255,.85);
position:absolute;
top:70px;
left:0;
display:none;
z-index:100;
padding:55px 0;
}

.subMenu{
display:flex;
justify-content:center;
}
.subMenu li{
padding:0 20px;
font-size:18px;
line-height:30px;
position:relative;
margin:0 30px;
}

.subMenu li a{
padding:0;
}
.subMenu li::before{
content:'';
width:10px;
height:10px;
background:#00a550;
position:absolute;
top:10px;
left:0;
}
.subMenu li::after{
content:'';
width:8px;
height:8px;
border-right:2px solid #4d4d4d;
border-bottom:2px solid #4d4d4d;
transform:rotate(-45deg);
position:absolute;
top:10px;
right:0;
}
.subMenu li a:hover{
color:#00a550;
}




.headBtns{
width:141px;
display:flex;
}
.langBtn li{
width:70px;
height:70px;
background:#00a650;
position:relative;
margin-right:1px;
}
.langBtn li::before{
content:'';
width:20px;
height:20px;
background:url(../img/icon-globe.svg) no-repeat center center;
background-size:20px;
position:absolute;
top:25px;
left:25px;
z-index:10;
}
.langSelect{
display:none;
position:absolute;
top:70px;
left:0;
z-index:1000;
}
.langSelect li{
width:70px;
height:40px;
padding:10px;
text-align:center;
font-size:13px;
line-height:20px;
font-weight:500;
background:#fff;
}
.langSelect li.on{
background:#F0FAE6;
}
.langSelect li:hover{
background:#F0FAE6;
}

.langSelect li::before{
content:'';
background:none;
width:0;
height:0;
position:relative;
}
.langSelect li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}


.mailBtn{
width:70px;
height:70px;
background:#00a650;
position:relative;
}
.mailBtn a{
display:block;
width:70px;
height:70px;
background:url(../img/icon-mail.svg) no-repeat center center;
background-size:20px;
z-index:10;
}


/*------------------------------------------------------------
	TOPPAGE
------------------------------------------------------------*/
#kv{
width:100%;
height:680px;
margin-bottom:90px;
}

.bxSlider li{
position:relative;
overflow:hidden;
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:680px;
text-align:center;
}
@keyframes zoomUp{
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.slide01{width:100%; height:680px; background:url("../img/slide01.jpg") no-repeat center center; animation: zoomUp 15s linear 0s 1 normal both; z-index:5;}
.slide02{width:100%; height:680px; background:url("../img/slide02.jpg") no-repeat center center; animation: zoomUp 15s linear 0s 1 normal both;}
.slide03{width:100%; height:680px; background:url("../img/slide03.jpg") no-repeat center center; animation: zoomUp 15s linear 0s 1 normal both;}

.slideCopy01{
width:772px;
height:343px;
position: absolute;
top: 50%;
left: 50%; 
transform: translate(-50%,-80%);
background:url(../img/slidecopy01.svg) no-repeat;
background-size:772px;
z-index:10;
}
.slideCopy02{
width:902px;
height:322px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background:url(../img/slidecopy02.png) no-repeat;
background-size:902px;
z-index:10;
}
.slideCopy03{
width:960px;
height:544px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background:url(../img/slidecopy03.svg) no-repeat;
background-size:960px;
z-index:10;
}




#index1{
margin: 0 auto 90px;
}
.cont01bnr{
width:auto;
height:500px;
background:url("../img/cont01.jpg") no-repeat center top;
position:relative;
padding:400px 0 0;
}
.btn01 a{
border:1px solid #fff;
width:200px;
height:50px;
text-align:center;
font-weight:500;
color:#fff;
display:inline-block;
line-height:50px;
transition:all .2s;
}
.btn01 a:hover{
background:rgba(255,255,255,.2);
}



#index2{
width:100%;
margin:0 auto 45px;
overflow:hidden;
}

.i2Wrap{
display:flex;
justify-content:space-between;
margin-bottom:20px;
}
.i2L{
width:960px;
}
.i2L1{
background:#534741;
width:100%;
height:250px;
display:flex;
justify-content:flex-end;
}
.i2L1T{
width:480px;
display:flex;
justify-content:center;
align-items:center;
}

.i2L1T img{
width:285px;
}

.i2L2{
width:100%;
height:250px;
background:#c5d86f;
display:flex;
justify-content:flex-end;
}
.i2L2T{
width:480px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
color:#534741;
font-size:26px;
line-height:52px;
font-weight:bold;
}


.i2R{
width:960px;
height:500px;
background:url("../img/cont02.jpg") no-repeat center center;
background-size:cover;
}


.resQMenu{
}
.resQMenu li{
margin-bottom:20px;
overflow:hidden;
position:relative;
}
.resQMenu li:hover .resQMenuThumb{
opacity:.8;
}

.resQMenu li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}


.resQMenu li::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.resQMenu li:nth-child(odd) .resQMenuThumb{
width:50%;
height:400px;
float:left;
transition:all .2s;
padding:0;
}

.resQMenu li:nth-child(odd) .resQMenuText{
width:50%;
height:400px;
float:right;
background:#f0fae6;
display:flex;
justify-content:flex-start;
font-weight:500;
font-size:15px;
line-height:30px;
padding:0;
}
.resQMenu li:nth-child(even) .resQMenuThumb{
width:50%;
height:400px;
float:right;
transition:all .2s;
padding:0;
}

.resQMenu li:nth-child(even) .resQMenuText{
width:50%;
height:400px;
float:left;
background:#f0fae6;
display:flex;
justify-content:flex-end;
font-weight:500;
font-size:15px;
line-height:30px;
padding:0;
}

.textbox{
width:480px;
height:400px;
display:flex;
justify-content:center;
align-items:center;
padding:0 40px;
}
.resQMenuTitle01{
width:350px;
height:141px;
margin-bottom:30px;
}
.resQMenuTitle02{
width:386px;
height:136px;
margin-bottom:30px;
}
.resQMenuTitle03{
width:392px;
height:210px;
margin-bottom:30px;
}
.resQMenuTitle04{
width:388px;
height:166px;
margin-bottom:30px;
}

.resQMenu li:nth-child(1) .resQMenuThumb{ background:url("../img/cont03.jpg") no-repeat center center; background-size:cover; }
.resQMenu li:nth-child(2) .resQMenuThumb{ background:url("../img/cont04.jpg") no-repeat center center; background-size:cover; }
.resQMenu li:nth-child(3) .resQMenuThumb{ background:url("../img/cont05.jpg") no-repeat center center; background-size:cover; }
.resQMenu li:nth-child(4) .resQMenuThumb{ background:url("../img/cont06.jpg") no-repeat center center; background-size:cover; }




#index3{
margin-bottom:64px;
}

.col2{
display:flex;
justify-content:space-between;
}
.col2L{
width:50%;
height:400px;
background:url("../img/cont07.jpg") no-repeat center center;
background-size:cover;
display:flex;
justify-content:flex-end;
padding:0;
}
.col2R{
width:50%;
height:400px;
background:url("../img/cont08.jpg") no-repeat center center;
background-size:cover;
display:flex;
justify-content:flex-start;
padding:0;
}
 
.col2LT{
width:480px;
padding:0 100px;
display:flex;
justify-content:center;
align-items:center;
padding-top:12px;
}
.col2RT{
width:480px;
padding:0 100px;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.i3Title01{
width:274px;
height:182px;
margin-bottom:30px;
}



.i3Title02{
width:282px;
height:196px;
margin-bottom:30px;
}

#cArea{
background:#4d4d4d;
height:200px;
display:flex;
justify-content:center;
align-items:center;
position:relative;
transition:all .2s;
}
.cTitle{
width:780px;
margin:0 auto;
font-size:30px;
line-height:53px;
font-weight:500;
padding-left:180px;
color:#fff;
background:url("../img/icon-mail.svg") no-repeat left center;
background-size:124px;
position:relative;
}
#cArea a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

#cArea:hover{
opacity:.9;
}



/*------------------------------------------------------------
	PANKUZU
------------------------------------------------------------*/
.breadCrumb{
width:1000px;
margin:30px auto 60px;
font-size:14px;
line-height:25px;
}
.breadCrumb a{
color:#4d4d4d;
text-decoration:underline;
}


/*------------------------------------------------------------
	PAGE
------------------------------------------------------------*/
#teaser{
width:100%;
height:350px;
background:#00a550;
position:relative;
}
.teaser_about{
width:50%;
height:350px;
background:url("../img/teaser-about-pc.jpg") no-repeat left top;
position:absolute;
left:50%;
top:0;
}
#teaser h1{
font-size:36px;
font-weight:bold;
line-height:54px;
color:#fff;
position:absolute;
top:50%;
left:50%;
width:500px;
height:54px;
margin-left:-500px;
margin-top:-27px;
text-align:center;
}
.teaser_achievement{
width:50%;
height:350px;
background:url("../img/teaser-achievement.jpg") no-repeat left top;
position:absolute;
left:50%;
top:0;
}
.teaser_faq{
width:50%;
height:350px;
background:url("../img/teaser-faq.jpg") no-repeat left top;
position:absolute;
left:50%;
top:0;
}


/* ABOUT */

h2.md01{
font-size:36px;
line-height:54px;
font-weight:bold;
color:#00aa50;
text-align:center;
margin-bottom:40px;
}
h2.md01 span{
font-size:54px;
}

.aboutResQ{
background:#e5e5e5;
padding:30px;
text-align:center;
width:1000px;
margin:0 auto 20px;
}
.aboutResQ img{
width:540px;
margin:0 auto;
}

.inner{
width:1000px;
margin:0 auto 25px;
}
.inner2{
width:1000px;
margin:0 auto;
padding:75px 0;
}
.inner3{
width:1000px;
margin:0 auto;
padding:0 0 75px;
}


p.md01{
font-size:18px;
line-height:36px;
}
p.md02{
font-size:24px;
line-height:48px;
color:#fff;
font-weight:500;
}

p.md03{
font-size:18px;
line-height:36px;
margin-bottom:36px;
}

.aboutIndex{
width:1000px;
margin:0 auto 60px;
display:flex;
justify-content:space-between;
}
.aboutIndex li{
width:300px;
text-align:center;
position:relative;
border:4px solid #00a550;
padding:140px 30px 40px;
font-size:26px;
line-height:34px;
color:#00a550;
font-weight:bold;
transition:all .2s;
margin-bottom:0;
}
.aboutIndex li span{
font-size:46px;
}
.aboutIndex li::after{
content:'';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid #00a550;
position:absolute;
bottom:10px;
left:50%;
margin-left:-10px;
top:auto;
}
.aboutIndex li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.aboutIndex li:hover{
background:#f0fae6;
}

.aboutIndex li:nth-child(1)::before{
content:'';
width:80px;
height:80px;
background:url("../img/icon-balloon.svg") no-repeat;
background-size:80px;
position:absolute;
top:30px;
left:50%;
margin-left:-40px;
}

.aboutIndex li:nth-child(2)::before{
content:'';
width:80px;
height:80px;
background:url("../img/icon-hand.svg") no-repeat;
background-size:80px;
position:absolute;
top:30px;
left:50%;
margin-left:-40px;
}
.aboutIndex li:nth-child(3)::before{
content:'';
width:80px;
height:80px;
background:url("../img/icon-light.svg") no-repeat;
background-size:80px;
position:absolute;
top:30px;
left:50%;
margin-left:-40px;
}

.ab-full01{
width:100%;
height:450px;
background:url("../img/about-obi01.jpg") no-repeat center top;
position:relative;
margin-bottom:60px;
}

.ab-fullText{
width:500px;
height:340px;
position:absolute;
top:50%;
left:50%;
margin-top:-170px;
}
.ab-fullText h3{
font-size:32px;
line-height:80px;
margin-bottom:20px;
font-weight:bold;
color:#fff;
padding-left:100px;
background:url("../img/icon-balloon-wh.svg") no-repeat left top;
background-size:81px;
}


.ab-full02{
margin:40px 0 120px;
width:100%;
height:450px;
background:#736357;
position:relative;
}

.ab-ill01{
width:556px;
height:560px;
background:url("../img/ill-about01.png") no-repeat center top;
background-size:556px;
position:absolute;
top:-30px;
left:50%;
margin-left:-600px;
}
.ab-fullText02{
width:500px;
height:360px;
position:absolute;
top:50%;
left:50%;
margin-top:-180px;
padding:0;
}


.abPoint{
}

.abPoint li{
height:104px;
padding-left:140px;
font-size:20px;
line-height:35px;
color:#fff;
font-weight:bold;
display:flex;
justify-content:left;
align-items:center;
margin-bottom:24px;
}
.abPoint li:last-child{
margin-bottom:0;
}

.abPoint li:nth-child(1){
background:url("../img/icon-ab01.svg") no-repeat left top;
background-size:120px;
}

.abPoint li:nth-child(2){
background:url("../img/icon-ab02.svg") no-repeat left top;
background-size:120px;
}

.abPoint li:nth-child(3){
background:url("../img/icon-ab03.svg") no-repeat left top;
background-size:120px;
}


.ab-full03{
width:100%;
height:450px;
background:#7fa752;
margin-bottom:20px;
position:relative;
}
.ab-ill02{
width:522px;
height:404px;
background:url("../img/ill-about02.png") no-repeat center top;
background-size:520px;
position:absolute;
top:20px;
left:50%;
margin-left:-600px;
}

.ab-fullText03{
width:500px;
height:282px;
position:absolute;
top:50%;
left:50%;
margin-top:-141px;
padding:0;
}
.abPoint2{
}
.abPoint2 li{
height:104px;
padding-left:140px;
font-size:20px;
line-height:35px;
color:#fff;
font-weight:bold;
display:flex;
justify-content:left;
align-items:center;
margin-bottom:72px;
}
.abPoint2 li:last-child{
margin-bottom:0;
}

.abPoint2 li:nth-child(1){
background:url("../img/icon-ab04.svg") no-repeat left top;
background-size:120px;
}
.abPoint2 li:nth-child(2){
background:url("../img/icon-ab05.svg") no-repeat left top;
background-size:120px;
}


.abMenu{
}
.abMenu li{
margin-bottom:20px;
overflow:hidden;
position:relative;
}
.abMenu li:hover .abThumb{
opacity:.8;
}


.abMenu li::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.abMenu li:nth-child(odd) .abThumb{
width:50%;
height:550px;
float:left;
transition:all .2s;
}

.abMenu li:nth-child(odd) .abText{
width:50%;
height:550px;
float:right;
background:#e5e5e5;
display:flex;
justify-content:flex-start;
font-weight:500;
font-size:15px;
line-height:30px;
padding:0;
}
.abMenu li:nth-child(even) .abThumb{
width:50%;
height:550px;
float:right;
transition:all .2s;
}

.abMenu li:nth-child(even) .abText{
width:50%;
height:550px;
float:left;
background:#e5e5e5;
display:flex;
justify-content:flex-end;
font-weight:500;
font-size:15px;
line-height:30px;
padding:0;
}

.abTextBox{
width:480px;
height:550px;
display:flex;
justify-content:center;
align-items:center;
padding:0 40px;
margin:0;
}

.abTextBox h3{
font-size:28px;
line-height:56px;
margin-bottom:15px;
color:#00aa50;
}
.abTextBox p{
margin-bottom:25px;
}


.abMenu li:nth-child(1) .abThumb{ background:url(../img/about01.jpg) no-repeat center center; background-size:cover; }
.abMenu li:nth-child(2) .abThumb{ background:url(../img/about02.jpg) no-repeat center center; background-size:cover; }
.abMenu li:nth-child(3) .abThumb{ background:url(../img/about03.jpg) no-repeat center center; background-size:cover; }

.btn02 a{
width:300px;
height:54px;
border:2px solid #00aa50;
background:#fff;
padding:10px;
position:relative;
text-align:center;
display:block;
margin:0 auto 10px;
color:#00aa50;
font-size:18px;
line-height:28px;
font-weight:500;
transition:all .2s;
}

.w150{ width:150px;}
.w180{ width:180px;}
.w240{ width:240px;}

.btn02 a::after{
content:'';
width:6px;
height:6px;
border-right:2px solid #00aa50;
border-bottom:2px solid #00aa50;
transform:rotate(-45deg);
position:absolute;
top:22px;
right:15px;
transition:all .2s;
}
.btn02 a:hover{
background:#f0fae6;
}
.btn02 a:hover::after{
top:22px;
right:15px;
}



/* SERVICE */

h2.svcTitle01{
width:1000px;
margin:0 auto 60px;
padding-left:255px;
background:#becd6e url("../img/svc01-1.png") no-repeat left center;
color:#534741;
font-weight:900;
font-size:80px;
line-height:250px;
text-align:center;
}
h2.svcTitle02{
width:1000px;
margin:0 auto 60px;
padding-left:255px;
background:#becd6e url("../img/svc02-1.png") no-repeat left center;
color:#534741;
font-weight:900;
font-size:80px;
line-height:250px;
text-align:center;
}
h2.svcTitle03{
width:1000px;
margin:0 auto 60px;
padding-left:255px;
background:#becd6e url("../img/svc03-1.png") no-repeat left center;
color:#534741;
font-weight:900;
font-size:80px;
line-height:250px;
text-align:center;
}
h2.svcTitle04{
width:1000px;
margin:0 auto 60px;
padding-left:255px;
background:#becd6e url("../img/svc04-1.png") no-repeat left center;
color:#534741;
font-weight:900;
font-size:60px;
line-height:250px;
text-align:center;
}
h3.md01{
font-size:36px;
line-height:54px;
margin-bottom:18px;
color:#4d4d4d;
}
h3.md01 span{
color:#00aa50;
}

h3.md02{
font-size:36px;
line-height:75px;
color:#fff;
padding:0 0 0 90px;
background:#4d4d4d;
position:relative;
margin-bottom:16px;
}
h3.md02::before{
content:'';
width:75px;
height:75px;
background:#00a550;
position:absolute;
top:0;
left:0;
}


h3.md03{
font-size:36px;
line-height:75px;
color:#fff;
padding:0 0 0 90px;
background:#4d4d4d;
position:relative;
}
h3.md03::before{
content:'';
width:75px;
height:75px;
background:#00a550;
position:absolute;
top:0;
left:0;
}

h4.md01{
font-size:28px;
color:#fff;
margin:0 auto 20px;
line-height:74px;
text-align:center;
}
h4.md01 span{
display:inline-block;
padding:0 80px;
background:#6c5047;
border-radius:37px;
}

h4.md02{
background:#d7e9ff;
font-size:28px;
padding:0 15px;
line-height:75px;
margin-bottom:20px;
}
h4.md02 span{
color:#c0272d;
}

h4.md03{
font-size:28px;
line-height:50px;
margin-bottom:20px;
}
h4.md03 span{
color:#c0272d;
}


h4.md04{
font-size:28px;
line-height:42px;
margin-bottom:14px;
padding-left:30px;
position:relative;
}
h4.md04::before{
content:'';
width:20px;
height:20px;
border-radius:50%;
background:#6c5047;
position:absolute;
top:10px;
left:0;
}

h4.md05{
text-align:center;
font-size:28px;
line-height:68px;
color:#00aa50;
height:68px;
margin-bottom:30px;
}
h4.md05 span{
display:inline-block;
border:3px solid #00aa50;
padding:0 100px;
border-radius:37px;
background:#fff;
}
h4.md06{
color:#00aa50;
font-weight:bold;
font-size:36px;
line-height:48px;
margin-bottom:48px;
}
h4.md06 span{
display:block;
font-size:24px;
color:#4d4d4d;
}




.sep{
width:1000px;
padding:50px 0 0;
border-bottom:1px solid #6c5047;
margin:0 auto 75px;
}


.space{
margin-top:75px;
}


.acvBnr{
width:1000px;
height:150px;
margin:0 auto 75px;
font-size:28px;
line-height:56px;
font-weight:bold;
color:#fff;
background:#00aa50;
position:relative;
display:flex;
justify-content:left;
align-items:center;
padding:40px 0 0;
}

.acvBnrText{
width:500px;
text-align:center;
position:relative;
padding:0;
}
.acvBnrText span{
display:block;
font-size:16px;
line-height:28px;
margin-top:10px;
}
.acvBnrText::after{
content:'';
width:8px;
height:8px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform: rotate(-45deg);
position:absolute;
top:22px;
right:30px;
}



.acvBnr::after{
content:'';
width:500px;
height:150px;
background:url("../img/svc01-5.png") no-repeat;
position:absolute;
top:0;
right:0;
z-index:5;
}
.acvBnr a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.bbg{
width:100%;
background:#d7e9ff;
padding:75px 0;
}


.svcT{
width:100%;
border:1px solid #4d4d4d;
font-size:18px;
line-height:36px;
margin:20px 0;
table-layout:fixed;
}
.svcT th{
background:#d7e9ff;
padding:20px;
white-space:nowrap;
border:1px solid #4d4d4d;
width:25%;
}
.svcT td{
padding:20px;
border:1px solid #4d4d4d;
}
.svcT td img{
display:block;
margin:0 auto;
}

.svcT td a{
color:#006837;
text-decoration:underline;
}

.pointTitle{
color:#fff;
font-size:18px;
line-height:36px;
display:inline-block;
padding:0 30px;
background:#c0272d;
}
.pointWrap{
border:2px solid #c0272d;
padding:20px 30px;
}

.decimal{
margin-left:3em;
}
.decimal li{
list-style-type: decimal;
font-size:21px;
line-height:36px;
}

.exuse{
margin-bottom:40px;
}
.exuse li{
border:2px solid #6c5047;
padding:15px 20px 15px 80px;
background:#dcebaa;
position:relative;
margin-bottom:50px;
}
.exuse li::after{
content:'';
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 20px solid #988575;
position:absolute;
bottom:-38px;
left:50%;
margin-left:-12px;
}
.exuse li:last-child::after{
content:'';
border:0;
}

.exTitle{
font-size:24px;
line-height:36px;
font-weight:bold;
color:#6c5047;
}
.exTitle span{
display:block;
font-size:18px;
line-height:36px;
color:#4d4d4d;
font-weight:normal;
}
.exuse li span.num{
width:36px;
height:36px;
border-radius:50%;
text-align:center;
line-height:36px;
font-size:24px;
color:#fff;
background:#6c5047;
position:absolute;
top:50%;
margin-top:-18px;
left:20px;
}

.exPhoto{
display:flex;
justify-content:space-between;
}
.exPhoto li{
width:490px;
}


.pTitle{
text-align:center;
font-size:21px;
line-height:36px;
}
.pTitle span{
display:block;
font-size:14px;
line-height:22px;
}

.decimal2{
margin-left:2em;
}
.decimal2{
list-style-type:decimal;
}


.svcOtherTitle{
text-align:center;
font-size:24px;
line-height:52px;
margin-bottom:40px;
font-weight:bold;
}
.svcOtherTitle span{
display:inline-block;
margin-right:.5em;
font-size:41px;
}

.svcOther{
width:960px;
margin:0 auto 60px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.svcOther li{
width:300px;
margin-bottom:40px;
position:relative;
}
.svcOther li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.svcOther li:last-child{
width:1000px;
margin-bottom:0;
}

.svcMenuTitle{
color:#00aa50;
font-size:28px;
font-weight:bold;
margin:15px 0 0;
padding-left:25px;
position:relative;
}
.svcMenuTitle::before{
content:'';
width:8px;
height:8px;
border-right:2px solid #00aa50;
border-bottom:2px solid #00aa50;
transform:rotate(-45deg);
position:absolute;
top:7px;
left:0;
}

/* SERVICE02 */


.pageList01{
display:flex;
justify-content:center;
flex-wrap:wrap;
width:800px;
margin:16px auto 0;
}
.pageList01 li{
padding-left:20px;
font-size:16px;
line-height:24px;
position:relative;
width:50%;
text-align:left;
}
.pageList01 li::before{
content:'';
width:6px;
height:6px;
background:#4d4d4d;
border-radius:50%;
position:absolute;
top:8px;
left:4px;
}
.bbox1{
width:1000px;
margin:0 auto 75px;
padding:20px 40px;
background:#d7e9ff;
}
.bbox2{
width:1000px;
margin:0 auto 24px;
padding:20px 40px;
background:#d7e9ff;
}
.bboxTitle01{
font-size:24px;
line-height:36px;
text-align:center;
margin-bottom:10px;
font-weight:bold;
}
.bboxTitle02{
font-size:24px;
line-height:36px;
text-align:left;
margin-bottom:10px;
font-weight:bold;
}
.bboxCopy{
text-align:center;
font-weight:bold;
font-size:36px;
line-height:72px;
}
.bboxCopy span.big{
font-size:72px;
}
.bboxCopy span.red{
color:#c0272d;
}

.pageList02{
}
.pageList02 li{
padding-left:24px;
font-size:21px;
line-height:36px;
position:relative;
}
.pageList02 li::before{
content:'';
width:16px;
height:16px;
background:#4d4d4d;
position:absolute;
top:10px;
left:0;
border-radius:50%;
}


.indentList01{
}
.indentList01 li{
padding-left:34px;
position:relative;
font-size:21px;
line-height:42px;
margin-bottom:10px;
}
.indentList01 li span.num{
width:24px;
height:24px;
line-height:24px;
text-align:center;
color:#fff;
font-size:21px;
font-weight:bold;
position:absolute;
top:9px;
left:0;
border-radius:50%;
background:#4d4d4d;
}

.indentList01 li div.md01{
font-size:18px;
line-height:32px;
margin-bottom:9px;
}

.indentList02 li{
font-size:16px;
line-height:28px;
margin-bottom:8px;
padding-left:32px;
}
.indentList02 li:nth-child(1)::before{
content:'(1)';
position:absolute;
top:0;
left:0;
}
.indentList02 li:nth-child(2)::before{
content:'(2)';
position:absolute;
top:0;
left:0;
}
.indentList02 li:nth-child(3)::before{
content:'(3)';
position:absolute;
top:0;
left:0;
}
.indentList03 li{
padding-left:24px;
position:relative;
margin-bottom:0;
}
.indentList03 li:nth-child(1)::before,
.indentList03 li:nth-child(2)::before,
.indentList03 li:nth-child(3)::before,
.indentList03 li::before{
content:'★';
position:absolute;
top:0;
left:0;
}

/* SERVICE03 */

.gbox{
background:#f5f5f5;
padding:25px;
}
.colL{
width:500px;
margin:0;
}
.colR{
width:400px;
margin:0;
}

div.md02{
margin:0 0 30px 230px;
font-size:18px;
line-height:36px;
}
.svc03Cont{
padding:68px 0;
border-bottom:1px solid #6c5047;
position:relative;
}
.svc03Cont2{
padding:68px 0;
position:relative;
}

.icon-science{
width:124px;
height:124px;
background:url("../img/icon-science.png") no-repeat;
position:absolute;
top:100px;
left:50px;
}
.icon-flow{
width:124px;
height:124px;
background:url("../img/icon-flow.png") no-repeat;
position:absolute;
top:100px;
left:50px;
}

.icon-nose{
width:124px;
height:124px;
background:url("../img/icon-nose.png") no-repeat;
position:absolute;
top:100px;
left:50px;
}

.exPhotos{
width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.exPhotos li{
width:475px;
margin:0 0 40px;
}
.svc03iTitle{
font-size:36px;
line-height:48px;
font-weight:bold;
color:#6c5047;
margin-top:18px;
}
.svc03iTitle span{
display:block;
font-size:16px;
line-height:24px;
color:#4d4d4d;
}


.meniconContact{
width:1000px;
margin:0 auto;
padding:20px 0;
background:#dcebaa;
border:2px solid #6c5047;
position:relative;
}
.meniconMessage{
width:800px;
margin:0 auto;
padding-left:110px;
text-align:center;
font-size:32px;
line-height:50px;
color:#6c5047;
font-weight:bold;
background:url("../img/icon-ope.png") no-repeat left center;
background-size:70px;
position:relative;
}
.meniconMessage span{
display:block;
font-size:18px;
}
.meniconMessage::after{
content:'';
width:30px;
height:14px;
background:url("../img/arrow-double-brown.png") no-repeat;
position:absolute;
top:50%;
left:50%;
margin-left:180px;
margin-top:18px;
}

.meniconContact a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}



.capList{
}
.capList li{
padding-left:2.5em;
font-size:16px;
line-height:24px;
position:relative;
}
.capList li:nth-child(1)::before{
content:'※1.';
position:absolute;
top:0;
left:0;
}
.capList li:nth-child(2)::before{
content:'※2.';
position:absolute;
top:0;
left:0;
}

.capList li:nth-child(3)::before{
content:'※3.';
position:absolute;
top:0;
left:0;
}

/* SERVICE 04 */

.svc04Cont{
width:100%;
background:url("../img/svc04-full.jpg") no-repeat center top;
padding-top:400px;
position:relative;
}
.svc04balloon{
width:1000px;
height:399px;
position:absolute;
top:44px;
left:50%;
margin-left:-500px;
background:url("../img/svc04-2.png") no-repeat center top;
z-index:3;
}

.svc04bnr{
width:1000px;
border:15px solid #00aa50;
background:#fff;
padding:40px 0 10px;
margin:0 auto 75px;
position:relative;
}
.svc04bnrTitle{
font-size:60px;
line-height:75px;
color:#00aa50;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

.svc04bnrText{
width:930px;
margin:0 auto;
font-size:21px;
line-height:36px;
color:#4d4d4d;
}

.svc04bnrLink{
font-size:21px;
line-height:36px;
position:absolute;
bottom:10px;
right:0;
padding-right:45px;
font-weight:bold;
}

.svc04bnrLink::after{
content:'';
width:8px;
height:8px;
border-right:2px solid #00aa50;
border-bottom:2px solid #00aa50;
transform:rotate(-45deg);
position:absolute;
right:30px;
top:12px;
}



.svc04bnrLink a{
color:#00aa50;
}

.consult{
width:1000px;
margin:0 auto;
}
.consult li{
height:120px;
margin-bottom:30px;
position:relative;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
color:#6c5047;
}
.consult li::after{
content:'';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid #988575;
position:absolute;
bottom:-20px;
left:50%;
margin-left:-10px;
}
.consult li:last-child::after{
border:none;
}

.consult li h4{
font-size:24px;
line-height:42px;
}
.consult li:nth-child(odd){
background:#f0fae6;
}
.consult li:nth-child(even){
background:#d7e9ff;
}


.svc04List{
margin-bottom:55px;
}
.svc04List li{
overflow:hidden;
margin-bottom:20px;
}
.svc04Thumb{
width:475px;
margin:0;
}
.svc04Text{
width:475px;
display:flex;
justify-content:left;
align-items:center;
height:370px;
}
.svc04Text h4{
color:#00aa50;
margin-bottom:24px;
line-height:48px;
font-size:36px;
}
.svc04Text p{
font-size:18px;
line-height:36px;
}
.svc04List li:nth-child(odd) .svc04Thumb{ float:left; }
.svc04List li:nth-child(odd) .svc04Text{ float:right; }
.svc04List li:nth-child(even) .svc04Thumb{ float:right; }
.svc04List li:nth-child(even) .svc04Text{ float:left; }



/* ACHIEVEMENT */

.pageTitle{
font-size:36px;
line-height:72px;
text-align:center;
color:#00aa50;
margin-bottom:40px;
}

.acvNavi{
width:1000px;
margin:0 auto 75px;
display:flex;
justify-content:space-between;
}

.acvNavi li{
width:223px;
position:relative;
}
.acvNavi li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.acvNavi li:hover img{
opacity:.8;
}


.acvMenuTitle{
font-size:20px;
font-weight:bold;
line-height:30px;
margin:10px 0 0;
color:#00aa50;
padding-left:24px;
position:relative;
}
.acvMenuTitle::before{
content:'';
width:8px;
height:8px;
border-right:2px solid #00aa50;
border-bottom:2px solid #00aa50;
transform:rotate(-45deg);
position:absolute;
top:10px;
left:0;
}


.acvList{
padding-top:50px;
}
.acvList li{
display:flex;
justify-content:space-between;
margin-bottom:75px;
}
.acvThumb{
width:475px;
margin:0;
}
.acvText{
width:475px;
}

.acvText h4{
font-size:28px;
line-height:54px;
font-weight:bold;
color:#00aa50;
margin-bottom:14px;
}
.acvT{
width:100%;
font-size:16px;
line-height:24px;
}
.acvT th{
text-align:left;
padding:14px 20px 14px 0;
border-top:1px solid #4d4d4d;
vertical-align:top;
white-space:nowrap;
width:120px;
}
.acvT td{
padding:15px 10px;
border-top:1px solid #4d4d4d;
}

.acvT td strong{
font-size:28px;
font-weight:bold;
color:#00aa50;
}

.acvList2{
padding-top:50px;
}
.acvList2 li{
margin-bottom:75px;
}


.acvThumb2{
margin-bottom:30px;
}
.acvText2 h4{
font-size:28px;
line-height:54px;
font-weight:bold;
color:#00aa50;
margin-bottom:14px;
}





/* FAQ */


.faqCat{
padding-left:20px;
font-size:18px;
line-height:36px;
margin-bottom:5px;
font-weight:bold;
position:relative;
}
.faqCat::before{
content:'';
width:12px;
height:12px;
background:#00aa50;
position:absolute;
top:11px;
left:0;
}

.faq{
margin-bottom:30px;
}


.faq dt{
margin-bottom:15px;
width:100%;
border:2px solid #00aa50;
color:#00aa50;
font-size:24px;
line-height:48px;
font-weight:bold;
position:relative;
display:flex;
justify-content:left;
align-items:center;
height:96px;
padding-left:100px;
transition:all .2s;
}

.faq dt::after{
content:'';
width:10px;
height:10px;
border-right:2px solid #00aa50;
border-bottom:2px solid #00aa50;
transform:rotate(45deg);
position:absolute;
top:50%;
right:30px;
margin-top:-5px;
transition:all .2s;
}

.faq dt.open::after{
content:'';
width:10px;
height:10px;
border-right:2px solid #00aa50;
border-bottom:2px solid #00aa50;
transform:rotate(-135deg);
position:absolute;
top:50%;
right:30px;
margin-top:-5px;
}

.faq dt.open{
margin-bottom:0;
}

.faq dt span{
position:absolute;
top:50%;
left:30px;
margin-top:-24px;
}

.faq dd{
display:none;
background:#f0faf0;
padding:20px 25px;
margin-bottom:15px;
font-size:18px;
line-height:32px;
color:#4d4d4d;
}


/* COMPANY PROFILE */

.comT{
width:1000px;
margin:0 auto;
border-top:1px solid #cbcbcb;
}
.comT th{
text-align:left;
padding:30px 20px;
font-size:18px;
line-height:32px;
vertical-align:top;
border-top:1px solid #cbcbcb;
position:relative;
}
.comT th::before{
content:'';
width:12px;
height:12px;
background:#00aa50;
position:absolute;
top:40px;
left:0;
}


.comT td{
border-top:1px solid #cbcbcb;
padding:30px;
}

.comTitle{
font-size:24px;
line-height:42px;
margin-bottom:12px;
}


/*------------------------------------------------------------
	FORM
------------------------------------------------------------*/
.form{
width:100%;
margin-bottom:40px;
}
.form th{
width:240px;
vertical-align:middle;
padding:20px 0;
text-align:left;
}
.fitem{
padding-left:20px;
position:relative;
font-size:14px;
line-height:28px;
font-weight:bold;
}
.fitem::before{
content:'';
width:12px;
height:12px;
background:#00aa50;
position:absolute;
top:8px;
left:0;
}

.req{
color:#f00;
font-size:12px;
line-height:20px;
padding:0 10px;
border:1px solid #f00;
display:inline-block;

}

.form td{
width:760px;
}

input[type="text"],
input[type="email"]{
width:100%;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
box-sizing:border-box;
}

textarea{
width:100%;
height:200px;
border:1px solid #ccc;
border-radius:5px;
padding:10px;
box-sizing:border-box;
}


.ppbox{
background:#f1f1f1;
padding:30px 40px;
font-size:14px;
line-height:25px;
margin-bottom:40px;
}
.ppbox p{
margin-bottom:1em;
}

.ppbox a{
color:#006837;
text-decoration:underline;
}

.ppchk{
text-align:center;
}

.fbtn li{
display:flex;
justify-content:center;
}
input[type="submit"].sbmbtn{
background:#00aa50;
padding:15px 40px;
border-radius:6px;
color:#fff;
border:none;
font-size:18px;
line-height:36px;
letter-spacing:.13em;
cursor:pointer;
}


.comName{
font-size:18px;
line-height:32px;
margin:0 0 10px;
}


.comTel{
font-size:36px;
line-height:72px;
font-weight:bold;
}



.formMessage{
width:800px;
margin:0 auto 75px;
}

.errorList{
text-align:center;
color:#cc2728;
margin-bottom:75px;
}

input[type="button"].backbtn{
background:#f2f2f2;
color:#323232;
padding:15px 40px;
border-radius:6px;
font-size:18px;
line-height:36px;
text-align:center;
border:none;
cursor:pointer;
}


.formBtn{
display:flex;
justify-content:center;
}
.formBtn li{
margin:0 20px;
}

.formTable{
width:800px;
margin:0 auto 75px;
border-top:1px solid #ccc;
}
.formTable th{
padding:15px;
text-align:left;
font-weight:500;
white-space:nowrap;
border-bottom:1px solid #ccc;
}
.formTable td{
padding:15px;
border-bottom:1px solid #ccc;
}

.btn03{
text-align:center;
}
.btn03 a{
background:#00aa50;
padding:15px 40px;
border-radius:6px;
color:#fff;
border:none;
font-size:18px;
line-height:36px;
letter-spacing:.13em;
cursor:pointer;
transition:all .2s;
}
.btn03 a:hover{
opacity:.8;
}

/*------------------------------------------------------------
	CATEGORY ARCHIVE
------------------------------------------------------------*/

/*------------------------------------------------------------
	SINGLE
------------------------------------------------------------*/

/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
footer{
border-top:2px solid #00aa50;
}

.footerInner{
padding:50px 0;
width:1000px;
margin:0 auto;
}
.fWrap{
display:flex;
justify-content:left;
margin-bottom:60px;
}
.footL{
width:220px;
}
.footC{
width:220px;
}
.footR{
width:220px;
}
.fMenu dt{
font-size:14px;
line-height:20px;
margin-bottom:20px;
padding-left:12px;
position:relative;
}
.fMenu dt a{
color:#4d4d4d;
}
.fMenu dt::before{
content:'';
width: 0;
height: 0;
border-left: 5px solid #4d4d4d;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position:absolute;
top:3px;
left:0;
}

.fMenu dt.mb5{
margin-bottom:5px;
}
.fMenu dt a:hover{
text-decoration:underline;
text-underline-offset:5px;
}

.fMenu dd{
font-size:14px;
line-height:24px;
padding-left:12px;
position:relative;
margin-left:12px;
}
.fMenu dd a{
color:#4d4d4d;
}
.fMenu dd::before{
content:'';
width:4px;
height:4px;
border-radius:50%;
background:#4d4d4d;
position:absolute;
top:8px;
left:0px;
}
.fMenu dd a:hover{
text-decoration:underline;
text-underline-offset:5px;
}

.fNavi{
display:flex;
justify-content:center;
margin-bottom:30px;
}
.fNavi li{
padding-left:12px;
margin:0 20px;
position:relative;
}
.fNavi li a{
font-size:14px;
line-height:20px;
color:#4d4d4d;
}
.fNavi li::before{
content:'';
width: 0;
height: 0;
border-left: 5px solid #4d4d4d;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position:absolute;
top:6px;
left:0;
}
.fNavi li a:hover{
text-decoration:underline;
text-underline-offset:10px;
}

.copy{
text-align:center;
font-size:14px;
}

/*------------------------------------------------------------
	230801add
------------------------------------------------------------*/
.copyright{
	font-size: 14px;
}


/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}