@charset"UTF-8";

*{
margin:0;
padding:0;
outline:none;
box-sizing:border-box;
}
img{box-sizing:content-box;}

table,thead,tbody,tr,th,td,aside,footer,header,nav,section{
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}
table{
border-collapse:collapse;
border-spacing:0;
}
input,button,textarea{
margin:0;
padding:0;
background:none;
border:none;
border-radius:0;
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}


html{width:100%;height:100%;}
body{
width:100%;
height:100%;
color:#060606;
font-size:16px;
line-height:1.8;
font-family:"Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;
text-align:justify;
}
a{
color:#333;
text-decoration:none;
}
a,a img,#li1,#li2,button,.sse li{
-webkit-transition:all 0.3s ease;
-webkit-transition-delay:0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
a,a img,aside a:hover::after,button,.sse li{
overflow:hidden;
}
a:hover img{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}
a{
text-decoration:none;
outline:none;
background:transparent;
-webkit-touch-callout:none;
-moz-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:rgba(210,210,210,0.1);
-ms-tap-highlight-color:rgba(0,0,0,0);
tap-highlight-color:rgba(0,0,0,0);
display:inline-block;
}
a:focus{outline:none;}
@media screen and (min-width:1px) and (max-width:768px){a{background-color:transparent;}}
img{
width:100%;
max-width:100%;
max-width:-webkit-calc(100%);
max-width:-moz-calc(100%);
max-width:calc(100%);
height:auto;
vertical-align:top;
font-size:0;
line-height:0;
-ms-interpolation-mode:bicubic;
}
textarea{resize:vertical;}
input,textarea{
background:transparent;
font-size:14px;
line-height:20px;
font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
border-radius:0;
-webkit-border-radius:0;
-webkit-appearance:none;
vertical-align:middle;
}
input:-webkit-autofill{
-webkit-box-shadow:0 0 0 1000px #fbfbfb inset;
-webkit-text-fill-color:#242424 !important;
}
input::-moz-focus-inner,button::-moz-focus-inner{border:0;}
::selection{
background:#e6e6e6;
/*background:rgba(230,230,230,1);*/
background:rgba(97,167,71,1);
}
::-moz-selection{
background:#e6e6e6;
background:rgba(230,230,230,1);
}
a::selection,.btn::selection,img::selection,ul::selection,li::selection,label::selection,h1::selection,nav::selection,br::selection{
background:rgba(250,250,250,0);
}
a::-moz-selection,.btn::-moz-selection,img::-moz-selection,ul::-moz-selection,li::-moz-selection,h1::-moz-selection,nav::-moz-selection,br::-moz-selection{
background:rgba(250,250,250,0);
}
ul,li{list-style:none;}
.clear{clear:both;}
.br{padding-top:18px;}
.b{font-weight:bold;}

#header-nav{
width:100%;
position:relative;
text-align:right;
}
#header-nav ul{
overflow:hidden;
}
#header-nav li{
display:inline-block;
transform:skew(35deg);
height:30px;
text-align:center;
}
#li1{
width:120px;
background:#4ea082;
background-image:-webkit-linear-gradient(transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%),-webkit-linear-gradient(0deg,transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%);background-image:linear-gradient(transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%),liner-gradient(90deg,transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%);-webkit-background-size:2px 2px;background-size:2px 2px;
}
#li2{
width:165px;
margin-right:-10px;
background:#61a747;
background-image:-webkit-linear-gradient(transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%),-webkit-linear-gradient(0deg,transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%);background-image:linear-gradient(transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%),liner-gradient(90deg,transparent 80%,rgba(255, 255, 255, 0.1) 80%,rgba(255, 255, 255, 0.1) 100%);-webkit-background-size:2px 2px;background-size:2px 2px;
}
#header-nav a{
display:inline-block;
width:100%;
transform:skew(-35deg);
color:#fff;
font-size:11px;
line-height:30px;
opacity:1;
-webkit-backface-visibility:hidden;
-webkit-font-smoothing:antialiased;
}
#li1:hover,#li1:focus,#li1:active,#li2:hover,#li2:focus,#li2:active{
background-color:#222f5f;opacity:1;
}

header{
width:100%;
max-width:960px;
margin:0 auto -10px;
}

header img{
max-width:308px;
padding-left:4px;
}

#globalnavi{
width:100%;
max-width:960px;
height:50px;
margin:0 auto;
display:flex;
display:-webkit-flex;
justify-content:space-around;
line-height:19px;
}
#globalnavi li a{
height:100%;
padding:0 9px;
display:flex;
display:-webkit-flex;
align-items:center;
}
#globalnavi li{
position:relative;
}
#globalnavi li::after,#globalnavi li::after,#globalnavi li::after{
content:"";
position:absolute;
z-index:10;
right:0;
bottom:-7px;
left:0;
width:0px;
height:0px;
margin:auto;
border-style:solid;
border-color:#fff transparent transparent transparent;
border-width:7px 7px 0 7px;
opacity:0;
-webkit-transition:all 0.3s ease;
-webkit-transition-delay:0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
#globalnavi li:hover::after,#globalnavi li:focus::after,#globalnavi li:active::after{
opacity:1;
}
#globalnavi li#now::after{
opacity:1;
}
#globalnavi li a:link,#globalnavi li a:visited{color:#333;}
#globalnavi li a:active,#globalnavi li a:focus,#globalnavi li a:hover{color:#61a747;}
#globalnavi li#now a{color:#61a747;}

#line1,#line2{
width:100%;
height:9px;
background:#61a747;
}
#line1{margin-top:1px;}
#line2{
background-image:linear-gradient(
-45deg,
#fff 25%,
#61a747 25%,#61a747 50%,
#fff 50%,#fff 75%,
#61a747 75%, #61a747
);
background-size:4px 4px;
}

#top-main-container{
text-align:center;
width:100%;
background-color:#fafafa;
}
#top-main-container img{
max-width:960px;
margin:20px auto 20px;
}

#top1,#top2,#top4{
width:100%;
max-width:1100px;
margin:0 auto;
padding:25px 0 0;
display:flex;
display:-webkit-flex;
justify-content:space-between;
}
#top1 img,.top2 img{max-width:460px;}
#top1 h1:first-child{padding-right:20px;}
#top2,#top4{padding-top:30px;}
#top2 div,#top4 div{padding:0 20px 0 0;}
#top2 h1,#top4 h1{
position:relative;
margin-bottom:5px;
color:#060606;
font-size:22px;
font-weight:normal;
}
#top2 h1::after{
position:absolute;
top:-10px;
left:0;
z-index:2;
content:'';
width:100px;
height:4px;
background-color:#bbf117;
}
#top4 h1::after{
position:absolute;
top:-10px;
left:0;
z-index:2;
content:'';
width:100px;
height:4px;
background-color:#ffe600;
}
#top3{
display:flex;
flex-direction:column;
justify-content:space-between;
align-self:flex-end;
backgrounf:#333;
}
#top3 img{
max-width:354px;
min-width:236px;
}
#top5{
width:100%;
max-width:1100px;
margin:0 auto;
padding:25px 0 10px;
display:flex;
flex-direction:column;
justify-content:space-between;
align-self:flex-end;
backgrounf:#333;
}
#top5{padding-top:30px;}
#top5 div{padding:0;}
#top5 h1{
position:relative;
margin-bottom:5px;
color:#060606;
font-size:22px;
font-weight:normal;
}
#top5 h1::after{
position:absolute;
top:-10px;
left:0;
z-index:2;
content:'';
width:100px;
height:4px;
background-color:#84d037;
}
@media screen and (max-width:1000px){
#top1{padding:25px 15px 0;}
#top2,#top4{padding:30px 15px;}
#top5{padding:30px 15px 10px;}
}
@media screen and (max-width:700px){
#top1,#top2,#top4,#top5{flex-direction:column;justify-content:center;}
#top1{max-width:440px;padding:10px 10px 0;}
#top1 h1{margin:10px auto -5px;}
#top1 h1:first-child{padding-right:0;}
#top2,#top4{max-width:500px;padding:35px 15px;}
#top5{max-width:500px;padding:35px 15px 0;}
#top2,#top2 div{margin-bottom:0;padding-bottom:0;}
#top4{padding-bottom:0;}
#top4 div{margin-top:0;padding-bottom:20px;}
#top5 div{padding-bottom:0;}
#top3 img{max-width:236px;}
}

#wrapper{
min-height:calc(100vh - 180px);
padding-bottom:50px;
}
footer{
width:100%;
font-size:13px;
line-height:19px;
}
#cover{
width:100%;
background:#f7f7f7;
}
#footer{
width:100%;
max-width:960px;
height:180px;
margin:0 auto;
padding:20px 0;
background:#f7f7f7;
display:flex;
display:-webkit-flex;
justify-content:space-between;
align-items:flex-end;
}
#footer div{
display:inline-block;
line-height:21px;
}
#footer ul{
display:inline-block;
padding-bottom:10px;
}
#f1{width:80%;max-width:315px;margin-bottom:5px;}
#f2{margin-top:5px;font-size:10px;}
footer ul a:link,footer ul a:visited{border-bottom:solid 1px #f7f7f7;}
footer ul a:active,footer ul a:focus,footer ul a:hover{border-bottom:solid 1px #555;}

@media screen and (max-width:1000px){#footer{padding:20px 15px;}}
@media screen and (max-width:700px){
#wrapper{
min-height:calc(100vh - 175px);
}
#footer{
flex-direction:column;
justify-content:center;
align-items:stretch;
height:175px;
padding:15px 0 0;
text-align:center;
}
#footer div{padding:0 0 20px;}
}
/*@media all and (-ms-high-contrast:none){
#footer div{padding:0;}
}*/

#second{
width:218px;
text-align:center;
color:#333;
font-weight:normal;
font-size:28px;
line-height:1.4;
margin:40px auto 0;
padding-bottom:15px;
border-bottom:solid 3px #ffe600;
position:relative;
}
#second::before{
position:absolute;
content:"";
display:block;
border-bottom:solid 3px #bbf117;
bottom:-3px;
width:67%;
}
#second::after{
position:absolute;
content:"";
display:block;
border-bottom:solid 3px #84d037;
bottom:-3px;
width:33%;
}
#arrow{
position:relative;
display:block;
width:10px;
height:70px;
margin:0 auto 15px;
}
#arrow::after{
content:'';
width:40px;
height:40px;
border-top:solid 1px #4c9c55;
border-right:solid 1px #4c9c55;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
position:absolute;
top:10px;
left:-15px;
}

#company{
width:100%;
max-width:960px;
margin:0 auto;
}
#main{
display:flex;
display:-webkit-flex;
justify-content:space-between;
padding:0 15px;
}
h2,h4{
font-size:26px;
font-weight:normal;
color:#333;
line-height:1.6;
margin:0 0 10px;
}
h2{padding-left:15px;}
h4{margin-top:20px;}
.right{
float:right;
max-width:260px;
padding:0 0 10px 15px;
}
section{width:100%;padding:0 30px 0 0;}
@media all and (-ms-high-contrast:none){
section{width:calc(100% - 230px);}
}

h4#phi{margin-top:35px;}
dl{
display:flex;
display:-webkit-flex;
width:100%;
}
dt,dd{
padding:10px 15px;
border:solid 1px #ededed;
}
dt{
width:40%;
background:#f5f5f5;
border-bottom:none;
}
dd{
width:100%;
border-left:none;
border-bottom:none;
}
.last{border-bottom:solid 1px #ededed;}
.kakko{margin-left:-7px;}
.kkakko{margin-left:-5px;}
.kakkoo{margin-right:-4px;}
h3{
color:#79bd36;
font-size:22px;
font-weight:bold;
margin-top:-5px;
}
.yb{
display:inline-block;
margin:30px 0 10px;
padding:10px;
border:solid 2px #ffe600;
}
.plan{
position:relative;
padding-left:20px;
}
.plan::after{
display:block;
content:'';
position:absolute;
top:8px;
left:7px;
width:8px;
height:8px;
background-color:#222;
border-radius:100%;
}
@media screen and (max-width:780px){
h4#phi{margin-top:20px;}
.phi{padding:0 0 0 15px;}
dt{width:150px;}
}
@media screen and (max-width:480px){.phi{padding:0 0 10px 0;}}

#com li{
list-style-type:decimal;
list-style-position:inside;
margin:0 0 6px;
padding:7px 12px;
}
#com li:nth-child(even){background:#f5f9f4;}
#com li:nth-child(odd){background:#f7f7f7;}
.com{width:100%;}
.com li{
display:inline-block;
width:100%;
margin:0 0 6px;
padding:7px 12px;
}
.com li:nth-child(even){background:#f5f9f4;}
.com li:nth-child(odd){background:#f7f7f7;}
.com li.ten{
position:relative;
padding-left:27px;
}
.ten::after{
display:block;
content:'';
position:absolute;
top:17px;
left:14px;
width:5px;
height:5px;
background-color:#222;
border-radius:100%;
}
.mr{
align-items:center;
-webkit-align-items:center;
}
.soto{
width:170px;
background:#fff;
border:none;
}
.maru{
width:150px;
height:150px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.naka{
padding-top:50px;
text-align:center;
color:#fff;
}
.nasi{border:none;}
@media all and (-ms-high-contrast:none){
.soto{min-width:170px;}
}
@media screen and (max-width:480px){
.mr{display:inline-block;}
.soto{width:100%;margin:0;padding:0;}
.maru{
width:100%;
height:auto;
margin:0;
padding:10px 0;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
.naka{display:inline;}
.nasi{
margin:0 0 20px;
padding:15px 0;
}
}

ul.com a{
display:inline-block;
width:100%;
margin-bottom:-8px;
padding:0;
}
ul.com a:link,ul.com a:visited{color:#060606;}
ul.com a:hover,ul.com a:focus,ul.com a:active{color:#61a747;}
#pany{
display:flex;
display:-webkit-flex;
justify-content:space-between;
margin-top:30px;
}
#pany div{
width:33%;
max-width:210px;
}

#seko{
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-between;
align-content:flex-start;
-webkit-align-content:flex-start;
}
#seko::after{
content:"";
display:block;
width:32%;
max-width:210px;
}
#seko a{
display:block;
width:32%;
max-width:210px;
margin-bottom:15px;
border:solid 1px #eee;
line-height:0;
}
#seko img{
display:block;
vertical-align:bottom;
}
#seko h2{
width:100%;
margin:0;
padding:10px;
font-size:14px;
font-weight:normal;
line-height:20px;
}

table{width:100%;line-height:22px;}
thead tr{background:#f5f5f5;}
tr,th,td{border:solid 1px #ededed;}
th,td{padding:10px;}
.center{text-align:center;}
@media screen and (max-width:480px){
table{line-height:1.8;}
tr,th,td{display:block;padding:0;border:none;}
tr{width:100%;margin-bottom:15px;padding:10px;border:solid 1px #ededed;}
.center{text-align:left;}
}

h5{
margin-left:-10px;
padding:0 0 10px;
font-size:23px;
line-height:23px;
font-weight:bold;
}
.ms{padding-bottom:40px;}
#rkr{
float:right;
max-width:345px;
margin-top:-2px;
padding:0 0 0 15px;
}
#mynavi{
max-width:250px;
margin-top:20px;
}
.que{
align-items:center;
-webkit-align-items:center;
margin-bottom:10px;
}
.stion{margin-bottom:50px;}
.qq,.aq{
width:45px;
margin:0;
padding:0;
color:#339900;
font-size:30px;
background:#fff;
border:none;
}
.aq{color:#f2d500;}
.qa{
margin:0;
padding:0;
color:#339900;
font-size:17px;
line-height:23px;
font-weight:bold;
background:#fff;
border:none;
}
.aa{
padding:0;
border:none;
}
.rec{
display:inline-block;
margin-bottom:10px;
padding:7px 10px;
background:#ffe600;
}
#rec{
margin:0 0 20px 0;
}

aside{
width:230px;
}
aside ul{
display:flex;
display:-webkit-flex;
justify-content:start;
flex-direction:column;
align-items:flex-start;
padding:15px 15px 7px;
background:#f7f7f7;
}
@media all and (-ms-high-contrast:none){
aside ul{width:230px;}
}
aside li{
display:inline-block;
width:200px;
}
aside a{
position:relative;
display:inline-block;
width:100%;
height:auto;
padding:10px 0 10px 15px;
border:solid 1px #d1dbc8;
}
aside a:link,aside a:visited{color:#060606;}
aside a:hover,aside a:focus,aside a:active{
color:#fff;
background:#61a747;
border-color:#61a747;
}
aside a#now{
color:#fff;
background:#61a747;
border-color:#61a747;
}
aside a::after{
display:block;
content:'';
position:absolute;
z-index:2;
top:19px;
left:175px;
width:5px;
height:5px;
border-right:1px solid #54bf48;
border-bottom:1px solid #54bf48;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transition:all 0.3s ease;
-webkit-transition-delay:0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
aside a:hover::after{border-color:#fff;}
aside a#now::after{border-color:#fff;}

@media screen and (max-width:780px){
#main{flex-direction:column-reverse;}
h4{font-size:20px;margin-bottom:5px;}
#tbh{margin:0 0 5px;}
section{width:100%;margin-top:20px;padding-right:0;}
.modal img{max-width:none;}
aside{width:100%;}
aside ul{
width:100%;
padding:15px 10px 10px;
flex-direction:row;
justify-content:space-between;
line-height:19px;
text-align:center;
align-items:center;
-webkit-align-items:center;
}
aside li{width:auto;}
aside a{
width:auto;
height:100%;
padding:0 10px;
border:0;
}
aside a:hover,aside a:focus,aside a:active{color:#61a747;background:#f7f7f7;}
aside a#now{color:#61a747;background:#f7f7f7;}
aside a::after{display:none;}

ul.aside{
width:100%;
margin-top:0;
padding:0 0 5px;
display:flex;
display:-webkit-flex;
justify-content:space-between;
line-height:19px;
text-align:center;
align-items:center;
-webkit-align-items:center;
background:#f7f7f7;
}
.aside li{width:130px;font-size:12px;text-align:center;}
@media screen and (max-width:480px){
.aside li{width:95px;font-size:12px;}
}
.aside a{
width:auto;
height:100%;
padding:0 10px;
border:0;
}
.aside a:hover,.aside a:focus,.aside a:active{color:#61a747;background:#f7f7f7;}
.aside a#now{color:#61a747;background:#f7f7f7;}
}

aside li.eda{font-size:12px;}
aside a.side{
width:90%;
margin-left:10px;
padding:5px 0 5px 10px;
background:#e2e9f0;
border:solid 1px #e2e9f0;
}
aside a.side:link,aside a.side:visited{color:#060606;}
aside a.side:hover,aside a.side:focus,aside a.side:active{
color:#61a747;
border-color:#61a747;
}
aside a.side::after{
display:block;
content:'';
position:absolute;
z-index:2;
top:12px;
left:160px;
width:5px;
height:5px;
border-right:1px solid #54bf48;
border-bottom:1px solid #54bf48;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
aside a.side:hover::after{border-color:#61a747;}
aside a.side#now::after{border-color:#fff;}

@media screen and (max-width:480px){
.right{
float:none;
display:block;
max-width:260px;
margin:0 auto;
padding:0 0 15px;
}
#seko::after{
width:47%;
max-width:210px;
}
#seko a{width:47%;}
#seko img{margin:0;padding:0;}
}
@media screen and (max-width:520px){
#rkr{
float:none;
display:block;
margin:0 auto;
padding:0 0 20px;
}
}

#map{
display:flex;
display:-webkit-flex;
flex-direction:column;
-webkit-flex-direction:column;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
align-items:center;
-webkit-align-items:center;
height:650px;
margin:20px auto -10px;
}
#map div{
width:30%;
margin:0 auto 10px;
}
#map a{
display:inline-block;
width:100%;
padding:7px 0 7px 10px;
background:#f5f9f4;
}
#map li a{background:#fff;}
#map li{
position:relative;
padding-left:16px;
}
#map li::after{
display:block;
content:'';
position:absolute;
top:17px;
left:14px;
width:4px;
height:4px;
background-color:#222;
border-radius:100%;
}
#map a:link,#map a:visited{color:#060606;}
#map a:hover,#map a:focus,#map a:active{color:#61a747;}
@media screen and (max-width:780px){
#map{height:970px;margin:0 auto;padding:0;}
#map div{width:45%;}
#map div:nth-child(1){order:1;-webkit-order:1;}
#map div:nth-child(2){order:2;-webkit-order:2;}
#map div:nth-child(3){order:3;-webkit-order:3;}
#map div:nth-child(4){order:4;-webkit-order:4;}
#map div:nth-child(5){order:7;-webkit-order:7;}
#map div:nth-child(6){order:8;-webkit-order:8;}
#map div:nth-child(7){order:5;-webkit-order:5;}
#map div:nth-child(8){order:6;-webkit-order:6;}
}
@media screen and (max-width:480px){
#map{display:inline-block;width:100%;height:auto;margin-top:10px;}
#map div{width:220px;margin:0 auto;}
}
#pp{
margin:0 auto;
padding:0 15px;
}
#pp h3{
color:#060606;
font-size:16px;
line-height:22px;
margin:30px 0 7px;
}
#pp ul{margin:10px auto;}

@media screen and (max-width:480px){.max480{display:none !important;}}
@media screen and (min-width:481px){.min481{display:none !important;}}
@media screen and (max-width:520px){.max520{display:none !important;}}
@media screen and (max-width:700px){.max700{display:none !important;}}
@media screen and (max-width:780px){.max780{display:none !important;}}
@media screen and (min-width:781px){.min781{display:none !important;}}



/* Top変更 */
.top-con {
  width:100%;
  max-width:1100px;
  /*max-width: 1260px;*/
  margin:70px auto;
  /*padding-top: 10px;*/
  position: relative;
}
@media screen and (max-width:700px) {
  .top-con {
    min-height: 220px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}

.imgbox-right {
  float: right;
  max-width: 64%;
  height: auto;
  overflow: hidden;
  position: relative;
  min-height: 200px;
}

.imgbox-left {
  float: left;
  max-width: 64%;
  height: auto;
}


.notification {
  background-color: rgba(255,255,255,1);
  padding: 2rem 1rem 2.5rem;
  position: relative;
  margin-bottom: 1rem;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.textbox-left {
  position: absolute;
  top: 50px;
  left: 0%;
  width: 530px;
  max-width: 100%;
  z-index: 100;
}

.textbox-right {
  position: absolute;
  top: 50px;
  right: 0;
  width: 530px;
  max-width: 100%;
  z-index: 100;
}


@media screen and (max-width: 840px) {
  .textbox-left {
    position: relative;
    top: 15px;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .textbox-right {
    position: relative;
    top: 15px;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .notification {
    padding: 0;
  }
  .imgbox-right, .imgbox-left {
    float: left;
    width: 100%;
    max-width: 100%;
    display: block;
  }
  @media screen and (max-width:700px) {
    .imgbox-right,
    .imgbox-left {
      min-height: 200px;
      height: 200px;
    }
    .imgbox-right img,
    .imgbox-left img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      display: block;
    }
  }
}

.top_sec04 {
  display: flex;
  flex-flow: row-reverse;
  align-items: flex-end;
}
.mb160-80 {
  margin-bottom: 160px !important;
}
.top_sec04 .box_inner {
  width: 50%;
  padding: 100px 0px 10px 100px;
  z-index: 100;
  margin-bottom: -2px;
}
.back_white {
  background-color: #fff;
}
.pos_rel {
  position: relative;
}


.right {
  float: right;
}
.clearFix::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.clearFix {
  zoom: 100%;
}
.top_sec04 > figure {
  width: 70%;
  margin-right: -20%;
}

.text-61a747 {
  color: #61a747;
}
.bold {
  font-weight: bold;
}


a.more-btn {
  padding: 13px 0;
  width: 290px;
  color: #339900;
  display: flex;
  /*font-size: 0.65rem;*/
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: solid 1px #61a747;
  border-radius: 100px;
  background-color: #FFF;
  position: relative;
}

a.more-btn:hover {
  /*border: solid 1px #61a747;*/
  background-color: #61a747;
  color: #FFF;
  /*opacity: 0.7;*/
}

/*a.more-btn::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 8px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: skew(45deg);
          transform: skew(45deg);
  top: 50%;
  right: 0;
  margin-top: -3px;
}

a.more-btn.is-white {
  color: #fff;
  border: solid 1px #fff;
}

a.more-btn.is-white::after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}*/


a.more-btn {
  padding: 12px 0;
  width: 290px;
  color: #339900;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem auto 1rem;
  border: solid 1px #61a747;
  border-radius: 100px;
  background-color: #FFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

a.more-btn:hover {
  background-color: #61a747;
  color: #FFF;
}

@media screen and (max-width: 780px) {
  a.more-btn {
  padding: 4px 0;
  width: 240px;
  }
}

/* 矢印本体 */
.arrow {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 1px;
  margin-left: 8px;
  border-radius: 9999px;
  background-color: #339900;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transform: translateX(0);
}

/* 矢印の先端（微調整版） */
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 1px;
  border-radius: 9999px;
  background-color: #339900;
  transform-origin: right center;
  /* ここで0.3px上に補正 */
  transform: translateY(calc(-50% - 0.3px)) rotate(37deg);
  transition: background-color 0.3s ease;
}

/* 下側線 */
.arrow::after {
  transform: translateY(calc(-50% - 0.3px)) rotate(-37deg);
}

/* ▼ ホバー時：スライド＋白く変化 */
a.more-btn:hover .arrow {
  transform: translateX(7px);
  background-color: #fff;
}

a.more-btn:hover .arrow::before,
a.more-btn:hover .arrow::after {
  background-color: #fff;
}

.en-ttl {
  font-size: 100px;
  /*padding-left: 20px;*/
  opacity: 0.6;
  /*color:#339900;*/
  background: linear-gradient(to right, #339900 20%, #1C305E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.01em;
  font-weight: 600;
  top: -0.1em;
  position: absolute;
  /*font-family: 'Oswald', sans-serif;*/
  font-family: 'Poppins', sans-serif;
}

@media screen and (max-width: 780px) {
  .pl-15 {
    padding-left: 15px;}

  .en-ttl {
    font-size: 46px;
    padding-left: 10%;
    padding-bottom: 0;
    margin-top: -10px;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
}