@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700,800,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&display=swap");

.innerA {
    display: table;
    width: 100%;
    table-layout: fixed
}

.innerA .left,
.innerA .right {
    width: 48%;
    float: left
}

@media all and (max-width: 639px) {

    .innerA .left,
    .innerA .right {
        width: 100%;
        float: none
    }
}

.innerA .right {
    margin-left: 4%
}

@media all and (max-width: 639px) {
    .innerA .right {
        margin-left: 0;
        margin-top: 15px
    }
}

.innerA .left_s {
    width: 30%;
    float: left
}

.innerA .right_l {
    width: 66%;
    float: left;
    margin-left: 4%
}

.innerB {
    display: table;
    width: 100%;
    table-layout: fixed
}

@media all and (max-width: 639px) {
    .innerB {
        display: block
    }
}

.innerB .left,
.innerB .right {
    width: 48%;
    float: left
}

@media all and (max-width: 639px) {

    .innerB .left,
    .innerB .right {
        width: 100%;
        float: none
    }
}

.innerB .right {
    margin-left: 4%
}

@media all and (max-width: 639px) {
    .innerB .right {
        margin-left: 0;
        margin-top: 15px
    }
}

.innerB .left_s {
    width: 30%;
    float: left
}

@media all and (max-width: 639px) {
    .innerB .left_s {
        width: 100%;
        float: none
    }
}

.innerB .right_l {
    width: 66%;
    float: left;
    margin-left: 4%
}

@media all and (max-width: 639px) {
    .innerB .right_l {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        float: none
    }
}

.mailbtn {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    float: left;
    font-size: 12px;
    margin-right: 10px
}

.rcsLinkType01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.rcsLinkType01 .link_box {
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    max-width: 100%
}

.rcsLinkType01 .link_box ._img_box img {
    max-width: 100%;
    box-shadow: 4px 4px
}

.rcsLinkType01 .link_box ._title_box h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: rgba(0, 135, 68, 0.6);
    color: #FFF;
    position: absolute;
    width: 200px;
    padding: 20px 0;
    bottom: 20px;
    left: -10px;
    margin: 0 auto
}

.rcsLinkType01 .link_box ._title_box h3:before {
    font-family: "fontAwesome";
    content: "\f0da";
    margin-right: 8px
}

.rcsLinkType01 .link_box ._title_box h3 span {
    display: none
}

.rcsLinkType01 .link_box ._explain_box {
    display: none
}

.rcsLinkType01 .link_box ._btn_box {
    display: none
}

.rcsLinkType01._col2 .link_box {
    width: 49%
}

.rcsLinkType01._col3 .link_box {
    width: 32%
}

.rcsLinkType01._col4 .link_box {
    width: 24%
}

.rcsLinkType02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.rcsLinkType02 .link_box {
    margin-bottom: 10px;
    background: #FFF;
    height: 200px;
    border: 2px solid #008744;
    position: relative;
    overflow: hidden
}

.rcsLinkType02 .link_box ._img_box {
    text-align: center
}

.rcsLinkType02 .link_box ._img_box img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.rcsLinkType02 .link_box ._title_box h3 {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    color: #008744;
    font-size: 22px;
    width: 100%;
    z-index: 100;
    bottom: 10px;
    padding: 5px 0 5px 10px;
    line-height: 1.1
}

.rcsLinkType02 .link_box ._title_box h3 span {
    display: block;
    font-size: 20px;
    margin-left: 10px
}

.rcsLinkType02 .link_box ._explain_box {
    display: none
}

.rcsLinkType02 .link_box ._btn_box {
    display: none
}

.rcsLinkType02._col2 .link_box {
    width: 49%
}

.rcsLinkType02._col3 .link_box {
    width: 32%
}

.rcsLinkType02._col4 .link_box {
    width: 24%
}

.rcsLinkType03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.rcsLinkType03 .link_box {
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #FFF;
    height: 200px;
    border: 2px solid #008744;
    position: relative;
    overflow: hidden
}

.rcsLinkType03 .link_box ._img_box img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.rcsLinkType03 .link_box ._title_box h3 {
    position: absolute;
    background: rgba(0, 135, 68, 0.8);
    color: #FFF;
    font-size: 22px;
    width: 100%;
    z-index: 100;
    bottom: 10px;
    padding: 5px 0 5px 10px;
    line-height: 1.1;
    text-align: center
}

.rcsLinkType03 .link_box ._title_box h3 span {
    display: block;
    font-size: 20px;
    margin-left: 10px
}

.rcsLinkType03 .link_box ._explain_box {
    display: none
}

.rcsLinkType03 .link_box ._btn_box {
    display: none
}

.rcsLinkType03._col2 .link_box {
    width: 49%
}

.rcsLinkType03._col3 .link_box {
    width: 32%
}

.rcsLinkType03._col4 .link_box {
    width: 24%
}

.rcsLinkType04 {
    min-width: 960px;
    max-width: 100%;
    padding: 20px 0
}

.rcsLinkType04 ul {
    overflow: hidden
}

.rcsLinkType04._col1 li {
    width: 100%;
    min-height: 400px
}

.rcsLinkType04._col1 li:first-child {
    width: 100%
}

.rcsLinkType04._col1 .bg {
    height: 400px
}

.rcsLinkType04._col2 li {
    width: 50%;
    min-height: 400px
}

.rcsLinkType04._col2 li:first-child {
    width: 50%
}

.rcsLinkType04._col2 .bg {
    height: 400px
}

.rcsLinkType04._col3 li {
    width: 33.3%;
    min-height: 400px;
    box-sizing: border-box
}

.rcsLinkType04._col3 li:first-child {
    width: 33.4%
}

.rcsLinkType04._col3 .bg {
    height: 400px
}

.rcsLinkType04._col4 li {
    width: 25%;
    min-height: 400px;
    box-sizing: border-box
}

.rcsLinkType04._col4 li:first-child {
    width: 25%
}

.rcsLinkType04._col4 .bg {
    height: 400px
}

.rcsLinkType04 li {
    float: left;
    overflow: hidden;
    position: relative
}

.rcsLinkType04 li a {
    display: block;
    text-align: center;
    overflow: hidden
}

.rcsLinkType04 li a .piclogo {
    position: relative;
    padding: 50px 0
}

.rcsLinkType04 li a .weblogo {
    display: block;
    margin: 50px auto;
    width: 200px;
    position: relative;
    padding: 75px 35px;
    text-align: center;
    background: rgba(0, 135, 68, 0.6);
    border-radius: 50%
}

.rcsLinkType04 li a .weblogo i {
    font-family: "fontAwesome";
    font-size: 60px;
    font-style: normal;
    color: rgba(255, 255, 255, 0.9)
}

.rcsLinkType04 li a .weblogo span {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px
}

.rcsLinkType04 li:nth-child(1) .bg {
    background: url(../img/base_img1.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType04 li:nth-child(2) .bg {
    background: url(../img/base_img2.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType04 li:nth-child(3) .bg {
    background: url(../img/base_img3.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType04 li:nth-child(4) .bg {
    background: url(../img/base_img4.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType04 li .bg {
    width: 101%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.rcsLinkType04 li:hover .bg {
    opacity: 0.6;
    transform: scale(1.03);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%)
}

.rcsLinkType05 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover
}

.rcsLinkType05._bgimg1 {
    background-image: url(../img/base_img4.jpg)
}

.rcsLinkType05._bgimg2 {
    background-image: url(../img/base_img5.jpg)
}

.rcsLinkType05._bgimg3 {
    background-image: url(../img/base_img6.jpg)
}

.rcsLinkType05 ._boxBase {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-width: 960px;
    margin: 0 auto
}

.rcsLinkType05 ._boxBase._ctr {
    justify-content: center;
    margin: 80px auto
}

.rcsLinkType05 ._boxBase._rgt {
    justify-content: flex-end;
    margin: 80px auto
}

.rcsLinkType05 ._boxDetail {
    width: 300px;
    background-color: rgba(255, 255, 255, 0.8);
    vertical-align: middle;
    padding: 15% 5%
}

.rcsLinkType05 h2 {
    text-align: center;
    font-size: 30px;
    line-height: .8;
    margin-bottom: 35px;
    position: relative;
    letter-spacing: 2px
}

.rcsLinkType05 h2:after {
    content: "";
    width: 100px;
    height: 3px;
    background: #008744;
    display: block;
    position: absolute;
    top: 60px;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0
}

.rcsLinkType05 h2 span {
    font-size: 18px;
    display: block
}

.rcsLinkType05 ._btn a {
    position: relative;
    z-index: 2;
    background-color: #008744;
    border: 2px solid #008744;
    font-size: 13px;
    display: block;
    width: 200px;
    margin: 15px auto;
    text-align: center;
    font-weight: normal;
    padding: 2px 0;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.rcsLinkType05 ._btn a:link,
.rcsLinkType05 ._btn a:visited {
    color: #fff;
    text-decoration: none
}

.rcsLinkType05 ._btn a:hover {
    color: #008744;
    background-color: #fff;
    border-color: #008744
}

.rcsLinkType05 ._btn a::before,
.rcsLinkType05 ._btn a::after {
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #008744
}

.rcsLinkType05 ._btn a::before {
    right: 0
}

.rcsLinkType05 ._btn a::after {
    left: 0
}

.rcsLinkType05 ._btn a:hover::before,
.rcsLinkType05 ._btn a:hover::after {
    width: 0;
    background-color: #008744
}

.rcsLinkType05 ._btn a::before,
.rcsLinkType05 ._btn a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''
}

.rcsLinkType05 ._btn a::before,
.rcsLinkType05 ._btn a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.rcsLinkType06 {
    width: 100%
}

.rcsLinkType06 ul {
    overflow: hidden
}

.rcsLinkType06 li {
    float: left;
    height: 210px;
    overflow: hidden;
    position: relative;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.rcsLinkType06 li:hover {
    opacity: 0.6;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%)
}

.rcsLinkType06 li a {
    display: block;
    text-align: center;
    overflow: hidden
}

.rcsLinkType06 li:nth-child(1) {
    background: url(../img/base_img3.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType06 li:nth-child(2) {
    background: url(../img/base_img4.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType06 li:nth-child(3) {
    background: url(../img/base_img5.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType06 li:nth-child(4) {
    background: url(../img/base_img6.jpg) no-repeat 50% 50%;
    background-size: cover
}

.rcsLinkType06 li .bg {
    width: 101%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.rcsLinkType06 li:hover .bg {
    opacity: 0.6;
    transform: scale(1.03);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%)
}

.rcsLinkType06 li figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 230px;
    max-height: 200px;
    height: 100%;
    width: 100%;
    color: #ffffff;
    text-align: left;
    font-size: 16px
}

.rcsLinkType06 li figure * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.rcsLinkType06 li figure:after,
.rcsLinkType06 li figure figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.rcsLinkType06 li figure:after {
    content: '';
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0
}

.rcsLinkType06 li figure figcaption {
    z-index: 1;
    padding: 30px 40px;
    background: none
}

.rcsLinkType06 li figure h3,
.rcsLinkType06 li figure .links {
    width: 100%;
    margin: 5px 0;
    padding: 0
}

.rcsLinkType06 li figure h3 {
    line-height: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    left: 0;
    position: relative;
    font-size: 20px;
    text-align: left
}

.rcsLinkType06 li figure h3 span {
    font-size: 12px;
    border-top: 1px solid #fff;
    padding-top: 3px;
    color: #FFF
}

.rcsLinkType06 li figure p {
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 1px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    text-align: left
}

.rcsLinkType06 li figure i {
    position: absolute;
    bottom: -10px;
    right: 10px;
    padding: 20px 25px;
    font-size: 34px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.rcsLinkType06 li figure a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.rcsLinkType06 li figure:hover:after,
.rcsLinkType06 li figure.hover:after {
    opacity: 1;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px
}

.rcsLinkType06 li figure:hover h3,
.rcsLinkType06 li figure.hover h3,
.rcsLinkType06 li figure:hover p,
.rcsLinkType06 li figure.hover p,
.rcsLinkType06 li figure:hover i,
.rcsLinkType06 li figure.hover i {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1
}

.rcsLinkType06 li figure:hover h3 {
    background: transparent;
    padding: 0px;
    left: 0%
}

.rcsLinkType06._col1 li {
    width: 100%
}

.rcsLinkType06._col2 li {
    width: 50%
}

.rcsLinkType06._col3 li {
    width: 33.3%
}

header {
    background: none
}

header #headA {
    padding-top: 0;
    z-index: 9;
    position: fixed;
    top: 0;
    background: #fff;
    padding: 0
}

header #headA ._sp {
    display: none
}

@media all and (max-width: 800px) {
    header #headA ._sp {
        display: block
    }
}

header #headA #head {
    background: #fff;
    padding: 0;
    width: auto;
    padding-right: 0
}

@media all and (max-width: 639px) {
    header #headA #head {
        margin: 0 0 0 10px;
        padding: 0
    }
}

header #headA #head .head_nav {
    margin: auto;
    top: 0;
    width: 100%
}

@media all and (max-width: 800px) {
    header #headA #head .head_nav {
        display: none
    }
}

header #headA #head .head_nav .logo {
    width: 250px;
    margin-left: 15px
}

header #headA #head .head_nav .logo a img {
    width: 100%
}

header #headA #head .head_nav .logo a:hover {
    border-bottom: none
}

header #headA #head .head_nav ul {
    display: table;
    line-height: 0;
    float: right
}

header #headA #head .head_nav ul li {
    width: auto;
    float: left;
    margin: 0 1em;
    padding-top: 1.5em;
    line-height: 1.2em
}

header #headA #head .head_nav ul li.no_padi {
    padding: 0
}

header #headA #head .head_nav ul li a {
    display: table;
    text-align: center;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    font-weight: 400;
    color: #333
}

header #headA #head .head_nav ul li a span {
    display: block;
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 10px;
    font-size: .625rem;
    letter-spacing: .1em;
    font-weight: 500
}

header #headA #head .head_nav ul li a:hover {
    border-bottom: 1px solid #fff;
    color: #008744;
    transition: .4s
}

header #headA #head .head_nav ul li.tte {
    background: #008744;
    margin: 0;
    padding: 27px 15px
}

header #headA #head .head_nav ul li.tte a {
    color: #fff
}

header #headA #head .head_nav ul li.tte a span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .1em
}

header #headA #head .head_nav ul li.maal {
    background: #B59664;
    margin: 0;
    padding: 27px 15px
}

header #headA #head .head_nav ul li.maal a {
    color: #fff
}

header #headA #head .head_nav ul li.maal a span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .1em
}

header #headA #head .head_nav img.iso {
    position: absolute;
    width: 216px;
    top: 0px;
    right: 10px
}

header #menuA {
    background: #fff;
    border-top: none;
    border-bottom: none
}

header #menuA #menu ul li {
    border-right: none
}

header #menuA #menu ul li:first-child {
    border-left: none
}

header #menuA #menu ul li a {
    width: 160px
}

body {
    background: #f4ede3
}

#top_main {
    width: 100%;
    position: relative;
    height: 100vh
}

@media all and (max-width: 639px) {
    #top_main {
        height: 50vh;
        margin-top: 0
    }
}

#top_main ul.slider li {
    width: 100%;
    height: 100vh;
    display: block;
    margin-bottom: 45px;
    background-image: url(../img/slide_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media all and (max-width: 639px) {
    #top_main ul.slider li {
        margin-bottom: 15px;
        height: 50vh;
        margin-top: 0
    }
}

#top_main ul.slider li .single {
    padding: 0;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 76px
}

@media all and (max-width: 639px) {
    #top_main ul.slider li .single {
        height: 30px
    }
}

#top_main ul.slider li .single img {
    display: block;
    width: 100%
}

#top_main ul.slider li:nth-child(2) {
    background-image: url(../img/slide_2.jpg)
}

#top_main ul.slider li:nth-child(3) {
    background-image: url(../img/slide_3.jpg)
}

#top_main ul.slider li:nth-child(3) .single {
    width: 500px;
    height: 178px
}

@media all and (max-width: 639px) {
    #aflashA {
        margin-top: 60px
    }
}

.top_main {
    width: 100%;
    position: relative;
    height: 100vh
}

@media all and (max-width: 639px) {
    .top_main {
        height: auto
    }
}

.top_main ul {
    padding: 0;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 344px
}

@media all and (max-width: 639px) {
    .top_main ul {
        height: 200px
    }
}

.top_main ul li {
    display: block;
    margin-bottom: 45px
}

@media all and (max-width: 639px) {
    .top_main ul li {
        margin-bottom: 15px
    }
}

.top_main ul li img {
    display: block;
    width: 100%
}

.top_main .top_main__contents {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    height: 100vh;
    left: 0
}

.top_main .top_main__contents .top_main_box {
    width: 270px;
    height: 384px;
    display: block;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.top_main .top_main__contents .top_main_box img {
    width: 100%;
    display: block
}

.top_main img._sp {
    display: none;
    width: 100%
}

.top_main.unnder {
    background-image: url(../img/top_2_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    position: relative;
    margin-top: 70px;
    background-attachment: fixed
}

.top_main.unnder.page_about {
    background-image: url(../img/page_about.jpg)
}

.top_main.unnder.page_service {
    background-image: url(../img/page_service.jpg)
}

.top_main.unnder.page_topics {
    background-image: url(../img/page_topics.jpg)
}

.top_main.unnder.page_recruit {
    background-image: url(../img/page_recruit.jpg)
}

.top_main.unnder.page_contact {
    background-image: url(../img/page_contact.jpg)
}

@media all and (max-width: 639px) {
    .top_main.unnder {
        height: auto;
        margin-top: 60px
    }
}

.top_main.unnder .top_main_box {
    height: 115px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 586px;
    left: 0;
    right: 0
}

@media all and (max-width: 639px) {
    .top_main.unnder .top_main_box {
        height: auto;
        width: 100%;
        padding: 30px 0;
        position: inherit
    }
}

.top_main.unnder .top_main_box h2 {
    text-align: center;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 34px;
    font-size: 2.125rem;
    letter-spacing: .1em;
    color: #fff
}

.top_main.unnder .top_main_box h2 span {
    display: table;
    margin: 8px auto 0;
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: .1em;
    border-top: 1px solid #fff;
    padding-top: 8px
}

#top_1 {
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    padding: 80px 0
}

@media all and (max-width: 639px) {
    #top_1 {
        padding: 30px 0
    }
}

#top_1 .sec_title {
    text-align: center;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    color: #008744;
    line-height: 1em;
    padding: 30px 0 0;
    border-top: 2px solid #008744;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media all and (max-width: 639px) {
    #top_1 .sec_title {
        padding: 20px 0
    }
}

#top_1 .sec_title span {
    display: block;
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    margin-top: 5px
}

#top_1 .cms_contents ul {
    width: 100%;
    margin-top: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

@media all and (max-width: 639px) {
    #top_1 .cms_contents ul {
        display: block;
        margin-top: 30px
    }
}

#top_1 .cms_contents ul li {
    width: 32%;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 10px
}

#top_1 .cms_contents ul li:nth-child(3n) {
    margin-right: 0
}

@media all and (max-width: 639px) {
    #top_1 .cms_contents ul li {
        width: 100%;
        float: none;
        margin-bottom: 15px
    }
}

#top_1 .cms_contents ul li .top_3__content__list__item a {
    position: relative;
    width: 100%;
    overflow: hidden
}

#top_1 .cms_contents ul li .top_3__content__list__item a.blog_card__item__contents__thumbnail {
    background: #fff;
    display: block;
    text-align: center;
    height: 164px;
    vertical-align: middle;
    overflow: hidden;
    padding: 0
}

#top_1 .cms_contents ul li .top_3__content__list__item a.blog_card__item__contents__thumbnail img {
    display: block;
    margin: auto;
    width: auto;
    min-width: 100%;
    height: 100%;
    object-fit: cover
}

#top_1 .cms_contents ul li .blog_card__item__contents__taxt {
    padding: 15px
}

#top_1 .cms_contents ul li .blog_card__item__contents__taxt .data {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em;
    font-weight: 500
}

#top_1 .cms_contents ul li .blog_card__item__contents__taxt .data span {
    color: #fff;
    padding: 0 .8em;
    background: #B59664
}

#top_1 .cms_contents ul li .blog_card__item__contents__taxt a {
    text-decoration: none;
    margin-top: 10px;
    display: block;
    color: #666
}

#top_1 .cms_contents ul li .blog_card__item__contents__taxt a .blog_card__item__contents__title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .1em;
    font-weight: 400;
    line-height: 1.6em
}

#top_1 .cms_contents ul li .blog_card__item__contents__taxt a:hover p {
    color: #008744;
    transition: .4s
}

#top_2 {
    background-image: url(../img/top_2_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0
}

@media all and (max-width: 639px) {
    #top_2 {
        padding: 30px 0
    }
}

#top_2 .top_2__contemts {
    position: relative
}

#top_2 .top_2__contemts .read {
    text-align: center;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em;
    color: #008744
}

@media all and (max-width: 639px) {
    #top_2 .top_2__contemts .read {
        font-family: "YakuHanJP", "Noto Sans JP";
        font-weight: 500;
        font-size: 33px;
        font-size: 2.0625rem;
        letter-spacing: .1em
    }
}

#top_2 .top_2__contemts .main_texrt {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 19px;
    font-size: 1.1875rem;
    letter-spacing: .1em;
    text-align: center;
    margin-top: 50px;
    line-height: 1.9em;
    color: #333
}

@media all and (max-width: 639px) {
    #top_2 .top_2__contemts .main_texrt {
        font-family: "YakuHanJP", "Noto Sans JP";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: .1em
    }
}

#top_4 {
    position: relative;
    padding: 80px 0;
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%)
}

@media all and (max-width: 639px) {
    #top_4 {
        padding: 30px 0
    }
}

#top_4:before {
    content: "";
    background-image: url(../img/top_4_before.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 60%;
    margin: auto;
    bottom: 0;
    height: 70%
}

@media all and (max-width: 639px) {
    #top_4:before {
        display: none
    }
}

#top_4 .top_3__contenst {
    width: 70%;
    z-index: 2;
    position: relative;
    margin: 80px 0
}

@media all and (max-width: 639px) {
    #top_4 .top_3__contenst {
        width: 100%
    }
}

#top_4 .top_3__contenst ._sp {
    display: none
}

@media all and (max-width: 639px) {
    #top_4 .top_3__contenst ._sp {
        display: block
    }
}

#top_4 .top_3__contenst .top_3__contenst__inner {
    background: #fff;
    padding: 47px
}

#top_4 .top_3__contenst .top_3__contenst__inner .sec_title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 33px;
    font-size: 2.0625rem;
    letter-spacing: .1em;
    line-height: 1.5em;
    font-weight: 500;
    color: #008744
}

#top_4 .top_3__contenst .top_3__contenst__inner .main {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 19px;
    font-size: 1.1875rem;
    letter-spacing: .1em;
    margin-top: 20px;
    line-height: 1.9em;
    color: #333
}

#top_5 {
    background: #333
}

#top_5 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

@media all and (max-width: 639px) {
    #top_5 ul {
        display: block
    }
}

#top_5 ul li {
    width: 33.3333333%;
    position: relative;
    overflow: hidden
}

#top_5 ul li:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .5;
    background-image: url(../img/top_5-1.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-repeat: no-repeat
}

#top_5 ul li:nth-child(2):after {
    background-image: url(../img/top_5-2.jpg)
}

#top_5 ul li:nth-child(3):after {
    background-image: url(../img/top_5-3.jpg)
}

#top_5 ul li:hover:after {
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media all and (max-width: 639px) {
    #top_5 ul li {
        width: 100%;
        float: none
    }
}

#top_5 ul li a {
    display: block;
    padding: 140px 0;
    z-index: 1;
    position: relative
}

@media all and (max-width: 639px) {
    #top_5 ul li a {
        padding: 70px 0
    }
}

#top_5 ul li a .sec_title {
    text-align: center;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 27px;
    font-size: 1.6875rem;
    letter-spacing: .1em;
    color: #fff;
    line-height: 1em
}

@media all and (max-width: 639px) {
    #top_5 ul li a .sec_title {
        padding: 20px 0
    }
}

#top_5 ul li a .sec_title span {
    display: block;
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 64px;
    font-size: 4rem;
    letter-spacing: .1em;
    margin-top: 5px;
    line-height: 1em
}

#top_6 {
    background-image: url(../img/top_6_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0 50px
}

@media all and (max-width: 639px) {
    #top_6 {
        padding: 50px
    }
}

#top_6 .sec_title {
    text-align: center;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    color: #008744;
    line-height: 1em
}

#top_6 .sec_title span {
    display: block;
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    margin-top: 5px
}

#top_6 .blog_list {
    margin-top: 30px
}

#top_6 .blog_list .main {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .1em;
    text-align: center;
    font-weight: bold;
    color: #008744
}

#top_6 .blog_list a {
    border: 1px solid #008744;
    text-align: center;
    display: block;
    width: 80%;
    margin: 15px auto 0;
    padding: .5em 0
}

#top_6 .blog_list a span {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em
}

#top_6 .blog_list a span:after {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-left: 10px
}

#top_6 .blog_list a:hover {
    background: #008744;
    transition: .4s;
    color: #fff
}

#otoiawase {
    padding: 10px 0;
    background-image: url(../img/top_3_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

#otoiawase .otoi_1,
#otoiawase .otoi_2,
#otoiawase .otoi_3 {
    float: left;
    width: 33.33333%
}

@media all and (max-width: 639px) {

    #otoiawase .otoi_1,
    #otoiawase .otoi_2,
    #otoiawase .otoi_3 {
        float: none;
        width: 100%
    }
}

#otoiawase .otoi_1 p {
    color: #fff
}

@media all and (max-width: 639px) {
    #otoiawase .otoi_1 p {
        text-align: center
    }
}

#otoiawase .otoi_1 p.read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: .1em;
    font-weight: 500
}

#otoiawase .otoi_1 p.sub {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1.5em;
    font-weight: 400;
    margin-top: 5px
}

@media all and (max-width: 639px) {
    #otoiawase .otoi_1 p.sub {
        padding-bottom: 20px;
        border-bottom: 1px solid #fff;
        margin-bottom: 20px
    }
}

#otoiawase .otoi_2 {
    padding-top: 20px
}

@media all and (max-width: 639px) {
    #otoiawase .otoi_2 {
        padding-top: 0
    }
}

#otoiawase .otoi_2 a {
    color: #fff;
    text-align: center;
    display: block
}

#otoiawase .otoi_2 a span {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 25px;
    font-size: 1.5625rem;
    letter-spacing: .1em;
    line-height: 1em;
    font-weight: 500
}

#otoiawase .otoi_2 a span:before {
    font-family: 'FontAwesome';
    content: "\f095";
    margin-right: 5px;
    font-size: 22px
}

#otoiawase .otoi_2 p {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1em;
    color: #fff;
    font-weight: 400;
    text-align: center
}

#otoiawase .otoi_3 {
    padding-top: 20px
}

#otoiawase .otoi_3 a {
    color: #fff;
    text-align: center;
    display: block
}

#otoiawase .otoi_3 a span {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: .1em;
    line-height: 1em;
    font-weight: 500
}

#otoiawase .otoi_3 a span:before {
    font-family: 'FontAwesome';
    content: "\f0e0";
    margin-right: 5px
}

footer {
    border-top: none;
    height: auto;
    position: static;
    background: #fff;
    border-bottom: 10px solid #008744
}

footer .imags {
    display: block
}

footer .imags img {
    display: inline-block;
    vertical-align: middle
}

footer .imags img.logo {
    width: 185px;
    margin-right: 10px;
    float: left;
    margin-top: 30px
}

footer .foot_contens {
    display: table;
    width: 100%;
    position: relative
}

footer .foot_contens .texts {
    text-align: left;
    color: #333;
    margin-left: 15px;
    display: table;
    margin-top: 20px
}

footer .foot_contens .texts .info_company {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 10px;
    font-size: .625rem;
    letter-spacing: .1em
}

footer .foot_contens .texts .foot_nav {
    display: table;
    table-layout: fixed
}

@media all and (max-width: 639px) {
    footer .foot_contens .texts .foot_nav {
        display: none
    }
}

footer .foot_contens .texts .foot_nav li {
    display: inline-block
}

footer .foot_contens .texts .foot_nav li a {
    display: block;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em;
    margin-right: 10px
}

footer .foot_contens .texts .foot_nav li a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-right: 5px
}

footer .foot_contens .copyright {
    position: absolute;
    bottom: 0;
    right: 0
}

#page_top {
    background-image: url(../img/page_top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 0;
    padding-top: 140px
}

#page_top .sec_title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 21px;
    font-size: 1.3125rem;
    letter-spacing: .1em;
    line-height: 1.1em;
    text-align: center;
    color: #008744;
    font-weight: 500;
    background-image: url(../img/sec_title_back.png);
    background-position: center;
    padding: 15px 0 15px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    font-size: 41px;
    color: #fff
}

@media all and (max-width: 639px) {
    #page_top .sec_title {
        font-size: 28px
    }
}

#about_1 {
    padding: 50px 0;
    background: #fff
}

#about_1 .sec_title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: .1em;
    text-align: center;
    line-height: 1em;
    font-weight: 400;
    color: #333;
    margin-bottom: 50px;
    line-height: 1.5em
}

#about_1 .main {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #333;
    text-align: center
}

#about_1 img {
    width: 80%;
    margin: 30px auto 0;
    display: block
}

#about_2 {
    padding: 50px 0 0;
    background: #F2F2F2
}

#about_2 .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: .1em;
    line-height: 1.5em
}

@media all and (max-width: 639px) {
    #about_2 .read {
        font-family: "YakuHanJP", "Noto Sans JP";
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem;
        letter-spacing: .1em
    }
}

#about_2 .main {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    margin-top: 30px
}

#about_2 .imags {
    margin-top: 30px
}

#about_2 img {
    width: 100%;
    display: block
}

#about_3 {
    padding: 30px 0 50px;
    background: #F2F2F2
}

#about_3 .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: .1em;
    line-height: 1.5em
}

@media all and (max-width: 639px) {
    #about_3 .read {
        font-family: "YakuHanJP", "Noto Sans JP";
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem;
        letter-spacing: .1em
    }
}

#about_3 .main {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    margin-top: 30px
}

#about_3 .imags {
    margin-top: 30px
}

#about_3 img {
    width: 100%;
    display: block
}

#about_4 {
    padding: 50px 0
}

#about_4 .sec_title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: .1em;
    text-align: center;
    line-height: 1em;
    font-weight: 400;
    color: #333;
    margin-bottom: 50px;
    line-height: 1.5em
}

#about_4 ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

@media all and (max-width: 639px) {
    #about_4 ul {
        display: block
    }
}

#about_4 ul li {
    width: 23.5%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 30px;
    box-sizing: border-box;
    background: #fff
}

@media all and (max-width: 639px) {
    #about_4 ul li {
        width: 90%;
        margin: 0 auto 30px
    }
}

#about_4 ul li .top_4__item {
    padding: 20px;
    height: 100%;
    border-radius: 10px
}

#about_4 ul li .top_4__item img {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
    z-index: 2
}

#about_4 ul li .top_4__item .main_text {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 13px;
    font-size: .8125rem;
    letter-spacing: .1em;
    font-weight: 400;
    line-height: 1.5em
}

#about_4 ul li:nth-child(4n) {
    margin-right: 0
}

@media all and (max-width: 639px) {
    #about_4 ul li:nth-child(4n) {
        margin-right: auto
    }
}

#company_1 {
    padding: 30px 0;
    background: #F2F2F2
}

#company_1 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 50px;
    color: #008744
}

#company_1 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #company_1 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#company_1 .company_1__main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #company_1 .company_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#company_1 .company_1__main img {
    width: 150px;
    margin: auto;
    display: block
}

#company_1 .company_1__main table {
    width: 80%;
    margin: auto;
    border-top: 1px solid #F2F2F2;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #company_1 .company_1__main table {
        width: 100%
    }
}

#company_1 .company_1__main table th,
#company_1 .company_1__main table td {
    background: none;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #333;
    padding: .5em .8em;
    border: none;
    border-bottom: 1px solid #F2F2F2
}

@media all and (max-width: 639px) {
    #company_1 .company_1__main table th {
        white-space: nowrap
    }
}

#company_1 .company_1__main .gggmap {
    width: 80%;
    margin: 30px auto 0
}

@media all and (max-width: 639px) {
    #company_1 .company_1__main .gggmap {
        width: 100%
    }
}

#company_2 {
    padding: 0 0 80px;
    background: #F2F2F2
}

#company_2 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 50px;
    color: #008744
}

#company_2 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #company_2 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#company_2 .company_1__main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #company_2 .company_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#company_2 .company_1__main img {
    width: 100%;
    margin: auto;
    display: block
}

#company_2 .company_1__main table {
    width: 100%;
    margin: auto;
    border-top: 1px solid #F2F2F2
}

@media all and (max-width: 639px) {
    #company_2 .company_1__main table {
        width: 100%
    }
}

#company_2 .company_1__main table th,
#company_2 .company_1__main table td {
    background: none;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #333;
    padding: .5em .8em;
    border: none;
    line-height: 1.6em;
    border-bottom: 1px solid #F2F2F2
}

#company_2 .company_1__main table th {
    white-space: nowrap
}

#service_1 {
    padding: 30px 0;
    background: #F2F2F2
}

#service_1 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 30px;
    color: #008744
}

#service_1 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #service_1 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#service_1 .company_1__main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #service_1 .company_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#service_1 .company_1__main .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .1em;
    color: #B59664;
    line-height: 1.6em;
    margin-bottom: 30px
}

#service_1 .company_1__main img {
    display: block;
    width: 100%
}

#service_1 .company_1__main .service_1__main .item_read {
    display: block;
    margin: 50px 0 20px;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    color: #008744;
    border-bottom: 2px solid #008744
}

#service_1 .company_1__main .service_1__main ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

#service_1 .company_1__main .service_1__main ul li {
    width: 48%;
    margin-right: 4%;
    position: relative;
    margin-top: 30px;
    padding-top: 13px;
    margin-bottom: 30px
}

#service_1 .company_1__main .service_1__main ul li:before {
    content: "";
    background-image: url(../img/point1.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    display: block;
    width: 160px;
    height: 50px;
    left: 0;
    top: -23px;
    opacity: .4
}

#service_1 .company_1__main .service_1__main ul li:nth-child(2):before {
    background-image: url(../img/point2.png)
}

#service_1 .company_1__main .service_1__main ul li:nth-child(3):before {
    background-image: url(../img/point3.png)
}

#service_1 .company_1__main .service_1__main ul li:nth-child(4):before {
    background-image: url(../img/point4.png)
}

#service_1 .company_1__main .service_1__main ul li:nth-child(even) {
    margin-right: 0
}

#service_1 .company_1__main .service_1__main ul li .list_read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em
}

#service_1 .company_1__main .service_1__main ul li .list_main {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: .1em;
    line-height: 1.6em
}

#service_2 {
    padding: 0 0 80px;
    background: #F2F2F2
}

#service_2 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 50px;
    color: #008744
}

#service_2 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #service_2 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#service_2 .company_1__main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #service_2 .company_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#service_2 .company_1__main img {
    width: 100%;
    margin: auto;
    display: block
}

#service_2 .company_1__main .service_2_read {
    display: block;
    margin: 50px 0 20px;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    color: #008744;
    border-bottom: 2px solid #008744
}

#service_2 .company_1__main .service_2_read span {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .1em;
    margin-left: 10px
}

#service_2 .company_1__main .table_read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: .1em;
    background: #B59664;
    display: table;
    padding: .2em 2em;
    margin-bottom: 15px;
    color: #fff
}

#service_2 .company_1__main table {
    width: 100%;
    margin: auto;
    border-top: 1px solid #F2F2F2
}

@media all and (max-width: 639px) {
    #service_2 .company_1__main table {
        width: 100%
    }
}

#service_2 .company_1__main table th,
#service_2 .company_1__main table td {
    background: none;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #333;
    padding: .5em .8em;
    border: 1px solid #F2F2F2;
    line-height: 1.6em
}

#service_2 .company_1__main table th {
    white-space: nowrap
}

#works_1 {
    padding: 30px 0;
    background: #F2F2F2
}

#works_1 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 30px;
    color: #008744
}

#works_1 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #works_1 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#works_1 .company_1__main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #works_1 .company_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#works_1 .company_1__main .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .1em;
    color: #B59664;
    line-height: 1.6em;
    margin-bottom: 30px
}

#works_1 .company_1__main ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

#works_1 .company_1__main ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px
}

#works_1 .company_1__main ul li:nth-child(3n) {
    margin-right: 0
}

#works_1 .company_1__main ul li a {
    width: 100%;
    display: block;
    text-align: center;
    height: 216px;
    vertical-align: middle;
    overflow: hidden;
    background: #fff
}

@media all and (max-width: 639px) {
    #works_1 .company_1__main ul li a {
        height: 100px
    }
}

#works_1 .company_1__main ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: contain;"
}

#recruit_1 {
    padding: 30px 0;
    background: #F2F2F2
}

#recruit_1 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 30px;
    color: #008744
}

#recruit_1 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #recruit_1 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#recruit_1 .recruit_1__main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #recruit_1 .recruit_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#recruit_1 img {
    width: 100%;
    display: block
}

#recruit_1 img.no_cont {
    width: 30%;
    margin: auto
}

@media all and (max-width: 639px) {
    #recruit_1 img.no_cont {
        width: 100%
    }
}

#recruit_1 table {
    width: 100%;
    border: 1px solid #f2f2f2;
    margin: 0
}

#recruit_1 table tr {
    background: #fff
}

#recruit_1 table tr:nth-child(even) {
    background: #f2f2f2
}

#recruit_1 table th,
#recruit_1 table td {
    background: none;
    border: none;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    padding: .8em 1em
}

#recruit_1 table th {
    text-align: left;
    white-space: nowrap;
    font-weight: normal
}

#recruit_1 table td span {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 13px;
    font-size: .8125rem;
    letter-spacing: .1em
}

#recruit_1 a {
    display: block;
    width: 50%;
    margin: 30px auto 0;
    text-align: center;
    border: 1px solid #B59664;
    color: #B59664;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    padding: .5em 0
}

@media all and (max-width: 639px) {
    #recruit_1 a {
        width: 100%
    }
}

#recruit_1 a span:before {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-right: 5px
}

#recruit_1 a:hover {
    background: #B59664;
    color: #fff;
    transition: .4s
}

#topics_1 {
    padding: 30px 0;
    background: #F2F2F2
}

#topics_1 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 30px;
    color: #008744
}

#topics_1 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #topics_1 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#topics_1 .company_1__main {
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #topics_1 .company_1__main {
        margin-top: 15px;
        padding: 15px
    }
}

#topics_1 .company_1__main .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: .1em;
    color: #B59664;
    line-height: 1.6em;
    margin-bottom: 30px
}

#topics_1 .company_1__main ul {
    width: 100%;
    margin-top: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

@media all and (max-width: 639px) {
    #topics_1 .company_1__main ul {
        display: block;
        margin-top: 30px
    }
}

#topics_1 .company_1__main ul li {
    width: 32%;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 10px
}

#topics_1 .company_1__main ul li:nth-child(3n) {
    margin-right: 0
}

@media all and (max-width: 639px) {
    #topics_1 .company_1__main ul li {
        width: 100%;
        float: none;
        margin-bottom: 15px
    }
}

#topics_1 .company_1__main ul li .top_3__content__list__item a {
    position: relative;
    width: 100%;
    overflow: hidden
}

#topics_1 .company_1__main ul li .top_3__content__list__item a.blog_card__item__contents__thumbnail {
    background: #fff;
    display: block;
    text-align: center;
    height: 164px;
    vertical-align: middle;
    overflow: hidden;
    padding: 0
}

#topics_1 .company_1__main ul li .top_3__content__list__item a.blog_card__item__contents__thumbnail img {
    display: block;
    margin: auto;
    width: auto;
    min-width: 100%;
    height: 100%;
    object-fit: cover
}

#topics_1 .company_1__main ul li .blog_card__item__contents__taxt {
    padding: 15px
}

#topics_1 .company_1__main ul li .blog_card__item__contents__taxt .data {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em;
    font-weight: 500
}

#topics_1 .company_1__main ul li .blog_card__item__contents__taxt .data span {
    color: #fff;
    padding: 0 .8em;
    background: #B59664
}

#topics_1 .company_1__main ul li .blog_card__item__contents__taxt a {
    text-decoration: none;
    margin-top: 10px;
    display: block;
    color: #666
}

#topics_1 .company_1__main ul li .blog_card__item__contents__taxt a .blog_card__item__contents__title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .1em;
    font-weight: 400;
    line-height: 1.6em
}

#topics_1 .company_1__main ul li .blog_card__item__contents__taxt a:hover p {
    color: #008744;
    transition: .4s
}

#entry_1 {
    background: #F2F2F2;
    padding: 50px 0
}

#entry_1 .title {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 30px;
    font-size: 1.875rem;
    letter-spacing: .1em;
    text-align: center;
    font-weight: 700;
    color: #008744;
    font-style: italic;
    display: table;
    margin: auto
}

#entry_1 .entry__inner {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-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
}

@media all and (max-width: 639px) {
    #entry_1 .entry__inner {
        display: block
    }
}

#entry_1 .entry__inner #entry {
    width: 70%
}

@media all and (max-width: 800px) {
    #entry_1 .entry__inner #entry {
        width: 100%
    }
}

#entry_1 .entry__inner #entry .entry__cotent {
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    margin: auto;
    font-family: "YakuHanJP", "Noto Sans JP"
}

#entry_1 .entry__inner #entry .entry__cotent.list {
    margin-bottom: 30px
}

@media all and (max-width: 800px) {
    #entry_1 .entry__inner #entry .entry__cotent {
        padding: 15px
    }
}

#entry_1 .entry__inner #entry .entry__cotent .data span {
    background: #008744;
    padding: .3em .5em;
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #fff
}

#entry_1 .entry__inner #entry .entry__cotent .entry__title {
    border-bottom: 1px solid #008744;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .1em;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #008744
}

#entry_1 .entry__inner #entry .entry__cotent .entry__cotent__text {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em
}

#entry_1 .entry__inner #entry .entry__cotent .entry__cotent__text img {
    max-width: 100%
}

@media all and (max-width: 800px) {
    #entry_1 .entry__inner #entry .entry__cotent .entry__cotent__text {
        font-family: "YakuHanJP", "Noto Sans JP";
        font-weight: 500;
        font-size: 14px;
        font-size: .875rem;
        letter-spacing: .1em
    }
}

#entry_1 .entry__inner #entry .page_links {
    padding: 0 30px;
    margin-bottom: 30px
}

#entry_1 .entry__inner #entry .page_links .pages {
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
    display: table;
    width: 100%
}

#entry_1 .entry__inner #entry .page_links .pages .page_prev a,
#entry_1 .entry__inner #entry .page_links .pages .page_next a {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    padding: .5em .8em
}

#entry_1 .entry__inner #entry .page_links .pages .page_prev a:hover,
#entry_1 .entry__inner #entry .page_links .pages .page_next a:hover {
    background: #f2f2f2;
    transition: .4s
}

#entry_1 .entry__inner #entry .page_links .pages .page_prev {
    float: right
}

#entry_1 .entry__inner #entry .page_links .pages .page_next {
    float: left
}

#entry_1 .entry__inner #entry_side {
    width: 25%;
    margin-left: 5%;
    background: #fff
}

@media all and (max-width: 800px) {
    #entry_1 .entry__inner #entry_side {
        margin-left: 0;
        width: 100%;
        margin-top: 30px
    }
}

#entry_1 .entry__inner #entry_side .entry_side__contents {
    padding: 30px
}

#entry_1 .entry__inner #entry_side .entry_side__contents .read {
    background: #B59664;
    color: #fff;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .1em;
    padding: .3em .5em
}

#entry_1 .entry__inner #entry_side .entry_side__contents ul {
    margin-top: 15px;
    border-top: 1px solid #f4ede3
}

#entry_1 .entry__inner #entry_side .entry_side__contents ul li {
    border-bottom: 1px solid #f4ede3;
    padding: .8em .5em
}

#entry_1 .entry__inner #entry_side .entry_side__contents ul li a {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #333
}

#entry_1 .entry__inner #entry_side .entry_side__contents ul li a:hover {
    color: #B59664;
    transition: .4s
}

#contact_1 {
    padding: 30px 0;
    background: #F2F2F2
}

#contact_1 h3 {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: .1em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: -50px 0 30px;
    color: #008744
}

#contact_1 h3 span {
    font-family: "YakuHanJP", "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: .1em
}

@media all and (max-width: 639px) {
    #contact_1 h3 span {
        display: block;
        line-height: 1em;
        margin-bottom: 10px
    }
}

#contact_1 .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .1em;
    text-align: center
}

#contact_1 .contact_1_main {
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

@media all and (max-width: 639px) {
    #contact_1 .contact_1_main {
        margin-top: 15px;
        padding: 15px
    }
}

#contact_1 .contact_1_main .form {
    width: 100%
}

#contact_1 .contact_1_main .form dl {
    border-top: 1px solid #eee
}

#contact_1 .contact_1_main .form dt,
#contact_1 .contact_1_main .form dd {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em
}

#contact_1 .contact_1_main .form .textarea,
#contact_1 .contact_1_main .form textarea,
#contact_1 .contact_1_main .form .dropdown {
    width: 98%
}

#contact_1 #mailform button,
.form .form-pattern-1 .submit-btn {
    background: #333;
    border-radius: 0;
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em
}

#contact_1 .fm-text p {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em
}

#contact_1 .thanks p {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em
}

#contact_1 .plaaa {
    background: #B59664;
    padding: 30px 50px
}

@media all and (max-width: 639px) {
    #contact_1 .plaaa {
        padding: 30px
    }
}

#contact_1 .plaaa .read {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .1em;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

#contact_1 .plaaa .plaaa__inner {
    padding: 10px;
    height: 150px;
    margin: 8px 0;
    overflow-y: scroll
}

#contact_1 .plaaa .top {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .1em;
    text-align: center;
    color: #fff
}

@media all and (max-width: 639px) {
    #contact_1 .plaaa .top {
        text-align: left
    }
}

#contact_1 .plaaa .item {
    font-family: "YakuHanJP", "Noto Sans JP";
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .1em;
    width: 80%;
    margin: 10px auto 0;
    color: #fff
}

@media all and (max-width: 639px) {
    #contact_1 .plaaa .item {
        width: 100%
    }
}

#contact_1 .plaaa .item span {
    display: block;
    color: #fff;
    font-size: 14px
}

#contact_1 .plaaa .item span:before {
    content: "◆";
    margin-right: 3px
}

/*# sourceMappingURL=custom.css.map */