@charset "UTF-8";


article {padding: 230px 0 0;}
@media screen and (max-width: 767px) {
article {padding: 60px 0 0;}
}


.entry {background: #ddf9f1;padding: 0 0 100px;}
.entry_title {background: #ddf9f1;padding: 25px 0;color: #1bd89e;}
.entry p.sub_title {font-size: 18px;line-height: 28px;text-align: left; color: #404040;padding: 10px 20px;width: auto;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 0 0 20px;}
.entry dl {width: 1160px;margin: 0 auto ;}
.entry dl dt {background: #1bd89e;font-size: 28px;line-height: 36px;text-align: left; color: #fff;padding: 27px 30px 27px;}
.entry dl dt img {width: 100%;}
.entry dl dd {font-size: 14px;line-height: 1.6;background: #ffffff;padding: 100px;text-align: left;}

.entry dl dd ul {padding: 7px 0 0;}
.entry dl dd ul li {width: 100%;line-height: 30px;margin: 0 0 5px;}
.entry dl dd ul li:last-child {margin: 0;}


.entry dl dd ul.wide4{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

}
.entry dl dd ul.wide4 li {width: 25%;margin: 0;}



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

.entry {background: #ddf9f1;padding: 0 0 100px;}
.entry_title {background: #ddf9f1;padding: 25px 0;color: #1bd89e;}
.entry p.sub_title {font-size: 18px;line-height: 28px;text-align: left; color: #404040;padding: 10px 20px;width: auto;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 0 0 20px;}
.entry dl {width:90%;margin: 0 auto ;}
.entry dl dt {background: #1bd89e;font-size: 28px;line-height: 36px;text-align: left; color: #fff;padding: 27px 30px 27px;}
.entry dl dd {background: #ffffff;padding: 10%;text-align: left;}

}
@media screen and (max-width: 767px) {
.entry {background: #ddf9f1;padding: 0 0 5%;}
.entry_title {background: #ddf9f1;padding: 25px 0;color: #1bd89e;}
.entry p.sub_title {font-size: 14px;line-height: 24px;text-align: left; color: #404040;padding: 5px 10px;width: auto;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 0 0 5%;}
.entry dl {width: 90%;margin: 0 auto;}
.entry dl dt {background: #1bd89e;font-size: 16px;line-height: 26px;text-align: left; color: #fff;padding: 2% 5%;}
.entry dl dd {font-size: 3vw;line-height: 1.6;background: #ffffff;padding: 5%;text-align: left;}

.entry dl dd ul {}
.entry dl dd ul li {margin: 0 0 2%;}

}







.entry_btn{
width: 100%;
height: 80px;
position: relative;
overflow: hidden;
text-decoration: none;
display: inline-block;
border: 1px solid #1bd89e;
border-bottom: 5px solid #1bd89e;
padding:0;
text-align: center;
outline: none;  
transition: ease .2s;
}
.entry_btn p {
font-size: 24px;
line-height: 1.6;
font-weight: 700;
width: 100%;
z-index: 3;
color:#1bd89e;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.entry_btn:hover p{color:#fff;}
.entry_btn p span {font-size: 14px;display: block;}
.bgbottom:before {
content: '';
position: absolute;
bottom:0;
left: 0;
z-index: 2;
background:#1bd89e;
width: 100%;
height: 0;
transition:.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.bgbottom:hover:before{
height: 100%;  
background-color: #1bd89e;
}

@media screen and (max-width: 767px) {
.entry_btn{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
text-decoration: none;
display: inline-block;
border: 1px solid #1bd89e;
border-bottom: 5px solid #1bd89e;
padding: 5% 0;
text-align: center;
outline: none;  
transition: ease .2s;
}
.entry_btn p {
font-size: 24px;
line-height: 1.6;
font-weight: 700;
width: 100%;
z-index: 3;
color:#1bd89e;
position: inherit;
top: inherit;
left: inherit;
transform: inherit;
-webkit- transform: inherit;
}
.entry_btn:hover p{color:#fff;}
.entry_btn p span {font-size: 14px;display: block;}
.bgbottom:before {
content: '';
position: absolute;
bottom:0;
left: 0;
z-index: 2;
background:#1bd89e;
width: 100%;
height: 0;
transition:.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.bgbottom:hover:before{
height: 100%;  
background-color: #1bd89e;
}

}






.submit {text-align: center;}