@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1024px) {
    .flex {
        max-width: none;
    }

    .flexc {
        max-width: none;
    }

    .flexs {
        max-width: none;
    }

    .flexb {
        max-width: none;
    }
}

#wrapper {
    min-width: 320px;
}

#header {
    width: 100%;
    height: auto;
    border-bottom: 5px solid #61b261;
    position: relative;
}

#header h1 {
    font-size: 13px;
    letter-spacing: -0.5px;
    padding: 0 0 12px 0;
}

#header .left {
    float: left;
    width: 32%;
}

#header .logo {
    padding: 0 0 20px 0;
}

#header .right {
    width: 630px;
    float: right;
}

#header .inner {
    padding: 10px 0 0 0;
    position: relative;
    z-index: 5;
}

#header .right .l {
    border-right: 1px solid #aaaaaa;
    padding: 0 12px 0 0;
    margin-right: 12px;
}

#header .right .l li strong img {
    vertical-align: middle;
    margin-right: 0.25em;
}

#header .right .l li strong {
    display: inline-block !important;
    padding-right: 0.5em;
    font-size: 13px;

}

#header .right .l li {
    padding: 0 0 4px 0;
    font-size: 14px;
}

#header .right .r {
    width: 355px;
}

#header .right .r p a {
    display: block;
    background: #61b261;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    padding: 13px 0 0 0;
    width: 80px;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 130%;
    border-radius: 5px;
}

#header .right .r p a img {
    display: block;
    margin: 0 auto 5px auto;
}

#header .right .r dd+dd {
    line-height: 120%;
    font-size: 14px;
}

#header .right .r dt .g {
    color: #61b261;
}

#header .right .r dt {
    font-weight: bold;
    line-height: 130%;
    font-size: 14px;

}

#header .right .r dt+dd {
    font-family: "GenJyuuGothic-P-Medium";
    font-size: 36px;
    line-height: 110%;
    letter-spacing: -0.5px;
}

#header .right .r dt+dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

#header .leaf1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 20%;
}

#header .leaf2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    max-width: 20%;
}

@media only screen and (max-width: 1024px) {
    #header .left {
        float: none;
        width: auto;

    }

    #header .left h1 {
        padding: 0 50px 10px 0;
    }

    #header .right {
        float: none;
        width: auto;
    }

    #header .right .l {
        border: none;
        width: 100%;
        padding: 0 0 10px 0;
    }

    #header .right .l li {
        padding-bottom: 0;
        text-align: center;
    }

    #header .right .r {
        padding: 0 0 20px 0;
    }

    #header .logo {
        text-align: center;
    }

    #wrapper {
        overflow: hidden;
    }
}

@media only screen and (max-width: 599px) {
    #header .left {
        margin-top: 20px
    }

    #header .left h1 {
        padding: 0 0 10px 0;
    }

    #header .right .r {
        max-width: 280px;
    }

    #header .right .r p {
        width: 100%;
        padding-top: 10px;
    }

    #header .right .r p a {
        width: 100%;
    }
}

#footer {
    background: #61b261;
    padding: 55px 0 0 0;
}

.footinfo .left {
    width: 27%;
}

.footinfo .map {
    width: 69%;
}

.footinfo .left h3 {
    margin-bottom: 8px;
}

.footinfo .left h3+p {
    color: #fff;

    padding: 0 0 5px 0;
}

.footinfo .left li {
    color: #fff;
    font-weight: bold;
    padding: 0 0.5em 5px 0;
    font-size: 14px;
}

.footinfo .left li img {
    vertical-align: middle;
    margin-right: 0.25em;
}

.footinfo .left .table {
    padding: 10px 0 0 0;
}

.footinfo .left .table table {
    border-collapse: collapse;
    border: 1px solid #fff;
    width: 100%;
    font-size: 12px;
}

.footinfo .left .table table tbody {
    background: #fff;
}

.footinfo .left .table table tbody th {
    text-align: right;
    width: 90px;
    color: #61b261;
    font-size: 14px;
}

.footinfo .left .table table tbody td {
    width: 32px;
    font-weight: bold;
    color: #61b261;
    text-align: center;

}

.footinfo .left .table table tbody td.off {
    font-size: 12px;
    line-height: 120%;
}

.footinfo .left .table table thead td {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;

}

.footinfo .left .table table thead th {
    text-align: left;
    color: #fff;
    padding-left: 5px;
}

.footinfo .left .table li {

    font-weight: normal;
    padding: 0 0 0 0;
}

.footinfo .left .table ul {
    padding: 10px 0 20px 0;
}

.footinfo .left dt {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.footinfo .left dt+dd {
    font-size: 36px;
    font-family: "GenJyuuGothic-P-Medium";
    line-height: 110%;
    padding: 0 0 10px 0;
}

.footinfo .left dt+dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

.footinfo .left dt+dd a {
    color: #fff;
}

.footinfo .left dd+dd a {
    display: block;
    background: #fff;
    text-align: center;
    color: #61b261;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
}

.footinfo .left dd+dd a img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.footinfo {
    margin-bottom: 30px;
}

.footnav {
    background: #fff;
    padding: 20px 2.5% 5px 2.5%;
    margin-bottom: 32px;
}

.footnav li:before {
    content: "｜";
    display: inline-block !important;
    margin: 0 0.25em;
}

.footnav li:first-child:before {
    display: none !important;
}

.footnav li {

    padding: 0 0 15px 0;
}

#footer .copy {
    text-align: center;
    color: #fff;

    padding: 0 0 35px 0;
}
.footfix{
  display: none;
}
.footfix[data-element-id]{
  display: block;
}

@media only screen and (max-width: 1024px) {
    .footinfo .left {
        width: 270px;
    }

    .footinfo .map {
        width: calc(100% - 300px);
    }

}

@media only screen and (max-width: 599px) {
    .footinfo .left {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .footinfo .left ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footinfo .left ul li {
        text-align: center;
    }

    .footinfo .left p {
        text-align: center;
    }

    .footinfo .left .table .timetable {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }

    .footinfo .left dt,.footinfo .left dd {
        text-align: center;
    }

    .footinfo .map {
        width: 100%;
        padding-bottom: 40%;
    }

    #footer .copy,
    .footinfo .left .table li {
        font-size: 14px;
    }
    #footer .copy{
        margin-bottom: 50px
    }
    .footfix{
      display: block;
      background: #fff;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100% !important;
      padding: 10px;
      box-sizing: border-box;
      z-index: 999;
    }
    .footfix .conttel{
      float: left;
      width: 60%;
    }
    .footfix dt{
      font-size: 10px;
      padding-bottom: 5px;
    }
    .footfix .conttel dd{
      font-size: 22px;
    }
    .footfix .conttel dd img{
      padding-right: 10px;
      vertical-align: middle;
    }
    .footfix .contmail{
      float: right;
      width: 40%;
      text-align: center;
      background: #61b261;
      padding: 5px 0;
      height: 43px;
      border-radius: 4px;
    }
    .footfix .contmail dt{
      color: #fff;
      text-align: center;
    }
    .footfix .contmail dd{
      text-align: center;
    }
}

.subtit {
    position: relative;
    border-bottom: 5px solid #61b261;
    margin-bottom: 160px;
}

.subtit .tit {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 580px;
    width: 95%;
    z-index: 1;
    background: rgba(97, 178, 97, 0.7);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 70px 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.subtit .tit h2 {
    color: #fff;
    font-weight: normal;
    font-size: 45px;
    font-family: "GenJyuuGothic-P-Medium";
}

.subtit .tit h2:after {
    width: 90%;
    max-width: 270px;
    height: 5px;
    background: #fff;
    content: "";
    display: block;
    margin: 0 auto;
}

#main {
    background: url(/import/tenant_1/160.16.134.102/html/images/mainbk.gif) 0 0 repeat;
    padding-bottom: 100px;
}

#main .inwrap {}

#gnav .st {
    /* position: -webkit-sticky;
    position: sticky; */
    top: 10px;
    width: 200px;
}

.flexb.rpic {

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

}

#right {

    width: 760px;
}

#gnav .menu1 {
    border: 1px solid #61b261;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}

#gnav .st >.menu1:first-child,
#gnav .st .sidepost >.menu1:first-child
{
    margin-top: 0;
}

#gnav .menu1 dt {
    background: #61b261;
    color: #fff;
    font-family: "GenJyuuGothic-P-Medium";
    font-size: 24px;
    padding: 8px 15px;
}

#gnav .menu1 dt a {
    color: #fff;
}

#gnav .menu1 dd {
    margin: 0 4px;
}

#gnav .menu1 dd+dd {
    border-top: 1px dashed #099143;

}

#gnav .menu1 dd a {
    display: block;
    background: url(/import/tenant_1/160.16.134.102/html/images/sidemk.gif) 10px center no-repeat;
    padding: 14px 0 14px 40px;

}

#gnav .menu2 {
    background: #61b261;
    padding: 10px 0 0 0;
}

#gnav .menu2 dt {
    text-align: center;
    font-family: "GenJyuuGothic-P-Medium";
    color: #fff;
    font-size: 32px;
}
#gnav .menu2 dt a{
  color: #fff;
  pointer-events:none;
}

#gnav .menu2 dt+dd {
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    font-size: 14px;
}

#gnav .menu2 dd+dd a {
    color: #fff;
    font-family: "GenJyuuGothic-P-Medium";
    font-size: 25px;
    letter-spacing: -0.5px;
}

#gnav .menu2 dd+dd {
    text-align: center;
    padding: 10px 0 15px 0;
}

#gnav .menu2 dd+dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

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

    /* ハンバーガー */
    #gnav {
        position: fixed;
        top: 0;
        right: 0;
        width: 220px;
        height: 100vh;
        background: none;
        -webkit-transform: translateX(220px);
        transform: translateX(220px);
        padding: 0;
        padding-bottom: 0px;
        z-index: 999;
        border: none;
        padding-bottom: 0;
        background: #fff;
        -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        height: 100vh;

    }

    #gnav.action {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    #gnav .toggle {
        display: block;
        position: absolute;
        width: 38px;
        height: 38px;
        top: 0px;
        left: -44px;
        cursor: pointer;
        margin: 2px;
        z-index: 1;
    }

    #gnav .toggle .bar {
        display: block;
        background: #333;
        height: 2px;
        width: 26px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }

    #gnav .toggle .bar:before {
        display: block;
        content: "";
        background: #333;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }

    #gnav .toggle .bar:after {
        display: block;
        content: "";
        background: #333;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
    }

    #gnav.action p {
        right: 0;
        left: auto;
    }

    #gnav.action .toggle .bar {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .10s;
        transition: ease .10s;
    }

    #gnav.action .toggle .bar:after,
    #gnav.action .toggle .bar:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }

    #gnav .st {
        width: auto;
        position: static;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    #gnav .in {
        height: 100%;
        overflow-y: auto;
        padding-top: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #gnav .menu1 {
        border: none;
        border-radius: 0;
    }

    #gnav .menu1 dd a {
        display: inline-block !important;
        padding: 0 10px 0 25px;
        border-bottom: 2px solid #fff;
    }

    #gnav .menu1 dd a:hover {
        opacity: 1;
        border-bottom: 2px solid #333;
        transition-duration: .4s;
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s
    }

    #gnav .menu1 dd {
        border: none !important;
        padding: 10px 0;
    }

    .overlay:after {

        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 100;

    }

    #right {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }

    #main .inwrap {
        display: block !important;
    }

    .subtit .tit {
        padding: 4% 2.5%;
    }

    .subtit .tit h2 {
        font-size: 24px;
    }

    .subtit .tit h2:after {
        height: 2px;
    }

    .subtit {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 599px) {
    .subtit .img {
        width: 100%;
    }
    .subtit .tit h2 {
        font-size: 23px;
    }
    #gnav .menu2 dt a{
      pointer-events: auto;
    }
}

.h3s {
    text-align: center;
    font-size: 30px;
    font-family: "GenJyuuGothic-P-Medium";
    color: #61b261;
    border-bottom: 1px solid #61b261;
    padding: 0 0 10px 0;
    margin-bottom: 40px;
    font-weight: normal;
}

/*treatment*/
.treatment1 {
    padding-bottom: 50px;
}

.treatment1 .wrap {
    position: relative;
    overflow: hidden;
}

.treatment-policy {
    background-image: url(/import/tenant_1/160.16.134.102/html/images/treatment/treatment_01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.treatment1 .wrap .bk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.treatment1 .wrap .bk img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 0.6;
    max-width: none !important;
}

.treatment1 .in {
    position: relative;
    z-index: 1;
    padding: 40px 3.94% 0 3.94%;
}

.treatment1 .in p {
    font-size: 18px;
    color: #61b261;
    font-weight: 500;
    line-height: 180%;
    padding: 0 0 25px 0;
}

.treatment1 .in ul {
    text-align: right;
    letter-spacing: -5px;
}

.treatment1 .in li {
    display: inline-block !important;
    padding: 0 0 20px 0;
    vertical-align: top;
    letter-spacing: 0;
    width: 114px;
    max-width: 50%;
}

.treatment1 .in li .trimmingInner {
    border-radius: 50%;
}

.treatment1 .in li:first-child {
    width: 144px;
    margin-top: 20px;
}

.treatment2 .txt {
    max-width: 610px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

.treatment2 .txt p {
    padding: 0 0 20px 0;
}

.treatment2 .list .box {
    background: #61b261;
    margin-bottom: 30px;
}

.treatment2 .list .box .img {
    width: 42.5%;
}

.treatment2 .list .box .tbox {
    width: 53.02%;
    margin-right: 2.5%;
    padding: 20px 0 0 0;
}

.treatment2 .list .box .tbox h4 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 1px dotted #fff;
    padding-bottom: 10px;
    margin: 0 2.5% 15px 2.5%;
}

.treatment2 .list .box .tbox p {
    padding: 0 0 20px 0;
    color: #fff;
}

.treatment2 {
    padding-bottom: 50px;
}

.treatment3 .img {
    width: 42.5%;
}

.treatment3 .tbox {
    width: 53%;
}

.treatment3 p {
    padding: 0 0 20px 0;
}

.treatment3 .flexb {
    padding: 0 0 5px 0;
}

.treatment3 .flexb:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.treatment3 {
    padding-bottom: 25px;
}

.treatment4 h4 {
    font-size: 20px;
    color: #61b261;
    margin-bottom: 20px;
}

.treatment4 h4 .n {
    color: #fff;
    font-size: 25px;
    background: #61b261;
    width: 34px;
    line-height: 34px;
    display: inline-block !important;
    text-align: center;
    border-radius: 50%;
    margin-right: 16px;
}

.treatment4 .flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-bottom: 20px;
}

.treatment4 .img {
    width: 32.23%;
}

.treatment4 .tbox {
    width: 63.81%;
}

.treatment4 p {
    padding: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
    .h3s {
        font-size: 20px;
    }

    .treatment4 h4 {
        font-size: 18px;
    }

    .treatment4 h4 .n {
        font-size: 20px;
        width: 28px;
        line-height: 28px;
        margin-right: 5px;
    }

    .treatment1 .in p {
        font-size: 16px;
    }

    .treatment2 .list .box .tbox h4 {
        font-size: 18px;
    }
    .treatment2 .list .box .img .trimmingInner{
      padding-top: 121% !important;
    }
}

@media only screen and (max-width: 599px) {
    .treatment2 .list .box .img {
        width: 100%;
    }

    .treatment2 .list .box .img img {
        width: 100%;
    }

    .treatment2 .list .box .tbox {
        width: 95%;
        margin-left: 2.5%;
    }

    .treatment3 .img {
        width: 80%;
        margin: 0 auto;
    }

    .treatment3 .tbox {
        width: 100%;
    }

    .treatment4 .img {
        width: 80%;
        margin: 0 auto;
    }

    .treatment4 .tbox {
        width: 100%;
    }

    .treatment1 .in p {
        font-size: 14px;
    }
    .treatment2 .list .box .img .trimmingInner{
      padding-top: 73% !important;
    }
}

/*flow*/

.flow1 .box {
    border: 2px solid #61b261;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 100px;
    padding: 20px 2.63% 5px 2.63%;
    position: relative;
}

.flow1 .box h4 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #61b261;
}

.flow1 .box h4 .n {
    color: #fff;
    background: #61b261;
    width: 34px;
    line-height: 34px;
    display: inline-block !important;
    text-align: center;
    border-radius: 50%;
    margin-right: 8px;
}

.flow1 .box .img {
    width: 34.21%;
}

.flow1 .box .tbox {
    width: 62.84%;
}

.flow1 .box p {
    padding: 0 0 20px 0;
}

.flow1 .box+.box:before {
    content: url(/import/tenant_1/160.16.134.102/html/images/flow/icon_01.png);
    top: -62px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.flow1 .box:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .flow1 .box h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 599px) {
    .flow1 .box .img {
        width: 80%;
        margin: 0 auto;
    }

    .flow1 .box .tbox {
        width: 100%;
    }
}

/*greeting*/

.greet1 .img {
    width: 36.84%;
    padding: 0 0 20px 0;
}

.greet1 .tbox {
    width: 59.86%;
}

.greet1 dt {
    float: left;
    font-weight: 600;
}

.greet1 dd {
    padding: 0 0 0 115px;
}

.greet1 dd dd {
    padding: 0 0 0 110px;
}

.greet1 dd dt {
    font-weight: normal;
}

.greet1 dd dl {
    padding-bottom: 0;

}

.greet1 dd dl:first-child {
    float: left;
}

.greet1 dd dl:nth-child(2) {
    clear: both;
}

.greet1 dl {
    padding-bottom: 20px;
}

.greet1 {
    padding-bottom: 30px;
}

.greet2 .wrap {
    position: relative;
    overflow: hidden;
}

.greet2 .wrap .bk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.greet2 .wrap .bk img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: none !important;
    opacity: 0.6;
}

.greet2 .wrap .txt {
    position: relative;
    z-index: 1;
    padding: 45px 4.47% 25px 4.47%;
}

.greet2 .wrap .txt p {
    padding: 0 0 20px 0;
    color: #61b261;
    line-height: 210%;
}

.greet2 {
    padding-bottom: 45px;
}

.greet3 .tbox {
    width: 47.36%;
}

.greet3 .img {
    width: 47.36%;
}

.greet3 p {
    padding: 0 0 20px 0;
}

.greet3 .flexb {
    padding-bottom: 20px;
}

.greet3 .flexb:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 1024px) {
    .greet1 .img {
        width: auto;
        max-width: 80%;
        margin: 0 auto;
    }

    .greet1 .tbox {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .greet3 .img {
        width: 80%;
        margin: 0 auto;
    }

    .greet3 .img img {
        width: 100%;
    }

    .greet3 .tbox {
        width: 100%;
    }

    .greet1 dt {
        float: none;
    }

    .greet1 dd {
        padding-left: 0;
    }

    .greet1 dd dt {
        float: left;
    }

    .greet1 dd dd {
        padding-left: 80px;
    }
}

/*menu*/

.menu1 .tbox {
    width: 47.36%;
}

.menu1 .img {
    width: 47.36%;
}

.menu1 h4 {
    font-size: 24px;
    color: #61b261;
    font-weight: normal;
    font-family: "GenJyuuGothic-P-Medium";
    padding-bottom: 20px;
    margin-bottom: 0;
}

.menu1 p {
    padding: 0 0 20px 0;
}

.menu1 .tbox dt {
    float: left;
}

.menu1 .tbox dd {
    padding: 0 0 0 50px;
}


.menu1 .flexb {
    padding-bottom: 80px;
}

.menu1 .tbox li {
    padding-left: 1em;
    text-indent: -1em;
}

@media only screen and (max-width: 1024px) {
    .menu1 h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 599px) {
    .menu1 .img {
        width: 80%;
        margin: 0 auto;
    }

    .menu1 .tbox {
        width: 100%;
    }
}

/*about*/
.about1 .slidewrap .img {
    position: relative;
    margin-bottom: 25px;
}

.about1 .slidewrap .img .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 8px 12px;
}

.about1 .slidewrap .slidenav li {
    width: 22.63%;
    padding: 0 0 20px 0;
}

.about1 .slidewrap .slidenav li a {
    opacity: 1;
}

.about1 .slidewrap .slidenav li img {
    -webkit-transform: scale(1);
    z-index: 10;
}

.about1 .slidewrap .slidenav li img:hover {
    -webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(1.5);
    z-index: 20;
}


/* スライドナビ */

.uk-slidenav{
      background: rgba(0,0,0,0.4);
}
.uk-slideshow li .uk-flex{
  position: relative;
  overflow: hidden;
}
.uk-slideshow li .uk-flex:before{
      display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 50%;
    content: "";
}
.uk-slideshow li .uk-flex img{
      transform: translateX(-50%);
    height: 105% !important;
    max-width: none !important;
    width: auto !important;
    position: absolute;
    top: 0px;
    left: 50%;
}
.uk-slider li .uk-flex{
  position: relative;
  overflow: hidden;
}
.uk-slider li .uk-flex:hover{
  cursor: pointer;
  opacity: 0.8;
}
.uk-slider li .uk-flex:before{
      display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 50%;
    content: "";
}
.uk-slider li .uk-flex img{
      -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 105% !important;
    max-width: none !important;
    width: auto !important;
    position: absolute;
    top: 0px;
    left: 50%;
}
.uk-slidenav-position .uk-slidenav{
  display: block !important;
}
@media only screen and (max-width:768px) {
  .uk-slider{
    position: static;
    min-width: auto !important;
    width: 100%;
    min-height: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 0;/* 
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; */
  }
  /* .uk-slider-container{
    overflow: visible;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
  } */
  .uk-grid>*{
        float: none;
    position: static !important;
    width: 24% !important;
    padding: 0;
    margin: 0.5%;
  }
  .uk-slider li{
    position: relative;
  }
  .uk-margin-top{
        margin-top: 5px !important;
  }
  .uk-slidenav{
        width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 45% !important;
  }
  .uk-slidenav-position .uk-slidenav{
    display: none !important;
  }
  .uk-overlay-panel{
    padding: 10px;
  }
}

.about1 {
    padding-bottom: 40px;
}

.about2 dl {
    width: 30%;
    margin: 0 5% 65px 0;
}

.about2 dl:nth-child(3n) {
    margin-right: 0;
}

.about2 dt {
    text-align: center;
    font-family: "GenJyuuGothic-P-Medium";
    color: #61b261;
    font-size: 24px;
    line-height: 140%;
    padding: 15px 0 15px 0;
}

.about2 .img .trimmingInner {
    border-radius: 50%;
}

@media only screen and (max-width: 1024px) {
    .about2 dt {
        font-size: 18px;
    }
}

@media only screen and (max-width: 599px) {
    .about2 dl {
        width: 46%;
        margin-left: 2%;
        margin-right: 2% !important;
    }
}

/*faq*/
.qawrap .box {
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 40px;
}

.qawrap .box h3 {
    background: #61b261;
    font-size: 24px;
    font-family: "GenJyuuGothic-P-Medium";
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
    padding: 5px 43px 5px 53px;
    position: relative;
}
.qawrap .box h3:hover {
    cursor: pointer;
}

.qawrap .box h3:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.qawrap .box h3.action:after {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}

.qawrap .box h3 .q {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    display: inline-block !important;
    padding-right: 5px;
    position: absolute;
    top: 22px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.qawrap .box h3 .q:hover {
    cursor: pointer;
}

.qawrap .box .a {
    max-width: 640px;
    width: 95%;
    margin: 0 auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qawrap .box .a p {
    padding: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
    .qawrap .box h3 {
        font-size: 18px;
    }

    .qawrap .box h3 .q {
        font-size: 26px;
    }
}

/*contact*/


.contact1 .txt p {
    padding: 0 0 20px 0;
    text-align: center;
    line-height: 210%;
}

.contact1 .txt {
    padding-bottom: 30px;
}

.contact1 dt {
    width: 26.05%;
    padding: 3px 0;
}

.contact1 dd {
    width: 71.05%;
}

.contact1 dt strong {
    display: inline-block !important;
    float: right;
    color: #fff;
    background: #e23a3a;
    font-weight: 500;
    padding: 0 6px;
}

.contact1 dd .size1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    border: 2px solid #d2cfcf;
    width: 100%;

}

.contact1 dl {
    padding-bottom: 25px;
}

.contact1 textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    border: 2px solid #d2cfcf;
    height: 250px;
}

.contact1 .table {
    padding-bottom: 30px;
}

.contact1 .formbtn button {
    background: #61b261;
    width: 50%;
    max-width: 220px;
    border: none;
    font-weight: bold;
    color: #fff;
    padding: 15px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 2%;
}

.contact1 .formbtn button img {
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -5px;
}

.formbtn {
    text-align: center;
}

.formbtn #send:after {
    font-family: "FontAwesome";
    font-size: 1.5rem;
    content: '\f105';
    font-weight: 900;
    padding-left: 0.5rem;
    vertical-align: inherit;
}

.formbtn #back:before {
    font-family: "FontAwesome";
    font-size: 1.5rem;
    content: '\f104';
    font-weight: 900;
    padding-right: 0.5rem;
    vertical-align: inherit;
}

@media only screen and (max-width: 599px) {
    .contact1 dt {
        width: 100%;
    }

    .contact1 dt strong {
        float: none;
    }

    .contact1 dt label {
        padding-right: 1em;
    }

    .contact1 dd {
        width: 100%;
    }

    .contact1 .formbtn button {
        display: block;
        margin: 2% auto;
    }
}

/*access*/

.access1 .table {
    background: #fff;
    padding: 0 14px 0 14px;
    margin-bottom: 50px;
}

.access1 dt {
    padding: 0 0 0 0;
    float: left;
}

.access1 dd {
    padding: 0 0 0 140px;
}

.access1 dl {
    padding: 12px 1em;
}

.access1 dl+dl {
    border-top: 1px dashed #009143;
}

.access1 .map {
    padding-bottom: 50px;
}

.access1 {
    padding-bottom: 30px;
}

.access .about1 {
    padding-bottom: 0;
}

@media only screen and (max-width: 599px) {
    .access1 dt {
        float: none;
        font-weight: bold;
    }

    .access1 dd {
        padding-left: 0;
    }
}

/*nature*/
.nature1 .tit dt {
    text-align: center;
    display: inline-block !important;
    background: #fff;
    min-width: 64.47%;
    border: 3px solid #61b261;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    color: #61b261;
    font-family: "GenJyuuGothic-P-Medium";
    margin-top: 40px;
    padding: 15px 2.5%;
    border-radius: 20px;
    position: relative;
}

.nature1 .tit {
    text-align: center;
    padding-bottom: 35px;

}

.nature1 .tit dt:before {
    content: url(/import/tenant_1/160.16.134.102/html/images/hukidashi.png);
    top: -31px;
    left: 60%;
    position: absolute;
}

.nature1 .txt p {
    padding: 0 0 20px 0;
}

.nature1 .txt {
    padding: 0 0 40px 0;
}

.nature1 .rep .img {
    width: 47.36%;
}

.nature1 .rep .tbox {
    width: 47.36%;
}

.nature1 .rep .tbox h4 {
    font-size: 20px;
    color: #61b261;
    padding: 0 0 15px 0;
    margin-bottom: 0;
}

.nature1 .rep p {
    padding: 0 0 20px 0;
}

.nature1 .rep .flexb {
    padding-bottom: 20px;
}

.nature1 .rep .flexb:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.nature1 .rep {
    padding-bottom: 10px;
}

.nature2 .list ul {
    width: 59.21%;
    padding: 0 0 20px 0;
}

.nature2 .list .img {
    width: 35.78%;
    padding: 0 0 20px 0;
}

.nature2 .list .img .trimmingInner {
    border-radius: 50%;
}

.nature2 .list li {
    font-family: "GenJyuuGothic-P-Medium";
    color: #61b261;
    font-size: 18px;
    background: url(/import/tenant_1/160.16.134.102/html/images/maru_check.png) 0 center no-repeat;
    padding: 13px 0 13px 37px;
    border-bottom: 1px dashed #009143;
}

.nature2 .list {
    padding: 0 0 30px 0;
}

.nature3 p {
    padding: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
    .nature1 .tit dt {
        font-size: 18px;
    }

    .nature1 .rep .tbox h4 {
        font-size: 18px;
    }

    .nature2 .list li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .nature1 .tit dt {
        font-size: 16px;
    }

    .nature1 .rep .img,
    .nature2 .list .img {
        width: 80%;
        margin: 0 auto;
    }

    .nature1 .rep .tbox,
    .nature2 .list ul {
        width: 100%;
    }
}

.nature1 .txt2 p {
    padding: 0 0 20px 0;
}

.nature1 .txt2 h4 {
    color: #61b261;
    font-size: 20px;
    margin-bottom: 20px;
}

.nature1 .txt2 {
    padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .nature1 .txt2 h4 {
        font-size: 18px;
    }

}

.face .nature1 .txt,
.pelvis .nature1 .txt {
    padding-bottom: 20px;
}

.nature2 .txt p {
    padding: 0 0 20px 0;
}

.nature2 .txt {
    padding-bottom: 10px;
}

.nature2 .txt h4 {
    font-size: 20px;
    font-family: "GenJyuuGothic-P-Medium";
    color: #61b261;
    margin-bottom: 15px;
    font-weight: normal;
}

.nature2 .txt2 p {
    padding: 0 0 20px 0;
}

.nature2 .txt2 h4 {
    padding: 0 0 20px 0;
    font-size: 20px;
    color: #61b261;
    margin-bottom: 0;
}

.nature2 .txt2 {
    padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .nature2 .txt h4 {
        font-size: 18px;
    }
}

/*news*/
#gnav .sidepost {
    margin-bottom: 20px;
}

#gnav .sidepost .menu1 {
    border-color: #b77b50;
}

#gnav .sidepost .menu1 dt {
    background: #b77b50;
    position: relative;
    padding-left: 30px;
}

#gnav .sidepost .menu1 dt:hover {
    cursor: pointer;
}

/* #gnav .sidepost .menu1 dt:after {
    content: "\f107";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
} */

#gnav .sidepost .menu1 dt.action:after {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}

#gnav .sidepost .menu1 dd ul li {
    border-bottom: 1px dashed #b77b50;
}

#gnav .sidepost .menu1 dd ul li:last-of-type {
    border-bottom: none;
}

#gnav .sidepost .menu1 dd a {
    background-image: url(/import/tenant_1/160.16.134.102/html/images/news/side_mk1.gif);
}

#postnav {
    display: none;
}

#postnav[data-element-id] {
    display: block;
}

@media only screen and (max-width: 1024px) {
    #gnav .sidepost {
        display: none;
    }

    #gnav .sidepost+.menu1 {
        margin-top: 0;
    }

    #postnav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    #postnav dl {
        width: 48%;
        margin: 20px auto 0 auto;
        border: 1px solid #b77b50;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
        background: #fff;
    }

    #postnav dt {
        background: #b77b50;
        color: #fff;
        font-family: "GenJyuuGothic-P-Medium";
        font-size: 24px;
        padding: 8px 15px;
    }

    #postnav dd {
        margin: 0 4px;
    }

    #postnav dd a {
        display: block;
        background: url(/import/tenant_1/160.16.134.102/html/images/news/side_mk1.gif) 10px center no-repeat;
        padding: 14px 0 14px 40px;
    }

    #postnav dd+dd {
        border-top: 1px dashed #b77b50;
    }
}

@media (max-width: 599px) {
    #postnav dl {
        width: 96%;
    }
}

.newslist {
    background: #fff;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 55px;
}

.newslist dl {
    padding: 20px 10px;

}

.newslist dl+dl {
    border-top: 1px dashed #009143;
}

.newslist dt {
    width: 100px;
    color: #61b261;
    font-weight: bold;
}

.newslist dd+dd {
    width: 130px;
    margin-left: 5px;
}

.newslist dd+dd a {
    display: block;
    text-align: center;
    background: #61b261;
    color: #fff;
}

.newslist dd+dd a img {
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -5px;
}

.newslist dt+dd {
    width: calc(100% - 235px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagenav {
    padding-bottom: 55px;
}

.pagenav li {
    font-size: 18px;
    padding: 0 1px 10px 1px;
}

.pagenav li a {
    width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
    text-align: center;
}

.pagenav li a:hover,
.pagenav li.st a {
    opacity: 1;
    background: #61b261;
    color: #fff;
}

@media only screen and (max-width: 599px) {
    .newslist dt {
        width: 100%;
    }

    .newslist dt+dd {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .newslist dd+dd {
        margin-left: calc(100% - 130px);
    }

    .newslist dl {
        padding: 20px 0;
    }
}

.single .meta .d {
    color: #61b261;
    font-weight: bold;
}

.single .meta li {
    text-align: center;
    padding: 0 0 20px 0;
}

.single h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    padding: 0 0 35px 0;
    margin-bottom: 0;
}

.single .txt .img {
    text-align: center;
    padding: 0 0 30px 0;
}

.single .txt p {
    padding: 0 0 20px 0;
}

.single .back {
    text-align: center;
    padding: 30px 0 40px 0;
}

.single .back a {
    display: inline-block !important;
    max-width: 250px;
    width: 95%;
    background: #61b261;
    color: #fff;
    font-weight: bold;
    padding: 10px 2.5%;
}

.single .back a img {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
    transform: rotate(180deg);
}

@media only screen and (max-width: 1024px) {
    .single h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .single .txt .img {
        width: 80%;
        margin: 0 auto;
    }

    .single .txt .img img {
        width: 100%;
    }
}



/*blog*/

.bloglist {
    background: #fff;
    padding: 0 10px 30px 10px;
    margin-bottom: 50px;
}

.bloglist .box {
    border-bottom: 1px dashed #009143;
    padding: 30px 20px;
}

.bloglist .box .img {
    width: 33.04%;
}
.bloglist .box .img a {
    display: block;
}
.bloglist .box .img .trimmingInner{
    position: relative;
    border: solid 3px #61b261;
    box-sizing: border-box;
    display: block;
}
.bloglist .box .img .trimmingInner:before, .bloglist .box .img .trimmingInner:after{
    content: '';
    position: absolute;
    width: 5%;
    height: 5%;
    background: #61b261;
    z-index: 1;
}
.bloglist .box .img .trimmingInner:before {
    top:0;
    left:0;
}
.bloglist .box .img .trimmingInner:after {
    bottom:0;
    right:0;
}
.bloglist .box .tbox {
    width: 64.2%;
    margin-top: 5%;
}

.bloglist .box .tbox li {
    padding: 0 0 10px 0;
}

.bloglist .box h3 {
    font-size: 24px;
    font-family: "GenJyuuGothic-P-Medium";
    color: #61b261;
    padding: 0 0 35px 0;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bloglist .box .mores {
    text-align: right;
    padding: 0 0 20px 0;
}

.bloglist .box .mores a {
    display: inline-block !important;
    background: #61b261;
    color: #fff;
    font-size: 16px;
    max-width: 200px;
    width: 95%;
    text-align: center;
    padding: 10px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bloglist .box .mores a img {
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 8px;
}

@media only screen and (max-width: 1024px) {
    .bloglist .box h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .bloglist .box {
        padding-left: 0;
        padding-right: 0;
    }

    .bloglist .box .img {
        width: 80%;
        margin: 0 auto;
    }

    .bloglist .box .img img {
        width: 100%;
    }

    .bloglist .box .tbox {
        width: 100%;
    }
}

.blog1 dl {
    width: 30%;
    margin: 0 5% 30px 0;
}

.blog1 dl:nth-child(3n) {
    margin-right: 0;
}

.blog1 .img {
    padding-bottom: 10px;
}
.blog1 .img .trimmingInner{
    position: relative;
    border: solid 3px #61b261;
    box-sizing: border-box;
    display: block;
}
.blog1 .img .trimmingInner:before, .blog1 .box .img .trimmingInner:after{
    content: '';
    position: absolute;
    width: 5%;
    height: 5%;
    background: #61b261;
    z-index: 1;
}
.blog1 .img .trimmingInner:before {
    top:0;
    left:0;
}
.blog1 .img .trimmingInner:after {
    bottom:0;
    right:0;
}

.blog1 .d,
.blog1 .c {
    display: block;
    padding-bottom: 5px;
}

.blog1 dt {
    font-size: 24px;
    font-family: "GenJyuuGothic-P-Medium";

}

.blog1 dt a {
    color: #61b261;
}

.blog1 {
    padding-top: 40px;
}

@media only screen and (max-width: 1024px) {
    .blog1 dt {
        font-size: 18px;
    }
}

@media only screen and (max-width: 599px) {
    .blog1 dl {
        width: 48%;
        margin-left: 1%;
        margin-right: 1% !important;
    }

}

/*home*/
.home-slide .slide ul li img {
    width: 100% !important;
    height: auto !important;
}

.home-slide {
    border-bottom: 5px solid #61b261;
    margin-bottom: 40px;
}

.home-news {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 75px;
}

.home-news .tit {
    background: #61b261;
    padding: 8px 2.63%;
}

.home-news .tit h3 {
    color: #fff;
    font-family: "GenJyuuGothic-P-Medium";
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0;
}

.home-news .tit h3 img {
    vertical-align: middle;
    margin-right: 10px;
}

.home-news .tit p a {
    background: #fff;
    display: inline-block !important;
    font-weight: 500;
    color: #61b261;
    font-size: 14px;
    max-width: 120px;
    width: 90%;
    text-align: center;
    padding: 3px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home-news .tit p a img {
    vertical-align: middle;
    margin-right: 5px;
}

.home-news .tit p {
    min-width: 120px;
    padding: 5px 0;
}

.home-news .table dt {
    float: left;
    color: #61b261;
    font-weight: bold;
}

.home-news .table {
    padding: 0 10px;
}

.home-news .table dl {
    padding: 20px 10px;
}

.home-news .table dl+dl {
    border-top: 1px dashed #009143;
}

.home-news .table dd {
    padding: 0 0 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 1024px) {
    .home-news .tit h3 {
        font-size: 20px;
    }

}

@media only screen and (max-width: 599px) {
    .home-news .table dt {
        float: none;
    }

    .home-news .table dd {
        padding-left: 0;
    }
}

.home-susume h3 {
    font-size: 24px;
    font-family: "GenJyuuGothic-P-Medium";
    font-weight: normal;
    color: #61b261;
    margin-bottom: 15px;
}

.home-susume h3 img {
    vertical-align: middle;
    margin-right: 10px;
}

.home-susume li {
    width: 48.42%;
    margin-bottom: 30px;
}

.home-susume li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada;
    background: #61b261 url(/import/tenant_1/160.16.134.102/html/images/top/susume.gif) calc(100% - 4px) calc(100% - 4px) no-repeat;
}

.home-susume li .p {
    width: 42.39%;
    display: block;
}

.home-susume li .p img {
    width: 100%;
    height: auto;
}

.home-susume li .w {
    display: block;
    width: 49.45%;
    padding: 15px 4.07% 15px 0;
    color: #fff;
    font-size: 14px;
}

.home-susume li .w strong {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-bottom: 1px dotted #fff;
    padding: 0 0 10px 0;
    line-height: 140%;
    margin-bottom: 10px;
}

.home-susume {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1024px) {
    .home-susume h3 {
        font-size: 20px;
    }
    .home-susume li .p {
        width: 48%;
    }
    .home-susume li .w {
        width: 46%;
        padding: 10px 2% 0 2%;
        font-size: 13px;
    }
    .home-susume li .w strong {
        font-size: 15px;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 599px) {
    .home-susume li {
        width: 100%;
    }
}

.home-greet h3 {
    font-size: 30px;
    font-family: "GenJyuuGothic-P-Medium";
    font-weight: normal;
    color: #61b261;
    margin-bottom: 20px;
}

.home-greet h3 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}

.home-greet .tbox {
    width: 63.42%;
}

.home-greet .img {
    width: 32.1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;

}

.home-greet h4 {
    text-align: center;
    font-size: 24px;
    color: #61b261;
    border-bottom: 2px solid #61b261;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.home-greet h4:before {
    content: url(/import/tenant_1/160.16.134.102/html/images/top/greet.gif);
    bottom: -16px;
    left: 50%;
    line-height: 1;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.home-greet .tbox p {
    padding: 0 0 20px 0;
}

.home-greet .tbox .sign {
    text-align: right;
    font-size: 18px;
}
.home-greet .greet-img {
        width: 32.1%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.home-greet .greet-img dd {
    border: 1px solid #61b261;
}

.home-greet dt {
    text-align: center;

}

.home-greet dt a {
    display: block;
    background: #61b261;
    color: #fff;
    padding: 10px 2.5%;

}

.home-greet dt a img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

.home-greet {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1024px) {
    .home-greet h3 {
        font-size: 20px;
    }

    .home-greet h4 {
        font-size: 18px;
    }

    .home-greet .tbox .sign {
        font-size: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .home-greet .greet-img {
        max-width: 244px;
        margin: 0 auto 25px auto;
        width: 100%;
    }

    .home-greet .tbox {
        width: 100%;
    }
}

.home-sp {
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 100px;
}

.home-sp h3 {
    background: #61b261;
    font-size: 24px;
    color: #fff;
    font-family: "GenJyuuGothic-P-Medium";
    font-weight: normal;
    padding: 0 2.63% 10px 2.63%;
    margin-bottom: 10px;
}

.home-sp h3 img {
    margin-right: 10px;
    vertical-align: text-bottom;
}

.home-sp dl {
    width: 17%;
    padding: 10px 0 20px 0;
}

.home-sp dt+dd {
    font-size: 14px;
}

.home-sp dt {
    font-weight: bold;
    color: #61b261;
    padding-bottom: 5px;
    text-align: center;
}

.home-sp dd.icon {
    text-align: center;
    padding-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
    .home-sp dl {
        width: 30%;
    }

    .home-sp h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .home-sp dl {
        width: 45%;
    }
}

.home-flow h3 {
    font-size: 30px;
    color: #61b261;
    font-family: "GenJyuuGothic-P-Medium";
    font-weight: normal;
    margin-bottom: 15px;
}

.home-flow h3 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}

.home-flow dl {
    width: 23.42%;
    margin: 0 2.1% 28px 0;
    background: #61b261;
}

.home-flow dl:nth-child(4n) {
    margin-right: 0;
}

.home-flow dl dd.img {
    position: relative;
    width: 100%;
}

.home-flow dl dd.img .n {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 36px;
    font-style: italic;
    color: #61b261;
    font-weight: bold;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    z-index: 1;
}

.home-flow dt {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 5px 2.5%;
}

.home-flow dt+dd {
    padding: 0 2.5% 15px 2.5%;
    font-size: 14px;
    color: #fff;
}

.home-flow .mores {
    text-align: center;
}

.home-flow .mores a {
    display: inline-block !important;
    background: #61b261;
    max-width: 290px;
    width: 95%;
    text-align: center;
    color: #fff;
    padding: 10px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home-flow .mores a img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.home-flow {
    padding-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
    .home-flow h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .home-flow dl {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .home-flow dl dd.img img {
        width: 100%;
    }
}

.home-nayami {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 90px;
}

.home-nayami h3 {
    padding: 8px 2.63%;
    font-size: 24px;
    color: #fff;
    background: #61b261;
    font-weight: normal;
    font-family: "GenJyuuGothic-P-Medium";
    margin-bottom: 20px;
}

.home-nayami h3 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;

}

.home-nayami .flexb {
    padding: 0 2.1% 0 2.1%;
}

.home-nayami .img {
    width: 28.23%;
    padding: 0 0 20px 0;
}

.home-nayami .tbox {
    width: 69.69%;
}

.home-nayami .tbox li {
    font-weight: bold;
    background: url(/import/tenant_1/160.16.134.102/html/images/top/check_icon.gif) 0 3px no-repeat;
    padding: 7px 0 7px 26px;
    border-bottom: 1px dashed #009143;
}

.home-nayami .tbox ul {
    padding-bottom: 10px;
}

.home-nayami .tbox p {
    padding: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
    .home-nayami h3 {
        font-size: 18px;
    }

    .home-nayami .tbox li {
        background-position: 0 8px;
    }
}

@media only screen and (max-width: 599px) {
    .home-nayami .img {
        width: 60%;
        margin: 0 auto;
    }

    .home-nayami .tbox {
        width: 100%;
    }
}

.home-blog .img {
    padding-bottom: 10px;
}
.home-blog .img .trimmingInner{
    position: relative;
    border: solid 3px #61b261;
    box-sizing: border-box;
    display: block;
}
.home-blog .img .trimmingInner:before, .home-blog .img .trimmingInner:after{
    content: '';
    position: absolute;
    width: 5%;
    height: 5%;
    background: #61b261;
    z-index: 1;
}
.home-blog .img .trimmingInner:before {
    top:0;
    left:0;
}
.home-blog .img .trimmingInner:after {
    bottom:0;
    right:0;
}

.home-blog dl {
    width: 30%;
    margin: 0 1.66%;
}

.home-blog .tit {
    margin-bottom: 16px;
}

.home-blog .img {
    padding-bottom: 10px;
    text-align: center;
}
.home-blog .img a {
    display: block;
}

.home-blog dt .d {
    color: #61b261;
    font-size: 14px;
    font-weight: bold;
    margin-right: 1em;
    display: inline-block !important;
}

/* .home-blog dt strong {
    display: inline-block !important;
} */

.home-blog dt {
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-blog dt+dd {
    font-size: 14px;
    padding: 0 0 20px 0;
}

.home-blog dt+dd * {
    font-size: 14px;
}

.home-blog {
    margin-bottom: 0;
}

@media only screen and (max-width: 599px) {
    .home-blog dl {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
    }
}


/* トップスライダー */
.home-slide {
    position: relative;
}

.img_tex {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.img_tex .top-img-subtitle {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    text-shadow:
        white 2px 0px 2px,
        white -2px 0px 2px,
        white 0px -2px 2px,
        white -2px 0px 2px,
        white 2px 2px 2px,
        white -2px 2px 2px,
        white 2px -2px 2px,
        white -2px -2px 2px,
        white 1px 2px 2px,
        white -1px 2px 2px,
        white 1px -2px 2px,
        white -1px -2px 2px,
        white 2px 1px 2px,
        white -2px 1px 2px,
        white 2px -1px 2px,
        white -2px -1px 2px,
        white 1px 1px 2px,
        white -1px 1px 2px,
        white 1px -1px 2px,
        white -1px -1px 2px;
}

.img_tex .top-img-maintitle {
    font-size: 56px;
    font-weight: bold;
    text-align: center;
    line-height: 130%;
    color: #61b361;
    text-shadow: white 2px 0px 2px,
        white -2px 0px 2px,
        white 0px -2px 2px,
        white -2px 0px 2px,
        white 2px 2px 2px,
        white -2px 2px 2px,
        white 2px -2px 2px,
        white -2px -2px 2px,
        white 1px 2px 2px,
        white -1px 2px 2px,
        white 1px -2px 2px,
        white -1px -2px 2px,
        white 2px 1px 2px,
        white -2px 1px 2px,
        white 2px -1px 2px,
        white -2px -1px 2px,
        white 1px 1px 2px,
        white -1px 1px 2px,
        white 1px -1px 2px,
        white -1px -1px 2px;
}

.img_tex ul:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-color: #61b361;
    -webkit-box-shadow: white 2px 0px 2px,
        white -2px 0px 2px,
        white 0px -2px 2px,
        white -2px 0px 2px,
        white 2px 2px 2px,
        white -2px 2px 2px,
        white 2px -2px 2px,
        white -2px -2px 2px,
        white 1px 2px 2px,
        white -1px 2px 2px,
        white 1px -2px 2px,
        white -1px -2px 2px,
        white 2px 1px 2px,
        white -2px 1px 2px,
        white 2px -1px 2px,
        white -2px -1px 2px,
        white 1px 1px 2px,
        white -1px 1px 2px,
        white 1px -1px 2px,
        white -1px -1px 2px;
    box-shadow: white 2px 0px 2px,
        white -2px 0px 2px,
        white 0px -2px 2px,
        white -2px 0px 2px,
        white 2px 2px 2px,
        white -2px 2px 2px,
        white 2px -2px 2px,
        white -2px -2px 2px,
        white 1px 2px 2px,
        white -1px 2px 2px,
        white 1px -2px 2px,
        white -1px -2px 2px,
        white 2px 1px 2px,
        white -2px 1px 2px,
        white 2px -1px 2px,
        white -2px -1px 2px,
        white 1px 1px 2px,
        white -1px 1px 2px,
        white 1px -1px 2px,
        white -1px -1px 2px;
}

.img_tex ul {
    width: 90%;
    margin: 15px auto;
}

.img_tex ul li {
    width: 25%;
    border: 2px solid #61b361;
    -webkit-box-shadow: 0px 0px 0px 3px #fff;
    box-shadow: 0px 0px 0px 3px #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    --moz-border-radius: 50%;
    background-color: #fff;
    margin: 2.5%;
    position: relative;
    overflow: hidden;
}

.img_tex ul li:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.img_tex ul li .top-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.img_tex ul li img {
    margin: 10px;
}

.img_tex ul li span {
    display: block;
    width: 100%;
    height: 50%;
    line-height: 120%;
    background-color: #61b361;
    color: #fff;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.img_tex ul li .line1 {
    font-size: 28px;
}

.img_tex ul li .line2 {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .img_tex .top-img-subtitle {
        font-size: 16px;
    }

    .img_tex .top-img-maintitle {
        font-size: 30px;
    }

    .img_tex ul {
        width: 65%;
        margin: 10px auto 0 auto;
    }

    .img_tex ul:before {
        height: 3px;
    }

    .img_tex ul li {
        width: 20%;
    }

    .img_tex ul li img {
        width: 30%;
    }

    .img_tex ul li span {
        padding: 5px;
    }

    .img_tex ul li .line1 {
        font-size: 16px;
    }

    .img_tex ul li .line2 {
        font-size: 10px;
    }
}

@media (max-width: 599px) {
    .img_tex {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .img_tex .top-img-subtitle {
        font-size: 14px;
    }

    .img_tex .top-img-maintitle {
        font-size: 26px;
    }

    .img_tex ul {
        width: 90%;
    }

    .img_tex ul li {
        width: 26%;
    }
}

/* トップスライダーここまで */

.up-circle{
  border-radius: 50%;
  overflow: hidden;
}

.up-as-c{
  align-items: center;
}

.up-reader2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}